@import url("../fuentes/ptsans/stylesheet.css");


* {margin: 0; padding: 0; }



.oculto {display: none !important;}

body {background: url(../img/fondo.jpg); font-family: Arial, Helvetica, sans-serif}

a img {border: 0;}

.wrapper {width: 1024px; height: 768px; position: relative; overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -393px 0 0 -521px; padding: 9px; background: url(../img/fondo-sombra.png); }
.wrapper .velo {width: 1024px; height: 100%; background: #000; opacity: 0.8; position: absolute; z-index: 1000}

.revista-wrapper {width: 1024px; height: 700px; margin: 0 auto;}

.izq {float: left;}
.dch {float: right;}

.boton1 {height: 26px; background: url(../img/boton1-tilled.png) left top; display: inline-block; white-space: nowrap; text-decoration: none; margin: 0 5px; color: #888 !important; font-size: 12px; }
.boton1 span {height: 26px; line-height: 26px; background: url(../img/boton1-izq.png) left top no-repeat; display: inline-block; margin: 0 0 0 -5px; }
.boton1 span span {height: 26px; line-height: 26px; text-align: center; background: url(../img/boton1-dch.png) right top no-repeat; display: inline-block; cursor: pointer; padding: 0 15px;  margin: 0 -5px 0 0; }

.clear {clear: both; height: 0; overflow: hidden}

.cerrar {position: absolute; top: 0; right: 0;}

.icono {height: 30px; background: url(../img/iconos.png) left top no-repeat; display: inline-block; margin: 19px 9px 0; cursor: pointer;}
	.icono-I {background: url(../img/ico-I.png) no-repeat; width: 11px;}
	.icono-II {background: url(../img/ico-II.png) no-repeat; width: 25px;}
	.icono-indice {background: url(../img/ico-indice.png) no-repeat; width: 19px;}
	.icono-buscar {background: url(../img/ico-buscar.png) no-repeat; width: 23px;}
	.icono-thumbnails {background: url(../img/ico-thumbnails.png) no-repeat; width: 19px;}
	.icono-T {background: url(../img/ico-T.png) no-repeat; width: 18px;}
	.icono-espejo {background: url(../img/ico-espejo.png) no-repeat; width: 39px;}
	.icono-zoom {background: url(../img/ico-zoom.png) no-repeat; width: 23px;}
	.icono-compartir {background: url(../img/ico-compartir.png) no-repeat; width: 19px;}
	.icono-impresora {background: url(../img/ico-impresora.png) no-repeat; width: 26px;}
	.icono-interactivo {background: url(../img/ico-interactivo.png) no-repeat; width: 19px;}
	.icono-lupa-on {background-position: left -30px;}
	.icono-lupa {background-position: left 0px;}
.icono:hover,
.icono-on {background-position: left -30px;}
.icono-off {background-position: left -60px !important;}



.flecha {padding: 9px 0; display: block; text-align: center; clear: both; cursor: pointer; overflow: hidden}
.flecha span {display: block; background: url(../img/flechas.png); width: 17px; height: 9px; margin: 0 auto; }


.flecha-up {}
.flecha-up span {background-position: 0 0;} 
.flecha-up:hover span {background-position: 0 -9px;} 

.flecha-down {}
.flecha-down span {background-position: -17px 0;} 
.flecha-down:hover span {background-position: -17px -9px;} 

.flecha-scroll-up {display: block; background: url(../img/flechas.png) 0 0 no-repeat; width: 17px; height: 9px; margin: 0 auto; position: absolute; top: 5px; right: -25px;}
.flecha-scroll-down {display: block; background: url(../img/flechas.png) -17px 0  no-repeat; width: 17px; height: 9px; margin: 0 auto; position: absolute; bottom: 5px; right: -25px;}


.barra {height: 69px; background: url(../img/fondo-barra.png); width: 1024px; margin: 0 auto; overflow: visible; position: relative; z-index: 800}

.barra .logos {letter-spacing: -0.25em; float: left; }
.barra .logo-bne {margin: 11px 0 0 21px; display: block; float: left;}
.barra .logo-leonardo {margin: 19px 8px 0 32px; display: block; float: left;}
.barra .pag-versus {color: #eaa500; letter-spacing: 0px; font-size: 12px; float: left; /*position: absolute*/; margin-top: 25px; /*margin-left: 365px;*/}


.barra .controls {float: right; width: 600px; /*letter-spacing: -0.25em;*/}
.barra .controls a {display: inline-block; overflow: hidden}
.barra .bloque {background: url(../img/separador-pie.png) left top repeat-y; padding: 0 11px 0 13px; float: right; height: 69px; display: block;}
.barra input.pagina {background: url(../img/fondo-input-paginas.png); display: inline-block; width: 74px; height: 22px; padding-top: 2px; border: 0; vertical-align: top; margin: 22px 8px 0 6px; text-align: center; font: bold 14px/24px Arial, Helvetica, sans-serif; color: #999;}
.barra input.pagina-off {background-position: left -24px; color: #444}



.buscador {width: 328px; height: 55px; padding: 19px 20px 0; background: url(../img/fondo-buscador.png) left top no-repeat; position: absolute; bottom: 80px; right: 280px; z-index: 800 }
.buscador input {width: 236px; padding: 0 5px; height: 25px; line-height: 25px; background: url(../img/fondo-input-buscador.png); border: 0; color: #999; font-size: 12px; vertical-align: top; float: left; }
.buscador .boton1 { vertical-align: top}

.paginas {background: url(../img/fondo-paginas.png) left top; position: absolute; bottom: 77px; left: 9px; width: 1024px; position: absolute; overflow: hidden; height: 110px; z-index: 600 }
.paginas .carril {height: 110px; position: absolute; bottom: 0; left: 0; white-space: nowrap; overflow: hidden; width: 37000px ;padding:0 10px}
.paginas .bloque {width: 115px; height: 92px; background: url(../img/marco-paginas.png) left top no-repeat; display: inline-block; margin: 15px 0 0 15px; float: left;}
.paginas .bloque .inner {width: 109px; height: 74px; padding: 3px; background: #666666;}
.paginas .bloque .inner-on {width: 109px; height: 74px; padding: 3px; background: #EAA500;}
.paginas .bloque .inner:hover,
.paginas .bloque-on .inner {background: #eaa500;}

.menu-barra {position: absolute; bottom: 100px; right: 100px; background: url(../img/submenu-barra-tilled.png); width: 120px;}
.menu-barra .top {height: 10px; background: url(../img/submenu-barra-top.png) no-repeat; margin: -10px 0 0 0; }
.menu-barra .bottom {height: 21px; background: url(../img/submenu-barra-bottom.png) no-repeat; padding: 0 10px; margin: 0 0 -21px;}
.menu-barra .middle {padding: 0 10px; overflow: hidden; margin-top: -5px;}
.menu-barra a {display: block; color: #fff;}

	.idiomas {right: 242px;z-index:111111}
	.redes {right: 83px;z-index:111111}
	.impresion {right: 44px;z-index:111111}


.boton2 {height: 20px;  display: block; white-space: nowrap; text-decoration: none; color: #999 !important; font: 13px Arial, Helvetica, sans-serif; margin: 5px 5px 0;  }
.boton2 span {height: 20px; line-height: 20px; display: block; margin: 0 0 0 -5px; }
.boton2 span span {height: 20px; line-height: 20px; text-align: left; display: block; cursor: pointer; padding: 0 4px;  margin: 0 -5px 0 0; }

.boton2:hover,
.boton2-on {background: url(../img/boton2-tilled.png) left top;}

.boton2:hover span,
.boton2-on span {background: url(../img/boton2-izq.png) left top no-repeat; }

.boton2:hover span span,
.boton2-on span span {background: url(../img/boton2-dch.png) right top no-repeat;}

/*--- blog ---*/
.pagina-blog {width: 432px; margin: 0 40px; }  
	.pagina-blog .blog-main {padding: 5px 9px; width: 432px; overflow: hidden; margin-left: -9px;}
	
.pagina-blog-izq {height: 602px; margin-top: 98px;}
	.pagina-blog-izq .blog-main {height: 521px;}

.pagina-blog-dch {height: 652px; margin-top: 48px;}
		.pagina-blog-dch .blog-main {height: 571px;}




.pagina-blog .post {margin-bottom: 30px;}
.pagina-blog h2 {font: normal 20px Arial, Helvetica, sans-serif; color: #666; text-transform: uppercase}
.pagina-blog .fecha {font-size: 14px; color: #999; margin-bottom: 10px;}
.pagina-blog .imagen {width: 450px; margin: 0 0 5px -9px; float: left; display: inline-block;  }

.pagina-blog .imagen .inner {display: inline-block; float: left; overflow: hidden}

.pagina-blog .imagen .top {background: url(../img/sombra-top.png); height: 9px;}
.pagina-blog .imagen .top div { height: 9px; background: url(../img/esq-sombra-11.png) left top no-repeat; }
.pagina-blog .imagen .top div div {height: 9px; background: url(../img/esq-sombra-12.png) right top no-repeat; }

.pagina-blog .imagen .middle-izq {background: url(../img/sombra-izq.png) left top repeat-y; clear: both;}
.pagina-blog .imagen .middle-dch {background: url(../img/sombra-dch.png) right top repeat-y; position: relative; padding: 5px 15px; max-width: 421px;}
.pagina-blog .imagen .middle-dch span {display: block; max-width: 421px; max-height: 145px; overflow: hidden; position: relative; background-position: center center; background-repeat: no-repeat }
.pagina-blog .imagen img {display: block; position: relative; opacity: 0; }

.pagina-blog .imagen .bottom {background: url(../img/sombra-bottom.png); height: 9px;}
.pagina-blog .imagen .bottom div {height: 9px; background: url(../img/esq-sombra-21.png) left top no-repeat; }
.pagina-blog .imagen .bottom div div {height: 9px; background: url(../img/esq-sombra-22.png) right top no-repeat; }



.pagina-blog p {font-size: 14px; color: #666; margin-bottom: 5px; clear: both;}
.pagina-blog .mas-info {font-size: 13px; color: #666; text-decoration: underline}


.publicaciones {height: 606px; width: 1024px; padding: 94px 0 0 0; background: url(../img/fondo-publicaciones.png); position: absolute; top: 0; left: 0; z-index: 400}
.publicaciones .flecha {margin: 0 40px; border: 0;}
.publicaciones ul {list-style-type: none; margin: 8px 5px 6px; height: 518px; overflow: hidden}
.publicaciones li {display: block; float: left; margin: 0 0 38px 26px;}

.resultados-busqueda {width: 1024px; height: 700px; margin: 0 auto; position: absolute; left: 9px; top: 9px; z-index: 900; background: #333;}

/*
.resultados-busqueda .flecha {margin: 0 40px; border: 0;}
.resultados-busqueda .resultados {margin-left: -40px; width: 1024px; height: 626px; overflow: hidden; position: relative;}
.resultados-busqueda .bloque {width: 432px; height: 157px; border-bottom: 6px solid #222; margin: 0 0 65px 80px; float: left; position: relative; cursor: pointer;}
.resultados-busqueda .bloque .imagen {width: 211px; height: 156px; padding: 9px; background: url(../img/fondo-bloque-resultados.png); margin: -9px 0 0 -9px}
.resultados-busqueda .bloque .imagen span {display: block; background: #666; padding: 5px; }
.resultados-busqueda .bloque:hover .imagen span {background: #eaa500;}
.resultados-busqueda .bloque .texto {width: 210px; bottom: 9px; right: 0; position: absolute; }
.resultados-busqueda .bloque .texto {color: #999; font: 15px 'PTSansNarrowRegular', Arial, Helvetica, sans-serif;}
.resultados-busqueda .bloque .texto strong {font: 20px/170% 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; color: #ccc; display: block;}
.resultados-busqueda .flecha-up {margin: 6px 0 4px;}
*/
.resultados-busqueda .flecha {margin: 0 40px; border: 0;}
.resultados-busqueda .resultados {margin-left: -40px; width: 1024px; height: 626px; overflow: hidden; position: relative;}
.resultados-busqueda .bloque {width: 432px; height: 157px; border-bottom: 6px solid #222; margin: 0 0 65px 80px; float: left; position: relative; cursor: pointer;}
.resultados-busqueda .bloque .imagen {width: 211px; height: 156px; padding: 9px; background: url(../img/fondo-bloque-resultados.png); margin: -9px 0 0 -9px}
.resultados-busqueda .bloque .imagen span {display: block; background: #666; padding: 5px; }
.resultados-busqueda .bloque:hover .imagen span {background: #eaa500;}
.resultados-busqueda .bloque .imagen span img {position: relative; top: 2px;}
.resultados-busqueda .bloque .texto {width: 210px; bottom: 9px; right: 0; position: absolute; }
.resultados-busqueda .bloque .texto {color: #999; font: 15px 'PTSansNarrowRegular', Arial, Helvetica, sans-serif;}
.resultados-busqueda .bloque .texto strong {font: 20px/170% 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; color: #ccc; display: block;}
.resultados-busqueda .flecha-up {margin: 6px 0 4px;}

.twitter {width: 1024px; height: 700px; background: #fff; position: absolute; top: 0; left: 0;}
.pagina-twitter {width: 432px; margin: 0 40px; height: 628px; margin-top: 72px;}  
	.pagina-twitter .blog-main {padding: 5px 9px; width: 432px; overflow: hidden; margin-left: -9px;height: 542px;}
	
.pagina-twitter .tweet {padding-top: 30px; height: 85px; border-bottom: 1px solid #ccc; overflow: hidden}
.pagina-twitter .foto {border: 1px solid #ccc; float: left; margin: 0 15px 0 0}
.pagina-twitter .usuario {float: left; font: 13px Arial, Helvetica, sans-serif; color: #999;}
.pagina-twitter .fecha {float: right; font: 13px Arial, Helvetica, sans-serif; color: #999;}
.pagina-twitter p {font: 17px Arial, Helvetica, sans-serif; color: #666; float: left; width: 367px; padding-top: 7px;}

.lomas {width: 143px; height: 649px; padding-top: 8px; position: absolute; top: 9px; left: 322px; background: url(../img/fondo-lomasvisto.png); z-index: 800}
.lomas .thumb {width: 115px; height: 80px; padding: 9px; background: url(../img/fondo-thumbs-lomas.png); overflow: hidden; margin: -8px auto 0; cursor: pointer;}
.lomas .thumb span {width: 109px; height: 74px; background: #666; display: block; padding: 3px; }
.lomas .thumb:hover span {background: #eaa500;} 

/*--- indice ---*/
.indice {width: 1024px; height: 700px; margin: 0 auto; position: absolute; left: 9px; top: 9px; z-index: 900; background: #222222;}
.indice .page {width: 512px; height: 670px; float: left; padding: 30px 0 0 0;}

.indice h1 {font: normal 34px/110% 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; border: 6px solid #222222; border-width: 6px 0; float: left; color: #888; padding: 7px 0 0 0}

.indice .indice-temas {background: #333333; padding: 30px 30px 0; width: 452px}
.indice .marco {height: 545px; width: 535px; margin: 3px 0 8px -30px; overflow: hidden;}

.indice .indice-temas li {height: 108px; margin: 0 0 1px 0; display: table; vertical-align: middle; width: 535px; cursor: pointer;}

.indice .indice-temas img {margin: 0 10px 0 30px; display: inline-block; vertical-align: middle; *float: left; }
.indice .indice-temas .data {width: 334px; display: inline-block; vertical-align: middle  }
.indice .indice-temas strong {color: #ccc; font: normal 20px 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; border-bottom: 2px solid #222; display: inline-block; width: 334px; margin: 0 0 5px}
.indice .indice-temas p {color: #999999; font: 16px 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; display: inline-block}

.indice .indice-temas li.on,
.indice .indice-temas li:hover {background: url(../img/fondo-indice-on.png);}
.indice .indice-temas li.on strong,
.indice .indice-temas li:hover strong {color: #eaa500}

.indice .thumb-paginas {width: 417px; margin: 0 auto; color: #999999; font: 16px 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; overflow: hidden; height: 612px;  }
.indice .pag {width: 115px; height: 106px; background: url(../img/sombra-paginas.png) no-repeat; padding: 9px; margin: 0 3px; cursor: pointer; float: left; }
.indice .pag div {position: relative; color: #eaa500; font-size: 16px;}
.indice .pag p {font-size: 12px; position: relative; top: -2px;}
.indice .pag span {width: 109px; height: 74px; display: block; padding: 3px; background: #666; margin-bottom: 5px}
.indice .pag:hover span {background: #eaa500;}


/*--- popup ---*/
.popup {width: 1024px; height: 700px; position: absolute; top: 9px; left: 9px; z-index: 900;}
.popup .velo {width: 100%; height: 100%; background: #000; opacity: 0.8;}
.popup .ficha {width: 670px; height: 410px; position: absolute; top: 50%; left: 50%; margin: -220px 0 0 -350px; background: #fff; padding: 30px 0 0 30px; z-index: 1000 }
.popup h1 {font: normal 24px/110% 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; border: 6px solid #cccccc; border-width: 6px 0; color: #666; padding: 7px 0 4px 0; text-transform: uppercase; margin-bottom: 20px; display: inline-block; float: left;}
.popup .texto {height: 290px; width: 280px; font: 15px 'PTSansRegular', Arial, Helvetica, sans-serif;  clear: both; color: #666666; position: relative; float: left;  margin-bottom: 10px;}
.popup .texto .inner {width: 280px; height: 290px; overflow: hidden; }
.popup .texto p {margin-bottom: 10px;}
.popup .foto-ficha {width: 330px; height: 330px; background: url(../img/fondo-foto-ficha.png); float: right; margin: -9px 21px 0 0;}
.popup .foto-ficha img {margin: 12px 0 0 12px}
.popup .enlace-ficha {display: block; float: left; color: #666; font: 13px 'PTSansRegular', Arial, Helvetica, sans-serif; background: url(../img/flecha-enlace.png) left center no-repeat; padding: 0 0 0 10px }


.wrapper-imagen-zoom {width: 1024px; height: 700px; position: absolute; left: 9px; top: 37px; z-index: 1000;}
.wrapper-imagen-zoom .controles {position: absolute; right: 0; top: 0; z-index: 1001}
.wrapper-imagen-zoom .controles img {cursor: pointer; }
.wrapper-imagen-zoom .imagen {position: absolute; top: 0; left: 0; width: 1024px; height: 700px; overflow: hidden}
.wrapper-imagen-zoom .imagen img {position: absolute; width: 1024px; height: 700px; top: 0px; left: 0px }
.wrapper-imagen-zoom .marco {width: 1024px; height: 700px; position: absolute; margin: 0 0 0 0; top: -0px; left: -0px}
.wrapper-imagen-zoom .controles .zoom {width: 20px; height: 140px; background: #000; margin-top: 20px; padding: 5px 0} 
.wrapper-imagen-zoom .controles .zoom img {margin: 0 auto; display: block; cursor: pointer; }
.wrapper-imagen-zoom .controles .barra {width: 2px; height: 110px; background: #fff; margin: 5px auto; position: relative}
.wrapper-imagen-zoom .controles .barra .moveBarra {width: 18px; height: 110px; position: relative}
.wrapper-imagen-zoom .controles .barra .indicador {width: 18px; height: 11px; position: absolute; margin-left:-7px; background: #eaa500; cursor: pointer; }

/*--- transcripcion ---*/
.transcripcion {position: absolute; top: 9px; left: 9px; width: 1024px; height: 700px; background: url(../img/fondo-transcripcion.png); font: normal 14px/110% 'PTSansNarrowRegular', Arial, Helvetica, sans-serif;z-index:2000 }
.transcripcion .page {width: 512px; height: 694px; float: left; padding: 6px 0 0 0;}
.transcripcion .texto {width: 452px; height: 620px; padding: 10px 5px}