/* CSS Document */

p {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
img {
	padding: 0;
	margin: 0;
	border: none;
}
a {
	text-decoration: none;
	outline: none;
}
h3 {
	padding: 0;
	margin: 0;
}
h4 {
	padding: 0;
	margin: 0;
}
body {
	padding: 0;
	margin: 0;
}

/* REGLAS DE LA ESTRUCTURA BASICA */

body {
	font-family: Tahoma;
	font-size: 11px;
	background-image: url(/imagenes/textura_fondo.gif);
	background-repeat: repeat;
	color: #292727;
	/*background-color: #F4FAFD;*/
}
#site {
	width: 970px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 15px 15px 15px; /* ojo! por los 4 lados */
	
	/* el site en realidad mide 970+15+15 = 1000px */
}
#cabecera {
	width: 970px;
	height: 250px;
}
#cuerpo {
	width: 970px;
	margin-top: 10px;
}
#pie {
	width: 970px;
	padding-top: 10px;
	border-top: 15px solid #DFE3CF;
	margin-top: 20px;
}
.limpiar {
	clear: both;
}

/* REGLAS COMUNES PARA LA COLUMNA DE LA IZQUIERDA */

#columna_izq {
	float: left;	
	width: 186px; 
	margin-right: 15px;
	background-image: url(/imagenes/borde_sup_secciones.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 12px;			
}

/* SECCIONES */

#secciones {
	background-image: url(/imagenes/borde_inf_secciones.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
#secciones h3 {
	background-image: url(/imagenes/tit_secciones.gif); /* pongo como imagen el título de la capa "Secciones"*/
	background-position: top left;
	background-repeat: no-repeat; 
	height: 25px;
	text-indent: -4000px;
	margin-left: 13px;
	margin-bottom: 10px;
}
#secciones ul{
	padding: 0;
	margin: 0;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 15px;

}
#secciones ul li {
	background-image: url(/imagenes/triangulo2.gif);
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom:8px;
	padding-left: 3px;
}
#secciones ul.submenu {
	padding:5px 0 0 10px;
}
#secciones ul li img {
	float: left;
}
#secciones ul li a {
	padding-left: 15px; /* regla para que el nombre de la seccion no chafe el >> */
	color: #3F658F;
}
#secciones ul li a:hover {
	color: #990000;
}

/* SECRETARÍA y ALUMNOS */

#secretaria #contenido_secretaria, #alumnos #contenido_alus {
	width: 161px;
	margin: 8px 15px;
}
#secretaria #contenido_secretaria h4, #alumnos #contenido_alus h4 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 11px;
}
#secretaria #contenido_secretaria ul li, #alumnos #contenido_alus ul li {
	list-style: none; /* quito los puntos de los elementos de la lista desordenada */
}
#secretaria #contenido_secretaria ul li a, #alumnos #contenido_alus ul li a {
	color: #3F658F;
}
#secretaria #contenido_secretaria ul li a:hover, #alumnos #contenido_alus ul li a:hover {
	/*color: #B6D5FD;*/
	color: #990000; 
}

/* REGLAS COMUNES PARA LA COLUMNA CENTRAL */

#columna_cen {	
	float: left;
	width: 566px;
	margin-right: 15px;
	/*border-top: 12px solid #DFE3CF;*/
	/*padding-top: 12px;*/
}
#columna_cen #barra_ruta {
	background-image: url(../imagenes/barra_centro.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height: 16px;
	text-align: left;	
	padding-top: 1px;
	padding-left: 15px;
}
#columna_cen #barra_ruta a {
	color: #3F658F;
}
#columna_cen #barra_ruta a:hover {
text-decoration: underline;
}

/* REGLAS COMUNES PARA LA COLUMNA DERECHA */

#columna_der {
	float: left;
	width: 186px;
}
#calendario, #galeria, #secretaria, #alumnos, #material_doc {
	width: 186px;
	height: 193px;
	background-color: #DFE3CF;
	background-image: url(/imagenes/borde_inf_calendario.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#calendario h3, #galeria h3, #secretaria h3, #alumnos h3 {
	background-image: url(/imagenes/tit_calendario.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -4000px;
	margin-left: 13px;
	padding-bottom: 8px;	
}
#galeria h3 {
	background-image: url(/imagenes/tit_galeria.gif);
}
#secretaria h3 {
	background-image: url(/imagenes/tit_secretaria.gif);
}
#alumnos h3 {
	background-image: url(/imagenes/tit_alumnos.gif);
	padding-left: 5px;
}
#calendario img.calendario {
	margin-left: 14px;
	margin-top: 10px;
}
#galeria #coleccion {
	width: 170px;
	margin-left: 22px;
	margin-top: 15px;
	float: left;
}
#galeria #coleccion img {
	margin-bottom: 6px;
}
#galeria #coleccion a {
	background: none;
	display: block;
	clear: none;
	float: left;
	width: auto;
}
#galeria a {
	/*background-image: url(/imagenes/menormenor.gif);
	background-position: 113px 6px;
	background-repeat: no-repeat;*/
	padding-right: 5px;
	width: 65px;
	float: right;
	text-decoration: none;	
	font-weight: bold;
	color: #5B81AE;
}
#galeria a:hover {
	color: #990000;
}	
#galeria #coleccion li {
	display:none;
	position:relative;
}
#galeria #coleccion .mascara, #galeria .coleccion .mascara {
	position:absolute;
	left:-2px;
	top:-2px;
	z-index:50;
}
#galeria .coleccion li img {
	border:2px solid #bbbfaa;
}

#galeria #coleccion li.visible {
	display:block;
}
#columna_cen #actualidad img {
	margin-top: 20px;
	float: right;
	/*width: 185px;
	height: 159px;
	background-image: url(/imagenes/borde_inf_secciones.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-align: center;*/
}

/* REGLAS PARA EL PIE */

#enlaces {
	height: 15px;
	text-align: center;
}
#enlaces li{
	display: inline;
}
#enlaces ul li a {	
	/*color: #4E4D4D;*/
	color: #3F658F;
}
#enlaces ul li a:hover {
/*	color: #D6300D;*/
	color: #990000;
}
.clear {
	clear:left;
}
a.enlace {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 3px;
	display: block;
	background-color: #3F658F;
	color: white;
}
a.enlace:hover {
	background-color:#990000;
}