/** Elementos HTML principales **/
html {
	margin: 0;
	padding: 0;
}

body {
	line-height: 1.618;	/*Distancia entre lineas = Proporcion Aurea*/
	color: #666666;
	margin: 0;
	padding: 0;
	/*Repetir en el eje X y a partir del final de la imagen, mostrar el color de fondo #RRGGBB*/
	background: url('../img/body2.png') #FFF7DE repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXX MENU CENTRAL XXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.menu {
	font-size: 0.8em;
}
.titulo_seccion {
	background: url('../img/titulo.png') no-repeat;
	font: italic normal 1.4em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FDC7FC;
	text-align: center;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXX MENU IZQUIERDO XXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.menu_izq{
	background: transparent url('../img/fondo_izq.png') no-repeat 0 0;
	width: 200px;
	height: 500px;
}
.menu_izq_fondo{
	background: transparent url('../img/fondo_menu_izq.png') repeat-y 0 0;
	width: 200px;
	height: 500px;
}

.menu_izq_margin_usuario{
	margin-top: 10px;
	width: 200px;
}

.titulo_izq {
	text-align: center;
	color: #666666;
	font-size: 1.0em;
}
#tizq_crear_cuenta{
	margin-top: 25px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_uniformes{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_sugerencias{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_cumples{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_ampaarcadia{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_admin{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_seguimiento_pedagogico{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_intranet_familias{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_aula_virtual{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}
#tizq_psp_profesores{
	margin-top: 1px;
	margin-bottom: 0px;
	width: 200px;
 	padding-bottom: 30px;
	text-align: center;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXX MENU DERECHO XXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.menu_der{
	background:transparent url('../img/fondo_der.png') no-repeat 0 0;
	width: 200px;
	height: 500px;
}
.menu_der_fondo{
	background: transparent url('../img/fondo_menu_der.png') repeat-y 0 0;
	width: 200px;
	height: 500px;
}

.titulo_der {
	text-align: center;
	color: #666666;
	font-size: 1.0em;
	width: 200px;
}
#tder_bandera{
	margin-top: 20px;
	margin-bottom: 1px;
/* 	width: 200px; */
	height: 20px;
 	padding-bottom: 10px;
	text-align: center;
}
	#tder_bandera img {border: none;}

#tder_ultimas_noticias{
	margin-top: 1px;
	margin-bottom: 10px;
	height: 150px;
	padding-bottom: 5px;
}
#tder_ultimas_noticias_lista{
	padding-left:12px;
	padding-right:12px;
}
#tder_calendario{
	margin-top: 1px;
	margin-bottom: 100px;
	height: 20px;
	padding-bottom: 30px;
}
#tder_circulares{
	margin-top: 5px;
	margin-bottom: 1px;
	padding-bottom: 1px;
}
#tder_circulares_lista{
	margin-top: 1px;
	margin-bottom: 1px;
	width: 190px;
 	padding-bottom: 1px;
	text-align: left;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXX VARIOS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#pie_de_pagina {
	text-align: center;
	margin: 0;
	font: normal 0.8em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #EFEFEF;
	background: url('../img/pie_pagina.png');
	width: 1000px;
	height: 15px;
}

.texto {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 8px;
	padding-right: 15px;
}
.texto_resaltado {
	color: #144A93;
}
.texto_resaltado_negrita {
	color: #144A93;
	font-weight: bold;
}

.fondo_azul{
	background: #EEF2FB repeat-x;
}

.fecha_ultimas_noticias{
	width: 100px;
	text-align: center;
}
.fondo_formulario{
	background-color: #EFEFEF;
}

.img_sin_borde a img{
	border-style: none;
	border: 0;
	margin-left: 100px;
}

.calendario_negrita{
	font-size: 1.2em;
	font-weight: bold;
}

.td_align_left td{
	text-align: left;
}

.tabla_agenda th{
	text-align: center;
}

#indentado_menu{
	margin-left: 150px;
}

.indentado_campo_busqueda{
	margin-left: 80px;
}

.indentado_texto{
	margin-left: 70px;
}

.tabla_extraescolares{
	margin: 0 auto;
	border-style: double;
}

/*
none  	Defines no border
hidden 	The same as "none", except in border conflict resolution for table elements
dotted 	Defines a dotted border
dashed 	Defines a dashed border
solid 	Defines a solid border
double 	Defines two borders. The width of the two borders are the same as the border-width value
groove 	Defines a 3D grooved border. The effect depends on the border-color value
ridge 	Defines a 3D ridged border. The effect depends on the border-color value
inset 	Defines a 3D inset border. The effect depends on the border-color value
outset 	Defines a 3D outset border. The effect depends on the border-color value
*/

.tabla_extraescolares tr{
	text-align: center;
	color: #666666;
}
.tabla_extraescolares th{
	text-align: center;
	color: #666666;
	background: #FFF7DE;
	border: none;
}
.tabla_extraescolares td{
	font: italic normal 0.9em georgia, sans-serif;
	padding:5px;
	border-style: dotted none none dotted;
	border-color: #c0c0c0;
	/*top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double*/
}

.texto_centrado{
	text-align: center;
}

.lista_sin_estilo li{
	list-style: none;
}

.indentado_derecha10{
	padding-right: 10px;
}