@charset "utf-8";
@import "estilos.php?hoja=EDITOR";
body {
	font-family: Arial, Sans Serif;
	background-image: url(../imgs/fondo_1.png);
	background-repeat: repeat;
	padding: 0;
	margin: 0;
	overflow: auto;
	text-align: center;
	font-size: 12px;
	color: #3d3d3d;
	width: 100%;
}

#principal {
	background-image: url(../imgs/fondo_sombra.png);
	background-repeat: repeat-y;
	width: 1000px;
	position: relative;
	/* overflow: auto; */
	margin: auto;
}
#principal #logo_sup {
	background-color: #FFFFFF;
	background-image: url(../imgs/fondo_logo.png);
	background-repeat: repeat-x;
	position: absolute;
	left: 7px;
	top: 0;
	height: 181px;
	width: 990px;
}
#principal #logo_sup #logo_imagen {
	background-image: url(../imgs/logo_sup_2.png);
	position: absolute;
	height: 162px;
	width: 969px;
	left: 10px;
	top: 8px;
}
#principal #barra_lateral{
	position: relative;
	left: 7px;
	width: 210px;
	/* border-right: solid 1px #ccc;
	background-color: #f1f1f1; */
	margin-top: 181px;
	height: 646px;
	padding: 0 7px;
	float: left;
}
#principal #barra_lateral .inicio{
	text-align: right;
	margin-top: 7px;
}
#principal #barra_lateral .inicio a, #principal #barra_lateral .inicio a:link, #principal #barra_lateral .inicio a:active, #principal #barra_lateral .inicio a:hover, #principal #barra_lateral .inicio a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #6d6d6d;	
}
#principal #barra_lateral .inicio a:hover{
	text-decoration: underline;
}
#principal #barra_lateral .separador{
	background-image: url(../imgs/menu_separador.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 7px 7px 7px;
}
#principal #barra_lateral .menu .titulo{
	text-align: left;
	font-weight: bold;
	padding: 0 7px;
	color: #025b85;
}
#principal #barra_lateral .menu .titulo a, #principal #barra_lateral .menu .titulo a:link, #principal #barra_lateral .menu .titulo a:active, #principal #barra_lateral .menu .titulo a:visited, #principal #barra_lateral .menu .titulo a:hover{
	text-decoration: none;
	color: #025b85;
}
#principal #barra_lateral .menu .titulo a:hover{
	text-decoration: underline;
}
#principal #barra_lateral .menu .item{
	text-align: left;
	padding: 1px 0 1px 14px;
}
#principal #barra_lateral .menu .item a, #principal #barra_lateral .menu .item a:link, #principal #barra_lateral .menu .item a:active, #principal #barra_lateral .menu .item a:visited, #principal #barra_lateral .menu .item a:hover{
	text-decoration: none;
	color: #3d3d3d;	
}
#principal #barra_lateral .menu .item a:hover{
	text-decoration: underline;
}
#principal #barra_lateral .menu .subitem{
	text-align: left;
	padding: 1px 0 1px 21px;
}
#principal #contenido{
	/* position: absolute; */
	/* border: solid 1px #0f0; */
	position: relative;
	float: right;
	/* height: 646px; */
	height: auto;
	/* background-color: #f00; */
	/* left: 236px; */
	width: 721px;
	margin-top: 181px;
	padding: 20px;
	margin-right: 3px;
}

.ajax_loading{
	background: url(../imgs/ajax-loader.gif) no-repeat center center;
}

#tamano_fuentes{
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: hand;
	cursor: pointer;
}
#tamano_fuentes #fuente_mas{
	width: 18px;
	height: 18px;
	background: url(../imgs/fuentes.png) no-repeat top right;
	float: right;
}
#tamano_fuentes #fuente_mas:hover{
	background: url(../imgs/fuentes.png) no-repeat bottom right;
}
#tamano_fuentes #fuente_menos{
	width: 18px;
	height: 18px;
	background: url(../imgs/fuentes.png) no-repeat top left;
	float: right;
}
#tamano_fuentes #fuente_menos:hover{
	background: url(../imgs/fuentes.png) no-repeat bottom left;
}

#principal #contenido .home_colegios{
	float: left;
	margin: 0px 0px 20px 0px;;
	border-top: solid 1px #ccc;
	/* border: solid 1px #f00; */
}
#principal #contenido .home_colegios p{
	width: 227px;
	text-align: justify;
}
#principal #contenido .home_colegios_salto{
	clear:both;
}
#principal #contenido .home_colegios_separador{
	float: left;
	width: 20px;
}

#principal #contenido .actividad{
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	clear: both;
	/* LAS DOS SIGUIENTES LINEAS SE PONEN PARA QUE EL CONTENEDOR SE EXPANDA SEGUN LAS MEDIDAS DE LOS ELEMENTOS INTERIORES CON FLOAT */
	overflow: auto;
	width: 100%;
}
#principal #contenido .actividad .titulo{
	text-align: left;
	font-weight: bold;
	color: #025b85;
	text-align: left;
	font-size: 1.4em;
}
#principal #contenido .actividad .fecha{
	font-size: 0.8em;
	color: #025b85;
	font-family: Georgia, Arial, Sans Serif;
	text-align: left;
}
#principal #contenido .actividad .titulo a, #principal #contenido .actividad .titulo a:link, #principal #contenido .actividad .titulo a:active, #principal #contenido .actividad .titulo a:visited, #principal #contenido .actividad .titulo a:hover, .actividad_titulo{
	color: #025b85;
}
#principal #contenido .actividad .entradilla, #principal #contenido .actividad .texto, #principal #contenido .actividad .texto p{
	text-align: justify;
}
#principal #contenido .actividad .entradilla:first-line, #principal #contenido .actividad .texto:first-line, #principal #contenido .actividad .texto p:first-line{
	text-indent: 2cm;
}
#principal #contenido .actividad .masinfo, #principal #contenido .actividad .masinfo a, #principal #contenido .actividad .masinfo a:active, #principal #contenido .actividad .masinfo a:link, #principal #contenido .actividad .masinfo a:visited, #principal #contenido .actividad .masinfo a:hover{
	color: #025b85;
	text-align: right;
	font-size: 0.9em;
}
#principal #contenido .actividad .masinfo a, #principal #contenido .actividad .masinfo a:active, #principal #contenido .actividad .masinfo a:link, #principal #contenido .actividad .masinfo a:visited, #principal #contenido .actividad .masinfo a:hover{
	color: #025b85;
	text-decoration: underline;
}

#principal #contenido .cuadro_eventos{
	float: left;
	width: 227px;
	margin: 0px 20px 20px 0px;
}
#principal #contenido .cuadro_eventos_salto{
	clear: both;
}

#principal #contenido #galeria_lista{
	position: relative;
	height: 73px;
	width: 721px;
	border-top: solid 1px #e1dede;
	border-bottom: solid 1px #e1dede;
}
#principal #contenido #galeria_titulo{
	text-align: left;
	font-weight: bold;
	padding: 10px 0px;
	color: #000;
}
#principal #contenido #galeria_lista #galeria_iz, #principal #contenido #galeria_lista #galeria_dc{
	background: url(../imgs/galeria_flechas.png);
	width: 17px;
	height: 69px;
	cursor: hand;
	cursor: pointer;
	position: absolute;
}
#principal #contenido #galeria_lista #galeria_iz{
	background-position: top left;
	top: 2px;
	left: 0px;
}
#principal #contenido #galeria_lista #galeria_dc{
	background-position: top right;
	top: 2px;
	left: 704px;
}
#principal #contenido #galeria_lista #galeria_fotos_sm{
	position: absolute;
	top: 2px;
	left: 27px;
	width: 667px;
	height: 69px;
	background-color: #e1dede;
}
#principal #contenido #galeria_lista #galeria_fotos_sm div.novisible, #principal #contenido #galeria_lista #galeria_fotos_sm div.novisible div{
	display: none;
}
#principal #contenido #galeria_lista #galeria_fotos_sm div div{
	width: 65px;
	height: 65px;
	background-position: center center;
	margin: 1px 3px 1px 4px;
	float: left;
	cursor: hand;
	cursor: pointer;
	border: solid 1px #e1dede;
}
#principal #contenido #galeria_lista #galeria_fotos_sm div div:hover, #principal #contenido #galeria_lista #galeria_fotos_sm div div.foto_seleccionada{
	width: 65px;
	height: 65px;
	border: solid 1px #fff;
}
#principal #contenido #galeria_foto_grande{
	padding: 20px 0px;
}
#principal #contenido #galeria_pie{
	background: none;
	padding-bottom: 20px;
}

#principal #contenido #promocion_lista{
	text-align: left;
	float: right;
	width: 200px;
}
#principal #contenido #promocion_lista ul{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#principal #contenido #promocion_lista ul li{
	list-style-position: inside;
	list-style-type: none;
	list-style-image: url(../imgs/mas.png);
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}
#principal #contenido #promocion_lista ul li ul li{
	list-style-type: none;
	font-weight: normal;
}
#principal #contenido #promocion_lista ul li ul li a.seleccionado{
	font-weight: bold;
}
#principal #contenido #promocion_lista ul li ul{
	display: none;
}
#principal #contenido #promocion_lista ul li.visible{
	list-style-image: url(../imgs/menos.png);
}
#principal #contenido #promocion_lista ul li.visible ul{
	display: inline;
}
#principal #contenido #promocion_lista ul li.visible ul li{
	list-style-image: none;
}
#principal #contenido #promocion_lista ul li ul li a, #principal #contenido #promocion_lista ul li ul li a:link, #principal #contenido #promocion_lista ul li ul li a:active, #principal #contenido #promocion_lista ul li ul li a:visited, #principal #contenido #promocion_lista ul li ul li a:hover{
	color: #025b85;
	text-decoration: underline;
}
#principal #contenido #promocion_foto_grande{
	float: left;
}
#principal #contenido #promocion_lista div.titulo{
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	color: #000;
}

#principal #contenido .acta{
	text-align: left;
}

.marco_foto img{
	border: solid 1px #ccc;
	margin: 14px;
}
.marco_foto{
	position: relative;
}
.marco_foto_dch{
	float: right;
	clear: both;
	margin: 14px 0px 14px 14px;
}
.marco_foto_izq{
	float: left;
	clear: both;
	margin: 14px 14px 0px 14px;
}
.marco_foto .inf_dch, .marco_foto .inf_izq, .marco_foto .sup_dch, .marco_foto .sup_izq{
	background: url(../imgs/marco_foto.png) bottom right;
	padding: 0px 0px 5px 0px;
}
.marco_foto .sup_izq{
	background-position: top left;
	padding: 0px 0px 0px 5px;
}
.marco_foto .sup_dch{
	background-position: top right;
	padding: 5px 5px 0px 0px;
}
.marco_foto .inf_izq{
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-position: bottom left;
}

#principal #contenido .enlaces a{
	text-align: left;
	display: block;
}

#principal #contenido #fotos_promociones_texto{
	padding-top: 20px;
	clear: both;
}