/*												 
													 G E N E R A L E S
											    	====================
*/
a:link { 
	color           : #CCCCCC;
	text-decoration : none;
}
a:visited { 
	color           : #FFFFFF;
	text-decoration : none;
}								/* barra de navegacion */
a:hover {
	color           : #FFFFFF;
	text-decoration : none;
	
}

a:active { 
	color           : #808000;
}

body {
	margin-top		: 0px;
	margin-left		: 0px;
	margin-right	: 0px;
	background-color: #A4A4A4;
}


div#circulos {
	top				: 14px;
	position		: absolute;
	width			: 500px;
	height			: 100px;
	left			: 360px;
	z-index			: 1;
	
}
div#logoescuela {
	position		: absolute;
	top				:490px;
	left			:27px;
	width			:100px;
	height			:49px;
	z-index			: 1;
	
}

div#central {
	position		: absolute;
	width			: 700px;
	left			: 165px;
	top				: 375px;
	z-index			: 1;
	background-color:#CCCCCC;
	
}
div#intcentral {
	position		: relative;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	z-index:1;
	}
	
div#barranavegacion {
	position		: absolute;
	left			: 10px;
	top				: 205px;
	width			: 132px;
	font-family		: Arial;
	font-size		: 14px;
	text-align		: left;
	font-weight		: bold;
	color			: #FFFFFF;
	z-index			: 1;
	background-color:#4B4B4B;
	
}

div#logo {
	position		: absolute;
	left			: 0px;
	top				: 0px;
	z-index			: 1;
	
}


div#logoletras{						/* logo letras	*/
	position		:absolute;
	width			: 480px;
	height			: 54px;
	top				: 127px;
	left			: 391px;
	z-index			: 1;
}
p {
	color			: #333333;
	font-family		: arial;
	font-size		: 14px;
	text-align		: justify;
	z-index:2;
		
}
ul {
	color			: #333333;
	font-family		: arial;					
	font-size		: 14px;
	}

.celda {
	background-color:#666666;
	color:#FFFFFF;
	font-family: Arial;
	
}

.titulosupergran {					/*  Para titulos supergrandes	*/
	font-weight		: bold;
	font-size		: 46px;
}
.titulogran {						/*  Para titulos grandes	*/
	font-weight		: bold;
	font-size		: 36px;
}


.titulomed {						/*  Para titulos medianos	*/
	font-weight		: bold;
	font-size		: 22px;
}

.titulopeq {						/*  Para titulos pequenyos	*/
	font-weight:bold;
	font-size		: 16px;
	color: #333333;
}



.marcada {
	background-color:#AC52AC;
	color:000000;
}

div#facebook {
	position		: absolute;
	top				:555px;
	left			:20px;
	width			:75px;
	height			:70px;
	z-index			: 1;
	text-align:center;
	
}


	
/*  QUIEN SOY			QUIEN SOY			QUIEN SOY			QUIEN SOY			QUIEN SOY	   QUIEN SOY*/
/*__________________________________________________________________________________________________________*/


div#fotoarianna {
	position:absolute;
	background-image:url(images/quiensoy/yo.jpg);
	z-index:2;
	width: 108px;
	height: 120px;
	top:445px;
	left:730px;
	}
	

/*  PRIVADA			PRIVADA			PRIVADA			PRIVADA			PRIVADA			PRIVADA	*/
/*__________________________________________________________________________________________________________*/


div#login {
	position		: absolute;
	width			: 700px;
	left			: 165px;
	top				: 290px;
	z-index			: 1;
	background-color: #CCCCCC;
}
	


	
/*  SECCION PRODUCTOS			SECCION PRODUCTOS			SECCION PRODUCTOS			SECCION PRODUCTOS	*/
/*__________________________________________________________________________________________________________*/

div#cent {
	position		: absolute;
	width			: 800px;
	left			: 65px;
	top				: 25px;
	z-index			: 1;
	background-color:#CCCCCC;
	
}

	

div#int {
	position		: relative;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	z-index:1;
}


div#log {
	position		: absolute;
	width			: 700px;
	left			: 165px;
	top				: 205px;
	z-index			: 1;
	background-color:#CCCCCC;
	
}