/****** CSS GENERAL ******/
/* En este css están definidas las opciones generales de todos 
los elementos y las estructuras básicas (menu vertical superior, 
contenedor y pie) */

body, form, p, ul, li, div{
    padding:0px;
    margin:0px;
}
body {
	font-size  : 10px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-align: center;
	background: white url(images/c_linea_azul.gif) repeat-x center 48px;;
}
/* No funciona bien centrar la página en x con esto activado */
/*div{ 
    float:left;
}*/

.f9a { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #000000} 
.f9b { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #FFFFFF} 
.f9c { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #333333} 
.f9d { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #666666} 
.f9e { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #cccccc} 
.f9f { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #cc9900}
.f9g { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #3D4E6A} 

.f10a { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000} 
.f10b { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF} 
.f10c { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #333333} 
.f10d { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #666666} 
.f10e { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #cccccc} 
.f10f { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #cc9900}
.f10g { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #3D4E6A} 

.f12a { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000} 
.f12b { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF} 
.f12c { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #333333} 
.f12d { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #666666} 

.f14c { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #333333} 
.f14g { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #3D4E6A}

.f16g { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 16px; text-decoration: none; color: #3D4E6A}

.a9a { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #000000} 
.a9a:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: underline; color: #000000}
.a9b { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #FFFFFF} 
.a9b:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: underline; color: #FFFFFF}
.a9c { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #333333} 
.a9c:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: underline; color: #333333}
.a9d { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #666666} 
.a9d:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: underline; color: #666666}
.a9e { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #cccccc} 
.a9e:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: underline; color: #cccccc}
.a9f { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #cc9900} 
.a9f:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: underline; color: #cc9900}
.a9g { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #3D4E6A} 
.a9g:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px; text-decoration: underline; color: #3D4E6A}

.a10a { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000} 
.a10a:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #000000}
.a10b { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF} 
.a10b:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #FFFFFF}
.a10bVis { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF} 
.a10bVis:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #D8AF3A}
.a10c { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #333333} 
.a10c:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #333333}
.a10d { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #666666} 
.a10d:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #666666}
.a10e { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #cccccc} 
.a10e:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #cccccc}
.a10f { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #cc9900} 
.a10f:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #cc9900}
.a10g { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #3D4E6A} 
.a10g:hover { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #3D4E6A}

.border_333333{
	border:1px solid #333333;
}

.colorFondoYacimiento{
	background:#B5B5B5;
}
.colorFondoProyecto{
	background:#6699CC;
}
.colorFondoVisita{
	background:#D8AF3A;
}
.colorFondoGaleria{
	background:#9EADC7;
}
.colorFondoMuseo{
	background:#BDC87A;
}
.colorFondoNoticias{
	background:#B5A075;
}
.colorFondoReservas{
	background:#9885A1;
}
.colorFondoPatrocinadores{
	background:#B5B5B5;
}
.colorFondoGrisOscuro{
	background:#666666;
}

/** DIV contenedores generales **/
.pagina{
 	width: 951px;
	margin:0px auto 0px auto;
	text-align:left;
}
.contenido{
    float:left;
 	width: 740px; /* Ancho del Div menos el padding-left */
	padding-left:18px;
}
.tituloContenido{
    float:left;
	width: 740px;
	min-height:38px;
    height:auto !important; 
 	height: 38px;
	background:#FFFFFF;
}

.anterior{
	text-decoration:none;
}
.anterior span{
	display:none;
}
.siguiente{
	text-decoration:none;
}
.siguiente span{
	display:none;
}
/******************************** DIV El Yacimiento ********************************/
.yacimientoPaginacion{
    float:right;
	width: 740px;
	min-height:25px;
    height:auto !important; 
 	height: 25px;
	text-align:right;
	background:#FFFFFF;
}
.yacimientoIzq{
    float:left;
	width: 225px;
	text-align:center;
}
.yacimientoDch{
    float:left;
	width: 497px; /* Ancho total menos el padding-left */
	padding-left:18px;
}
.yacimientoDchTitulo{
    float:left;
	width: 492px; /* Ancho total titulo (497) menos el padding-left */
	padding-left:5px;
}
/******************************** DIV El Proyecto ********************************/
.proyectoPaginacion{
    float:right;
	width: 740px;
	min-height:25px;
    height:auto !important; 
 	height: 25px;
	text-align:right;
	background:#FFFFFF;
}
.proyectoImagenTexto{
    float:left;
	width: 740px;
}
.proyectoTitulo{
    float:left;
	width: 735px; /* Ancho total titulo (497) menos el padding-left */
	padding-left:5px;
}
/******************************* DIV Localización *******************************/
.localizacionDchTitulo{
    float:left;
	width: 700px; /* Ancho total titulo menos el padding-left y padding-right */
	min-height:80px;
    height:auto !important; 
 	height: 80px;
	padding-left:10px;
	padding-right:30px;
}
.localizacionMapa{
    float:left;
	width:740px;
	min-height:400px;
    height:auto !important; 
 	height: 400px;	
}
/**************************** DIV Visita Virtual ****************************/
.visitaMapa{
    float:left;
	width:736px; /* Ancho total menos los border-left y border-right*/
	min-height:415px;
    height:auto !important; 
 	height: 415px;
	border:2px solid #333333;
}
.visitaLeyenda{
    float:left;
	width:110px;
	min-height:240px;
    height:auto !important; 
 	height:240px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	background:#000000;
}
.visitaDiv4Div3{
    float:left;
	width:57px; 
	min-height:190px;
    height:auto !important; 
 	height: 190px;
}
.visitaDiv5Div4Div3Div2Div1{
    float:left;
	width:258px; 
	min-height:236px;
    height:auto !important; 
 	height:236px;
}
.visitaDivIzq{
    float:left;
	width:596px;
	min-height:179px;
    height:auto !important; 
 	height: 179px;
}
.visitaDiv1Fondo{
    float:left;
	width:159px;
	min-height:236px;
    height:auto !important; 
 	height: 236px;
	background:url(images/c_vis_vv_1.jpg) no-repeat 0px 0px;
}
.visitaDiv2Fondo{
    float:left;
	width:437px; 
	min-height:179px;
    height:auto !important; 
 	height: 179px;
	background:url(images/c_vis_vv_2.jpg) no-repeat 0px 0px;
}
.visitaDiv3Fondo{
    float:left;
	width:179px; 
	min-height:236px;
    height:auto !important; 
 	height: 236px;
	background:url(images/c_vis_vv_3.jpg) no-repeat 0px 0px;
}
.visitaDiv4Fondo{
    float:left;
	width:140px; 
	min-height:415px;
    height:auto !important; 
 	height: 415px;
	background:url(images/c_vis_vv_4.jpg) no-repeat 0px 0px;
}
.visitaDiv1{
    float:left;
	width:258px; 
	min-height:46px;
    height:auto !important; 
 	height: 46px;
}
.visitaDiv2{
    float:left;
	width:109px; 
	min-height:190px;
    height:auto !important; 
 	height: 190px;
}
.visitaDiv3{
    float:left;
	width:57px; 
	min-height:119px;
    height:auto !important; 
 	height: 119px;
}
.visitaDiv4{
    float:left;
	width:57px; 
	min-height:71px;
    height:auto !important; 
 	height: 71px;
}
.visitaDiv5{
    float:left;
	width:92px; 
	min-height:190px;
    height:auto !important; 
 	height: 190px;
}
.visitaDiv6{
    float:left;
	width:159px; 
	min-height:179px;
    height:auto !important; 
 	height: 179px;
}
/********************* DIV Visita Virtual - PopUp Mapa *********************/
.visitaPopUp{
    float:left;
	width:771px;
	min-height:399px;
    height:auto !important; 
 	height: 399px;
	text-align:left;
	border:2px solid #000000;
}
.visitaPopUpImg{
    float:left;
	width:337px; /* Ancho total menos los border-left y border-right*/
	min-height:399px;
    height:auto !important; 
 	height: 399px;
	border-right:1px solid #000000;
}
.visitaPopUpTexto{
    float:left;
	width:400px; /* Ancho total menos los border-left y border-right*/
	min-height:389px;
    height:auto !important; 
 	height: 389px;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
}
/************************ DIV Galería de Imágenes ************************/
.imagenesIrAVideos{
	display:block;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:right;
	background:url(images/b_video.jpg) no-repeat 595px center;
}
.imagenesDch{
    float:left;
	width: 570px; /* Total ancho menos border right y left */
	border:2px solid #000000;
	text-align:center;
}
.imagenesIzq{
    float:left;
	width: 156px; /* Ancho total menos el padding-right */
	padding-right:10px;
}
.imagenesMenu{
	display:block;
	width:156px;
	border-top:1px solid #000000;
}
.imagenesMenu:hover{
	background:#9EADC7 url(images/c_item_listado.gif) no-repeat 146px center;
}
.imagenesBordeMenu{
	display:block;
	width:156px;
	border-top:1px solid #000000;
}
.imagenesMenuPulsada{
	display:block;
	width:156px;
	border-top:1px solid #000000;
	background:#9EADC7 url(images/c_item_listado.gif) no-repeat 146px center;
}
.imagenesPaginacion{
	float:left;
	width:570px;
	min-height:63px; /* Alto total menos padding-top y padding-bottom */
    height:auto !important; 
 	height:63px;
	text-align:left;
	border-bottom:1px solid #000000;
}
.imagenesPaginacionDch{
	float:left;
	width:32px;	/* Ancho total menos padding-left */
	min-height:63px; 
    height:auto !important; 
 	height:63px;
	padding-left:10px;
	background:url(images/c_gal_f2.jpg) no-repeat right center;
}
.imagenesPaginacionDch:hover{
	background:url(images/c_gal_f2x.jpg) no-repeat right center;
}
.imagenesPaginacionIzq{
	float:left;
	width:32px;	/* Ancho total menos padding-left */
	min-height:63px; 
    height:auto !important; 
 	height:63px;
	padding-left:10px;
	background:url(images/c_gal_f1.jpg) no-repeat left center;
}
.imagenesPaginacionIzq:hover{
	background:url(images/c_gal_f1x.jpg) no-repeat left center;
}
.imagenesPaginacionImg{
	float:left;
	width:486px;	
	min-height:45px; /* Alto total menos padding-top y padding-bottom */
    height:auto !important; 
 	height:45px;
	padding-bottom:9px;
	padding-top:9px;
}
.imagenesPaginacionCadaImg{
	float:left;
	width:69px;
	min-height:43px; /* Alto total menos padding-top y padding-bottom */
    height:auto !important; 
 	height:43px;
	text-align:center;
}
/************************ DIV Galería de Videos ************************/
.videosIrAImagenes{
	display:block;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:right;
	background:url(images/b_images.jpg) no-repeat 580px center;
}
/********************************* DIV Noticias *********************************/
.noticiaBorderSup{
    float:left;
	width:740px;
	min-height:10px;
    height:auto !important; 
 	height: 10px;
	border-bottom:2px solid #B5A075;
}
.noticiaSuscribirBol{
	display:block;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:right;
	background:url(images/c_not_b_sb.jpg) no-repeat 600px center;
}
.noticiaSuscribirBol_e{
	display:block;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:right;
	background:url(images/c_not_b_sb.jpg) no-repeat 577px center;
}
.noticiaSuscribirBol_i{
	display:block;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:right;
	background:url(images/c_not_b_sb.jpg) no-repeat 581px center;
}
.noticiaSuscribirBol:hover{
	background:url(images/c_not_b_sbx.jpg) no-repeat 600px center;
}
/***************************** DIV Noticia Detallada *****************************/
.noticiaDetBotones{
    float:right;
	width: 740px;
	min-height:25px;
    height:auto !important; 
 	height: 25px;
	text-align:right;
	background:#FFFFFF;
}
.noticiaDetIzq{
    float:left;
	width: 232px;
	text-align:center;
}
.noticiaDetDch{
    float:left;
	width: 490px; /* Ancho total menos el padding-left */
	padding-left:18px;
}
.noticiaDetDchTitulo{
    float:left;
	width: 485px; /* Ancho total titulo (497) menos el padding-left */
	padding-left:5px;
}
/************************ DIV El Museo ************************/
.museoDch{
    float:left;
	width: 570px; /* Total ancho menos border right y left */
	border:2px solid #000000;
}
.museoIzq{
    float:left;
	width: 156px; /* Ancho total menos el padding-right */
	padding-right:10px;
}
.museoDchImagenTexto{
    float:left;
	width: 570px; /* Total ancho menos border right y left */
}
.museoMenu{
	display:block;
	width:156px;
	border-top:1px solid #000000;
}

.museoMenu:hover{
	background:#BDC87A url(images/c_item_listado.gif) no-repeat 146px center;
}
.museoBordeMenu{
	display:block;
	width:156px;
	border-top:1px solid #000000;
}
.museoMenuPulsada{
	display:block;
	width:156px;
	border-top:1px solid #000000;
	background:#BDC87A url(images/c_item_listado.gif) no-repeat 146px center;
}
.museoIzqPaginacion{
	display:block;
	width:146px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
/********************* DIV Reserva de Visitas *********************/
.reservaIzq{
    float:left;
	width: 278px; /* Ancho total menos los bordes y los padding*/
	min-height:25px;
    height:auto !important; 
 	height: 25px;
	border:1px solid #9885A1;
	padding:10px;
}
.reservaDch{
    float:left;
	width: 422px; /* Ancho total menos el padding-left */
	min-height:25px;
    height:auto !important; 
 	height: 25px;
	padding-left:18px;
}
.reservaIzqTitulo{
    float:left;
	width: 273px; /* Ancho total titulo (497) menos el padding-left */
	padding-left:5px;
}
.reservasIzqTabla{
	float:left;
	width: 243px; /* Ancho total menos el padding-left */
	min-height:103px;
    height:auto !important; 
 	height: 103px;
	background:#33CCCC;
}
.reservasIzqTablaCol1{
	float:left;
	width: 127px; /* Ancho total menos el border-right */
	min-height:103px;
    height:auto !important; 
 	height: 103px;
}
.reservasIzqTablaCol2{
	float:left;
	width: 58px; /* Ancho total menos el border-right */
	min-height:103px;
    height:auto !important; 
 	height: 103px;
}
.reservasIzqTablaCol3{
	float:left;
	width: 58px; /* Ancho total menos el border-right */
	min-height:103px;
    height:auto !important; 
 	height: 103px;
}
.reservasIzqTablaFilaA1{
	float:left;
	width: 121px;
	min-height:18px;
    height:auto !important; 
 	height: 18px;
}
.reservasIzqTablaFilaA2{
	float:left;
	width: 52px;
	min-height:18px;
    height:auto !important; 
 	height: 18px;
}
.reservasIzqTablaFilaB1{
	float:left;
	width: 121px;
	min-height:34px;
    height:auto !important; 
 	height: 34px;

}
.reservasIzqTablaFilaB2{
	float:left;
	width: 52px;
	min-height:34px;
    height:auto !important; 
 	height: 34px;
}
/***************************** DIV Contato *****************************/
.contactoTabla{
    float:left;
	width: 405px; /* Ancho total menos los bordes y los padding*/
	min-height:25px;
    height:auto !important; 
 	height: 25px;
	border:1px solid #B5B5B5;
	padding:10px;
	text-align:left;
}
.contactoTitulo{
    float:left;
	width: 400px; /* Ancho total titulo (497) menos el padding-left */
	padding-left:5px;
}
/***************************** DIV Enlaces *****************************/
.enlacesDch{
    float:left;
	width: 558px; 
	min-height:25px;
    height:auto !important; 
 	height: 25px;
}
.enlacesIzq{
    float:left;
	width: 172px; /* Ancho total menos el padding-right */
	min-height:25px;
    height:auto !important; 
 	height: 25px;
	padding-right:10px;
}
.enlacesMenu{
	display:block;
	width:172px;
	border-top:1px solid #000000;
}
.enlacesMenu:hover{
	background:#B5B5B5 url(images/c_enl_flecha.gif) no-repeat 162px center;
}
.enlacesBordeMenu{
	display:block;
	width:172px;
	border-top:1px solid #000000;
}
.enlacesMenuPulsada{
	display:block;
	width:172px;
	border-top:1px solid #000000;
	background:#B5B5B5 url(images/c_enl_flecha.gif) no-repeat 162px center;
}