@charset "utf-8";
/* CSS Document */

* {	margin:0;
	padding:0;
	border:0;
}

body {font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#555;
	background-color:#FFF;
	}
a{ text-decoration:none;}
a:link{ color:#555;}
a:visited{ color:#555;}
a:hover{ color:#31598A;}
a:focus{outline: none;}	

li{ list-style-type:none;}

#caja{
margin:auto;
width:960px;
height:600px;
position:relative;}

#caja.sinalto{
margin:auto;
width:960px;
height:auto;
position:relative;}

#enc_inicio{
float:left;
width:960px;
height:90px;
margin-top:20px;
margin-bottom:10px;}



#pintura{
float:left;
width:450px;
height:20px;
margin-top:30px;}


#pasefotos{
float:left;
width:950px;
height:450px;
border:#31598A solid 1px;
padding:5px;
}

#pasefotos ul{
float:left;
list-style-type:none;}

#pasefotos ul li{
float:left;
width:950px;}

#menuinicio{
	float:left;
	width:510px;
	height:20px;
	font-size:16px;
	margin-top:30px;
	}

#menuinicio ul li{
	float:left;
	height:20px;
	text-align:right;
	margin-right:25px;
	list-style-type:none;
	}
#menuinicio ul li.mg0{ margin-right:0; }













/*#pasefotos{
position:absolute;
top:95px;
left:0;
width:960px;
height:300px;}


#pasefotos ul{
float:left;
list-style-type:none;}

#pasefotos ul li{
float:left;
width:960px;}

#txtinicio{
width:960px;
height:200px;
position:absolute;
top:415px;
left:0;}



#menuinicio{
	float:left;
	width:120px;
	text-align:right;
	font-size:16px;
	padding-left:50px;
	background-color:#FFF}

#menuinicio ul li{
	float:left;
	width:120px;
	margin-bottom:16px;
	list-style-type:none;
	}
*/


.pieinicio{ 
float:left;
width:320px;
height:15px;
margin-top:10px;
}


/*SECCIONES ------------------------------------------------------------------------------------------*/
#titulos{
position:absolute;
top:20px;
left:0;
width:960px;
height:24px;
border-bottom:solid 1px #31598A;}

#nombre{
float:left;
width:960px;
height:20px;}

#ini{float:left;
	width:35px;
	height:18px;
	margin-left:25px;
	padding-top:2px;}


#menu{
	float:left;
	width:360px;
	height:20px;
	margin-left:0px;
	
	}
#menu ul{ float:right; }	
#menu ul li{
	float:left;
	width:auto;
	height:18px;
	margin-right:20px;
	list-style-type:none;
	padding-top:2px;}
	
#menu ul li.mg0{ margin-right:0;}
#menu ul li a.azul{ color:#31598A;}

	
/*SERIES--------------------------------------------------------------------------------*/
#contenido_series{
	position:absolute;
	width:960px;
	height:527px;
	top:55px;
	left:0;
	}
	
#seriestit{
	width:960px;
	height:16px;
	float:left;
	margin:10px 0;}
	
/*#miniseries{
	width:960px;
	height:320px;
	float:left;}*/

#miniseries{
	width:525px;
	height:495px;
	float:left;}
	
.serie{
	float:left;
	width:160px;
	height:108px;
	margin:5px 15px 15px 0;
	font-size:14px;
	text-align:center;}
	
.serie.mginf0{ margin-bottom:0;}
.serie.mgi15{ margin-left:15px;}
.serie.bde{width:158px;
	height:86px;
	border:solid 1px #31598A;}
#video{
	position:absolute;
	height:40px;
	top:480px;
	left:720px;
	width: 205px;
	padding-left:10px;
}
#video.tray{left:480px;}

#contenu {
	width:370px;           /*width:960px;*/
	float:left;
	font-size:12px;
	background:white;
	padding:0 20px 0 20px;
	color:#5f6168;
	font-style:italic;
	text-align:justify;
	line-height:16px;
	height:495px;
	overflow:auto;}

/*OBRAS--------------------------------------------------------------------------------*/

#contenido_obras{
	position:absolute;
	top:75px;
	left:0;
	width:960px;
	height:500px;
	}
	
#obras{
	position:absolute;
	top:0;
	left:0;
	width:650px;
	height:490px;
	z-index:0;
	}
#obras a{color:#31598A;}
#obras img{margin:0;}

#tit-obra{
	width:650px;
	height:30px;
	float:left;}
	
#foto-obra{
	width:650px;
	height:450px;
	float:left;}

#det-text{
	position:absolute;
	width:650px;
	height:20px;
	top:490px;
	left:0;
	}
	

#tituloserie{
	float:left;
	width:260px;
	height:15px;}

#menuseries{
position:absolute;
top:575px;
left:0;
width:960px;
height:17px;
padding:2px 0;
margin-top:12px;
border-bottom:solid 1px #31598A;
border-top:solid 1px #31598A;
background-color:#FFF;}

#menuseries ul { list-style-type:none; height:17px;  display:block;}

#menuseries ul li {
float:left;
height:16px;
padding:1px 5px 0 4px;
text-align:center;
margin:0 2px;
border-left:solid 1px #31598A;}

#menuseries ul li.separador {
border-left:none;}
#menuseries ul li.separadoragua {
border-left:none;
margin-left:0;
padding-left:5px;}

#menuseries ul li.separadormg45 {
border-left:none;
margin-left:45px;}
#menuseries ul li.separadormg30 {
border-left:none;
margin-left:30px;}
#menuseries ul li.separadormg20 {
border-left:none;
margin-left:20px;}
/*MINIS--------------------------------------------------------------------------------*/

#miniobras{
	position:absolute;
	top:0;
	left:675px;
	width:285px;
	height:480px;
	}
	
#minis{
	float:left;
	width:270px;
	height:415px;
	margin-top:25px;
	padding-right:5px;
	overflow:auto;}
.txtminis{float:left;
	width:250px;
	height:25px; padding:5px ;}
#minis.cajoncitos{margin-top:10px;}

#minis ul li{
list-style-type:none;
float:left;
width:115px;
height:85px;
margin-right:20px;
margin-bottom:25px;
}

#minis ul li.smg{margin-right:0;}
#minis ul li.texto{
list-style-type:none;
float:left;
width:240px;
height:20px;
margin-right:0;
margin-bottom:20px;
padding:5px;
text-align:center;}

/*DETALLES--------------------------------------------------------------------------------*/

#detalles{
	width:650px;
	height:490px;
	background-color:#FFF;
	position:absolute;
	top:70px;
	left:0;
	z-index:3;
}
#detalles a{ font-size:11px;}
#s2{ width:600px; height:450px; float:left; margin:5px 0;  }
#det2, #det3, #det4, #det5 {display:none;}
#prevsig{
	float:left;
	width:600px;
	height:30px;
	background:#FFF;
	
	}
#prevsig a{float:left; }	
#prevsig a.cerrar{float:left; margin-left:15px; font-size:10px; }

/*TEXTOS OBRAS--------------------------------------------------------------------------------*/
#txtobras{
	position:absolute;
	left:0px;
	top:500px;
	width:650px;
	height:33px;
	padding-top:5px;
	background-color:#FFF;
	z-index:2;}
	
#txtinmigrantes{
	position:absolute;
	left:290px;
	top:100px;
	width:340px;
	padding:5px;
	text-align:justify;
	z-index:2;
	
}
		
	.cruz{
	position:absolute;
	left:640px;
	top:5px;
	width:10px;
	height:10px;}

#txtpapelones{
	position:absolute;
	left:320px;
	top:90px;
	width:270px;
	padding-top:5px;
	z-index:1;
}

#txttomas{
	position:absolute;
	left:280px;
	top:90px;
	width:300px;
	padding-top:5px;
	z-index:1;
}
.cruzpapelones{
	position:absolute;
	left:280px;
	top:5px;
	width:10px;
	height:10px;}
	
#txtserieagua{
	position:absolute;
	left:0;
	top:75px;
	width:650px;
	height:475px;
	background-color:#FFF;
	z-index:4;
	text-align:justify;
}




/*TRAYECTORIA---------------------------------------------------------------------*/	
#trayectoria{
	position:absolute;
	top:65px;
	left:0;
	width:960px;
	height:535px;
	}
	
#menu_tray{
	float:left;
	width:200px;
	height:535px;
	
	}
#menu_tray ul.lateral{ margin-top:10px; float:left;}	
#menu_tray ul.lateral li{
	float:left;
	width:190px;
	margin-bottom:20px;
	padding-right:10px;
	text-align:right;
	}
#menu_tray ul.lateral li.video{ margin-top:50px;}
#menu_tray img.foto{float:left; margin-bottom:50px; margin-top:10px;}

#cont_tray{
	float:left;
	width:760px;
	height:535px;
	}
	
#txtcontenido1, #txtcontenido3{
	width:690px;
	margin-top:10px;
	float:left;
	padding-right: 20px;
	height:515px;}
	
	
	
#txtcontenido2{
	width:690px;
	margin-top:10px;
	float:left;
	height:505px;
	overflow:auto;
	padding-right:20px;}

/*#txtcontenido2, #txtcontenido3 {display:none;}*/

/*CRITICAS---------------------------------------------------------------------*/	
#criticas{
	position:absolute;
	top:55px;
	left:0;
	width:960px;
	line-height:16px;
	text-align:justify
	}
	
.critica{
	float:left;
	width:960px;
	padding:8px 0;
	border-bottom:#555 dotted 1px;
	}
	
.criticault{
	float:left;
	width:960px;
	padding:10px 0;}
	
/*CONTACTO--------------------------------------------------------------------------------*/
#senddata input{ width:350px; border:#31598A solid 1px; height:25px;  }
#senddata textarea{ width:350px; border:#31598A solid 1px; height:155px; }
#senddata input.btn{ width:100px; text-align:center; color:#FFF; background-color:#31598A;  }	
/*PIE--------------------------------------------------------------------------------*/	

#pie{
	position:absolute;
	top:610px;
	left:0;
	border-top:#999 solid 1px;
	width:960px;
	height:20px;
	padding-top:9px;
	}
	
.pie{ 
float:left;
width:320px;
height:20px;
font-size:11px;
}
	

#pie.sbdesup{border-top:none; }

/*CLASES--------------------------------------------------------------------------------*/
.txt5{ font-size:5px;}
.txt10{ font-size:10px;}
.txt11{ font-size:11px;}
.txt13{ font-size:13px;}
.txt15{ font-size:15px;}

.txt16{ font-size:16px;}
.sepletras{ letter-spacing:2px;}
.azul{ color:#31598A;}
.mgder5{ margin-right:5px;}
.mgder10{ margin-right:10px;}
.mgder20{ margin-right:20px;}
.mgizq5{ margin-left:5px;}
.mgizq20{ margin-left:20px;}
.mgizq10{ margin-left:10px;}
.mgsup10{ margin-top:10px;}
.mgsup2{ margin-top:2px;}
.claseimg{ border:#090 solid 2px;}
.bde{border:#31598A solid 1px;}


/*AGENDA------------------------------------------------------------------------*/
#caja.agenda{
margin:auto;
width:940px;
height:470px;
position:relative;}

p.agizq{float:left; width:155px; text-align:right; margin-right:15px; margin-top:5px;}
p.agder{float:left; width:145px; text-align:right;  margin-top:5px;}
p.espaciado{ line-height:17px}
.ag{float:left; width:940px;}