/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-image: url(img/fondo.jpg);
	background-color: #8AB8EA;
	background-repeat: repeat-x;
	}
#contenedor {
	width:750px;
	margin-left: auto;
	margin-top:15px;
	margin-right: auto;
	margin-bottom: 0px;
	text-align:center;
	background-color:#FFFFFF;
	}
#banner {
    width:750px;
	height:143px;
	text-align:center;
	margin-bottom:0px;
	background-image:url('img/banner.jpg');
	}

.cita {
	text-align:left;
	font-family:geneva, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:105px;
	padding-left:433px;
	}
.autor {
	text-align:right;
	padding-right:5px;
	margin-top:-6px;
	}

#menu {
	font: 80% Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	height:27px;
	float:left;
	padding-left:2px;

	}
 
#menu ul, li {
	list-style-type: none;
	}
 
#menu ul {
	margin: 0;
	padding:0;
	}
 
#menu li {
	float: left;
	}
 
#menu a {
	text-decoration: none;
	color: #3366CC;
	background:#F0F7FC;
	display: block;
	padding: 3px 20px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;
	}
 
#menu a#primero {
	border-left: 1px solid #ACCFE8;
	}
 
#menu a:hover {
	background: #DBEBF6;
	}

.bold {
	font-weight:bold;
	letter-spacing:0.01em;
	color:#0E4392;
	}
	
#contenedor2 {

	background-image: url('img/fondo2.gif');
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position:top;
	}
#contenido {
	clear:both;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0E4392;
	vertical-align:top;
	text-align:left;
}
.img_der {
	float:right;
	margin:15px 30px 10px 10px;}	
.derecha {
	padding-left:210px;
	padding-top:15px;
	padding-right:20px;
	padding-bottom:5px;
	text-align:justify;
	line-height:16px;
	}
.derecha li {
	margin-right:30px;
	margin-top:5px;
	padding-left:3px;
	line-height:18px;
	list-style-image:url('img/flecha_azul.gif');
	border-bottom:1px dashed #76A3E7;
	}	
.img_izq {
	float:left;
	margin:10px 10px 10px 15px;
	}	
.izquierda {
	padding-left:30px;
	padding-top:15px;
	padding-right:200px;
	text-align:justify;
	line-height:16px;
	}
.img_centro {
	height:91px;
	text-align:left;
	margin-top:13px;
	margin-bottom:7px;
	margin-left:-12px;
	}

#footer {
	background-image: url('img/footer.jpg');
	background-repeat: no-repeat;
	background-position:top;
	height:85px;
	border-top:1px dashed #7395D5;
	margin-top:5px;
	clear:both;
	}
#footer_info {	
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7395D5;
	letter-spacing:0.03em;
	padding-top:15px;
	padding-bottom:5px;
	margin-left:35px;
	border-bottom:1px dashed #7395D5;
	width:340px;
	float:left;
	}
#footer_info a:link, #footer_info a:visited, #footer_info a:active {
	text-decoration:none;
	font-weight:bold;
	color:#7395D5;}
#footer_info a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#7395D5;}	
#validacion{
	float:right;
	text-align:right;
	padding-top:15px;
	margin-right:5px;
	}
#validacion img{
	margin-bottom:5px;}

/*Aqui empiezan los estilos propios de la secion 'areas' */	

#ocultas {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.78em;
	color:#0E4392;
}
#ocultas a.boton_mostrar:link, #ocultas a.boton_mostrar:visited, #ocultas a.boton_mostrar:active {/*aqui va el icono del más +*/
	display: block;
	position:absolute;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	color:#0E4392;
	letter-spacing:0.07em;
	font-weight:900;
	padding-bottom:5px !important;
	text-decoration:none;
	visibility:visible !important;
	background-image:url('img/desplegar.gif');
	background-repeat:no-repeat;
	background-position:bottom right;

}
#ocultas a.boton_mostrar:hover {
	text-decoration: underline;
	background-image:url('img/desplegar.gif');
	background-repeat:no-repeat;
	background-position:bottom right;

}
.areas {
	height:600px;
	background: url(img/vitruvio.jpg) no-repeat 50% 50%;
	
	}
.areas_izq_sup, .areas_der_sup, .areas_abj, .areas_principal, #ocultas a.boton_mostrar  {
	background:#FFFFFF;
	padding:5px 5px 5px 10px;
	border:1px solid #76A3E7;
	position:absolute;
	visibility:hidden;
	width:210px;
	}
#areas_1, #mostrar_1 {margin:10px 0 0 262px;}
#areas_2, #mostrar_2 {margin:155px 0 0 14px;}
#areas_3, #mostrar_3 {margin:460px 0 0 262px;}
#areas_4, #mostrar_4 {margin:380px 0 0 14px;}
#areas_5, #mostrar_5 {margin:155px 0 0 510px;}
#areas_6, #mostrar_6 {margin:380px 0 0 510px;}

#ocultas ul {
	margin:3px 0px 3px 0px;
	padding:3px 0px 3px 0px;
	}	

#ocultas li {
	margin-right:5px;
	margin-top:5px;
	margin-left:15px;
	padding-left:0px;
	list-style-image:url('img/flecha_azul.gif');
	}		
.areas_tit a {/* aqui va la crucecica pa chapar*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	display:block;
	color:#0E4392;
	letter-spacing:0.07em;
	font-weight:900;
	border-bottom:1px dashed #0E4392;
	padding-bottom:5px;
	background-image:url('img/cierre.gif');
	background-repeat:no-repeat;
	background-position:top right;
	}