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

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

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

li{ list-style-type:none;}

#caja{
margin:10px auto 0 auto;
width:960px;
position:relative;
}

#pase{
	width:410px;
	height:550px;
	position:absolute;
	top:20px;
	left:550px;
	z-index: 10;
	background-color:#333534;
}

#pasefotos{
	width:385px;
	height:550px;
	position:absolute;
	top:34px;
	left:569px;
	z-index:1;
}
	
#inicio{
	width:550px;
	height:550px;
	position:absolute;
	top:20px;
	left:0;
}
	
#txtinicio{
	width:415px;
	position:absolute;
	top:265px;
	left:73px;
	padding:15px 0;
	border-bottom:#CCC solid 1px;
	border-top:#CCC solid 1px;
	line-height:17px;
}

#menuinicio{
	position:absolute;
	top:440px;
	left:70px;
	width: 410px;
	
}	

#menuinicio ul li{
	font-size:16px;
	float:left;
	height: 20px;
	
	}
	
#menuinicio ul li.medio{ margin-left:65px; }	
#menuinicio ul li.ultima{ text-align:left;  margin-left:65px; }	

.
#menuinicio ul li a.verde:hover{color:#89A547;}
#menuinicio ul li a.nar:hover{color:#D66E4B;}
#menuinicio ul li a.azu:hover{color:#4F7695;}
/*ENCABEZADO--------------------------------------------------------------------------------*/

#encabezado{
	width:960px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	padding-bottom:5px;
	}
#encabezado.bdeverde{ border-bottom:#89A547 solid 1px; height:49px;}
#encabezado.bdeazul{ border-bottom: #4F7695 solid 1px; height:49px;}
#encabezado.bdenar{ border-bottom: #D66E4B solid 1px; height:49px;}

.encizq{ 
float:left;
width:360px;
height:50px;}

.encder{ 
float:left;
width:600px;
height:50px;}

.encder ul{float:right; width:500px; display:block; margin-top:15px;}
.encder ul li{
	float:right;
	height:18px;
	font-size:15px;
	margin-left:30px;}

.encder ul li a.azu:hover{ color:#507695;}
.encder ul li a.nar:hover{ color:#D66E4B;}
.encder ul li a.ver:hover{ color:#89A547;}

.ini{float:right; font-size:12px; padding-top:2px; height:16px; margin-left:0; width:80px; padding-left:20px; margin-top:15px;}
.ini a:hover{ font-weight:bold; color:#FAFAF5;}
/*OBRAS--------------------------------------------------------------------------------*/
#obras{
	width:500px;
	height:530px;
	position:absolute;
	top:70px;
	left:460px;
}
	
#disciplina{
	width:345px;
	height:20px;
	position:absolute;
	top:75px;
	padding-left:9px;
}
	
#miniobras{
	width:355px;
	height:470px;
	position:absolute;
	top:95px;
	padding-left:9px;
}	
	
#minis{
	float:left;
	width:350px;
	height:400px;
	margin-top:25px;
	overflow:auto;
	scrollbar-face-color:#4F7695;
	scrollbar-highlight-color: #333534;
	scrollbar-shadow-color: #333534;
	scrollbar-3dlight-color:#333534;
	scrollbar-arrow-color:#FDFEAE;
	scrollbar-track-color:#333534;
	scrollbar-darkshadow-color:#333534;
	
	
	}
	
/*#scrollmini{
	float:left;
	width:344px;
	height:400px;
	border-right:solid 1px #4F7695;
	margin-top:25px;}*/	
	

#minis ul li{
list-style-type:none;
float:left;
width:150px;
height:190px;
margin-right:20px;
margin-bottom:20px;
background-color:#CCC;
}

#minis ul li.smg{margin-right:0;}


	
#menuobras{
    width: 345px;
    height: 30px;
    position: absolute;
    top: 550px;
    left: -15px;
    padding-left: 9px;
	}
#menuobras ul li{
	width:115px;
	float:left;
	border-right:#4F7695 solid 1px;
    box-sizing:border-box;
	text-align:center;
	font-size:16px;
	}
#menuobras ul li.segunda{
	width:113px;
	border-right:0;}
#menuobras ul li a:hover{ color:#4F7695;}


/*TRAYECTORIA---------------------------------------------------------------------*/	
#trayectoria{
	position:absolute;
	top:80px;
	left:0;
	width:960px;
	height:520px;
	}
	
#menu_tray{
	float:left;
	width:180px;
	height:505px;
	border-left:solid 1px #D66E4B;
	padding-left:20px;
	
	}
#menu_tray ul.lateral{ margin-top:10px; float:left;}	
#menu_tray ul.lateral li{
	float:left;
	width:170px;
	margin-bottom:20px;
	padding-right:10px;
	text-align:right;
	}
#menu_tray ul.lateral li a.activo{ color:#D66E4B;}
#menu_tray img{float:right; margin-bottom:50px;}

#cont_tray{
	float:left;
	width:740px;
	height:505px;
	margin-right:19px;
	
	overflow:auto;
	scrollbar-face-color:#D66E4B;
	scrollbar-highlight-color: #333534;
	scrollbar-shadow-color: #333534;
	scrollbar-3dlight-color:#333534;
	scrollbar-arrow-color:#FDFEAE;
	scrollbar-track-color:#333534;
	scrollbar-darkshadow-color:#333534;
	}
#cont_tray a.nar:hover{ color:#D66E4B;}	

	
#txtcontenido1, #txtcontenido2, #txtcontenido3{
	width:700px;
	float:left;
	padding-right: 20px;line-height:18px;
	}
	
#txtcontenido2, #txtcontenido3 {display:none;}

/*CRITICAS---------------------------------------------------------------------*/	
	#criticas{
    position: absolute;
    top: 80px;
    left: 0;
    width: 930px;
    height: 710px;
    padding: 15px;
    line-height: 17px;
    text-align: justify;
	}
	
	
/*PIE--------------------------------------------------------------------------------*/	
	
#pie{
	width:960px;
	height:30px;
	position:absolute;
	top:600px;
	left:0;
	padding-top:10px;
	margin-top:5px;
    
}
#pie.pos580{top:580px; border-top:#4F7695 solid 1px;}
#pie.topverde{border-top:#89A547 solid 1px;}
#pie.topverde.pos820{border-top:#89A547 solid 1px;top:820px;}
#pie.topazul{border-top:#4F7695 solid 1px;}
#pie.topnar{border-top:#D66E4B solid 1px;}
.pie{width:320px;
	height:20px;
	float:left;
	}	
	

/*CLASES--------------------------------------------------------------------------------*/
.txt5{ font-size:5px;}
.txt8{ font-size:8px;}
.txt10{ font-size:10px;}
.txt11{ font-size:11px;}
.txt13{ font-size:13px;}
.txt16{ font-size:16px;}
.sepletras{ letter-spacing:2px;}
.naranja{ color:#D66E4B;}
.ocre{ color:#C69C15;}
.verde{color:#89A547}
.azu{ color:#4F7695;}
.mgder40{ margin-right:40px;}
.mgder20{ margin-right:20px;}
.mgizq20{ margin-left:20px;}
.mgizq10{ margin-left:10px;}
.mgizq9{ margin-left:9px;}
.mgsup10{ margin-top:10px;}
.claseimg{ border:#090 solid 2px;}
.pad75der{ padding-right:75px;}
.pad75{ padding:0 75px;}

/*ANIMACION INICIO---------------------------*/

#div1, #div2,#div3, #div4, #div5,#div6, #div7, #div8 , #div9 { width:122px; height:174px; float:left;  }
#div1 {margin:14px 0 0 19px;}
#div2, #div3 {margin:14px 0 0 0;}
#div4,#div7 {margin:0 0 0 19px;}
#div5, #div6, #div8, #div9 {margin:0;}

#musica{ width:180px;  background:none; padding:0; }