/********************* estilos generales *********************/ body {font-family:'Arial', sans-serif;font-size:12px;color: #333333;line-height:18px;} a, a:visited {color:#1E3344;text-decoration:none;transition: all 0.1s 0.1s ease-in;-o-transition: all 0.1s 0.1s ease-in;-ms-transition: all 0.1s 0.1s ease-in;-moz-transition: all 0.1s 0.1s ease-in;-webkit-transition: all 0.1s 0.1s ease-in;} a:hover {color:#0084B6;text-decoration:none;transition: all 0.1s 0.1s ease-in;-o-transition: all 0.1s 0.1s ease-in;-ms-transition: all 0.1s 0.1s ease-in;-moz-transition: all 0.1s 0.1s ease-in;-webkit-transition: all 0.1s 0.1s ease-in;} .trg {width: 0;height: 0;border-style: solid;border-width: 11px 0 11px 10px;display:inline-block;} .wapp {display:none;} main {margin:auto;} button.wapp, .banner.megalateral {display:none;} body > img.estadistica, body > img#statisticsImg, body > img.clickstats {display:none;} .sinBarreras {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;} .expandable {padding: 0;} #eplAdDivexpandable {text-align:center;} #eplAdDivexpandable:not(:empty) {padding-bottom:5px;} #eplAdDivexpandable * {text-align:center!important;margin:auto!important;} ::selection { background: #2D9FCA; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #2D9FCA; /* Gecko Browsers */ } .mas-beneficios {position:relative;} /*cargando preferencias*/ .cargando-css {width: 40px;height: 40px;border-radius: 100%;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border: 5px solid #d3d3d3;border-bottom-color: #333;-webkit-animation: cargando-rotate 2s linear 0s infinite;animation: cargando-rotate 2s linear 0s infinite;} @-webkit-keyframes cargando-rotate { from {-webkit-transform: rotate(0deg);transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes cargando-rotate {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } /*cabezal*/ #header {background:#fff;width:100%;height:144px;border-bottom:1px solid #C7C7C7;margin-bottom:45px;} .cabezal {position:relative;} .cabezal a:hover {text-decoration:none;} nav.principal {font: normal 14px 'suecaslabmedium', 'Arial';margin-top:16px;height:30px;} nav.principal a, .cabezal.home nav.principal > span {display:inline-block;} nav.principal a {padding:1px 4px;transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;} nav.principal .actualidad-color a:hover {background:#0080b0;color:#fff;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal a.negocios:hover {background:#DD5241;color:#fff;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal a.deportes:hover {background:#008c50;color:#fff;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal a.ideas:hover {background:#849944;color:#fff;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal a.sociedad:hover {background:#00ACB1;color:#fff;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal a.espectaculos:hover {background:#E32F68;color:#fff;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal .link-actualidad {font:normal 14px 'suecaslabbold';cursor:pointer;padding:4px 2px 6px 5px;z-index:10001;position:relative;height:19px;color:#0080b0;color:#1E3344;padding:5px 2px 2px 6px;background: rgba(0,0,0,0);display:inline-block;width:129px;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal span:hover .link-actualidad {border:1px solid #dbdbdb;border-bottom:0;background:#fff;padding:4px 2px 7px 5px;width:128px;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal .icon-flecha-abajo {position:relative;top:3px;left:1px;} nav.principal b {color:#c7c7c7;position:relative;top:9px;font:normal 12px/14px arial, sans-serif;text-align:center;width:29px;display:inline-block;} .canales nav.principal b {top: 10px;} .menu-secciones nav.principal b {top: 6px!important;} nav.principal b:first-child {font:normal 43px/14px arial, sans-serif;} nav.principal .club {background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat #f2f2f2 -366px -154px;border:1px solid #dbdbdb;border-bottom:0;font: normal 11px 'suecaslabmedium', 'Arial';padding:9px 10px 8px 44px;text-align:right;color:#005292;} nav.principal .lnMas {background:#ebebeb;border:1px solid #dbdbdb;border-bottom:0;font: normal 11px 'suecaslabmedium', 'Arial';padding: 4px 10px 8px;color:#005292;} .menu-secciones .menu-internas nav.principal .lnMas{padding:4px 10px 4px;} .menu-canales .menu-internas nav.principal .lnMas{padding:4px 10px 8px;margin-top: 3px;} nav.principal .lnMas svg{margin-bottom:-2px;} nav.principal .club:hover, nav.principal .lnMas:hover {background-color:#FBFBFB;} nav.principal .icon-buscar {text-align:center;width:30px;height:25px;font-size:16px;line-height:28px;margin:0 10px 0 0;background:#fff;position:relative;top:2px;color:#305f85;cursor:pointer;transition: color 0.1s 0.1s ease-in;-o-transition: color 0.1s 0.1s ease-in;-ms-transition: color 0.1s 0.1s ease-in;-moz-transition: color 0.1s 0.1s ease-in;-webkit-transition: color 0.1s 0.1s ease-in;} nav.principal .icon-buscar:hover {color:#0080b0;cursor:pointer;transition: color 0.1s 0.1s ease-in;-o-transition: color 0.1s 0.1s ease-in;-ms-transition: color 0.1s 0.1s ease-in;-moz-transition: color 0.1s 0.1s ease-in;-webkit-transition: color 0.1s 0.1s ease-in;} nav.temas {font:normal 12px/22px 'Arial';margin-top:10px;position:relative;} nav.temas > span {font:normal 14px 'suecaslabbold';color:#0080b0;position:absolute;top:1px;left:6px;} .temas-hoy {display:inline-block;height:24px;overflow:hidden;max-width:805px;float:left;margin-left:40px;} .temas-hoy > h3 {margin-right:4px;display:inline;text-transform:uppercase;} .temas-hoy > h3 a, .dolar-hoy > h3 a, .servicios-hoy > h3 a {color:#305f86;padding:5px 8px 4px 8px;} .temas-hoy > h3 a:hover {background:#fff;color:#0080b0;} nav.temas .dolar-hoy, nav.temas .servicios-hoy {margin-right:4px;display:inline;color:#305f86;float:left;} nav.temas .servicios-hoy{position:relative;} nav.temas .dolar-hoy > h3 {text-transform:uppercase;padding:0px 7px;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;} nav.temas .servicios-hoy > h3 {background:#eee;padding:0 1px 1px 0;;text-transform:uppercase;transition: all 0.1s 0.1s ease-in;-o-transition: all 0.1s 0.1s ease-in;-ms-transition: all 0.1s 0.1s ease-in;-moz-transition: all 0.1s 0.1s ease-in;-webkit-transition: all 0.1s 0.1s ease-in;} .cabezal.home nav.temas .servicios-hoy > h3 {background:#dadada;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.temas .servicios-hoy .desplegable{width:481px;display:block;top:22px;right:-1px;z-index:10000;pointer-events: none} nav.temas .servicios-hoy:hover .desplegable{opacity: 1;pointer-events: auto} nav.temas .dolar-hoy:hover > h3, nav.temas .servicios-hoy:hover > h3{background:#fff!important;color:#0080b0;cursor:pointer;border:0px solid #dfdfdf;border-bottom:0;z-index:10001;position:relative;padding:0 7px 0px 7px;margin-top:0px;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.temas .servicios-hoy:hover > h3{padding:0 1px 1px 0;} #boton-menu.icon-cerrar {background:#fff;color:#A3A3A3;cursor:pointer;float:left;display:block;margin:9px 0 0 -5px;font-size:30px;padding:0;transition: none;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;} #cajaUsuario ul {position:absolute;z-index:5;border:1px solid #dadada;padding:10px;background-color:#fff;top:35px;right:5px;width:100px;overflow:hidden;} #cajaUsuario ul li.usuario {display:inline-block;float:left;text-align:left;padding:0;font: normal 13px/18px 'Arial';width:100px;color:#4d7697;position:static;margin:0;} #cajaUsuario ul li.salir {display:inline!important;float:left;text-align: left;font: normal 13px/18px 'Arial';width:100px;border:0;padding:0;} .desplegable.servicios a {float:left;width:220px;margin-top:9px;line-height:25px;font:normal 15px/28px 'suecaslabmedium';} .desplegable.servicios a.toi-114 {font-size:12px;margin-left: 9px;} .desplegable.servicios a span {display:block;width:28px;height:28px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;color:#fff;background:#0080b0;font-size:17px;line-height:33px;text-align:center;margin:0 8px 10px;float:left;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} .desplegable.servicios a:hover span {background:#4AB1DD;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} .cabezal .usuario .desplegable {pointer-events:auto;} /* Techos subcanales */ h1.techo-tipo {font: normal 70px 'suecaslabmedium', 'Arial';padding: 0px 0 0 20px;letter-spacing: -0.4px;line-height: 77px;float:left;} h1.techo-tipo.m {font: normal 50px 'suecaslabmedium', 'Arial';padding: 0px 0 0 20px;letter-spacing: -0.4px;line-height: 77px;float:left;} h2.techo-tipo {padding:0px 0px 15px 0px; font:normal 35px 'suecaslabmedium', 'Arial';} h1.techo-tipo.negocios, h2.techo-tipo.negocios a{color: #DD5241;} h2.techo-tipo.negocios a:hover {color:#C33A29} h1.techo-tipo.deportes, h2.techo-tipo.deportes a{color:#019242;padding-top: 5px;} h2.techo-tipo.deportes a:hover {color:#1e6b81} h1.techo-tipo.vida-y-ocio, h2.techo-tipo.vida-y-ocio a {color: #00ACB1;} h2.techo-tipo.vida-y-ocio a:hover {color:#008A8E;} h1.techo-tipo.ideas, h2.techo-tipo.ideas a {color: #849944;} h2.techo-tipo.ideas a:hover {color:#778a3c;} h1.techo-tipo.espectaculos, h2.techo-tipo.espectaculos a {color: #E32F68;} h2.techo-tipo.espectaculos a:hover {color:#c22858;} h1.techo-tipo.video, h2.techo-tipo.video a {color: #707172;} h2.techo-tipo.video a:hover {color:#565656;} h1.techo-tipo.actualidad, h2.techo-tipo.actualidad a {color: #0084B5;} h2.techo-tipo.actualidad a:hover {color:#02698F;} /* Buscador desplegable */ .buscador {margin:auto;width:1000px;background-color:#fff;height:0px;overflow:hidden;position:absolute;bottom:37px;} .buscador.expandido {height:35px;border-bottom:1px solid #C7C7C7;} .buscador div {border:1px solid #dadada;border-bottom:none;margin:auto;width:555px;height:34px} .buscador .icon-buscar {font-size:18px;background-color:#fff;float:left;padding:8px 15px 0px 15px;color:#374C5F;cursor:pointer;} .buscador .icon-cerrar {font-size:24px;background-color:#fff;float:right;padding:5px 5px 0px 0px;color:#999;cursor:pointer;} .buscador .boton-buscar {float:right;background-color:#0084B6;padding:3px 13px 3px;margin:4px 10px 0 0;color:#fff;font-size:11px;cursor:pointer;font-family: Arial, Helvetica, sans-serif} .buscador .form-buscador {border:none;font-size:14px;padding-top:9px;color:#737373;width:380px} input::-webkit-input-placeholder {color:#666;} input:-moz-placeholder {color:666;} input:-ms-input-placeholder {color:666;} /* Banner Promo App */ #banner-app {background-color: #47ABAB;height: 51px;position: fixed;bottom:0;width: 100%;z-index: 999;} #banner-app:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #banner-app .logo-app {width: 46px; height: 45px;float: left;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -298px -192px;} #banner-app .cerrar {width: 42px; height: 45px;float: left;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -347px -192px;} #banner-app .texto {color:#fff; display: inline-block;float: left;margin-top: 10px;width: 103px;line-height: 1.4;} #banner-app .boton {border-radius: 4px;font-family: Arial;color: #FFFFFF;font-size: 12px;padding:7px 25px 7px 22px;border: solid #FFFFFF 1px;text-decoration: none;float: right;margin-top: 10px;margin-right: 11px;} #banner-app .boton:hover {text-decoration: none;} /* Banner Promo - Entretiempos */ #banner-app-entretiempos {background-color:#01b24a;height:51px;position:fixed;bottom:0;width:100%;z-index:999;} #banner-app-entretiempos .logo-app {width:60px;height:80px;background: url('/v1/ln/imgs/promos/app-entretiempos.png') no-repeat;position:absolute;top:-29px;left:32px;} #banner-app-entretiempos .cerrar {width:38px; height:45px;position:absolute;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -349px -192px;} #banner-app-entretiempos .texto {color:#fff;display:inline-block;margin:6px 96px 0 95px;width:auto;line-height:20px;font-size:14px;} #banner-app-entretiempos .boton {border-radius:4px;font-family:Arial;color:#FFFFFF;font-size: 12px;padding:7px 16px 7px 17px;border: solid #FFFFFF 1px;text-decoration:none;margin-top:10px;margin-right:11px;position:absolute;right:0;} #banner-app-entretiempos .boton:hover {text-decoration: none;} /* Banner Promo PM */ #banner-app-pm {height:50px;position:fixed;bottom:0;width:100%;z-index:999;background-color:#007baf;} #banner-app-pm .logo-pm {width:207px;height:64px;background: url('/v1/ln/imgs/promos/pm-logo.png') no-repeat;position:absolute;top:-14px;left:25px;} #banner-app-pm .cerrar {width:25px;height:50px;background: url('/v1/ln/imgs/promos/pm-cerrar.png') no-repeat;display:block;position:absolute;top:0;left:0;} #banner-app-pm .boton {border-radius:4px;font-family:TheSans;color:#fff;font-size:11px;padding:5px 5px 4px 5px;border: solid #fff 1px;text-decoration:none;margin-top:12px;margin-right:11px;position:absolute;right:0;letter-spacing:0.3px;} #banner-app-pm .boton:hover {text-decoration: none;} /* Banner Promo LN+ */ #banner-app.lnmas {height:50px;position:fixed;bottom:0;width:100%;z-index:999;background-color:#0f1834;} #banner-app.lnmas .boton {font-family:TheSansSemi;color:#06edf8;font-size:12px;padding:4px 11px 4px 11px;border:solid #06edf8 1px;margin-top:11px;margin-right:11px;position:absolute;right:0;letter-spacing:0.3px;} #banner-app.lnmas .logo-app {width:50px;height:30px;background:none;margin:9px 14px 0 5px;} #banner-app.lnmas .texto {color:#fff;font-size:13px;line-height:17px;margin-top:9px;} /* Banner Promo JJOO */ #banner-app-jjoo {height:50px;position:fixed;bottom:0;width:100%;z-index:999;background-color:#EBEBEB;border-top:3px solid #008c50;} #banner-app-jjoo .cerrar {width:28px;height:50px;background: url('/v1/ln/imgs/promos/jjoo-cerrar.png') 12px 20px no-repeat;display:block;position:absolute;top:0;left:0;} #banner-app-jjoo .logo-jjoo {background: url('/v1/ln/imgs/promos/jjoo-logo.png') no-repeat 0 2px;position: absolute;top: 14px;left: 32px;padding-left: 47px;width: 100px;height:50px;font: normal 24px/24px 'suecaslabmedium';letter-spacing:-0.7px;color:#0f4686;} #banner-app-jjoo .boton {border-radius:4px;font-family:TheSans;color:#008c50;font-size:11px;padding:5px 5px 4px 5px;border: solid #008c50 1px;text-decoration:none;margin-top:12px;margin-right:11px;position:absolute;right:0;letter-spacing:0.3px;background:#efefef;} #banner-app-jjoo .boton:hover {text-decoration:none;} /*desplegables cabezal*/ .desplegable {opacity: 0;position: absolute;pointer-events: none;z-index:-10;transition: all 0.1s 0.1s ease-in;-o-transition: all 0.1s 0.1s ease-in;-ms-transition: all 0.1s 0.1s ease-in;-moz-transition: all 0.1s 0.1s ease-in;-webkit-transition: all 0.1s 0.1s ease-in;} .desplegable > div {background:#fff;padding:14px 10px;border:1px solid #dfdfdf;} #troncal-movil .desplegable > div {border:0;} .desplegable .pico {display:block;width:11px;height:12px;position:absolute;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') -266px -128px no-repeat;margin-left:35px;margin-top:-5px;} .cabezal .desplegable.servicios a:hover span {background:#4AB1DD;} nav.principal > span .desplegable {font:normal 15px/18px 'suecaslabmedium';} nav.principal > span:hover .desplegable {opacity: 1;z-index: 10000;pointer-events: auto;transition: all 0.1s 0.1s ease-in;-o-transition: all 0.1s 0.1s ease-in;-ms-transition: all 0.1s 0.1s ease-in;-moz-transition: all 0.1s 0.1s ease-in;-webkit-transition: all 0.1s 0.1s ease-in;} .con-top .desplegable.actualidad {top: 142px} .desplegable.actualidad {position:absolute;top:144px;width:929px;background:#fff;border:1px solid #dfdfdf;padding:15px;} .desplegable.actualidad > div {width:180px;float:left;border:0;} .desplegable.actualidad .ultimas {font:normal 17px/30px 'suecaslabmedium';border-right:1px solid #e0e0e0;padding-right:15px;margin-right:15px;height:110px;} .desplegable.actualidad .secciones {width:450px;border-right:1px solid #e0e0e0;padding-right:15px;margin-right:15px;height:110px;} .desplegable.actualidad .secciones a {float:left;display:inline-block;width:110px;margin-bottom:10px;margin-right:30px;} .desplegable.actualidad .data {text-align:center;font-size:17px;} .desplegable.actualidad .data span {display:block;width:40px;height:40px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background:#0080b0;color:#fff;margin:auto;font-size:20px;line-height:44px;margin-bottom:10px;transition: background 0.1s 0.1s ease-in;-o-transition: background 0.1s 0.1s ease-in;-ms-transition: background 0.1s 0.1s ease-in;-moz-transition: background 0.1s 0.1s ease-in;-webkit-transition: background 0.1s 0.1s ease-in;} .desplegable.actualidad .data a:hover span {background:#4AB1DD;} nav.temas .dolar-hoy .desplegable {display: block;top: 21px;left: 0;width: 918px;height: 50px;background: #fff;padding: 22px 20px 22px 20px;border: 1px solid #dfdfdf;opacity: 0;z-index: 10000;pointer-events: none;} nav.temas .dolar-hoy:hover .desplegable {opacity: 1;pointer-events: auto} nav.temas .dolar-hoy h2 a {font:normal 20px/28px 'suecaslabmedium';display:block;width:180px;margin-right:30px;float:left;} nav.temas .dolar-hoy h2 a:not(:hover) {color:#305f86;} nav.temas .dolarHoy {float:left;margin-top:5px;width:400px;} nav.temas .dolarHoy .tipo {font:normal 11px 'Arial', sans-serif;color:#888888;text-transform:uppercase;} nav.temas .dolarHoy h2 {font:normal 16px/20px 'suecaslabbold';padding-bottom:10px;} nav.temas .dolarHoy p {font:normal 40px/40px 'suecaslabmedium';width:105px;float:left;display:block;} nav.temas .dolarHoy ul {float:left;} nav.temas .dolarHoy p.peso {width:12px;padding-top:14px;font:normal 20px 'suecaslabmedium', Arial;float:left;} nav.temas .dolarHoy .centavos {padding-left:3px;font-size:22px;} nav.temas .dolarHoy.oficial h2 {color:#0E9C7C;} nav.temas .dolarHoy.oficial p {color:#0E9C7C;} nav.temas .dolarHoy.blue h2 {color:#0084B5;} nav.temas .dolarHoy.blue p {color:#0084B5;} nav.temas .dolarHoy.blue {padding-left:30px;width:270px;border-left:1px solid #d8d8d8;} nav.temas .dolarHoy.blue .valor {width:120px;} nav.temas .indicadores {width:290px;float:left;} nav.temas .indicadores h3 {margin-bottom:10px;} nav.temas .indicadores li {width:90px;float:left;} nav.temas .indicadores li.al100 {width:100%} nav.temas .indicadores a {font:normal 14px/15px 'Arial', sans-serif;color:#305F86;width:110px;margin-bottom:10px;} nav.temas .indicadores a:hover {text-decoration:underline;color:#0084B5;} nav.temas .indicadores li.al100 a {width:auto} nav.temas .indicadores .icon-bullet {display:inline;font-size:14px;position:relative;top:3px;} /*botones seguir*/ .seguir {background:#F2F2F2;color:#0F9C7C;margin:1px 18px 0 0;font:normal 10px'Arial';padding:6px 2px 4px 6px;position:relative;cursor:pointer;display:inline-block;height:12px;} .seguir:hover {background:#F2F2F2;} .seguir.izquierda {padding:5px 6px 5px 2px;margin:1px 0 0 18px;} .seguir .trg {position:absolute;top:0;right:-10px;border-color: transparent transparent transparent #F2F2F2;border-width:12px 0 10px 11px;} .seguir.activo {background:#5BBCA8;color:#fff;position:relative;} .seguir.izquierda .trg {border-color:transparent #f2f2f2 transparent transparent;border-width: 11px 10px 11px 0;left:-10px;} .seguir.izquierda.activo .trg {border-color:transparent #5BBCA8 transparent transparent;} .seguir.activo .trg {border-color:transparent transparent transparent #5BBCA8;} .seguir.activo:hover .trg {border-color:transparent transparent transparent #4EAF9B;} .seguir.activo:hover {background-color:#4EAF9B;} .seguir.izquierda.activo:hover .trg {border-color:transparent #4EAF9B transparent transparent;} .seguir:hover {background-color:#ECECEC;} .seguir.izquierda:hover .trg {border-color:transparent #ECECEC transparent transparent;} .seguir:hover .trg {border-color:transparent transparent transparent #ECECEC;} .tema-del-dia .seguir.izquierda.f-btnSeguir {margin-left: 25px;margin-top: 9px;} .canales .techo-acu .seguir {margin-top: 26px;margin-left: 20px;} .canales .techo-acu .seguir.izquierda.f-btnSeguir {background: #fff;} .canales .techo-acu .seguir.izquierda .trg {border-color: transparent #fff transparent transparent;} .canales .techo-acu .seguir.izquierda.f-btnSeguir:hover {background: #E0E0E0;} .canales .techo-acu .seguir.izquierda:hover .trg {border-color: transparent #E0E0E0 transparent transparent;} .canales .techo-acu .seguir.izquierda.activo {background: #5BBCA8;color: #fff;position: relative;} .canales .techo-acu .seguir.izquierda.activo .trg {border-color: transparent #5BBCA8 transparent transparent;} .canales .techo-acu .seguir.izquierda.f-btnSeguir.activo {background: #5BBCA8!important;} .canales .techo-acu .seguir.izquierda.f-btnSeguir.activo:hover {background: #4EAF9B!important;} .canales .techo-acu .seguir.izquierda.f-btnSeguir.activo:hover .trg {border-color: transparent #4EAF9B transparent transparent;} /* FOOTER */ #footer {background:#FFF;width:100%;height:auto;overflow:hidden;border-top:1px solid #dfdfdf;} #footer a {color:#335377} #footer a:hover {color:#0080b0; text-decoration:underline;} #footer .top {width:1000px;margin:auto;border-bottom:1px solid #EAEAEA;height:40px;font:normal 12px/40px arial,sans-serif;color:#335477!important;padding-top:15px;} #footer .links-principales {float:left;width:565px;color:#B5B5B5;} #footer .links-extra {float:left;width:auto;} #footer .redes-sociales {float: left; width: auto; margin:0 0 0 54px;} #footer button {display:inline-block;width:28px;height:28px;-webkit-border-radius:34px;-moz-border-radius:34px;border-radius:34px;background:#E8E8E8;margin:5px 4px 6px 0;font-size:15px;} #footer button:hover {background-color:#DBDBDB} #footer .bottom {width:1000px;margin:auto;font:normal 12px/14px arial,sans-serif;color:#335477!important;padding-top:15px;} #footer .titulo-footer {color:#5A5A5A;font-weight:700} #footer .gda {width: 38px; height: 21px; display: inline-block; background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -120px -122px;} #footer .logo-bbc {width: 85px; height: 30px; display: inline-block; background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -171px -122px;} #footer button.icon-mobile:before, #footer button.icon-mail-footer:before {color:#9F9F9F;position:relative;top:1px;} #footer button.icon-facebook:before, #footer button.icon-twitter:before, #footer button.icon-google:before, #footer button.icon-rss:before {color:#0084B6;position:relative;top:1px;} .link-bbc {display: inline-block;float: left;color:#9D9D9D;margin:-9px 20px 0 165px;} .link-gda {display: inline-block; padding-left: 80px; float:left; color:#9D9D9D;margin-top: -9px;} .link-copyright {display: inline-block; float:left; color:#9D9D9D;} .links-extra a {margin-right:20px;} .links-principales a:first-child {padding:0} .links-principales a {padding-right:5px;padding-left:5px;padding-bottom:10px} /*alerta anticipo*/ #alerta {float: left;width: 936px;padding: 0 12px 0 0; margin: 10px 0 20px 0;} #alerta a:hover {text-decoration:none!important;} #alerta article {padding:10px 0;font:normal 17px/27px 'TheSansBold', 'Arial'; width:100%; margin:0 auto; float:none; background-color: transparent;} #alerta article span {float:left;color:#FFF;background-color:#9c2829;font: normal 17px/27px suecaslabbold;text-transform:uppercase; padding:1px 5px 0px 7px;margin-right:5px;} #alerta article h2 {color:#9c2829;padding:0 10px 0 10px;} #alerta article a h2:hover {color:#b94849;} #alerta article a h2 i {font-family:'TheSansSemi', 'Arial';} /*preferencias cabezal- desplegable de notas*/ .notas-preferencias {display:none;width:334px;padding-top:9px;border-bottom:1px solid #dadada;} .notas-preferencias .pico {display:block;width:11px;height:12px;position:absolute;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') -266px -128px no-repeat;margin-left:35px;margin-top:-5px;left:160px;} .notas-preferencias > a, .desplegableCargando, .notas-preferencias .vacio {border:1px solid #dadada;background:#fff;text-align:left;display:block;padding:14px 14px 14px 32px;border-bottom:0;} .notas-preferencias > a {position:relative;} .notas-preferencias .icon-check-mark, .lista .nota .icon-check-mark {position:absolute;left:9px;top:17px;width:14px;height:14px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;background:#4AB1DD;text-align:center;} .notas-preferencias .icon-check-mark:before, .lista .nota .icon-check-mark:before {color:#4AB1DD;font-size:10px;} .notas-preferencias .leida .icon-check-mark, .lista .nota.leida .icon-check-mark {background-color:#E9E9E9;width:15px;height:15px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} .notas-preferencias .leida .icon-check-mark:before, .lista .nota.leida .icon-check-mark:before {color:#717171;font-size:10px;} .desplegableCargando, .notas-preferencias .vacio {text-align:center;position:relative;padding:14px;} .notas-preferencias a.leida {background:url('/v1/ln/imgs/layout/fondos/leido.png') no-repeat 10px 17px #fff;background-size: 16px 15px;} .notas-preferencias a .topico, .notas-preferencias a .firma {font:normal 12px/20px 'Arial';color:#888;} .notas-preferencias a .titulo {font:normal 14px/20px 'Arial';} .notas-preferencias a .firma {display:none;} .notas-preferencias a.conAutor .firma {margin-top: 4px;display:block;color:#333;} .notas-preferencias .ver-mas {display:block;padding:12px 2px 5px 5px;background:#fff;border:1px solid #dadada;border-bottom:0;} .notas-preferencias .ver-mas .configurar {float:left;} .notas-preferencias .ver-mas .todo {float:left;border-left:1px solid #ccc;padding-left:10px;margin-left:10px;} .notas-preferencias .icon-cerrar {background:none;font-size:24px;line-height:12px;float:right;position:relative;top:-10px;color:#666666;} .notas-preferencias .icon-cerrar:hover {color:#0080b0;} /*************** modales *****************/ .pantalla-completa {z-index: 100000; width: 100%; height: 100%; position: fixed; top: 0; left: 0;margin:0!important;padding:0!important;background:rgba(0, 0, 0, 0.6);} .pantalla-completa.enviarAmigo {z-index: 9999;width: 100%;height: 100%;position: fixed;top: 0;left: 0;margin: 0!important;padding: 0!important;background: rgba(0, 0, 0, 0.6);} .pantalla-completa.login-boot .contenedor-modal, .pantalla-completa.pronostico .contenedor-modal, .pantalla-completa.enviarAmigo .contenedor-modal, .pantalla-completa.personalizacion .contenedor-modal, .pantalla-completa.perfil-humor .contenedor-modal, .pantalla-completa.login .contenedor-modal, .pantalla-completa.encuesta .contenedor-modal, .pantalla-completa.dolar .contenedor-modal {clear:both;border:none;width:500px;height:450px;display:block;margin:-225px auto 0;position:relative;top:47%;} .pantalla-completa.login .contenedor-modal {width:760px;} .pantalla-completa.login-boot iframe {width: 500px;height: 450px;display: block;} .pantalla-completa.login-boot .herramientas {position:absolute;left:466px;top:0px;} .pantalla-completa.login .herramientas {position:absolute;right:0;top:7px;z-index:10;} .pantalla-completa.pronostico iframe {width:380px;height:180px;top:47%;} .pantalla-completa.pronostico .herramientas {position:absolute;left:354px;top:6px;} .pantalla-completa.enviarAmigo iframe {width:434px;height:525px;display:block;} .pantalla-completa.enviarAmigo .herramientas {position:absolute !important;left:390px !important;top:0px !important;} .pantalla-completa.perfil-humor iframe {width:550px;height:480px;top:47%;} .pantalla-completa.perfil-humor .herramientas {position:absolute;left:503px;top:6px;} .pantalla-completa.encuesta iframe {width:590px;min-height:480px;top:47%;overflow:scroll; overflow-x:hidden;} .pantalla-completa.encuesta .herramientas {position:absolute;left:558px;top:6px;} .pantalla-completa.dolar iframe {width:520px;min-height:480px;top:47%;overflow:scroll; overflow-x:hidden;} .pantalla-completa.dolar .herramientas {position:absolute;left:495px;top:6px;} .pantalla-completa.login-boot .icon-cerrar, .pantalla-completa.pronostico .icon-cerrar, .pantalla-completa.enviarAmigo .icon-cerrar, .pantalla-completa.personalizacion .icon-cerrar, .pantalla-completa.perfil-humor .icon-cerrar, .pantalla-completa.encuesta .icon-cerrar, .pantalla-completa.dolar .icon-cerrar {background:none;font-size:24px !important;color:#000;} .pantalla-completa.login-boot .icon-cerrar:hover, .pantalla-completa.pronostico .icon-cerrar:hover, .pantalla-completa.enviarAmigo .icon-cerrar:hover, .pantalla-completa.perfil-humor .icon-cerrar:hover, .pantalla-completa.encuesta .icon-cerrar:hover, .pantalla-completa.dolar .icon-cerrar:hover {color: #0080b0;} /*galeria*/ .pantalla-completa.galeria {width: 100%!important; height: 100%!important; position: fixed!important; top: 0; left: 0;margin:0!important;padding:0!important;background:none;} .pantalla-completa.galeria .contenedor-modal {z-index: 9999;width: 100%;height: 100%;} .pantalla-completa.galeria .contenedor-modal > .herramientas {position:relative;} .pantalla-completa.galeria .contenedor-modal > .herramientas {position:absolute;top:3px;right:5px;padding-top:0;width:auto;} .pantalla-completa.galeria .contenedor-modal > .herramientas .icon-cerrar {font-family: 'TheSans', 'Arial';font-size:44px;width:44px;height:44px;display: inline-block;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;border: 1px solid #A7A7A7;cursor:pointer;text-align:center;background:#fff;transition: border 0.1s 0.1s ease-in;-o-transition: border 0.1s 0.1s ease-in;-ms-transition: border 0.1s 0.1s ease-in;-moz-transition: border 0.1s 0.1s ease-in;-webkit-transition: border 0.1s 0.1s ease-in;} .pantalla-completa.galeria .contenedor-modal > .herramientas .icon-cerrar:before {color: #A7A7A7;transition: color 0.1s 0.1s ease-in;-o-transition: color 0.1s 0.1s ease-in;-ms-transition: color 0.1s 0.1s ease-in;-moz-transition: color 0.1s 0.1s ease-in;-webkit-transition: color 0.1s 0.1s ease-in;} .pantalla-completa.galeria .contenedor-modal > .herramientas .icon-cerrar:hover, .pantalla-completa.galeria .contenedor-modal > .herramientas .icon-cerrar:hover:before {color: #2D9FCA;border-color: #2D9FCA;transition: border 0.1s 0.1s ease-in, color 0.1s 0.1s ease-in;-o-transition: border 0.1s 0.1s ease-in, color 0.1s 0.1s ease-in;-ms-transition: border 0.1s 0.1s ease-in, color 0.1s 0.1s ease-in;-moz-transition: border 0.1s 0.1s ease-in, color 0.1s 0.1s ease-in;-webkit-transition: border 0.1s 0.1s ease-in, color 0.1s 0.1s ease-in;} .pantalla-completa.galeria iframe {z-index: 9999;width: 100%!important;height: 100%!important;} /* cajitas tags */ .tag-relacionado {display:inline-block;padding-left:15px;margin:10px 10px 0 0;background:#00B894;height:28px;overflow:hidden;} .tag-relacionado a {font:normal 11px/11px 'Arial';text-transform:uppercase;position:relative;top:-4px;color:#fff;margin-right:0;} .tag-relacionado a:hover {opacity:0.8;} .tag-relacionado button {margin-left:15px;display:inline-block;background:#f3f3f3;color:#00B894;font-size:19px;padding:4px 2px 3px;} .tag-relacionado button:hover {background:#EBEBEB;} /*********** Modal personalizacion *************/ .pantalla-completa.personalizacion .contenedor-modal {width:650px;background-color:#FFF;height:auto;padding:20px;max-height:550px;overflow:scroll;overflow-x: hidden;} .pantalla-completa.personalizacion .contenedor-modal .icon-cerrar {position:absolute;right:0;top:0;z-index:100;} .pantalla-completa.personalizacion .contenedor-modal .titulo {font:normal 16px 'suecaslabmedium', 'Arial';color:#0084B4;padding-top:10px;padding-bottom:10px;} .pantalla-completa.personalizacion .contenedor-modal .verNotas {text-align:right;} .pantalla-completa.personalizacion .contenedor-modal .verNotas div {float:right;margin-right:10px;} .pantalla-completa.personalizacion .contenedor-modal .ver {float:right;padding-right:10px;padding-top:2px;} .pantalla-completa.personalizacion .contenedor-modal label {color:#305F86} #respuestaBomba {z-index:5000;top:0px;position:absolute;} #respuestaBomba p {padding:38px 12px 12px 6px;color:#222;font:normal 11px/16px 'Arial', 'Sans-Serif';margin-bottom:10px;text-align:center;background: #F3F3F3 url('/v1/ln/imgs/layout/fondos/sobre-mensaje.png') no-repeat center 8px; width:268px; position:absolute; top:0;} #respuestaBomba p b {color:#21a1e2;font:bold 14px/19px 'Arial', 'Sans-Serif';clear:both;display:block;margin-bottom:2px;} #respuestaBomba p span {font:bold 12px/16px 'Arial', 'Sans-Serif'!important;clear:both;display:block;margin-top:2px!important;} .cajaSuscripcion #respuesta {background:#f3f3f3;position:absolute;top:0;z-index:5000;} .cajaSuscripcion #respuesta p {padding:16px 12px 12px 12px;color:#222;font:normal 11px/16px 'Arial', 'Sans-Serif';text-align:center;} .cajaSuscripcion #respuesta p b {color:#21a1e2;font:bold 14px/19px 'Arial', 'Sans-Serif';clear:both;display:block;margin-bottom:8px;} .cajaSuscripcion #respuesta p span.top {margin-top:3px;margin-bottom:7px;color:#21a1e2;} .cajaSuscripcion .usuario {font-weight:bold;color:#333;overflow:hidden;max-width:190px;} /* JW PLAYER */ .jw-controlbar-left-group, .jw-controlbar-right-group, .jw-controlbar-center-group {background-color: #2f3235!important;opacity:0.9!important} .jw-background-color, .jw-tooltip-title,.jw-playlist, .jw-playlist-container .jw-option {background:#2f3235!important;} .jw-progress {background: #0084B5!important;} .jw-rail {background:#2A3C4C!important} .jw-active-option {color:#2D9FCA!important;background-color:transparent!important;} .jw-controls .jw-controls-right, .jw-overlay {left: 0!important;right:initial!important;} .jw-skin-roundster .jw-controlbar {border-radius: 0.3em!important;background-color:#2f3235!important;} /********************* tablet y desktop *********************/ @media screen and (min-width: 760px){ #banner-app, #banner-app-entretiempos, #banner-app-pm, #banner-app-jjoo {display:none!important;} } /********************* desktop *********************/ @media screen and (min-width: 1000px) { .wapp {display:none!important;} /*CON MEGALATERAL*/ .con-megalateral .megalateral #eplAdDivmegaLateral {position: fixed;width: 260px;height: 800px;z-index:2;} /*banners laterales*/ #header .banners {position:relative;margin: auto;width: 960px;} #header .banners center {text-align:center;display:none;} .con-top #header {height: 242px;} .con-top #header .banners center {display:block;} .con-top #header .banners center > * {line-height:0;} #header .lateral-izq {position: absolute;left: -180px;top: 0;z-index: 9000!important;*width: 180px!important;height: 600px;} #header .lateral-der {position:absolute;right:-180px;top:0; margin-right: -1px; z-index:9100!important;*width:180px!important;height:600px;} #header .lateral-izq > *, #header .lateral-der > * {width:160px;height: 600px;} .con-megalateral #header .lateral-izq, .con-megalateral #header .lateral-der, .con-megalateral #header .banners center {display:none!important;} .notas-preferencias.over {display:block!important;z-index:201;position:absolute;top:68px;left:645px;right:auto;} } /****************** celulares y tabletas ***************/ @media screen and (min-width: 100px) and (max-width: 999px){ /* Techos Subcategorias */ h1.techo-tipo {font-size:30px;padding:5px 0 5px 10px;line-height: 25px;} h1.techo-tipo.m {font-size:25px;padding:0 0 5px 10px;line-height:25px;} h2.techo-tipo {font-size:20px;line-height:35px;} .canales .techo-acu .seguir {margin-top:5px;} div .descrip-lnMAs{display:inline-block;font-size: 12px;padding: 3px 0;font-family: 'suecaslabmedium';color:#335577;margin-right: 15px} #troncal-movil .desplegable .primero.caja-lnmas {border: 1px solid #dadada;padding: 15px 0;margin: 0 4%;border-left:0;border-right:0;} .primero.inicio + .floatFix + .floatFix {border-bottom: 0 !important} .primero.inicio + .floatFix {border-bottom: 1px solid #dadada !important} } /***************** tablet *******************/ @media screen and (min-width: 760px) and (max-width: 999px) { .wapp {display:none!important;} #eplAdDivtop {line-height:0;} #header .banners .lateral-der, #header .banners .lateral-izq {display:none;} nav.principal {font:normal 12px 'suecaslabmedium', 'Arial';width:100% !important;margin-top: 17px;} nav.principal b {width:9px;} nav.principal .link-actualidad {font-size:12px;width:109px;} nav.principal span:hover .link-actualidad {width:108px;} nav.principal .club {background:none;background-color:#f2f2f2;padding:7px 10px 7px 7px;position:absolute;right:10px;top:113px;} nav.principal .lnMas {padding: 4px 10px 7px;} .desplegable.actualidad {width:96%;padding:10px;} .desplegable.actualidad .ultimas {width:110px;font-size:16px;line-height:20px;} .desplegable.actualidad .ultimas > a {padding-bottom:20px;} .desplegable.actualidad .secciones a {width:100px;margin-right:20px;} .desplegable.actualidad .secciones {width:390px;padding-right:0;} .desplegable.actualidad > div {width:110px;} .desplegable.servicios a {width:190px;} .desplegable .pico {margin-left:55px;} .buscador {width:100%;} .temas-hoy {max-width:560px;} .cabezal.home .temas-hoy {max-width:560px;border-right: 10px solid #EBEBEB;} nav.temas .dolar-hoy {display:none;} .temas-hoy > h3 a {white-space:nowrap;} .notas-preferencias.over {display:block!important;z-index:201;position:absolute;top:68px;right:5px;left:auto;} } /****************** celulares ***************/ @media screen and (min-width: 100px) and (max-width: 759px) { .menu-abierto header{height: 100% !important;overflow-y: scroll } header#header {transition: top 0.15s ease-in-out;position: fixed !important;z-index: 99999} header#header.nav-down, .menu-abierto header#header.nav-up {top: 0px !important;} header#header.nav-down {-webkit-box-shadow: 0 8px 6px -6px #e2e2e2;-moz-box-shadow: 0 8px 6px -6px #e2e2e2;box-shadow: 0 8px 6px -6px #e2e2e2;} /* menu-abierto */ .menu-abierto .cabezal.interna .login, .menu-abierto .cabezal.home .login, .menu-abierto .cabezal.interna .login {position: fixed;} .menu-abierto .cabezal #boton-menu.icon-cerrar {position: fixed !important;z-index: 9999 !important} .menu-abierto .cabezal .logo {position: fixed;z-index: 9998} .menu-abierto .cabezal:before {background-color: #fff;position: fixed;z-index: 1999;content: '';display: inline-block;height: 48px;width: 100%;top: 0;/*border-bottom: 1px solid #eee;*/left: 0} .menu-abierto .cabezal .login {position: absolute;top: 0;right: 14px;z-index: 99999;} #cajaUsuario, .cabezal.interna .login {z-index: 999999;right: 8px;top: 0} #cajaUsuario {position: absolute} .cabezal.interna .login, .cabezal.interna #cajaUsuario {position: relative;} .menu-abierto .cabezal.home .logo {left: 38px} .menu-abierto .cabezal.home #boton-menu.icon-cerrar {top: 5px} .menu-abierto #cajaUsuario {position: fixed;} .clubMenu {text-transform: initial} .desplegable.actualidad {opacity: 1} .middle {display:none;} #header {margin-bottom: 0;position:static!important;} #header .banners > * {display:none;} aside.banner {text-align: center;} main .banner.expandable {margin: 0 auto 10px!important;padding:0!important;} /*desplegable secciones*/ #troncal-movil {height:1px;position:absolute;width:100%;z-index: 999; top: 17px;left:0px;pointer-events: none;display: none} #troncal-movil .desplegable {width:100%;font:normal 16px Arial,sans-serif;background:#ffffff;clear:both;z-index:1000;position:absolute;top:31px;text-align:left;opacity: 1;pointer-events: auto} #troncal-movil .desplegable .columnaUno, #troncal-movil .desplegable .columnaDos {float:left;margin: 5px 0;width: 50%; font-family:'suecaslabmedium';text-transform: uppercase;font-size:12px; } #troncal-movil .desplegable .columnaUno a, #troncal-movil .desplegable .columnaDos a, #troncal-movil .desplegable .servicios .columnaUno a, #troncal-movil .desplegable .servicios .ColumnaDos a {text-decoration:none;color:#335577;padding:8px 0;display:block;} #troncal-movil .desplegable .servicios .columnaUno {border-right:0;} #troncal-movil .desplegable .servicios {border-top:1px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;padding-top:7px;} #troncal-movil .desplegable .ver-mas {border-top:1px solid #D3D3D3;clear:both;width:93%;margin:auto;text-align:right;padding:10px 0 10px 10px!important;font:bold 14px Arial,sans-serif;color:#32A9D3;padding:10px 0 3px 10px;} #troncal-movil .desplegable .accesoCarteleras {clear:both;} #troncal-movil .desplegable .accesoCarteleras a, .desplegable .accesoCarteleras .tit {float:left;} #troncal-movil .desplegable .accesoCarteleras .sep {color:#D3D3D3;margin:0 10px;float:left;} #troncal-movil .desplegable .accesoCarteleras .tit {color:#333;margin-right:8px;font-weight: normal;} #troncal-movil .desplegable .titulo {margin: 0 2%;padding-top: 10px;} #troncal-movil .desplegable .tit {display:block;padding: 8px 0;font-family:'suecaslabmedium';color:#0084B6; font-size:12px; text-transform: uppercase;} #troncal-movil .desplegable > *:nth-child(odd) {clear:both;border:0;padding:9px 0;position: relative;top: 0;margin: 0 4%} #troncal-movil .desplegable > *:nth-child(even), #troncal-movil .desplegable .solo {display:block;padding: 9px 0;margin: 0 4%;border-bottom: 1px solid #dadada;background:#fff;font-family:'suecaslabmedium';text-transform: uppercase; font-size:12px;width: 92%;margin: 0 auto} #troncal-movil .desplegable .primero {padding:5px 0;border-bottom: 1px solid #dadada} #troncal-movil .accesoCarteleras .tit {margin:0 2% 3px 0;} .buzon-vacio {width:24px;height:24px;border-radius:24px;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -232px -156px;} /*temas*/ #topico-movil h3 {display:inline-block;padding:8px 15px 8px 0;} #topico-movil .temas {font-family:'suecaslabmedium'; font-size:12px; display:inline-block; margin: 7px 10px 3px 0; width:100%;} #topico-movil .temas a {color:#0084B6;} #topico-movil .caja-temas {background: #f6f5f5;} #topico-movil .caja-temas h3 {text-transform: uppercase; font-size:12px;} /*LA NACION MAS*/ .caja-lnmas svg{vertical-align:bottom;} div .descrip-lnMAs:hover{cursor:pointer;} /* Buscador */ #header {border-bottom:0px;-webkit-box-shadow:none;box-shadow:none;} .buscador {width: auto;background-color:transparent;} .buscador.expandido {width: 100%;border:none;} section.buscador {display: block;position: absolute;top: 65px;left: 0px;height: 35px;width: 92%;margin: 0 auto !important;right: 0} .buscador .icon-cerrar {display:none;} .buscador div {width: auto;background: #fff;height:50px;border:none;} .buscador .form-buscador {width: auto;float:left;font-size:13px;padding-top: 8px;padding-left: 10px;padding-top: 10px} .buscador .boton-buscar {display:none;} .buscador .icon-buscar {padding: 8px 8px 8px 10px;float: right;background-color: #0084b5;color: #fff;} /*footer*/ #footer {padding:0;} #footer .top, #footer .bottom { width: 100%; clear:both; } #footer .bottom {padding: 10px!important;} #footer .redes-sociales { float: right; margin: 0px; } #footer .la-nacion, #footer .otros-sitios {display:none; } #footer .link-copyright {margin-top:10px; } #footer .link-gda {padding-left:0px; margin:10px 0px;} #footer .link-bbc {margin: 10px 0px 0px 0px; float: right;} #banner-app {display:block;} /* Modales*/ .pantalla-completa.login-boot iframe {width:auto;} .pantalla-completa.login-boot .contenedor-modal, .pantalla-completa.pronostico .contenedor-modal, .pantalla-completa.enviarAmigo .contenedor-modal, .pantalla-completa.personalizacion .contenedor-modal, .pantalla-completa.perfil-humor .contenedor-modal, .pantalla-completa.login .contenedor-modal, .pantalla-completa.encuesta .contenedor-modal {width: 320px;min-height:300px;margin: 10px auto 0;top:0;} .pantalla-completa.pronostico .icon-cerrar, .pantalla-completa.enviarAmigo .icon-cerrar, .pantalla-completa.personalizacion .icon-cerrar, .pantalla-completa.perfil-humor .icon-cerrar, .pantalla-completa.encuesta .icon-cerrar {left:-15px;position:absolute;} .pantalla-completa.login-boot .icon-cerrar {left:-15px;position:absolute;top:-5px;} .pantalla-completa iframe {width: 320px!important;display: block;} .pantalla-completa.login iframe {width:auto!important;} #login-signwall.login-poswall {width:320px!important;} .pantalla-completa:not(.video) .herramientas {left: 290px!important;top: 0!important;} /*botones seguir*/ .tema-del-dia .seguir.izquierda.f-btnSeguir {margin-left: 15px;margin-top: 9px;} #troncal-movil .desplegable section.buscador {border: 1px solid #dadada; padding: 0px;top: 10px;margin-bottom: 15px !important} .desplegable .buscador .icon-buscar {background-color: #fff;color: #0084b5} /*galeria humor*/ .pantalla-completa.galeria.humor .contenedor-modal > .herramientas {left:auto!important;right: 5px;} .pantalla-completa.galeria.humor .contenedor-modal > .herramientas .icon-cerrar {font-size:30px!important;width:30px!important;height:30px!important;} }/********************* estilos generales *********************/ #header {height: 48px;width: 100%;background: #fff;border-bottom: 1px solid #e1e1e1;border-top: 0;-webkit-box-shadow: 0 1px 1px 0px #f0f0f0;-moz-box-shadow: 0 1px 1px 0px #f0f0f0;box-shadow: 0 1px 1px 0px #f0f0f0;position: fixed;top: 0;z-index: 20000;} main {margin: 60px auto 0;} #troncal-movil {display: none;} /*cabezal*/ .menu-secciones a:hover {text-decoration: none;} .menu-secciones nav.principal {margin-top: 8px;width: 940px;} .menu-secciones nav.temas {margin: 8px 0 8px 0;} .menu-secciones {background: #fff;position: absolute;top: 49px;width: 100%;z-index: 20000;height: 0} .menu-secciones nav.principal b {top: 10px !important;float: right} .menu-secciones nav.principal .club {padding-bottom: 6px;} .menu-secciones .desplegable.actualidad {top: 38px;} .menu-secciones .temas-hoy>h3 a:hover {background: #efefef;} .menu-secciones nav.principal .icon-flecha-abajo {top: 0;} .cabezal.interna .notas-preferencias.over {position: absolute;top: 35px;left: auto;right: 55px;} /*cabezal nota*/ .logoprint {display: none;} .cabezal.interna {height: 48px;background: #fff;margin: auto;} .cabezal.interna .icon-menu-mobile {background: #ffffff;color: #A3A3A3;cursor: pointer;float: left;display: block;margin-top: 9px;font-size: 21px;padding: 5px 4px 5px 0;transition: all 0s ease-in;-o-transition: all 0s ease-in;-ms-transition: all 0s ease-in;-moz-transition: all 0s ease-in;-webkit-transition: all 0s ease-in;} .cabezal.interna .btn-secciones {cursor: pointer;float: left;display: block;} .cabezal.interna .btn-secciones span {float: left;margin-top: 16px;color: #666;margin-right: 18px;} .cabezal.interna .btn-secciones:hover span {color: #333;} .cabezal.interna #usuario {padding: 13px 9px 0 9px;float: left;} .cabezal.interna #usuario a {display: inline-block;max-width: 78px;height: 19px;overflow: hidden;min-width: 50px;text-align: left;} .cabezal.interna #usuario a:not(:hover) {color: #4d7697;} .cabezal.interna .usuario .notas-siguiendo {display: block;height: 48px;float: left;cursor: pointer;width: 112px;} .cabezal.interna .usuario .notas-siguiendo .referencia {max-width: 102px;font: normal 12px/15px 'Arial';color: #335577;float: left;margin-left: 5px;padding: 10px 9px 0 0px;text-align: left;} .cabezal.interna .usuario .notas-siguiendo .icono {display: none;} .cabezal.interna .usuario .notas-siguiendo .cantidad {display: none;} .cabezal.interna .usuario .notas-siguiendo .cantidad span {font-size: 16px;margin-right: -3px;} .cabezal.interna .usuario .loginLogout {float: left;} .cabezal.interna span.icon-linea-share-horizontal {font-size: 35px;vertical-align: middle;margin-left: -22px;color: #8D8D8D;width: 10px;display: inline-block;} .cabezal.interna .login span.icon-linea-share-horizontal:before {position: relative;top: 6px;left: -11px;} .cabezal.interna .usuario {float: left;text-align: right;padding: 0 8px 0 12px;display: inline-block;line-height: 21px;font: normal 13px/21px 'Arial';} .cabezal.interna .salir {float: left;text-align: left;border-left: 1px solid #dadada;margin-top: 14px;font: normal 13px/21px 'Arial';padding-left: 9px;} .cabezal.interna .salir a:not(:hover) {color: #4d7697;} .cabezal.interna .login {float: right;} a.cantidad:hover,a.icono:hover {text-decoration: none;} a.cantidad span {font-size: 13px;vertical-align: top;} .cabezal.interna .logo {display: block;text-decoration: none;width: 101px;height: 14px;margin: 18px 0 0 5px;background-size: 324px!important;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -50px -74px; transition: all 0.1s 0.1s ease-in;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;} .cabezal.interna .encabezado h2,.cabezal.interna .encabezado h1 {float: left;font: normal 17px/25px suecaslabmedium, georgia;overflow: hidden;display: inline-block;width: auto;height: 25px;max-width: 385px;} .cabezal.interna .encabezado h1 {color: #222;} .cabezal.interna .encabezado h2 a {color: #306088;} .cabezal.interna .tema.content-labs-cabezal h2 a,.cabezal.interna .tema.content-labs-cabezal h1 a,.cabezal.interna .tema.content-labs-cabezal h1 {text-transform: uppercase;color: #00aeef;} .cabezal.interna .encabezado h2 a:hover,.cabezal.interna .encabezado h1 a:hover {text-decoration: none;color: #0080b0;} .cabezal.interna .tema {margin-left: 12px;border-left: 1px solid #dadada;width: auto;float: left;padding-left: 6px;margin-top: 12px;} .cabezal.interna .tema .seguir {float: left;margin: 2px 10px 0 20px;} .cabezal.interna .herramientas {margin-top: 7px;float: right;} .cabezal.interna .herramientas button {width: 26px;height: 26px;font: normal 13px 'Arial';line-height: 10px;margin-top: 2px;} .cabezal.interna .herramientas button.icon-menos,.cabezal.interna .herramientas button.icon-mas {margin-right: 10px;} .cabezal.interna .herramientas .mas button {background: #ffffff;color: #0084B6;font-size: 21px;border: none;} .cabezal.interna .auspicio>div:not(:empty) {width: 135px;height: 30px;float: left;margin: 9px 0 0 20px;overflow: hidden;} .cabezal.interna .auspicio>div:empty {display: none;} .usuario+.salir {margin-top: 20px;} .cabezal.interna .logueado .usuario .notas-siguiendo img.cantidad {background: none;} .cabezal.interna .logueado .usuario .notas-siguiendo .cantidad {display: block;width: 34px;height: 34px;border-radius: 34px;background-color: #00b793;font: normal 16px/34px suecaslabbold, georgia;color: #ffffff;margin: 7px 2px 7px 7px;float: left;text-align: center;} /* Menu nuevo */ .desplegable-abierto.canales nav.principal {height: 0} .canales .cabezal-canales button {transition: all 0s ease-in;-o-transition: all 0s ease-in;-ms-transition: all 0s ease-in;-moz-transition: all 0s ease-in;-webkit-transition: all 0s ease-in;} .desplegable-abierto.canales .cabezal-canales #boton-menu.icon-cerrar {margin: 0;position: relative;margin-right: -9px;z-index:10} .nuevo-menu-canales {display: inline-block;background: #fff;border: 1px solid #dadada;padding: 10px 10px 0 10px;margin-top: -3px;} .nuevo-menu-canales .desplegable {opacity: 1;pointer-events: auto;z-index: 9999;position: relative;border: 0;} .nuevo-menu-canales .desplegable.actualidad {top: 0;width: 908px;padding-top: 0} .desplegable-abierto .nuevo-menu-canales,.canales.desplegable-abierto .nuevo-menu-canales {margin-top: -3px} .nuevo-menu-canales .desplegable.actualidad .data {text-align: left;} .nuevo-menu-canales .col2 {width: 130px !important;display: inline-block;} .nuevo-menu-canales span a {display: block;text-transform: uppercase;font-weight: 600;font-size: 13px !important;} .nuevo-menu-canales .buscador {position: relative;bottom: 0;border-bottom: none;height: 36px;width: auto} .nuevo-menu-canales .buscador .form-buscador {text-indent: 13px;} .nuevo-menu-canales .buscador div {border-bottom: 1px solid #dadada} .nuevo-menu-canales .buscador .boton-buscar {padding: 8px 13px 5px;transition: background 0.2s;-o-transition: background 0.2s;-ms-transition: background 0.2s;-moz-transition: background 0.2s;-webkit-transition: background 0.2s;} .nuevo-menu-canales .buscador .boton-buscar:hover {background: #4AB1DD;transition: background 0.2s;-o-transition: background 0.2s;-ms-transition: background 0.2s;-moz-transition: background 0.2s;-webkit-transition: background 0.2s;} nav.principal .nuevo-menu-canales span {margin-bottom: 5px;display: block;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal .nuevo-menu-canales .estadisticas span {display: inline-block;margin-bottom: 0} nav.principal .nuevo-menu-canales .estadisticas span:first-child {margin-top: -7px;vertical-align: middle;height: 15px;margin-right: 3px;} nav.principal .nuevo-menu-canales span a {padding: 3px 4px;margin-left: -4px;margin-bottom: -3px;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal .nuevo-menu-canales span a:hover {border-bottom: 1px solid #fff;transition: background 0.2s, color 0.2s;-o-transition: background 0.2s, color 0.2s;-ms-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;} nav.principal .nuevo-menu-canales a {padding: 3px 0 0;margin-bottom: 3px;display: table;font-size: 13px;color: #305f85;border-bottom: 1px solid #fff;} nav.principal .nuevo-menu-canales a:hover {color: #006699;border-bottom: 1px solid #006699;transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;} .otro-menu-canales {display: none} .nuevo-menu-canales .desplegable .menu-bajo {border-top: 1px solid #dadada;clear: both;width: 900px;padding: 10px 0 0;margin: 0 10px} nav.principal .nuevo-menu-canales .menu-bajo .lnMas {background: #fff;border: 0;border-bottom: 1px solid #fff;padding: 4px 0px 8px;margin-top: 0;display: inline-block;float: left;padding: 3px 0 0;margin-bottom: 3px;} nav.principal .nuevo-menu-canales .menu-bajo .lnMas:hover {border-bottom: 1px solid #006699;} nav.principal .nuevo-menu-canales .menu-bajo .clubLN,nav.principal .nuevo-menu-canales .menu-bajo .impresa,nav.principal .nuevo-menu-canales .menu-bajo .servicios {display: inline-block;float: right;margin-top: 5px;} nav.principal .nuevo-menu-canales .menu-bajo .clubLN:before {content: '';width: 16px;height: 11px;background-color: #005494;display: inline-block;border: 1px solid #548db8;margin-top: 2px;float: left;margin-right: 7px;border-radius: 2px;} nav.principal .nuevo-menu-canales .lnMas svg {margin-right: 10px} .desplegable-abierto .menu-secciones nav.temas,.menu-secciones nav.temas {z-index: -1} .actualidad-color a {color: #0080b0 !important} .negocios-color a {color: #D65142 !important} .deportes-color a {color: #008c50 !important} .vida-y-ocio-color a {color: #00ACB1 !important} .ideas-color a {color: #849944 !important} .espectaculos-color a {color: #E32F68 !important} .actualidad-color a:hover,.negocios-color a:hover,.deportes-color a:hover,.vida-y-ocio-color a:hover,.ideas-color a:hover,.espectaculos-color a:hover {color: #fff !important} /* breadcrumbs logos cabezal */ .cabezal.interna .logo-canal {border-right: 1px solid #dedede;display: block;margin-right: 10px;float: left;} .cabezal.interna .logo-canal span {background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat;display: block;} .cabezal.interna .breadcrumbs-espectaculos span {background-position: 3px -119px;width: 144px;height: 26px;background-size: 131px;} .cabezal.interna .breadcrumbs-deportes span {background-position: -76px -221px;width: 106px;height: 26px;background-size: 171px;margin-top: 2px;} .cabezal.interna .breadcrumbs-vidayocio span {background-position: 6px -107px;width: 123px;height: 26px;background-size: 144px;} .cabezal.interna .breadcrumbs-negocios span {background-position: 4px -316px;width: 93px;height: 27px;background-size: 144px;margin-right: 10px;margin-top: -2px;} .cabezal.interna .breadcrumbs-ideas span {background-position: -85px -307px;width: 63px;height: 27px;background-size: 140px;margin-left: 3px;} /* SEMI y BOMBA EN INTERNAS */ #ultimoMomentoResponsive {padding: 10px 0px;clear: both;margin-left: 20px;height: 150px;} #ultimoMomentoResponsive .bombaInterna {float: none;} #ultimoMomentoResponsive article {padding: 10px 12px;background: #F3F3F3;position: relative;border: 1px solid #dadada;} #ultimoMomentoResponsive article .foto,#ultimoMomentoResponsive article .topico,#ultimoMomentoResponsive article.conTopico .topico {display: none;} #ultimoMomentoResponsive article h2 {display: inline;font: normal 20px/22px 'TheSansBold', 'Arial';} #ultimoMomentoResponsive article .titulo:hover {text-decoration: none!important;color: #2b90b7;} #ultimoMomentoResponsive article span {color: #990000;font: normal 18px/22px 'TheSansSemi', 'Arial';} /* BOMBA */ #ultimoMomentoResponsive article.conFoto {padding: 20px;background: #F3F3F3;position: relative;border: 1px solid #dadada;margin-bottom: 10px;margin-left: 0px;width: 100%;} #ultimoMomentoResponsive article.conFoto span {color: #990000;display: block;margin-bottom: 5px;text-decoration: none;font: 22px/26px 'TheSansBold', 'Arial';} #ultimoMomentoResponsive article.conFoto .titulo {display: block;max-height: 63px;overflow: hidden;padding-right: 10px;} #ultimoMomentoResponsive article.conFoto .titulo:hover span:hover {text-decoration: none!important;} #ultimoMomentoResponsive article.conFoto .titulo h2 {font: 26px/31px 'TheSansBold', 'Arial';} #ultimoMomentoResponsive article.conFoto.conTopico span {margin-top: 18px;} #ultimoMomentoResponsive article.conFoto.conTopico .topico {display: block;max-width: 324px;height: 15px;overflow: hidden;padding: 5px 8px;position: absolute;top: 0px;left: 0px;background: #990000;font: normal 14px/17px 'Arial', 'Sans-Serif';color: #fff!important;} #ultimoMomentoResponsive article.conFoto.conTopico .topico:hover {text-decoration: none!important;} #ultimoMomentoResponsive article.conFoto {padding: 0px;} #ultimoMomentoResponsive article.conFoto .foto {display: block;width: 340px;height: 124px;background: #ccc;float: left;margin-right: 13px;overflow: hidden;border-right: solid 1px #dadada;} #ultimoMomentoResponsive article.conFoto .foto img {width: 340px;} #ultimoMomentoResponsive article.conFoto span {margin: 15px 0 5px 0px;} #ultimoMomentoResponsive article.conFoto .titulo {margin-left: 0px;} /* SEMI y BOMBA EN INTERNAS SUSCRIPCION */ #ultimoMomentoResponsive.suscripcion article h2 {font: normal 20px/25px 'TheSansBold', 'Arial';} #ultimoMomentoResponsive.suscripcion article #tituloBomba {color: #990000;font: normal 18px/22px 'TheSansSemi', 'Arial';display: inline;} #ultimoMomentoResponsive.suscripcion article .contenedorUltimoMomento {width: 630px;float: left;max-height: 51px;padding-top: 5px;overflow: hidden;} #ultimoMomentoResponsive.suscripcion article .texto {margin-top: 4px;} #ultimoMomentoResponsive.suscripcion article .cajaSuscripcion {width: 290px;padding-left: 12px;margin: 8px 0;border-left: 1px solid #dadada;float: right;} #ultimoMomentoResponsive.suscripcion article .boton {width: 85px;height: 24px;margin: auto;display: block;background: #4ab8e5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font: normal 12px/16px 'Arial', 'Sans-Serif';color: #fff;padding: 0 8px;border-style: none;margin: 8px 7px 0 0;cursor: pointer;float: right;} #ultimoMomentoResponsive.suscripcion article input.mail {margin-top: 8px;width: 160px;color: #666;padding: 3px 5px;border: 1px solid #d7d7d7;} #ultimoMomentoResponsive.suscripcion article.conFoto .foto {width: 280px;} #ultimoMomentoResponsive.suscripcion article.conFoto #tituloBomba {color: #990000;margin-bottom: 5px;text-decoration: none;font: 21px/24px 'suecaslabbold', 'Arial'} #ultimoMomentoResponsive.suscripcion article.conFoto .contenedorUltimoMomento {width: 345px;float: left;max-height: 100px;overflow: hidden;} #ultimoMomentoResponsive.suscripcion article.conFoto .titulo {max-height: 88px;overflow: hidden;padding-top: 15px;} #ultimoMomentoResponsive.suscripcion article.conFoto .titulo h2 {font: 22px/27px 'TheSansBold', 'Arial';} #ultimoMomentoResponsive.suscripcion article span {color: #000;font: normal 18px/22px 'TheSansSemi', 'Arial';} #ultimoMomentoResponsive.suscripcion article.conFoto.conTopico #tituloBomba {margin-top: 18px;} #ultimoMomentoResponsive.suscripcion article.conFoto .cajaSuscripcion {width: 290px;height: 83px;padding: 25px 0 0 10px;margin: 8px 0;border-left: 1px solid #dadada;float: right;} #ultimoMomentoResponsive #enviar {float: right;margin: 7px 6px;} /*opta*/ .opta-widget-container,.opta-widget-container .tabs-container {clear: none!important;} .opta-formation:after,#opta-widget-idx-6:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .opta-widget-container .chalkboard {float: none!important;} /* WIDGETS OPTA */ .opta h2 {border-radius: 0px!important;padding: 5px 0px;} .opta-widget-container h2.opta-v3 {color: #000!important;background-color: #fff!important;} .opta-widget-container h2 {background-color: #008c50!important;padding: 10px 0px;} .opta-widget-container .fixtures-plus-grid .tabs-active div.opta-dropdown,.opta-widget-container .fixtures-plus-list .tabs-active div.opta-dropdown,.opta-widget-container .chalkboard div.events dl dt,.opta-widget-container .fixtures-plus-grid .tabs-active ul.tabs-nav li,.opta-widget-container .fixtures-plus-grid .tabs-active ul.tabs-nav li a,.opta-widget-container .fixtures-plus-list .tabs-active ul.tabs-nav li,.opta-widget-container .fixtures-plus-list .tabs-active ul.tabs-nav li a {background: #008c50!important;} .opta-widget-container .fixtures-plus-list td.standout,.opta-widget-container .fixtures-plus-list td.standout a.external-link {color: #333!important;font-weight: normal!important} .opta-widget-container .fixtures-plus-list .tabs-active div.opta-dropdown ul.tabs-nav li a {color: #333!important} .opta-widget-container .fixtures-plus-grid .tabs-active div.opta-dropdown ul.tabs-nav li.tabs-selected a, .opta-widget-container .fixtures-plus-list .tabs-active div.opta-dropdown ul.tabs-nav li.tabs-selected a {background-color: #008c50!important;color: #fff!important;} .opta-widget-container .fixtures-plus-grid .tabs-active div.opta-dropdown ul.tabs-nav li:hover,.opta-widget-container .fixtures-plus-list .tabs-active div.opta-dropdown ul.tabs-nav li:hover {background-color: #ededed!important;} .opta-widget-container .formation {padding: 10px 4px!important;} table.canvas td,ul.team.homeTeam li span,ul.team.awayTeam li span,.opta-widget-container .matchdaylive.opta-v3 .centrebox span.score,.opta-widget-container .matchdaylive.opta-v3 .team_formation {color: #008c50!important;} .opta-widget-container .matchdaylive.opta-v3 .centrebox span {color: #000!important;} .opta-widget-container .tabs-active .tabs-nav {background-color: #efefef!important;background-image: none!important;} .opta-widget-container .tabs-active .tabs-nav li a:hover,.opta-widget-container .tabs-active .tabs-nav li.tabs-selected a {border: none!important;padding: 0px 11px!important;} .opta-widget-container .tabs-active .tabs-nav li a:hover {background-color: #d1d1d1!important;} .opta-widget-container .stats dl.percentage .bargraph span {background: #008c50!important;} .opta-widget-container .chalkboard div.teams dl.starters dt {background-color: #ccc!important;border-radius: 0px!important;color: #333!important;} .button-panel button {margin-right: 5px!important;} .opta-widget-container .cricket-playerstats .tabs-container tbody th,.opta-widget-container .light-coverage th,.opta-widget-container .standings.basketballsd th,.opta-widget-container .standings.mlb th,.opta-widget-container .standings.nfl th, .opta-widget-container .tabs-active .tabs-content li th {background-image: none!important;background-color: #fff!important;} .canvas-pitch .time-controls button,.opta-widget-container .button-panel button,.opta-widget-container button.toggle-heat-map,.opta-widget-container button.toggle-touch-map {background-color: #ededed!important;background-image: none!important;border: none!important;font-size: 10px!important;padding: 2px !Important;margin-right: 4px!important;border-radius: 0px!important;} .opta-widget-container div.button-panel {margin-bottom: 20px!important;} .canvas-pitch .time-panel,.canvas-pitch .time-panel,.opta-widget-container div.button-panel,.opta-widget-container div.time-strip {background-color: #FFF!important;} .chalkboard ul.team li {background-image: none!important;background-color: #fff!important;} .opta-widget-container .competitionstats .ts-stat {color: #008c50!important;} /* breadcrumb */ .breadcrumb {border-top: 1px solid #ddd;padding-top: 10px;color: #E0E0E0;float: left;} .breadcrumb li {width: auto;display: inline-block;margin-bottom: 10px;} .breadcrumb li a,.breadcrumb li>span {border-left: 1px solid #ccc;padding-left: 8px;margin-left: 5px;color: #7E7E7E;} .breadcrumb li:first-child a {border-left: 0;margin-left: 0;} .breadcrumb li b {font-weight: normal;} .breadcrumb li>span.content-labs {width: auto;height: auto;display: inline;background: none;padding: 0;margin: 0;float: none;text-transform: uppercase;padding-left: 8px;margin-left: 5px;} /*Footer*/ #footer .bottom {padding-bottom: 15px;} #footer .logo-bbc {display: none;} /********************* desktop *********************/ @media screen and (min-width: 1000px) { #ultimoMomentoResponsive {width: 958px;} .con-megalateral #ultimoMomentoResponsive {float: left;} .cabezal {padding: 0 15px;} #header .lateral-izq,#header .lateral-der {top: 60px;} .cabezal.interna .logueado .usuario .notas-siguiendo img.cantidad {display: none;} /*banners laterales*/.con-top.con-megalateral #header {height: 48px;} .con-top #header .lateral-izq,.con-top #header .lateral-der {top: 150px;} .con-top.con-megalateral main {margin: 60px auto 0;} .cabezal.interna .logueado .usuario .notas-siguiendo img.cantidad {display: none;} /* cabezal internas */ .buscador .icon-buscar, .buscador .icon-cerrar{display:none !important;} } /***************** desktop y tabletas ****************/ @media screen and (min-width: 760px) { /*banners laterales*/ .con-top #header {height: 138px;} .con-top #header .banners center>* {margin-bottom: 0;} .con-top main {margin: 150px auto 0;} .cabezal.interna .logo {float: left;} .menu-secciones {padding: 0} } /********************* tablet hasta 760 *********************/ @media screen and (min-width: 760px) and (max-width: 999px) { .menu-secciones {width: 100%;padding: 0} .menu-secciones nav.principal .club {position: static;} .menu-secciones nav.principal .club {padding-bottom: 7px;} .menu-secciones .temas-hoy {height: auto;} .temas-hoy>h3 {margin-right: 12px;} .nuevo-menu-canales {display:none;} .desplegable-abierto .nuevo-menu-canales,.nuevo-menu-canales {margin-top: 3px} .nuevo-menu-canales .buscador {width: 100%;} nav.principal .nuevo-menu-canales a {font-size: 12px;margin-bottom: 0} .nuevo-menu-canales .col2 {width: 13% !important;} .nuevo-menu-canales .desplegable .menu-bajo {width: 100%!important;margin: 10px 0 0;padding: 0;} .desplegable.actualidad {width: auto!important;padding: 10px;} } /****************** desktop grande ***************/ @media screen and (min-width: 1340px) { .cabezal {width: 1310px;} .menu-internas {width: 1310px;margin: auto;} .menu-secciones {padding: 0} .menu-secciones nav.principal {width: 1310px;} .menu-secciones nav.principal b {width: 20px;} #ultimoMomentoResponsive article.conFoto .foto {margin-right: 13px;} #ultimoMomentoResponsive article.conFoto {width: 956px} /* Cabezal SIN AUSPICIO Y SIN LOGO */ .cabezal.interna .encabezado h2 {max-width: 590px;} /* Cabezal SIN AUSPICIO Y CON LOGO // CON AUSPICIO Y SIN LOGO */ .cabezal.interna .encabezado h2.con-logo,.cabezal.interna.con-auspicio .encabezado h2 {max-width: 440px;} /* Cabezal CON AUSPICIO Y CON LOGO */ .cabezal.interna.con-auspicio .encabezado h2.con-logo {max-width: 315px;} } /*************** desktop mediano ***************/ @media screen and (min-width: 1260px) and (max-width: 1339px) { #ultimoMomentoResponsive article.conFoto {width: 956px} .cabezal {width: 1245px;} .cabezal.interna .encabezado h1 {max-width: 180px;} /* Cabezal SIN AUSPICIO Y SIN LOGO */ .cabezal.interna .encabezado h2 {max-width: 540px;} /* Cabezal SIN AUSPICIO Y CON LOGO // CON AUSPICIO Y SIN LOGO */ .cabezal.interna .encabezado h2.con-logo,.cabezal.interna.con-auspicio .encabezado h2 {max-width: 400px;} /* Cabezal CON AUSPICIO Y CON LOGO */ .cabezal.interna.con-auspicio .encabezado h2.con-logo,.cabezal.interna .encabezado h2 {max-width: 250px;font-size: 15px;} } /*************** desktop chico ***************/ @media screen and (min-width: 1000px) and (max-width: 1259px) { .cabezal.interna .usuario .loginLogout {max-width: 90px;} .cabezal.interna .salir {border-left: none!important;} .cabezal.interna #usuario {padding-top: 5px!important;} .cabezal.interna .salir {margin-top: -6px!important;} .cabezal.interna .login {padding-right: 0;} /*.cabezal.interna .usuario .notas-siguiendo .referencia {display:none;} */ .cabezal.interna .logueado .usuario .notas-siguiendo .cantidad {margin-right: 7px;} .cabezal.interna .encabezado h1 {max-width: 180px;} .cabezal.interna .usuario .notas-siguiendo {width: 109px;} #footer .bottom {padding-top: 15px;} /* Cabezal SIN AUSPICIO Y SIN LOGO */ .cabezal.interna .encabezado h2 {max-width: 370px;font-size: 15px;} /* Cabezal SIN AUSPICIO Y CON LOGO // CON AUSPICIO Y SIN LOGO */ .cabezal.interna .encabezado h2.con-logo {max-width: 247px;font-size: 15px;} } @media screen and (min-width: 1000px) and (max-width: 1050px) { .desplegable-abierto .nuevo-menu-canales, .nuevo-menu-canales {width: 100% !important;padding-left: 0;padding-right: 0;} .menu-secciones nav.principal {margin-top: 8px;width: 100%;} .nuevo-menu-canales .desplegable .menu-bajo {width: 97% !important;} } /***************** tablet *******************/ @media screen and (min-width: 640px) and (max-width: 999px) { .cabezal.interna .encabezado h1 {max-width: 110px;height: 25px;} .cabezal.interna .auspicio {display: none;} .cabezal.interna .logo {float: left;} #ultimoMomentoResponsive .cajaSuscripcion {display: none!important;} #ultimoMomentoResponsive.suscripcion article .contenedorUltimoMomento {width: auto!important;float: none!important;} .cabezal.interna {padding: 0 10px;} .breadcrumb {padding-left: 15px;} .middle {overflow: hidden;} .cabezal.interna .logo-canal {display: none;} .cabezal.interna .encabezado h2 {max-width: 248px;font-size: 15px;} .cabezal.interna .encabezado h2.con-logo {max-width: 250px;} } @media screen and (min-width: 100px) and (max-width: 1065px) { .cabezal.interna .auspicio {display: none;} .M:not(.opta),.M.mapa iframe,.M.video iframe {width: 100% !important;max-width: 520px !important;} } @media screen and (min-width: 1065px) and (max-width: 1180px) { .cabezal.interna.con-auspicio .encabezado h2.con-logo {max-width: 110px!important;} .cabezal.interna .encabezado h2.con-logo {max-width: 290px!important;} .cabezal.interna.con-auspicio .encabezado h2 {max-width: 260px!important;} } @media screen and (min-width: 1065px) and (max-width: 1171px) { .cabezal.interna .encabezado h1 {max-width: 77px;} } @media screen and (min-width: 890px) { .cabezal.interna .logueado .usuario .notas-siguiendo img.cantidad {display: none;} } @media screen and (min-width: 760px) and (max-width: 999px) { .cabezal.interna .encabezado h2.con-logo,.cabezal.interna .encabezado h2 {max-width: 260px;font-size: 15px;} /* Correccion para header mobile desde 999px */ .login-nota .cabezal.categorias .accesos {display: none} .cabezal.categorias #cajaUsuario, .cabezal.categorias #usuario {opacity: 1;transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;} .menu-abierto .cabezal.categorias #cajaUsuario, .menu-abierto .cabezal.categorias #usuario {opacity: 0;transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;} #troncal-movil .desplegable section.buscador {border: 1px solid #dadada; padding: 0px;top: 10px;margin-bottom: 7px !important;border: 0;height: 50px} #troncal-movil .desplegable section.buscador div {border-bottom: 1px solid #dadada;width: auto} .buscador {width: 92%;} .buscador .icon-cerrar {display: none} .buscador .boton-buscar {margin: 8px 10px 0 0} .menu-abierto header {height: 100% !important;overflow-y: scroll;position: fixed !important;} .cabezal.interna .herramientas {display: none} /*desplegable secciones*/ #troncal-movil {height:1px;position:absolute;width:100%;z-index: 999; top: 17px;left:0px;pointer-events: none;display: none} #troncal-movil .desplegable {width:100%;font:normal 16px Arial,sans-serif;background:#ffffff;clear:both;z-index:1000;position:absolute;top:31px;text-align:left;opacity: 1;pointer-events: auto} #troncal-movil .desplegable .columnaUno, #troncal-movil .desplegable .columnaDos {float:left;margin: 5px 0;width: 50%; font-family:'suecaslabmedium';text-transform: uppercase;font-size:12px;} #troncal-movil .desplegable .columnaUno a, #troncal-movil .desplegable .columnaDos a, #troncal-movil .desplegable .servicios .columnaUno a, #troncal-movil .desplegable .servicios .ColumnaDos a {text-decoration:none;color:#335577;padding:8px 0;display:block;} #troncal-movil .desplegable .servicios .columnaUno {border-right:0;} #troncal-movil .desplegable .servicios {border-top:1px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;padding-top:7px;} #troncal-movil .desplegable .ver-mas {border-top:1px solid #D3D3D3;clear:both;width:93%;margin:auto;text-align:right;padding:10px 0 10px 10px!important;font:bold 14px Arial,sans-serif;color:#32A9D3;padding:10px 0 3px 10px;} #troncal-movil .desplegable .accesoCarteleras {clear:both;} #troncal-movil .desplegable .accesoCarteleras a, .desplegable .accesoCarteleras .tit {float:left;} #troncal-movil .desplegable .accesoCarteleras .sep {color:#D3D3D3;margin:0 10px;float:left;} #troncal-movil .desplegable .accesoCarteleras .tit {color:#333;margin-right:8px;font-weight: normal;} #troncal-movil .desplegable .titulo {margin: 0 2%;padding-top: 10px;} #troncal-movil .desplegable .tit {display:block;padding: 8px 0;font-family:'suecaslabmedium';color:#0084B6; font-size:12px; text-transform: uppercase;} #troncal-movil .desplegable > *:nth-child(odd) {clear:both;border:0;padding:9px 0;position: relative;top: 0;margin: 0 4%} #troncal-movil .desplegable > *:nth-child(even), #troncal-movil .desplegable .solo {display:block;padding: 9px 0;margin: 0 4%;border-bottom: 1px solid #dadada;background:#fff;font-family:'suecaslabmedium';text-transform: uppercase; font-size:12px;width: 92%;margin: 0 auto} #troncal-movil .desplegable .primero {padding:5px 0;border-bottom: 1px solid #dadada} #troncal-movil .accesoCarteleras .tit {margin:0 2% 3px 0;} .buzon-vacio {width:24px;height:24px;border-radius:24px;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -232px -156px;} } @media screen and (min-width: 680px) and (max-width: 1020px) { .cabezal.interna .usuario .loginLogout {max-width: 90px;} .cabezal.interna .salir {border-left: none!important;} .cabezal.interna #usuario {padding-top: 6px!important;} .cabezal.interna .salir {margin-top: -6px!important;} .cabezal.interna .login {padding-right: 0;} .cabezal.interna .btn-secciones span {display: none;} .cabezal.interna .auspicio {display: none;} } /********************* resoluciones chicas (celu - tabletas) *********************/ @media screen and (min-width: 640px) and (max-width: 890px) { /*cabezal nota*/ .cabezal.interna .usuario .icono {display: inline-block!important;margin: 11px 0 7px 7px;width: 24px;height: 24px;border-radius: 24px;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -195px -95px;float: left;} .cabezal.interna #usuario,.cabezal.interna .salir,.cabezal.interna .usuario .notas-siguiendo .referencia,.cabezal.interna .usuario .notas-siguiendo .pico {display: none!important;} .cabezal.interna span.icon-linea-share-horizontal {display: none!important} .cabezal.interna .usuario .notas-siguiendo {background: #ffffff;} .cabezal.interna .login,.cabezal.interna .usuario {padding-right: 2px;} .cabezal.interna .usuario .notas-siguiendo {width: 72px;} a.cantidad span {font-size: 10px;} .cabezal.interna .btn-secciones span {display: none;} .cabezal.interna .logueado .usuario .notas-siguiendo .cantidad {display: block;width: 24px;height: 24px;border-radius: 24px;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -355px -55px;font: normal 12px/24px suecaslabbold, georgia;color: #ffffff;margin: 11px 0 7px 7px; float:left;text-align: center;} .buzon-vacio {width: 24px;height: 24px;border-radius: 24px;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -232px -156px;float: left;margin: 10px 13px 0 0;} .cabezal.interna .usuario .notas-siguiendo .cantidad span {font-size: 12px;font-weight: normal;} } /****************** cabezal - celulares y tabletas chicas ******************/ @media screen and (min-width: 100px) and (max-width: 759px) { nav.principal,.buscador,nav.temas {display: none;} header#header.nav-up {top: -50px !important;} main {padding-top: 70px} } @media screen and (min-width: 640px) and (max-width: 760px) { .menu-abierto .cabezal.interna .logo {margin: 18px -15px 0 30px} } /***************** celulares *******************/ @media screen and (min-width: 100px) and (max-width: 639px) { .middle {display: none;} .con-top #header {height: 103px;} .con-top #header .banners center {display: block;} /*cabezal nota*/.cabezal.interna {padding-top: 15px;height: 33px;z-index: 999;position: relative;width: 100%;/*-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1);*/} .cabezal.interna .tema,.cabezal.interna .herramientas,.cabezal.interna #usuario,.cabezal.interna span.salir,.cabezal.interna .usuario .notas-siguiendo .referencia,.cabezal.interna .usuario .notas-siguiendo .pico,.cabezal.interna .auspicio {display: none!important;} .cabezal.interna .usuario .icono {display: inline-block!important;margin: 11px 0 7px 7px;width: 24px;height: 24px;border-radius: 24px;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -195px -95px;float: left;} .cabezal.interna .usuario .notas-siguiendo {background: #ffffff;width: auto;height: 38px} .cabezal.interna .login,.cabezal.interna .usuario {padding-right: 0;margin-top: 2px} #cajaUsuario,.cabezal.interna .login {right: 4px} .cabezal.interna .logueado .usuario .notas-siguiendo .cantidad {display: block;width: 24px;height: 24px;border-radius: 24px;margin-top: 11px;background: #4BB2B2;font: normal 12px/24px 'Arial';color: #fff;text-align: center;float: left;} div span.cantidad {font: normal 12px/24px suecaslabbold, georgia!important;margin-right: 9px!important;} .cabezal.interna .icon-menu-mobile,.cabezal.interna .icon-menu-cerrar {margin-top: 0;font-size: 21px;position: absolute;top: 9px;left: 1px;} .cabezal.interna .icon-menu-mobile {padding: 5px 8px;} .cabezal.interna .login {position: absolute;top: 0;z-index: 99999} .cabezal.interna .btn-secciones span {display: none;} .cabezal.interna span.icon-linea-share-horizontal {display: none!important;} .cabezal.interna .usuario .notas-siguiendo .cantidad {font-weight: bold!important;} .cabezal.interna .usuario .notas-siguiendo .cantidad span {font-size: 12px;font-weight: normal;margin-right: -4px;} .cabezal.interna .buzon-vacio {margin: -3px 15px 0 0;float: left;margin: 10px 10px 0 0;} .cabezal.interna #boton-menu.icon-cerrar {margin-top: 0;font-size: 30px;position: fixed;top: 10px;left: 10px;height: 36px;} #footer aside#sitios .pie-bbc {float: none;margin-left: 0;clear: both;} .sin-conexion #header {padding: 5px 0;margin-top: -5px;background: #f9f9f9;} #footer aside#sitios {padding-bottom: 0;} .notas-preferencias {display: none;} #ultimoMomentoResponsive {padding: 8px!important;width: auto!important;margin-left: 0;height: auto!important;} #ultimoMomentoResponsive article .titulo {margin-left: 0px;max-height: 1000px!important;padding: 10px 10px 5px!important;display: block;} #ultimoMomentoResponsive article .contenedorUltimoMomento {width: 100%!important;max-height: 1000px!important;height: auto!important;padding-top: 0!important;} #ultimoMomentoResponsive article.conTopico .contenedorUltimoMomento {padding-top: 5px!important;} #ultimoMomentoResponsive article .foto {display: none!important;} #ultimoMomentoResponsive article .titulo h2,#ultimoMomentoResponsive article #tituloBomba {font: 18px/24px 'TheSansSemi', 'Arial'!important;} #ultimoMomentoResponsive article.conFoto #tituloBomba {margin-top: 18px;color: #990000;display: inline;} #ultimoMomentoResponsive article.conTopico .titulo {padding: 25px 10px 5px!important;} #ultimoMomentoResponsive .cajaSuscripcion {display: none!important;} .breadcrumb {padding-left: 5px;} .cabezal.interna .logueado .usuario .notas-siguiendo img.cantidad {display: block;} .cabezal.interna .logo-canal {display: none;} .cabezal.interna .logo { background: url(/v1/ln/imgs/layout/fondos/sprite-9.png)!important;background-size: 201px !important;background-position: 5px -23px!important;margin: 0 0 0 46px;width: 172px;height: 21px;} } /******** logos e iconos para resoluciones grande ********/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 641px) and (max-width: 999px), only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 641px) and (max-width: 999px), only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 641px) and (max-width: 999px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 641px) and (max-width: 999px) { .cabezal.interna .logo {background: url('/v1/ln/imgs/layout/fondos/sprite-9.png')!important;background-size: 126px !important;background-position: 0px 0px!important;width: 126px;display: block;height: 14px;} } /******** logos e iconos para resoluciones grande ********/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 640px), only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 640px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 640px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 640px) { .cabezal.interna .logo {background: url('/v1/ln/imgs/layout/fondos/sprite-9.png')!important;background-size: 201px !important;background-position: 5px -23px!important;margin: 0 0 0 46px;width: 172px;height: 21px;} } /*css para jw - welo*/ .mosquita-welo {position: absolute;right: 10px;top: 10px;opacity: 0.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-webkit-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;z-index: 9;width: 90px;height: 37px; } @media (max-width: 600px) { .mosquita-welo {width: 82px;height: 32.94017px;} } @media (max-width: 590px) { .mosquita-welo {width: 81px;height: 32.53846px;} } @media (max-width: 580px) { .mosquita-welo {width: 80px;height: 32.13675px;} } @media (max-width: 570px) { .mosquita-welo {width: 79px;height: 31.73504px;} } @media (max-width: 560px) { .mosquita-welo {width: 78px;height: 31.33333px;} } @media (max-width: 550px) { .mosquita-welo {width: 77px;height: 30.93162px;} } @media (max-width: 540px) { .mosquita-welo {width: 76px;height: 30.52991px;} } @media (max-width: 530px) { .mosquita-welo {width: 75px;height: 30.12821px;} } @media (max-width: 520px) { .mosquita-welo {width: 74px;height: 29.7265px;} } @media (max-width: 510px) { .mosquita-welo {width: 73px;height: 29.32479px;} } @media (max-width: 500px) { .mosquita-welo {width: 72px;height: 28.92308px;} } @media (max-width: 490px) { .mosquita-welo {width: 71px;height: 28.52137px;} } @media (max-width: 480px) { .mosquita-welo {width: 70px;height: 28.11966px;} } @media (max-width: 470px) { .mosquita-welo {width: 69px;height: 27.71795px;} } @media (max-width: 460px) { .mosquita-welo {width: 68px;height: 27.31624px;} } @media (max-width: 450px) { .mosquita-welo {width: 67px;height: 26.91453px;} } @media (max-width: 440px) { .mosquita-welo {width: 66px;height: 26.51282px;} } @media (max-width: 430px) { .mosquita-welo {width: 65px;height: 26.11111px;} } @media (max-width: 420px) { .mosquita-welo {width: 64px;height: 25.7094px;} } @media (max-width: 410px) { .mosquita-welo {width: 63px;height: 25.30769px;} } @media (max-width: 400px) { .mosquita-welo {width: 62px;height: 24.90598px;} } @media (max-width: 390px) { .mosquita-welo {width: 61px;height: 24.50427px;} } @media (max-width: 380px) { .mosquita-welo {width: 60px;height: 24.10256px;} } @media (max-width: 370px) { .mosquita-welo {width: 59px;height: 23.70085px;} } @media (max-width: 360px) { .mosquita-welo {width: 58px;height: 23.29915px;} } @media (max-width: 350px) { .mosquita-welo {width: 57px;height: 22.89744px;} } @media (max-width: 340px) { .mosquita-welo {width: 56px;height: 22.49573px;} } @media (max-width: 330px) { .mosquita-welo {width: 55px;height: 22.09402px;} } @media (max-width: 320px) { .mosquita-welo {width: 54px;height: 21.69231px;} } @media (max-width: 310px) { .mosquita-welo {width: 53px;height: 21.2906px;} } @media (max-width: 300px) { .mosquita-welo {width: 52px;height: 20.88889px;} } @media (max-width: 290px) { .mosquita-welo {width: 51px;height: 20.48718px;} } @media (max-width: 280px) { .mosquita-welo {width: 50px;height: 20.08547px;} } @media (max-width: 270px) { .mosquita-welo {width: 49px;height: 19.68376px;} } @media (max-width: 260px) { .mosquita-welo {width: 48px;height: 19.28205px;} } @media (max-width: 250px) { .mosquita-welo {width: 47px;height: 18.88034px;} } @media (max-width: 240px) { .mosquita-welo {width: 46px;height: 18.47863px;} } @media (max-width: 230px) { .mosquita-welo {width: 45px;height: 18.07692px;} } @media (max-width: 220px) { .mosquita-welo {width: 44px;height: 17.67521px;} } @media (max-width: 210px) { .mosquita-welo {width: 43px;height: 17.2735px;} } @media (max-width: 200px) { .mosquita-welo {width: 42px;height: 16.87179px;} } .mosquita-welo:hover {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}/********************* estilos generales *********************/ .logoprint {display: none;} button {cursor:pointer;display:inline-block;padding:5px 8px;background:#0084B5;color:#fff;font:bold 12px 'Arial';transition: all 0.1s 0.1s ease-in;-o-transition: all 0.1s 0.1s ease-in;-ms-transition: all 0.1s 0.1s ease-in;-moz-transition: all 0.1s 0.1s ease-in;-webkit-transition: all 0.1s 0.1s ease-in;} .herramientas button {display:inline-block;width:34px;height:34px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;background:#0084B5;margin-right: 7px;} .herramientas button.icon-mas, .herramientas button.icon-menos {background:#fff;border:1px solid #a7a7a7;width:31px;height:31px;color:#8d8d8d;font-size:21px;line-height:16px;} .herramientas button.icon-mas:hover, .herramientas button.icon-menos:hover {border:1px solid #cbcbcb;} .herramientas .volver {display:none;} #cuerpo .banner:not([class*="tablero"]) {width:300px;float:right;clear:right;} #cuerpo .banner.caja1 {max-height:250px;overflow:hidden;} #cuerpo hr, .encabezado-columnista hr, #ranking article hr {width:100px;border:none;border-top:1px solid #A7A7A7;margin: 0 0 12px 0;} #cuerpo a.tema {background:#EBF5F9;} #cuerpo a.tema:hover {background:#EBF5F9;} #cuerpo a.link {text-decoration:underline;} #cuerpo p.icon-fin:after {color:#000;} #cuerpo > h2 a {color: #0084b6;} #cuerpo > h2 a:hover {cursor:default;text-decoration:none;color:#0084b6;} #cuerpo p:empty {display:none;} article#nota > h1 i {font: normal 38.5px/46px 'TheSansBoldItalic', 'Arial';} /*gif*/ #cuerpo img.f-conGif {width:100%;} /*recordatorio #recordatorio {position: fixed;bottom: 10px;right: 10px;padding: 16px 12px 12px 12px;width: 274px;z-index: 20000;background: #fff;border: 1px solid #A7A7A7;} #recordatorio h4 {font: normal 17px/23px suecaslabmedium, georgia;color: #000;margin-bottom: 5px;} #recordatorio .icon-cerrar {position:absolute;right:5px;top:4px;font-size:21px;} #recordatorio .icon-cerrar:hover {cursor:pointer;} #recordatorio form {margin:6px 0 5px;} #recordatorio form .boton {background-color: #0084b6;border-style: none;color: #fff;font: bold 12px 'Arial';padding: 5px 12px;cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #recordatorio form .text {padding:3px;margin-right:6px;width:180px;color:#777;} #recordatorio span {color:#777;font-size: 14px;} #recordatorio hr {width: 100px;border: none;border-top: 1px solid #A7A7A7;margin:10px 0 15px 0;}*/ /* JW PLAYER */ aside.video {position:relative;} .L.video .jwplayer {overflow:visible!important;} .jw-controlbar-left-group, .jw-controlbar-right-group, .jw-controlbar-center-group {background-color: #2f3235!important;opacity:0.9!important} #jwVideo81380 .jw-background-color, #jwVideo81380 .jw-tooltip-title, #jwVideo81380 .jw-playlist, #jwVideo81380 .jw-playlist-container .jw-option {background:#2f3235!important;} .jw-progress {background: #0084B5!important;} .jw-rail {background:#2A3C4C!important} .jw-active-option {color:#2D9FCA!important;background-color:transparent!important;} .audio-rel .jwplayer, .S.audio .jwplayer {display:none;} /* footer */ #footer .top {width: 1161px;} #footer .bottom {width: 1161px;padding-top:15px;} /*lista*/ .icon-bullet-grande:before {color:#0084b6;padding-right: 4px;} /*medidas*/ .XS {width:100px;height:auto;float:left;clear:left;position:absolute;} .S {width:280px;height:auto;float:left;clear:left;} .M {width:520px;} .L {width:640px;} .XL {width:960px;} .XXL {width:1360px;margin-left:-100px;} /* video */ aside.L .jw-player {height:600px!important;} .video p {font:italic 13px/18px Arial;padding:8px 10px 0 0;border-bottom:1px solid #A7A7A7;padding:10px 0 12px 0;margin-bottom:20px;} /*aside texto*/ q.aside-texto {font:normal 22px/32px suecaslabmedium, georgia;display:block;} q.aside-texto .citado {font:normal 15px/21px suecaslabmedium, georgia;color:#535353;margin:10px 0;} #cuerpo q.aside-texto hr {margin-top:10px;} /*techos*/ .techo {font:normal 16px/23px suecaslabbold, georgia;color: #0084b6;margin-bottom: 15px;} /*encuesta*/ #cuerpo .encuesta p {font:normal 16px/20px TheSansSemi, Arial;margin: 0 0 25px 0;} #cuerpo .encuesta label {font: normal 15px/23px 'TheSans', 'Arial';padding-left: 5px;margin:-2px 0 10px 0;display: block;width: 251px;float: left;color:#305F86;} #cuerpo .encuesta input {float: left;} #cuerpo .encuesta a {margin-left:15px;font:italic 14px'Georgia';} #cuerpo .encuesta button {margin-top: 13px;} /*img encolumnada*/ #cuerpo > figure.encolumnada {border-bottom:0;} #cuerpo > figure.encolumnada figcaption {margin-top:5px;font: italic 13px/18px Arial;padding-top:5px;border-bottom: 1px solid #a7a7a7;padding-bottom:12px;} #cuerpo > figure.S.encolumnada {width:278px;} /*aside relacionadas*/ .relacionadas .techo {width: 162px;} .relacionadas a {display:block;font:normal 15px/21px 'TheSans', 'Arial';margin-top:10px;} .S.relacionadas {margin-top:0;} /*herramientas*/ .herramientas button {font-size: 17px;padding:0;} .herramientas button:before {vertical-align:middle;} button:hover {background:#2D9FCA;transition: all 0.1s 0.1s ease-in;-o-transition: all 0.1s 0.1s ease-in;-ms-transition: all 0.1s 0.1s ease-in;-moz-transition: all 0.1s 0.1s ease-in;-webkit-transition: all 0.1s 0.1s ease-in;} /* Menu nuevo */ .desplegable-abierto .nuevo-menu-canales, .nuevo-menu-canales {margin-top: -9px;width: auto} .desplegable.actualidad {width: 1018px;} .nuevo-menu-canales .desplegable.actualidad {width: auto} .nuevo-menu-canales .col2 {width: 14% !important} .nuevo-menu-canales .desplegable .menu-bajo {width: 980px;} /*encabezado normal mas-datos linea*/ .mas-datos {margin: 40px 0 30px;border-bottom:1px solid #e0e0e0;clear:both;} .mas-datos div {display:inline-block;} .mas-datos .columnista > div {border-bottom:1px solid #44BCA1;padding-bottom:7px;margin:0 10px -1px 0;font: italic 16px/20px 'Georgia';} .mas-datos .columnista div .seguir, .encabezado-columnista .datos .seguir {margin-right:15px;position:relative;} .mas-datos .columnista div .seguir .trg, .encabezado-columnista .datos .seguir .trg {position:absolute;top:0;right:-10px;} .mas-datos .columnista div .seguir.activo, .encabezado-columnista .datos .seguir.activo {margin-right:15px;position:relative;} .mas-datos .columnista div .seguir.activo .trg, .encabezado-columnista .datos .seguir.activo .trg {border-color: transparent transparent transparent #5BBCA8;} .mas-datos .columnista div a {font:italic 16px/20px 'Georgia';letter-spacing: -0.4px;} .mas-datos .columnista div a:not(:hover) {color:#4d7697;} .mas-datos .columnista > button, .encabezado-columnista .datos button {color:#999;margin-right:8px;background:#fff;font-size:20px;padding:0;} .mas-datos .columnista > button:before {vertical-align: text-bottom;} .mas-datos .columnista > button:hover, .encabezado-columnista .datos button:hover {color:#2D9FCA;} .mas-datos .columnista span {font-size:11px;} .mas-datos.con-firma span.ln {margin-right: 10px;} .mas-datos .fecha {border-bottom:1px solid #A7A7A7;font-size:11px;color: #666;margin-bottom:-1px;padding-bottom:7px;text-transform: uppercase;} .mas-datos.con-firma .fecha {border-bottom:0;margin-bottom:0;padding-left:12px;border-left: 1px solid #e0e0e0;padding-bottom:0;text-transform: uppercase;} .mas-datos .fecha b {color:#0084B4;font-weight:normal;font-size:12px;} /*encabezado columnista*/ .encabezado-columnista {position:relative;min-height:150px;padding:0 0 40px 80px;margin-bottom: 30px;} .encabezado-columnista h1, .encabezado-columnista .bajada {width:460px;} .encabezado-columnista h1 {font:normal 40px/46px TheSansSemiItalic;padding-top:30px;} .encabezado-columnista .bajada {margin: 17px 0 20px;} .encabezado-columnista .datos {width: 330px;position: absolute;bottom: 0;right: 0;} .encabezado-columnista .datos > div {width: 150px;float: left;margin-top: 40px;} .encabezado-columnista .datos > div a {font:italic 17px/22px Georgia;} .encabezado-columnista .datos > div a:not(:hover) {color:#4d7697;} .encabezado-columnista .datos > div span.ln {font-size: 11px;margin: 10px 10px 0 0;display:block;margin-bottom:10px;} .encabezado-columnista .datos a.foto {max-height: 180px; overflow:hidden;} .encabezado-columnista .datos button {width: 20px;float: left;display:block;} .encabezado-columnista .datos .seguir {width: auto;} .encabezado-columnista .datos > a {display: block;line-height: 0;float:right;} .encabezado-columnista .mas-datos {position: absolute;bottom: 0;width: 100%;left: 0;margin: 0;} .encabezado-columnista .mas-datos.con-firma .fecha {margin-left:0;} /* Logo Wall Street Journal */ .wall-street-journal {height:38px;width:164px;display:inline-block;background:url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -186px -461px;} /* Modal Enviar a un amigo*/ #contenedorModal h1, #contenedorModal h3 {font:bold 17px/19px 'Arial';color:#000;margin-bottom:15px;} #contenedorModal #divError {color:#BA2114;padding-bottom:12px;} #contenedorModal .dato100 {width:100px;float:left;font-weight:bold;color:#4d4d4d;} #contenedorModal .enviar input {border:1px solid #DDDBDB;color:#444444;font:12px/18px Arial,sans-serif;padding:3px;width:220px;margin-bottom:5px;} .cuerpoModal textarea {border:1px solid #DDDBDB;color: #444444;font:12px/18px Arial,sans-serif;padding:5px;width:220px;height:60px;} #contenedorModal input.boton, #contenedorModal a.boton {display:block!important;background-color:#696E80;border-style:none;color:#FFFFFF;font:bold 12px 'Arial';height:27px;margin:0 15px 10px 178px;padding:0 10px;width:70px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #contenedorModal .legal {padding: 14px 0;font: 12px/17px arial, sans-serif;color: #555;width: 370px;} #contenedorModal .leyendas {color: #808080;font: 11px/14px Arial,sans-serif;} #contenedorModal .datoCampo {margin-bottom: 20px;} #contenedorModal > ul {list-style:none;padding-left:12px;} /*galeria e imagen*/ .galeria, #cuerpo > figure, figure.primer-parrafo {position: relative;overflow: hidden;line-height: 0;border-bottom:1px solid #A7A7A7;padding-bottom: 9px;} .galeria .slideshow, .galeria .slideshow a {z-index: 1;overflow: hidden; cursor:pointer;} .galeria .slideshow div {background: #f3f3f3;} .galeria div img {margin:auto;display: block;} .galeria .icon-anterior, .galeria .icon-siguiente {width:40px;height:81px;background:#fff;position:absolute;left:0;z-index:100;background:rgba(255,255,255,0.75);zoom: 1;padding:0;} .galeria .icon-siguiente {left:auto;right:0;} .galeria .prev:hover, .galeria .next:hover {background:rgba(255,255,255,0.8);zoom: 1;text-decoration:none!important;} .galeria .epigrafe {font:italic 13px/18px Arial;padding:10px 10px 0 0;z-index:110;} .galeria .total {color: #555;font:normal 13px Arial;color:#b3b3b3;float: left;width: 80px;margin: 11px 10px 0 0;border-left: 1px solid #e0e0e0;padding: 10px 0 10px 10px;} .galeria .herramientas, figure .herramientas {width: 123px;float: right;padding-top: 11px;} .galeria .herramientas button, figure .herramientas button, .herramientas.verticales .mas button, .herramientas .mas button{background: #fff;margin: 0 0 0 7px;border:1px solid #A7A7A7; color:#8D8D8D;} .herramientas.verticales .mas button {margin: 0 7px 10px 7px;} .herramientas.verticales .mas button:hover {border-color:#2d9fca;background:#fff;color:#2d9fca;} .herramientas .mas button:hover {border-color:#2d9fca;background:#fff;color:#2d9fca;} .galeria .herramientas button:hover, figure .herramientas button:hover {border-color:#2D9FCA;background:#fff;color:#2D9FCA;} .galeria .herramientas button:first-child, figure .herramientas button:first-child {margin: 0 0 0 0;} .galeria .icon-anterior:before, .galeria .icon-siguiente:before {font-size: 31px;color:#0084B6;padding:0;} .herramientas .mas{display:inline-block;} span.icon-linea-share-horizontal{font-size:35px;vertical-align:middle;margin-left:-24px;color:#8D8D8D;} span.icon-linea-share-horizontal-izq {font-size:35px;vertical-align:middle;margin-left:-11px;color:#8D8D8D;margin-right:-21px} span.icon-linea-share-vertical {font-size:40px;display: block;margin-top: -10px;margin-left: 4px;} .cantidad span.icon-linea-share-horizontal {margin-left:-21px;margin-top:5px;position:relative;top:5px;} .icon-resize {position: absolute;top: 3px;right: 10px;color: #0084B6;display: inline-block;width: 30px;height: 30px;-webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; background-color: rgba(255, 255, 255, 0.6); margin: 10px 3px 10px 0; padding: 12px; font-size: 30px;z-index:2;transition: color 0.1s 0.1s ease-in;-o-transition: color 0.1s 0.1s ease-in;-ms-transition: color 0.1s 0.1s ease-in;-moz-transition: color 0.1s 0.1s ease-in;-webkit-transition: color 0.1s 0.1s ease-in;} .icon-resize:hover {cursor:pointer;color:#2D9FCA;} .encolumnada .icon-resize {box-sizing:border-box; height:36px; width:36px; padding:7px; font-size:23px;} .f-imagenRelacionada {cursor:pointer; } figure.XL {position:relative;} #mensajeEmail {border: 1px solid #e7e7e7;background-color: #FFFEF6;color: #595959;padding: 10px;margin: 35px 15px 15px 15px;display: none;font: 12px/18px Arial,sans-serif;} /* compartir redes */ span.compartir-redes-over {width:130px;height:40px;position:absolute;top:8px;left:6px;cursor:pointer;} .boton-compartir-redes span.compartir-redes {display:none;} .boton-compartir-redes .compartir-redes-over a {display:inline-block!important;width:34px;height:34px;color:#fff!important;-webkit-border-radius: 17px;border-radius:17px;font-size:19px;line-height:39px;background-color:#00AAEA;margin-left:3px;text-align:center;position:relative;} .boton-compartir-redes .compartir-redes-over a:hover {background-color:#009bd7;} /* Espacio patrocinado */ span.espacio-patrocinado {display:block;max-width:167px;height:15px;padding:5px 8px;margin-bottom: 21px;background:#23405e;font:normal 14px/17px 'Arial', 'Sans-Serif';color:#fff!important;} /*imagen de apertura cuerpo y al 70 */ figure div:first-child, figure.primer-parrafo div:first-child {display:block;overflow:hidden;background: #f3f3f3;border:1px solid #DADADA;} figure div:first-child, figure:hover .icon-resize, .primer-parrafo div:first-child .icon-resize:hover {color: #2D9FCA;transition: color 0.1s 0.1s ease-in;-o-transition: color 0.1s 0.1s ease-in;-ms-transition: color 0.1s 0.1s ease-in;-moz-transition: color 0.1s 0.1s ease-in;-webkit-transition: color 0.1s 0.1s ease-in;} figure div:first-child img, figure.primer-parrafo div:first-child img {margin:auto;display: block;} figure figcaption, figure.primer-parrafo figcaption {font:italic 13px/18px Arial;padding:10px 10px 0 0;z-index:110;} /*audio*/ .audio button {display:block;width:39px;height:39px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;background:#fff;border:1px solid #959595;float:left;margin-right:20px;} .audio button:hover {border-color:#e0e0e0;} .audio .icon-play:before, .audio .icon-pause:before {color:#0084B6;display:inline-block;margin: 3px 0 0 6px;} .audio .icon-pause:before {margin: 3px 0 0 4px;} #cuerpo .audio p {font: normal 15px/21px 'TheSans', 'Arial';width:220px;max-height:83px;overflow:hidden;float:right;margin:0;color:#305F86;cursor:pointer;} .S.audio .player {display: block;width: 39px;height: 39px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;background: #fff;border: 1px solid #959595;float: left;} .S.audio .jwplayer {margin-left: 12px !important;margin-top:-5px !important;} .audio-rel .player {display: inline-block;width: 28px;height: 28px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;background: #fff;border: 1px solid #959595;padding-top: 0;text-align: center;padding: 2px 0 0 2px; margin-left:20px;} .audio-rel .jwplayer {margin-left: 6px !important;margin-top:-12px !important;} /*en esta nota*/ .en-esta-nota {margin-top: 39px;} .en-esta-nota span {font:normal 19px/22px suecaslabmedium, georgia;color: #000;margin-right:18px;} /*comentario destacado*/ .comentario-destacado .icon-dialogo {display: inline-block;width: 34px;height: 34px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;background: #0084B5;margin-right: 7px; } .comentario-destacado .total.lf {font:normal 18px/32px suecaslabmedium, georgia;padding-left:5px;} .comentario-destacado .cantidad a {font: italic 14px'Georgia';display: block;margin-top: 10px;} .comentario-destacado p {font:italic 16px/23px Georgia;} .comentario-destacado p span {font:normal 16px/23px suecaslabbold, georgia;color: #0084b6;margin-right:10px;} .comentario-destacado p a {font:normal 12px/30px Arial;} .comentario-destacado p a:first-of-type {padding-right:10px;margin-right:4px;border-right:1px solid #dadada;} /*link destacado*/ .link-destacado {display:block;background:#f5f5f5;border:1px solid #e0e0e0;padding:8px 20px; text-align:center;font:normal 18px/26px Georgia;} /* Nota BBC */ #nota .bbc {display:block;width:91px;height:31px;margin: 20px 0 -20px 0;background:url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -263px -149px;} /* Nota bastion */ #nota .bastion-digital {display:block;width:88px;height:31px;margin: 20px 0 -20px 0;background:url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -224px -605px;} /* Nota Content Labs */ .content-labs {display:block;width: 145px;height: 47px;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat 1px -524px;padding-top: 18px;margin-right: 16px;float:left;} .pie-content-labs {color:#8d8d8d; font: normal 11px/14px 'Arial';padding-top: 17px; width:auto;padding-bottom: 6px;width:625px;} .pie-content-labs p {display:inline;} span.content-labs-top {display:none;height:auto;padding:5px 8px;margin-bottom: 21px;background:#23405e;font:normal 12px/16px 'Arial', 'Sans-Serif';color:#fff!important;width:auto; text-transform:uppercase;} /*STORYTELLING apertura fdo video*/ .storytelling .fdo-video {position:relative;height:652px;overflow:hidden;} .storytelling .fdo-video video {visibility: visible; margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto;} .storytelling .encabezado img {width:1360px;height:636px;} .storytelling #nota .encabezado {width:1358px;margin-left:-100px;position:relative;line-height:0;} .storytelling .encabezado .caja-titulo {position:absolute;background:#000;background:rgba(0,0,0,0.55);width:760px;margin:auto;bottom:0;text-align:center;left: calc(50% - 400px);padding:0 20px 30px;} .storytelling .encabezado .caja-titulo span {text-transform:uppercase;font:normal 12px 'Arial';display:inline-block;margin:0 auto 20px;padding:16px;border-bottom:1px solid #a7a7a7;color:#fff;} .storytelling h1 {font:normal 67px/78px 'TheSansSemi', 'Arial';color:#fff;width:auto;} .storytelling .bajada {font: normal 21px/29px 'TheSans', 'Arial';} .storytelling > nav {width:1358px;margin-left:-100px; background: #fff;border: 1px solid #dadada;border-top: 0;-webkit-box-shadow: 0 8px 6px -6px #e2e2e2;-moz-box-shadow: 0 8px 6px -6px #e2e2e2;box-shadow: 0 8px 6px -6px #e2e2e2;padding:12px 0 3px;height:auto;text-align:center;margin-bottom:50px;overflow:hidden;line-height:23px;} .storytelling > nav a {display:inline-block;margin:0 20px;font:normal 16px suecaslabmedium, georgia;} .storytelling > nav b {color:#ccc;font-size: 16px;} article#nota.storytelling {margin-top:-12px;} .storytelling > nav.scroll {position: fixed;top: 49px; z-index: 20000;} #cuerpo > h2:target {padding-top:110px;} #cuerpo > h2:not(:target) {padding-top:0;} /* Nota infografia al 100% */ main.titulo-centrado #eplAdDivexpandable {text-align:center!important;} main.titulo-centrado article h1 {text-align: center;} main.titulo-centrado .full-screen .bajada {text-align: center;} main.titulo-centrado section.elecciones100.techos-nota {display: block;margin: auto;width: 960px;} /*archivos relacionados*/ .archivos-relacionados .archivo {width:272px;display:block;padding:3px 0 0 0;text-decoration:none; font: normal 15px/23px 'TheSans', 'Arial';} .archivos-relacionados .archivo.galeria {border:0;} .archivos-relacionados .archivo b {color:#0084b6;} .archivos-relacionados .archivo > span {display:block;float:left;min-height:35px;width:225px;} .archivos-relacionados .archivo > span:hover {cursor:pointer;} .archivos-relacionados .archivo > span:hover b {text-decoration:none;} .archivos-relacionados .archivo .icono {width:30px;height:25px;float:left;margin:0;} .archivos-relacionados .archivo .icono:before {font-size:23px;color:#7F7F7F;} .archivos-relacionados .audio-rel > span {width:180px;float:left;} .archivos-relacionados .audio-rel .play {width:21px;height:20px;float:right;} .archivos-relacionados .audio-rel .pause {width:21px;height:20px;float:right;display:none;} .archivos-relacionados .audio-rel .play:hover, .archivos-relacionados .audio .pause:hover {cursor:pointer;} .archivos-relacionados .audio-rel .icon-play, .archivos-relacionados .audio-rel .icon-pause {display: inline-block;width: 28px;height: 28px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;background: #fff;border: 1px solid #959595;padding-top: 0;text-align: center;padding: 2px 0 0 2px;} .archivos-relacionados .audio-rel .icon-play:before {vertical-align: middle;margin:-6px 0 0 3px;font-size: 13px;color:#0084b6;} .archivos-relacionados .audio-rel .icon-pause:before {margin:0;} .archivo-pdf {margin-top:30px;} .archivo-pdf, .archivo-pdf iframe {width:100%!important;} /*caja mas sobre*/ .mas-sobre-tema {margin:40px 0 60px;} .mas-sobre-tema .techo {border-top:2px solid #e0e0e0;margin-bottom:5px;} .mas-sobre-tema .techo span {display:inline-block;font:normal 23px/25px suecaslabmedium, georgia;border-top:2px solid #0084b6;margin-top:-2px;padding-top:14px;color:#000;float:left;} .mas-sobre-tema .techo span a:not(:hover) {color:#305F86;} .mas-sobre-tema .seguir {float:left;margin: 20px 10px 0 20px;} .mas-sobre-tema .techo .seguir {margin-top:18px} /*cinturon*/ .cinturon-notas {clear:both;margin:20px 0 60px;} .cinturon-notas .techo {border-top:2px solid #e0e0e0;} .cinturon-notas .techo span {display:inline-block;font:normal 43px suecaslabmedium, georgia;border-top:2px solid #0084b6;margin-top:-2px;padding-top:14px;color:#000;float:left;letter-spacing:-0.5px;} .cinturon-notas figure {display:block;overflow:hidden;position:relative;text-align:center;border:1px solid #DADADA;background:#F8F8F8;} .cinturon-notas > div .patrocinada figure span {display:block;padding:5px;background: rgba(250, 250, 250, 0.8);position:absolute;bottom:0;left:0;font:normal 12px 'Arial';color:#666;} /* cinturon notas de video */ .cinturon-notas.videos .video:hover {cursor:pointer;} .cinturon-notas.videos .video:hover h2 {color: #0084B6;transition: color 0.1s 0.1s ease-in;-o-transition: color 0.1s 0.1s ease-in;-ms-transition: color 0.1s 0.1s ease-in;-moz-transition: color 0.1s 0.1s ease-in;-webkit-transition: color 0.1s 0.1s ease-in;} .cinturon-notas.videos .techo span {font:normal 23px suecaslabmedium, georgia;} .cinturon-notas.videos > div:not(.techo) > div {padding:20px 25px 5px;} .cinturon-notas.videos .techo span.para-ver-flecha {color: #ccc!important;padding:12px 10px 0 10px;font:bold 26px suecaslabmedium, georgia!important;} .cinturon-notas.videos .techo span.icon-flecha-para-ver {color: #ccc;padding: 22px 5px 0 2px!important;font-size: 18px;} .cinturon-notas.videos span.icon-play {display: inline-block;width: 40px;height: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;background: transparent;border: 3px solid #fff;padding-top: 0;text-align: center;padding: 2px 0 0 2px;position: absolute;opacity: 0.8;bottom: 10px;right: 10px;} .cinturon-notas.videos .icon-play:before{color: #fff;display: inline-block;padding: 11px 0 0 2px;font-size: 17px;} .cinturon-notas.videos figure {background:#ccc;height:148px;} /* Comentarios */ section#comunidad {width:720px!important; margin:0!important;float:left!important;} .titulo-comentarios {font:normal 26px/30px suecaslabmedium, georgia;display:inline-block;width:150px;} .texto-comentarios {width:550px;display:inline-block;padding-left:20px;vertical-align:top;} #comunidad .icon-linea-share-vertical {font-size:50px;} #livefyre {margin-top:-20px;} /* Ranking Notas */ #ranking-nota {float:right!important;} #ranking {width:350px!important;margin-bottom:25px;} #ranking .techo span {font:normal 30px suecaslabmedium, georgia;margin-bottom:15px;display:block;color:#444;} #ranking article span {width:45px;height:45px;border-radius:50px;font:normal 25px/44px suecaslabbold, georgia;color:#fff;text-align:center;background:#0084B6; display:inline-block;} #ranking article h2 {font: normal 16px/20px 'TheSans', 'Arial';display:inline-block;padding-left:20px;width:250px;overflow:hidden;padding-bottom:25px;color:#243D53;vertical-align:top;} #ranking article hr {margin-bottom:20px;} /*desplegable herramientas*/ .cabezal.interna .herramientas {position:relative;margin-right:5px;} .cabezal.interna .herramientas .icon-flecha-abajo:hover .desplegable {display:block;font:normal 14px/18px 'suecaslabmedium';} .cabezal.interna .herramientas .desplegable {position:absolute;z-index:20001;top:24px;right:-18px;} .cabezal.interna .herramientas .desplegable > div {width:100px;padding:9px 10px 12px 10px;} .cabezal.interna .herramientas .desplegable .pico {display:block;width:11px;height:12px;position:absolute;background: url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -266px -128px;margin-left:87px;margin-top:-5px;} .desplegable > div {background:#fff;padding:14px 10px;border:1px solid #dfdfdf;} .cabezal.interna .herramientas .icon-flecha-abajo {display:inline-block;width:26px;height:26px;-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px;background:#fff;border:1px solid #959595;font:normal 15px 'Arial';text-align:center;cursor:pointer;line-height:24px;position:relative;top:2px;} .cabezal.interna .herramientas .icon-download, .cabezal.interna .herramientas .icon-print, .cabezal.interna .herramientas .icon-mail {background:#fff;color:#8D8D8D;font: normal 18px 'Arial';margin:0 3px;} .cabezal.interna .herramientas .icon-download:hover, .cabezal.interna .herramientas .icon-print:hover, .cabezal.interna .herramientas .icon-mail:hover {color:#2D9FCA;} .icon-flecha-abajo:before {position:relative;top:4px;} .cabezal.interna .herramientas .icon-flecha-abajo {display:none;} .cabezal.interna .herramientas .extras button {color:#0084B5;font:normal 22px 'Arial';position:relative;top:3px;} .cabezal.interna .herramientas .extras button:hover {color:#4AB1DD; } /*jw*/ #cuerpo .M.video-jw iframe, #cuerpo .M.playlist-jw iframe {width:520px;} #cuerpo .L.video-jw iframe, #cuerpo .L.playlist-jw iframe {width:640px;} #cuerpo .M.video-jw iframe {height:293px;} #cuerpo .M.playlist-jw iframe {height:460px;} #cuerpo .L.video-jw iframe {height:360px;} #cuerpo .L.playlist-jw iframe {height:525px;} .XL .destacado.jw-video100 iframe, .XL .destacado.jw-playlist100 iframe {width:960px;} .XL .destacado.jw-video100 iframe, .XL.video-jw iframe {height:540px;} .XL .destacado.jw-playlist100 iframe, .XL.playlist-jw iframe {height:710px;} .primer-parrafo.playlist-jw iframe {height:505px;} .primer-parrafo.video-jw iframe {height:350px;} /* Playlist JW*/ .playlist-generico {overflow: auto;max-height: 140px;} .playlist-generico a {background-color: #F2F2F2;padding: 8px 10px 8px 14px;border-bottom: 1px solid #D9D9D9;font-weight: bold;font-size: 13px;color: #1E3344;display:block;} .playlist-generico a:hover {color: #0084B6;} .playlist-generico a:active {color: #0084B6;background-color:#f5f5f5;} /*docCloud*/ #docCloud {height:600px;overflow:hidden;margin-bottom:20px;} .DV-container {height: 600px;overflow:hidden;position: relative;} .DV-container .DV-docViewer, .DV-container .DV-viewDocument {top:0!important;} #herramientas-sociales.herramientas.abiertas {margin-bottom:30px;} #herramientas-sociales.herramientas.abiertas .mas {display:inline-block!important;margin-right:20px;} #herramientas-sociales.herramientas.abiertas .icon-mas {display:none!important;} /*middle*/ .middle {clear:both;} /* Techo canal de negocios */ .iframe-secciones {width:100%; height:77px;padding:0;} /* Techo canales en Storytelling */ .storytelling .iframe-secciones {height: 50px!important;margin-top: 15px;} /* Ultimo momento */ #ultimoMomentoResponsive {clear:none;margin-left:0px;} /*Tableros FUTBOL*/ .caja-tablero {background:#F9F9F9;border:1px solid #D3D3D3;height:170px;position:relative;width: 618px;float:left;margin-bottom:25px;} .caja-tablero .auspicio img {width:130px!important;margin:auto;} .caja-tablero .techo-tablero {width:auto;margin:auto;text-align:center;} .caja-tablero .tiempo-juego .pipe {display:inline-block;color:#cccccc;margin:0 7px;} .caja-tablero .datos-encuentro {margin-top:17px;height:90px;} .caja-tablero .tiempo-juego {font:normal 12px suecaslabmedium, georgia;color:#0084B6;padding-top:7px;display:inline-block;border-top:2px solid #0084B6;text-transform: uppercase;} .caja-tablero .datos-encuentro .equipo {width:200px;} .caja-tablero .datos-encuentro .local .equipo {float:left;margin-left:5px;text-align:right;} .caja-tablero .datos-encuentro .visitante .equipo {float:right;margin-right:5px;} .caja-tablero .datos-encuentro .nombre {width:105px;color:#333;font:normal 17px/23px suecaslabmedium, georgia;display:inline-block;margin-top:27px;} .caja-tablero .datos-encuentro .numero {display:block;width:63px;height:63px;border-radius:63px;font:normal 38px suecaslabbold, georgia;background-color:#0084B6;color:#fff;text-align:center;margin-top:12px;} .caja-tablero .datos-encuentro .numero p {margin-top:5px;} .caja-tablero .datos-encuentro .local .numero {float:right;} .caja-tablero .datos-encuentro .local .escudo {float:right;margin-left:5px;} .caja-tablero .datos-encuentro .visitante .numero {float:left;} .caja-tablero .datos-encuentro .visitante .escudo {float:left;margin-right:5px;} .caja-tablero .datos-encuentro .resultado {display:none;} .caja-tablero .datos-encuentro .local, .caja-tablero .datos-encuentro .visitante {width:280px;} .caja-tablero .datos-encuentro .visitante {margin-right:3%;float:right;} .caja-tablero .datos-encuentro .local {margin-left:3%;float:left;} .caja-tablero .minuto {font:normal 12px/14px Arial,sans-serif;color:#333;padding-top:18px;height:20px;overflow:hidden;} .caja-tablero .datos-encuentro .escudo img {width:85px;} /*Tableros FUTBOL penales*/ .caja-tablero .datos-encuentro .penales .resultado {display:block;font:normal 16px suecaslabbold, georgia;border-top:1px solid #D3D3D3;width:40px;margin:auto;padding-top:2px;} .caja-tablero .datos-encuentro .penales .resultado b {color:#ffffff;margin-right:1px;} .caja-tablero .datos-encuentro .numero.penales {font:normal 28px/33px suecaslabbold, georgia!important;} .caja-tablero .datos-encuentro .numero.penales p {margin-top:3px;} /*Tableros TENIS*/ article.tablero-tenis .extras {position:absolute;bottom:0;left:0;width:100%;height:115px;text-align:center;z-index:1;} .caja-tablero.tenis {height:115px;overflow:hidden;} .caja-tablero.tenis .datos-encuentro .nombre {font:normal 15px/18px suecaslabmedium, georgia;color:#333;min-width:180px;margin:0;padding:5px 5px 0 0;float:left;text-align:left!important;} .caja-tablero.tenis .datos-encuentro {margin:auto;width:600px;text-align:center;padding:15px 30px 15px 30px;border-bottom:0;} .caja-tablero.tenis .datos-encuentro ul {border-bottom:1px solid #D3D3D3;} .caja-tablero.tenis .datos-encuentro .arriba .game.enjuego {border-top:1px solid #D3D3D3;} .caja-tablero.tenis .datos-encuentro .abajo .game.enjuego {border-bottom:1px solid #D3D3D3;} .caja-tablero.tenis .datos-encuentro .game.enjuego {font:normal 17px/7px suecaslabbold, georgia;color:#0084B6;} .caja-tablero.tenis .datos-encuentro .abajo {border-bottom:none;} .caja-tablero.tenis .datos-encuentro .game {width:40px;font:normal 17px/7px suecaslabmedium, georgia;border-left:1px solid #D3D3D3;padding:9px 0;height:7px;text-align:center;float:left;color:#333;} .caja-tablero.tenis .datos-encuentro .saque {background: url('/v1/ln/imgs/layout/fondos/pelota.png') no-repeat right 0;padding-right:25px;height:16px;display:inline-block;} .con-tablero-voley .caja-tablero.tenis .datos-encuentro .saque {background:none;} .caja-tablero.tenis .datos-torneo {display:none;} .caja-tablero.tenis .datos-encuentro .game.gana {color:#333;font:normal 14px/7px suecaslabbold, georgia;} .caja-tablero.tenis .datos-encuentro .bandera {margin-right:10px;margin-top:6px;} .caja-tablero.tenis .datos-encuentro ul li {float:left;} /********************* desktop y tabletas *********************/ @media screen and (min-width: 760px) { /*article*/ article#nota {width:auto;position:relative;z-index:1;} /* Externos */ .primer-parrafo iframe {width:620px!important;} .M iframe {width:520px!important;} .L iframe {width:640px!important;} .con-megalateral .L iframe {width:620px!important;} /*margin cajas*/ .S {margin: 20px 20px 20px 0;} /*encabezado*/ article#nota > h1 {font: normal 38.5px/46px 'TheSansBold', 'Arial';color: #000; letter-spacing: -0.6px;} #cuerpo > h2 {font:normal 28px/38px suecaslabmedium, georgia;color: #0084b6; letter-spacing: -0.6px;max-width: 670px;margin: 38px 0 22px 80px;} #cuerpo > h3 {font:bold 18px/30px Georgia;max-width:670px;margin-left:80px;} .breadcrumb, .en-esta-nota, .pie-nota {margin:10px 0 10px 0;width:625px;} main .bajada {margin:17px 0 0;font: normal 19px/26px 'TheSans', 'Arial';color: #666;} /*cuerpo*/ #cuerpo p.primero:first-letter {font:normal 80px/80px suecaslabmedium, georgia;float:left;margin-right:12px;color:#000;} #cuerpo .banner.caja2 + p.primero:first-letter, #cuerpo .banner.caja3 + p.primero:first-letter, #cuerpo .S.encolumnada + p.primero:first-letter {float:none;} .herramientas.verticales {border-top:0;float:left;clear:left;width:60px;background-color: transparent;margin-top:-9px;} .herramientas.verticales button {margin-bottom:10px;clear:both;margin-left:7px;} .herramientas.verticales button.icon-mas, .herramientas.verticales button.icon-menos {margin-bottom:30px;margin-left:9px;} .herramientas button.icon-mas, .herramientas button.icon-menos {margin-right:30px;margin-left:15px;} .herramientas.verticales button.icon-dialogo {font-size: 15px;} .herramientas.verticales button.icon-dialogo:before {vertical-align: top;} .herramientas .total {font:normal 19px/30px suecaslabmedium,georgia;margin:0 18px -8px 0;display:inline-block;padding-bottom:3px;text-align:center;width: 47px;} .herramientas .total.lf {font-size:17px;} .herramientas .total.lf b {font-weight:normal!important;} .texto-destacado, .comentario-destacado {display:block;max-width: 700px;position: relative;z-index:1;margin: 30px 0 26px 80px;} .texto-destacado {font:normal 19px/29px suecaslabbold,georgia;} .S + .texto-destacado {float:left;} .herramientas.horizontales {margin-top: 15px;width:162px;} .herramientas.horizontales button {width: 31px;height: 31px;} .herramientas.horizontales span {font: italic 14px/34px Georgia;margin-left: 10px;} .icon-bullet-grande {margin-bottom:40px;} /*audio*/ .audio {margin-bottom: 40px;} /*galeria e imagen L */ .galeria.L .slideshow, .galeria.L .slideshow div {width:640px;height:360px;} .galeria.L .slideshow div {height:360px;} .galeria.L .icon-anterior, .galeria.L .icon-siguiente {top:145px;} .galeria.L .epigrafe {width:400px;height:auto;float:left;} figure.L figcaption {width:400px;height:auto;float:left;} /*galeria XL*/ .galeria.XL .slideshow, .galeria.XL .slideshow div {width:960px;height:540px;} .galeria.XL .slideshow div, figure.XL div:first-child {height:540px;} .galeria.XL .icon-anterior, .galeria.XL .icon-siguiente {top:220px;} .galeria.XL .epigrafe {width:720px;height:auto;float: left;} figure.XL figcaption {width:800px;height:auto;float:left;} /*multimedia primer parrafo*/ .primer-parrafo {width: 620px;margin:0 20px 20px 0;} .galeria.primer-parrafo .slideshow, .galeria.primer-parrafo .slideshow div {height:349px;} figure.primer-parrafo figcaption {width:400px;height:auto;float:left;} .galeria.primer-parrafo .slideshow, .galeria.primer-parrafo .slideshow a {width:620px;height:349px;} .galeria.primer-parrafo .slideshow div {height:349px;width:620px;} .galeria.primer-parrafo .icon-anterior, .galeria.primer-parrafo .icon-siguiente {top:140px;} .galeria.primer-parrafo .epigrafe {width:380px;height:auto;float: left;} /*comentario destacado*/ .comentario-destacado {border-top:1px solid #e0e0e0;display:table;padding-top:18px;} .comentario-destacado > * {display:table-cell;} .comentario-destacado .cantidad {width:105px;padding-left:35px;text-align: right;} /*caja mas sobre*/ .mas-sobre-tema {clear:left;} .mas-sobre-tema > div {width:620px;display:table;} .mas-sobre-tema > div.menos-3 {display:block;} .mas-sobre-tema > div.menos-3 .nota {width: 192px;} .mas-sobre-tema div:nth-child(2) .nota {border-bottom:0;} .mas-sobre-tema .nota {width:190px;border:1px solid #e0e0e0;display:table-cell;vertical-align:top;;} .mas-sobre-tema .nota h2 {font:normal 15px/21px 'TheSansSemi', 'Arial';margin-top:10px;} .mas-sobre-tema .nota p {color:#494949;} .mas-sobre-tema .nota:first-child {padding:10px 10px 25px 0;border-left:0;border-right:0;} .mas-sobre-tema .nota:nth-child(2) {padding:10px 10px 25px 10px ;} .mas-sobre-tema .nota:nth-child(3) {padding:10px 0 25px 10px;border-left:0;border-right:0;} .mas-sobre-tema figure {width:188px;height:106px;overflow:hidden;line-height:0;border:1px solid #DADADA;position: relative;} .mas-sobre-tema img, .cinturon-notas figure img {max-height: 100%;margin:0;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%); /* IE 9 */; /* Safari */ transform: translateY(-50%) translateX(-50%);} #notas-interes .cinturon-notas figure img {position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);width: 100%;} .mas-sobre-tema a:hover img, .cinturon-notas figure img:hover {-webkit-transform: scale(1.02);transform: scale(1.02);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%); /* IE 9 */; /* Safari */ transform: translateY(-50%) translateX(-50%);} #cuerpo .mas-sobre-tema hr {margin:20px 0 12px 0;} /*cinturon*/ .cinturon-notas div a:hover {text-decoration:none;} /*notas grandes*/ .cinturon-notas > div:first-child {border-bottom:0;} .cinturon-notas > div:not(.techo) > * {font: normal 18px/24px 'TheSans', 'Arial';} .cinturon-notas > div:not(.techo) > *, .cinturon-notas > div > div {display:block;float:left;border:1px solid #e0e0e0;border-right:0;} .cinturon-notas > div:not(.techo) > * h2 {margin-top: 10px;height:95px;overflow:hidden;transition: color 0.1s 0.1s ease-in;-o-transition: color 0.1s 0.1s ease-in;-ms-transition: color 0.1s 0.1s ease-in;-moz-transition: color 0.1s 0.1s ease-in;-webkit-transition: color 0.1s 0.1s ease-in;} .cinturon-notas > div:nth-child(2) > * {border-bottom:0;} .cinturon-notas > div:not(.techo) > *:first-child {border-left:0;} /*notas chicas*/ .cinturon-notas:not(.videos) > div div figure {float:left;} .cinturon-notas:not(.videos) > div div * {display:block;overflow:hidden;font: normal 14px/19px 'Arial';} .cinturon-notas:not(.videos) > div div *:first-child {border-bottom:1px solid #e0e0e0;} .cinturon-notas:not(.videos) > div div h2 {float:right;overflow:hidden;margin-top: 0} .cinturon-notas .para-ocultar, .cinturon-notas.videos .video:nth-child(4) {display:none!important;} /* Posicionar Imagen Icono */ .banner + img.XS {position:absolute;} img.XS + p, img.XS + .banner + p {padding-left:130px; max-width:570px!important;} /* Techo canal de negocios */ .iframe-secciones {height:80px;} /*video*/ #cuerpo .S.encolumnada + h2 + p .L, #cuerpo .S.encolumnada + h2 + .L , #cuerpo .S.encolumnada + h2 + p:empty +.L {clear:both;} } /********************* desktop *********************/ @media screen and (min-width: 1000px){ .banner.push {width:960px;margin-bottom:30px;} /*encabezado*/ main, #header .banners {width: 1160px;} #eplAdDivexpandable {text-align:left!important;} #eplAdDivexpandable * {text-align:left!important;margin:0!important;} /******* con megalateral ********/ .con-megalateral main .banner.push {float:left;} .con-megalateral main .banner.megalateral {width:260px;height:600px;float:right;display:block!important;} .con-megalateral main .link-destacado {width: 530px;} .con-megalateral main .banner.megalateral .mega {width: 260px;height: 800px;background: #f2f2f2;} .con-megalateral #cuerpo aside.banner + .L {margin: 20px 0 20px 0;} /******* laterales storytelling y XXL ********/ .storytelling #header .lateral-izq, .fs #header .lateral-izq {left: -281px;} .storytelling #header .lateral-der, .fs #header .lateral-der {right:-281px;} /******full screen*******/ main .full-screen h1, main .full-screen .bajada {width:auto;} main .full-screen .XXL {margin-top:20px;} /*link destacado*/ .link-destacado {width:625px;margin: 20px 0 20px 0;} /*margin cajas*/ .M, .L {margin: 20px 0 20px 80px;} .XL {margin: 20px 0 20px -20px;} .XL iframe {width:960px!important;} body:not(.con-megalateral) .S + h3 + .M + p, body:not(.con-megalateral) .M + h3 {clear:both;} .S + .M, .S + h2 + .M, .S + h3 + .M {float:left;} .breadcrumb {float:none;} .breadcrumb.floatFix:after {content:none;} /*encabezado*/ main h1, main .bajada {width:780px;} main .bajada b {font-family: 'TheSansSemi','Arial'; font-weight:initial;} #cuerpo > p, #cuerpo .icon-bullet-grande {font: normal 18px/27px "Georgia";max-width:700px;margin:0 0 20px 80px;} .adicionales {width:100px;height:220px;float:left;clear:left;} .adicionales .herramientas-sociales a {display:block;margin-bottom:15px;font: normal 15px/30px 'TheSans', 'Arial';color: #444;} .adicionales .herramientas-sociales a span {display:block;float:left;} /*#cuerpo .banner:not([class*="tablero"])+ .M, #cuerpo .banner:not([class*="tablero"])+ .texto-destacado {margin:0 15px 20px 0;float:right;}*/ /*#cuerpo .banner:not([class*="tablero"])+ .embed-2 + p {clear:both;}*/ .con-megalateral main article#nota {float:left;} .con-megalateral main #cuerpo .banner:not([class*="tablero"])+ .embed.L {margin:0 0 20px 0;} .con-megalateral main #cuerpo .banner:not([class*="tablero"])+ p + .embed.M {margin: 0 0px 20px;} .con-megalateral .L {margin: 20px 0 20px 0;} .con-megalateral .texto-destacado {clear:initial;} .con-megalateral .L {margin: 20px 0 20px 0;} body.fs.con-megalateral .megalateral {display:none!important;} /*imagen xs (100px)*/ img.XS {margin:5px 20px 0 80px;} /*galeria XL*/ .galeria.XL .icon-siguiente {top:220px;} /*cinturon*/ /*notas grandes*/ .cinturon-notas:not(.videos) > div:not(.techo) > a {padding:20px 25px;} .cinturon-notas > div:not(.techo) > *, .cinturon-notas > div div {width:266px;} .cinturon-notas > div:not(.techo) > *:first-child {padding: 20px 25px 20px 0!important;} .cinturon-notas figure {width:264px;height:148px;} /*notas chicas*/ .cinturon-notas:not(.videos) > div div {width:316px;} .cinturon-notas:not(.videos) > div div figure {width:135px;height:90px;} .cinturon-notas:not(.videos) > div div a {padding:25px;width:266px; height: 97px;} .cinturon-notas:not(.videos) > div div h2 {width:114px;height:94px;} /*encabezado columnistas*/ .encabezado-columnista .mas-datos .fecha, .encabezado-columnista .mas-datos.con-firma .columnista:first-child {margin-left: 80px;} /*footer*/ #footer .top {position:relative;} #footer .links-extra {position: absolute;right: 160px;} #footer .redes-sociales {position: absolute;right: 0;} } /********************* desktop grande *********************/ @media screen and (min-width: 1340px){ /*encabezado*/ main {padding:0 90px 20px;} .cinturon-notas {width: 1242px;} /*link destacado*/ .link-destacado {width:700px;margin: 20px 0 20px 80px;} /*article*/ #cuerpo .banner:not([class*="tablero"]){margin:0 0 25px 80px;} .XL {margin: 20px 0 20px 0;} .L {margin-left:80px;clear:none} .M {clear:none;margin: 20px 20px 20px 80px;} /******* con megalateral ********/ .con-megalateral main {width: 1320px;padding:0 0 20px 10px;} .con-megalateral main article#nota {width:1040px;} .con-megalateral main #cuerpo .banner:not([class*="tablero"]){margin:0 0 25px 20px;} .con-megalateral .M, .con-megalateral .L, .con-megalateral .primer-parrafo {float:none;clear:none;margin: 20px 0 20px 80px!important;} .cinturon-notas .para-ocultar, .cinturon-notas.videos .video:nth-child(4) {display:block!important;} .con-megalateral .en-esta-nota, .con-megalateral .breadcrumb, .con-megalateral .mas-sobre-tema, .con-megalateral .pie-nota {margin-left:80px!important;} } /********************* desktop mediano y grande *********************/ @media screen and (min-width: 1260px) { .breadcrumb, .en-esta-nota, .pie-nota {margin:10px 0 10px 80px;width:700px;clear:left;} .primer-parrafo {margin: 0 20px 20px 80px;} .caja-tablero {margin: 0 76px 25px 80px;} .encabezado-columnista {width: 900px;} .storytelling .M, .storytelling .L {margin-left:80px;} body:not(.con-megalateral) #cuerpo .herramientas + .caja1 + .L, body:not(.con-megalateral) #cuerpo .herramientas + .caja1 + .M {margin-left: 20px;float: left;} body:not(.con-megalateral) #cuerpo .herramientas + .caja1 + .L + .primero, body:not(.con-megalateral) #cuerpo .herramientas + .caja1 + .M + .primero, body:not(.con-megalateral) #cuerpo .herramientas + .caja1 + .M + .primero {clear:both;} body:not(.con-megalateral) .mas-sobre-tema {margin: 40px 0 60px 80px;} /******* con megalateral ********/ .con-megalateral .breadcrumb, .con-megalateral .en-esta-nota, .con-megalateral .pie-nota {width: 625px;} .con-megalateral .primer-parrafo {margin: 0 20px 20px 0;} .con-megalateral #cuerpo .L {float:none;margin-left:0;} .con-megalateral .encabezado-columnista {width: 900px;} } /********************* desktop mediano *********************/ @media screen and (min-width: 1261px) and (max-width: 1339px){ /*encabezado*/ main {padding:0 40px 20px;} /*article*/ #cuerpo .banner:not([class*="tablero"]){margin:0 0 25px 50px;} .con-megalateral .caja-tablero {margin: 0 76px 25px 0;} .XL {margin: 20px 0 20px 0;} /* XXL */ .XXL {width:100%;margin: 20px 0 20px 0;width: 98vw;margin-left: calc((1160px - 98vw)/2);margin-right: calc((1160px - 98vw)/2);} /*Storytelling*/ .storytelling #nota .encabezado, .storytelling #nota nav {width: 100vw;margin-left: calc((1160px - 100vw)/2);margin-right: calc((1160px - 100vw)/2);overflow: hidden;} /*en esta nota*/ .en-esta-nota {margin-left:80px;} #footer .bottom {padding-top:15px;} /******* con megalateral ********/ /*herramientas horizontales*/ .con-megalateral .herramientas .total {margin: 0 -6px -8px 10px;} .con-megalateral .herramientas.verticales button, .herramientas.verticales .mas button {margin: 0 7px 10px 0!important;} .con-megalateral .herramientas.verticales {width: 100%;position:static;margin-bottom:15px;float:none;} .con-megalateral .herramientas.verticales .mas {display:inline-block!important;margin-right:20px;} .con-megalateral .herramientas.verticales button.icon-mas {display:none!important;} .con-megalateral .herramientas .total {max-width: 47px;width: auto;} .con-megalateral .herramientas span.icon-linea-share-vertical {font-size: 27px;display:inline-block;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);display: inline-block;} .con-megalateral .herramientas span.icon-linea-share-vertical:before {vertical-align: middle;} .con-megalateral .total.sociales b:empty {display:none;} .con-megalateral .herramientas .total {font: normal 19px/23px suecaslabmedium,georgia;} .con-megalateral main {width: 1240px;padding:0 0 20px 20px;} .con-megalateral main article#nota {width:960px;padding-left:0;} .con-megalateral main #cuerpo .banner:not([class*="tablero"]){margin:0 0 25px 20px;} .con-megalateral main #cuerpo .XL {margin: 20px 0 20px -20px;} .con-megalateral .M {clear:none;margin: 20px 0 20px 0;} .con-megalateral .L {width:620px;margin: 20px 0 20px 0} .con-megalateral .S {margin: 40px 20px 40px 0!important;} .con-megalateral .galeria.L .slideshow {margin-left:-10px;} .con-megalateral .galeria.L .epigrafe {width: 380px;} .con-megalateral .breadcrumb, .con-megalateral .en-esta-nota, .con-megalateral .pie-nota {margin:10px 0 10px 0;width:620px;} .con-megalateral .en-esta-nota {margin:20px 0 20px 0;} /*margen izquierdo*/ .con-megalateral #cuerpo > p, .con-megalateral #cuerpo .icon-bullet-grande {margin: 0 0 20px 0; max-width: 640px;} .con-megalateral #cuerpo > h2 {margin: 38px 0 22px 0;} .con-megalateral .encabezado-columnista {padding:0 0 40px 0;} .con-megalateral #cuerpo > h3, .con-megalateral .texto-destacado {margin-left:0;} } /********************* desktop chico *********************/ @media screen and (min-width: 1000px) and (max-width: 1259px){ /*encabezado*/ main {width:960px;padding:0 20px 20px;} #header .banners {width:960px;} .con-megalateral main .banner.megalateral {display:none!important;} /*article*/ article#nota {float:none;} #cuerpo .banner:not([class*="tablero"]){margin:0 0 25px 20px;} #cuerpo .banner:not([class*="tablero"])+ .L {margin: 0 0 20px -20px;} /* Xime*/ /*storytelling*/ .storytelling #nota .encabezado, .storytelling #nota nav {width: 100vw;margin-left: calc((960px - 100vw)/2);margin-right: calc((960px - 100vw)/2);overflow: hidden;} .storytelling .encabezado img, .storytelling > nav {margin-left:-160px;margin-left: calc(50% - 680px);} .storytelling > nav {height: auto;min-height: 30px;} .storytelling > nav.scroll {width: 100vw;left: calc(50% - 50vw);margin: 0!important;} /*desplegable herramientas*/ .cabezal.interna .herramientas .extras {display:none;} .cabezal.interna .herramientas .icon-flecha-abajo {display:inline-block;} #cuerpo .banner:not([class*="tablero"])+ p + .L, #cuerpo .banner:not([class*="tablero"])+ .L {clear:none;margin-left:0;} section#comunidad {width:600px!important;} #ranking-nota {width:320px!important;} .texto-comentarios {width:400px;} /* Footer */ #footer .top, #footer .bottom {width:950px;} #footer .links-principales {width: 534px;} .link-gda {padding-left:30px;} /*imagen xs (100px)*/ img.XS {margin:5px 20px 0 0;} /* XXL */ .XXL {width:100%;margin: 20px 0 20px 0;width: 98vw;margin-left: calc((960px - 98vw)/2);margin-right: calc((960px - 98vw)/2);} .pantalla-completa.galeria .contenedor-modal > .herramientas {top: 3px;right: 3px;} } /********************* desktop solo de 1339 a 1359px *********************/ @media screen and (min-width: 1339px) and (max-width: 1359px){ /* XXL */ .XXL {width:100%;margin: 20px 0 20px 0;width: 98vw;margin-left: calc((1160px - 98vw)/2);margin-right: calc((1160px - 98vw)/2);} /*Storytelling*/ .storytelling #nota .encabezado, .storytelling #nota nav {width: 100vw;margin-left: calc((1160px - 100vw)/2);margin-right: calc((1160px - 100vw)/2);overflow: hidden;} } /********************* desktop chico y tabletas *********************/ @media screen and (min-width: 760px) and (max-width: 1259px){ /*herramientas horizontales*/ .herramientas .total {margin: 0 -6px -8px 10px;} .herramientas.verticales button, .herramientas.verticales .mas button {margin: 0 7px 10px 0!important;} .herramientas.verticales {width: 100%;position:static;margin-bottom:15px;float:none;} .herramientas.verticales .mas {display:inline-block!important;margin-right:20px;} .herramientas.verticales button.icon-mas {display:none!important;} .herramientas .total {max-width: 47px;width: auto;} .herramientas span.icon-linea-share-vertical {font-size: 27px;display:inline-block;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);display: inline-block;} .herramientas span.icon-linea-share-vertical:before {vertical-align: middle;} .herramientas .total.sociales b:empty {display:none;} .herramientas .total {font: normal 19px/23px suecaslabmedium,georgia;} /*margen izquierdo*/ #cuerpo > p, #cuerpo .icon-bullet-grande {margin: 0 0 20px 0; max-width: 640px;} #cuerpo > h2 {margin: 38px 0 22px 0;} .encabezado-columnista {padding:0 0 40px 0;} #cuerpo > h3, .texto-destacado {margin-left:0;} .M, .L {margin: 20px 0 20px 0;} .S {margin: 40px 20px 40px 0!important;} } /*************** tabletas y moviles ****************/ /***************************************************/ @media screen and (min-width: 100px) and (max-width: 1000px){ #header .banners .lateral-der, #header .banners .lateral-izq {display:none!important;} /*article*/ .adicionales .herramientas-sociales {width: auto; height: auto;text-align: right;margin-bottom:30px;} .adicionales .herramientas-sociales a {display: inline-block;margin-left: 40px;width: auto;font: normal 15px/30px 'TheSans', 'Arial';} .herramientas-sociales span {display: block;float: left; margin-right: 5px;} /*desplegable herramientas*/ .cabezal.interna .herramientas .extras {display:none;} .cabezal.interna .herramientas .icon-flecha-abajo {display:inline-block;} #ranking-nota, #comunidad .icon-linea-share-vertical {display:none;} section#comunidad {width:95%!important;float:none!important;} .titulo-comentarios {width:auto;margin-bottom:5px;} .texto-comentarios {padding-left:0;width:auto;margin: 5px 0 10px 0;} #livefyre {margin-top:0;} #cuerpo > .herramientas {height: 43px;} span.icon-linea-share-horizontal {margin-left: 0px;} /* Footer */ #footer .top, #footer .links-principales, #footer .links-extra, #footer .redes-sociales,.link-gda,.link-bbc {display:none;} #footer .bottom {padding: 20px;margin: auto;float: none;width: auto;text-align: center;} .link-copyright {float:none;} /*jw*/ #cuerpo .video-jw {padding-top:0;margin-bottom:20px;width:100%!important;height:100%!important;} #cuerpo .playlist-jw {padding-top:0;margin-bottom:20px;width:100%!important;height:350px!important;} #cuerpo .M.video-jw iframe, #cuerpo .M.playlist-jw iframe, #cuerpo .L.video-jw iframe, #cuerpo .L.playlist-jw iframe, .XL .destacado.jw-video100 iframe, .XL .destacado.jw-playlist100 iframe, .XL.playlist-jw iframe, .XL.video-jw iframe, .primer-parrafo.playlist-jw, .primer-parrafo.video-jw iframe {width:100%!important;height:100%!important;display:block;position:absolute;top:0;left:0;} #cuerpo .M.video-jw iframe {max-height:293px;} #cuerpo .M.playlist-jw iframe {max-height:460px;} #cuerpo .L.video-jw iframe, .XL .destacado.jw-video100 iframe, .XL.video-jw iframe {max-height:360px;} #cuerpo .L.playlist-jw iframe, .XL .destacado.jw-playlist100 iframe, .XL.playlist-jw iframe {max-height:525px;} #cuerpo .M.video-jw, #cuerpo .L.video-jw, .XL .destacado.jw-video100, #cuerpo .M.playlist-jw, #cuerpo .L.playlist-jw, .XL .destacado.jw-playlist100, #cuerpo .XL.video-jw, #cuerpo .XL.playlist-jw, .primer-parrafo.playlist-jw, .primer-parrafo.video-jw {position:relative;} #cuerpo .M.video-jw, #cuerpo .L.video-jw, .XL .destacado.jw-video100, #cuerpo .XL.video-jw, .primer-parrafo.video-jw {padding-bottom:56%;} #cuerpo .M.playlist-jw, #cuerpo .L.playlist-jw, .XL .destacado.jw-playlist100, #cuerpo .XL.playlist-jw, .primer-parrafo.playlist-jw {padding-bottom:75%;} .XXL {width:100%;margin: 20px 0 20px 0;} } /********************* tablet *********************/ @media screen and (min-width: 760px) and (max-width: 999px){ .temas-hoy {border-right: 10px solid #fff;} .nuevo-menu-canales .col2 {width: 13% !important} .nuevo-menu-canales .desplegable .menu-bajo {width: 98%;} .desplegable.actualidad {width: 96%;} .banner.push {width:728px;margin:20px 0;} main {width:730px;padding:0 15px 20px;} .texto-comentarios {width:auto;} .herramientas.verticales button.icon-print {display:none;} /*encabezado*/ article#nota > h1 {font: normal 34px/40px 'TheSansBold', 'Arial';} main .bajada {font: normal 17px/24px 'TheSans', 'Arial';padding-right:15px;} article#nota hr {margin: 25px 15px 25px 0;} .mas-datos {margin: 20px 0;} /*columnista*/ .encabezado-columnista {padding: 0 0 40px 0;} .encabezado-columnista h1 {font:normal 34px/41px TheSansSemiItalic;width: 315px;} .encabezado-columnista .bajada {width:265px;font-size:18px;} .encabezado-columnista .mas-datos .fecha, .encabezado-columnista .mas-datos.con-firma .columnista:first-child {margin-left: 0;} .mas-datos div.fecha {margin-top:15px; border-left:none!important;border-bottom:none!important; } .mas-datos div.columnista {border-bottom: 1px solid #e0e0e0;margin-bottom: -1px; } /*article*/ #cuerpo .banner:not([class*="tablero"]){margin:0 -15px 25px 20px;} #cuerpo.b-primer-parrafo .banner.caja1 {margin:0 auto 20px;float:none;clear:initial;} #cuerpo > p, #cuerpo .icon-bullet-grande {font: normal 19px/29px "Georgia";max-width:640px;margin:0 0 20px 0;} .herramientas button {width: 30px;height: 30px;} #cuerpo .banner:not([class*="tablero"])+ .L {clear:both;} #cuerpo > h2 {margin: 38px 0 22px 0;} #cuerpo > h3 {margin-left: 0;} .S {margin: 20px 0 20px 30px;float: right;clear: right;} .texto-destacado {max-width: 640px;} .aside-texto {margin: 10px 0 20px 30px;} img.XS {margin: 5px 40px 0 0px;} .texto-destacado, .comentario-destacado {margin: 30px 0 26px 0;} /*.embed.XL {width:730px;margin:0 0 20px 0;} .embed.M, .embed.L {width:420px;margin:0 0 20px 0;}*/ .XL, .L {margin:20px 0 30px;} .M, .L, .XL {max-width:initial!important;margin-bottom:20px;} .XXL {width: 98vw;margin-left: calc((730px - 98vw)/2);margin-right: calc((730px - 98vw)/2);} /*galeria e imagen XL*/ .XL, .galeria.XL, .galeria.XL.galeria.XL .slideshow, .galeria.XL .slideshow div {width: 730px;} .galeria.XL .slideshow div, .galeria.XL .slideshow, .galeria.XL .slideshow div, figure.XL div:first-child, figure.XL div:first-child img, .galeria.XL .slideshow div img {height: 400px;margin:auto;} .galeria.XL .epigrafe {width: 490px;} .galeria.XL .icon-anterior, .galeria.XL .icon-siguiente {top: 180px;} figure.XL figcaption {width: 590px;} .link-destacado {margin-bottom: 20px;} .breadcrumb, .en-esta-nota, .pie-nota {float:left;margin: 0 0 20px 0 !important;} /*cinturon notas*/ /******* cinturon notas ********/ .cinturon-notas {width: auto;} .cinturon-notas > div:not(.techo) > *:first-child {padding: 20px 1.5%;} .cinturon-notas > div:not(.techo) > *, .cinturon-notas:not(.videos) > div div {width: 30%;} .cinturon-notas > div:not(.techo) > * {padding: 20px 1%!important;font: normal 16px/22px 'TheSans', 'Arial';} .cinturon-notas figure {width:auto;height:175px;} .cinturon-notas > div div {width:32%;} .cinturon-notas:not(.videos) > div div figure {display: none!important;} .cinturon-notas > div div a {font: normal 16px/22px 'TheSans', 'Arial';padding:11px 3%;height: 118px;} .cinturon-notas > div div a h2 {float:none;} .cinturon-notas > div:not(.techo) > * h2{height: 90px;} /*storytelling*/ .storytelling > nav {height: auto;min-height: 30px;} .storytelling #nota .encabezado, .storytelling #nota nav {width: 100vw;margin-left: calc((730px - 100vw)/2);margin-right: calc((730px - 100vw)/2);overflow: hidden;} .storytelling #nota .encabezado img {margin-left:-120px;} .storytelling #nota .encabezado .caja-titulo {width:730px;padding:10px 0 30px 0;left:calc(50% - 365px);} #cuerpo .M.video-jw, #cuerpo .L.video-jw {padding-bottom:40%;} .pantalla-completa.galeria .contenedor-modal > .herramientas {top: 3px;right: 3px;} .pantalla-completa.galeria .contenedor-modal > .herramientas .icon-cerrar {font-size: 44px;width: 45px;height: 45px;} /*techo negocios*/ .iframe-negocios {height:120px!important;margin-bottom:10px!important;} /*tableros*/ .caja-tablero {width:100%;margin-bottom:25px;} .caja-tablero .datos-encuentro .visitante {margin-right:3%;} .caja-tablero .datos-encuentro .local {margin-left:3%;} } /********************* ajuste banners que se superponen *********************/ @media screen and (min-width: 700px) and (max-width: 1015px) { #cuerpo .M.video-jw iframe, #cuerpo .M.playlist-jw iframe {width:83%!important;} #cuerpo .M.video-jw iframe {max-height:243px!important;} .M.playlist-jw iframe {max-height:405px!important;} #cuerpo .L.video-jw iframe, #cuerpo .L.playlist-jw iframe {width:67%!important;} .L.playlist-jw iframe {max-height:400px!important;} #cuerpo .L.video-jw, #cuerpo .M.video-jw {padding-bottom:34%;} #cuerpo .M.playlist-jw, #cuerpo .L.playlist-jw {padding-bottom:56%;} } /********************* celulares *********************/ @media screen and (min-width: 100px) and (max-width: 759px){ .banner.expandable {width:auto;margin:0 auto 20px;text-align:center;overflow:hidden;} main {width:auto;padding:70px 0 0 0px;margin-top: 0;overflow:hidden;} article, .cinturon-notas {padding:0 10px} /*encabezado*/ article#nota > h1 {font: normal 22px/25px 'TheSansBold', 'Arial';margin-bottom:15px;} article#nota > h1 i {font: normal 22px/25px 'TheSansBoldItalic', 'Arial';} #cuerpo > h2 {font: normal 22px/28px suecaslabmedium, georgia;color: #0084b6;letter-spacing: -0.6px;margin-bottom:15px;clear:both;} #cuerpo > h3 {font: bold 18px/30px Georgia;margin-bottom:15px;} main .bajada {font: normal 17px/24px 'TheSans', 'Arial';width:auto!important;} article#nota hr {margin: 25px 0;} .adicionales .herramientas-sociales {text-align: center;} .adicionales .herramientas-sociales a {margin:0 10px;} .S {float:none;margin-bottom:30px;} .S .herramientas.horizontales, .texto-destacado .herramientas.horizontales, .texto-destacado hr {display:none;} /*columnista*/ .encabezado-columnista .datos button {display: none;} img.XS {margin: 5px 20px 20px 0px;} /*article*/ figure.encolumnada {width:300px;margin:20px auto;} .aside-texto {margin:20px auto 30px;width: 300px;} #cuerpo > p, #cuerpo .icon-bullet-grande {font: normal 16px/25px "Georgia";width:auto;margin:0 0 20px 0;max-width:640px;width:auto;} #cuerpo .banner:not([class*="tablero"]){margin:0 auto 25px;float:none;} .texto-destacado {max-width: 520px;margin-bottom: 20px;background: #f2f2f2;padding: 20px;margin: 0 -10px;} .texto-destacado em {font: normal 16px/24px 'Suecaslabbold';} .embed {clear:both;width:300px;margin:20px auto;} .mas-datos.con-firma {border:0;} .mas-datos.con-firma .fecha {margin-top:10px;padding:0;border-left:0;} .mas-datos { margin: 20px 0 30px;border-bottom: 1px solid #A7A7A7;} .mas-datos .fecha {border-bottom: 0;} .mas-datos div.columnista {display:block;border-bottom:none;} .mas-datos div.columnista div {border-bottom:none;} .mas-datos div.columnista:nth-last-child(-n+2) div div.seguir {border-bottom:none;} .mas-datos div.columnista:nth-last-child(-n+2) div:first-child {border-bottom:1px solid #44BCA1;} .mas-datos div.columnista:nth-last-child(-n+2) {display:block; border-bottom: 1px solid #e3e3e3!important;} /*herramientas*/ #herramientas-sociales {margin-bottom:30px!important;} #cuerpo #herramientas-sociales {display:block;position:fixed;bottom:5px;width:94%;text-align:center;z-index:101;} #cuerpo #herramientas-sociales button {margin: 0 10px;} #cuerpo #herramientas-sociales .total.lf, #cuerpo #herramientas-sociales .icon-mas, #cuerpo #herramientas-sociales .icon-dialogo, #cuerpo #herramientas-sociales span {display:none!important;} .herramientas a {padding:8px 0 0;font-size: 17px;width: 34px;height: 26px;-webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;background: #0084B5;color: #fff;margin: -3px 10px 0;vertical-align: middle;} .herramientas a.volver {background: #fff;border: 1px solid #A7A7A7;color: #8D8D8D;width: 32px;height: 24px;display: inline-block;} .icon-go-to-top:before {margin-left: -1px;font-size: 15px;} #herramientas-sociales.herramientas.abiertas .mas {display:none!important;} #cuerpo ol.lista li {margin-left: 20px;} .comentario-destacado .cantidad a {display:inline-block;} .breadcrumb, .en-esta-nota, .pie-nota {margin:0 0 20px 0 !important;width:100%;float:none;} /*en esta nota*/ .L.en-esta-nota {width:auto;margin: 30px 0;} .breadcrumb {display:none;} /*mas sobre esta tema y cinturon de notas dinamico*/ .mas-sobre-tema .techo span, .cinturon-notas .techo span {padding-top: 10px;} .mas-sobre-tema .techo .seguir {margin-top: 10px;} .mas-sobre-tema div > a, .cinturon-notas div > a {display:block;clear:both;margin-top:19px;min-height:72px;padding:0;} .mas-sobre-tema div > a:after, .cinturon-notas div > *:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .mas-sobre-tema a figure, .cinturon-notas * figure, .cinturon-notas.videos * figure {display:block;float:left;width:100px!important;height:100px;overflow:hidden;margin: 0 10px 0 0;position: relative;} .mas-sobre-tema a figure img, .cinturon-notas * figure img {height:100px;width: auto!important;position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);} .mas-sobre-tema a h2, .cinturon-notas * h2 {font:normal 16px/21px 'Arial';margin:5px 0 0 0;border-top:1px solid #e0e0e0;padding-top:8px;} .mas-sobre-tema a figure + h2, .cinturon-notas * figure + h2 {margin:5px 0 0 110px;} .mas-sobre-tema hr, .mas-sobre-tema p {display:none;} /*te puede interesar*/ .cinturon-notas .techo span {font:normal 23px/25px suecaslabmedium, georgia;} .cinturon-notas div:nth-child(3) *:nth-child(4) {display:none;} .cinturon-notas > div .patrocinada figure span {font-size:11px;} .cinturon-notas .patrocinada h2 {border:0;} /* Para ver Videos relacionados */ .cinturon-notas.videos .techo span {font:normal 19px/25px suecaslabmedium, georgia;} .cinturon-notas.videos .techo span.icon-flecha-para-ver {padding:14px 5px 0 2px!important;} .cinturon-notas.videos span.icon-play {width:30px;height:30px;bottom:5px;right:5px;} .cinturon-notas.videos .icon-play:before {padding:6px 0 0 2px;} .cinturon-notas.videos > div:not(.techo) > div {padding: 0;} .primer-parrafo, .M, .L, .XL {width:auto;margin:20px 0;} .primer-parrafo {max-width:620px;} .M {max-width:520px;} .L {max-width:640px;} /*iframes al 100*/ .primer-parrafo iframe, .M iframe, .L iframe, .XL iframe {width:100%;} /*video yt*/ .video-yt {width:100%} figure.S {margin:20px auto; } #cuerpo > figure.encolumnada {text-align:center;} #cuerpo > figure figcaption {padding-left:10px;text-align:left;} #cuerpo > * .herramientas {display:none;} figure.M, figure.L, figure.XL, figure.primer-parrafo {width:auto!important;margin:20px 0;} figure.M div:first-child img, figure.L div:first-child img, figure.XL div:first-child img, figure.primer-parrafo div:first-child img {width:100%!important;} .galeria {width: auto!important;margin:20px 0;} .galeria .slideshow, .galeria .slideshow div {background-color: #bbb!important;width: 100%!important;height: 0!important;padding-bottom: 56%!important;position: relative!important;} .galeria .slideshow img {width:100%!important;} .galeria .epigrafe {padding: 10px 160px 0 10px;height: 36px;overflow: hidden;} .galeria .herramientas {display:none;} .galeria .total {position: absolute;top: auto;bottom: 10px;right: 56px;padding: 10px 0 10px 8px;} .galeria .icon-anterior, .galeria .icon-siguiente {height:51px;top: auto;bottom:2px; right: 32px;left:auto;background: rgba(192,192,192,0.25);width: 30px;} .galeria .icon-siguiente {right: 1px;} .icon-resize {display:none!important} /*storytelling*/ #cuerpo > h2:target {padding-top: 64px;} .storytelling #nota .encabezado {width: 100%;margin-left: 0;} .storytelling > nav {width:auto;height:39px;text-align:left;margin:-5px -10px 15px;border-left:0;border-right:0;overflow-x:scroll;} .storytelling > nav.scroll {top: 0;width:100%;} .storytelling figure {width:auto!important;margin:0 -10px;} .storytelling .encabezado img {width:100%!important;height:auto;margin-left:0;} .storytelling .encabezado .caja-titulo {background:#0084B6;width:auto;height:auto;left:0;padding:0 15px 10px;margin-top:0;z-index:10;position:relative;} .storytelling .encabezado .caja-titulo span {margin: 0 auto 5px;padding: 10px;} .storytelling h1 {font:normal 29px/35px 'TheSansSemi', 'Arial';} .storytelling > nav a {font:bold 16px/22px 'Georgia'} .storytelling main nav div {display:inline-block;width:1300px;padding:10px;} .storytelling .bajada {font:normal 16px/23px 'TheSans', 'Arial';} /*columnista*/ .encabezado-columnista {padding:0;} .encabezado-columnista .datos {position:relative;width:auto;min-width:320px;max-width:570px;background:url('/v1/ln/imgs/layout/fondos/sprite-9.png') no-repeat -235px -125px;} .encabezado-columnista h1 {font:normal 23px/28px 'TheSansBold', 'Arial';width:auto;padding:12px 0;max-width:530px;} .encabezado-columnista .mas-datos {position:relative;} .encabezado-columnista .mas-datos .fecha {margin-left:0;margin-top:1px;padding-top:5px;border-bottom:0;} .encabezado-columnista .datos > a img {width:160px;} .encabezado-columnista .datos > div {width:120px;float:left;margin-top:20px;} .encabezado-columnista hr {display:none;} .cabezal.interna .herramientas {display:none;} /*techo negocios*/ .iframe-secciones {display:none;} /*galeria iframe*/ .pantalla-completa.galeria .contenedor-modal > .herramientas {top: 6px!important;right: 6px!important;display:block!important;width:auto!important;left: auto!important;} .pantalla-completa.galeria .contenedor-modal > .herramientas .icon-cerrar {font-size: 28px;width: 30px;height: 30px;} /*embebidos youtube primer parrafo*/ .primer-parrafo iframe{width:100%!important;} /*content-labs*/ .content-labs {float:none;} .pie-content-labs {width:auto;} .pie-content-labs p {display:inline;} span.content-labs-top{display:inline-block;} img.XS {position:static!important;} .archivo-pdf, .archivo-pdf iframe {height:700px!important;} /*tableros*/ .caja-tablero {width:100%;height:110px;overflow: hidden;margin-bottom: 25px;} .caja-tablero .datos-encuentro .nombre {display:none;} .caja-tablero .datos-encuentro .equipo {width:60px!important;} .caja-tablero .datos-encuentro .numero {width:45px!important;height:45px!important;border-radius:45px!important;font:normal 27px suecaslabbold, georgia!important;margin-top:0;} .caja-tablero .datos-encuentro .equipo .escudo img {width:50px!important;} .caja-tablero .datos-encuentro {margin-top:10px;} .caja-tablero .datos-encuentro .visitante {margin-right:5%;} .caja-tablero .datos-encuentro .local {margin-left:5%;} .caja-tablero .datos-encuentro .numero.penales p {font:normal 22px/24px suecaslabbold, georgia!important;margin-top:2px;} .caja-tablero .datos-encuentro .penales .resultado {padding-top:2px!important;font:bold 12px 'Arial';} /*tenis*/ .caja-tablero.tenis .datos-encuentro {margin:auto;width:270px;text-align:center;padding:15px 12px 15px 12px;border-bottom:0;} .caja-tablero.tenis .datos-encuentro .game {width:19px;font:normal 12px/11px Arial,sans serif!important;} .caja-tablero.tenis .datos-encuentro .game.gana {font-weight:bold;} .caja-tablero.tenis .datos-encuentro .game.enjuego {font:bold 14px/9px Arial,sans serif!important;} .caja-tablero.tenis .datos-encuentro .nombre {display:block;min-width:0;width:110px!important;font:normal 12px Arial,sans serif!important;} .caja-tablero.tenis .datos-encuentro .bandera {margin-right:5px;} .caja-tablero .datos-encuentro .local, .caja-tablero .datos-encuentro .visitante {width:40%;} .caja-tablero .minuto {padding-top:4px;} } /******** logos e iconos para resoluciones grande ********/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 360px) and (max-width: 640px), only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 360px) and (max-width: 640px), only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 360px) and (max-width: 640px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 360px) and (max-width: 640px) { #cuerpo > p, #cuerpo .icon-bullet-grande {font: normal 17px/26px "Georgia";-webkit-text-size-adjust: none;} } /********************* print *********************/ @media print { article#nota h1 {clear:both; font-size:32px;margin-bottom:30px;font-family:'TheSansSemi', 'Arial';line-height:40px;} .logoprint {display:block;} h2 {clear:both;} h3 {margin: 50px 0 30px; font-size:25px; } p {line-height:29px;margin-bottom:40px;} #cuerpo ul, #cuerpo ol {font-size:17px;line-height:25px; margin-bottom:20px; font-family:'Georgia';} figure {border-bottom:none!important;} figcaption, .epigrafe {margin-bottom:30px;text-align:left;} #header {display:none;} #footer {background-color:white;} .logoprint-content {width:100%; border-bottom: 1px solid #dadada; padding-bottom:5px;margin-bottom:75px;text-align:left;} .icon-menu {display:none;} .seguir{display:none;} .herramientas {display:none;} .login {display:none;} main .bajada {clear:both; color: #000; font-size:20px;line-height:27px;font-family:'TheSans', 'Arial';} .tema h2 {font-size:20px!important;margin-top:10px; height:10px!important; clear:both; } .tema h2 a {border-left: 1px solid #dadada; padding-left:10px;} aside, iframe, .seguir, #ultimoMomentoResponsive, .icon-twitter,.cantidad, .icon-mail, .en-esta-nota, .cinturon-notas, .links-principales, .links-extra, .redes-sociales, .herramientas.horizontales, .herramientas.verticales, .link-destacado, .total, .XS, .icon-menu-mobile:before, .link-gda, #ranking-nota, #footer .logo-bbc, .herramientas-sociales, #comunidad {display:none!important;} #cuerpo > h2 {font-size:20px; font: normal 28px/38px suecaslabmedium, georgia; margin:20px 0;} #cuerpo p {font-size:17px; font-family:'Georgia';} .encuesta, .prev, .next, .icon-resize {display:none;} .S {margin: 50px 50px 50px 0;} .XL, .L, .M {text-align:center; margin: 30px auto!important;} .XL a, .L a, .M a {text-align:center; margin: 0 auto!important;} figure, .slideshow, .galeria {text-align:center; margin: 0 auto!important; overflow:visible; position:inherit; display:inline;} .XL img, .L img, .M img{width:641px!important;} .galeria div img{width:641px!important;margin: 0 auto!important; text-align:center; } .slideshow a {position:relative!important; margin:20px;} .texto-destacado {font-size:16px; font-weight:bold; margin:20px 0;} body {-moz-transform: scale(0.8);} .primero:first-letter {font-size: 60px;float: left; margin-right: 5px; color: #000; margin-top:13px;} .f-imagenRelacionada {margin-right:20px; clear:both} .herramientas-sociales {display:none;} }.fade {opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;} .fade.in {opacity: 1;} .collapse {display: none;visibility: hidden;} .collapse.in {display: block;visibility: visible;} tr.collapse.in {display: table-row;} tbody.collapse.in {display: table-row-group;} .collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;-o-transition-duration: .35s;transition-duration: .35s;-webkit-transition-property: height, visibility;-o-transition-property: height, visibility;transition-property: height, visibility;} .close {font-size: 21px;font-weight: bold;line-height: 1;color: #000;filter: alpha(opacity=50);opacity: .5;} .close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=80);opacity: .8;} button.close {-webkit-appearance: none;padding: 0;cursor: pointer;background: transparent;border: 0;} .modal-open {overflow: hidden;} .modal {position: absolute;bottom:auto;top:auto;right:auto;left:50%;margin-left:-380px;padding:0;z-index:1073741820;display:none;overflow:hidden;-webkit-overflow-scrolling: touch;outline:0;background-color:#fff;border:1px solid #999999;border:1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;} .modal.container {max-width: none;} /* otros parametros del modal */ .modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out; -webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);} .modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);} .modal-open .modal {overflow-x: hidden;overflow-y: auto;} .modal-dialog {position: relative;width: auto;margin: 10px;} .modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);} .modal-backdrop {position: absolute;top: 0;right: 0;left: 0;background-color: #000;} .modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0;} .modal-backdrop.in {filter: alpha(opacity=50);opacity: .5;} .modal-header .close {display:block;padding:7px;z-index:200;position:absolute;right:5px;} .modal-body {position:relative;margin:0;} .modal-open {overflow: hidden;} /* add a scroll bar to stop page from jerking around */ .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable {overflow-y: scroll;-webkit-overflow-scrolling:touch!important;} .modal-scrollable {position: fixed;top: 0;bottom: 0;left: 0;right: 0;overflow: auto;} .modal.fade {top: -100%;-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;-o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;} .modal.fade.in {top: 50%;} .modal-body {max-height: none;overflow: visible;} .modal.modal-absolute {position: absolute;z-index: 950;} .modal .loading-mask {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #fff;border-radius: 6px;} .modal-backdrop.modal-absolute {position: absolute;z-index: 940;} .modal-backdrop, .modal-backdrop.fade.in {opacity: 0.7;filter: alpha(opacity=70);background: #fff;} /* Modal Overflow */ .modal-overflow.modal {top: 1%;} .modal-overflow.modal.fade {top: -100%;} .modal-overflow.modal.fade.in {top: 1%;} .modal-overflow .modal-body {overflow: auto;-webkit-overflow-scrolling: touch;} /* RESPONSIVE */ #iframe-registracion {width:760px;height:520px;} #modal-registracion {width:760px;height:525px;} @media (max-width:768px) { #iframe-registracion {width:100%!important;} .modal, .modal.container,.modal.modal-overflow {top: 1%;right: 1%;left: 1%;bottom: auto;width:100%!important;height: auto!important;margin: auto!important;padding: 0 !important;} .modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in {top:1%;bottom:auto;} .modal-body, .modal-overflow .modal-body {position: static;margin:0;height:auto!important;max-height:none!important;overflow: visible !important;} .modal-footer,.modal-overflow .modal-footer {position: static;} #login-signwall {-webkit-overflow-scrolling:touch;overflow-y:scroll;height:400px!important;} }