/* v1.7 
    - name - estilo.css
    - last change 
    - 24/09/2015: media queries distintos dispositivos moviles y tablets
    - copyright - madpixel
    - developer - nacho sanchez moreno
*/
@font-face {
    font-family: "HelveticaNeue-CondensedBold";
    src: url(HelveticaNeue-CondensedBold.otf) format("opentype");
}


* { margin: 0; padding: 0; border: 0; font-family: Helvetica, Arial, sans-serif; }

/* vertical */
/* ========== */
.header { position: fixed; top: 0px; height: 44px; background-color: #f6f6f6; font:Normal 17px Helvetica; color: #505050; z-index: 1; 
	-webkit-transform: translateY(0px); transform: translateY(0px); transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.header.up { -webkit-transform: translateY(-44px); transform: translateY(-44px); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }
.header ul { text-decoration: none; list-style: none; }
.headerfix { height: 44px; }
.menu { background:url(../img/icoMenu.png) no-repeat transparent; height: 44px; width: 44px; float:left; left:8px; }
.menu:hover { background:url(../img/icoMenu_activo.png) no-repeat transparent; }
.menu.focus { background:url(../img/icoMenu_activo.png) no-repeat transparent; }
.menu.atras { background:url(../img/icoBack.png) no-repeat transparent; }
.menu.atras:hover { background:url(../img/icoBack_activo.png) no-repeat transparent; }
.menu.atras.focus { background:url(../img/icoBack_activo.png) no-repeat transparent; }
.title h1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; left: 44px; width: calc(100% - 88px); text-align: center; padding-top: 13px; font:Normal 17px Helvetica; color:#505050; }
.share { display:none; position: absolute; top: 8px; right:8px; background:url(../img/icoShare.png) no-repeat transparent; height: 27px; width:27px; float:right; } /* es 8 pero lo lleva la imagen */
.share.down { background:url(../img/icoShare_activo.png) no-repeat transparent; }

.container { position: relative; height: 100%; width: 100%; left: 0; overflow: hidden;
/*-webkit-transform: translateX(0); transform: translateX(0); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; */
}
/*.move  { -webkit-transform: translateX(330px); transform: translateX(330px); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }*/
.move  {}
.overflow { overflow: hidden; }
#content  { position: relative; -webkit-overflow-scrolling: touch; border-width: 0; overflow: visible; overflow-x: hidden; }
 
#sidebar { position: fixed; box-sizing: border-box; background:url(../img/menuOculto_sombra.png) repeat-y right transparent; background-color: #f6f6f6; }
/*#sidebar { position: fixed; top: 0px; left: 0px; height: 100%; box-sizing: border-box; background:url(../img/menuOculto_sombra.png) repeat-y right transparent; background-color: #f6f6f6; }*/
#sidebar ul { text-decoration: none; list-style: none; height: 100%; }
#sidebar ul li { font:Normal 14px Helvetica; padding-left: 49px; line-height: 44px; }
#sidebar ul li span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; display: inline-block; line-height: 16px; }

#qlogo { position: relative; height: 70px; }
#quiosco { display: block; background:url(../img/icoQuiosco.png) no-repeat 16px center transparent; position: relative; }
#quiosco.focus { background-color: #505050; }
#hemerotecav { display: block; background:url(../img/icoPublicaciones.png) no-repeat 16px center transparent; position: relative; }
#hemerotecav.focus { background-color: #505050; }
#revista { display: block; background:url(../img/icoRevista.png) no-repeat 16px center transparent; position: relative; }
#revista.focus { background-color: #505050; }
#secciones { display: block; background:url(../img/icoSecciones.png) no-repeat 16px center transparent; position: relative; }
#secciones.focus { background-color: #505050; }
#ayuda { display: block; background:url(../img/icoAyuda.png) no-repeat 16px center transparent; position: absolute; bottom: 18px; padding-left: 49px; line-height: 44px;}
#ayuda.focus { background-color: #505050; }

/* quiosco */
#qlogo { width: 100%; height: 50px; background-repeat: no-repeat; margin: 5px 0px 0px 18px; background-size: contain; }
#pquiosco { position: relative; background-color: #ffffff; margin-top: 22px; }
#pquiosco .qrow { background:url(../img/fondoQuiosco.png) repeat-x transparent; height: 159px; }
#pquiosco .qrow .qelem { height: 159px; float: left; position: relative; }
#pquiosco .qrow .qelem:nth-child(1) { padding-left: 15px; }
#pquiosco .qrow .qelem:nth-child(3) { padding-right: 15px; }
#pquiosco .qrow .qelem:nth-child(1), .qelem:nth-child(2) { padding-right: 5px; }
#pquiosco .qrow .qelem .qtex { font: 17px HelveticaNeue-CondensedBold; color:#505050; position: absolute; vertical-align: top; text-align: center; bottom: 100px; }
#pquiosco .qrow .qelem img { height: 91px; width: auto; display: block; margin: 0 auto; position: absolute; bottom: 0px; }

#phemeroteca .hemero .madga { position:relative; clear: both; height: 169px; width: 100%; margin-right: 16px; background:url(../img/fondoHemeroteca.png) repeat-x transparent; }
#phemeroteca .hemero .madga img { height: 137px; width: auto; float: left; margin-left: 31px; margin-top: 31px;margin-right: 16px; }
#phemeroteca .hemero .madga .tithem { position: absolute; text-align: center; bottom: 35px; left: 147px; font: 19px HelveticaNeue-CondensedBold; color:#505050; }
#phemeroteca .hemero .madga .acthem { position: absolute; text-align: center; bottom: 20px; left: 147px; font:Italic 12px Helvetica; color:#ababab; }

#dialog { margin: 0; position: fixed; top: 0px; left: 0px; z-index: 2; }

#psecciones { }
#psecciones .indrow { height: 220px; background:url(../img/fondoSecciones.png) repeat-x transparent; }
#psecciones .indrow img { height: 140px; width: auto; text-align: center; margin: 20px auto 10px auto; display: block;}
#psecciones .indrow .indnombre { font: 19px HelveticaNeue-CondensedBold; color:#505050; text-align: center; }
#psecciones .indrow .indtexto { font:Normal 19px Helvetica; color:#9e9e9e; text-align: center; }

#loader { background:url(../img/loader.gif) no-repeat; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 32px; width: 32px; margin: auto; z-index: 3; }

.lazy  { background-color: #c3c3c3; }

#dshare  { 
	position: fixed; top: 44px; right: 20px; width: 250px; height: 124px; background-color: #ffffff; z-index: 2; 
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75); 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#dshare .dhead { float: left ;background-color: #f0f0f0; font:Normal 15px Helvetica; color:#505050; width: calc(100% - 15px); height: 44px; line-height: 4; padding-left: 15px; }
#dshare .dbody { float: left; padding-left: 20px; padding-right: 20px; width: 100%; padding-top: 15px; padding-bottom: 15px;}
#dshare .dbody img { margin-right: 10px; }
#dshareh  { 
	width: 250px; height: 124px; background-color: #ffffff; z-index: 1002; 
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75); 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#dshareh .dhead { float: left ;background-color: #f0f0f0; font:Normal 15px Helvetica; color:#505050; width: calc(100% - 15px); height: 44px; line-height: 4; padding-left: 15px; }
#dshareh .dbody { float: left; padding-left: 20px; padding-right: 20px; width: 100%; padding-top: 15px; padding-bottom: 15px;}
#dshareh .dbody img { margin-right: 10px; }
/* ========== */



/* horizontal */
/* ========== */
/* body { background: #111111; } */

.oculto {display: none !important;}

.wrapper {width: 1024px; height: 768px; position: absolute; overflow: hidden; top: 50%; left: 50%; margin: -384px 0 0 -512px; background-color: #fff; }

.revista-wrapper {width: 1024px; height: 700px; margin: 0 auto;}

.izq { float: left; position: relative; font: 17px Helvetica; color:#afafaf; width: 30px }
.dch { float: right; position: relative; font: 17px Helvetica; color:#afafaf; width: 30px }

.indi { width: 109px; margin-top: 3px; }
.indiizq { float: left; position: relative; font: 17px Helvetica; color:#505050; width: 42px; text-align: right; margin-right: 12px; }
.indicent { float: left; position: relative; width: 1px; height: 28px; background-color: #505050; top: -4px; }
.indidch { float: right; position: relative; font: 17px Helvetica; color:#505050; width: 42px; text-align: left; margin-left: 12px;  }

.cerrar {background: url(../img/boton-cerrar.png) left top no-repeat; display: inline-block; cursor: pointer; position: absolute; right: 0px; }
.cerrar_kml {background: url(../img/cerrar-mapa.png) left top no-repeat; display: inline-block; cursor: pointer; position: absolute; right: 0px; width: 32px; height: 32px; }
.cerrar_kml:hover {background: url(../img/cerrar-mapa_activo.png) left top no-repeat; display: inline-block; cursor: pointer; position: absolute; right: 0px; width: 32px; height: 32px; }
.cerrar-fav {background: url(../img/boton-cerrar.png) left top no-repeat; display: inline-block; cursor: pointer; position: absolute; right: 0px; top: 0px;}

.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; }

.icono {width: 27px; height: 44px; line-height: 33px; vertical-align: text-top;  display: inline-block;}

.icono-quiosco-off {background: url(../img/icoQuiosco.png) left top no-repeat; }
.icono-quiosco-on, .icono-quiosco-off:hover { background: url(../img/icoQuiosco_activo.png) left top no-repeat; }
.icono-quiosco-des { background: url(../img/icoQuiosco.png) left top no-repeat; }

.icono-ayuda-off { background: url(../img/icoAyuda.png) left top no-repeat; }
.icono-ayuda-on, .icono-ayuda-off:hover { background: url(../img/icoAyuda_activo.png) left top no-repeat;  }

.icono-share-off { background: url(../img/icoShare.png) left top no-repeat; }
.icono-share-on, .icono-share-off:hover  { background: url(../img/icoShare_activo.png) left top no-repeat; }

.icono-paginas-off { background: url(../img/icoTumbnail-abrir.png) left top no-repeat; }
.icono-paginas-off:hover { background: url(../img/icoTumbnail-abrir_activo.png) left top no-repeat; }
.icono-paginas-on { background: url(../img/icoTumbnail-cerrar.png) left top no-repeat; }
.icono-paginas-on:hover { background: url(../img/icoTumbnail-cerrar_activo.png) left top no-repeat; }

.icono-revistas-off { background: url(../img/icoPublicaciones.png) left top no-repeat; }
.icono-revistas-on, .icono-revistas-off:hover { background: url(../img/icoPublicaciones_activo.png) left top no-repeat; }

.icono_revistaloaded-off { background: url(../img/icoRevista.png) left top no-repeat; }
/*.icono_revistaloaded-on, .icono_revistaloaded-off:hover { background: url(../img/icoRevista_activo.png) left top no-repeat; }*/

.icono-facebook { background: url(../img/icoFacebook.png) left top no-repeat; }

.icono-twitter { background: url(../img/icoTwitter.png) left top no-repeat; }

.f1, .f2, .f3  { background: url(../img/ico_flecha-separacion.png) left top no-repeat; width: 15px; height: 33px; margin-top: 26px; /*padding: 0px 2px;*/ }
.rname { margin-top: 26px; padding: 0px 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 184px; }

.flecha {height: 21px; padding: 8px 0; display: block; text-align: center; clear: both;}
.flecha span {display: inline-block; background: url(../img/flechas.png); width: 22px; height: 22px; }

.flecha13 {height: 21px; padding: 8px 0; display: block; text-align: center; clear: both;}
.flecha13 span {display: inline-block; background: url(../img/flechas13.png); width: 22px; height: 22px; }

.flecha-up {border-bottom: 1px solid #ccc;}
.flecha-up span {background-position: 0 0;} 
.flecha-up:hover span {background-position: 0 -22px;}

.flecha13-up { position:absolute; top: 0px; left: 49%; z-index: 2; }
.flecha13-up span {background-position: 0 0;} 
.flecha13-up:hover span {background-position: 0 -22px;}

.flecha-down {border-top: 1px solid #ccc;}
.flecha-down span {background-position: -22px 0;} 
.flecha-down:hover span {background-position: -22px -22px;}

.flecha13-down { position: absolute; left: 49%; top: 665px; }
.flecha13-down span {background-position: -22px 0;} 
.flecha13-down:hover span {background-position: -22px -22px;}

.flecha-fav {height: 21px; padding: 8px 0; display: block; text-align: center; clear: both;}
.flecha-fav span {display: inline-block; background: url(../img/flechas.png); width: 22px; height: 22px; }

.flecha-fav-up {border-bottom: 1px solid #ccc;}
.flecha-fav-up span {background-position: 0 0;} 
.flecha-fav-up:hover span {background-position: 0 -22px;} 

.flecha-fav-down {border-top: 1px solid #ccc;}
.flecha-fav-down span {background-position: -22px 0;} 
.flecha-fav-down:hover span {background-position: -22px -22px;} 

.barra {height: 69px; background-color: #ffffff; width: 1024px; margin: 0 auto; overflow: visible; position: relative; z-index: 1004; border-top: 1px solid #ededed; }

.barra .logo {margin: 10px 27px 0 20px; display: block; float: left;}
.barra .controls {float: left; width: 816px;}
.barra .bloque {padding: 0 20px 0 0px; float: left; height: 69px; display: block;}
.barra .bloquep {padding: 0 6px 0 0px; float: right; height: 69px; display: block;}
.barra .bloquea {padding: 0 10px 0 0px; float: right; height: 69px; display: block; position: relative; }
.barra .bloquer {float: right; height: 69px; display: block; }
.barra .bloquen {padding: 0 40px 0 0px; float: right; height: 69px; display: block;}
.barra .bloque a img {margin: 25px 0 0 20px; display: block; float: left; border: 0;}
.barra .pasapaginas {height: 3px; margin: 33px 0 0 20px; overflow: visible; width: 266px; position: relative;}
/*.barra .indicador {cursor: pointer; position: absolute; top: -23px; left: 50px; width: 41px; height: 35px; background: url(../img/indicador.png) center bottom no-repeat; color: #888; font: bold 12px/80% Arial, Helvetica, sans-serif; text-align: center}*/
.barra .indicador {cursor: pointer; position: absolute; top: 5px; left: 50px; width: 60px; height: 35px; color: #888; font: bold 13px/80% Helvetica, Arial, sans-serif; text-align: center}
.barra .indicador span {display: block;}
.barra .icono  {margin:  20px 0 0 0px; }
#grq1 { margin-top: 25px;   margin-right: 30px;  margin-left: 6px; }
#grq1.des { color: #b4b4b4; }
#grh1 { margin-top:  25px; }
#bloque_hemeroteca div { float: left; position: relative; }

.buscador {width: 328px; height: 44px; padding: 19px 20px 0; background: url(../img/fondo-buscador.png) left top no-repeat; position: absolute; bottom: 79px; right: 10px; z-index: 800 }
.buscador input {width: 236px; padding: 0 5px; height: 25px; background: url(../img/fondo-input-buscador.png); border: 0; color: #999; font-size: 12px; vertical-align: top }
.buscador .boton1 { vertical-align: top}

.paginas { /*background-color: #e9e9e9; */ background: transparent; position: absolute; bottom: 68px; left: 0; width: 1024px; position: absolute; overflow: hidden; height: 110px; z-index: 1003; }
.carrback {  background-color: #e9e9e9; position: absolute; width: 1024px; height: 110px !important; background-color: #e9e9e9; opacity: 0.8; }
.paginas .carril {height: 110px; position: absolute; bottom: 0; left: 0; white-space: nowrap; padding: 0 10px; overflow: hidden; }
.paginas .bloque {width: 127px; height: 92px; display: inline-block; margin-top: 10px; float: left;}
.paginas .bloque .inner {width: 109px; height: 74px; padding: 3px; margin: -3px;} /*height: 99px;*/
.paginas .bloque .inner:hover,
.paginas .bloque-on .inner {background: #eaa500;}
.paginas .bloque .inner-on {width: 109px; height: 74px; padding: 3px; background: #eaa500; margin: 6px;}

.ayuda {height: 700px; width: 1024px; padding: 0 0 0 0;  position: absolute; top: 0; left: 0; z-index: 1000}

.kml {height: 768px; width: 1024px; position: absolute; top: 0; left: 0; z-index: 1000; }
.kml a img { z-index: 1002; }
.kml_canvas {height: 768px; width: 1024px; position: absolute; top: 0; left: 0; z-index: 1001; }

.resultados-busqueda {height: 700px; width: 1024px; background: #eee; position: absolute; top: 0; left: 0; z-index: 400}

.resultados-busqueda .flecha {margin: 0 40px; border: 0;}
.resultados-busqueda .resultados {margin-left: -40px; width: 1024px; height: 626px; overflow: hidden}
.resultados-busqueda .bloque {width: 432px; height: 157px; border-bottom: 6px solid #ccc; margin: 0 0 65px 80px; float: left; position: relative;}
.resultados-busqueda .bloque .imagen {width: 201px; height: 137px; padding: 14px; background: url(../img/fondo-bloque-resultados.png); margin: -9px 0 0 -9px}
.resultados-busqueda .bloque .texto {width: 210px; bottom: 9px; right: 0; position: absolute; }
.resultados-busqueda .bloque .texto {color: #999; font: 15px Helvetica, Arial, sans-serif}
.resultados-busqueda .bloque .texto strong {font: 19px/170% Helvetica, Arial, sans-serif; color: #666; display: block;}

.resultados-favoritos {height: 700px; width: 1024px; background: #eee; position: absolute; top: 0; left: 0; z-index: 400}
.resultados-favoritos .div-favoritos { position: relative; height: 20px; width: 100%; }
.resultados-favoritos .div-favoritos p {margin: 10px 0 0 10px}
.resultados-favoritos .div-favoritos img {position: relative;top: -30px; left: 120px; top: -20px}

.resultados-favoritos .flecha {margin: 0 40px; border: 0;}
.resultados-favoritos .resultados {margin-left: -22px; margin-top: 5px; margin-bottom: 5px; width: 1024px; height: 580px; overflow: hidden}
.resultados-favoritos .bloque {width: 432px; height: 157px; border-bottom: 6px solid #ccc; margin: 0 0 41px 80px; float: left; position: relative;}
.resultados-favoritos .bloque .imagen {width: 100px; height: 137px; padding: 14px; margin: -9px 0 0 -9px}
.resultados-favoritos .bloque .imagen img {width: 100px; border-style: solid; border-width: 1px;}
.resultados-favoritos .bloque .titulo {width: 300px; bottom: 9px; top: 0px; right: 0; position: absolute; }
.resultados-favoritos .bloque .titulo {color: #999; font: 13px Helvetica, Arial, sans-serif}
.resultados-favoritos .bloque .titulo strong {font: 19px/170% Helvetica, Arial, sans-serif; color: #666; display: block;}
.resultados-favoritos .bloque .categoria {width: 300px; bottom: 9px; top: 25px; right: 0; position: absolute; }
.resultados-favoritos .bloque .categoria {color: #999; font: 15px Helvetica, Arial, sans-serif}
.resultados-favoritos .bloque .categoria strong {font: 19px/170% Helvetica, Arial, sans-serif; color: #666; display: block;}
.resultados-favoritos .bloque .precio {width: 300px; bottom: 9px; top: 80px; right: 0; position: absolute; }
.resultados-favoritos .bloque .precio {color: #999; font: 15px Helvetica, Arial, sans-serif}
.resultados-favoritos .bloque .precio strong {font: 19px/170% Helvetica, Arial, sans-serif; color: #666; display: block;}
.resultados-favoritos .bloque .cerrar {width: 210px; bottom: 9px; right: 0; position: absolute; }
.resultados-favoritos .bloque .cerrar {color: #999; font: 15px Helvetica, Arial, sans-serif}
.resultados-favoritos .bloque .cerrar strong {font: 19px/170% Helvetica, Arial, sans-serif; color: #666; display: block;}
.resultados-favoritos .bloque .comprar {width: 290px; bottom: 9px; right: 0; position: absolute; }
.resultados-favoritos .bloque .comprar {color: #999; font: 15px Helvetica, Arial, sans-serif}
.resultados-favoritos .bloque .comprar strong {font: 19px/170%Helvetica, Arial, sans-serif; color: #666; display: block;}

.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 Helvetica, Arial, sans-serif; color: #999;}
.pagina-twitter .fecha {float: right; font: 13px Helvetica, Arial, sans-serif; color: #999;}
.pagina-twitter p {font: 17px Helvetica, Arial, sans-serif; color: #666; float: left; width: 367px; padding-top: 7px;}

.lomas {width: 143px; height: 649px; padding-top: 8px; position: absolute; top: 0 /*-552px */; left: 270px; background: url(../img/fondo-lomasvisto.png); z-index: 3000}
.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: #fff;}

.gmnoprint:last-child { right:40px !Important; }

li.clear { clear:both }

#kiosko { position:absolute; top: 0px; left: 0px; width:1024px; height:700px; z-index: 1000; background-color: #fff; }

#kiosko #closeKiosko { position: absolute; float:right; z-index: 1; top: 0; right: 0px; }
#kiosko #closeKiosko img { border:0px }

#kiosko #kioskShells { width:1024px; height:678px; overflow:hidden }
#kiosko #kioskShells #qmove .categoryWrapper { list-style-type: none; height: 290px; background: url(../img/fondoQuiosco.png); }
#kiosko #kioskShells #qmove .category { float:left; width:218px; height:290px; background: url(../img/fondoQuiosco.png); }
#kiosko #kioskShells #qmove .category-name { height:22px; margin-bottom:15px; margin-top:82px; font:Helvetica 22px Helvetica;color:#505050; text-align:center }
#kiosko #kioskShells #qmove  img { border:0px;margin-left:42px; margin-top: 0px; width:171px; height:171px }

#hemeroteca { position:absolute; top: 0px; left: 0px; width:1024px; height:700px; z-index: 1000; background-color: #fff; }

#hemeroteca #closeHemeroteca { position: absolute; float:right; z-index: 1; top: 0; right: 0px; }
#hemeroteca #closeHemeroteca img { border:0px; }
#hemeroteca #hemerotecaShadow { width:1024px;height:40px; }
#hemeroteca #hemerotecaShadow ul { padding:0px; margin:0px; list-style:none; }

.slimScrollDiv { top:25px; }

#hemeroteca #magazineWrapper { width:1024px; height:595px; padding:0px;overflow:hidden }
#hemeroteca li.magazine { position: relative; float:left;width:315px;height:200px;padding:0px; background: url(../img/fondoHemeroteca.png); }
#mag { width: 153px; position: absolute; bottom: 20px;  position: absolute; left: 116px; padding-right: 30px; }
#magno { font:Normal 19px Helvetica; color:#505050; }
#magfa { font:Normal 12px Helvetica; color:#ababab; }
#hemeroteca li.magazine a { float: left; margin-top: 62px; }
#hemeroteca li.magazine img { border:0px; width: 101px; height: 138px; }

.gallery { z-index: 1005; text-align: center; border-bottom-color: black; border-style: solid; border-width: 2px; background-color: #141414; }

.closegallery {background:url(../img/icoClose.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-2px; right:1px; cursor:pointer;}

/* estilos_slider */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    cursor: pointer; background: url("../img/raya.png") no-repeat scroll center bottom transparent; color: #00000; border:10px; border-radius:0px; height:20px; width:20px; font-weight: normal; outline:none; top: -9px;
}
.ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all { background:none; border-radius:8px; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 1; filter:Alpha(Opacity=100); background-image: none; }

/* simple modal */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay { background-color:#fff; cursor:default; z-index: 1004!important; opacity:0.9 !important; }

/* Container */
#simplemodal-container { height:572px; width:1026px; color:#bbb; background-color:#1a1a1a; border:4px solid #141414; padding:1px; z-index: 1004!important; }
#simplemodal-container .simplemodal-data {padding:1px;}
#simplemodal-container h3 {color:#000; font: 11px Verdana, Geneva, sans-serif; font-weight: bold}
#simplemodal-container p {color:#000; font: 11px Verdana, Geneva, sans-serif;}
#simplemodal-container a.modalCloseImg {background:url(../img/icoClose.png) center center no-repeat; width:32px; height:32px; display:inline; z-index:3200; position:absolute; top:-37px; right:-4px; cursor:pointer; background-color: #1a1a1a; }

.blogWidth { width: 100%; max-width: 1024px; }

.DivPageFlip { margin-bottom: 0px; margin-top: 0px; }

.divHotSpot { width: 39px; height: 39px; visibility: visible; cursor: pointer; z-index: 10; -webkit-border-radius: 20x; -moz-border-radius: 20px; border-radius: 20px; }

/* salto de pagina */
.saltop { margin-bottom: 15px; }
/* salto de renglon */
.saltor { margin-bottom: 10px; }
/* alto del titulo */
.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
/* alto del subtiutlo */
.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
/* alto del texto */
.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }

/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
} 

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) { 
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape) { 
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* Portrait */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* Portrait */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* Portrait */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
	/* salto de pagina */
	.saltop { margin-bottom: 20px; }
	/* salto de renglon */
	.saltor { margin-bottom: 15px; }
	/* alto del titulo */
	.subtitulo { font:Italic 27px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 34px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 26px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 6 Media Queries
iPhone 6 in portrait & landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px)  {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 6 in landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 6 in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 6 Plus Media Queries
iPhone 6 Plus in portrait & landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 6 Plus in landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 6 Plus in portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 5 & 5S Media Queries
iPhone 5 & 5S in portrait & landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 5 & 5S in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 2G, 3G, 4, 4S Media Queries
It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.

iPhone 2G-4S in portrait & landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 2G-4S in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

/* iPhone 2G-4S in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
	/* salto de pagina */
	.saltop { margin-bottom: 15px; }
	/* salto de renglon */
	.saltor { margin-bottom: 10px; }
	/* alto del titulo */
	.subtitulo { font:Italic 17px Helvetica; color:#9e9e9e; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del subtiutlo */
	.titulo { font: 24px HelveticaNeue-CondensedBold; color:#000; margin-top: 0px;  margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
	/* alto del texto */
	.texto { font:Normal 16px Helvetica; color:#000; margin-top: 0px; margin-bottom: 5px; margin-left: 18px; margin-right: 18px; }
}

#logo_revista { width: 150px; height: 50px; }