* {margin: 0;}
html, body {margin: 0; padding: 0; width: 100%; height: 100%;} 
body {font-family: Arial, sans-serif; font-size: 13px; color: #000;}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clear_gris {clear: both; display: block; overflow: hidden; width: 100%; height: 1px; background: #cdcdcd;}
a, a:hover {text-decoration: none !important;}

#contenedor {width: 100%; min-height: 100%; height: auto !important; height: 100%; background: #fff url(imagenes/fondo.png) repeat-x;}
#contenido {margin-left: auto; margin-right: auto; width: 979px; position: relative;}

#logo {width: 219px; height: 155px; position: absolute; top:0px; left: 22px; background: #fff; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; background: #fff; behavior: url(PIE.htc); z-index: 1000;}
#logo img {margin: 33px 0px 0px 16px;}

#cabecera {display: inline; width: 727px; height: 115px; float: left; padding-left: 252px;}
#centro {display: inline; float: left;
width: 979px;
border-bottom: 8px solid #000;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-box-shadow: #666 0px 0px 15px;
-moz-box-shadow: #666 0px 0px 15px;
box-shadow: #666 0px 0px 15px;
background: #fff;
behavior: url('/PIE.htc');
}

h1 {font-family: "PT Sans Narrow", sans-serif; font-size: 700;}

#enlaces_top, #idioma, #menu, #banner_top, #mapa, #mapa_imagen, #mapa_contenido, #novedades, #glosario, #timeline, #pie, #enlaces_top .btnRSS, #enlaces_top .btnTwitter, #enlaces_top .btnFacebook, #enlaces_top .btnContacto, #enlaces_top .btnMapa, #enlaces_top .btnVisor, #enlaces_top input, #banner_1, #banner_2, #banner_3 {float: left; display: inline;}

#idioma {width: 342px; height: 27px; margin-top: 13px; margin-left: 9px; font-family: "PT Sans Narrow", sans-serif; font-weight: 700; color: #fff; font-size: 10px; line-height: 33px; letter-spacing: 2px;}
#idioma a {color: #fff; text-decoration: none;}
#idioma a:hover {color: #84B3BB;}
#idioma a:active {color: #0D676A;}
#idioma a.selec, #idioma a.selec:hover {color: #003333;}
#enlaces_top {width: 376px; height: 50px; background: url(imagenes/imagenes.png) no-repeat; background-position: 0px 0px;}
#enlaces_top .btnRSS, #enlaces_top .btnTwitter, #enlaces_top .btnFacebook, #enlaces_top .btnContacto, #enlaces_top .btnMapa, #enlaces_top .btnVisor {background: url(imagenes/imagenes.png) no-repeat; text-decoration: none;text-indent: -9000px; width: 24px; height: 24px; margin-top: 13px; margin-right: 4px;}
#enlaces_top .btnRSS {background-position: -481px -81px;}
#enlaces_top .btnTwitter {background-position: -455px -81px;}
#enlaces_top .btnFacebook {background-position: -428px -81px;}
#enlaces_top .btnContacto {background-position: -509px -81px;}
#enlaces_top .btnMapa {background-position: -536px -81px;}
#enlaces_top .btnVisor {background-position: -563px -81px;}
#enlaces_top .btnRSS:hover {background-position: -481px -115px;}
#enlaces_top .btnTwitter:hover {background-position: -455px -115px;}
#enlaces_top .btnFacebook:hover {background-position: -428px -115px;}
#enlaces_top .btnContacto:hover {background-position: -509px -115px;}
#enlaces_top .btnMapa:hover {background-position: -536px -115px;}
#enlaces_top .btnVisor:hover {background-position: -563px -115px;}
#enlaces_top input[type=text] {border: none; width: 163px; height: 24px; margin-top: 13px; padding: 2px 10px 0px 10px; background: none;}
#enlaces_top input[type=submit] {background: url(imagenes/imagenes.png) no-repeat; border: none;text-indent: -9000px; width: 20px; height: 22px; background-position: 0px -50px; cursor: pointer; margin: 14px 18px 0px 3px;}
#enlaces_top input[type=submit]:hover {background-position: 0px -72px;}

#menu {width: 777px; height: 27px; padding-top: 38px;}
#menu ul li {display: inline; float: left; font-family: "PT Sans Narrow", sans-serif; font-weight: 700; color: #fff; font-size: 16px; letter-spacing: 1px; padding-right: 9px; padding-left: 9px;}
#menu ul li a {color: #fff; text-decoration: none;}
#menu ul li a:hover {color: #84B3BB;}
#menu ul li a:active {color: #CD903D;}


#banner_top {width: 979px; height: 275px; overflow: hidden; position: relative; margin-top: 17px; border-bottom: 1px solid #cdcdcd;background: #75989e url(imagenes/ajax-loader.gif) no-repeat center 130px;}
#banner_top_content {width: 2937px; height: 275px; position: absolute; top:0px; left: 0px; z-index: 1;}
#banner_next {width: 47px; height: 47px; background: url(imagenes/imagenes.png) no-repeat; background-position: -185px -94px; position: absolute; z-index: 1000; cursor: pointer; display: block; text-decoration:none; top: 150px; right: 12px;}
#banner_prev {width: 47px; height: 47px; background: url(imagenes/imagenes.png) no-repeat; background-position: -132px -94px; position: absolute; z-index: 1000; cursor: pointer; display: block; text-decoration:none; top: 150px; left: 12px;}
#banner_next:hover {background-position: -294px -94px}
#banner_prev:hover {background-position: -241px -94px}
.slide_content {width: 979px; height: 275px; position: relative; display: inline; float: left;}
.slide_content div.slider-wrapper {position: absolute; top: 0px; left: 0px; z-index: 1;}
.slide_content span#color_titulo_1, .slide_content span#color_titulo_2, .slide_content span#color_titulo_3 {position: absolute; top:0px; left: 0px; background: url(imagenes/fondo_verde_trans.png); width: 143px; height:275px; border-right: 1px solid #fff; z-index: 10; font-family: "Oswald", sans-serif; font-weight: 400; color: #fff; font-size: 70px; text-align: right;}
.slide_content span#color_titulo_1 img, .slide_content span#color_titulo_2 img, .slide_content span#color_titulo_3 img {margin-top:100px;}
.slide_content span.titulo {position: absolute; top:0px; left: 134px; width: 420px; z-index: 10; font-family: "Oswald", sans-serif; font-weight: 400; color: #fff; font-size: 55px; top:114px; padding-left: 48px; text-shadow: 1px 1px 5px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); line-height: 50px; letter-spacing: 1px;}
.slide_content span.titulo a, .slide_content span.titulo a:hover {text-decoration: none !important; color: #fff;}
.slide_content span#color_titulo_2 {background: url(imagenes/fondo_azul_trans.png);}
.slide_content span#color_titulo_3 {background: url(imagenes/fondo_naranja_trans.png);}

#mapa {width: 979px; height: 437px; background: #efece7; border-bottom: 1px solid #cdcdcd; border-top: 1px solid #fff; position: relative; overflow:hidden;}
#mapa_imagen {width:535px; height: 437px; position: relative;}
#mapa_imagen img {width: 535px; height: 437px;}
#mapa_contenido {width:443px; height: 437px; border-left: 1px solid #fff; overflow:hidden;}
#abre_vistas_aereas {margin-top:15px; width:12px; height:25px; background: url('imagenes/va_izq.png'); cursor:pointer; float:left; }
.globo {display: inline; width: 28px; height: 43px; background: url(imagenes/imagenes.png) no-repeat; background-position: -391px -7px; position: absolute; z-index: 1000;
}
.globo:hover {background-position: -419px -7px;}
.globo:active {background-position: -447px -7px;}
#mapa_contenido h1 {color: #0d666a; font-size: 28px; padding: 15px 0px 8px 25px; line-height: 28px; font-family: "Oswald", sans-serif; font-weight: 400; letter-spacing: 1px;}
#mapa_contenido ul {border-top: 1px solid #fff;}
#mapa_contenido ul li {float: left; width: 190px; display: inline; padding: 15px 0px 20px 25px;}
#mapa_contenido ul li img {width: 110px; height: 82px; border: 4px solid #fff; -webkit-box-shadow: #999 0px 0px 8px; -moz-box-shadow: #999 0px 0px 8px; box-shadow: #999 0px 0px 8px; behavior: url(PIE.htc);}
.glosario_contenido img { border: 1px solid #fff; -webkit-box-shadow: #999 0px 0px 8px; -moz-box-shadow: #999 0px 0px 8px; box-shadow: #999 0px 0px 8px; behavior: url(PIE.htc);}
#mapa_contenido h3 {font-size: 16px; color: #333333; font-family: "PT Sans Narrow", sans-serif; font-weight: 700;}
#mapa_contenido p {color: #665D4E; position: relative;}
#mapa_contenido p span.icon_play {position: absolute; display:inline; z-index: 1000; background: url(imagenes/icon_play.png) no-repeat; width: 51px; height: 51px; left:33px; top: 18px;}

#novedades {width: 700px;}
#novedades h1 {font-size: 18px; color: #0d666a; font-family: "Oswald", sans-serif; font-weight: 400; border-bottom: 1px solid #cdcdcd; padding: 22px 0px 10px 26px; margin-bottom: 20px; letter-spacing: 1px;}
#novedades h2 {font-size: 16px; color: #0d666a; font-family: "PT Sans Narrow", sans-serif; font-weight: 700; padding: 0px 0px 5px 26px;}
#novedades h2 a {text-decoration: none; color: #0d666a;}
#novedades h2 a:hover {color: #85B4BC;}
#novedades p {color: #665D4E; padding: 0px 0px 20px 26px;}

#glosario {width: 279px; min-height: 308px; }
#glosario div.glosario_contenido {padding-left:6px; width:256px; font-weight:normal;}
#glosario h1 {font-size: 18px; color: #0d666a; font-family: "Oswald", sans-serif; font-weight: 400; border-bottom: 1px solid #cdcdcd; padding: 22px 0px 10px 6px; letter-spacing: 1px;}

#glosario h2 {max-width: 245px; font-size: 16px; color: #0d666a; font-family: "PT Sans Narrow", sans-serif; font-weight: 700; padding: 0px 0px 5px 0px; margin-top: 20px;}
#glosario h2 a {text-decoration: none; color: #0d666a;}
#glosario h2 a:hover {color: #85B4BC;}
#glosario p {max-width: 245px; color: #665D4E;}

#banners_glosario {width: 320px; float: left; display: inline; margin-left: -18px; padding-top: 10px; padding-bottom:20px;}
#banner_1, #banner_2, #banner_3 {background: url(imagenes/imagenes2.png) no-repeat; width: 320px; height: 86px; float: left; display: inline; cursor: pointer; position: relative;}
#banner_1 {background-position: 0px -177px;}
#banner_2 {background-position: 0px -263px;}
#banner_3 {background-position: 0px -347px;}
#banner_1:hover {background-position: -320px -177px;}
#banner_2:hover {background-position: -320px -263px;}
#banner_3:hover {background-position: -320px -347px;}
#banner_1 h1, #banner_2 h1, #banner_3 h1 {font-size: 18px; font-family: "Oswald", sans-serif; font-weight: 400; border-bottom: none; margin-bottom: 0; padding: 0px; color: #fff; width: 173px; position: absolute; left: 32px; top: 15px; line-height: 20px; letter-spacing: 1px;}
#banner_1 a, #banner_2 a, #banner_3 a {color: #fff; text-decoration: none; width: 320px; height: 86px; display: block;}
#banner_1 span, #banner_2 span, #banner_3 span {padding-left:0px; text-align: left; font-size: 40px; position: absolute; left:195px; top: 0px; font-family: "Oswald", sans-serif; font-weight: 400; letter-spacing: 1px;}
#banner_1 span img, #banner_2 span img, #banner_3 span img {width: 30px;}

#timeline {width: 979px;}
#timeline h1 {font-size: 20px; color: #0d666a; font-family: "Oswald", sans-serif; font-weight: 400; border-top:0px solid #cdcdcd; padding: 15px 0px 13px 26px; margin-top: 15px; letter-spacing: 1px;}
#timeline_contenido {display: inline; float: left; width: 979px; height: 135px; position: relative; background: url(imagenes/timeline2.jpg) no-repeat;}
#timeline_contenido h2 {font-size: 14px; color: #fff; position: absolute;top: 9px; font-family: "Oswald", sans-serif; font-weight: 400; letter-spacing: 1px; line-height: 16px;}
#timeline_contenido h2 span {font-size: 12px;}
#tit_antigua {left: 11px;}
#tit_medieval {left: 178px;}
#tit_moderna {left: 397px;}
#tit_seglexix {left: 635px;}
.bubble {visibility: hidden; display: none; bottom: 40px; position: absolute; text-decoration: none; font-size: 10px; color: #000; width:100px; height:40px; background: url('/imagenes/bubble2.png') no-repeat; padding: 7px 7px 12px 7px; z-index: 1000;}
.item {position: absolute; bottom: 3px; width: 18px; height: 18px; background: url('/imagenes/imagenes.png') no-repeat; background-position: -543px -8px; z-index: 1;}
.bubble strong {font-style: normal !important; font-size: 11px !important;}
.item span {position: absolute; bottom: -10px; width: 60px; left: -10px; font-size: 10px; color: #888; text-decoration: none; display: none;}
.item:hover {background-position: -583px -8px; text-decoration: none;}
.item:active {background-position: -563px -8px; text-decoration: none;}

#pie {height: 105px; font-size: 10px; color: #808075; width: 979px;}
#pie span {padding-bottom: 5px; font-size: 12px;}
#pie span a {color: #0D676A;}
#pie span a:hover {color: #84B3BB;}
#pie_left {display: inline; float: left; width: 750px; padding: 29px 0px 32px 22px;}
#pie_left img {float: left; margin-right: 50px;}
#pie_left .btnFacebook {display: inline; float: left; background: url(imagenes/imagenes.png) no-repeat; background-position: -39px -94px; text-indent: -9000px; width: 27px; height: 27px;}
#pie_left .btnTwitter {display: inline; float: left; background: url(imagenes/imagenes.png) no-repeat; background-position: -66px -94px; text-indent: -9000px; width: 27px; height: 27px;}
#pie_left .btnRSS {display: inline; float: left; background: url(imagenes/imagenes.png) no-repeat; background-position: -93px -94px; text-indent: -9000px; width: 27px; height: 27px;}
#pie_left .btnFacebook:hover {background-position: -39px -121px;}
#pie_left .btnTwitter:hover {background-position: -66px -121px;}
#pie_left .btnRSS:hover {background-position: -93px -121px;}
#pie_right {display: inline; float: right; padding: 49px 22px 32px 0px;}
#pie_right a {display: inline; float: right; width: 69px; height: 25px; background: url(imagenes/imagenes.png) no-repeat; text-decoration: none; background-position: -251px -50px; text-indent: -9000px;}

.olControlAttribution {bottom: .5em !important;}

.posicion_vistas {display:none; width: 536px; height: 538px; background: #fff; border: 1px solid #aaa; position: absolute; top: 50%; left: 50%; margin: -269px 0 0 -268px;}

.video_oculto {display: none; position: absolute; top: 50%; left: 50%; margin: -228px 0 0 -370px; width: 640px; height: 367px; z-index: 10000; padding: 50px;}
.video_oculto2 {display:block; position:absolute; top:-100px; left:75px; background-color:#000; width:800px; height:600px; z-index:-10000; padding:20px;}

.nosedonde {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #333 0px 0px 20px;
-moz-box-shadow: #333 0px 0px 20px;
box-shadow: #333 0px 0px 20px;
background: #000;
color: #fff;
behavior: url(PIE.htc);
}
.btn_cerrar {position: absolute; right: 10px; top: 10px;}

.carrusel_video2222 { position:relative; width:150px; height:150px; margin:20px; float:left; text-align:center; font-size:11px; font-weight:normal;}
.carrusel_destacado_video { position:relative; width:170px; height:160px; overflow:hidden; margin:10px; float:left; text-align:center; font-size:11px; font-weight:normal; background-color:#fff; padding-top:10px; }
.carrusel_destacado { width:170px; height:160px; overflow:hidden; margin:10px; float:left; text-align:center; font-size:11px; font-weight:normal; background-color:#fff; padding-top:10px; }