/* CSS para POBLADO DE DOÑA BLANCA *************************************************/ 



/************************************************* ESTILOS PRINCIPALES ***********************************************/

body{
	margin:0;
	padding:0;
	background:#333333;
	font:normal 14px Arial, Helvetica, sans-serif;
}

p{
	margin:0 0 6px 10px;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#ccc;
}

a{
	color:#B2C5D8;
}

a:hover{

}

bold, strong{

}

h1{
	width:348px;
	float:left;
	margin:0;
	padding:0px 0 6px 8px;
	font:bold 1.1em/14px "trebuchet MS", verdana, arial, Helvetica, sans-serif;
	color:#606060;
}

h2{
	font:bold 1em "trebuchet MS", verdana, arial, Helvetica, sans-serif;
	color:#B2C5D8;
	margin:0;
	padding:2px 0 10px 30px;
	background:url(../images/index/h2.jpg) no-repeat 0px 11px;
}

h3{

}

img{
	border:0;
	float:left;
}

.img_left{
	margin:0px 5px 5px 0;
	float:left;
}

.img_right{
	margin:0px 0px 5px 5px;
	float:right;
}

form{
	margin:0;
	padding:0;
}

/************************************************* BOXES ESTRUCTURALES ***********************************************/

#align{
	width:770px;
	height:auto;
	float:none;
	margin:0 auto;
}


#cabecera{
	width: 770px;
	height:200px;
	float:left;
	border-top:solid 5px #000;
}


#cabecera_logo{
	width:230px;
	height:200px;
	float:left;
}

#cabecera_imagen01{
	width:280px;
	height:200px;
	float:left;
	background:url(../images/index/images/cab_image01.jpg) no-repeat;
}

#enunciado{
	width:770px;
	height:24px;
	float:left;
	background:#1f1f1f;
}

#contenidos{
	width:770px;
	height:auto;
	float:left;
	padding:20px 0 20px 0;
	background:#3c3c3c url(../images/index/contenidos_bg.jpg) no-repeat left bottom;
}
/* este div lo usaremos sólo en index.asp porque tiene que ser un poco más alto que el resto */
#contenidosindex {
	width:770px;
	height:475px;
	float:left;
	padding:20px 0 20px 0;
	background:#3c3c3c url(../images/index/contenidos_bg.jpg) no-repeat left bottom;
}

#contenidos_flash{
	width:770px;
	height:auto;
	float:left;
	padding:0px 0 20px 0px;
	background:#3c3c3c url(../images/index/contenidos_bg.jpg) no-repeat left bottom;
}


.pie_logos{
	width:770px;
	height:51px;
	float:left;
	margin: 2px 0 0 0;
	background:#5C5C5C;
}

.pie_logos ul{
	margin:0;
	padding:0 0 0 190px;
	list-style:none;
}

.pie_logos li{
	display:inline;
}

.pie{
	width:770px;
	height:16px;
	float:left;
	background:#717171;
	margin:2px 0 0 0;
	padding:3px 0 0 0;
	color:#E8E8E8;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	text-align:center;
}




/* MENÚ PRINCIPAL  ***********************************************/

.menu{
	width:260px;
	height:190px;
	float:left;
	padding:10px 0 0 0;
	color:#fff;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../images/index/menu/menu_bg.jpg);
}

.menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

.menu li{
	width:255px;
	list-style:none;
}

.menu li a{
	display:block;
	color:#fff;
	padding:4px 0px 4px 25px !important;
	padding:2px 0px 2px 25px;
	text-decoration:none;
	background-image:url(../images/index/menu/menu_bullet.jpg);
	background-repeat:no-repeat;
	background-position:14px 9px !important;
	background-position:14px 6px;

}

.menu li a:hover{
	background:#494949 url(../images/index/menu/menu_bullet.jpg) no-repeat 14px 9px !important;
	background:#494949 url(../images/index/menu/menu_bullet.jpg) no-repeat 14px 6px;
}


.menu_active{
	background:#1f1f1f;
}

/* MENÚ PESTANAS  ***********************************************/

.menu_pestanas{
	width:414px;
	float:left;
	margin:4px 0 0 0;
}

.menu_pestanas ul{
	margin:0;
	padding:0;
	list-style:none;
}

.menu_pestanas li{
	display:inline;
}

.menu_pestanas li a{
	float:right;
	padding:4px 15px;
	display:block;
	text-decoration:none;
	color:#DADADA;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-left:1px solid #333;
}

.menu_pestanas li a:hover{
	color:#fff;
}

.menu_pestanas_active{
	background:#3c3c3c;	
}



/************************************************* BOXES HOME  ***********************************************/

.home_col1{
	width:373px;
	height:400px;
	float:left;
	padding:0 10px 0 0;
	border-right:1px solid #000;
}

.home_col1_index{
	width:373px;
	height:475px !important;
	height:480px;
	float:left;
	padding:0 10px 0 0;
	border-right:1px solid #000;
}

.home_col2{
	width:383px;
	height:400px;
	float:left;
	border-left:1px solid #5C5C5C;
}

.home_col2_index{
	width:383px;
	height:475px !important;
	height:485px;
	float:left;
	border-left:1px solid #5C5C5C;
}

.home_box{
	width:180px;
	height:96px;
	float:left;
	padding:0 0 8px 8px;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background:url(../images/eltos/box2/box1_bg.jpg) no-repeat;
}

.home_box_text{
	width:95px;
	height:65px;
	float:left;
	margin:25px 0 0 5px;
	color:#fff;
}

.home_box_publico{
	width:355px;
	height:70px;
	float:left;
	background:url(../images/eltos/box2/box2_bg.jpg) no-repeat;
	padding:35px 5px 10px 15px; 
}

.home_box_publico ul{
	margin:0;
	padding:0;
	width:90px;
	float:left;
}

.home_box_publico li{
	background:url(../images/eltos/box2/box2_bg_li.jpg) no-repeat;
	width:152px;
	height:19px;
	display:block;
	margin:0 0 3px 10px;
	padding:1px 0 0 8px;

	font:bold 0.8em Arial, Helvetica, sans-serif;

}

.home_box_publico li a{
	color:#333;
	text-decoration:none;
}

.home_box_publico li a:hover{
	text-decoration:underline;
}

.home_box_publico_active{
	background: url(../images/eltos/box2/box2_bg_li_active.jpg) no-repeat;
}

.home_box_publico_intro{
	width:160px;
	height:30px;
	margin:0 0 0 20px;
	float:left;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	color:#ccc;
}

/************************************************* BOXES COMUNES ***********************************************/

.content_col1{
	width:490px !important;
	width:480px;
	height:auto;
	float:left;
	padding:0 10px 0 0;
	background:url(../images/index/bg_col.jpg) repeat-y top right;
}

.content_col2{
	width:260px;
	height:auto;
	float:left;
	padding:0 10px 0 0;
}

.content_col2_box{
	width:250px;
	height:auto;
	float:left;
	margin:0 0 0 10px;
	text-align:center;
	background:url(../images/eltos/box3/box_3_bg.jpg) repeat-y;
}

.content_col2_box p{
	padding:0 7px 0 3px;
	text-align:left;
}

.content_col2_box h2{
	font:bold 0.9em "trebuchet MS", verdana, arial, Helvetica, sans-serif;	
	margin:0;
	display:block;
	padding:10px 0 0px 0px;
	text-align:center;
	background:url(../images/eltos/box3/box_3_top.jpg) no-repeat;
}

.content_col2_box h3{
	font:bold 0.7em "trebuchet MS", verdana, arial, Helvetica, sans-serif;	
	margin:0;
	display:block;
	padding:0px 0 20px 0px;
	color:#ccc;
	text-align:center;
}

.content_col2_box img {
	float:none;
	border: solid 1px #BEBEBE;
	border-top-color:#333333;
	border-left-color:#333333;
	margin: 0 2px 1px 2px;
}


.content_col2_box span{
	font:bold 0.7em Arial, Helvetica, sans-serif;
	float:left;
	text-align:center;
	width:240px;
	display:block;
	color:#ccc;
	margin: 0 0 10px 0;
}

.content_col2_box ul{
	margin:10px 0 0 8px;
	padding:0;
	float:left;
	list-style: none;
	display:inline;
}

.content_col2_box li{
	display:inherit;
	float:left;
}

.content_col2_box_foot{
	width:250px;
	height: auto;
	float:left;
	padding:0 0 7px 0;
	margin:0;
	background:url(../images/eltos/box3/box3_foot.jpg) no-repeat bottom left;
}

.content_col2_box_foot ul{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
}

.content_col2_box_foot li{

	float:left;
	display:block;
}

.content_col2_box_foot li a{
	width:22px !important;
	width:20px;
	height:15px;
	display:block;
	border: solid 1px #BEBEBE;
	border-top-color:#333333;
	border-left-color:#333333;
	margin:0 1px 1px 0;
	text-align:center;
	list-style:none;
	font:  bold 0.7em  Arial, Helvetica, sans-serif;
	color:#ccc;
	text-decoration:none;
}

.content_col2_box_foot li a:hover{
	color:#666;
	background:#ccc;
	text-decoration:none;
}

.content_col2_box_foot_active{
	background:#333;
	color:#666;
}

/************************************************* BOXES CRONOGRAMA ********/


.content_col1 ul{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color:#ccc;
}

.content_col1 li{
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	list-style:none;
	background:url(../images/index/menu/menu_bullet.jpg) no-repeat 0px 5px;
}

.content_col1 li strong{
	color:#B2C5D8;
}



/************************************************* BOXES CRONOGRAMA ***********************************************/

.cronograma_timeline{
	width:480px;
	height:220px;
	float:left;
}

.cronograma_timeline ul{
	margin:10px 0 0 4px !important;
	margin:10px 0 0 2px;
	padding:0;
	list-style:none;
	float:left;
}

.cronograma_timeline li{
	list-style:none;
	float:left;
	background:none;
	padding:0;
	margin:0;
}

.cronograma_timeline li a{
	list-style:none;
	width:67px;
	height:190px;
	display:block;
	float:left;
	margin:0;
	padding:13px 0 0 0;
	color:#3C3C3C;
	border-right:1px solid #3C3C3C;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background:url(../images/secciones/02/cronograma_li.jpg);
}

.cronograma_timeline li a:hover{
	background:url(../images/secciones/02/cronograma_li_activo.jpg);
}

.cronograma_timeline img{
	float:left;
	width:67px;
	height:67px;
}

.cronograma_timeline_century{
	width:63px;
	height:38px;
	margin:0 1px;
	float:left;
	display:block;
	padding:3px 0;
	border-bottom:solid 1px #3c3c3c;
}

.cronograma_timeline_name{
	width:63px;
	margin:0 1px;
	padding: 5px 0 0 0;
	height:auto;
	float:left;
	display:block;
	font-weight:bold;
	border-top: solid 1px #ccc;
}

.cronograma_iframe{
	width:265px;
	height:510px;
	float:left;
	border:none;
}

/************************************************* BOXES BIBLIOGRAFÍA  ***********************************************/

.bibliografia{
	width:450px;
}

.bibliografia ul{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#ccc;
}

.bibliografia em{
	color:#B2C5D8;
}

.bibliografia li{
	margin:0 0 5px 0;
	list-style:none;
	padding:0 0 0 10px;
	background:url(../images/index/menu/menu_bullet.jpg) no-repeat 0px 5px;
}