/* CSS Document */

body{ background:url(../img/fondo.jpg) repeat-x 0 0 #FFF; margin:0; padding:0; text-align:center; font-family:Tahoma, Geneva, sans-serif;}

#header{ width:980px; margin:0 auto; padding:0; text-align:left; padding:10px 0}
#header .hsuperior{ padding-bottom:16px; float:left; width:100%; position:relative; margin:0 0 5px;}
#header .hsuperior h1{}
#header .hsuperior h1 a{ display:block; text-indent:-99999em;}
#header .hsuperior h1 a.elpais{ background:url(../img/sprite.png?201404151103) 0 0 no-repeat transparent; width:250px; height:45px; float:left;}
#header .hsuperior h1 a.kym{ background:url(../img/sprite.png?201404151103) -250px 0 no-repeat transparent; width:180px; height:45px; float:left;}
#header .hsuperior h1 a:hover{ opacity: 0.7;}
#header .hsuperior a.bt-registrarse{ background:url(../img/sprite.png?201404151103) 0 -70px no-repeat transparent; display:block; text-indent:-99999em; width:315px; height:52px; position:absolute; right:0; top:0px;}
#header .hsuperior a.bt-registrarse:hover{ background:url(../img/sprite.png?201404151103) 0 -130px no-repeat transparent;}
#header .hinferior{}
#header .hinferior .phone-mail{ font-size:11px; color:#EEE; float:left;}
#header .hinferior .phone-mail a{ color:#EEE; text-decoration:none;}
#header .hinferior .phone-mail a:hover{ color:#AAA; text-decoration:none;}
#header .hinferior .registro{ float:right; width:315px}
#header .hinferior .registro input{ border:none; background:url(../img/sprite.png?201404151103) -370px -80px no-repeat transparent; width:90px; height:21px; font:11px/14px Tahoma, Geneva, sans-serif normal; margin-right:5px; padding:0 5px;}
#header .hinferior .registro a.entrar{background:url(../img/sprite.png?201404151103) -478px -80px no-repeat transparent; display:block; text-indent:-99999em; width:97px; height:21px; float: right;}
#header .hinferior .registro a.entrar:hover{background:url(../img/sprite.png?201404151103) -478px -110px no-repeat transparent;}
#header .hinferior .registro a.entrar2{background:url(../img/sprite.png?201404151103) -0px -680px no-repeat transparent; display:block; text-indent:-99999em; width:314px; height:21px; float: right;}
#header .hinferior .registro a.entrar2:hover{background:url(../img/sprite.png?201404151103) -0px -710px no-repeat transparent;}
#header .hinferior .registro a.recuperar_contrasena{color:#666; text-decoration:none; font-size:11px; display:block; padding:5px 7px; }
#header .hinferior .registro a.recuperar_contrasena:hover{color:#215D5D; text-decoration:none;}

#mosaico-publicaciones{ width:980px; margin:30px auto 0; padding:0; text-align:left;}
#mosaico-publicaciones #portada-diario{ position:relative;}
#mosaico-publicaciones #portada-diario img{ width:260px; height:380px;}
#mosaico-publicaciones #portada-diario .ipad{ position:absolute; top:135px; left:130px; background:url(../img/sprite.png?201404151103) 0 -200px no-repeat transparent; width:180px; height:230px;}
#mosaico-publicaciones #portada-diario .ipad img{ width:141px; height:187px; padding:25px 20px 20px 20px;}
#mosaico-publicaciones #suplementos{ background:url(../img/linea-puntos-horizontal.png) 0 0 repeat-x transparent; float:right;}
#mosaico-publicaciones #suplementos h3{ font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#215D5D; text-align:right; font-weight:bold; padding:10px 0;}
#mosaico-publicaciones #suplementos ul{ background:url(../img/linea-puntos-horizontal.png) 0 0 repeat-x transparent; padding:20px 0;}
#mosaico-publicaciones #suplementos ul li{ float:left; margin-left:8px;}
#mosaico-publicaciones #suplementos ul li:first-child{ margin:0;}
#mosaico-publicaciones #suplementos ul li img{ width:155px; height:210px; border:1px solid #F0F0F0;}
#mosaico-publicaciones #suplementos ul li p{ font-weight:bold; font-size:11px; margin-top:5px;}
#mosaico-publicaciones #suplementos ul li p a{color:#111; text-decoration:none;}
#mosaico-publicaciones #suplementos ul li p a:hover{color:#215D5D; text-decoration:none;}
#mosaico-publicaciones #suplementos li:hover img{ opacity: 0.7;}
#mosaico-publicaciones #suplementos li:hover p a{color:#215D5D;}

#modulos-informacion{width:980px; margin:20px auto 0; padding:0; text-align:left;}
#modulos-informacion .col{ width:302px; float:left; margin-right:35px;}
#modulos-informacion .col .modulo-info{ background:url(../img/linea-puntos-horizontal.png) repeat-x left bottom transparent; padding-bottom:2px; margin-bottom:23px; float:left; width:100% }
#modulos-informacion .col .modulo-info.noline{ background:none;}
#modulos-informacion .col .modulo-info h3{ background:url(../img/linea-puntos-horizontal.png) repeat-x 0 20px transparent; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#215D5D; font-weight:bold; margin:0 0 5px 0;}
#modulos-informacion .col .modulo-info h3 span{ background:#FFF; padding-right:2px;}
#modulos-informacion .no_margin{margin:0;}

#modulos-informacion .col .modulo-info ul{}
#modulos-informacion .col .modulo-info ul.precios{}
#modulos-informacion .col .modulo-info ul.precios li{background:url(../img/sprite.png?201404151103) no-repeat 0 -590px transparent; border-bottom:1px dotted #CCC;  border-bottom:1px dotted #CCC; font:12px/22px Arial, Helvetica, sans-serif; font-weight: bold;padding:0 0 0 15px; width:285px; position:relative;}
#modulos-informacion .col .modulo-info ul.precios li span{    display: block; float: right; font-weight: normal; position: absolute;  right: 0; text-align: right; top: 0; width: 200px;}
#modulos-informacion .col .modulo-info ul.precios li span .mes{ right: 60px;}
#modulos-informacion .col .modulo-info ul.precios li a{ color:#111;}
#modulos-informacion .col .modulo-info ul.precios li a:hover{ color:#D40D15; text-decoration:none;}
#modulos-informacion .col .modulo-info a.bt-registrarse{ background:url(../img/sprite.png?201404151103) 0 -470px no-repeat transparent; display:block; text-indent:-99999em; width:302px; height:32px; margin:5px 0 3px;}
#modulos-informacion .col .modulo-info a.bt-registrarse:hover{ background:url(../img/sprite.png?201404151103) 0 -520px no-repeat transparent;}

#modulos-informacion .col .modulo-info ul.ediciones{ float:left}
#modulos-informacion .col .modulo-info ul.ediciones li{background:url(../img/sprite.png?201404151103) no-repeat 0 -631px transparent; border-bottom:1px dotted #CCC; font:11px/22px  Tahoma, Geneva, sans-serif; width:55px; float:left; margin:0 8px 0 0; padding:0 0 0 12px;}
#modulos-informacion .col .modulo-info ul.ediciones li a{color:#111; text-decoration:none;}
#modulos-informacion .col .modulo-info ul.ediciones li a:hover{color:#215D5D; text-decoration:none;}

#modulos-informacion .col .modulo-info .ofertas{ width:100%; height:280px; background:#F0F0F0; position:relative;}
#modulos-informacion .col .modulo-info .foto-destacado{ float:left; margin:4px 10px 0 0;}
#modulos-informacion .col .modulo-info p{ font:12px/18px Arial, Helvetica, sans-serif; color:#111;}
#modulos-informacion .col .modulo-info p a{color:#111; text-decoration:none; }
#modulos-informacion .col .modulo-info p a:hover{color:#D40D15; text-decoration:none;}
#modulos-informacion .col .modulo-info p a.registro{color:#D40D15; text-decoration:none; font-weight:bold;}
#modulos-informacion .col .modulo-info p a.registro:hover{color:#D40D15; text-decoration:underline;}
#modulos-informacion .col .modulo-info a:hover img{ opacity: 0.7;}

#dispositivos{ background:url(../img/fondo-dispositivos.jpg) repeat-x 0 0 transparent; margin:30px 0 0;} 
#dispositivos .cont-dispositivos{width:980px; margin:0 auto; padding:10px 0; text-align:left;}
#dispositivos .cont-dispositivos h3{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; font-weight:bold; margin:0 0 -1px 0; background:url(../img/linea-doble-horizontal-gris.jpg) repeat-x left bottom transparent; padding-bottom:10px;}
#dispositivos .cont-dispositivos h3 span{ font:11px/18px Tahoma, Geneva, sans-serif;}
#dispositivos .cont-dispositivos ul.lista-dispositivos{}
#dispositivos .cont-dispositivos ul.lista-dispositivos li{ float:left; width:230px; background:url(../img/linea-doble-vertical-gris.jpg) repeat-y left top transparent; padding:10px 5px 0 10px; margin:0 5px 0 0; height:150px;}
#dispositivos .cont-dispositivos ul.lista-dispositivos li:first-child{ background:none; padding:10px 0 0; margin:0;}
#dispositivos .cont-dispositivos ul.lista-dispositivos li img{ float:left; padding:0 10px 0 0;}
#dispositivos .cont-dispositivos ul.lista-dispositivos li a:hover img{ opacity: 0.7;}
#dispositivos .cont-dispositivos ul.lista-dispositivos li p{ font:11px/14px Tahoma, Geneva, sans-serif; font-weight:bold; color:#EEE;}
#dispositivos .cont-dispositivos ul.lista-dispositivos li p a{ font:11px/14px Tahoma, Geneva, sans-serif;font-weight:normal; text-decoration:none; color:#EEE; margin-top:10px; display:block;}
#dispositivos .cont-dispositivos ul.lista-dispositivos li p a:hover{ font-weight:normal; text-decoration:none; color:#CCC;}

#dispositivos #pie-landing{width:980px; margin:0 auto; padding:15px 0; text-align:left; font:11px/16px Tahoma, Geneva, sans-serif; color:#EEE; font-weight:bold;}
#dispositivos #pie-landing a{ color:#EEE; text-decoration:none;}
#dispositivos #pie-landing a:hover{ color:#EEE; text-decoration:underline;}
#dispositivos #pie-landing .phone-mail{ padding:15px 0}
#pie{width:980px; margin:0 auto; padding:20px 0 40px; text-align:left;}
#pie h1{}
#pie h1 a{ display:block; text-indent:-99999em;}
#dispositivos h1 a.elpais{ background:url(../img/sprite.png?201404151103) -433px 0 no-repeat transparent; width:170px; height:40px; float:left; display:block; text-indent:-99999em;}