/* cabecera portada */ .portada-ppal {padding-top: 0;} .header-home { margin-bottom: 20px;} .header-home .menu-principal { position: static; height: 47px; } .header-home .header-superior { background: #f2f2f2; height: 34px; text-align: center; position: relative; } .header-home .header-superior .portales-verticales { position: absolute; left: 0; top: 0; padding-left: 10px;} .header-home .header-superior .portales-verticales li { float: left; margin-right: 12px; padding-right: 13px; position: relative; } .header-home .header-superior .portales-verticales li:after { content: ""; position: absolute; right: 0; width: 1px; background: #cecece; top: 10px; bottom: 10px; } .header-home .header-superior .portales-verticales li:last-child { margin-right: 0; padding-right: 0;} .header-home .header-superior .portales-verticales li:last-child:after { display: none; } .header-home .header-superior .portales-verticales li a span{ color: #555; font-size: 22px; line-height: 36px; } .header-home .header-superior .portales-verticales .as-icon-bvida-mini { font-size: 26px; } .header-home .header-superior .portales-verticales .as-icon-epik-mini { line-height: 34px; } .header-home .header-superior .buscador-superior { display: none; background: #fff; position: absolute; z-index: 1; top: 0; right:0; width: 300px; height: 34px; padding:7px 35px;} .header-home .header-superior .buscador-superior button { background:none; border:0; position: absolute; top: 0; left: 0; height: 34px; width: 34px; } .header-home .header-superior .buscador-superior button .as-icon-buscar { color: #999; font-size: 19px; line-height: 34px; } .header-home .header-superior .buscador-superior input { color: #999; font:bold 14px/18px arial, helvetica; background: none; border: 0; width: 100%; } .header-home .header-superior .buscador-superior input:focus { border:none; } .header-home .header-superior .buscador-superior input::-webkit-input-placeholder { color: #999;} .header-home .header-superior .buscador-superior .cerrar-buscador-sup { width: 35px; height: 34px; display: block; position: absolute; right: 0; top: 0; text-indent: -999px; overflow: hidden; } .header-home .header-superior .buscador-superior .cerrar-buscador-sup:before, .header-home .header-superior .buscador-superior .cerrar-buscador-sup:after { content: ''; position: absolute; height: 3px; width: 50%; top: 50%; left: 25%; margin-top: -1px; background: #999; } .header-home .header-superior .buscador-superior .cerrar-buscador-sup:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .header-home .header-superior .buscador-superior .cerrar-buscador-sup:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .header-home .enlaces-ediciones { display: inline-block; } .header-home .enlaces-ediciones li { display: inline-block; margin-right: 7px; padding-right: 8px; position: relative;} .header-home .enlaces-ediciones li:last-child { padding-right: 0; margin-right: 0;} .header-home .enlaces-ediciones li:after { content: ""; position: absolute; right: -2px; top:15px; width: 4px; height: 4px; border-radius: 50%; background: #999;} .header-home .enlaces-ediciones li:last-child:after { display: none;} .header-home .enlaces-ediciones li a { font: 13px "sourcesans", arial; text-transform: uppercase; color: #333; display: block; line-height: 34px; position: relative;} .header-home .enlaces-ediciones li.active a { font-weight: bold; } .header-home .enlaces-ediciones li.active a:after, .header-home .enlaces-ediciones li:hover a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height:2px; background: #EE9200; } .header-home .utiles-header { position: absolute; right: 0; top: 0; font-size: 0; } .header-home .utiles-header li { display: inline-block; margin-right: 12px; padding-right: 13px; position: relative;} .header-home .utiles-header li:after { content: ""; position: absolute; right: 0; width: 1px; background: #cecece; top:10px; bottom: 10px;} .header-home .utiles-header li:last-child { padding-right: 0;} .header-home .utiles-header li:last-child:after { display: none;} .header-home .utiles-header li a { display: block; color: #333; font: 13px 'sourcesans', arial; line-height: 34px; } .header-home .utiles-header li span { color: #555; font-size: 16px; display: inline-block; vertical-align: text-top;} .header-home .utiles-header li .nombre-usuario { font-size: 13px; color: #CE0000; } .header-home .icon-wradio { width:25px ; height:18px; font-size: 0; background: url(/img/comunes/logos/wradio.png); background-size: cover; } .header-home .icon-caracol { width:35px ; height:18px; font-size: 0; background: url(/img/comunes/logos/logo-caracol.svg); background-size: cover; } .header-home .icon-adn { width:78px ; height:18px; font-size: 0; background: url(/img/comunes/logos/adnradio.png); background-size: cover; } .header-home .link-nba { float: right; margin-top: 5px; margin-right:10px; color: #fff; font: 12px arial; text-shadow:1px 1px 1px rgba(0,0,0,.2);} .header-home .link-nba:hover { opacity:.8; text-shadow:1px 1px 1px rgba(0,0,0,.4);} .header-home .link-nba img { display: inline-block; margin-left: 10px; vertical-align: middle; height: 35px; } .header-home .header-ppal { position:relative; background: #CA0305; text-align: center; height: 85px; border-bottom: 1px solid #D62422;} .header-home .header-ppal .logo-ppal-portada { display: inline-block;} .header-home .header-ppal .logo-ppal-portada img { display: block; vertical-align: middle; height: 85px; width: 88px; } .header-home .info-update { position: absolute; left: 0; padding: 28px 0 0 15px; text-align: left;} .header-home .info-update p { font:11px "lucida sans", arial; color: #fff; margin-bottom: 2px; } .header-home .info-update p.fecha-header { color: #ccc; } .header-home .info-portada { position: absolute; right: 0; top:0; text-align: right; padding: 15px 150px 0 0px;} .header-home .info-portada .titular-portada { font: 12px "sourcesans", arial, helvetica; color: #fff; width: 175px; margin-bottom: 10px; } .header-home .info-portada .titular-portada a { color:#fff; } .header-home .info-portada .link-portadas a { font: 13px "sourcesansbold", arial, helvetica; color: #fff; background: #bd0000; padding: 2px 8px; border:1px solid #DA1E17; } .header-home .info-portada .portada-as { position: absolute; top: 5px; right: 10px; width: 130px; height: 65px; margin-top: 5px; border-bottom: 1px solid #990000; overflow: hidden; display: block; text-align: center;} .header-home .info-portada .portada-as:hover { width: auto; height: auto; border-bottom: 0; z-index: 10000; overflow: visible; box-shadow: 0px 0px 15px rgba(0,0,0,.5); background: #fff;} .header-home .info-portada .portada-as .img-portada { display: block; font-size: 0; } .header-home .info-portada .portada-as .img-portada img { display: inline-block; width: 110px; height: auto; box-shadow: 0px 0px 5px rgba(0,0,0,.5);} .header-home .info-portada .portada-as:hover .img-portada img { width: 425px; height: auto; box-shadow: none; padding: 15px;} .header-home .info-portada .portada-as .btn-portada-papel { background: #fff; position: relative; } .header-home .info-portada .portada-as .btn-portada-papel:after { content: '';position: absolute; width: calc(100% - 20px); height: 1px; top:0; left: 10px; border-bottom: 1px dotted #ddd; } .header-home .info-portada .portada-as .btn-portada-papel .logo-kymas { padding: 10px; background: #f2f2f2; border-top: 1px solid #ddd; text-align: right; } .header-home .info-portada .portada-as .btn-portada-papel .logo-kymas img { width: 80px; height: auto; display: inline-block; } .header-home .info-portada .portada-as .btn-portada-papel .btns { padding: 10px; } .header-home .info-portada .portada-as .btn-portada-papel .btns .btn { float: left; width: 49%; } .header-home .info-portada .portada-as .btn-portada-papel .btns .btn:first-child { margin-right: 2%; } .header-home .menu-principal.fixed-menu {position: fixed; height: 46px;} .header-home .menu-principal .nav-ppal ul li:first-child:after { display: none;} .header-home .btn-menu { margin-right: 0px;} .header-home .btn-result { position: absolute; right: 0px; top:0px;} /*PUBLICIDAD*/ div[id*="NSTD"]{ margin-bottom: 15px; } *[id*="NSTD9"].pieza-patrocinio { margin-bottom: 0; } /* reseteo de margen para patrocinio en cabecera */ /*fix para billboards en portada*/ .billboard > div > div { box-sizing:content-box; background: url(/img/txt_publi_v.svg) no-repeat 1px center #fff; background-size: 9px 40px; padding: 0 0 0 10px; margin: -5px -10px 15px -10px; text-align: center; border: 1px solid #e4e4e4 !important; display:block!important; width: auto!important; font-size: 0px; min-height: 90px; letter-spacing: 0px; word-spacing: 0px; } /*fix para billboards en tags y agr*/ .banner_sup .billboard > div > div { background: none; padding: 0; margin: 0; border: none!important; } /* por bloque en portada */ .area-actualidad .col-md-8 .publi:first-child { min-height: 60px; } .area-actualidad .col-md-4 .publi { min-height: 140px; width: auto; } .area-actualidad .col-md-4 .publi:last-child { min-height: 250px; } /* noticia basica */ .pntc { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .pntc:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0px; } .pntc figure { position:relative; overflow: hidden; z-index: 1; } .pntc figure.item-multimedia .img-pntc { position: absolute; left: -50%; right: -50%; top:-50%; bottom: -50%; margin: auto; height: 100%; width: auto; } .pntc-content { position: relative; } .pntc .pntc-content .title { font: 20px/22px 'ascombold',sans-serif; word-break: break-word; margin-bottom: 10px; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; color: #131313; } .pntc .pntc-content .title a { color:inherit; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in;} .pntc .pntc-content .title a:hover { color: #E68C12; } .pntc .pntc-content .subtitle { font: 14px/16px 'sourcesans',sans-serif; text-transform: uppercase; color: #666; } .pntc .pntc-content .subtitle a { color: inherit; } .pntc .pntc-content .txt { font:15px/20px 'sourcesans',sans-serif; color: #6b6b6b; } .pntc .pntc-content .txt a { border-bottom: 1px dotted #6b6b6b; color: #111; } .pntc .pntc-content .txt a:hover { border-bottom: 1px solid #6b6b6b; } .pntc .pntc-content .pntc-txt { margin-bottom: 10px; } /*autor*/ .pntc .pntc-autor-share .nom-wrapper { float:left; vertical-align: middle; font: 10px/12px 'Lucida Grande',arial, helvetica, sans-serif; margin-top: 5px;} .pntc .pntc-autor-share .nom-wrapper .nom { display: block; text-transform: uppercase; color: #333; margin-bottom: 2px; -webkit-transition: color .2s ease-in; transition:color .2s ease-in;} .pntc .pntc-autor-share .nom-wrapper .nom:hover { color:#E68C12;} .pntc .pntc-autor-share .nom-wrapper .fecha { color: #9e9e9e; margin-right: 4px; } .pntc .pntc-autor-share .nom-wrapper .fecha a { color: inherit; } .pntc .pntc-autor-share .nom-wrapper .hora { color: #FFB632; font-weight: bold; } .pntc .pntc-autor-share .nom-wrapper .hora a { color: inherit; } /*share*/ .pntc .pntc-autor-share .btn-wrapper { /*position: relative; float: right;*/ font-size: 16px; bottom: 0; position: absolute; right: 0; } .pntc .pntc-autor-share .btn-wrapper .btn-comment { float: left; padding: 1px 11px 0 9px; height: 33px; line-height: 30px; color: #434343; border: 1px solid #dddddd; border-right: none; -webkit-transition: all .2s; transition: all .2s; } .pntc .pntc-autor-share .btn-wrapper .btn-comment.hot-topic { background: #CA0305; color: #fff; border-color: #CA0305; } .pntc .pntc-autor-share .btn-wrapper .btn-comment .as-icon-comentario { position: relative; top: 1px; } .pntc .pntc-autor-share .btn-wrapper .btn-comment .comment-n { font: 13px sans-serif; margin-left: 6px; } .pntc .pntc-autor-share .btn-wrapper .btn-share { float: left; padding: 2px 11px 0 9px; position: relative; z-index: 2; height: 33px; line-height: 30px; color: #434343; border: 1px solid #dddddd; -webkit-transition: all .2s; transition: all .2s; } .pntc .pntc-autor-share .btn-wrapper .btn-share .as-icon-compartir { line-height: 26px; } /*hover*/ .pntc .pntc-autor-share .btn-wrapper .btn-comment:hover, .pntc .pntc-autor-share .btn-wrapper .btn-share:hover { color:#fff; background-color: #434343; border-color: #434343; } /* capa rrss y reproduccion video */ .pntc .capa-video {display: flex; align-items:center; justify-content:center;} .pntc .capa-video .video_MPEP { background-color: transparent;} .pntc .rrss-wrapper, .pntc .capa-video { position: absolute; left: 0px; top: 0; overflow: hidden; width: 100%; height: 100%; background: rgba(51,51,51,0.85); z-index: 5; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s; transition:opacity 0.25s; } .pntc .rrss-wrapper.activo, .pntc .capa-video.activo { visibility:visible; opacity: 1; } .pntc .rrss-list { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; height: 100%; max-width: 300px; margin: 0 auto; position: relative; } .pntc .rrss-list li { margin: 0 5px; } .pntc .rrss-list li a { display: block; height: 45px; width: 45px; font-size: 20px; line-height: 45px; text-align: center; color:#fff; padding-top: 2px; opacity: .9; } .pntc .rrss-list li a:hover { opacity: 1; } .pntc .rrss-list .facebook { background: #5872A7; } .pntc .rrss-list .twitter { background: #00C0F6; } .pntc .rrss-list .google-plus { background: #E46551; } .pntc .capa-video { position: absolute; left: 0px; top: 0; overflow: hidden; width: 100%; height: 100%; z-index: 5; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s; transition:opacity 0.25s; background: #3c3c3c; background: -webkit-linear-gradient(top, #3C3C3C 0%,#0F0F0F 99%); background: linear-gradient(to bottom, #3C3C3C 0%,#0F0F0F 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C3C3C', endColorstr='#0F0F0F',GradientType=0 );} .pntc .capa-video .capa-video-ftr{ position: absolute; z-index: 1; right:15px; bottom:15px;} .col-md-12 > .pntc .capa-video .bg-capa-video .as-icon-astv, .col-md-8 > .pntc .capa-video .bg-capa-video .as-icon-astv, .col-md-6 > .pntc .capa-video .bg-capa-video .as-icon-astv{ position: absolute; font-size: 300px; line-height: 300px; right:-30px; bottom:-115px; color: rgba(255,255,255,0.04); background: transparent;} /*btn cerrar*/ .pntc .rrss-wrapper .btn-cerrar, .pntc .capa-video .btn-cerrar { position: absolute; top: 0px; right: 0px; z-index: 2; width: 40px; height: 40px; overflow: hidden; text-indent: -9999px; color:#fff; opacity: .8; } .pntc .rrss-wrapper .btn-cerrar:after, .pntc .rrss-wrapper .btn-cerrar:before, .pntc .capa-video .btn-cerrar:after, .pntc .capa-video .btn-cerrar:before { content: ""; position: absolute; top: 20px; right: 15px; height: 3px; width: 20px; background: #fff; } .pntc .rrss-wrapper .btn-cerrar:after, .pntc .capa-video .btn-cerrar:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .pntc .rrss-wrapper .btn-cerrar:before, .pntc .capa-video .btn-cerrar:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .pntc .rrss-wrapper .btn-cerrar:hover, .pntc .capa-video .btn-cerrar:hover { opacity: 1; } .pntc .rrss-wrapper .btn-hitzone { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: default; } /* botones ver mas */ .pntc .capa-video .btn-capa-video { display: inline-block; margin-left: 15px; background-color: rgba(0, 0, 0, 0.5) ; color: #fff; border: 1px solid #666;} .pntc .capa-video .btn-capa-video:hover { color:#000; background-color: rgba(255, 255, 255, 1) ; border: 1px solid #fff;} /* reproducción continua */ .pntc .MPEP-prox-video { background: none !important;} .pntc .MPEP-prox-video:before { display: none;} /*btn multimedia - icons*/ .pntc .btn-patrocinio { position: absolute; right: 0; bottom: 0; } .pntc figure .btn-patrocinio img { position: relative; left: auto; right: auto; width: auto; height: auto; margin: 0; z-index: 1; } .pntc .btn-multimedia { height: 36px; position: absolute; left: 0; bottom: 0; } .pntc .btn-multimedia [class^="as-icon-"], .pntc .btn-multimedia [class*="as-icon-"] { height: 36px; min-width: 36px; float: left; text-align: center; position: relative; line-height: 36px; color: #fff; z-index: 1;} .pntc .as-icon-play { background: #CA0305; font-size: 23px; padding-left: 3px; transition:background .2s;} .pntc .as-icon-foto, .pntc .as-icon-encuesta { background: #E99100; font-size: 18px; transition:background .2s;} .pntc .as-icon-estadisticas { background: #E99100; font-size: 21px; transition:background .2s;} .pntc .as-icon-canal, .pntc .as-icon-astv { background: #333; font-size: 28px; line-height: 36px; padding:0 8px; } .pntc .as-icon-txt { background: rgba(51,51,51,0.8); color: #DDD; font: 12px/36px sans-serif; padding: 0 8px; } .pntc .as-icon-directo { background: #CA0305; font-size: 23px; color: #fff; height: 36px; min-width: 36px; text-align: center; line-height: 36px; float: left; } .pntc .as-icon-ascolor { background: #fff url(/img/comunes/logos/as/as-color.png) center no-repeat; background-size: 50px; width:66px; } .pntc .as-icon-estadisticas:before, .pntc .as-icon-encuesta:before, .pntc .as-icon-play:before, .pntc .as-icon-foto:before { position:relative; z-index: 1;} .item-multimedia:hover .as-icon-estadisticas, .item-multimedia:hover .as-icon-encuesta, .item-multimedia:hover .as-icon-play, .item-multimedia:hover .as-icon-foto { background:#333; } /* noticias en H */ .pntc-h figure { float: left; width: 232px; height: 131px; margin-right: 15px; -ms-flex-negative: 0; flex-shrink: 0; } /* noticias en V */ .pntc-v figure { float: none; height: 178px; margin-bottom: 15px; } /*noticas en V grandes no caen a horizontal*/ .col-md-12 > .pntc-v figure, .col-md-10 > .pntc-v figure { height: 547px; width: 100%; float: none; margin-bottom: 0; } .col-md-8 > .pntc-v figure { height: 390px; width: 100%; float: none; } .col-md-6 > .pntc-v figure { height: 268px; width: 100%; float: none;} .col-md-12 > .pntc-v article { min-height: 220px; } /*para noticias sin foto de apertura*/ /* eliminar margenes inferiores en ultimos elementos */ .pntc hgroup:last-child .title { margin-bottom: 0;} .pntc .pntc-content .pntc-txt:last-child { margin-bottom: 0; } /*------------ TIPOLOGIAS ----------------*/ /*con item*/ .pntc.pntc-item .pntc-content .pntc-txt .subtitle { position: relative; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 5px; margin-left: 32px; } .pntc.pntc-item .pntc-content .pntc-txt .subtitle .item-img { width: auto; height: 30px; float: left; position: absolute; top:-5px; left: -35px; } /*listado noticias*/ .list-pntc { width:100%; } .list-pntc.bullet-list li a { line-height: 14px;} .list-pntc.bullet-list li:before { top: 10px;} /*video destacado*/ .pntc-videodestacado article { background: #f0f0f0; } .pntc-videodestacado figure { margin-bottom: 0; } .pntc-videodestacado .pntc-content { padding: 10px; } .pntc-videodestacado .pntc-content .btn-wrapper { background: #fff; bottom: 10px; right: 10px; } /*galeria destacada*/ .pntc-galeriadestacada { -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; } .pntc-galeriadestacada article { -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; position: relative; } .pntc-galeriadestacada article > a { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; } .pntc-galeriadestacada figure { margin-bottom: 0; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; height: auto; } .pntc-galeriadestacada .btn-multimedia { bottom: auto; top: 0; } .pntc-galeriadestacada .pntc-content { position: absolute; left:0; bottom: 0; z-index: 1; padding: 10px; width: 100%; } .pntc-galeriadestacada .pntc-content::before { content: ''; height: 100%; width: 100%; background: rgba(0,0,0,0.5); background: -webkit-linear-gradient(bottom, rgba(0,0,0,.85) 0%,rgba(0,0,0,0.65) 15%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgba(0,0,0,.85) 0%,rgba(0,0,0,0.65) 15%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); position: absolute; bottom: 0; left: 0; } .pntc-galeriadestacada .pntc-content .pntc-txt, .pntc-galeriadestacada .pntc-content .pntc-autor-share { position: relative; } .pntc-galeriadestacada .pntc-content .pntc-txt .title, .pntc-galeriadestacada .pntc-content .pntc-txt .subtitle, .pntc-galeriadestacada .pntc-content .pntc-txt .txt, .pntc-galeriadestacada .pntc-content .pntc-autor-share .autor { color: #fff; } .pntc-galeriadestacada.pntc-item .pntc-content .subtitle { border-color: rgba(255,255,255,.4);} .pntc-galeriadestacada .pntc-content .pntc-txt .txt { display: none; } .pntc-galeriadestacada .pntc-content .pntc-autor-share .nom-wrapper .nom { color: #fff; } .pntc-galeriadestacada .pntc-content .pntc-autor-share .nom-wrapper .nom:hover { color:#E68C12;} .pntc-galeriadestacada .pntc-content .pntc-autor-share .btn-wrapper .btn-comment, .pntc-galeriadestacada .pntc-content .pntc-autor-share .btn-wrapper .btn-share { color: #dddddd; border-color: rgba(255,255,255,.4); } /*hover*/ .pntc-galeriadestacada .pntc-content .pntc-autor-share .btn-wrapper .btn-comment:hover, .pntc-galeriadestacada .pntc-content .pntc-autor-share .btn-wrapper .btn-share:hover { color:#434343; background-color: #fff; border-color: #fff; } /*encuesta*/ .pntc-encuesta figure { margin-bottom: 0;} .pntc-encuesta .pntc-content { background: #f0f0f0; padding: 10px; } .pntc-encuesta .pntc-content .pool-list { margin-bottom: 5px; } .pntc-encuesta .pntc-content .pool-list li { background: #fff; padding: 0px 10px; margin-bottom: 3px; font: 14px/30px "sourcesans",sans-serif; } .pntc-encuesta .pntc-content .pool-list li input { margin-right: 6px; position: relative; top: 2px; } .pntc-encuesta .btn-wrapper { width: 100%; } .pntc-encuesta .tipo-5 { background: none; color: #333; } .pntc-encuesta .tipo-5:hover { color: #E99100; } .pntc-encuesta .btn-icon-txt .icon-btn { background: none; } .pntc-encuesta .btn-votar { float: right; } .pntc-encuesta .res-encuesta { font: 13px/30px "sourcesans",sans-serif; } .pntc-encuesta .res-encuesta li { width: 100%; float: none; height: 30px; margin-bottom: 3px; } .pntc-encuesta .res-encuesta .pctj { z-index: 3; position: absolute; margin-left: 5px; color: #fff; font: 14px/30px "sourceblack",sans-serif; } .pntc-encuesta .res-encuesta li .barra { width: calc(100% - 80px); position: absolute; left: 0; height: 30px; } .pntc-encuesta .res-encuesta li .barra .bar-pctj { background:#F9B231; height: 30px; line-height: 30px; padding-left: 30px; position: absolute; text-align: right; } .pntc-encuesta .res-encuesta li .barra .bar-pctj strong { font: 13px/30px "sourcesans",sans-serif; width: 80px; text-align: left; margin-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .pntc-encuesta .res-encuesta li.activo .barra .bar-pctj strong { font: 14px/30px "sourcesansbold",sans-serif; } .pntc-encuesta .res-encuesta li.activo .barra .bar-pctj { background: #D21300; } .col-md-3 > .pntc-encuesta .res-encuesta li .barra { width: calc(100% - 70px); } .col-md-3 > .pntc-encuesta .res-encuesta li .barra .bar-pctj strong { width: 70px; font-size: 11px; } .col-md-3 > .pntc-encuesta .res-encuesta li.activo .barra .bar-pctj strong { font-size: 12px; } .col-md-6 > .pntc-encuesta .res-encuesta .pctj { line-height: 33px; font-size: 16px; } .col-md-6 > .pntc-encuesta .res-encuesta li { height: 33px; margin-bottom: 7px; } .col-md-6 > .pntc-encuesta .res-encuesta li .barra { height: 33px; } .col-md-6 > .pntc-encuesta .res-encuesta li .barra .bar-pctj { height: 33px; line-height: 33px; padding-left: 35px; } .col-md-6 > .pntc-encuesta .res-encuesta li .barra .bar-pctj strong { line-height: 33px; } .col-md-6 > .pntc-encuesta .res-encuesta li.activo .barra .bar-pctj strong { line-height: 33px; } /*native-ad*/ .pntc-ad .pntc-content { background: #eee; padding: 10px; } .pntc-ad.pntc-v figure { margin-bottom: 0; } .pntc-ad.pntc-h figure { margin-right: 0; } .pntc-ad.pntc-v .pntc-content { border-top: 3px solid #d9d6d0; padding-top: 0; } .pntc-ad.pntc-h .pntc-content { border-left: 3px solid #d9d6d0; padding-top: 0; padding-left: 0; } .pntc-ad .pntc-content .title { color:#444; font: 16px/18px sans-serif; font-weight: bold;} .pntc-ad.pntc-h .pntc-content .title { padding: 10px 0 0 10px; } .pntc-ad .pntc-content .label { background: #d9d6d0; display: inline-block; padding: 6px; color: #fff; font-family: "sourcesansbold",arial, helvetica, sans-serif; } /*opinion*/ .agrup-pntc .pntc.pntc-opinion article, .pntc.pntc-opinion article { background: #eee; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pntc.pntc-opinion .pntc-content { padding: 0; background: none; text-align: center; -webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; -ms-flex-item-align: center; align-self: center;} .pntc.pntc-opinion .pntc-content .title { text-align: center; font-style: italic; font-size: 18px; line-height: 20px; } .pntc.pntc-opinion .pntc-op-autor { float: left; position: relative; background: none; border-right: 2px solid #FFB900; border-bottom: none; padding-right: 10px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .pntc.pntc-opinion .pntc-op-autor figure { width: 115px; height: 85px; margin: 0px; border-bottom: 1px solid rgba(255,255,255,.3); float: none; } .pntc.pntc-opinion .pntc-op-autor figure:before{ content: "\e61c"; position: absolute; bottom: 0; font-size: 115px; line-height: 60px; font-family: 'as-icons'; width: 100%; text-align: center; color:#e9e9e9; } .pntc.pntc-opinion .pntc-op-autor figure img { height: 100%; width: auto; position: absolute; float: none; top: auto; left: -50%; right: -50%; bottom: auto; margin: 0 auto; } .pntc.pntc-opinion .pntc-op-autor .title { text-align: center; text-transform: none; font: 13px/14px 'sourcesans',sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; } .pntc.pntc-opinion .pntc-content .pntc-txt { text-align: center; } .pntc.pntc-opinion .pntc-content .subtitle { /*display: inline-block;*/ } .pntc.pntc-opinion .pntc-op-autor:before { content: ''; border: 8px solid transparent; border-right-color: #FFB900; position: absolute; height: 10px; width: 10px; right: -1px; top: 15px; } .pntc.pntc-opinion .pntc-op-autor:after { content: ''; border: 6px solid transparent; border-right-color: #eee; position: absolute; height: 10px; width: 10px; right: -2px; top: 17px; } /*taldia*/ .pntc .btn-taldia-portada { position: absolute; bottom: 10px; right: 10px; border: 2px solid #ccc; z-index: 3; height: 74px; } .pntc .img-taldia-portada { height: 100%; width: auto; } /*skup*/ .pntc-skup { background: #F0F0F0; } .pntc-skup .pntc-content .title { padding-left: 46px; padding-top: 8px; } .pntc-skup .pntc-content .btn-mascomments { float: right; margin: 0 10px 10px 0;} .pntc-skup .pntc-content .mdl-eskup { text-align: center; } .pntc-skup .pntc-content .mdl-eskup iframe { width: 100%; padding: 10px; } /*patrocionio*/ .pntc .btn-patrocinio-share { position: absolute; bottom: 0; right: 0; } .col-md-4 .pntc-h .btn-patrocinio-share, .col-md-3 .pntc .btn-patrocinio-share, .col-md-2 .pntc .btn-patrocinio-share, .breves-1 .pntc .btn-patrocinio-share { position: relative; } .pntc-v.pntc-videodestacado .btn-patrocinio-share { bottom: 10px; right: 10px; } /*betfair*/ .pntc .btn-patrocinio-share .betfair-wrapper { display: block; height: 33px; width: 110px; background: url(/img/comunes/logos/betfair_bg.svg) top left no-repeat; background-size: cover; position: relative; float: right;} .pntc .btn-patrocinio-share .betfair-logo { height: 12px; width: 68px; position: absolute; right: 3px; bottom: 5px; } .pntc .btn-patrocinio-share .betfair-wrapper:before { content: ''; width:40px; height: 7px; position: absolute; right: 5px; bottom:20px; background: url(/img/comunes/logos/betfair_patrocina.png) no-repeat;} /*comparador*/ .pntc-comp { position: relative; border-top: 3px solid #EEEEEE; } .pntc-comp .comp-item { float: left; width: 50%; margin-bottom: 15px; } .pntc-comp .comp-text { height: 60px; background: #fff; border-bottom: 1px dotted #ddd; text-align: center; position: relative; } .pntc-comp .comp-text:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -60px; width: 120px; height: 3px; background: #FFB632; } .pntc-comp .comp-text .title { font: 20px/24px 'sourceblack',sans-serif; color:#111; padding: 12px 4px 0px 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pntc-comp .comp-text .subtitle { font: 13px/16px sans-serif; color:#333; } .pntc-comp .comp-figure-wrapper { height: 210px; background: #F2F2F2; overflow: hidden; position: relative; } .pntc-comp .comp-figure-wrapper .comp-back { position: absolute; top:0; left: 0; height: 100%; width: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .pntc-comp .comp-figure-wrapper .comp-back:before { content: ''; height: 100%; width: 100%; background: rgba(242,242,242,0.5); background: -webkit-linear-gradient(bottom, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%); background: linear-gradient(to top, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f200',GradientType=0 ); position: absolute; bottom: 0; left: 0; z-index: 1; } .pntc-comp .comp-figure-wrapper .comp-back img { position: absolute; left: -40%; bottom: -60px; opacity: 0.25; height: 120%; width: auto; } .pntc-comp .comp-item.comp-right .comp-figure-wrapper .comp-back img { left:auto; right: -40%; } .pntc-comp .comp-figure-wrapper .comp-front { height: 100%; width: 100%; } .pntc-comp .comp-figure-wrapper .comp-front img { height: 100%; width: auto; padding: 65px 0 20px 0; margin: 0 auto; } .pntc-comp.comp-jugadores .comp-figure-wrapper .comp-front img { padding-bottom: 0; padding-top: 55px; } .pntc-comp .comp-vs { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -60px; font: 20px/40px 'sourcesansbold',sans-serif; color: #fff; z-index: 2; } .pntc-comp .comp-vs span { position: relative; width: 50px; height: 50px; text-align: center; border: 5px solid #F2F2F2; background: #333; display: inline-block; border-radius: 25px; } .pntc-comp .comp-vs:before { content: ''; position: absolute; top: -68px; left: 50%; margin-left:-1px; height: 180px; width: 2px; border-left:1px dotted #d0d0d0; } /*col-md-8 y 6*/ /*galeria destacada*/ .col-md-8 > .pntc-v.pntc-galeriadestacada figure { min-height: 620px; height: auto; width: 100%; margin-bottom: 0; } .col-md-6 > .pntc-v.pntc-galeriadestacada figure { min-height: 463px; height: auto; width: 100%; } /*video destacado*/ .col-md-6 > .pntc-h.pntc-videodestacado .pntc-content .pntc-txt { margin-bottom: 0; } .col-md-6 > .pntc-h.pntc-videodestacado .pntc-content .pntc-txt .title { font-size: 18px; line-height: 21px; } /*skup*/ .col-md-6 > .pntc-v.pntc-skup .pntc-content .title { font-size: 18px; line-height: 20px; } .col-md-6 > .pntc-v.pntc-skup .pntc-content .skup-iframe { height: 400px; } /*col-md-4*/ .col-md-4 .pntc-h .as-icon-astv { display: none; } .col-md-4 .pntc-h .as-icon-txt { display: none; } .col-md-4 .pntc-h .btn-wrapper { display: none; } /*galeria destacada*/ .col-md-4 .pntc-v.pntc-galeriadestacada figure { min-height: 378px; height: auto; width: 100%; margin-right: 0; float: none; } /*skup*/ .col-md-4 .pntc-v.pntc-skup .pntc-content .title { font-size: 18px; line-height: 20px; } .col-md-4 .pntc-v.pntc-skup .pntc-content .skup-iframe { height: 300px; } /*native-ad*/ .col-md-4 .pntc-v.pntc-ad .pntc-content .label { float: right;} .col-md-4 .pntc-h.pntc-ad .pntc-content .label { padding: 3px 6px;} .col-md-4 .pntc-v.pntc-ad .pntc-content .subtitle { padding: 0; display: inline-block; padding-top: 25px; /*borrar los estilos heredados*/ font: 14px/16px 'sourcesans',sans-serif; color: #666; background: none; } .col-md-4 .pntc-h.pntc-ad .pntc-content .title { font-size: 16px; line-height: 18px; padding: 10px 0 0 10px; } /*col-md-3*/ .col-md-3 .pntc .txt { display: none; } .col-md-3 .pntc .pntc-autor-share .nom-wrapper .nom { display: none; } .col-md-3 .pntc.pntc-galeriadestacada figure { min-height: 245px; height: auto; } /*native-ad*/ .col-md-3 .pntc.pntc-ad .pntc-content { padding: 0 10px; } .col-md-3 .pntc.pntc-ad .pntc-content .label { float: right; padding: 3px 6px;} .col-md-3 .pntc.pntc-ad .pntc-content .title { padding: 0 0 10px 0; margin-bottom: 0;} .col-md-3 .pntc.pntc-ad .pntc-content .subtitle { padding-top: 8px; margin-bottom:10px; display: inline-block; /*borrar los estilos heredados*/ font: 14px/16px 'sourcesans',sans-serif; color: #666; background: none; } /*col-md-2*/ .col-md-2 .pntc .pntc-content .txt { display: none; } .col-md-2 .pntc .as-icon-astv { display: none; } .col-md-2 .pntc .as-icon-txt { display: none; } .col-md-2 .pntc.pntc-videodestacado .pntc-content { padding: 10px 8px; } .col-md-2 .pntc.pntc-videodestacado .pntc-content .pntc-txt { margin-bottom: 0; } .col-md-2 .pntc.pntc-ad .pntc-content { padding: 0 8px 8px 8px; margin-top: -10px; } .col-md-2 .pntc.pntc-ad .pntc-content .label { float: right; padding: 7px 5px; padding-bottom: 2px; } .col-md-2 .pntc.pntc-ad .pntc-content .subtitle { padding: 10px 0 0 0; margin-bottom: 10px; /*borrar los estilos heredados*/ font: 13px/15px 'sourcesans',sans-serif; color: #666; background: none; } .col-md-2 .pntc.pntc-ad .pntc-content .title { font-size: 13px; line-height: 16px; } /*opinion en area-actualidad */ .opinion .pntc-opinion { margin-left: 10px; margin-right: 10px; } /*video no disponible*/ .pntc .video_no_disponible { margin-bottom: 15px; overflow: hidden; } .pntc .video_no_disponible .cnt-media-msg { height: 100%; width: 100%; background: rgba(0,0,0,0.65); z-index: 1; } .pntc .video_no_disponible .cnt-media-msg .ntc-media-msg { position: absolute; top: 50%; width: 100%; font: 18px/25px 'sourcesansbold', sans-serif; text-align: center; margin-top: -12px; } .pntc .video_no_disponible .cnt-media-msg .ico-msg-video { display: none; } .pntc .video_no_disponible .cnt-media-msg .ntc-media-msg-txt { color: #fff; } .pntc.pntc-marcador .video_no_disponible { margin-bottom: 0; } /*------------ SLIDER PRODUCTO ----------------*/ .container.slider-producto { padding-left: 0; padding-right: 0; margin-bottom: 20px; width: 100%; } .container.slider-producto .slick-prev { left: 0; } .container.slider-producto .slick-next { right: 0; } /*------------ VIDEO MPEP ----------------*/ .pntc .video_MPEP { position: relative; z-index: 2;} .pntc .video_MPEP .astv-player { position: absolute; bottom: 0; left: 0; z-index: 3; background: none; border-radius: 0; border: 0; height: 36px; } .pntc .video_MPEP .astv-player .img-video, .pntc .video_MPEP .astv-player .icon-astv { text-indent: 0; border:none; border-radius: 0; height: 36px; min-width: 36px; float: left; text-align: center; position: relative; line-height: 36px; color: #fff; z-index: 1; font-family: 'as-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .pntc .video_MPEP .astv-player .img-video { background: #CA0305; font-size: 23px; width: 36px; text-indent: -9999px; overflow: hidden; } .pntc .video_MPEP .astv-player .img-video:before { content: "\e624"; position: absolute; left: 8px; top: 6px; text-indent: 0; z-index: 1; } .pntc .video_MPEP .astv-player .img-video:after { content: ""; position: absolute; z-index: 0; background: #333; width: 0; left: 0; bottom: 0; top: 0; -webkit-transition: width .2s; transition: width .2s;} .pntc .video_MPEP .astv-player .img-video a { position: relative; padding: 0; width: 100%; height: 100%; z-index: 3;} .pntc .video_MPEP a:hover img { opacity: 1; } .pntc .video_MPEP:hover .astv-player .img-video:after { width: 100%; } .pntc .video_MPEP .astv-player .icon-astv { background: #333; font-size: 28px; line-height: 36px; padding: 0 8px; background-position:0; width: auto; margin: 0; float: right; } .pntc .video_MPEP .astv-player .icon-astv:before { content: "\e62a"; } .pntc .img_MPEP { width: 100%; height: 100%; } .pntc .img_MPEP img { height: 100%; width: auto; position: absolute; top:-50%; bottom:-50%; left: -50%; right: -50%; margin:auto; } /*------------ MARCADORES ----------------*/ .pntc.pntc-marcador { width: 100%; } .pntc.pntc-marcador article { width: 100%; } .pntc.pntc-marcador figure { margin-bottom: 0; } .pntc.pntc-marcador figure:before { display: none; } .pntc.pntc-marcador .marcador { background: #f2f2f2; height: 84px; margin-bottom: 15px; } .pntc.pntc-marcador .pntc-content { position: relative; bottom: auto; padding: 0; width: 100%; } .pntc.pntc-marcador .pntc-content .pntc-txt .txt { display: none; } .pntc.pntc-marcador .info .txt { display: block; } .pntc.pntc-marcador .pntc-content .pntc-txt .subtitle { color:#666; background: none; font: 14px/16px 'sourcesans',sans-serif; } .pntc.pntc-marcador .pntc-content .pntc-txt .title { color: #131313; text-shadow:none; } .pntc.pntc-marcador .marcador-num .equipo { float: left; display: block; height: 100%; width: 36.25%; text-align: center; } .pntc.pntc-marcador .marcador-num .equipo .equipo-nom { color: #111; font-family: 'sourceblack',sans-serif; display: block; line-height: 22px; height: 22px; font-size: 16px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo, .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { width: auto; padding: 10px 0px; padding-bottom: 0; text-align: center; height: 54px; display: inline-block;} .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { padding-top: 16px; height: 46px; } .pntc.pntc-marcador .marcador-num .info { float: left; height: 100%; width: 27.5%; background: #F29400; height: 100%; overflow: hidden; display: flex; display: -ms-flexbox; display: -webkit-box; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .pntc.pntc-marcador .marcador-num .info .info-do, .pntc.pntc-marcador .marcador-num .info .info-up { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pntc.pntc-marcador .marcador-num .info .info-do { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height:28px; } .pntc.pntc-marcador .marcador-num .info .info-do a { height: 28px; display: block;} .pntc.pntc-marcador .marcador-num .info .hora { /*-webkit-flex:.5; -ms-flex:.5; flex:.5;*/ font-family: 'sourceblack',sans-serif; color: #fff; text-align: center; display: block; } .pntc.pntc-marcador .marcador-num .info .hora-timezone { font: 11px/20px sans-serif; padding-left: 5px; border: none; position: relative; } .pntc.pntc-marcador .marcador-num .info .txt { background: #c97a00; font: 10px/20px sans-serif; height: 18px; text-align: center; text-transform: uppercase; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pntc.pntc-marcador .marcador-num .info .patrocinio { background: #010101; display: inline-block; height: 28px; width: 100%; position: relative; padding: 2px; text-align: center; } .pntc.pntc-marcador .marcador-num .info .patrocinio img { display: inline-block; height: 100%; width: auto; } .pntc.pntc-marcador .marcador-num.comenzado .info { background:#E30000; } .pntc.pntc-marcador .marcador-num.comenzado .info .txt { background: #AE0000; font-weight: bold; /*font-size: 11px; line-height: 18px; */ padding: 0 3px; } .pntc.pntc-marcador .marcador-num.finalizado .info { background:#333333; } .pntc.pntc-marcador .marcador-num.finalizado .info .txt { background: #5c5c5c; font-weight: bold; /* font-size: 11px; line-height: 18px; display: block; */ padding: 0 3px; } .pntc.pntc-marcador .marcador-num .info .tanteo { position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center;display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 100%; } .pntc.pntc-marcador .marcador-num .info .hora { font-size: 24px; line-height: 40px; height: 38px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; max-width:100%; } .pntc.pntc-marcador .marcador-num .info .resultado { position: relative; font: 28px/40px 'sourceblack',sans-serif; height: 38px; color: #fff; text-align: center; width: 50%; float: left; } .pntc.pntc-marcador .marcador-num .info .resultado .sub { position: absolute; font: 14px/18px "sourcesansbold",sans-serif; top: 50%; left: 50%; margin-left:11px; } .pntc.pntc-marcador .marcador-num .info .resultado:first-child:after { content: ''; position: absolute; right:0; top: 5px; bottom:5px; border-left:1px dotted #AE0000; } .pntc.pntc-marcador .marcador-num.finalizado .info .resultado:first-child:after { border-left:1px dotted #515151; } /*basket*/ .pntc.pntc-marcador .marcador-num.basket .info .resultado { font: 23px/40px 'sourceblack',sans-serif; } .pntc.pntc-marcador .marcador-num.basket .info .resultado:first-child:after { right: -2px; } /*tenis*/ .pntc.pntc-marcador .marcador-num.tenis .players { float: left; width:72.5%; padding: 5px 10px; } .pntc.pntc-marcador .marcador-num.tenis .player { padding-bottom:3px; margin-bottom: 5px; border-bottom: 1px dotted #ddd; position: relative; } .pntc.pntc-marcador .marcador-num.tenis .player.pos:before { content: "\e607"; font-family: 'as-icons'; color: #FCA400; position: absolute; right: 10px; } .pntc.pntc-marcador .marcador-num.tenis .player:last-child { border-bottom: none; } .pntc.pntc-marcador .marcador-num.tenis .player .ico-bandera { float: left; height: 19px; border: 1px solid #ddd; width: 26px; padding: 1px; background: #fff; margin-right: 6px; overflow: hidden; } .pntc.pntc-marcador .marcador-num.tenis .player .ico-bandera img { width: 22px; height: 15px; margin-top: 0; margin-left: 0; /*width: 28px; height: auto; margin-top: -5px; margin-left: -2px;*/ } .pntc.pntc-marcador .marcador-num.tenis .player .player-nom { font: 18px/20px 'sourceblack',sans-serif; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-right: 30px; } .pntc.pntc-marcador .marcador-num.tenis.comenzado .players, .pntc.pntc-marcador .marcador-num.tenis.finalizado .players { width:65%; padding-right: 0; } .pntc.pntc-marcador .marcador-num.tenis.comenzado.sets-3 .players, .pntc.pntc-marcador .marcador-num.tenis.finalizado.sets-3 .players { width:73%; } .pntc.pntc-marcador .marcador-num.tenis .info { float: right; } .pntc.pntc-marcador .marcador-num.tenis.comenzado .info .patrocinio, .pntc.pntc-marcador .marcador-num.tenis.finalizado .info .patrocinio { text-align: right; padding-right: 5px; } .pntc.pntc-marcador .marcador-num.tenis.comenzado .info, .pntc.pntc-marcador .marcador-num.tenis.finalizado .info { width: 35%; background: #333; } .pntc.pntc-marcador .marcador-num.tenis.comenzado.sets-3 .info, .pntc.pntc-marcador .marcador-num.tenis.finalizado.sets-3 .info { width: 27%; } .pntc.pntc-marcador .marcador-num.tenis.comenzado .info .info-do, .pntc.pntc-marcador .marcador-num.tenis.comenzado .info .info-up, .pntc.pntc-marcador .marcador-num.tenis.finalizado .info .info-do, .pntc.pntc-marcador .marcador-num.tenis.finalizado .info .info-up { -ms-flex-pack:start; justify-content:flex-start; } .pntc.pntc-marcador .marcador-num.tenis .puntos { font: 17px/28px 'sourceblack',sans-serif; height:29px; width: 100%; } .pntc.pntc-marcador .marcador-num.tenis .puntos .num { color: #ADADAD; border-right: 1px solid #484848; border-bottom: 1px dotted #484848; float: left; width: 20%; text-align: center; } .pntc.pntc-marcador .marcador-num.tenis .puntos .num.win { color: #fff; } .pntc.pntc-marcador .marcador-num.tenis .puntos .num.actual { color: #fff; background: #DE0000; border-bottom: 1px dotted #AE0000; } .pntc.pntc-marcador .marcador-num.tenis .puntos:last-child .num.actual { border-bottom: 1px solid #E84D4D; } .pntc.pntc-marcador .marcador-num.tenis.sets-3 .puntos .num { width: 33.3%; } .pntc.pntc-marcador .marcador-num.tenis .puntos .num:last-child { border-right: none; } /*manual no salen escudos...*/ .pntc.pntc-marcador .marcador-num .equipo .equipo-nom:first-child { line-height:84px; height:auto; } /*------------ VERTICALES ----------------*/ .pntc .btn-multimedia.tikitakas .as-icon-vertical { background: url(/img/comunes/logos/as/tk-logo-complete.svg) no-repeat #fff center; background-size: 93px; width: 105px; } .pntc .btn-multimedia.epik .as-icon-vertical { background: url(/img/comunes/logos/as/epik-logo-complete.svg) no-repeat #fff center; background-size: 40px; width: 56px; } .pntc .btn-multimedia.buenavida .as-icon-vertical { background: url(/img/comunes/logos/as/buenavidamas.svg) no-repeat #fff center; background-size: 93px; width: 105px; } .pntc .btn-multimedia.betech .as-icon-vertical { position: relative; background: #fff; padding: 0 10px; } .pntc .btn-multimedia.betech .as-icon-vertical:before { position: relative; font-family: 'as-icons'; color: #004CEB; content: "\e90a"; font-size: 20px; line-height: 38px; } /*------------ CINTILLOS ----------------*/ .cint { border-bottom: 3px solid #ddd; margin:0 0 15px 0; position: relative; } .flexible .cint { display: block; margin:0 10px 15px 10px; } .cint .cint-titular { color: #333; height: 49px; font: 28px/56px "sourceblack",sans-serif; float:left; z-index: 7; max-width: 38%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-bottom: 3px; margin-bottom: -3px; } .cint .cint-titular:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; background: #CC2B31; height: 3px; border-right:1px solid #fff;} .cint .cint-titular .ico { overflow: hidden; display: block; text-indent: -9999px; float: left; } .cint .cint-titular img { height: 46px; width: auto; padding: 10px 0px; float: left; } .cint .cint-btn { position: absolute; top: 0px; right: 10px; height: 30px; width: 30px; z-index: 2; display: none; } .cint .cint-nav { float: right; z-index: 6; } .cint .cint-nav li { float: left; color: #666; margin-left: 20px; position: relative; font: 13px/46px sans-serif; } .cint .cint-nav li a:before, .cint .cint-nav li a:after { content: ''; position: absolute; top: 50%; left: 5px; height: 6px; width: 2px; background: #CC2B31; } .cint .cint-nav li a:before { transform: rotate(-40deg); -ms-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); margin-top: -5px; } .cint .cint-nav li a:after { transform: rotate(40deg); -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); margin-top: -2px; } .cint .cint-nav li a { color: inherit; display: block; padding-left: 15px; position: relative; -webkit-transition: color .2s ease-in; transition:color .2s ease-in; } .cint .cint-nav li a:hover { color: #E68C12; } .cint .cint-nav li img { height: 46px; width: auto; padding: 5px 0; } .cint .cint-nav.desplegado { height: auto; border-bottom: 1px solid #ddd; box-shadow: 0px 4px 6px -4px rgba(0,0,0,.15); } .cint .cint-nav.desplegado:before { transform: rotate(50deg); -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); } .cint .cint-nav.desplegado:after { transform: rotate(-50deg); -ms-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); } .cint .cint-nav li.btn-dest { font: 17px/30px "sourcesansbold",sans-serif; color: #fff; } .cint .cint-nav li.btn-dest .as-icon-play { font-size: 13px; } .cint .cint-nav li.btn-dest a { background: #CC2B31; margin: 7px 0; padding: 0 10px 0 8px; display: inline-block; } .cint .cint-nav li.btn-dest a:hover { color: #fff; } .cint .cint-nav li.btn-dest a:before, .cint .cint-nav li.btn-dest a:after { display: none; } /* Cierre bloque y boton mas noticias */ .cierre-bloque {margin-top: -10px; margin-bottom: 30px; } .btn-mas-noticias {font: 12px/12px sans-serif; color:#333; border-radius: 2px; padding: 10px; display: inline-block; background: #eee; border:1px solid #ddd; } .btn-mas-noticias:before { content: "+"; font-size:24px; color:#ce0000; display: inline-block; margin:-5px 8px 0 0; vertical-align: bottom; } .btn-mas-noticias:hover { background: #3B3B3B; border:1px solid #3B3B3B; color:#fff;} .btn-mas-noticias:hover:before { color:#fff; } /*tipos*/ /*opinion*/ .cint.opinion .cint-titular:before { background: #AAA; } /*patrocinado*/ .cint.patrocinado .cint-patrocinio { z-index: 5; } /*as america*/ .cint.asamerica .cint-titular { font: 24px/50px "sourcesans",sans-serif; padding-left: 52px; } .cint.asamerica .cint-titular .as-icon-logo { font-size: 43px; position: absolute; left: 0; top: 3px; color: #CA0305; } .cint.asamerica .cint-titular:after { content: ''; position: absolute; bottom: 0; right: 1px; width: 40px; background: #000; height: 3px; border-left:1px solid #fff; } /*nba*/ .cint.nba .cint-titular { font: 20px/56px "sourcesans",sans-serif; } .cint.nba .cint-titular:before { background: #0069B6; } .cint.nba .cint-titular:after { content: ''; position: absolute; bottom: 0; right: 1px; width: 40px; background: #ED174B; height: 3px; border-left:1px solid #fff; } .cint.nba .cint-titular img { padding-right: 8px; } /*euroleague*/ .cint.euroleague .cint-titular img { padding: 2px 9px 9px 0; } .cint.euroleague .cint-titular { font: 20px/54px "sourcesans",sans-serif; } .cint.euroleague .cint-titular:before { background: #E46800; } .cint.euroleague .cint-titular:after { content: ''; position: absolute; bottom: 0; right: 1px; width: 40px; background: #59503A; height: 3px; border-left:1px solid #fff; } /*astv*/ .cint.as-tv .cint-titular img { padding-bottom: 10px; padding-top: 13px; padding-right: 8px; } /*asfotos*/ .cint.as-fotos .cint-titular img { padding-bottom: 10px; padding-top: 9px; padding-right: 8px; } /*elpais*/ .cint.elpais .cint-titular:before { background: #4C6C9F; } /*partners locales*/ .cint.caribe .cint-titular span, .cint.universo .cint-titular span, .cint.libero .cint-titular span, .cint.canchallena .cint-titular span, .cint.meridiano .cint-titular span { text-indent: -9999px; line-height: 40px; display: inline-block; } .cint.caribe .cint-titular:after, .cint.universo .cint-titular:after, .cint.libero .cint-titular:after, .cint.canchallena .cint-titular:after, .cint.meridiano .cint-titular:after { content: ''; position: absolute; bottom: 0; right: 1px; width: 40px; height: 3px; border-left: 1px solid #fff; } /*televisa*/ .cint.televisa .cint-titular img { padding-bottom: 6px; padding-top: 4px; } .cint.televisa .cint-titular:before { background: #990000; } .cint.televisa .cint-titular:after { content: ''; position: absolute; bottom: 0; right: 1px; width: 40px; background: #F68427; height: 3px; border-left: 1px solid #fff; } /*el caribe*/ .cint.caribe .cint-titular img { padding: 14px 0 8px 0; } .cint.caribe .cint-titular:before { background: #239DB4; } .cint.caribe .cint-titular:after { background: #187487; } /*el universo*/ .cint.universo .cint-titular img { padding: 17px 0 9px 0; } .cint.universo .cint-titular:before { background: #0663B5; } .cint.universo .cint-titular:after { background: #055194; } /*el libero*/ .cint.libero .cint-titular img { padding: 9px 0 11px 0; } .cint.libero .cint-titular:before { background: #e4174c; } .cint.libero .cint-titular:after { background: #000; } /*canchallena*/ .cint.canchallena .cint-titular img { padding: 0 0 11px 0; } .cint.canchallena .cint-titular:before { background: #646466; } .cint.canchallena .cint-titular:after { background: #56B2D8; } /*meridiano*/ .cint.meridiano .cint-titular img { padding: 0 0 8px 0; } .cint.meridiano .cint-titular:before { background: #000; } .cint.meridiano .cint-titular:after { background: #E80043; } /*------------ MODULOS ----------------*/ /*AS FOTOS*/ .modulo-asfotos { position: relative; } .modulo-asfotos .pntc { -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; } .modulo-asfotos .pntc article { -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; } .modulo-asfotos .pntc-v.pntc-galeriadestacada .pntc-content { -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; } .modulo-asfotos .pntc-estatico { position: relative; width: 100%; } .modulo-asfotos .col-md-4 .col-sm-4 { padding-left: 0; padding-right: 0; } /*AS TV*/ .modulo-astv { position: relative; } .modulo-astv .pntc { border-bottom: none; display: -ms-flexbox; display: -webkit-box; display: flex; } .modulo-astv .pntc-videodestacado article { background: #f0f0f0; } .modulo-astv .pntc-estatico { position: relative; width: 100%; } /* Modulo lo mas visto */ .lo-mas-visto { background: #f2f2f2; border-top: 3px solid #ddd; padding: 10px; margin-bottom: 20px; width: 100%; } .lo-mas-visto .ntc-list li { width: 49%; float: left; /*height: 55px;*/ } .lo-mas-visto .ntc { margin-bottom: 10px; position: relative;} .lo-mas-visto .ntc article { background: #fff; position:relative; } .lo-mas-visto .ntc article a { display:block; position:relative; padding: 5px 50px 5px 35px;} .lo-mas-visto .ntc a .ntc-title { transition: color 0.2s ease-in; } .lo-mas-visto .ntc a:hover .ntc-title { color: #E68C12; } .lo-mas-visto .ntc-mod-title { border-top: 3px solid #d90000; color: #404040; display: inline-block; font: 18px "sourceblack",sans-serif; margin-bottom: 10px; margin-top: -3px; padding-top: 7px; width: auto; } .lo-mas-visto .ntc-txt { padding-left: 0; padding-right: 20px; } .lo-mas-visto .ntc-subtitle { font-size: 11px; color: #666; text-transform: uppercase;} .lo-mas-visto .ntc-subtitle .hora-public { color: #EB9114; text-transform: none; margin-right: 5px; font-family:'Lucida', arial; font-weight: bold; } .lo-mas-visto .ntc-title { font-size: 13px; color: #111; font-weight: bold; line-height: 15px; } .lo-mas-visto ul.ntc-list li:nth-child(odd) { margin-right: 2%; } .lo-mas-visto ul.ntc-list .ntc article a { padding: 5px 50px 5px 10px;} .lo-mas-visto .ntc .btn-multimedia { position: absolute; bottom:0; left: 0; height: 26px;} .lo-mas-visto .ntc-pos { position: absolute; left: 0px; top: 0px; bottom: 0; background: #FFB632; color: #fff; font: 20px/27px "sourceblack",sans-serif; text-align: center; width: 24px; } .lo-mas-visto .as-icon-play { position: absolute; right: 10px; top: 50%; margin-top: -14px; width: 28px; padding-left: 3px; background: #CA0305; color: #fff; font-size: 22px; line-height: 26px; text-align: center; } .lo-mas-visto .as-icon-foto { position: absolute; right: 10px; top: 50%; margin-top: -14px; width: 28px; background: #E99100; color: #fff; font-size: 16px; line-height: 26px; text-align: center; } .lo-mas-visto .as-icon-play:before, .lo-mas-visto .as-icon-foto:before { position:relative; z-index: 1;} /*.lo-mas-visto .as-icon-play:after, .lo-mas-visto .as-icon-foto:after { content: ""; position: absolute; z-index: 0; background: #333; width:0; left: 0; bottom: 0; top:0; transition:.2s;} .lo-mas-visto .ntc a:hover .as-icon-play:after, .lo-mas-visto .ntc a:hover .as-icon-foto:after { width: 100%; left: 0; bottom: 0; top:0;}*/ .lo-mas-visto .ntc.ntc-destacada { margin-right: 2%; margin-bottom: 0; height: auto; } .lo-mas-visto .ntc.ntc-destacada article a { padding: 0; height: 251px; } .lo-mas-visto .ntc.ntc-destacada figure { position:relative; height: 170px; float: none; width: 100%; overflow: hidden; margin-right: 0;} .lo-mas-visto .ntc.ntc-destacada figure img { min-width: 100%; height:auto;} .lo-mas-visto .ntc.ntc-destacada .ntc-title { font:18px/21px "ascombold",sans-serif; margin: 0 5px 10px 5px; } .lo-mas-visto .ntc.ntc-destacada .ntc-subtitle { margin-left:5px; margin-top: 5px; } .lo-mas-visto .ntc.ntc-destacada hgroup {padding-left: 3px;} .lo-mas-visto .ntc.ntc-destacada .btn-multimedia { height: 36px;} .lo-mas-visto .ntc.ntc-destacada .ntc-pos { position: static; float: left; font: 22px/36px "sourceblack",sans-serif; height: 36px; width: 36px; } .lo-mas-visto .ntc.ntc-destacada .as-icon-play { float: left; margin-top: 0; position: relative; right: inherit; top: inherit; width: 36px; height:36px; padding-left: 3px; line-height: 36px; font-size: 24px;} .lo-mas-visto .ntc.ntc-destacada .as-icon-foto { float: left; margin-top: 0; position: relative; right: inherit; top: inherit; width: 36px; height:36px; font-size: 18px; line-height: 36px; } .lo-mas-visto .ntc.ntc-destacada .as-icon-astv { display:block; float: left; width: 60px; background: #333; color: #fff; font-size: 26px; line-height: 36px; text-align: center; } /*lo mas visto a 100%*/ .lo-mas-visto.full-w .lomasvisto, .lo-mas-visto.full-w .loultimo, .lo-mas-visto.full-w .ntc-module { border-top: 0; margin-bottom: 0; padding: 0; } .lo-mas-visto.full-w .ntc-list li { width: 100%;} .lo-mas-visto.full-w ul.ntc-list li { margin-bottom: 10px; margin-right: 0; } .lo-mas-visto.full-w .loultimo .ntc article a { padding-left: 10px; } .lo-mas-visto.full-w .ntc-module .ntc-list .ntc-title { padding-bottom: 0; } .lo-mas-visto.full-w .ntc-module .ntc-list .ntc-subtitle { padding-bottom: 0; display: block; } .lo-mas-visto.full-w .ntc-module .ntc-list .ntc article { padding: 0;} .lo-mas-visto.full-w .list-title { font-family: sourceblack; font-size: 15px; margin-bottom: 10px; border-bottom: 3px solid #FFB715; display: inline-block; } .lo-mas-visto.full-w .ntc-module .list-title { border-bottom-color: #d90000; } /* modulo opinion */ .modulo-blogs { display: block; width: 100%; } .modulo-blogs .agrup-pntc { margin-bottom: 15px; } .modulo-blogs .modulo-blogs-nav { margin-bottom: 5px; } .modulo-blogs .ver-mas { width: 100%; padding: 0 10px; } .modulo-blogs .blogs .pntc .pntc-content .title, .modulo-blogs .opinion .pntc .pntc-content .title { font-size: 18px; line-height: 20px; } .modulo-blogs .entrevistas .pntc .pntc-content .txt { font-size: 14px; line-height: 16px; } .modulo-blogs .blogs .pntc .pntc-content .pntc-txt { text-align: center; } .modulo-blogs .blogs .pntc .pntc-content .pntc-txt .subtitle { background: #FFB900; padding: 2px 5px 0 5px; display: inline-block; margin-bottom: 5px; color: #333333; font-size: 13px; line-height: 17px; } /*modulo blogs para portadillas*/ .modulo-blogs-horizontal { display: block; width: 100%; background: #f2f2f2; padding: 3px 10px 10px; position: relative; overflow: hidden; } .modulo-blogs-horizontal:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-top: 3px solid #ddd; } .modulo-blogs-horizontal > .title { font:18px/28px 'sourceblack'; color: #404040; margin: -3px 0 5px; border-top: 3px solid #FFB900; display: inline-block; position: relative; z-index: 1; } .modulo-blogs-horizontal > .title a { color: inherit; } .modulo-blogs-horizontal > .btn-mas { float: right; color: #666; font: 13px/13px Arial; display: block; margin-top: 8px; position: relative; padding-left: 15px; } .modulo-blogs-horizontal > .btn-mas:before, .modulo-blogs-horizontal > .btn-mas:after { content: ''; position: absolute; top: 50%; left: 5px; height: 6px; width: 2px; background: #FFB900; } .modulo-blogs-horizontal > .btn-mas:before { transform: rotate(-40deg); -ms-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); margin-top: -6px; } .modulo-blogs-horizontal > .btn-mas:after { transform: rotate(40deg); -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); margin-top: -3px; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion { margin:10px 6px 0; border: none; padding: 0; float: left; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion article { background: #fff; height: 100%; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor {text-align: center; width: 150px; min-height: 130px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor figure { margin: -18px auto 6px auto; border-bottom: 1px solid #f2f2f2; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor figure:before { left: 0; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor figure:after { content: ''; width: 100%; height: 100%; position:absolute; top: 12px; left:0; background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor figure img { z-index: 1; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor:after { border-right-color: #fff; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor .title { margin-bottom: 6px; top: auto; white-space: normal; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor .subtitle { font: 14px/16px 'sourcesans',sans-serif; text-transform: uppercase; background: #FFB900; padding: 2px 5px 0 5px; color: #333333; font-size: 13px; line-height: 17px; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-content .title { margin-bottom: 0; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .fecha-hora { font: 11px/14px 'Lucida Grande',arial, helvetica, sans-serif; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .fecha { color: #9e9e9e; margin-right: 4px; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .hora { color: #FFB632; font-weight: bold; } /* Blog x1*/ .modulo-blogs-horizontal .pntc.pntc-opinion.blog-unico { margin-right: 0; min-width: 290px; width: 100%; -ms-flex: 1 1 auto;flex: 1 1 auto; } .modulo-blogs-horizontal .pntc.pntc-opinion.blog-unico { margin-left: 0; margin-right: 0; } .modulo-blogs-horizontal .pntc.pntc-opinion.blog-unico article .pntc-content { position:relative; -ms-flex: 1 1 auto;flex: 1 1 auto; width:100%; /*height: 100%; */margin-bottom: 0; margin-right: 30px; /*padding: 10px 0 0;*/ } .modulo-blogs-horizontal .pntc.pntc-opinion.blog-unico article .pntc-content:after { content: ''; position: absolute; right: -17px; top: 0; bottom: 0; width: 2px; background: #f2f2f2;} .modulo-blogs-horizontal .pntc.pntc-opinion.blog-unico article .pntc-content:last-child { border-right: none; margin-right: 0;} .modulo-blogs-horizontal .pntc.pntc-opinion.blog-unico article .pntc-content:last-child:after { display: none; } .modulo-blogs-horizontal .pntc.pntc-opinion article .pntc-content .pntc-autor-share { position: relative; height: 33px; width: 100%; } .modulo-blogs-horizontal .pntc.pntc-opinion article .pntc-content .pntc-autor-share .btn-wrapper .btn-comment { height: 26px; line-height: 26px; padding: 0px 8px 0 9px; } .modulo-blogs-horizontal .pntc.pntc-opinion article .pntc-content .pntc-autor-share .btn-wrapper .btn-share { line-height: 26px; height: 26px; padding: 0px 11px 0 9px; } .modulo-blogs-horizontal .pntc.pntc-opinion article .pntc-content .pntc-autor-share .btn-wrapper .btn-icon { font-size: 14px; } /* Blog x2 o más */ .modulo-blogs-horizontal .blogs-scroll, .modulo-blogs-horizontal .blogs-scroll-duplex { display: -ms-flexbox; display: flex; overflow: hidden; } .modulo-blogs-horizontal .blogs-scroll { margin: 0 -7px; } .modulo-blogs-horizontal .blogs-scroll .pntc.pntc-opinion { width: 375px; -ms-flex: 0 0 auto; flex: 0 0 auto; } .modulo-blogs-horizontal .blogs-scroll-duplex .pntc.pntc-opinion { width: 471px; } /*slick*/ .modulo-blogs-horizontal .flechas { position: absolute; top: 50%; left: 0; height: 0; width: 100%; } .modulo-blogs-horizontal .slick-prev, .modulo-blogs-horizontal .slick-next { z-index: 50; margin-top: -15px; height: 60px; position: absolute; top: 50%; font-size: 0; line-height: 0; display: block; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .modulo-blogs-horizontal .slick-prev { left:0px; } .modulo-blogs-horizontal .slick-next { right:0px; } .modulo-blogs-horizontal .slick-next:before { opacity: 1; padding: 18px 7px; color: #fff; background: rgba(0,0,0,.75); font-family: 'as-icons'; content: "\e614"; font-size: 18px; } .modulo-blogs-horizontal .slick-prev:before { opacity: 1; padding: 18px 7px; color: #fff; background: rgba(0,0,0,.75); font-family: 'as-icons'; content: "\e613"; font-size: 18px; } /*share*/ .modulo-blogs-horizontal .pntc .rrss-wrapper { margin: -10px -10px -10px -20px; width: calc(100% + 30px); height: calc(100% + 20px); } .modulo-blogs-horizontal .pntc .rrss-list li a { height: 40px; width: 40px; font-size: 18px; line-height: 40px; } .modulo-blogs-horizontal .pntc .rrss-wrapper .btn-cerrar { width: 30px; height: 30px; } .modulo-blogs-horizontal .pntc .rrss-wrapper .btn-cerrar:after, .modulo-blogs-horizontal .pntc .rrss-wrapper .btn-cerrar:before { top: 15px; right: 8px; left:auto; width: 16px; } /*modulo rrss*/ .modulo-rrss { border-top:3px solid #ddd; padding-top: 15px; } .modulo-rrss .rrss-links { font:16px/20px "sourcesans",sans-serif; color: #5f5f5f; } .modulo-rrss .rrss-links a { color: inherit; } .modulo-rrss aside { padding-top: 53px; } .modulo-rrss .btns { margin-bottom: 15px; } .modulo-rrss .link-rrss { float: left; height: 100px; width: 100%; line-height: 165px; border:1px solid #ddd; color:#666; border-radius: 3px; text-align: center; font-size: 13px; font-family: 'sourcesans', Arial ;} .modulo-rrss .rrss-links .link-rrss { width: 48%; margin-top: 10px; margin-right: 2%; } .modulo-rrss .rrss-links .link-rrss:last-child { margin-left: 2%; margin-right: 0;} .modulo-rrss .btns .link { position:relative; height: 38px; line-height: 38px; color:#333; } .modulo-rrss .btns .link .ico-fb, .modulo-rrss .btns .link .ico-tw { position:relative; height: 38px; width: 38px; font:19px/38px 'as-icons'; text-align: center; background: #00aced; float: left; color: #fff; margin-right: 10px; } .modulo-rrss .btns .link .ico-fb { background: #3b579d; } .modulo-rrss .btns .link .ico-fb:before { content: "\e619"; } .modulo-rrss .btns .link .ico-tw:before { content: "\e618"; } .modulo-rrss .link-tw { position:relative; height: 38px; line-height: 38px; padding-left: 45px; background: url(/img/logo/rrss/rs_twitter.png) no-repeat left center #fff; color:#333; } .modulo-rrss .link-gp { color:#333; position: relative; } .modulo-rrss .link-gp:before { content: "\e61a"; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -23px; font-family: 'as-icons'; font-size: 31px; color: #E46551; display: block; width: 46px; height: 46px; line-height: 46px; text-align: center; } .modulo-rrss .link-yt { background: url(/img/comunes/logos/youtube.svg) no-repeat 50% 25px #fff; color:#333; background-size: 62px 26px; } .modulo-rrss .btn.tipo-4 { margin-top: 6px; } .modulo-rrss .iframe-wrapper { background: #f2f2f2; padding:5px; height: 415px; text-align: center; } .modulo-rrss .iframe-wrapper iframe { height: 100%!important; } /*modulo radios*/ .modulo-radios .item { width: 12.4%; float: left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; } .modulo-radios .item .item-content { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; } .modulo-radios .item .item-multimedia { height: 72px; position: relative; overflow: hidden; z-index: 1; margin-bottom: 10px; margin-top: 10px; } .modulo-radios .item .item-img { position: absolute; left: -50%; right: -50%; top: -50%; bottom: -50%; margin: auto; height: 100%; width: auto; } .modulo-radios .item .item-content .item-txt { border-top: 1px solid #ddd; padding-top: 10px; } .modulo-radios .item .item-content .subtitle { font: 12px/16px 'sourcesans',sans-serif; text-transform: uppercase; color: #666; } .modulo-radios .item .item-content .title { font: 16px/18px 'sourcesans',sans-serif; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; color: #111; } .modulo-radios .item .item-content .title a, .modulo-radios .item .item-content .subtitle a { color: inherit; } /*modulo crosslinking*/ .modulo-crosslinking .cross-title { height: 40px; line-height: 40px; display: block; position: relative; } .modulo-crosslinking .cross-title:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #ddd;} .modulo-crosslinking .cross-title:after {content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px;} .modulo-crosslinking .cross-title .cross-title-txt { background: url(/img/comunes/logos/crosslinking_grupo_logos.svg?20160712) no-repeat 0 0; text-indent: -9999px; overflow: hidden; width:80px; height: 40px; line-height: 40px; display: inline-block; } /*fix para notitle .modulo-crosslinking .pntc-v figure:first-child { margin-top: 40px; } .modulo-crosslinking .pntc-v .pntc-content:first-child { margin-top: 40px; }*/ /*group*/ .modulo-crosslinking .cross-title.verne .cross-title-txt { background-position: -3px 1px; width: 80px; } .modulo-crosslinking .cross-title.verne:after { background: #00B481; } .modulo-crosslinking .cross-title.tentaciones .cross-title-txt { background-position: -84px 1px; width: 140px; } .modulo-crosslinking .cross-title.tentaciones:after { background: #000; } .modulo-crosslinking .cross-title.buenavida .cross-title-txt { background-position: -227px 1px; width: 134px; } .modulo-crosslinking .cross-title.buenavida:after { background: #FC3400; } .modulo-crosslinking .cross-title.elmotor .cross-title-txt { background-position: -369px 1px; width: 145px;} .modulo-crosslinking .cross-title.elmotor:after { background: #BF100B; } .modulo-crosslinking .cross-title.huffpost .cross-title-txt { background-position: -5px -34px; width: 205px;} .modulo-crosslinking .cross-title.huffpost:after { background: #2B6557; } .modulo-crosslinking .cross-title.daleplay .cross-title-txt { background-position: -215px -34px; width: 105px;} .modulo-crosslinking .cross-title.daleplay:after { background: #B30077; } .modulo-crosslinking .cross-title.cinemania .cross-title-txt { background-position: -326px -34px; width: 84px;} .modulo-crosslinking .cross-title.cinemania:after { background: #000; } .modulo-crosslinking .cross-title.ser .cross-title-txt { background-position: -412px -34px; width: 60px;} .modulo-crosslinking .cross-title.ser:after { background: #00348A; } .modulo-crosslinking .cross-title.cincodias .cross-title-txt { background-position: 0px -70px; width: 110px;} .modulo-crosslinking .cross-title.cincodias:after { background: #2f7362; } .modulo-crosslinking .cross-title.meristation .cross-title-txt { background-position: -112px -68px; width: 117px;} .modulo-crosslinking .cross-title.meristation:after { background: #F37D00; } .modulo-crosslinking .cross-title.guiadelocio .cross-title-txt { background-position: -331px -68px; width: 62px; } .modulo-crosslinking .cross-title.guiadelocio:after { background: #000; } /*modulo crosslinking EL PAIS*/ .modulo-elpais { border-top:none; padding-top: 0; } .modulo-elpais .pntc .title { font-family: 'sourcesans',sans-serif; } .modulo-elpais .pntc .cross-subtitle { text-indent: -9999px; overflow: hidden; position: relative; } .modulo-elpais .pntc .cross-subtitle:after { content: ''; position: absolute; left:0; bottom: 0px; height: 3px; width: 30px; background: #f00;} /*group*/ .modulo-elpais .cross-subtitle { background: url(/img/comunes/logos/crosslinking_grupo_logos.svg?20160712) no-repeat -5px -6px; background-size: 400px; display:block; width: 60px; height: 28px; margin-bottom: 10px; } .modulo-elpais .cross-subtitle.verne { width: 60px; } .modulo-elpais .cross-subtitle.verne:after { background: #00B481; } .modulo-elpais .cross-subtitle.tentaciones { background-position: -71px -6px; width: 110px; } .modulo-elpais .cross-subtitle.tentaciones:after { background: #000; } .modulo-elpais .cross-subtitle.icon { background-position: -200px -64px; width: 75px; } .modulo-elpais .cross-subtitle.icon:after { background: #000; } /*modulo verticales*/ .modulo-verticales .pntc .pntc-content .title { font-family: "sourcesans",sans-serif; } /*modulo ediciones internacionales*/ .modulo-ed-ints .subtitle, .modulo-ed-america .subtitle { position: relative; } .modulo-ed-ints .subtitle.mexico, .modulo-ed-ints .subtitle.peru, .modulo-ed-ints .subtitle.argentina, .modulo-ed-ints .subtitle.colombia, .modulo-ed-ints .subtitle.venezuela, .modulo-ed-ints .subtitle.ecuador, .modulo-ed-ints .subtitle.republica_dominicana, .modulo-ed-ints .subtitle.panama, .modulo-ed-ints .subtitle.usa, .modulo-ed-ints .subtitle.chile { display: table; margin: 4px 0 6px 0; padding-left: 24px; } .modulo-ed-ints .subtitle.peru:before,.modulo-ed-ints .subtitle.argentina:before,.modulo-ed-ints .subtitle.colombia:before, .modulo-ed-ints .subtitle.venezuela:before,.modulo-ed-ints .subtitle.ecuador:before,.modulo-ed-ints .subtitle.republica_dominicana:before, .modulo-ed-ints .subtitle.panama:before,.modulo-ed-ints .subtitle.usa:before,.modulo-ed-ints .subtitle.chile:before, .modulo-ed-ints .subtitle.mexico:before { content:''; position: absolute; top: -4px; left: -1px; height: 21px; width: 21px; border-radius: 10px; border: 2px solid #c1c1c1; } .modulo-ed-ints .subtitle.mexico:after,.modulo-ed-ints .subtitle.peru:after,.modulo-ed-ints .subtitle.argentina:after, .modulo-ed-ints .subtitle.colombia:after,.modulo-ed-ints .subtitle.venezuela:after,.modulo-ed-ints .subtitle.ecuador:after, .modulo-ed-ints .subtitle.republica_dominicana:after,.modulo-ed-ints .subtitle.panama:after,.modulo-ed-ints .subtitle.usa:after, .modulo-ed-ints .subtitle.chile:after { content:''; position: absolute; top: -3px; left: 0px; height: 19px; width: 19px; border-radius: 10px; border: 2px solid #fff; } .modulo-ed-america .subtitle.mexico:before,.modulo-ed-america .subtitle.peru:before,.modulo-ed-america .subtitle.argentina:before, .modulo-ed-america .subtitle.colombia:before,.modulo-ed-america .subtitle.venezuela:before,.modulo-ed-america .subtitle.ecuador:before, .modulo-ed-america .subtitle.republica_dominicana:before,.modulo-ed-america .subtitle.panama:before,.modulo-ed-america .subtitle.usa:before, .modulo-ed-america .subtitle.chile:before { content:''; position: absolute; top: 0px; left: -32px; height: 26px; width: 26px; border-radius: 15px; border: 2px solid #c1c1c1; } .modulo-ed-america .subtitle.mexico:after,.modulo-ed-america .subtitle.peru:after,.modulo-ed-america .subtitle.argentina:after, .modulo-ed-america .subtitle.colombia:after,.modulo-ed-america .subtitle.venezuela:after,.modulo-ed-america .subtitle.ecuador:after, .modulo-ed-america .subtitle.republica_dominicana:after,.modulo-ed-america .subtitle.panama:after,.modulo-ed-america .subtitle.usa:after, .modulo-ed-america .subtitle.chile:after { content:''; position: absolute; top: 1px; left: -31px; height: 24px; width: 24px; border-radius: 14px; border: 2px solid #fff; } .modulo-ed-ints .subtitle.mexico:before, .modulo-ed-america .subtitle.mexico:before { background: url("/img/comunes/fotos/fichas/paises/svg/mex.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.peru:before, .modulo-ed-america .subtitle.peru:before { background: url("/img/comunes/fotos/fichas/paises/svg/per.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.argentina:before, .modulo-ed-america .subtitle.argentina:before { background: url("/img/comunes/fotos/fichas/paises/svg/arg.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.colombia:before, .modulo-ed-america .subtitle.colombia:before { background: url("/img/comunes/fotos/fichas/paises/svg/col.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.venezuela:before, .modulo-ed-america .subtitle.venezuela:before { background: url("/img/comunes/fotos/fichas/paises/svg/ven.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.ecuador:before, .modulo-ed-america .subtitle.ecuador:before { background: url("/img/comunes/fotos/fichas/paises/svg/ecu.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.republica_dominicana:before, .modulo-ed-america .subtitle.republica_dominicana:before { background: url("/img/comunes/fotos/fichas/paises/svg/dom.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.panama:before, .modulo-ed-america .subtitle.panama:before { background: url("/img/comunes/fotos/fichas/paises/svg/pan.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.usa:before, .modulo-ed-america .subtitle.usa:before { background: url("/img/comunes/fotos/fichas/paises/svg/usa.svg") no-repeat center; background-size:cover;} .modulo-ed-ints .subtitle.chile:before, .modulo-ed-america .subtitle.chile:before { background: url("/img/comunes/fotos/fichas/paises/svg/chi.svg") no-repeat center; background-size:cover;} /*modulo escudos*/ .modulo-escudos { background: #f2f2f2; } .nav-seccion ~ .modulo-escudos { margin-top: -20px; margin-bottom: 20px; } .modulo-escudos .title { display: none; float: left; } .modulo-escudos .title a { color: inherit; } .modulo-escudos .content, .tag .container .modulo-escudos .content { max-width: 992px; margin: 0 auto; padding: 0 10px; height: 42px; } .modulo-escudos .list, .tag .container .modulo-escudos .list { width: calc(100% - 90px); float: left; display: -ms-flexbox; display: flex; } .modulo-escudos .list .item, .tag .container .modulo-escudos .list .item { float:left; height: 42px; width:calc(5% - 1px); -ms-flex:1 1 auto;flex:1 1 auto; margin-right:1px; position: relative; text-align: center; transition:background .25s ease-in; } .modulo-escudos .list .item:hover { background: #ddd; } .modulo-escudos .list.items-22 .item { width:calc(4.5% - 1px);} .modulo-escudos .list.items-18 .item { width:calc(5.5% - 1px);} .modulo-escudos .list.items-16 .item { width:calc(6.2% - 1px);} .modulo-escudos .list .item .sin-escudo { color: #d4d4d4; height: 100%; display: block; overflow: hidden; text-indent: -9999px; position: relative; } .modulo-escudos .list .item .sin-escudo:before { content: "\e630"; font: 20px/42px 'as-icons'; text-indent: 0; position: absolute; left: 50%; margin-left: -10px; } .modulo-escudos .list .item img, .tag .container .modulo-escudos .list .item img { height: 100%; width: auto; padding: 7px 0; display: inline-block; } .modulo-escudos .list .item.zone-top-1:before, .modulo-escudos .list .item.zone-top-2:before, .modulo-escudos .list .item.zone-bottom-1:before { content: ''; position: absolute; left:0; bottom: 0; height: 2px; width: 100%; } .modulo-escudos .list .item.zone-top-1:before { background: #005480; } .modulo-escudos .list .item.zone-top-2:before { background: #feb532; } .modulo-escudos .list .item.zone-bottom-1:before { background: #d21300; } .modulo-escudos .btn-clasf { height: 42px; font: 12px/42px 'Arial'; font-weight: bold; color: #333; float: right; } .modulo-escudos .btn-clasf:before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 2px; border: 4px solid transparent; border-left-color: #eb9114; } /*dentro de bloque editorial*/ .container .modulo-escudos { margin-top: -15px; margin-bottom: 15px; background:#fff; border-bottom: 1px solid #ddd; } .container .modulo-escudos .content { padding: 0; height: 47px; } .container .modulo-escudos .list { width: 100%; } .container .modulo-escudos .list .item { height: 47px; margin-right: 0px; } .container .modulo-escudos .list .item img { padding: 9px 0; } .container .modulo-escudos .list .item.zone-top-1:before, .container .modulo-escudos .list .item.zone-top-2:before, .container .modulo-escudos .list .item.zone-bottom-1:before, .container .modulo-escudos .btn-clasf { display: none; } /*dentro de tags revertir estilos*/ .tag .container .modulo-escudos { margin-top: -10px; margin-bottom: 15px; background:#fff; border-bottom: none; } .tag .container .modulo-escudos .list .item.zone-top-1:before, .tag .container .modulo-escudos .list .item.zone-top-2:before, .tag .container .modulo-escudos .list .item.zone-bottom-1:before, .tag .container .modulo-escudos .btn-clasf { display: block; } /* Bloque fijo resultados */ .home .cnt-bloque-resultados { padding: 15px 7px 0; border-top: 3px solid #ddd; margin-bottom: 15px; background: #f2f2f2; } .home .nav-bloque-resultados { min-height: 27px; } .home .nav-bloque-resultados .link-tabs, .home .nav-bloque-resultados .link-tabs-mas { margin-bottom: 0; } .home .nav-bloque-resultados .btn-desp-mas { color: #333; cursor: pointer; font: 16px/19px "sourcesans",sans-serif; margin-right: 0px; padding: 0 30px 0 10px; position: relative; float: right; width: 201px; border-left: 1px solid #ddd; } .home .nav-bloque-resultados .btn-desp-mas:after { content: ""; position: absolute; right: 43px; top: 8px; border:5px solid transparent; border-top-color:#E79A17; } .home .nav-bloque-resultados .btn-desp-mas.active { background: #fff; border: 1px solid #ddd; border-radius: 3px; font: 16px/18px "sourcesans",sans-serif; margin-top: -5px; padding: 5px 0 5px 10px; } .home .nav-bloque-resultados .btn-desp-mas.active:after { border-top-color:transparent; border-bottom-color:#E79A17; top: 7px; } .home .nav-bloque-resultados .link-tabs-mas { background: #fff; color: #333; border-radius: 2px; display: none; padding: 5px 10px; position: absolute; right: 10px; top: 24px; z-index: 110; width: 190px; } .home .nav-bloque-resultados .link-tabs-mas li { width: 100%; border-right: 0; margin-right: 0; } .home .nav-bloque-resultados .link-tabs-mas li a { font: 16px "sourcesans",sans-serif; position: relative; } .home .nav-bloque-resultados .link-tabs-mas li a.active { color: #111; font-family: "sourceblack",sans-serif; line-height: 20px; } .home .nav-bloque-resultados .link-tabs-mas li a.active::after { background: #ffb715; bottom: -5px; content: ""; height: 3px; left: 0; position: absolute; right: 0; } .home .nav-bloque-resultados .link-tabs-mas.active { width: 201px; display: block; } .home .nav-bloque-resultados .btn-desp-mas.selected { color: #111; font-family: "sourceblack",sans-serif; line-height: 20px; } .home .nav-bloque-resultados .btn-desp-mas.selected::before { background: #ffb715; bottom: -5px; content: ""; height: 3px; left: 10px; position: absolute; right: 0; } .home .nav-bloque-resultados .btn-desp-mas.selected::after { right: 38px; } .home .nav-bloque-resultados .txt-nav-mobile { font: 18px/27px "sourcesansbold",sans-serif; color: #333; } .home .bloque-resultados .cont-resultados tr:first-child td { border-top: 1px solid #f2f2f2; } .home .bloque-resultados .cont-modulo { border: 0 none; } .home .bloque-resultados .cont-clasificacion tbody > tr > th, .home .bloque-resultados .cont-clasificacion tbody > tr > td { padding: 3px 7px; } .home .bloque-resultados .txt-filtro { font: 20px/32px 'sourcesansbold', sans-serif; color: #333; margin-right: 10px; } .home .bloque-resultados .caja-desplegable a { font: 16px/19px 'sourcesansbold', sans-serif; background: #D90000; color: #fff; } .home .bloque-resultados .caja-desplegable .desplegable { background: #D90000; } .home .bloque-resultados .caja-desplegable .desplegable li:hover { background: none; } .home .bloque-resultados .caja-desplegable .desplegable li:hover a { color: #ededed; } .home .bloque-resultados .caja-desplegable .arrow-desplegable::after { content: ""; position: absolute; top: 50%; bottom: 50%; margin-top: -2.5px; right: 9px; border: 5px solid transparent; border-top-color:#fff; } .home .bloque-resultados .caja-desplegable .arrow-desplegable.active::after { border-bottom-color:#fff; border-top-color: transparent; top: 10px; } .home .bloque-resultados .cont-clasificacion { margin-top: 0; } .home .bloque-resultados .resultados .link-mas-info, .home .bloque-resultados .resultados .link-mas-info2 { margin-bottom: 5px; margin-top: 5px; } .home .bloque-resultados .cont-resultados .cont-img-escudo img { width: 21px; height: 21px; } .home .bloque-resultados .cont-resultados .col-equipo-local { width: 40%; padding-right: 8px; } .home .bloque-resultados .cont-resultados .col-equipo-visitante { width: 37.5%; padding-left: 8px; } .home .bloque-resultados .cont-resultados tbody > tr > th, .home .bloque-resultados .cont-resultados tbody > tr > td { padding-top: 0; padding-bottom: 0; } .home .bloque-resultados .cont-resultados .col-equipo-visitante .cont-enlace-equipo { padding-left: 0; } .home .bloque-resultados .cont-resultados .col-equipo-local .cont-enlace-equipo { padding-right: 0; } .home .bloque-resultados .cont-resultados .col-resultado .resultado { height: 27.1px; line-height: 28px; } .home .bloque-resultados .cont-resultados .col-resultado { width: 20%; } .home .bloque-resultados .cont-resultados .nombre-equipo { font-size: 13px; line-height: 27px; } .home .bloque-resultados .cont-resultados .col-resultado .resultado { font-size: 13px; } .home .bloque-resultados .cont-resultados .col-resultado.no-comenzado .resultado { font-size: 12px; } .home .bloque-resultados .cont-modulo.resultados .btn, .home .bloque-resultados .clasificacion-total .btn { margin-top: 10px; } .home .bloque-resultados .cont-estadisticas .estadistica { position: relative; text-align: center; border: 1px solid #ddd; border-radius: 2px; background: #fff; color: #333; height: 70px; width: 99px; float: left; margin-right: 4px; margin-bottom: 4px; cursor: pointer; } .home .bloque-resultados .cont-estadisticas .estadistica:hover { border: 1px solid #999; } .home .bloque-resultados .cont-estadisticas .estadistica:nth-child(3), .home .bloque-resultados .cont-estadisticas .estadistica:nth-child(6) { margin-right: 0; } .home .bloque-resultados .cont-estadisticas .estadistica .icono { display: block; font-size: 28px; text-align: center; margin-top: 10px;} .home .bloque-resultados .cont-estadisticas .estadistica .txt-estadistica { font: 12px sans-serif; text-align: center; margin-top: 7px; display: block; } .home .bloque-resultados .cont-estadisticas .estadistica .icono-comparador ~ .txt-estadistica { margin-top: 45px; } .home .bloque-resultados .cont-estadisticas .estadistica .icono-comparador::before { color: #333; content: "Vs"; position: absolute; font: 30px/30px "sourcesansbold",sans-serif; margin-left: -16px; margin-top: 8px; } .home .bloque-resultados .txt-jornada { color: #777; font: 14px sans-serif; margin: 5px 0; } .home .bloque-resultados .caja-desplegable .form-control { border: 0 none; border-radius: 2px; } .home .bloque-rankings .list-equipo-mod-jugador-rank1 { width: auto; float: left; margin-top: 17px; border-left: 0 none; } .home .bloque-rankings .list-equipo-mod-jugador-rank2 { width: auto; float: left; margin-left: 15px; border-left: 0 none; } .home .bloque-rankings .list-content .cont-jugador { background: #fff; width: 64%; } .home .bloque-rankings .list-points-dest1 { width: 64px; float: left; height: 65px; padding-right: 8px; text-align: right; } .home .bloque-rankings .list-points-dest2 { width: 64px; float: left; height: 45px; padding-right: 5px; text-align: right; } .home .bloque-rankings .list-jugador-dest1 img { width: 60px; } .home .bloque-rankings .list-jugador-dest2 img { width: 40px; } .home .bloque-rankings .list-equipo-mod-jugador-rank2 img { height: auto; width: 20px; } .home .bloque-rankings .text-kind-type1-rank1 { margin-top: 15px; max-width: 102px; margin-left: 10px; font: bold 14px/20px sans-serif; } .home .bloque-rankings .text-kind-type1-rank2 { margin-top: 4px; max-width: 102px; margin-left: 15px; font: bold 12px/20px sans-serif; } .home .bloque-rankings .text-kind-type3-rank1 { margin-left: 10px; } .home .bloque-rankings .text-kind-type3-rank2 { margin-left: 15px; } .home .bloque-rankings .list-content .cont-list-equipo { background: #fff; float: left; width: 36%; } .home .bloque-resultados { margin-bottom: 15px; padding-top: 10px; padding-bottom: 15px; position: relative; float: left; width: 100%; } .home .bloque-resultados::after { content:""; height:1px; position:absolute; left:10px; right:10px; bottom:0px; background: #ddd; display: block; } .home .bloque-rankings .tit-ranking { margin-bottom: 10px; color: #777; font: 18px/18px "sourceblack", sans-serif; } .home .bloque-rankings .tit-ranking span { color: #424242; } .home .bloque-rankings .list-points-dest1 span { font: 23px/61px "sourceblack",sans-serif; } .home .bloque-rankings .list-points-dest2 span { font: 16px/46px "sourceblack",sans-serif; } .home .bloque-rankings .list-jugador-dest1 { margin-left: 0; } .home .bloque-rankings .list-jugador-dest2 { margin-left: 10px; } .home .bloque-resultados .caja-desplegable .desplegable { border: 0 none; border-top: 1px solid #E14949; } .home .bloque-resultados .col1 .cont-modulo { margin-bottom: 10px; } .home .bloque-resultados .col1 .cont-modulo .tit-modulo { font: 16px/29px "sourceblack",sans-serif; } .home .bloque-resultados .col1 .cont-resultados ul li { width: 50%; float: left; height: 30px; } .home .bloque-resultados .col1 .cont-resultados .equipo-local, .home .bloque-resultados .col1 .cont-resultados .equipo-visitante { width: 40%; line-height: 30px; min-height: 30px; } .home .bloque-resultados .col1 .cont-resultados .cont-resultado { width: 20%; min-height: 29px; } .home .bloque-resultados .col1 .partido-unico .cont-resultados ul li { width: 100%; } .home .bloque-resultados .col1 .cont-resultados .nombre-equipo { font: normal 12px sans-serif; color: #333; padding-left: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .home .bloque-resultados .col1 .cont-resultado .resultado { font-size: 13px; line-height: 29px; } .home .bloque-resultados .col1 .cont-resultados .cont-img-escudo img { margin-top: -2px; padding: 1px 0; } .home .bloque-resultados .col1 .cont-resultados .cont-img-bandera img { border: 1px solid #ddd; margin-top: -2px; padding: 1px 0; } .home .bloque-resultados .col2 .cont-modulo { width: 49%; float: left; margin-bottom: 15px; } .home .bloque-resultados .col2 .cont-modulo:nth-child(even) { margin-left: 2%; } .home .bloque-resultados .col2 .resultados .equipo-local { width: 40%; line-height: 26px; min-height: 26px; padding-right: 8px; } .home .bloque-resultados .col2 .resultados .equipo-visitante { width: 40%; line-height: 26px; min-height: 26px; padding-left: 8px; } .home .bloque-resultados .col2 .resultados .equipo-visitante .cont-enlace-equipo, .home .bloque-resultados .col2 .resultados .equipo-visitante .cont-enlace-equipo .cont-img-escudo, .home .bloque-resultados .col2 .resultados .equipo-visitante .cont-enlace-equipo .cont-img-bandera { padding-left: 0px; } .home .bloque-resultados .col2 .resultados .cont-resultado { width: 20%; line-height: 26px; min-height: 26px; } .home .bloque-resultados .col2 .cont-modulo .tit-modulo { font: 16px/29px "sourceblack",sans-serif; } .home .bloque-resultados .col2 .cont-resultados .nombre-equipo { font: normal 12px/12px sans-serif; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .home .bloque-resultados .col2 .resultados .cont-resultado .resultado { line-height: 27px; font-size: 13px; } .home .bloque-resultados .col2 .cont-resultados .cont-img-escudo img { margin-top: -2px; padding: 1px 0; } .home .bloque-resultados .col2 .cont-resultados .cont-img-bandera img { border: 1px solid #ddd; margin-top: -2px; padding: 1px 0; } .home .bloque-resultados .col2 .cont-modulo .tit-modulo .mas-info { font: 12px/29px sans-serif; float: right; color: #333; margin-right: 5px; } .home .bloque-resultados .cont-resultados .nombre-equipo, .home .bloque-resultados .cont-clasificacion .nombre-equipo { font: normal 12px/21px sans-serif; color: #333; } .home .bloque-resultados .cont-clasificacion .cont-nombre-equipo .pos { line-height: 20px; margin-right: 5px; } .home .bloque-resultados .pagination { border-top: 0 none; color: #6b6b6b; float: right; font-size: 14px; position: relative; z-index: 2; padding: 0; margin-top: -2px; } .home .bloque-resultados .pagination a { position: relative; width: auto; height: 22px; padding: 0 11px; line-height: 22px; } .home .bloque-resultados .pagination a.prev:before { content: ""; position: absolute; transition:.2s; left: 50%; right: 50%; margin-left: -8px; margin-top: -5px; top: 50%; bottom: 50%; border:5px solid transparent; border-right-color:#fff; } .home .bloque-resultados .pagination a.next:before { content: ""; position: absolute; transition:.2s; left: 50%; right: 50%; margin-left: -2px; margin-top: -5px; top: 50%; bottom: 50%; border:5px solid transparent; border-left-color:#fff; } .home .bloque-resultados .cont-fase { margin-bottom: 5px; } .home .bloque-resultados .pagination a.disabled { background: #A8A8A8; } .home .bloque-resultados .pagination a.disabled:hover { cursor: default; } .home .bloque-resultados .cont-desplegable-tit { float: right; margin-bottom: 0; margin-top: -10px; position: relative; width: auto; } .home .bloque-resultados .desplegable li span.grupo-tercera { margin-right: 5px; vertical-align: middle; background-image: url("/img/sprite-tercera.png"); display: inline-block; height: 14px; vertical-align: middle; width: 20px; } .home .bloque-resultados .desplegable span.grupo-I { background-position: -15px 0; } .home .bloque-resultados .desplegable span.grupo-II { background-position: -50px 0; } .home .bloque-resultados .desplegable span.grupo-III { background-position: -85px 0; } .home .bloque-resultados .desplegable span.grupo-IV { background-position: -120px 0; } .home .bloque-resultados .desplegable span.grupo-V { background-position: -155px 0; } .home .bloque-resultados .desplegable span.grupo-VI { background-position: -190px 0; } .home .bloque-resultados .desplegable span.grupo-VII { background-position: -225px 0; } .home .bloque-resultados .desplegable span.grupo-VIII { background-position: -260px 0; } .home .bloque-resultados .desplegable span.grupo-IX { background-position: -295px 0; } .home .bloque-resultados .desplegable span.grupo-X { background-position: -330px 0; } .home .bloque-resultados .desplegable span.grupo-XI { background-position: -365px 0; } .home .bloque-resultados .desplegable span.grupo-XII { background-position: -400px 0; } .home .bloque-resultados .desplegable span.grupo-XIII { background-position: -435px 0; } .home .bloque-resultados .desplegable span.grupo-XIV { background-position: -470px 0; } .home .bloque-resultados .desplegable span.grupo-XV { background-position: -505px 0; } .home .bloque-resultados .desplegable span.grupo-XVI { background-position: -540px 0; } .home .bloque-resultados .desplegable span.grupo-XVII { background-position: -575px 0; } .home .bloque-resultados .desplegable span.grupo-XVIII { background-position: -610px 0; } .home .bloque-resultados .publi { margin-bottom: 15px; } /* Carrusel enjuego */ .home .csel { background: #F0F0F0; padding:10px; margin-bottom: 20px; } .home .csel-mod { overflow: hidden; float: left; width:770px; position: relative; padding-left: 45px; } .home .csel-competicion { float: left; width:10000px; } .home .csel-endirecto { float: left; margin-right: 15px; width: 167px; } .home .csel-mod-title { font:14px/22px "sourcesans",sans-serif; color: #4f4f4f; height: 30px; } .home .csel-item { float: left; color:#323232; margin-right: 10px; } .home .csel-item-content { width: 120px; height: 40px; font:12px/39px Arial; color: #333; background: #fff; padding: 0 5px; position: relative; } .home .csel-item-content a, .home .csel-item-content span, .home .csel-item-content div { color:inherit; height: 38px; position: relative; } .home .csel-item-content:first-child { border-bottom: 2px solid #F0F0F0; } .home .csel-item-content .equipo-escudo { float:left; height: 40px; padding:6px 6px 6px 0; width: auto;} .home .csel-item-content .equipo { border-bottom: 0 none; } .home .csel-item-content .equipo-bandera { float: left; height: 19px; border: 1px solid #ddd; width: 26px; background: #fff; margin-top: 10px; margin-right:6px; overflow: hidden; } .home .csel-item-content .equipo-bandera img { width: 28px; height: auto; margin-top: -1px; margin-left: -2px; } .home .csel-item-content .equipo { font-weight: bold; cursor: pointer; } .home .csel-item-content .equipo.pos:before { content: "\e607"; font-family: 'as-icons'; color: #FCA400; position: absolute; right: -15px; font-size: 10px; } .home .csel-item-content .dato { font-size: 14px; font-weight: bold; padding: 0 4px; } .home .csel-item-content .dato-group { margin-left: 35px; } .home .csel-item-content .dato .gol-penal { font-size: 11px; line-height: 41px; } .home .csel-item-content.team2 { float: right; } .home .csel-item-enlinea { height: 80px; width: 96px; float: left; } .home .csel-item .btn { background: #f5f5f5; color:#333; padding: 0; padding-left:20px; display: block; height: 40px; width: 120px; line-height: 40px; border-radius: 0; position: relative; } .home .csel-item .btn:first-child { border-bottom: 2px solid #F0F0F0; } .home .csel-item .btn:after { content: ''; border: 5px solid transparent; border-left-color: #F59500; position: absolute; height: 10px; width: 10px; left: 10px; top: 50%; margin-top: -5px; } .home .csel-item .btn:hover::before { border: 2px solid #ccc; content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .home .csel-item-footer { font:10px/22px Arial; color: #666; height: 22px; padding: 0 2px; } .home .csel-item-footer .txt { float: left; text-transform: uppercase; } .home .csel-item-footer .tiempo { font-weight: bold; float: right; text-align: right;} .home .csel-endirecto .cont-fecha { margin-bottom: 13px; padding-bottom: 10px; margin-top: 5px; padding-left: 20px; border-bottom: 1px solid #ddd; } .home .csel-endirecto .cont-fecha .tit-endirecto { font:18px/32px 'sourceblack',sans-serif; color: #DE0000; position: relative; } .home .csel-endirecto .cont-fecha .tit-endirecto::before { background: #de0000; border-radius: 50%; bottom: 50%; content: ""; display: block; height: 9px; left: -13px; margin-top: -5.5px; position: absolute; top: 50%; width: 9px; } .home .csel-endirecto .cont-fecha .fecha-evento { font:13px "sourcesans",sans-serif; color: #323232; } .home .csel-endirecto .caja-desplegable a { width: 100%; } .home .csel-endirecto .caja-desplegable > a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home .csel-endirecto .cont-fecha .btn-endirecto { background: #fff; border: 1px solid #ddd; border-radius: 3px; color: #323232; cursor: pointer; font: 13px/18px "sourcesans",sans-serif; margin-top: 2px; padding: 4px 10px; } .home .csel-mod .csel-flechas .prev, .home .csel-mod .csel-flechas .next { background: #fff; z-index:50; height: 129px; width: 30px; position: absolute; font-size: 0; line-height: 0; padding: 0; cursor: pointer; color: transparent; border: 1px solid #ddd; outline: none; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .home .csel-mod .csel-flechas .next {right: 0px; box-shadow: -5px 0 5px #ddd; } .home .csel-mod .csel-flechas .prev {left: 0; box-shadow: 5px 0 5px #ddd; } .home .csel-mod .csel-flechas .prev::before { content: ""; position: absolute; transition:.2s; left:-4px; margin-top: -12px; top: 50%; bottom: 50%; border:12px solid transparent; border-right-color:#ccc; } .home .csel-mod .csel-flechas .next::before { content: ""; position: absolute; transition:.2s; right:-4px; margin-top: -12px; top: 50%; bottom: 50%; border:12px solid transparent; border-left-color:#ccc; } .home .csel-mod .csel-flechas .prev:hover, .home .csel-mod .csel-flechas .next:hover { border: 1px solid #ccc; } .home .csel-mod .csel-flechas .prev:hover::before { border-right-color: #E99100; } .home .csel-mod .csel-flechas .next:hover::before { border-left-color: #E99100; } .home .csel-mod .csel-flechas .prev.disabled:hover, .home .csel-mod .csel-flechas .next.disabled:hover { border: 1px solid #ddd; cursor: default; } .home .csel-mod .csel-flechas .prev.disabled:hover::before { border-right-color: #ccc; } .home .csel-mod .csel-flechas .next.disabled:hover::before { border-left-color: #ccc; } .home .cont-teams .teams .pos { font: bold 14px/20px sans-serif; color: #fff; background: #424242; height: 20px; width: 20px; float: left; text-align: center; } .home .cont-teams .teams .pos.destacado { background: #FFB632; } .home .cont-teams .teams .piloto { color: #333; display: block; font: bold 12px sans-serif; margin-left: 26px;margin-top: -1px; max-width: 99px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; } .home .cont-teams .teams .tiempo { font: 12px sans-serif; color: #858585; margin-left: 26px; display: block; margin-bottom: 10px; } .home .csel-item-footer .tiempo span { color: #666; } .home .csel .motor .cont-teams .img-coche { padding-left: 19px; transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); } .home .csel .motor .cont-teams { background: #fff; padding: 10px; width: 115px; display: block; } .home .csel .motor .csel-item.previo .cont-teams { min-height: 77px; overflow: hidden; position: relative; } .home .csel .motor .csel-item.previo .icono { bottom: -55px; font-size: 131px; position: absolute; right: -46px; transform: rotate(145deg); } .home .csel .motor .csel-item.previo .equipo-bandera { float: left; width: 20px; margin-right: 5px; } .home .csel .motor .cont-teams .teams .gp { color: #333; display: block; font: bold 12px sans-serif; margin-top: -1px; } .home .csel .motor .cont-teams .teams .txt-gp { color: #858585; display: block; font: 12px sans-serif; margin-bottom: 10px; margin-left: 0; margin-top: 2px; } .home .csel .tenis .csel-item-content { width: auto; } .home .csel .tenis .csel-item-content .info { float: right; line-height: 36px; margin-left: 8px; } /* ciclismo */ .home .csel-competicion .ciclismo .tabla-ciclismo{ width: 100%; border-bottom: 1px solid #e6e7e8; } .home .csel-competicion .ciclismo .tabla-ciclismo thead > tr > th{ display: none; } .home .csel-competicion .ciclismo .tabla-ciclismo .col-corredor{ width: 57%; } .home .csel-competicion .ciclismo .tabla-ciclismo .col-equipo{ width: 20%; } .home .csel-competicion .ciclismo .tabla-ciclismo .col-tiempo{ width: 23%; } .home .csel-competicion .ciclismo .tabla-ciclismo .nombre, .home .csel-competicion .ciclismo .tabla-ciclismo .equipo, .home .csel-competicion .ciclismo .tabla-ciclismo .tiempos{ font-size: 12px; } .home .csel-competicion .ciclismo .tabla-ciclismo .tiempos { font: 12px sans-serif; color: #323232; } .home .csel-competicion .ciclismo .tabla-ciclismo .nombre{ font-weight: bold; } .home .csel-competicion .ciclismo .tabla-ciclismo thead > tr > th, .home .csel-competicion .ciclismo .tabla-ciclismo tbody > tr > th, .home .csel-competicion .ciclismo .tabla-ciclismo tfoot > tr > th, .home .csel-competicion .ciclismo .tabla-ciclismo thead > tr > td, .home .csel-competicion .ciclismo .tabla-ciclismo tbody > tr > td, .home .csel-competicion .ciclismo .tabla-ciclismo tfoot > tr > td { padding: 4px 5px; border-left: 0 none; border-right: 0 none; text-align: left; } .home .csel-competicion .ciclismo .tabla-ciclismo .cont-tiempos, .home .csel-competicion .ciclismo .tabla-ciclismo .cont-equipo{ text-align: right; } .home .csel-competicion .ciclismo .tabla-ciclismo .cont-tiempos{ padding-right: 0; } .home .csel-competicion .ciclismo .tabla-ciclismo tbody td .bandera img { float: left; height: 14px; line-height: 40px; margin-left: -7px; margin-right: 8px; width: 21px; margin-top: 3px; border: 1px solid #ccc; } .home .csel-competicion .ciclismo .tabla-ciclismo .cont-nombre{ padding: 5px 0; } .home .csel-competicion .ciclismo .perfil-etapa { float: left; background: #fff; } .home .csel-competicion .ciclismo .clasificacion-etapa { height: 85px; float: left; background: #fff; width: 220px; padding-left: 10px; padding-right: 10px; } .home .csel-competicion .ciclismo .perfil-etapa .nom-etapa { color: #323232; display: inline-block; font: bold 11px sans-serif; margin-top: 3px; max-width: 205px; overflow: hidden; padding: 0 5px; text-overflow: ellipsis; white-space: nowrap; width: auto; } .home .csel-competicion .ciclismo .perfil-etapa .km-ameta { float: right; margin-right: 5px; font: 11px/20px sans-serif; color: #666; } .home .csel-competicion .ciclismo .perfil-etapa img { height: 63px; width: 250px; } .home .ciclismo .cont-etapa { position: relative; } .home .ciclismo .cont-etapa .progreso { position: absolute; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.65; width: auto; max-width: 100%; } .home .ciclismo .cont-etapa .km-restantes { position: absolute; background: #424242; border-radius: 3px; color: #fff; height: 18px; width: 45px; font: 11px/18px sans-serif; text-align: center; right: 0; bottom: 2px; margin-right: 2px; } /*cambio de color por estado*/ .home .csel-item.directo .dato, .home .csel-item.directo .csel-item-footer .tiempo { color:#E30000; } .home .csel-item.previo .dato, .home .csel-item.previo .csel-item-footer .tiempo { color:#F59500; } .home .csel-item.finalizado .csel-item-content, .home .csel-item.finalizado .csel-item-footer .tiempo { color:#666; } .home .csel-item.finalizado .csel-item-content.ganador { color:#333; } .home .csel-item-content .dato.perdido { color:#656565; } .home .csel-item-content .dato.ganado { color:#323232; } /* PORTADILLA ASTV*/ /*destacado-astv*/ .apertura-12col.astv { background: #303030; padding: 0; margin-bottom: 30px; } .apertura-12col.astv .col-md-12 > .pntc-v .pntc-content { position: relative; } .apertura-12col.astv .col-md-12 > .pntc-v .pntc-content .pntc-txt { position: relative; } .apertura-12col.astv .col-md-12 > .pntc-v .pntc-content .pntc-txt .title { text-shadow:none; color: #fff; font: 20px/22px 'ascombold', sans-serif; } .apertura-12col.astv .col-md-12 > .pntc-v .pntc-content .pntc-txt .subtitle { background: none; padding: 0; margin-bottom: 0; color: #fff; font: 14px/16px 'sourcesans', sans-serif; } .apertura-12col.astv .col-md-12 > .pntc-v .pntc-content .pntc-autor-share { position: relative; } .apertura-12col.astv .col-md-12 > .pntc-v .pntc-content .pntc-txt .txt { font: 15px/20px 'sourcesans', sans-serif; } .apertura-12col.astv .col-md-12 > .pntc-v figure:before { display: none; } .apertura-12col.astv.separador { margin-bottom: 30px; } .apertura-12col.astv.separador:after { display: none; } /*lo mas visto*/ /*relacionadas desde astv artículo*/ .ntc-rel { background: none; padding: 0; margin-bottom: 15px; } .ntc-rel.separador {} .ntc-rel .ntc.ntc-destacada article { overflow: hidden; padding-bottom: 10px; background: #F2F2F2; height: auto; width: 100%; } .ntc-rel .ntc.ntc-destacada figure img { } .ntc-rel .ntc.ntc-destacada .ntc-title { font-family: "ascombold",sans-serif; font-weight: normal; } .ntc-rel .ntc.ntc-destacada .btn-multimedia { z-index: 1; } /*info ministerio */ .info-ministerio-astv { padding: 10px; border: 1px solid #ddd; margin-bottom: 15px; width: 100%; } .info-ministerio-astv img { margin-right: 10px; width: 100%; max-width: 280px; float: left; } .info-ministerio-astv .txt { font-size: 10px; color: #333; } /* PORTADILLA OPINION + BLOGs */ .area-opinion { } .area-opinion .agrup-pntc .pntc.pntc-opinion { padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #ddd;} .area-opinion .agrup-pntc .pntc.pntc-opinion article, .area-opinion .agrup-pntc .pntc.pntc-opinion article { background: none; } .area-opinion .agrup-pntc .pntc.pntc-opinion .pntc-op-autor figure { margin-bottom: 7px; } .area-opinion .agrup-pntc .pntc.pntc-opinion .pntc-op-autor:after { border-right-color: #fff; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada { } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada article { background: #f2f2f2; overflow: hidden; position: relative; align-items: flex-end; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-content { align-self: stretch; display: flex; justify-content: space-between; flex-direction: column; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-content .pntc-txt { margin: 15px 0; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor figure:before { display: none; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor { margin:0 0 -10px -10px; border-right: 0; padding-right: 20px; z-index: 2; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-text { position: absolute; bottom: 10px; left: 180px; } .area-opinion .agrup-pntc .pntc.pntc-opinion .pntc-op-autor figure:after { content: ''; width: 100%; height: 100%; position: absolute; top: 12px; left: 0; background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor figure:after { display: none; } .area-opinion .agrup-pntc .pntc.pntc-opinion .pntc-op-autor figure img { z-index: 1;} /*listado de blogs*/ .area-blogs-list .col-md-8 { flex-wrap:wrap; } .area-blogs-list .cint { border-top: 3px solid #ddd; border-bottom: none; padding: 0; margin: 0 0 10px; } .area-blogs-list .cint .cint-titular { font: normal 18px/36px 'sourceblack'; position: relative; max-width: 100%; height: auto; margin: -3px 10px 0; padding: 3px 0 0; } .area-blogs-list .cint .cint-titular:before { content: ''; position: absolute; top: 0; bottom:auto; left: 0; width: 100%; height: 3px; background: #FFB632; border-left: 1px solid #fff; border-right: 1px solid #fff;} .area-blogs-list .agrup-pntc { width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; margin:0 0 20px; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion { flex: 1 1 100%; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-op-autor { text-align: center; width: 145px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-op-autor figure { margin: -18px auto 6px auto; border-bottom: 1px solid #f2f2f2;} .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-op-autor figure img { z-index: 1; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-op-autor figure:before { color: rgba(34, 34, 34,.1); left: 0; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-op-autor figure:after { content: ''; width: 100%; height: 100%; position: absolute; top: 12px; left: 0; background: -webkit-linear-gradient(rgba(238,238,238,1) 0%, rgba(238,238,238,0) 75%); background: -o-linear-gradient(rgba(238,238,238,1) 0%, rgba(238,238,238,0) 75%); background: linear-gradient(rgba(238,238,238,1) 0%, rgba(238,238,238,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); } .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-op-autor .title { margin-bottom: 6px; top: auto; white-space: normal; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-op-autor .subtitle { font: 13px/13px 'sourcesans',sans-serif; text-transform: uppercase; background: #FFB900; padding: 5px 5px 2px; color: #333333; max-width: 100%; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-content .title { margin-bottom: 0; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-content .subtitle { text-transform: none;} /* Solo Blogs */ .area-actualidad.area-blogs-list .agrup-pntc:last-child, .area-actualidad.area-blogs-list .agrup-pntc:last-child .pntc:last-child { margin-bottom: 0;} /* SHARE */ .area-opinion .pntc.pntc-opinion article .pntc-content .pntc-autor-share { position: relative; height: 26px; width: 100%; } .area-opinion .pntc.pntc-opinion article .pntc-content .pntc-autor-share .btn-wrapper { position: relative; bottom:auto; right: auto; float: right;} .area-opinion .pntc.pntc-opinion article .pntc-content .pntc-autor-share .btn-wrapper .btn-comment { height: 26px; line-height: 26px; padding: 0px 8px 0 9px; } .area-opinion .pntc.pntc-opinion article .pntc-content .pntc-autor-share .btn-wrapper .btn-share { line-height: 26px; height: 26px; padding: 0px 11px 0 9px; } .area-opinion .pntc.pntc-opinion article .pntc-content .pntc-autor-share .btn-wrapper .btn-icon { font-size: 14px; line-height: 24px; top: auto; } /* PODCAST Icon */ .area-opinion .ntc-module .ntc:last-child { margin-bottom: 0px; } .area-opinion .ntc-module .ntc hgroup { padding: 5px 10px 0;} .ntc-module.ntc-podcast .as-icon-microfono { float: left; position: relative; width: 30px; background: #E99100; color: #fff; font-size: 16px; line-height: 30px; margin-right: 10px; text-align: center; height: 30px; } .ntc-module.ntc-podcast .ntc-list article { padding: 10px; position: relative; } .ntc-module.ntc-podcast .ntc-list .ntc-subtitle { padding-bottom: 1px; } .ntc-module.ntc-podcast .ntc-list .ntc-subtitle:after { display: none; } .ntc-module.ntc-podcast .ntc-list .ntc-title { padding-bottom: 0; } .ntc-module.ntc-podcast .ntc { position: relative; } .ntc-module.ntc-podcast .ntc:before { position: absolute; right: 13px; top: 13px; height: 26px; width: 26px; padding-left: 3px; text-align: center; border-radius: 13px; background: #ccc; content: '\e624'; font: 18px/26px 'as-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .ntc-module .as-icon-microfono, .pntc .as-icon-microfono, .btn-multimedia .as-icon-microfono { background: #E99100; transition: background .2s; } .item-multimedia:hover .as-icon-microfono, .ntc-module.ntc-podcast .ntc a:hover .as-icon-microfono, .ntc-module .ntc a:hover .as-icon-microfono { background: #333; } /*------------ TAG ----------------*/ .tag .flexible .pntc-v, .tag .flexible .pntc-h { margin-bottom: 15px; border-bottom: 1px solid #DDD; padding-bottom: 15px; } /* tags antiguos con recorte peq */ .tag .pntc figure { background: #eee; } .tag .pntc-v figure.item-multimedia .img-pntc { width: auto; min-height: 130px; min-width: 182px; max-width: 100%; height: auto; } .tag .col-md-8 > .pntc-tit-izq figure.item-multimedia .img-pntc { width: auto; min-height: 130px; min-width: 182px; max-width: 100%; height: auto; transform: scale(1.31); -moz-transform: scale(1.31); -o-transform: scale(1.31); -webkit-transform: scale(1.31); } .tag .col-md-8 > .pntc-tit-izq figure.item-multimedia { text-align: center; text-align: -webkit-center; } /* Bloques de opinion */ .tag .flexible .pntc-v.opinion, .tag .flexible .pntc-h.opinion { border: 0; padding: 0; } .tag .pntc.opinion article { background: #eee; padding: 20px 12px 12px; } .tag .pntc.opinion .pntc-content .subtitle { display: block; text-align: center; line-height: 20px; } .tag .pntc-v.opinion .pntc-txt { display: block; } .tag .col-md-4 .pntc-v.opinion .pntc-content { justify-content: space-between; } .tag .col-md-8 .pntc-h.opinion .pntc-content .title { font-size: 24px; line-height: 26px; text-align: center; font-style: italic; margin: 0; } .tag .col-md-4 .pntc.opinion .pntc-content .title, .tag .col-md-8 .col-md-4 .pntc.opinion .pntc-content .title { text-align: center; font-style: italic; margin: 0; } .tag .col-md-4 .col-md-12 .pntc.opinion .pntc-content .title { padding-bottom: 10px; } .tag .col-md-4 .pntc-v.opinion .pntc-content .pntc-txt .txt, .tag .col-md-4 .pntc-v.opinion .pntc-content .pntc-txt hgroup { width: 100%; margin-right: 0; } .tag .col-md-4 .pntc-v.opinion .pntc-content .pntc-txt hgroup, .tag .col-md-8 .pntc-h.opinion .pntc-content .pntc-txt hgroup { border-bottom: 2px solid #FFB900; padding-bottom: 15px; position: relative; margin-bottom: 20px; } .tag .col-md-4 .pntc-v.opinion .pntc-content .pntc-txt hgroup:before { content: ''; border: 8px solid transparent; border-top-color: #FFB900; position: absolute; height: 10px; width: 10px; left: 55px; bottom: -16px; } .tag .col-md-8 .pntc-h.opinion .pntc-content .pntc-txt hgroup:before { content: ''; border: 8px solid transparent; border-top-color: #FFB900; position: absolute; height: 10px; width: 10px; left: 150px; bottom: -16px; } .tag .col-md-4 .pntc-v.opinion .pntc-content .pntc-txt hgroup:after { content: ''; border: 8px solid transparent; border-top-color: #eee; position: absolute; height: 10px; width: 10px; left: 55px; bottom: -14px; } .tag .col-md-8 .pntc-h.opinion .pntc-content .pntc-txt hgroup:after { content: ''; border: 8px solid transparent; border-top-color: #eee; position: absolute; height: 10px; width: 10px; left: 150px; bottom: -14px; } .tag .col-md-4 .col-sm-6.opinion .pntc-content .pntc-txt hgroup:before, .tag .col-md-4 .col-sm-6.opinion .pntc-content .pntc-txt hgroup:after { content: none; } .tag .col-md-4 .col-md-12 .pntc.opinion .pntc-content .title, .tag .col-md-6 .agrup-pntc .pntc-h.opinion .pntc-content .title { padding-bottom: 10px;} .tag .col-md-4 .pntc.opinion .pntc-content .title, .tag .col-md-8 .col-md-4 .pntc.opinion .pntc-content .title, .tag .col-md-6 .agrup-pntc .pntc-h.opinion .pntc-content .title { text-align: center; font-style: italic; margin: 0; } /* ficha de jugadores y equipos */ .tag .sumario-ficha .cont-ficha .inline-list li:first-child { display: none; } /*publi en area-actualidad fix-iframe .area-actualidad .col-md-4 .publi { background: url(/img/txt_publi.svg) no-repeat center 3px #fff; background-size: 40px 9px; padding: 14px 0 4px 0; margin-bottom: 15px; text-align: center; border: 1px solid #e4e4e4 !important; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; } .area-actualidad .col-md-4 .publi > div { background: none; padding: 0; margin-bottom: 0; text-align: center; border:none!important; } */ /* -md to max */ @media (min-width: 992px) { .agrup-pntc [class^="col-sm-"], .agrup-pntc [class*="col-sm-"] { padding-left: 0; padding-right: 0; } .flexible { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex:0 auto; -webkit-box-flex:0; flex:0 auto; } .flexible > div { display: -ms-flexbox; display: -webkit-box; display: flex;} .flexible .pntc-v { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1;} .flexible .pntc-v article { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1;} .flexible .pntc-v article .pntc-content { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; -ms-flex-pack:justify; -webkit-box-pack:justify; justify-content:space-between;} .separador:after { content: ''; width: 100%; height: 1px; display: block; background: #ddd; margin: 0 10px; margin-bottom: 40px; position: relative; top: 20px; } .separador:last-child:after { height: 0; margin-bottom: 40px; /*margin-bottom: 0;*/ } .area-actualidad .separador.flexible:last-child:after { margin-bottom: 0; } /*flexbox ie*/ .pntc, .agrup-pntc, .pntc article, .pntc .pntc-content { width:100%; -ms-flex:1 1 auto;} .cint { width: 100%; } /* en V */ .col-md-4 .pntc-v figure { height: 178px; } .col-md-3 .pntc-v figure { height: 131px; } .col-md-2 .pntc figure, .miniatura-publi .col-md-8 .col-md-3 .pntc figure { height: 84px; } .col-md-10 > .pntc-v .pntc-content .title { font-size: 48px; line-height: 50px; } .col-md-8 > .pntc-v .pntc-content .title { font-size: 44px; line-height: 46px; text-align: center; } .col-md-6 > .pntc-v .pntc-content .title { font-size: 32px; line-height: 34px; } .col-md-4 .pntc-v .pntc-content .title { font-size: 20px; line-height: 22px; } .col-md-3 .pntc-v .pntc-content .title { font-size: 16px; line-height: 18px; } .col-md-2 .pntc-v .pntc-content .title, .miniatura-publi .col-md-8 .col-md-3 .pntc-v .pntc-content .title { font-size: 15px; line-height: 18px; margin-bottom: 0; } .col-md-2 .pntc-v .pntc-autor-share { float: none } .col-md-2 .pntc-v figure { margin-bottom: 10px; } .col-md-2 .pntc-v .subtitle { font-size: 13px; } .col-md-2 .pntc .pntc-autor-share .nom-wrapper { margin-top: 0;} .col-md-10 > .pntc-v .pntc-content .txt, .col-md-8 > .pntc-v .pntc-content .txt { font-size: 18px; line-height: 23px; } .col-md-10 > .pntc-v .pntc-content .subtitle, .col-md-8 > .pntc-v .pntc-content .subtitle { font-size: 15px; line-height: 17px; } .pntc-h article { display: -ms-flexbox; display: -webkit-box; display: flex;} .pntc-h article .pntc-content { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack:justify; -webkit-box-pack:justify; justify-content:space-between; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; } .col-md-6 .pntc-h .pntc-content .subtitle { font-size: 13px; line-height: 15px;} .col-md-4 .pntc-h figure { width: 151px; height: 131px; } .col-md-4 .pntc-h .pntc-content .title { font-size: 16px; line-height: 18px; /*margin-bottom: 0;*/ } .col-md-4 .pntc .pntc-content .subtitle { font-size: 13px; line-height: 15px;} .col-md-3 .pntc-v .pntc-autor-share { min-height: 28px; } .col-md-4 .pntc-h .pntc-autor-share .nom-wrapper { float: none; } .col-md-2 .pntc .pntc-autor-share .btn-wrapper, .miniatura-publi .col-md-8 .col-md-3 .pntc .pntc-autor-share .btn-wrapper { display: none; } /*noticia horizontal con titular a la izquierda*/ .pntc.pntc-tit-izq article { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:row-reverse; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; flex-direction:row-reverse;} .pntc.pntc-tit-izq article .title a { font-size: 24px; line-height: 26px; } .pntc.pntc-tit-izq figure { float: right; height: 293px; width: 400px; margin-right: 0;} .pntc.pntc-tit-izq .pntc-content { padding-left:0; margin-right: 15px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -ms-flex-pack:justify; -webkit-box-pack:justify; justify-content:space-between; } /* cambio de tamanio en share */ .col-md-6 .pntc-h .pntc-autor-share .btn-wrapper, .col-md-4 .pntc-h .pntc-autor-share .btn-wrapper, .col-md-3 .pntc-h .pntc-autor-share .btn-wrapper, .col-md-3 .pntc-v .pntc-autor-share .btn-wrapper { margin-top: 3px; } .col-md-6 .pntc-h .pntc-autor-share .btn-wrapper .btn-comment, .col-md-4 .pntc-h .pntc-autor-share .btn-wrapper .btn-comment, .col-md-3 .pntc-h .pntc-autor-share .btn-wrapper .btn-comment, .col-md-3 .pntc-v .pntc-autor-share .btn-wrapper .btn-comment { height: 28px; line-height: 26px; padding: 0px 8px 0 9px; } .col-md-6 .pntc-h .pntc-autor-share .btn-wrapper .btn-icon, .col-md-4 .pntc-h .pntc-autor-share .btn-wrapper .btn-icon, .col-md-3 .pntc-h .pntc-autor-share .btn-wrapper .btn-icon, .col-md-3 .pntc-v .pntc-autor-share .btn-wrapper .btn-icon { font-size: 14px; } .col-md-6 .pntc-h .pntc-autor-share .btn-wrapper .as-icon-comentario, .col-md-4 .pntc-h .pntc-autor-share .btn-wrapper .as-icon-comentario, .col-md-3 .pntc-h .pntc-autor-share .btn-wrapper .as-icon-comentario, .col-md-3 .pntc-v .pntc-autor-share .btn-wrapper .as-icon-comentario { top: 2px; } .col-md-6 .pntc-h .pntc-autor-share .btn-share .as-icon-compartir, .col-md-4 .pntc-h .pntc-autor-share .btn-share .as-icon-compartir, .col-md-3 .pntc-h .pntc-autor-share .btn-share .as-icon-compartir, .col-md-3 .pntc-v .pntc-autor-share .btn-share .as-icon-compartir { line-height: 22px; } .col-md-6 .pntc-h .pntc-autor-share .btn-wrapper .btn-comment .comment-n, .col-md-4 .pntc-h .pntc-autor-share .btn-wrapper .btn-comment .comment-n, .col-md-3 .pntc-h .pntc-autor-share .btn-wrapper .btn-comment .comment-n, .col-md-3 .pntc-v .pntc-autor-share .btn-wrapper .btn-comment .comment-n { font: 11px/13px sans-serif; margin-left: 6px; } .col-md-6 .pntc-h .pntc-autor-share .btn-wrapper .btn-share, .col-md-4 .pntc-h .pntc-autor-share .btn-wrapper .btn-share, .col-md-3 .pntc-h .pntc-autor-share .btn-wrapper .btn-share, .col-md-3 .pntc-v .pntc-autor-share .btn-wrapper .btn-share { line-height: 24px; height: 28px; } /* cambio de tamanio en btn-multimedia */ /*col-md-12*/ .col-md-12 > .pntc .btn-multimedia { height: 60px; bottom: 50%; left: 50%; margin-left: -85px; margin-bottom: -30px; z-index: 2; } .col-md-12 > .pntc .btn-multimedia [class^="as-icon-"], .col-md-12 > .pntc .btn-multimedia [class*="as-icon-"] { height: 60px; min-width: 60px; line-height: 60px; } .col-md-12 > .pntc .as-icon-play:before { font-size: 35px; } .col-md-12 > .pntc .as-icon-foto { margin-left: 55px; } .col-md-12 > .pntc .as-icon-foto:before { font-size: 28px; } .col-md-12 > .pntc .as-icon-astv { font-size: 42px; padding: 0px 20px; background: rgba(51,51,51,.8); } /*col-md-8 y 6*/ .col-md-8 > .pntc figure > .btn-multimedia, .col-md-6 > .pntc-v figure > .btn-multimedia { height: 46px; } .col-md-8 > .pntc figure > .btn-multimedia [class^="as-icon-"], .col-md-8 > .pntc figure > .btn-multimedia [class*="as-icon-"], .col-md-6 > .pntc-v figure > .btn-multimedia [class^="as-icon-"], .col-md-6 > .pntc-v figure > .btn-multimedia [class*="as-icon-"] { height: 46px; min-width: 46px; line-height: 46px; } .col-md-8 > .pntc figure > .as-icon-play:before, .col-md-6 > .pntc-v figure > .as-icon-play:before { font-size: 28px; } .col-md-8 > .pntc figure > .as-icon-foto:before, .col-md-6 > .pntc-v figure > .as-icon-foto:before { font-size: 21px; } .col-md-8 > .pntc figure > .as-icon-encuesta:before, .col-md-6 > .pntc-v figure > .as-icon-encuesta:before { font-size: 24px; } .col-md-6 > .pntc figure > .as-icon-astv, .col-md-8 > .pntc figure > .as-icon-astv { font-size: 34px; padding: 0px 13px; } /*col-md-3 y 2*/ .col-md-3 .pntc .btn-multimedia, .col-md-2 .pntc .btn-multimedia { height: 32px; } .col-md-3 .pntc .btn-multimedia [class^="as-icon-"], .col-md-3 .pntc .btn-multimedia [class*="as-icon-"], .col-md-2 .pntc .btn-multimedia [class^="as-icon-"], .col-md-2 .pntc .btn-multimedia [class*="as-icon-"] { height: 32px; line-height: 32px; min-width: 32px;} .col-md-3 .pntc .btn-multimedia .as-icon-foto, .col-md-2 .pntc .btn-multimedia .as-icon-foto { font-size: 17px; } .col-md-3 .pntc .btn-multimedia .as-icon-play, .col-md-2 .pntc .btn-multimedia .as-icon-play { font-size: 20px; } .col-md-3 .pntc .btn-multimedia .as-icon-canal, .col-md-3 .pntc .btn-multimedia .as-icon-txt, .col-md-2 .pntc .btn-multimedia .as-icon-canal, .col-md-2 .pntc .btn-multimedia .as-icon-txt { display: none; } /*tipologias*/ /*encuesta*/ .col-md-4 .pntc-v.pntc-encuesta .pntc-content .title { font-size: 17px; line-height: 19px; } /*patrocinio*/ .col-md-12 .pntc-v .btn-patrocinio-share { position: absolute; bottom: 20px; right: 20px; } .col-md-2 .pntc-v .btn-patrocinio-share { margin-top: 8; } .col-md-4 .agrup-pntc .pntc-h .btn-patrocinio-share { margin-top: 8px; } /*comparador*/ .col-md-4 .pntc .pntc-comp .comp-figure-wrapper { height: 125px; } .col-md-4 .pntc .pntc-comp .comp-figure-wrapper .comp-back img { bottom: -30px; } .col-md-4 .pntc .pntc-comp .comp-figure-wrapper .comp-front img { padding: 35px 0 10px 0; } .col-md-4 .pntc .pntc-comp.comp-jugadores .comp-figure-wrapper .comp-front img { padding-bottom: 0; padding-top: 23px; } .col-md-4 .pntc .pntc-comp .comp-vs { margin-top: -55px; } .col-md-4 .pntc .pntc-comp .comp-vs:before { top: -38px; height: 110px; } .col-md-4 .pntc .pntc-comp .comp-text:before { margin-left: -40px; width: 80px; } .col-md-3 .pntc .pntc-comp .comp-item { margin-bottom: 10px; } .col-md-3 .pntc .pntc-comp .comp-figure-wrapper { height: 86px; } .col-md-3 .pntc .pntc-comp .comp-figure-wrapper .comp-back img { bottom: -10px; height: 130%; } .col-md-3 .pntc .pntc-comp .comp-figure-wrapper .comp-front img { padding: 15px 0 15px 0; } .col-md-3 .pntc .pntc-comp .comp-text { height: 55px; } .col-md-3 .pntc .pntc-comp .comp-text .title { font: 13px/17px 'sourceblack',sans-serif; padding-top: 14px; } .col-md-3 .pntc .pntc-comp .comp-text:before { width: 60px; margin-left: -30px; } .col-md-3 .pntc .pntc-comp .comp-text .subtitle { font: 12px/15px sans-serif; } .col-md-3 .pntc .pntc-comp .comp-vs { margin-left: -20px; margin-top: -54px; font: 17px/31px 'sourcesansbold',sans-serif; } .col-md-3 .pntc .pntc-comp .comp-vs:before { top: -15px; height: 70px; } .col-md-3 .pntc .pntc-comp .comp-vs span { width: 40px; height: 40px; } .col-md-3 .pntc .pntc-comp.comp-jugadores .comp-figure-wrapper .comp-front img { padding-top: 10px; padding-bottom: 0; } /*videodestacado*/ .col-md-2 .pntc.pntc-videodestacado .pntc-content { padding-top: 0px; } .col-md-4 .pntc-h.pntc-videodestacado figure { margin-right: 0; } .col-md-4 .pntc-h.pntc-videodestacado .pntc-content { margin-top: 0; padding: 10px; } .col-md-6 .pntc-h.pntc-videodestacado .pntc-content { margin-top: 0; margin-left: -15px; } /*opinion*/ .flexible .pntc.pntc-opinion article .pntc-content { justify-content: space-around; } .pntc-v.pntc-opinion article { padding: 10px; -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; } .pntc-v.pntc-opinion .pntc-op-autor { padding: 0; margin-right: 0; border-bottom: 2px solid #FFB900; border-right: none; margin-bottom: 8px; float: none;} .pntc-v.pntc-opinion .pntc-op-autor figure { width: 100%; margin: 0; border: 0; height: 94px; border-bottom: none; float: none; } .pntc-v.pntc-opinion .pntc-op-autor figure img { left: 0; bottom: 0; height: 84px; } .pntc-v.pntc-opinion .pntc-op-autor .title { overflow: visible; width: 100%; white-space: normal; text-align: left; } .pntc-v.pntc-opinion .pntc-op-autor:before { border-right-color: transparent; border-bottom-color: #FFB900; top: auto; bottom: -2px; right: auto; left: 15px; z-index: 2; } .pntc-v.pntc-opinion .pntc-op-autor:after { border-right-color: transparent; border-bottom-color: #eee; top: auto; bottom: -2px ; right: auto; left:17px; z-index: 3; } .col-md-2 .pntc-v.pntc-opinion .pntc-content, .col-md-3 .pntc-v.pntc-opinion .pntc-content { display: -webkit-flex; display: -ms-flexbox; display: flex; } .col-md-2 .pntc-v.pntc-opinion .pntc-content .pntc-txt, .col-md-3 .pntc-v.pntc-opinion .pntc-content .pntc-txt { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; width:100%; } .col-md-4 .pntc-v.pntc-opinion .pntc-content .pntc-txt .txt { text-align: left; } .col-md-4 .pntc-v.pntc-opinion .pntc-autor-share .btn-wrapper { background: #fff; } .col-md-4 .pntc-v.pntc-opinion .pntc-op-autor .title { position: absolute; left: 0; bottom: 10px; width: 55%; z-index: 1; } .col-md-3 .pntc-v.pntc-opinion article { min-height: 239px; } .col-md-4 .pntc-v.pntc-opinion .pntc-op-autor { margin-bottom: 15px; } .col-md-4 .pntc-v.pntc-opinion .pntc-op-autor figure:before, .col-md-3 .pntc-v.pntc-opinion .pntc-op-autor figure:before { margin-left: 0px; font-size: 195px; line-height: 83px; } .destacados-5 .col-md-2 .pntc-v.pntc-opinion .pntc-op-autor figure:before { margin-left: 0px; font-size: 155px; line-height: 78px; } .col-md-4 .pntc-v.pntc-opinion .pntc-op-autor .title, .col-md-3 .pntc-v.pntc-opinion .pntc-op-autor .title { font: 15px/17px 'sourcesans',sans-serif; text-align: right; } .col-md-2 .pntc-v.pntc-opinion .pntc-op-autor .title { text-align: right; } .col-md-4 .pntc-v.pntc-opinion .pntc-content .title, .col-md-3 .pntc-v.pntc-opinion .pntc-content .title { font-size: 21px; line-height: 23px; } .col-md-3 .pntc-v.pntc-opinion .pntc-op-autor .title { position: absolute; left: 0; bottom: 10px; width: 55%; z-index: 1; } .col-md-2 .pntc-v.pntc-opinion .pntc-op-autor .title { position: absolute; left: 0; bottom: 10px; width: 45%; z-index: 1; } .col-md-2 .pntc-v.pntc-opinion .pntc-op-autor figure { height: 78px; } .col-md-2 .pntc-v.pntc-opinion .pntc-op-autor figure img { height: 70px; left: 10px; } .destacados-5 .col-md-2 .pntc-v.pntc-opinion .pntc-content .title { font-size: 19px; line-height: 21px; } .destacados-5 .col-md-2 .pntc-v.pntc-opinion .pntc-op-autor figure { height: 94px; } .destacados-5 .col-md-2 .pntc-v.pntc-opinion .pntc-op-autor figure img { height: 84px; left: 0px; } .breves-4 .col-md-3 .pntc-v.pntc-opinion .pntc-content .title { font-size: 16px; line-height: 18px; } /*------------ MARCADORES ----------------*/ /*col-8 y col-12*/ .col-md-12 > .pntc.pntc-marcador figure { height: 420px; } .col-md-8 > .pntc-v.pntc-marcador figure { height: 296px; } .col-md-8 > .pntc-tit-izq.pntc-marcador figure { height: 209px; float: none; } .col-md-8 > .pntc-v.pntc-marcador.con-video figure { height: auto; } .col-md-8 > .pntc-tit-izq.pntc-marcador.con-video figure { height: auto; } /*futbol*/ .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo { width: 41%; overflow: hidden; height: 100%; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo { width: 40%; overflow: hidden; height: 100%; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info { width: 18%; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .info { width: 20%; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info .patrocinio { height: 34px; padding-top: 0; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info .info-do { height: 34px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera, .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo .equipo-bandera, .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo, .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo .equipo-escudo { float:left; overflow: hidden; text-align: center; width: 30%; height:auto; } .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { padding: 30px 0 0 30px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo .equipo-bandera { padding: 25px 0 0 15px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo { padding: 15px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo .equipo-escudo { padding: 19px 10px 18px 10px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo.visitante .equipo-bandera { float:right; padding: 30px 30px 0 0; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo.visitante .equipo-bandera { float:right; padding: 25px 15px 0 0; } .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo.visitante .equipo-escudo { float:right; padding: 15px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo.visitante .equipo-escudo { float:right; padding: 19px 10px 18px 10px;} .col-md-12 > .pntc-marcador .marcador-num .equipo .equipo-nom, .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo .equipo-nom { width: 70%; float:left; text-align: right; padding-left: 0; padding-right: 15px;} .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo.visitante .equipo-nom, .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo.visitante .equipo-nom { text-align: left; float: right; padding-left: 15px; padding-right: 0; } /*col-12*/ .col-md-12 > .pntc.pntc-marcador .marcador { height: 120px; margin-bottom: 15px; } .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-txt .title { font-size: 72px; line-height: 80px; text-align: center; color:#131313; text-shadow:none; } /*futbol*/ .col-md-12 > .pntc.pntc-marcador .marcador-num .equipo .equipo-nom { line-height: 120px; font-size: 40px; height: 120px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info .txt { line-height: 25px; font-size: 14px; height: 25px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info .patrocinio { height: 34px; padding-top: 3px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info .resultado { font: 40px/61px 'sourceblack',sans-serif; height: 61px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info .resultado .sub { font: 18px/18px "sourcesansbold",sans-serif; margin-left: 16px; height: 18px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info .hora { font-size: 36px; line-height: 61px; height: 61px; } .col-md-12 > .pntc.pntc-marcador .marcador-num .info .hora-timezone { font-size: 12px; padding-top: 10px; } /*basket*/ .col-md-12 > .pntc.pntc-marcador .marcador-num.basket .info .resultado:first-child:after { right: 0; } /*tenis*/ .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis .player { padding-bottom:3px; margin-bottom: 7px; } .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis .players { width: 82%; padding: 9px 10px;} .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis.comenzado .players, .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis.finalizado .players { width:70%; padding-right: 0;} .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis .player .ico-bandera { height: 26px; width: 37px; } .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis .player .ico-bandera img { width: 33px; height: 22px; margin-top: 0px; margin-left: 0px; /* width: 41px; margin-top: -8px; margin-left: -3px; */ } .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis.comenzado .info, .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis.finalizado .info { width: 30%; } .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis.comenzado.sets-3 .info, .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis.finalizado.sets-3 .info { width: 20%; } .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis .player .player-nom { font: 28px/30px 'sourceblack',sans-serif; height: 30px; } .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis .player.pos:before { font-size: 19px; } .col-md-12 > .pntc.pntc-marcador .marcador-num.tenis .puntos { font: 30px/43px 'sourceblack',sans-serif; height: 43px; } /*col-8*/ .col-md-8 > .pntc-v.pntc-marcador .marcador { height: 96px; margin-bottom: 15px; } .col-md-8 > .pntc-v.pntc-marcador .pntc-content { -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start; } .col-md-8 > .pntc-v.pntc-marcador .pntc-content .pntc-txt .title { font-size: 48px; line-height: 50px; } .col-md-8 > .pntc-v.pntc-marcador .pntc-content .pntc-txt .txt { display: block; padding-bottom:30px; } .col-md-8 > .pntc-v.pntc-marcador .pntc-autor-share .nom-wrapper { position: absolute; bottom: 0; } /*futbol*/ .col-md-8 > .pntc-v.pntc-marcador .marcador-num .equipo .equipo-nom { line-height: 96px; font-size: 24px; height: 96px; padding-left:0; padding-right: 15px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .info .hora { font-size: 26px; line-height: 52px; height: 50px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .info .hora-timezone { font-size: 11px; padding-top: 5px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .info .resultado { font: 38px/52px 'sourceblack',Arial,Helvetica; height: 50px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num .info .resultado .sub { font: 16px/20px "sourcesansbold",Arial,Helvetica; margin-left: 12px; height: 20px; } /*basket*/ .col-md-8 > .pntc-v.pntc-marcador .marcador-num.basket .info .resultado { font: 28px/52px 'sourceblack',sans-serif; } .col-md-8 > .pntc.-vpntc-marcador .marcador-num.basket .info .resultado:first-child:after { right: 0; } /*tenis*/ .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis.comenzado .players, .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis.finalizado .players { width: 70%; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis .players { width: 80%; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis.comenzado .info, .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis.finalizado .info { width: 30%; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis.comenzado.sets-3 .info, .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis.finalizado.sets-3 .info { width: 25%; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis .puntos { font: 17px/33px 'sourceblack',sans-serif; height: 34px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis .player .ico-bandera { margin-top: 2px; } .col-md-8 > .pntc-v.pntc-marcador .marcador-num.tenis .player .player-nom { font: 22px/26px 'sourceblack',sans-serif; height: 26px; } /*tit-izq*/ .col-md-8 > .pntc-tit-izq.pntc-marcador .pntc-content .pntc-txt .txt { display: block; } .col-md-8 > .pntc-tit-izq.pntc-marcador .marcador { margin-bottom: 0; } .col-md-8 > .pntc-tit-izq.pntc-marcador .marcador .info .hora { font-size: 20px; line-height: 38px; } .col-md-8 > .pntc-tit-izq.pntc-marcador .marcador .info .hora-timezone { font-size: 10px; padding-top: 5px; } /*col-6*/ .col-md-6 > .pntc.pntc-marcador .marcador-num .info .hora-timezone { padding-top: 5px; } /*col-4*/ .col-md-4 .pntc.pntc-marcador .marcador-num .equipo { width: calc(50% - 45px); } .col-md-4 .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { padding-top: 20px; height: 48px; } .col-md-4 .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo { height: 50px; } .col-md-4 .pntc.pntc-marcador .marcador-num .equipo .equipo-nom { font-size: 14px; padding: 0 5px; } .col-md-4 .pntc.pntc-marcador .marcador-num .info { width: 90px; } .col-md-4 .pntc.pntc-marcador .marcador-num .info .hora { font-size: 16px; } .col-md-4 .pntc.pntc-marcador .marcador-num .info .hora-timezone { font-size: 10px; line-height: 10px; padding-left: 3px; padding-top: 4px; } .col-md-4 .pntc.pntc-marcador .marcador-num .info .resultado { font: 24px/38px 'sourceblack',sans-serif; height: 38px; } .col-md-4 .pntc.pntc-marcador .marcador-num .info .patrocinio { padding: 4px; } /*basket*/ .col-md-4 .pntc.pntc-marcador .marcador-num.basket .info .resultado { font: 21px/38px 'sourceblack',sans-serif; } .col-md-4 .pntc.pntc-marcador .marcador-num.basket .info .resultado:first-child:after { right: -1px; } /*tenis*/ .col-md-4 .pntc.pntc-marcador .marcador-num.tenis .players { width: calc(100% - 90px); } .col-md-4 .pntc.pntc-marcador .marcador-num.tenis.comenzado .players, .col-md-4 .pntc.pntc-marcador .marcador-num.tenis.finalizado .players { padding-right: 0; width: calc(100% - 140px); } .col-md-4 .pntc.pntc-marcador .marcador-num.tenis.comenzado.sets-3 .players, .col-md-4 .pntc.pntc-marcador .marcador-num.tenis.finalizado.sets-3 .players { width: calc(100% - 110px); } .col-md-4 .pntc.pntc-marcador .marcador-num.tenis.comenzado .info, .col-md-4 .pntc.pntc-marcador .marcador-num.tenis.finalizado .info { width: 140px; } .col-md-4 .pntc.pntc-marcador .marcador-num.tenis.comenzado.sets-3 .info, .col-md-4 .pntc.pntc-marcador .marcador-num.tenis.finalizado.sets-3 .info { width: 110px; } .col-md-4 .pntc.pntc-marcador .marcador-num.tenis .player .player-nom { font-size: 14px; } /*col-3*/ .col-md-3 .pntc.pntc-marcador .marcador { height: 72px; } .col-md-3 .pntc.pntc-marcador .marcador-num .info { width: 72px; } .col-md-3 .pntc.pntc-marcador .marcador-num .equipo { width: calc(50% - 36px); } .col-md-3 .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { padding-top: 14px; height: 40px; } .col-md-3 .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo { height: 45px; } .col-md-3 .pntc.pntc-marcador .marcador-num .equipo .equipo-nom { font-size: 12px; padding: 0 5px; } .col-md-3 .pntc.pntc-marcador .marcador-num .info .hora { font-size: 16px; line-height: 18px; height: 31px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .col-md-3 .pntc.pntc-marcador .marcador-num .info .hora-timezone { font-size: 9px; line-height: 9px; display: block; margin: 0; padding:0; width: 100%; } .col-md-3 .pntc.pntc-marcador .marcador-num .info .patrocinio { height: 23px; padding: 3px; } .col-md-3 .pntc.pntc-marcador .marcador-num .info .info-do { height: 23px; } .col-md-3 .pntc.pntc-marcador .marcador-num .info .txt { font-size: 9px; height: 18px; } .col-md-3 .pntc.pntc-marcador .marcador-num.comenzado .info .txt { font-size: 11px;} .col-md-3 .pntc.pntc-marcador .marcador-num.finalizado .info .txt { font-size: 10px;} .col-md-3 .pntc.pntc-marcador .marcador-num .info .resultado { font: 24px/31px 'sourceblack',sans-serif; height: 31px; } .col-md-3 .pntc.pntc-marcador .marcador-num .info .resultado .sub { font: 11px/17px "sourcesansbold",sans-serif; margin-left: 7px; height: 17px; } /*basket*/ .col-md-3 .pntc.pntc-marcador .marcador-num.basket .info .resultado { font: 16px/31px 'sourceblack',sans-serif; } .col-md-3 .pntc.pntc-marcador .marcador-num.basket .info .resultado:first-child:after { right: -1px; } /* Ajuste safari */ .flexible .col-md-8 { width: 66.6%; } .flexible .col-md-6 { width: 49.9%; } .flexible .col-md-5 { width: 41.6%; } .flexible .col-md-4 { width: 33.2%; } .flexible .col-md-3 { width: 24.9%; } .flexible .col-md-2 { width: 16.5%; } .area-actualidad .flexible .col-sm-6 { width: 49.9%; } .area-actualidad .col-md-8 .col-md-4 { width: 49.9%; } /*------------ CINTILLOS ----------------*/ /*patrocinados*/ .cint.patrocinado .cint-nav { position: relative; right: 185px; } .cint.patrocinado .cint-patrocinio { position: absolute; right: 0; top:-4px;} .cint.patrocinado .cint-patrocinio:after { content:''; position: absolute; top:13px; left: -15px; width: 1px; height: 25px; background: #ddd;} /*------------ MODULOS ----------------*/ /*rrss*/ .modulo-rrss { border-bottom:1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } /*modulo separador*/ .modulo-asfotos.separador:after { margin-left:0; margin-right: 0; } .modulo-asfotos .publi, .modulo-asfotos .publi > div { margin-bottom: 0; } .modulo-ed-ints .separador:last-child:after, .modulo-ed-america .separador:last-child:after, .modulo-verticales .separador:last-child:after { height: 1px; margin-bottom: 35px; top: 15px; } /*modulo opinion*/ .modulo-blogs .entrevistas .col-md-4 { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .modulo-blogs .pntc figure.item-multimedia { height: 131px; } /*modulo elpais*/ .modulo-elpais .separador:last-child:after { height: 1px; margin-bottom: 40px; } .modulo-elpais .publi > div { margin-bottom: 0; } /*modulo crosslinking*/ .modulo-crosslinking .separador:last-child:after { height: 1px; width: auto; margin-bottom: 40px; } /*modulo astv*/ .modulo-astv.separador:after { margin: 0 0 40px 0; } .modulo-astv .videosbreves .pntc .pntc-content .pntc-txt { margin-bottom: 0; } /* PORTADILLA AS-TV */ .apertura-12col.astv .col-md-12 { padding: 0; } .apertura-12col.astv .col-md-12 > .pntc-v article { flex-direction:row; } .apertura-12col.astv .col-md-12 > .pntc-v figure { width:640px; height: 360px; flex:0 0 auto; } .ntc-rel .ntc.ntc-destacada figure { height: 170px; float: none; width: auto; margin-right: 0; } .ntc-rel .ntc.ntc-destacada .ntc-title { font-size: 18px; line-height: 21px; word-break: break-word; } .ntc-rel .ntc.ntc-destacada .btn-multimedia { height: 36px; } .ntc-rel .ntc.ntc-destacada .ntc-pos { font: 22px/36px "sourceblack",sans-serif; height: 36px; width: 36px; } .ntc-rel .ntc.ntc-destacada .as-icon-play { width: 36px; height: 36px; padding-left: 3px; line-height: 36px; font-size: 24px; } .ntc-rel .ntc.ntc-destacada .as-icon-astv { display: block; float: left; width: 60px; background: #333; color: #fff; font-size: 26px; line-height: 36px; text-align: center; } /*------------ TAG ----------------*/ .tag .col-md-4 .pntc-v figure { height: 221px; } .tag .col-md-4 .pntc-v.opinion article { min-height: 300px; } .tag .col-md-8 .pntc.opinion .pntc-content { margin: 0; } .tag .col-md-8 .pntc {display: flex; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1;} .tag .col-md-6 .agrup-pntc .pntc-h.opinion article{ min-height: 147px; box-sizing: border-box; } .tag .area-tags .pntc-v figure.item-multimedia .img-pntc, .tag .apertura-3 .pntc-v figure.item-multimedia .img-pntc { width: auto; min-height: auto; min-width: auto; max-width: none; height: 100%; } .tag .col-sm-12 .flexible .col-sm-6 { flex: 1 auto; } /*revert btn multimedia en md12 dentro de otro col*/ .tag .col-md-4 .col-md-12 .pntc .btn-multimedia { height: 36px; left: 0; bottom: 0; margin:0;} .tag .col-md-4 .col-md-12 .pntc .btn-multimedia [class^="as-icon-"], .tag .col-md-4 .col-md-12 .pntc .btn-multimedia [class*="as-icon-"] { height: 36px; min-width: 36px;; line-height: 36px; } .tag .col-md-4 .col-md-12 .pntc .as-icon-play:before { font-size: 23px; } /* Reajuste area actualidad */ .area-actualidad .col-md-4 .publi:last-child > div { margin-bottom: 0; } .area-actualidad.flexible > div { display: block; } .flexible.destacados-5 .col-md-2, .flexible.breves-5 .col-md-2 { width: 19.9%; } .flexible.destacados-5 .col-md-2 figure { height: 100px; } } /* -md to min */ @media (max-width: 991px) { .pntc-h figure { width: 232px; height: 133px; float: left; } .header-home .header-superior .portales-verticales { display: none; } /*salidas de col-12 a 100% de ancho*/ .col-md-12 .pntc figure, .col-md-12 > .pntc.pntc-marcador figure, .col-md-12 > .pntc.pntc-marcador .marcador { margin-right: -10px; margin-left: -10px; width: auto; } /*------------ CINTILLOS ----------------*/ .cint { margin-left: -10px; margin-right: -10px; padding-left: 10px; } .flexible .cint { margin: 0 0px 15px 0px; -ms-flex:1 1 auto; flex:1 1 auto; } .cint .cint-titular { max-width: 90%; } .cint .cint-nav { float: none; position: absolute; right: 0; top: 0; height: 30px; width: 100%; overflow: hidden; } .cint .cint-nav ul { background: #fff; /*rgba(255,255,255,.98);*/ padding:5px 20px; margin: 49px 0 0; } .cint .cint-nav li { float: none; margin-left: 0; line-height: 26px; border-bottom: 1px solid rgba(0,0,0,.1); text-align: right; padding: 4px 0; } .cint .cint-nav li a { display: inline-block; } .cint .cint-nav li img { float: right; } .cint .cint-nav li:last-child { border: none; } .cint .cint-nav li a:before, .cint .cint-nav li a:after { display: none; } .cint .cint-nav:before, .cint .cint-nav:after { content: ''; position: absolute; top: 26px; right: 25px; height: 8px; width: 3px; background: #CC2B31; } .cint .cint-nav:before { transform: rotate(-50deg); -ms-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); margin-top: -4px; } .cint .cint-nav:after { transform: rotate(50deg); -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); margin-top: -4px; margin-right: -4px; } /*------------ TIPOLOGIAS ----------------*/ /*comparador*/ .pntc-comp .comp-figure-wrapper .comp-back img { left: -40px; bottom:-25px;} .pntc-comp .comp-item.comp-right .comp-figure-wrapper .comp-back img { right: -40px; } /* Bloque fijo resultados */ .home .bloque-resultados .cont-estadisticas { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: distribute; justify-content: space-between; } .home .bloque-resultados .cont-estadisticas .estadistica { width: 20%; margin-right: 5px; } .home .bloque-resultados .cont-estadisticas .estadistica:nth-child(3) { margin-right: 5px; } .home .bloque-resultados .cont-estadisticas .estadistica:nth-child(5), .home .bloque-resultados .cont-estadisticas .estadistica:nth-child(6) { margin-right: 0; } .home .bloque-resultados .cont-modulo.resultados .btn, .home .bloque-resultados .clasificacion-total .btn { margin-bottom: 10px; } .home .bloque-resultados .publi-vertical { margin-top: 0px; } .home .bloque-rankings .list-equipo-mod-jugador-rank1, .home .bloque-rankings .list-equipo-mod-jugador-rank2 { display: block; } .home .bloque-resultados .cont-estadisticas .estadistica:nth-child(3) { margin-right: 2px; } .home .bloque-resultados .cont-estadisticas .estadistica { margin-right: 2px; } /*------------ MODULOS ----------------*/ /*modulo crosslinking elpais*/ .modulo-elpais .pntc-h .pntc-content .title { font-size: 18px; line-height: 20px; } .modulo-elpais .pntc-h figure.item-multimedia .img-pntc { height: 100%; width: auto; } /* PORTADILLA ASTV */ .apertura-12col.astv .rrss-wrapper, .apertura-12col.astv .capa-video { width: calc(100% + 20px); left: -10px; } } /* -sm to max */ @media (min-width: 768px) { /*publi*/ #gtp_diarioas_19753-LDB1 > div { min-height: 90px;} .area-actualidad .col-md-4 .publi:last-child { margin-bottom: 0; } .tag .publi { width: 100%; margin-bottom: 15px; } .tag .area-actualidad .col-md-4 .publi:last-child { margin-bottom: 15px; } /*PORTADILLA ASTV*/ .apertura-12col.astv .col-md-12 > .pntc .pntc-autor-share .btn-wrapper { bottom: 0; right: 0; } .ntc-rel .ntc-rel-wrapper { margin: 0 -10px; display: flex; flex-wrap:wrap; } .ntc-rel .ntc.ntc-destacada { display: flex; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 24.9%; float: left; margin-bottom: 15px; } /*PORTADILLA OPINION + BLOGs*/ .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor figure { margin-bottom: 0; height: 125px; width: 185px; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor:before, .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor:after { display: none; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-content { } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-content .pntc-txt { position: relative; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-content .title { font-size: 23px; line-height: 23px; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-content:before { content: "\e61c"; position: absolute; left: -290px; bottom: 50%; margin-bottom: -30px; font-size: 395px; line-height: 60px; font-family: 'as-icons'; text-align: center; color: #f9f9f9; } /*listado de blogs*/ .area-blogs-list .agrup-pntc .pntc.pntc-opinion { display: flex; flex: 0 1 49.9%; margin-bottom: 15px; border-bottom: 0; padding-bottom: 0; } .area-blogs-list .agrup-pntc div:nth-of-type(2n) article { margin-left: 15px; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi { flex:0 1 100%; margin-left: 0; margin-right: 0; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-op-autor { width: 362px; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-op-autor figure { width: 270px; } /*col-md-12*/ .col-md-12 > .pntc-v figure:before { content: ''; height: 100%; width: 100%; background: -webkit-linear-gradient(10deg, rgba(0,0,0,1) 15% ,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0) 60%); background: linear-gradient(10deg, rgba(0,0,0,1) 15% ,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); position: absolute; bottom: 0; left: 0; z-index: 1; } .col-md-12 > .pntc-v .pntc-content { position: absolute; bottom: 0; padding: 20px; z-index: 1; } .col-md-12 > .pntc-v .pntc-content .pntc-txt .title { color:#fff; font-size: 56px; line-height: 56px; text-shadow:1px 1px 0px #444; } .col-md-12 > .pntc-v .pntc-content .pntc-txt .title:hover { text-shadow:1px 1px 0px #6f4f18; } .col-md-12 > .pntc-v .pntc-content .pntc-txt .subtitle { display: inline-block; background:#d90000; color: #fff; padding: 4px 8px; margin-bottom: 8px; font: 15px/16px 'sourceblack',sans-serif; } .col-md-12 > .pntc-v .pntc-content .pntc-txt .txt { font-size: 19px; line-height: 25px; color: #fff; } .col-md-12 > .pntc-v .pntc-content .pntc-txt .txt a { border-bottom-color: #fff; color: inherit; } .col-md-12 > .pntc .pntc-autor-share .nom-wrapper .nom { color: #fff; } .col-md-12 > .pntc .pntc-autor-share .nom-wrapper .nom:hover { color:#E68C12; } .col-md-12 > .pntc .pntc-autor-share .btn-wrapper { bottom: 15px; right: 15px; } .col-md-12 > .pntc .pntc-content .pntc-autor-share .btn-wrapper .btn-comment, .col-md-12 > .pntc .pntc-content .pntc-autor-share .btn-wrapper .btn-share { color: #dddddd; border-color: rgba(255,255,255,.4); } /*hover*/ .col-md-12 > .pntc .pntc-content .pntc-autor-share .btn-wrapper .btn-comment:hover, .col-md-12 > .pntc .pntc-content .pntc-autor-share .btn-wrapper .btn-share:hover { color:#434343; background-color: #fff; border-color: #fff; } /*revert para las salidas con marcador*/ .col-md-12 > .pntc.pntc-marcador .pntc-autor-share .nom-wrapper .nom { color: #333; } .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-autor-share .btn-wrapper { bottom: 0px; right: 0px; } .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-autor-share .btn-wrapper .btn-comment, .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-autor-share .btn-wrapper .btn-share { color: #434343; border: 1px solid #dddddd; } .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-autor-share .btn-wrapper .btn-comment { border-right: none; } /*hover*/ .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-autor-share .btn-wrapper .btn-comment:hover, .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-autor-share .btn-wrapper .btn-share:hover { color:#fff; background-color: #434343; border-color: #434343; } /*titulo a la izq*/ .pntc.pntc-tit-izq.pntc-videodestacado figure { margin-left: 0; } .pntc.pntc-tit-izq.pntc-videodestacado .pntc-content { padding-left: 10px; margin-right: 0; } /* centrado fotogaleria*/ .pntc.pntc-galeriadestacada figure.item-multimedia .img-pntc { left: auto; right: auto; top:auto; bottom: auto; margin:0; transform:translateX(-50%); margin-left: 50%; } /* sabana portada */ .portada-ppal header { position: relative; } .portada-ppal .wrapper-sabana { position: absolute; top:165px; overflow: visible; height: auto;} /*----------- Cabecera -----------*/ .header-home .menu-principal .btn-menu { background: #AC0304; border-right: 1px solid #D53537; } .header-home .menu-principal .btn-menu.open { background: #222; } .header-home .menu-principal .logo-as {display: block; margin-left: -50px; transition:.2s; float:left; } .header-home .menu-principal.fixed-menu .logo-as {display: block; margin-left: 10px; } /*------------ MARCADORES ----------------*/ .col-md-12 > .pntc.pntc-marcador .pntc-content { position: relative; bottom: auto; padding: 0; width: 100%; } .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-txt .subtitle { color: #666; padding: 0; background: none; font: 14px/16px 'sourcesans',sans-serif; } .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-txt .title { text-align: center; color:#131313; text-shadow:none; } .col-md-12 > .pntc.pntc-marcador .pntc-content .pntc-txt .txt { display: block; color: #6b6b6b; } /*Reproduccion video en portada ajustando hueco al alto de video*/ .col-md-12 > .pntc-v.con-video figure, .col-md-10 > .pntc-v.con-video figure, .col-md-8 > .pntc-v.con-video figure, .col-md-6 > .pntc-v.con-video figure { height: auto; } /*------------ MODULOS ----------------*/ /*modulo opinion*/ .modulo-blogs .agrup-pntc { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin: 0 -10px; } .modulo-blogs .agrup-pntc .pntc-h.pntc-opinion { float:left; width: 49.9%; display: -ms-flexbox; display: -webkit-box; display: flex; border-bottom: none; padding-bottom: 0; padding: 0 10px; margin-bottom: 15px; } .modulo-blogs .pntc.pntc-opinion .pntc-op-autor { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; justify-content: space-around; } .modulo-blogs .pntc.pntc-opinion .pntc-op-autor figure { width: 130px; margin-bottom: 6px; } .modulo-blogs .pntc.pntc-opinion article { display: -ms-flexbox; display: -webkit-box; display: flex; } .modulo-blogs .pntc.pntc-opinion article .pntc-content { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; justify-content: space-around; } .modulo-blogs .pntc.pntc-opinion .pntc-content .title { font-size: 19px; line-height: 21px; } /*modulo blogs portadilla*/ .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-content { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -ms-flex-pack: start; justify-content: flex-start; width:100%; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-content .pntc-txt { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 0 0; height: 100%; margin-bottom: 0; } .modulo-blogs-horizontal .blogs-scroll .pntc.pntc-opinion .pntc-content .title { font-size: 16px; line-height: 16px; } /*modulo verticales*/ .modulo-verticales .col-md-4 .pntc-v .pntc-content .title { font-size: 23px; line-height: 25px; } /*modulo lo mas visto*/ .lo-mas-visto.full-w { padding-left: 0; } .lo-mas-visto.full-w .lomasvisto, .lo-mas-visto.full-w .loultimo, .lo-mas-visto.full-w .ntc-module { width: 33.33%; float: left; padding: 0 0 10px 10px; } /*opinion en area-actualidad */ .opinion .pntc.pntc-opinion article { position: relative; min-height: 105px; padding: 15px; padding-right: 225px; } .opinion .pntc.pntc-opinion .pntc-op-autor { position: absolute; right: 15px; bottom: 15px; padding: 0; margin: 0; border: none; } .opinion .pntc.pntc-opinion .pntc-op-autor figure { margin: 0; width: 185px; height: 84px; } .opinion .pntc.pntc-opinion .pntc-op-autor figure:before { font-size: 180px; line-height: 65px; } .opinion .pntc.pntc-opinion .pntc-op-autor figure img { left: auto; right: -40px; height: 84px; width: 200px; } .opinion .pntc.pntc-opinion .pntc-op-autor .title { position: absolute; left: 0; top: auto; bottom: 10px; line-height: 17px; font-size: 15px; width: 45%; text-align: left; white-space: normal; overflow: visible; z-index: 1; } .opinion .pntc.pntc-opinion .pntc-op-autor:before, .opinion .pntc.pntc-opinion .pntc-op-autor:after { display: none; } .opinion .pntc.pntc-opinion .pntc-content { border-right: 2px solid #FFB900; /*height: 100%;*/ min-height: 85px; display: -ms-flexbox; display: -webkit-box; display: flex; } .opinion .pntc.pntc-opinion .pntc-content .pntc-txt { width:100%; margin-right: 15px; -ms-flex-item-align: center;align-self: center; } .opinion .pntc.pntc-opinion .pntc-content .title { font-size: 27px; line-height: 29px; } .opinion .pntc.pntc-opinion .pntc-content:before { content: ''; border: 8px solid transparent; border-left-color: #FFB900; position: absolute; height: 10px; width: 10px; right: -16px; top: 15px; } .opinion .pntc.pntc-opinion .pntc-content:after { content: ''; border: 6px solid transparent; border-left-color: #eee; position: absolute; height: 10px; width: 10px; right: -11px; top: 17px; } /*autor*/ .col-md-4 .pntc-h .pntc-autor-share { display: block; } .col-md-4 .pntc-h .pntc-autor-share .nom-wrapper { display: block; } .col-md-3 .pntc .pntc-autor-share .nom-wrapper .nom { display: block; } .col-md-2 .pntc .pntc-autor-share { display: block; } .col-md-2 .pntc .pntc-autor-share .nom-wrapper .nom { display: block; } .col-md-3 .pntc-v .nom-wrapper { max-width: 115px; } .col-md-4 .pntc-v .nom-wrapper { max-width: 195px; } .col-md-6 .pntc-h .nom-wrapper { max-width: 135px; } .pntc.pntc-tit-izq .pntc-autor-share .nom-wrapper { max-width: 127px; } /*patrocinio*/ /*betfair*/ .col-md-3 .pntc .btn-patrocinio-share { position: absolute; } .breves-2 .col-md-3 .pntc .btn-patrocinio-share { position: relative; } /*tipologia*/ /*opinion*/ .col-md-4 .pntc-h.pntc-opinion .pntc-op-autor, .col-md-6 .pntc-h.pntc-opinion .pntc-op-autor { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; } .col-md-4 .pntc-h.pntc-opinion article, .col-md-6 .pntc-h.pntc-opinion article { padding: 15px; } .col-md-6 .pntc-h.pntc-opinion .pntc-op-autor figure { width: 145px; height: 85px; margin: 0px; } .col-md-6 .pntc-h.pntc-opinion .pntc-op-autor figure:before { font-size: 135px; line-height: 65px; } .col-md-4 .pntc-h.pntc-opinion .pntc-op-autor .title { position: relative; top:5px; width: 115px; } .col-md-6 .pntc-h.pntc-opinion .pntc-op-autor .title { position: relative; top:5px; width: 145px; } .col-md-4 .pntc-h.pntc-opinion .pntc-content .title { font-size: 20px; line-height: 22px; } .col-md-6 .pntc-h.pntc-opinion .pntc-content .title { font-size: 22px; line-height: 22px; } /*opinion en breves*/ .breves-1 .pntc-v.pntc-opinion .pntc-op-autor, .breves-3 .pntc-v.pntc-opinion .pntc-op-autor { margin-top: 20px; margin-bottom: 25px; border: none; border-bottom: 2px solid #FFB900; padding-right: 0; margin-right: 0; } .breves-1 .pntc-v.pntc-opinion .pntc-op-autor figure, .breves-2 .pntc-v.pntc-opinion .pntc-op-autor figure, .breves-3 .pntc-v.pntc-opinion .pntc-op-autor figure, .breves-4 .pntc-v.pntc-opinion .pntc-op-autor figure, .breves-5 .pntc-v.pntc-opinion .pntc-op-autor figure, .breves-6 .pntc-v.pntc-opinion .pntc-op-autor figure { display: none; } .breves-2 .col-md-3.col-sm-6 .pntc-v.pntc-opinion article, .breves-4 .pntc-v.pntc-opinion article, .breves-5 .pntc-v.pntc-opinion article { min-height: auto; } .breves-5 .col-md-2 .pntc-v.pntc-opinion article, .breves-3 .col-md-2 .pntc-v.pntc-opinion article { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .breves-2 .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-content .title, .breves-4 .pntc-v.pntc-opinion .pntc-content .title, .breves-5 .pntc-v.pntc-opinion .pntc-content .title, .breves-6 .pntc-v.pntc-opinion .pntc-content .title { margin-bottom: 0; } .breves-2 .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor, .breves-3 .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor, .breves-4 .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor, .breves-5 .pntc-v.pntc-opinion .pntc-op-autor, .breves-6 .pntc-v.pntc-opinion .pntc-op-autor { margin-top: 10px; margin-bottom: 25px; border: none; border-bottom: 2px solid #FFB900; padding-right: 0; margin-right: 0; width: 100%; } .breves-1 .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor:before, .breves-2 .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor:before, .breves-3 .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor:before, .breves-4 .pntc-v.pntc-opinion .pntc-op-autor:before, .breves-4 .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor:before, .breves-5 .pntc-v.pntc-opinion .pntc-op-autor:before, .breves-6 .pntc-v.pntc-opinion .pntc-op-autor:before { border-color: transparent; border-top-color: #FFB900; top: auto; bottom: -17px; right: 18px; left: auto; } .breves-1 .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor:after, .breves-2 .pntc-v.pntc-opinion .pntc-op-autor:after, .breves-3 .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor:after, .breves-4 .pntc-v.pntc-opinion .pntc-op-autor:after, .breves-4 .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor:after, .breves-5 .pntc-v.pntc-opinion .pntc-op-autor:after, .breves-6 .pntc-v.pntc-opinion .pntc-op-autor:after { border-color: transparent; border-top-color: #eee; top: auto; bottom: -12px; right: 20px; left: auto; } .breves-1 .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-2 .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-3 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-3 .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-4 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-4 .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-5 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-5 .col-md-2.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-6 .pntc-v.pntc-opinion .pntc-op-autor .title { width: 100%; bottom: -30px; top: auto; right: 0px; left: auto; position: absolute; text-align: right; font: 14px/17px 'sourcesans',sans-serif; } .breves-5 .pntc-v.pntc-opinion .pntc-op-autor .title, .breves-5 .col-md-2.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor .title { font-size: 13px; } .breves-6 .pntc-v.pntc-opinion .pntc-op-autor .title { font-size: 12px; } /* Carrusel enjuego */ .home .cont-teams { position: relative; display: block; } .home .cont-teams:hover::before { border: 2px solid #ccc; content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 2; } .home .csel-competicion .futbol, .home .csel-competicion .baloncesto, .home .csel-competicion .tenis, .home .csel-competicion .motor, .home .csel-competicion .ciclismo{ float: left; } .home .csel .tenis .ext { position: relative; } .home .csel .tenis .ext:hover::before { border: 2px solid #ccc; content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 2; } .home .csel .motor .cont-teams:hover::before { border: 2px solid #ccc; content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 2; } .home .motor .cont-csel-motor { position: relative; float: left; } .home .motor a.cont-csel-motor:hover::before { border: 2px solid #ccc; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } .home .csel .motor .cont-teams:hover::before { border: 0 none; } .home .csel .motor .cont-teams { float: left; background: #fff; display: block; min-height: 77px; padding: 10px; position: relative; width: 115px; } .home .csel .motor .cont-teams .img-coche { bottom: 7px; padding-left: 19px; position: absolute; transform: scaleX(-1); width: 105px; } .home .csel-item-footer .txt { width: 85px; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; } /* Bloque fijo resultados */ .home .bloque-resultados .col1 .partido-unico .cont-resultados ul li .equipo-local, .home .bloque-resultados .col1 .partido-unico .cont-resultados ul li .equipo-visitante { width: 45%; } .home .bloque-resultados .col1 .partido-unico .cont-resultados ul li .cont-resultado { width: 10%; } /*TAG*/ .tag .flexible .pntc-h.opinion { border: 0; padding: 0; display: -ms-flexbox; display: -webkit-box; display: flex;} } /* ipad to -sm*/ @media (min-width: 991px) and (max-width: 1024px) { .flexible .col-md-8 { width: 66.6%; } .flexible .col-md-6 { width: 49.9%; } .flexible .col-md-5 { width: 41.6%; } .flexible .col-md-4 { width: 33.2%; } .flexible .col-md-3 { width: 24.9%; } .flexible .col-md-2 { width: 16.5%; } .area-actualidad .flexible .col-sm-6 { width: 49.9%; } } /* -sm to -xs*/ @media (min-width: 768px) and (max-width: 991px) { .flexible .col-sm-8 { width: 66.6%; } .flexible .col-sm-6 { width: 49.9%; } .flexible .col-sm-5 { width: 41.6%; } .flexible .col-sm-4 { width: 33.2%; } .flexible .col-sm-2 { width: 16.5%; } .flexible { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex:0 auto; -webkit-box-flex:0; flex:0 auto; } .flexible > div { display: -ms-flexbox; display: -webkit-box; display: flex;} .flexible .pntc-v { display: -ms-flexbox; display: -webkit-box; display: flex;} .flexible .pntc-v article { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column;} .flexible .pntc-v article .pntc-content { -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -ms-flex-pack:justify; -webkit-box-pack:justify; justify-content:space-between;} .flexible .agrup-pntc .pntc-v, .flexible .agrup-pntc .pntc-v article, .flexible .agrup-pntc .pntc-v article .pntc-content, .flexible .col-md-2.col-sm-6 .pntc-v article, .miniatura-publi .col-md-8 .col-md-3 .pntc-v article { display: block;} /*flexbox ie*/ .flexible .pntc { flex: 1 1 auto; -ms-flex:1 1 auto; } .agrup-pntc, .pntc article, .pntc-tit-izq, .modulo-asfotos .pntc, .modulo-astv .pntc, .pntc .pntc-content { width:100%; flex:1 1 auto; -ms-flex:1 1 auto; } /* cabecera home */ .header-home .nav-ppal { display: block;} .header-home .enlaces-ediciones li { margin-right: 9px; padding-right: 10px; } .header-home .info-portada { display: none; } /*publi*/ .publi > div { margin-bottom: 0; } #gtp_diarioas_19753-MLDB1 > div { min-height: 50px;} /*noticias destacadas a col 12-10-8-6*/ .col-md-12 > .pntc-v figure { height: 432px; margin-bottom: 0px; } .col-md-10 > .pntc-v figure, .col-md-8 > .pntc-v figure, .col-md-6 > .pntc-v figure { height: 432px; margin-bottom: 10px; } .col-md-12 > .pntc-v .pntc-content .title, .col-md-10 > .pntc-v .pntc-content .title, .col-md-8 > .pntc-v .pntc-content .title, .col-md-6 > .pntc-v .pntc-content .title { font-size: 52px; line-height: 52px; } .pntc.pntc-tit-izq article .title a { font-size: 24px; line-height: 26px; } /*apertura a 12c*/ .col-md-12 > .pntc-v .pntc-content { padding: 20px 10px; z-index: 1; } .col-md-12 > .pntc-v .pntc-content .pntc-txt .subtitle { margin-bottom: 6px; } .col-md-12 > .pntc-v .pntc-content .pntc-txt .txt { font-size: 16px; line-height: 19px; } .col-md-12 > .pntc-v .btn-multimedia { bottom: 50%; left: 50%; margin-left: -50px; margin-bottom: -16px; } .col-md-12 > .pntc-v .btn-multimedia .as-icon-foto { margin-left: 32px; } .pntc { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .home .separador [class^="col-md-"], .home .separador [class*="col-md-"] { border-bottom:1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .home .separador.miniatura-publi .col-md-8 { border-bottom:0; padding-bottom: 0; margin-bottom: 0; } .separador { margin-bottom: 0px; } .separador:after { display: none;} .separador:last-child:after { display: none; } .agrup-pntc { margin-left: -10px; margin-right: -10px; } .col-md-2 .pntc-v figure, .col-md-3 .pntc-v figure, .col-md-4 .pntc-v figure { width: 232px; height: 133px; float: left; margin-right: 15px; } .col-sm-4.pntc-h figure { margin-right: 0; width: 100%; margin-bottom: 10px; } .col-sm-4 .pntc-v figure { margin-right: 0; width: 100%; float:none; } .col-sm-6 .pntc-v figure { margin-right: 0; width: 100%; height: 204px; } .agrup-pntc .col-sm-6 .txt { display: none; } .col-sm-6 .pntc-h figure, .agrup-pntc .col-sm-6 figure, .col-md-2.col-sm-6 figure, .miniatura-publi .col-md-8 .col-md-3 figure { width: 150px; height: 100px; margin-right: 15px; margin-bottom: 0 } .col-sm-6 .pntc-h article .pntc-content, .col-sm-6.pntc-h article .pntc-content, .flexible .agrup-pntc .col-sm-6 .pntc article .pntc-content, .flexible .col-md-2.col-sm-6 .pntc article .pntc-content, .miniatura-publi .col-md-8 .col-md-3 .pntc article .pntc-content { display: table; width: auto; } .breves-5 .col-md-2.col-sm-6 .pntc article .pntc-content, .breves-6 .col-md-2.col-sm-6 .pntc article .pntc-content { width: 100%; } .breves-5 .col-md-2.col-sm-4 .pntc .pntc-content .title { line-height: 21px; font-size: 18px; } .agrup-pntc .col-sm-6 .title, .col-md-2.col-sm-6 .title, .miniatura-publi .col-md-8 .col-md-3 .title { margin-bottom: 0; line-height: 21px; font-size: 18px; } .pntc-tit-izq article { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:row-reverse; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; flex-direction:row-reverse;} .pntc-tit-izq article figure { width: 506px;/*400px;*/ height:285px; margin-bottom: 0; margin-right: 0; margin-left: 15px; } .pntc.pntc-tit-izq .pntc-content { -webkit-box-flex:1; -ms-flex:1 1 0; flex:1 1 0; padding-left:0; margin-right: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -ms-flex-pack:justify; -webkit-box-pack:justify; justify-content:space-between; } /*autor*/ .col-md-3 .pntc-v .pntc-autor-share { height: 33px; } .col-md-2.col-sm-6 .pntc .btn-wrapper, .miniatura-publi .col-md-8 .col-md-3 .pntc .btn-wrapper { display: none; } .col-md-6.col-sm-6 .pntc .btn-wrapper { display: none; } .pntc-v.col-sm-6 .btn-wrapper { display: none; } .col-md-2.col-sm-4 .pntc .pntc-autor-share .btn-wrapper { display: block; } .breves-5 .col-md-2.col-sm-6 .pntc-autor-share .btn-wrapper { display: block; } .col-md-4 .pntc-h.col-sm-6 .pntc-autor-share .nom-wrapper { max-width: 175px; } .col-md-4 .pntc-v .nom-wrapper, .col-md-2.col-sm-4 .pntc-autor-share .nom-wrapper, .agrup-pntc .pntc-h.col-sm-4 .pntc-autor-share .nom-wrapper { max-width: 135px; } .col-md-3 .pntc-v .nom-wrapper { max-width: 245px; } .col-md-4.col-sm-6 .pntc .nom-wrapper, .col-md-6.col-sm-6 .pntc-h .nom-wrapper, .breves-5 .col-md-2.col-sm-6 .pntc-autor-share .nom-wrapper, .agrup-pntc .pntc-h.col-sm-6 .pntc-autor-share .nom-wrapper { max-width: 195px; } .col-md-2.col-sm-6 .pntc-autor-share .nom-wrapper { max-width: 95px; } /*------------ MARCADORES ----------------*/ .pntc.pntc-marcador figure { width: 100%; float: none; margin: 0; } .col-sm-12 .pntc.pntc-marcador figure { height: 345px; } .col-sm-12 .pntc.pntc-marcador.con-video figure { height: auto; } .col-sm-6.pntc-marcador figure { height: 204px; } .col-sm-4 .pntc.pntc-marcador figure { height: 133px; } .pntc.pntc-marcador .marcador { height: 96px; margin-bottom: 15px; } .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { height: 55px; padding-top: 15px; padding-bottom: 5px; } .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo { height: 60px; } .col-sm-12 > .pntc-v.pntc-marcador .marcador-num .equipo .equipo-nom { line-height: 25px; height: 25px; font-size: 20px; } .pntc.pntc-marcador .marcador-num .info .hora { font-size: 26px; line-height: 52px; height: 50px; } .pntc.pntc-marcador .marcador-num .info .hora-timezone { padding-top: 5px; } .pntc.pntc-marcador .marcador-num .info .resultado { height: 50px; line-height: 52px; } .col-sm-12 > .pntc-v.pntc-marcador .marcador-num .info .resultado { font: 36px/52px 'sourceblack',sans-serif; } .col-sm-12 > .pntc-v.pntc-marcador .marcador-num .info .resultado .sub { font: 16px/20px "sourcesansbold",sans-serif; height: 20px; } .col-sm-6 .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { height: 45px; padding-top: 20px; padding-bottom: 0;} .col-sm-6 .pntc.pntc-marcador .marcador-num .info .hora { font-size: 18px; } .col-sm-6 .pntc.pntc-marcador .marcador-num .info .hora-timezone { font-size: 9px; padding-top: 4px; } /*manual no salen escudos...*/ .col-sm-12 > .pntc-v.pntc-marcador .marcador-num .equipo .equipo-nom:first-child , .pntc.pntc-marcador .marcador-num .equipo .equipo-nom:first-child { line-height:96px; height:auto; } /*tit-izq*/ .col-sm-12 > .pntc-tit-izq.pntc-marcador figure { width: 470px; height: 210px; } .col-sm-12 > .pntc-tit-izq.pntc-marcador .marcador { margin-bottom: 0; } .col-sm-12 > .pntc-tit-izq.pntc-marcador .pntc-content { margin-right: 15px; } .col-sm-12 > .pntc-tit-izq.pntc-marcador .marcador-num .info .hora { font-size: 20px; line-height: 38px; } .col-sm-12 > .pntc-tit-izq.pntc-marcador .marcador-num .info .hora-timezone { font-size: 10px; padding-top: 5px; } /*basket*/ .pntc.pntc-marcador .marcador-num.basket .info .resultado { height: 50px; line-height: 52px; } .col-sm-12 > .pntc-v.pntc-marcador .marcador-num.basket .info .resultado { font: 36px/52px 'sourceblack',sans-serif; } /*tenis*/ .pntc.pntc-marcador .marcador-num.tenis.comenzado .players, .pntc.pntc-marcador .marcador-num.tenis.finalizado .players { width: 73%; padding: 10px; padding-right: 0; } .pntc.pntc-marcador .marcador-num.tenis.comenzado.sets-3 .players, .pntc.pntc-marcador .marcador-num.tenis.finalizado.sets-3 .players { width: 80%; } .pntc.pntc-marcador .marcador-num.tenis.comenzado.sets-3 .info, .pntc.pntc-marcador .marcador-num.tenis.finalizado.sets-3 .info { width: 20%; } .pntc.pntc-marcador .marcador-num.tenis .puntos { font: 17px/33px 'sourceblack',sans-serif; height: 34px; } .pntc.pntc-marcador .marcador-num.tenis.comenzado .info, .pntc.pntc-marcador .marcador-num.tenis.finalizado .info { width: 27%; } .pntc.pntc-marcador .marcador-num.tenis .info { width: 24%; } .pntc.pntc-marcador .marcador-num.tenis .players { width: 76%; } .col-sm-6 .pntc.pntc-marcador .marcador-num.tenis .info .hora { font-size: 22px; } .col-sm-6 .pntc.pntc-marcador .marcador-num.tenis .info .hora-timezone { font-size: 11px; } /*tenis en md-4 + sm-6*/ .col-sm-6 > .pntc.pntc-marcador .marcador-num.tenis .players, .col-sm-6 > .pntc.pntc-marcador .marcador-num.tenis .players { width: 63%; } .col-sm-6 > .pntc.pntc-marcador .marcador-num.tenis .info, .col-sm-6 > .pntc.pntc-marcador .marcador-num.tenis .info { width: 37%; } /*tenis en md-4 + sm-4*/ .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num.tenis { height: auto; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num.tenis .players { width: 100%; padding: 10px; padding-bottom: 0; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num.tenis .player .player-nom { font-size: 14px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num.tenis .info { width: 100%; height: 24px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num.tenis .info-up { display: none; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num.tenis .info .puntos { display: none; } /*resto en md-4 + sm-4*/ .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador { height: 72px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .equipo { width: calc(50% - 33px); } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { height: 40px; padding-top: 15px; padding-bottom: 2px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo { height: 45px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .equipo .equipo-nom { font-size: 13px; line-height: 14px; padding: 0 5px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .info { width: 66px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .info .hora { font-size: 16px; line-height: 18px; height: 31px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .info .hora-timezone { font-size: 9px; line-height: 9px; display: block; /*padding-top: 0;*/ } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .info .txt { font-size: 9px; line-height: 18px; height: 18px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .info .info-do { height: 23px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .info .patrocinio { height: 24px; padding: 3px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .info .resultado { font: 20px/31px 'sourceblack',sans-serif; height: 31px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num .info .resultado .sub { font: 11px/15px "sourcesansbold",sans-serif; margin-left: 6px; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num.basket .info .resultado { font: 16px/31px 'sourceblack',sans-serif; } .col-md-4.col-sm-4 .pntc.pntc-marcador .marcador-num.basket .info .resultado:first-child:after { right: -1px; } /*------------ CINTILLOS ----------------*/ .cint .cint-btn { display: block; } /*patrocinados*/ .cint.patrocinado .cint-patrocinio { position: absolute; right: 60px; top:0px;} .cint.patrocinado .cint-patrocinio img { height: 37px; } .cint.patrocinado .cint-patrocinio:after { content:''; position: absolute; top:13px; right: -15px; width: 1px; height: 25px; background: #ddd;} /*------------ MODULOS ----------------*/ /*modulo astv*/ .modulo-astv .pntc { width: 100%; } .modulo-astv .pntc-videodestacado .pntc-content { margin-top: 0; } .modulo-astv .col-md-4.col-sm-4 .pntc-h.pntc-videodestacado figure.item-multimedia { margin-right: 0; margin-bottom: 0; width: 100%; } .modulo-astv .col-md-4 .pntc-h.pntc-videodestacado .pntc-content { margin-left: 0; } /*modulo asfotos*/ .modulo-asfotos .col-sm-4 .pntc-h figure { margin-right: 0; margin-bottom: 10px; width: 100%; } .modulo-asfotos .col-sm-4 .pntc-h .pntc-content { margin-left: 0; } /*modulo lomasvisto*/ .lo-mas-visto.full-w .ntc article { min-height: 72px; } /*modulo rrss*/ .modulo-rrss { border:none; padding:0; margin: 0;} .modulo-rrss .row { border-top: 3px solid #ddd; border-bottom:1px solid #ddd; padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px; } .modulo-rrss aside { padding-top: 15px; } .modulo-rrss .iframe-wrapper { height: 300px; } .modulo-rrss .rrss-links .link-rrss { width: calc(50% - 10px); margin-right: 10px;} .modulo-rrss .rrss-links .link-rrss:last-child { margin-left: 10px; } /*modulo crosslinking*/ .modulo-crosslinking .col-sm-6 { border-bottom: 1px solid #ddd; } .modulo-crosslinking .col-sm-6 .pntc figure { width: 150px; height: 100px; margin-right: 15px; } .modulo-crosslinking .cross-title:before { width: 232px; } .modulo-crosslinking .col-sm-6 .pntc .cross-title:before { width: 150px; } /*modulos crosslinking elpais*/ .modulo-elpais .col-sm-6 { margin-bottom: 15px; } .modulo-elpais .col-sm-4 .pntc-h figure.item-multimedia { width: 100%; margin-right: 0; margin-bottom: 15px; } .modulo-elpais .pntc-h .pntc-content .title { font-size: 18px; line-height: 20px; } /*modulo ediciones internacionales*/ .modulo-ed-ints .agrup-pntc { margin: 0; } .modulo-ed-ints .pntc:first-child { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px;} .modulo-ed-ints .pntc figure { width: 151px; height: 131px; } .modulo-ed-ints .pntc .title { font-size: 18px; line-height: 22px; } /*modulo blogs*/ .modulo-blogs .col-md-4 .pntc-v figure { margin-right: 0; width: 100%; } /*modulo blogs portadilla*/ .modulo-blogs-horizontal .blogs-scroll .pntc.pntc-opinion { width: 316px; } .modulo-blogs-horizontal .blogs-scroll-duplex .pntc.pntc-opinion { width: 358px; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-content .title { font-size: 17px; line-height: 18px; } /*modulo partner local*/ /*televisa*/ .modulo-plocal .col-sm-4 .pntc-h figure { margin-right: 0; margin-bottom: 10px; width: 100%; } .modulo-plocal .col-sm-4 .pntc-h .pntc-content { margin-left: 0; } /*modulo escudos*/ .modulo-escudos .content { max-width: 768px; } .modulo-escudos .list .item { padding: 1px; } .modulo-escudos .list .item.zone-top-1:before, .modulo-escudos .list .item.zone-top-2:before, .modulo-escudos .list .item.zone-bottom-1:before { height: 3px; } .modulo-escudos .list .item .sin-escudo:before { margin-left: -10px; } /*------------ TIPOLOGIAS ----------------*/ /*fotogalerias*/ .pntc.pntc-galeriadestacada figure.item-multimedia .img-pntc { height: 100%; width: auto; } .col-sm-4 .pntc.pntc-galeriadestacada figure { min-height: 287px; } /*videogaleriasdestacadas*/ .col-sm-4.pntc-h.pntc-videodestacado .pntc-content { padding-top: 0; } /*patrocinadas*/ .pntc-h.col-sm-6 .btn-patrocinio-share { position: relative; margin-top: 10px; } .col-sm-4 .pntc.pntc-videodestacado .btn-patrocinio-share { margin-bottom: 10px; } /*comparadores size -sm*/ .col-sm-4 .pntc-comp .comp-figure-wrapper, .col-sm-6 .pntc-comp .comp-figure-wrapper { height: 115px; } .col-sm-4 .pntc-comp .comp-figure-wrapper .comp-front img { padding-top: 35px; } .col-sm-6 .pntc-comp .comp-figure-wrapper .comp-front img { padding-top: 25px; } .col-sm-4 .pntc .pntc-comp.comp-jugadores .comp-figure-wrapper .comp-front img, .col-sm-6 .pntc .pntc-comp.comp-jugadores .comp-figure-wrapper .comp-front img { padding-top: 23px; } .col-sm-4 .pntc-comp .comp-figure-wrapper .comp-back img { left: -50px; bottom: -10px; height: 100%; } .col-sm-4 .pntc-comp .comp-item.comp-right .comp-figure-wrapper .comp-back img { right: -50px; } .col-sm-4 .pntc-comp .comp-text .title { font-size: 16px; } .col-sm-6 .pntc-comp .comp-text .title { font: 17px/19px 'ascombold',sans-serif; } .col-sm-4 .pntc .pntc-comp .comp-vs { margin-left: -20px; margin-top: -54px; font: 17px/31px 'sourcesansbold',sans-serif; } .col-sm-4 .pntc .pntc-comp .comp-vs span { width: 40px; height: 40px; } .col-sm-4 .pntc .pntc-comp .comp-vs:before { top: -33px; height: 98px; } .col-sm-6 .pntc .pntc-comp .comp-vs:before { top: -27px; height: 98px; } /*opinion size -sm*/ .flexible .pntc.pntc-opinion article .pntc-content { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-md-4.col-sm-6 .pntc-h.pntc-opinion { width: 100%; } .col-sm-6 .pntc-h.pntc-opinion .pntc-content, .agrup-pntc .col-sm-6.pntc-opinion .pntc-content, .flexible .col-md-2.col-sm-6 .pntc.pntc-opinion article .pntc-content { display: block; } .flexible .col-md-2.col-sm-6 .pntc.pntc-opinion article .pntc-content .title { font-size: 20px; line-height: 22px; } .col-md-6 .pntc-h.pntc-opinion .pntc-op-autor figure { width: 115px; } .col-md-6 .pntc-h.pntc-opinion .pntc-op-autor .title { width: 115px; } .col-md-6 .pntc-h.pntc-opinion .pntc-content .title { font-size: 20px; line-height: 22px; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion article, .col-md-4.col-sm-6 .pntc-v.pntc-opinion article, .col-sm-4.pntc-opinion article { padding: 10px; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor, .col-sm-4.pntc-opinion .pntc-op-autor { padding: 0; margin-right: 0; border-bottom: 2px solid #FFB900; border-right: none; margin-bottom: 8px; float: none;} .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor figure, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor figure, .col-sm-4.pntc-opinion .pntc-op-autor figure { width: 100%; margin: 0; border: 0; height: 85px; border-bottom: none; float: none; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor figure:before { margin-left: 90px; } .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor figure:before, .col-sm-4.pntc-opinion .pntc-op-autor figure:before { margin-left: 45px; /*-30px;*/ } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor figure img, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor figure img, .col-sm-4.pntc-opinion .pntc-op-autor figure img { left: 0; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor .title, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor .title, .col-md-6 .pntc-h.col-sm-4.pntc-opinion .pntc-op-autor .title, .col-sm-4.pntc-opinion .pntc-op-autor .title { overflow: visible; white-space: normal; text-align: right; width: 50%; right:auto; left:5px; bottom: 10px; font: 15px/17px 'sourcesans',sans-serif; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor:before, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor:before, .col-sm-4.pntc-opinion .pntc-op-autor:before { border-right-color: transparent; border-bottom-color: #FFB900; top: auto; bottom: -1px; right: auto; left: 15px; z-index: 2; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor:after, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor:after, .col-sm-4.pntc-opinion .pntc-op-autor:after { border-right-color: transparent; border-bottom-color: #eee; top: auto; bottom: -2px ; right: auto; left:17px; z-index: 3; } .flexible .col-md-2 .pntc.pntc-opinion article {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row } .breves-6 .col-md-2.col-sm-4 .pntc.pntc-opinion article { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .col-md-6 .pntc-h.col-sm-4.pntc-opinion .pntc-op-autor { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-md-6 .pntc-h.col-sm-4.pntc-opinion .pntc-op-autor figure:before { margin-left: 0;} .flexible.breves-5 .col-md-2 .pntc.pntc-opinion article { display:block; } /* comportamientos especificos de bloque */ .area-actualidad.flexible > div { display: block; } .area-actualidad .col-md-8 > .pntc { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .area-actualidad .col-sm-6 .pntc-h figure { width: 150px; height: 100px; } .area-actualidad .col-sm-6 .pntc.pntc-opinion .pntc-op-autor figure { width: 115px; height: 85px; } .area-actualidad .col-md-8 > div:last-child [class^="col-md-"], .area-actualidad .col-md-8 > div:last-child [class*="col-md-"] { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .apertura-1 .agrup-pntc { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .apertura-1 .agrup-pntc .col-sm-6:nth-child(1), .apertura-1 .agrup-pntc .col-sm-6:nth-child(2) { border-bottom:1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .apertura-2 .pntc-v.pntc-encuesta .pool-list { display: none; } .apertura-2 .pntc-v.pntc-encuesta .btn-wrapper { display: none; } .apertura-2 .pntc-v.pntc-encuesta .pntc-content { background: none; padding: 0; } .apertura-2 .pntc-v.pntc-encuesta .opc-encuesta-portada, .apertura-2 .pntc-v.pntc-encuesta .cnt-btn-encuesta { display: none; } .apertura-3 .agrup-pntc { display: -ms-flexbox; display: -webkit-box; display: flex; } .apertura-3 .col-sm-4 { display: -ms-flexbox; display: -webkit-box; display: flex;} .apertura-3 .col-sm-4 article{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; } .apertura-3 .col-sm-4 article .pntc-content { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -ms-flex-pack:justify; -webkit-box-pack:justify; justify-content:space-between; } .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia .as-icon-astv { display: none; } .col-sm-12 .pntc-v { -webkit-box-flex:1; -ms-flex:1 1 0; flex:1 1 0; } .miniatura .col-sm-6 > .pntc-v figure.item-multimedia .img-pntc { width: auto; height: 100%; } /* Bloque fijo resultados */ .home .bloque-rankings .list-content .cont-jugador { width: 85%; } .home .bloque-rankings .list-content .cont-list-equipo { width: 15%; } .home .bloque-rankings .text-kind-type1-rank1, .home .bloque-rankings .text-kind-type1-rank2 { max-width: 315px; } .home .bloque-rankings .list-content .cont-jugador { width: 65%; } .home .bloque-rankings .list-content .cont-list-equipo { width: 35%; } .home .bloque-rankings .list-points-dest1 { width: 50px; } .home .bloque-rankings .list-points-dest2 { width: 45px; } .home .bloque-rankings .list-equipo-mod-jugador-rank1 img { width: 25px; } .home .bloque-rankings .list-equipo-mod-jugador-rank1 { margin-left: 0; } .home .bloque-rankings .list-equipo-mod-jugador-rank2 { margin-left: 0; padding-left: 8px; } /* Carrusel enjuego */ .home .csel-mod { overflow: hidden; float: left; width:546px; } .home .csel .motor .csel-item-footer .tiempo { float: left; margin-left: 20px; line-height: 20px; } /* PORTADILLA ASTV */ .apertura-12col.astv .col-md-12 > .pntc-v figure { height: 432px; } .ntc-rel .ntc.ntc-destacada figure { width: 100%; height: 100px; } .ntc-rel .ntc.ntc-destacada .ntc-title { font-size: 16px; line-height: 18px; } /* PORTADILLA OPINION + BLOGs */ .area-opinion .agrup-pntc { margin-left: -10px; margin-right: -10px; width: auto; } /*video top fuera del area de actualidad */ .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado figure { margin-right: 0; margin-bottom: 15px; width: 100%; height: 421px; } .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado .pntc-content { padding-top: 0; } .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado .pntc-content .title { font-size: 52px; line-height: 52px; } /*------------ TAG ----------------*/ .tag .flexible { flex: 1 auto; } .tag .col-md-4 .pntc-v figure { height: 260px; } .tag .pntc-v figure.item-multimedia .img-pntc { transform: scale(1.086); -moz-transform: scale(1.086); -o-transform: scale(1.086); -webkit-transform: scale(1.086); width: auto; height: auto; } .tag .pntc.pntc-galeriadestacada figure.item-multimedia .img-pntc { width: 100%; height: auto; transform: none; position: static; } .tag .col-md-4 .col-sm-6 figure { width: 150px; height: 100px; margin-right: 15px; margin-left: 0; margin-bottom: 0; } .tag .col-md-4 .col-sm-6 .pntc figure.item-multimedia .img-pntc { height: auto; width: 100%; transform: scale(1.18); -moz-transform: scale(1.18); -o-transform: scale(1.18); -webkit-transform: scale(1.18); } .tag .col-md-6 .agrup-pntc .pntc-h article { border:0; padding-bottom: 15px; border-bottom: 1px solid #DDD;} .tag .col-md-6 .agrup-pntc .pntc-h { border:0; padding-bottom: 0; } .tag .col-md-6 .agrup-pntc .pntc-h.opinion { padding: 0 10px; } .tag .col-md-6 .agrup-pntc .pntc-h.opinion article { border: 0; } .tag .area-tags .pntc-v figure.item-multimedia .img-pntc, .tag .apertura-3 .pntc-v figure.item-multimedia .img-pntc { transform: none; width: 100%; height: auto; } /* Comportamientos bloques especificos */ /*patrocinadas betfair*/ .col-md-12.col-sm-12 .pntc .btn-patrocinio-share { bottom: 15px; right: 5px; } /*videotop*/ .area-actualidad .col-md-4.col-sm-12 .pntc { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; } .area-actualidad .col-md-4.col-sm-12 .pntc figure { margin-right: 0; margin-bottom: 15px; width: 100%; height: 421px; } .area-actualidad .col-md-4.col-sm-12 .pntc .pntc-content { padding-top: 0; } .area-actualidad .col-md-4.col-sm-12 .pntc .pntc-content .title { font-size: 52px; line-height: 52px; } .col-md-4.col-sm-4 .pntc-h figure.item-multimedia { margin-right: 0; margin-bottom: 15px; width: 100%; float: none; } /*.col-md-2.col-sm-6 .pntc.pntc-item .pntc-content, .pntc-item.col-sm-6 .pntc-content { float: left; width: calc(100% - 165px); }*/ /*opinion*/ .apertura-2 .pntc-v.col-sm-6.pntc-opinion article { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .apertura-2 .pntc-v.col-sm-6.pntc-opinion .pntc-content .title { font-size: 20px; line-height: 22px; } .apertura-2 .pntc-v.col-sm-6.pntc-opinion .pntc-op-autor .title { position: relative; top: 5px; width: 115px; } .apoyo-2h .pntc-h.pntc-opinion { width: 100%;} .col-md-6 .pntc-h.col-sm-4.pntc-opinion .pntc-op-autor .title { position: absolute; z-index: 1; width: 50%; bottom: 10px; top: auto; text-align: right;} .col-md-6 .pntc-h.col-sm-4.pntc-opinion .pntc-op-autor figure { width: 205px; } .col-md-6 .pntc-h.col-sm-4.pntc-opinion .pntc-op-autor figure:before { margin-left: 0px; font-size: 165px; line-height: 83px; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor .title, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor .title, .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor .title { position: absolute; z-index: 1; width: 50%; bottom: 10px; top: auto; text-align: right;} .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor figure:before, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-op-autor figure:before { margin-left: 0px; font-size: 165px; line-height: 83px; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-content .title { margin-bottom: 10px; } .col-md-3.col-sm-6 .pntc-v.pntc-opinion .pntc-content .title, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-content .title, .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-content .title { font-size: 20px; line-height: 22px; } .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor { border: none; float: none; padding: 0; margin-right: 0; border-bottom: 2px solid #FFB900; border-right: none; margin-bottom: 8px; float: none;} .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-autor-share, .col-md-4.col-sm-6 .pntc-v.pntc-opinion .pntc-autor-share { display: none; } .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor figure { width: 100%; border:none; } .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor figure img { left: 0; } .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor:before { border-right-color: transparent; border-bottom-color: #FFB900; top: auto; bottom: -1px; right: auto; left: 15px; z-index: 2; } .col-md-4.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor:after { border-right-color: transparent;border-bottom-color: #eee; top: auto; bottom: -2px; right: auto; left: 17px; z-index: 3; } .col-md-2.col-sm-6 .pntc.pntc-opinion .pntc-op-autor .title { position: relative; top: 5px; width: 115px; } /* .destacados-5 .col-md-2.col-sm-4 */ .destacados-5 .col-md-2.col-sm-4 .pntc.pntc-opinion article { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .destacados-5 .col-md-2.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor:before { border-right-color: transparent; border-bottom-color: #FFB900; top: auto; bottom: -1px; right: auto; left: 15px; z-index: 2; } .destacados-5 .col-md-2.col-sm-4 .pntc-v.pntc-opinion .pntc-op-autor:after { border-right-color: transparent; border-bottom-color: #eee; top: auto; bottom: -2px; right: auto; left: 17px; z-index: 3; } .destacados-5 .col-md-2.col-sm-4 .pntc.pntc-opinion .pntc-op-autor { padding: 0; margin-right: 0; border-bottom: 2px solid #FFB900; border-right: none; margin-bottom: 8px; float: none; } .destacados-5 .col-md-2.col-sm-4 .pntc.pntc-opinion .pntc-op-autor .title { position: absolute; z-index: 1; width: 50%; bottom: 10px; top: auto; text-align: right; font: 15px/17px 'sourcesans',sans-serif;} .destacados-5 .col-md-2.col-sm-4 .pntc.pntc-opinion .pntc-op-autor figure { width: 100%; margin: 0; border: 0; height: 85px; border-bottom: none; float: none; } .destacados-5 .col-md-2.col-sm-4 .pntc.pntc-opinion .pntc-op-autor figure img { left: 0; } .destacados-5 .col-md-2.col-sm-4 .pntc.pntc-opinion .pntc-op-autor figure:before { margin-left: 0px; font-size: 165px; line-height: 83px; } .destacados-5 .col-md-2.col-sm-4 .pntc.pntc-opinion .pntc-content .title { font-size: 20px; line-height: 22px; } } /* -xs */ @media (max-width: 767px) { /*noticias destacadas a col 12-10-8-6*/ .col-md-12 > .pntc-v figure { height: auto; margin-bottom: 10px; } .col-md-10 > .pntc-v figure, .col-md-8 > .pntc-v figure, .col-md-6 > .pntc-v figure, .area-actualidad .col-md-4.col-sm-12 .pntc figure { width: 100%; height: auto; margin-bottom: 10px; } .col-md-12 > .pntc-v figure.item-multimedia .img-pntc, .col-md-10 > .pntc-v figure.item-multimedia .img-pntc, .col-md-8 > .pntc-v figure.item-multimedia .img-pntc, .col-md-6 > .pntc-v figure.item-multimedia .img-pntc, .col-md-8 > .pntc-tit-izq figure.item-multimedia .img-pntc, .area-actualidad .col-md-4.col-sm-12 .pntc figure.item-multimedia .img-pntc { width: 100%; height: auto; position: relative; left: auto; right: auto; top:auto; bottom:auto; margin: 0; } .col-md-12 > .pntc-v .pntc-content .title, .col-md-10 > .pntc-v .pntc-content .title, .col-md-8 > .pntc-v .pntc-content .title, .col-md-6 > .pntc-v .pntc-content .title, .col-md-8 > .pntc-tit-izq .pntc-content .title, .area-actualidad .col-md-4.col-sm-12 .pntc .pntc-content .title { font-size: 22px; line-height: 24px; } .agrup-pntc [class^="col-sm-"], .agrup-pntc [class*="col-sm-"] { padding-left: 0; padding-right: 0; } .pntc:last-child { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .col-md-8 > .pntc-tit-izq figure { width: 100%; height: auto; margin-bottom: 10px; } .pntc figure { width: 124px; height: 90px; float: left; margin-right: 10px; margin-bottom: 0;} .pntc .pntc-content .title { font: 17px/19px 'ascombold',sans-serif; margin-bottom: 0; } .pntc .pntc-content .subtitle { font: 12px/14px 'sourcesans',sans-serif; } .pntc .pntc-content .pntc-txt { margin-bottom: 0;} .pntc .pntc-txt .txt { display: none; } .pntc .btn-wrapper { display: none;} /*cambio de tamanio para iconos en noticias md-4 hacia abajo*/ .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia, .col-md-6 .agrup-pntc .pntc .btn-multimedia, .col-md-4 .pntc .btn-multimedia, .col-md-3 .pntc .btn-multimedia, .col-md-2 .pntc .btn-multimedia { height: 28px; } /*revertir para galeriadestacadas y marcadores*/ .pntc.pntc-marcador .btn-multimedia, .pntc.pntc-galeriadestacada .btn-multimedia, .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia { height: 36px; } .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia [class^="as-icon-"], .col-md-6 .agrup-pntc .pntc .btn-multimedia [class^="as-icon-"], .col-md-4 .pntc .btn-multimedia [class^="as-icon-"], .col-md-3 .pntc .btn-multimedia [class^="as-icon-"], .col-md-2 .pntc .btn-multimedia [class^="as-icon-"], .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia [class*="as-icon-"], .col-md-6 .agrup-pntc .pntc .btn-multimedia [class*="as-icon-"], .col-md-4 .pntc .btn-multimedia [class*="as-icon-"], .col-md-3 .pntc .btn-multimedia [class*="as-icon-"], .col-md-2 .pntc .btn-multimedia [class*="as-icon-"] { height: 28px; min-width: 28px; line-height: 28px; } /*revertir para galeriadestacadas y marcadores*/ .pntc.pntc-marcador .btn-multimedia [class^="as-icon-"], .pntc.pntc-marcador .btn-multimedia [class*="as-icon-"], .pntc.pntc-galeriadestacada .btn-multimedia [class^="as-icon-"], .pntc.pntc-galeriadestacada .btn-multimedia [class*="as-icon-"], .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia [class^="as-icon-"], .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia [class*="as-icon-"] { height: 36px; min-width: 36px; line-height: 36px; } .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia .as-icon-astv, .col-md-6 .agrup-pntc .pntc .btn-multimedia .as-icon-astv, .col-md-4 .pntc .btn-multimedia .as-icon-astv, .col-md-3 .pntc .btn-multimedia .as-icon-astv, .col-md-2 .pntc .btn-multimedia .as-icon-astv { display: none; } /*revertir para galeriadestacadas y marcadores*/ .pntc.pntc-marcador .btn-multimedia .as-icon-astv, .pntc.pntc-galeriadestacada .btn-multimedia .as-icon-astv, .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia .as-icon-astv { display: block; } .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia .as-icon-txt, .col-md-6 .agrup-pntc .pntc .btn-multimedia .as-icon-txt, .col-md-4 .pntc .btn-multimedia .as-icon-txt, .col-md-3 .pntc .btn-multimedia .as-icon-txt, .col-md-2 .pntc .btn-multimedia .as-icon-txt { display: none; } /*revertir para galeriadestacadas y marcadores*/ .pntc.pntc-marcador .btn-multimedia .as-icon-txt, .pntc.pntc-galeriadestacada .btn-multimedia .as-icon-txt, .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia .as-icon-txt { display: block; } .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia .as-icon-canal, .col-md-6 .agrup-pntc .pntc .btn-multimedia .as-icon-canal, .col-md-4 .pntc .btn-multimedia .as-icon-canal, .col-md-3 .pntc .btn-multimedia .as-icon-canal, .col-md-2 .pntc .btn-multimedia .as-icon-canal { display: none; } /*revertir para galeriadestacadas y marcadores*/ .pntc.pntc-marcador .btn-multimedia .as-icon-canal, .pntc.pntc-galeriadestacada .btn-multimedia .as-icon-canal, .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia .as-icon-canal { display: block; } .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia .as-icon-play, .col-md-6 .agrup-pntc .pntc .btn-multimedia .as-icon-play, .col-md-4 .pntc .btn-multimedia .as-icon-play, .col-md-3 .pntc .btn-multimedia .as-icon-play, .col-md-2 .pntc .btn-multimedia .as-icon-play { font-size: 20px; } /*revertir para galeriadestacadas y marcadores*/ .pntc.pntc-marcador .btn-multimedia .as-icon-play, .pntc.pntc-galeriadestacada .btn-multimedia .as-icon-play, .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia .as-icon-play { font-size: 23px; } .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia .as-icon-estadisticas, .col-md-6 .agrup-pntc .pntc .btn-multimedia .as-icon-estadisticas, .col-md-4 .pntc .btn-multimedia .as-icon-estadisticas, .col-md-3 .pntc .btn-multimedia .as-icon-estadisticas, .col-md-2 .pntc .btn-multimedia .as-icon-estadisticas { font-size: 16px; } /*revertir para galeriadestacadas y marcadores*/ .pntc.pntc-marcador .btn-multimedia .as-icon-estadisticas, .pntc.pntc-galeriadestacada .btn-multimedia .as-icon-estadisticas, .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia .as-icon-estadisticas { font-size: 21px; } .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia .as-icon-foto, .col-md-6 .agrup-pntc .pntc .btn-multimedia .as-icon-foto, .col-md-4 .pntc .btn-multimedia .as-icon-foto, .col-md-3 .pntc .btn-multimedia .as-icon-foto, .col-md-2 .pntc .btn-multimedia .as-icon-foto, .apoyo-2h .col-md-6.col-sm-6 .pntc .btn-multimedia .as-icon-encuesta, .col-md-6 .agrup-pntc .pntc .btn-multimedia .as-icon-encuesta, .col-md-4 .pntc .btn-multimedia .as-icon-encuesta, .col-md-3 .pntc .btn-multimedia .as-icon-encuesta, .col-md-2 .pntc .btn-multimedia .as-icon-encuesta { font-size: 16px; } /*revertir para galeriadestacadas y marcadores*/ .pntc.pntc-marcador .btn-multimedia .as-icon-foto, .pntc.pntc-marcador .btn-multimedia .as-icon-encuesta { font-size: 18px; } .pntc.pntc-marcador .btn-multimedia .as-icon-estadisticas { font-size: 21px; } .pntc.pntc-galeriadestacada .btn-multimedia .as-icon-foto, .pntc.pntc-galeriadestacada .btn-multimedia .as-icon-encuesta { font-size: 18px; } .pntc.pntc-galeriadestacada .btn-multimedia .as-icon-estadisticas { font-size: 21px; } .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia .as-icon-foto, .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia .as-icon-encuesta { font-size: 18px; } .area-actualidad .col-md-4.col-sm-12 .pntc .btn-multimedia .as-icon-estadisticas { font-size: 21px; } /*tal dia como hoy*/ .pntc .as-icon-ascolor { background-size: 40px; width: 54px; } .pntc .btn-taldia-portada { bottom: 5px; right: 5px; height: 48px; border: 1px solid #ccc; } /*patrocinadas*/ .pntc .btn-patrocinio-share { position: relative; margin-top: 10px; } .pntc-v.pntc-videodestacado .btn-patrocinio-share { bottom: 0; right: 0; margin-bottom: 10px; } /*...*/ .pntc .pntc-autor-share .nom-wrapper { display: none;} .pntc .pntc-autor-share .btn-wrapper .btn-comment { height: 28px; line-height: 26px; padding: 0px 8px 0 9px; } .pntc .pntc-autor-share .btn-wrapper .btn-icon { font-size: 14px; } .pntc .pntc-autor-share .btn-wrapper .as-icon-comentario { top: 2px; } .pntc .pntc-autor-share .btn-wrapper .btn-comment .comment-n { font: 11px/13px sans-serif; margin-left: 6px; } .pntc .pntc-autor-share .btn-wrapper .btn-share { line-height: 24px; height: 28px; } /*------------ VERTICALES ----------------*/ .pntc .btn-multimedia.tikitakas .as-icon-vertical { background: #fff; width: 32px; height: 28px; line-height: 28px; color: #CA0305; } .pntc .btn-multimedia.tikitakas .as-icon-vertical:before { content: "\e905"; position: absolute; top: 2px; left: 0; height: 28px; width: 100%; font-size: 21px; line-height: 28px; font-family: 'as-icons'; text-align: center; } .pntc .btn-multimedia.epik .as-icon-vertical { background: url(/img/comunes/logos/as/epik-e-logo.svg) no-repeat #fff center 3px; background-size: 15px; width: 32px; } .pntc .btn-multimedia.betech .as-icon-vertical { padding: 0; width: 32px; } .pntc .btn-multimedia.betech .as-icon-vertical:before { content: "\e90b"; font-size: 17px; line-height: 32px; } .pntc .btn-multimedia.buenavida .as-icon-vertical { background: url(/img/comunes/logos/as/bvmas_color.svg) no-repeat #fff center; background-size: 32px; width: 42px; } /*revertir*/ .col-md-12 > .pntc .btn-multimedia.tikitakas .as-icon-vertical, .col-md-8 > .pntc .btn-multimedia.tikitakas .as-icon-vertical, .col-md-6 > .pntc .btn-multimedia.tikitakas .as-icon-vertical, .pntc.pntc-marcador .btn-multimedia.tikitakas .as-icon-vertical, .pntc.pntc-galeriadestacada .btn-multimedia.tikitakas .as-icon-vertical { width: 36px; height: 36px; line-height: 36px; } .col-md-12 > .pntc .btn-multimedia.tikitakas .as-icon-vertical:before, .col-md-8 > .pntc .btn-multimedia.tikitakas .as-icon-vertical:before, .col-md-6 > .pntc .btn-multimedia.tikitakas .as-icon-vertical:before, .pntc.pntc-marcador .btn-multimedia.tikitakas .as-icon-vertical:before, .pntc.pntc-galeriadestacada .btn-multimedia.tikitakas .as-icon-vertical:before { height: 36px; width: 36px; font-size: 25px; line-height: 36px; } /*------------ TIPOLOGIAS ----------------*/ /*con item*/ .pntc.pntc-item .pntc-content { display: -ms-flexbox; display: -webkit-box; display: flex; } .pntc.pntc-item .pntc-content .pntc-txt .subtitle { margin-bottom: 0; padding-bottom: 0; line-height: 22px; margin-left: 24px; border-bottom: none; } .pntc.pntc-item .pntc-content .pntc-txt .subtitle .item-img { height: 20px; top: -2px; left: -24px; } /*galeria*/ .pntc.pntc-galeriadestacada article { min-height: 90px; } .pntc.pntc-galeriadestacada figure, .col-md-8 .pntc.pntc-galeriadestacada figure, .col-md-6 .pntc.pntc-galeriadestacada figure, .col-md-4 .pntc.pntc-galeriadestacada figure, .col-md-3 .pntc.pntc-galeriadestacada figure { margin-right: 0; margin-bottom: 0; min-height: 0; width: 100%; } /*videodestacado*/ .col-md-8 > .pntc.pntc-videodestacado .pntc-content, .col-md-6 > .pntc.pntc-videodestacado .pntc-content { padding-top: 0; } .col-md-4 .pntc.pntc-videodestacado .pntc-content, .col-md-3 .pntc.pntc-videodestacado .pntc-content, .col-md-2 .pntc.pntc-videodestacado .pntc-content { padding-left: 0; margin-left: 0; display: table; } /*para video-top*/ .area-actualidad .col-md-4.col-sm-12 .pntc.pntc-videodestacado .pntc-content { padding: 10px; display: block; } /*comparador*/ .pntc-comp .comp-figure-wrapper .comp-back img { left: -40px; bottom:-25px; } .pntc-comp .comp-figure-wrapper .comp-front img { padding-top: 25px; } .pntc-comp .comp-item.comp-right .comp-figure-wrapper .comp-back img { right: -40px; } .pntc-comp .comp-text .title { font: 17px/19px 'ascombold',sans-serif; } .pntc-comp.comp-jugadores .comp-figure-wrapper .comp-front img { padding-bottom: 0; padding-top: 15px; } .pntc-comp .comp-figure-wrapper { height: 125px; } .pntc-comp .comp-vs { margin-top: -63px; } .pntc-comp .comp-vs:before { top: -29px; height: 110px; } /*encuestas*/ .pntc-v.pntc-encuesta .pool-list { display: none; } .pntc-v.pntc-encuesta .btn-wrapper { display: none; } .pntc-v.pntc-encuesta .pntc-content { background: none; padding: 0; } .pntc-v.pntc-encuesta .opc-encuesta-portada, .pntc-v.pntc-encuesta .cnt-btn-encuesta { display: none; } /*opinion*/ .pntc.pntc-opinion .pntc-op-autor .title { position: relative; top: 5px; max-width: 115px; } .breves-1 .pntc.pntc-opinion .pntc-content .title, .breves-2 .pntc.pntc-opinion .pntc-content .title, .breves-3 .pntc.pntc-opinion .pntc-content .title, .breves-4 .pntc.pntc-opinion .pntc-content .title, .breves-5 .pntc.pntc-opinion .pntc-content .title, .breves-6 .pntc.pntc-opinion .pntc-content .title { font-size: 18px; line-height: 20px; } .breves-1 .pntc.pntc-opinion .pntc-op-autor, .breves-2 .pntc.pntc-opinion .pntc-op-autor, .breves-3 .pntc.pntc-opinion .pntc-op-autor, .breves-4 .pntc.pntc-opinion .pntc-op-autor, .breves-5 .pntc.pntc-opinion .pntc-op-autor, .breves-6 .pntc.pntc-opinion .pntc-op-autor { -webkit-order:-1; -ms-flex-order:-1; order:-1 } /*------------ MARCADORES ----------------*/ .pntc.pntc-marcador figure { max-height: 365px; width: 100%; height: auto; float: none; margin: 0; } .pntc.pntc-marcador figure.item-multimedia .img-pntc { position: relative; left: auto; right: auto; top:auto; bottom:auto; margin: 0; width: 100%; height: auto; } .pntc.pntc-marcador .pntc-content .title { font-size: 22px; line-height: 24px; } .pntc.pntc-marcador .marcador-num .equipo .equipo-bandera { padding: 15px 0 0 0; height: 40px; } .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo { padding: 10px 0px; padding-bottom: 0; height: 55px; } .pntc.pntc-marcador .marcador-num .equipo .equipo-nom { line-height: 20px; font-size: 15px; padding: 0; height: 20px;} .pntc.pntc-marcador .marcador-num .equipo.visitante .equipo-nom { text-align: center; padding: 0 5px; } .pntc.pntc-marcador .marcador-num .info .hora-timezone { padding-left: 4px; padding-top: 5px; } /*manual no salen escudos...*/ .pntc.pntc-marcador .marcador-num .equipo .equipo-nom:first-child { line-height:72px; height:auto; } /*------------ CINTILLOS ----------------*/ .cint .cint-titular { font-size: 21px; line-height: 33px; height: 33px; } .cint .cint-titular img { height: 30px; padding: 4px 0 8px 0; } .cint .cint-nav { float: none; position: absolute; right: 0; top: 0; height: 30px; width: 100%; overflow: hidden; } .cint .cint-nav ul { margin: 33px 0 0; } .cint .cint-nav:before, .cint .cint-nav:after { content: ''; position: absolute; top: 16px; right: 25px; height: 8px; width: 3px; background: #CC2B31; } .cint .cint-nav:before { transform: rotate(-50deg); -ms-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); margin-top: -4px; } .cint .cint-nav:after { transform: rotate(50deg); -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); margin-top: -4px; margin-right: -4px; } /*tipos*/ .cint.nba .cint-titular img { padding-right: 6px; padding-top: 0px; } .cint.nba .cint-titular { font-size: 16px; line-height: 30px; } .cint.as-tv .cint-titular img { padding-bottom: 7px; padding-top: 4px; } .cint.as-fotos .cint-titular img { padding-bottom: 7px; padding-top: 1px; } .cint.euroleague .cint-titular img { padding: 0px 8px 2px 0; } .cint.euroleague .cint-titular { height: 40px; font-size: 16px; line-height: 40px; } .cint.euroleague .cint-nav { top: 7px; } .cint.asamerica .cint-titular { font-size: 19px; line-height: 30px; padding-left: 40px; } .cint.asamerica .cint-titular .as-icon-logo { font-size: 35px; top: -4px; } /*televisa*/ .cint.televisa .cint-titular img { padding-bottom: 5px; padding-top: 0; } /*el caribe*/ .cint.caribe .cint-titular img { padding: 7px 0 7px 0; } /*el universo*/ .cint.universo .cint-titular img { padding: 9px 0 7px 0; } /*el libero*/ .cint.libero .cint-titular img { padding: 5px 0 7px 0; } /*canchallena*/ .cint.canchallena .cint-titular img { padding: 0 0 6px 0; } /*meridiano*/ .cint.meridiano .cint-titular { height: 40px; } .cint.meridiano .cint-titular img { padding: 0; } .cint .cint-nav { z-index: 6; } .cint .cint-btn { display: block; } /*patrocinados*/ .cint.patrocinado { margin-bottom: 48px; } .cint.patrocinado .cint-patrocinio { position: absolute; right: 10px; top: 40px; } .cint.patrocinado .cint-patrocinio img { height: 32px; } /* CABECERA */ .portada-ppal {padding-top: 46px;} .header-home .menu-principal {position: fixed;} /*------------ MODULOS ----------------*/ /*AS FOTOS*/ .pntc.pntc-galeriadestacada { width: 100%; padding-bottom: 0; border-bottom: none; } .pntc.pntc-galeriadestacada figure.item-multimedia .img-pntc { position: relative; left: auto; right: auto; margin: 0; height: auto; width: 100%; } .col-md-4 .pntc-v.pntc-galeriadestacada figure { max-height: 378px; height: auto; width: 100%; } /*AS TV*/ .modulo-astv { margin-bottom: 15px; } .modulo-astv .pntc { margin-bottom: 10px; display: block; padding-bottom: 0; border-bottom: none; } .modulo-astv .pntc-videodestacado article { width: 100%; } .modulo-astv .pntc-videodestacado.pntc-v figure { margin-bottom: 0; } .modulo-astv .pntc-videodestacado .pntc-content { margin-top: 0; padding-bottom: 0; } /*dos primeros videos a 100% en -xs*/ .modulo-astv .col-md-4.col-sm-6 .pntc.pntc-videodestacado figure { width: 100%; height: auto; margin-bottom: 0; margin-right: 0; float: none; } .modulo-astv .col-md-4.col-sm-6 .pntc.pntc-videodestacado figure .img-pntc { width: 100%; height: auto; position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 0; } .modulo-astv .col-md-4.col-sm-6 .pntc.pntc-videodestacado .pntc-content { padding: 10px; display: block; } .modulo-astv .col-md-4.col-sm-6 .pntc.pntc-videodestacado .pntc-content .title { font-size: 22px; line-height: 24px; } /*revert del boton multimedia*/ .modulo-astv .col-md-4.col-sm-6 .pntc.pntc-videodestacado .btn-multimedia { height: 36px; } .modulo-astv .col-md-4.col-sm-6 .pntc.pntc-videodestacado .btn-multimedia [class*="as-icon-"] { height: 36px; min-width: 36px; line-height: 36px; } .modulo-astv .col-md-4.col-sm-6 .pntc.pntc-videodestacado .btn-multimedia .as-icon-play { font-size: 23px; } .modulo-astv .col-md-4.col-sm-6 .pntc.pntc-videodestacado .btn-multimedia .as-icon-astv { display: block; } /*modulo opinion*/ .modulo-blogs .entrevistas .pntc { margin: 0 -10px; margin-bottom: 15px; } .modulo-blogs .ver-mas { padding: 0; } /*modulo blogs portadilla*/ .modulo-blogs-horizontal { width: auto; margin: 0 -10px 30px; position: relative; } .modulo-blogs-horizontal .pntc.pntc-opinion article .pntc-content { display: -ms-flexbox; display: flex; -ms-flex-align:center; align-items:center; -ms-flex-item-align:auto; align-self:auto; } .modulo-blogs-horizontal .pntc.pntc-opinion.blog-unico article .pntc-content:nth-child(n+3) { display: none; } .modulo-blogs-horizontal .pntc.pntc-opinion.blog-unico article .pntc-content:nth-child(2) { margin-right: 0; padding: 0; border-right: none; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion { margin:10px 10px 0 0; } .modulo-blogs-horizontal .blogs .pntc .pntc-content .pntc-txt { width: 100%; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-content .title { font-size: 17px; line-height: 18px; } .modulo-blogs-horizontal .blogs-scroll, .modulo-blogs-horizontal .blogs-scroll-duplex { width: auto; margin: 0 -10px 0 -20px; } .modulo-blogs-horizontal .pntc.pntc-opinion article .pntc-content .pntc-autor-share { display: none; } .modulo-blogs-horizontal .blogs .pntc.pntc-opinion .pntc-op-autor { width: 130px; } /*modulo rrss*/ .modulo-rrss { padding-top: 5px; } .modulo-rrss aside { padding-top: 0; margin: 15px 0; } .modulo-rrss .rrss-links .link-rrss { width: calc(50% - 10px); margin-right: 10px;} .modulo-rrss .rrss-links .link-rrss:last-child { margin-left: 10px; } .modulo-rrss .btns { height: 100px; line-height: 165px; width: 100%; margin-top: 10px; border: 1px solid #ddd; color: #666; border-radius: 3px; text-align: center; } .modulo-rrss .btns .link { height: 100%; width: 100%; display: block; line-height: 165px; color: #666; font-size: 12px; } .modulo-rrss .btns .link .ico-fb, .modulo-rrss .btns .link .ico-tw { position: absolute; margin: 0; left: 50%; top: 50%; margin-left: -19px; margin-top: -30px; } /*modulo radios*/ .modulo-radios .item { width: 24.9%; } /*modulo crosslinking*/ .modulo-crosslinking .cross-title:before { width: 124px; } .modulo-crosslinking .pntc { margin-bottom: 5px; } .modulo-crosslinking .pntc figure.item-multimedia .img-pntc { height: 100%; width: auto; } /*internacionales*/ .modulo-ed-ints .pntc .pntc-content .subtitle { line-height: 18px; margin-bottom: 4px; } .modulo-ed-america .pntc.pntc-item .pntc-content .pntc-txt .subtitle { padding-left: 4px; margin-bottom: 4px; } .modulo-ed-america .subtitle.mexico:before, .modulo-ed-america .subtitle.peru:before, .modulo-ed-america .subtitle.argentina:before, .modulo-ed-america .subtitle.colombia:before, .modulo-ed-america .subtitle.venezuela:before, .modulo-ed-america .subtitle.ecuador:before, .modulo-ed-america .subtitle.republica_dominicana:before, .modulo-ed-america .subtitle.panama:before, .modulo-ed-america .subtitle.usa:before, .modulo-ed-america .subtitle.chile:before { content:''; position: absolute; top: -2px; left: -24px; height: 22px; width: 22px; border-radius: 10px; border: 2px solid #c1c1c1; } .modulo-ed-america .subtitle.mexico:after, .modulo-ed-america .subtitle.peru:after, .modulo-ed-america .subtitle.argentina:after, .modulo-ed-america .subtitle.colombia:after, .modulo-ed-america .subtitle.venezuela:after, .modulo-ed-america .subtitle.ecuador:after, .modulo-ed-america .subtitle.republica_dominicana:after, .modulo-ed-america .subtitle.panama:after, .modulo-ed-america .subtitle.usa:after, .modulo-ed-america .subtitle.chile:after{ content:''; position: absolute; top: -1px; left: -23px; height: 20px; width: 20px; border-radius: 10px; border: 1px solid #fff; } /*modulo partner local*/ .modulo-plocal { margin-bottom: 0; } /*modulo escudos*/ .modulo-escudos { display: none; } /*Lo mas visto*/ .lo-mas-visto .ntc-list li { width: 100%; float: none; height: auto;} .lo-mas-visto .ntc.ntc-destacada { margin-bottom: 10px;} .lo-mas-visto .ntc.ntc-destacada article a { height: auto;} .lo-mas-visto.full-w .lomasvisto, .lo-mas-visto.full-w .loultimo, .lo-mas-visto.full-w .ntc-module { margin-bottom: 15px; } /* Bloque fijo resultados */ .home .cnt-bloque-resultados { padding-top: 5px; } .home .bloque-rankings .list-content .cont-jugador { width: 64%; } .home .bloque-rankings .list-content .cont-list-equipo { width: 36%; } .home .bloque-resultados .caja-desplegable { width: 100%; } .home .bloque-rankings .list-points-dest1 span { margin-left: 5px; } .home .bloque-rankings .list-jugador-dest1 { margin-top: 0; } .home .bloque-rankings .list-points-dest1 { float: right; height: 60px; margin-right: 0; text-align: center; width: 50px; } .home .bloque-rankings .list-points-dest2 { float: right; margin-right: 0; text-align: center; width: 50px; } .home .bloque-resultados .cont-estadisticas .estadistica .icono { font-size: 22px; } .home .bloque-resultados .cont-estadisticas .estadistica .txt-estadistica { font: 11px sans-serif; } .home .bloque-resultados .cont-estadisticas .estadistica { height: 64px; padding: 0 1px; } .home .bloque-rankings .text-kind-type1-rank1, .home .bloque-rankings .text-kind-type1-rank2 { max-width: 111px; } .home .bloque-rankings .list-equipo-mod-jugador-rank2 { margin-left: 5px; } .home .bloque-resultados .cont-estadisticas .estadistica .txt-estadistica { font: 10px sans-serif; } .home .bloque-resultados .cont-estadisticas .estadistica .icono-comparador::before { font: 28px/25px "sourcesansbold",sans-serif; margin-left: -14px; } .home .bloque-resultados .cont-estadisticas .estadistica .icono-comparador ~ .txt-estadistica { margin-top: 39px; } .home .bloque-resultados .col1 .cont-resultados ul li { width: 100%; } .home .bloque-resultados .col1 .resultados .equipo-local, .home .bloque-resultados .col1 .resultados .equipo-visitante { border-bottom: 0 none; padding-bottom: 0; } .home .bloque-resultados .col2 .cont-modulo { margin-bottom: 5px; width: 100%; margin-right: 0;} .home .bloque-resultados .col2 .resultados .equipo-local, .home .bloque-resultados .col2 .resultados .equipo-visitante { padding-bottom: 0; } .home .bloque-resultados .col2 .resultados .cont-resultados ul .list-resultado { border-bottom: 0 none; } .home .nav-bloque-resultados .btn-desp-mas, .cnt-bloque-resultados .nav-seccion .btn-desp.btn-desp-menu { background: #fff; border: 1px solid #ddd; border-radius: 3px; font: 16px/18px "sourcesans",sans-serif; margin-top: 0; margin-left: 0; padding: 5px 0 5px 10px; width: 100%; float: left; } .home .nav-bloque-resultados .link-tabs-mas.active { left: 10px; right: 10px; top: 56px; width: auto; } .home .nav-bloque-resultados .btn-desp-mas::after, .cnt-bloque-resultados .nav-seccion .btn-desp.btn-desp-menu:after { right: 10px; top: 12px; } .home .nav-bloque-resultados .btn-desp-mas.active { margin-top: 0; } .home .nav-bloque-resultados .link-tabs-mas { height: auto; max-height: 230px; overflow: auto; } .home .nav-bloque-resultados .btn-desp-mas.selected { background: #ffa528; color: #fff; border: 0 none; } .home .nav-bloque-resultados .btn-desp-mas.selected::after { right: 10px; border-color: #fff transparent transparent; } .home .nav-bloque-resultados .btn-desp-mas.selected::before { background: 0 none; } /* Carrusel enjuego */ .home .csel { padding: 0; margin: 0; position: relative; } .home .csel-item-content { padding: 0 3px; } .home .csel-endirecto .btn-endirecto { float: right; } .home .csel-mod { overflow: auto; z-index: 1000; position: fixed; display: none; margin: 0 -10px 0; padding: 0 10px 0; width: 100%; background: #F0F0F0; } .home .csel-item-content span.equipo { display: inline-block; max-width: 53%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; } .home .csel-item-content.team1, .home .csel-item-content.team2 { width: 50%; float: left; } .home .csel-item-footer { width: 100%; } .home .csel-item { width: 100%; margin-bottom: 10px; position: relative; } .home .csel-item::before { background: #f2f2f2; top: 1px; content: " "; height: 38px; left: 50%; position: absolute; width: 2px; margin-left: -1px; z-index: 10; } .home .csel-competicion { width: 100%; } .home .csel .csel-endirecto { z-index: 1001; width: 100%; margin-bottom: 0; margin-right: 0; background: #F0F0F0; display: block; left: 0; margin-top: 0; position: fixed; right: 0; top: 46px; padding: 7px 10px 7px 11px; border-bottom: 1px solid #ddd; } .home .csel .csel-endirecto .caja-desplegable { margin-top: 12px;display: none; } .home .csel-item-content.team2 .dato { float: left; } .home .csel-item-content.team2 span { float: right; } .home .csel-item-content.team2 .equipo-escudo { float: right; padding-right: 0; padding-left: 6px; } .home .csel-item-content.team2 .equipo-bandera { float: right; padding-right: 0; padding-left: 0; margin-left: 6px; } .home .csel-item-content:first-child { border-bottom: 0 none; } .home .csel-item .btn { float: left; width: 50%; } .home .csel-endirecto .cont-fecha { border-bottom: 0 none; margin-bottom: 0; padding-left: 14px; padding-bottom: 0; margin-top: 0; } .home .csel-item .btn:first-child { border-bottom: 0 none; } .home .csel-item-content .equipo-escudo { padding: 9px 4px 4px 0; height: 37px; } .home .csel .tenis .csel-item::before { background: 0 none; } .home .csel .tenis .csel-item-content:first-child { border-bottom: 2px solid #f0f0f0; } .home .csel .tenis .csel-item-content span.equipo { max-width: 80%; padding-right: 17px; } .home .csel .tenis .csel-item-content .equipo.pos::before { right: 0; } .home .csel .tenis .csel-item.previo .csel-item-content span.equipo, .home .csel .tenis .csel-item.finalizado .csel-item-content span.equipo{ padding-right: 0; } .home .csel .motor .cont-teams:hover { border-bottom: 1px solid #ddd; } .home .csel .motor .cont-teams { width: 100%; border-bottom: 1px solid #ddd; float: left; } .home .csel .motor .cont-teams:last-of-type { border: 0 none; } .home .csel .motor .csel-item::before { background: 0 none; } .home .csel .motor .cont-teams .teams .piloto { display: inline-block; float: left; margin-left: 5px; margin-right: 5px; margin-top: 3px; } .home .csel .motor .cont-teams .teams .tiempo { display: inline-block; margin-left: 1px; margin-bottom: 0; } .home .csel .motor .cont-teams .teams { width: auto; float: left; margin-right: 5px; } .home .csel .motor .cont-teams .img-coche { float: right; padding-left: 0; width: 85px; } .home .csel .motor .csel-competicion { width: 100%; } .home .csel .motor .cont-teams .teams .txt-gp { margin-top: 5px; } .home .csel .motor .csel-item.previo .cont-teams { min-height: auto; height: 51px; } .home .csel .motor .cont-teams .teams .gp { min-width: 150px; } .home .csel-competicion .ciclismo .perfil-etapa, .home .csel-competicion .ciclismo .clasificacion-etapa, .home .csel-competicion .ciclismo .perfil-etapa img { width: 100%; } .home .ciclismo .csel-item::before { background: 0 none; } .home .csel-competicion .ciclismo .perfil-etapa .nom-etapa { max-width: 260px; } .home .csel-competicion .ciclismo .perfil-etapa img { height: auto; width: 100%; } /* Comportamientos bloques especificos */ .area-actualidad .col-md-8 .col-md-4 .pntc figure { width: 124px; height: 90px; float: left; margin-right: 10px; margin-bottom: 0;} .area-actualidad .col-md-8 .col-md-4 .pntc.pntc-opinion .pntc-op-autor figure { width: 115px; height: 85px; margin: 0px; margin-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.3); float: none; } /*revert para marcadores y fotogalerias...*/ .area-actualidad .col-md-8 .col-md-4 .pntc.pntc-marcador figure { max-height: 365px; width: 100%; height: auto; float: none; margin: 0; } .area-actualidad .col-md-8 .col-md-4 .pntc.pntc-galeriadestacada figure { max-height: 378px; height: auto; width: 100%; } .breves-3 .pntc .pntc-content .title, .breves-4 .pntc .pntc-content .title, .breves-6 .pntc .pntc-content .title { font-size: 15px; line-height: 17px;} /*------------ TAG ----------------*/ .tag .pntc-v figure.item-multimedia .img-pntc { min-height: 90px; min-width: initial; height: 100%; max-width: initial; } .tag .col-md-8 figure .img-pntc { max-width: 100%; } .tag .col-md-4 .col-md-6 figure { width: 124px; height: 90px; margin-right: 10px; margin-bottom: 0; margin-left: 0; } .tag .col-md-4 .col-sm-6 .pntc figure.item-multimedia .img-pntc { height: 100%; width: auto; } .tag .sumario-ficha { border-bottom: 1px solid #DDD; } /* Bloques de opinion */ .tag .col-md-8 .pntc.opinion .pntc-content .pntc-txt .txt, .tag .col-md-8 .pntc.opinion .pntc-content .pntc-autor-share {display: none; } .tag .col-md-8 .pntc.opinion .pntc-content .pntc-txt hgroup, .tag .col-md-4 .pntc.opinion .pntc-content .pntc-txt hgroup {width: 100%; border: 0; margin: 0; } .tag .col-md-8 .pntc-h.opinion .pntc-content .title { font-size: 22px; line-height: 24px; } .tag .col-md-8 .pntc-h.opinion .pntc-content .pntc-txt hgroup:before, .tag .col-md-4 .pntc-v.opinion .pntc-content .pntc-txt hgroup:after, .tag .col-md-8 .pntc-h.opinion .pntc-content .pntc-txt hgroup:after, .tag .col-md-4 .pntc-v.opinion .pntc-content .pntc-txt hgroup:before { content: none; } .tag .col-md-4 .pntc-v.opinion .pntc-content .pntc-txt hgroup, .tag .col-md-8 .pntc-v.opinion .pntc-content .pntc-txt hgroup, .tag .col-md-8 .pntc-h.opinion .pntc-content .pntc-txt hgroup:after { padding-bottom: 10px; } .tag .col-md-4 .col-sm-6 figure { width: 124px; height: 90px; margin-right: 10px; margin-bottom: 0; } .tag .col-md-4 .col-sm-6 .pntc figure.item-multimedia .img-pntc { height: 100%; width: auto; } /* Cierre bloque y boton mas noticias */ .cierre-bloque {margin-top: -10px; margin-bottom: 20px; text-align: right; } .btn-mas-noticias { width: 100%; text-align: center; padding-top: 14px; padding-bottom:14px; } /* PORTADILLA ASTV */ .apertura-12col.astv .col-md-12 > .pntc { border-bottom: none; padding-bottom: 10px; margin-bottom: 0; } .apertura-12col.astv .col-md-12 > .pntc figure { height: auto; } .apertura-12col.astv .col-md-12 > .pntc .btn-multimedia { left: 50%; bottom: 50%; margin-left: -50px; margin-bottom: -18px; } .ntc-rel .ntc.ntc-destacada { padding: 0; width: 100%; } .ntc-rel .ntc.ntc-destacada article { padding-bottom: 0; height: auto; } .ntc-rel .ntc.ntc-destacada figure { width: 124px; height: 90px; } .ntc-rel .ntc.ntc-destacada .ntc-title { font-size: 17px; line-height: 19px; padding-bottom: 8px; } /*unificar grafica al resto de pntc*/ .ntc-rel .ntc.ntc-destacada .ntc-subtitle { font: 12px/14px 'sourcesans',sans-serif; padding-bottom: 0; margin-bottom: 0; } .ntc-rel .ntc.ntc-destacada .ntc-subtitle:after { display: none; } /*ministerio*/ .info-ministerio-astv img { float: none; margin: 0 auto; margin-bottom: 10px; } /* PORTADILLA OPINION + BLOGs */ .area-opinion .agrup-pntc { margin-bottom: 15; } .area-opinion .agrup-pntc .pntc.pntc-opinion .pntc-op-autor .title { top: auto; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada article { min-height: 120px; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor figure { margin-bottom: 0; width: 120px; height: 120px; overflow: visible; position: relative; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor { position: absolute; left: 0; bottom:0; width: 100%; margin:0; border:none; padding:0; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-text { position: absolute; bottom: 10px; left: 0; width: 100%; padding-left: 120px; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor .title { position: relative; top: auto; max-width: 100%; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-op-autor:before { content: "\e61c"; position: absolute; left: 0; bottom: 0; top: 50%; right: 100%; margin-top: -30px; margin-left: -100px; height: auto; width: auto; border: none; font-size: 400px; line-height: 60px; font-family: 'as-icons'; text-align: center; color: #f9f9f9; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-content { z-index: 2; padding-left: 135px; } .area-opinion .agrup-pntc .pntc.pntc-opinion.destacada .pntc-content .pntc-txt { margin-bottom: 0; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion .pntc-op-autor { width: 135px; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi article { flex-direction:column;} .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-op-autor { width: 100%; padding-right: 0; margin-right: 0; border-bottom: 2px solid #FFB900; border-right: none; margin-bottom: 15px; padding-bottom: 15px; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-op-autor figure { width: 271px; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-op-autor:before { border-top-color: #FFB900; border-right-color:transparent; right: auto; left: 25px; bottom: -16px; top: auto; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-op-autor:after { border-top-color: #eee; border-right-color:transparent; right: auto; left: 27px; bottom: -11px; top: auto; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-content .pntc-txt { margin-bottom: 10px; } .area-blogs-list .agrup-pntc .pntc.pntc-opinion.blog-multi .pntc-op-autor .title { max-width: 100%; white-space: normal; } /*video top fuera del area de actualidad */ .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado figure { width: 100%; height: auto; float: none; margin-right: 0; margin-bottom: 0; } .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado figure.item-multimedia .img-pntc { width: 100%; height: auto; position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 0;} .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado .pntc-content { padding: 10px; display: block; } .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado .pntc-content .title { font-size: 22px; line-height: 24px; } .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado .btn-multimedia { height: 36px; } .area-blogs-list .col-md-4.col-sm-12 .pntc.pntc-videodestacado .btn-multimedia [class*="as-icon-"] { height: 36px; min-width: 36px; line-height: 36px; } /* Capa video */ .pntc .capa-video .capa-video-ftr { display:none;} /*publicidad*/ .billboard > div > div { min-height: 52px; } } @media (max-width: 480px) { /*modulo radios*/ .modulo-radios .item { width: 49.9%; } /*------------ MARCADORES ----------------*/ .pntc.pntc-marcador figure { max-height: 178px; } .pntc.pntc-marcador .marcador { height: 72px; margin-bottom: 10px; } .pntc.pntc-marcador .pntc-content .title { font-size: 19px; line-height: 21px; } .pntc.pntc-marcador .marcador-num .equipo { width: 35%; } .pntc.pntc-marcador .marcador-num .equipo .equipo-escudo { height: 45px; } .pntc.pntc-marcador .marcador-num .equipo .equipo-nom { line-height: 15px; height: 15px; font-size: 12px; } .pntc.pntc-marcador .marcador-num .info { width: 30%; } .pntc.pntc-marcador .marcador-num .info .hora { font-size: 16px; line-height: 18px; height: 31px; } .pntc.pntc-marcador .marcador-num .info .hora-timezone { font: 10px/11px sans-serif; display: block; margin-bottom: -3px; padding-top: 0; } .pntc.pntc-marcador .marcador-num .info .info-do { height: 23px; } .pntc.pntc-marcador .marcador-num .info .patrocinio { padding: 2px; height: 23px; } .pntc.pntc-marcador .marcador-num .info .resultado { font: 24px/32px 'sourceblack',sans-serif; height: 32px;} .pntc.pntc-marcador .marcador-num .info .resultado .sub { font: 12px/16px "sourcesansbold",sans-serif; margin-left: 9px; height: 16px;} /*basket*/ .pntc.pntc-marcador .marcador-num.basket .info .resultado { font: 24px/32px 'sourceblack',sans-serif; height: 32px; } /*tenis*/ .pntc.pntc-marcador .marcador-num.tenis .player .ico-bandera { margin-top: -2px; } .pntc.pntc-marcador .marcador-num.tenis .player .player-nom { font: 14px/17px 'sourceblack',sans-serif; height: 17px; } .pntc.pntc-marcador .marcador-num.tenis.comenzado .info .patrocinio, .pntc.pntc-marcador .marcador-num.tenis.finalizado .info .patrocinio { padding: 2px; height: 20px; } .pntc.pntc-marcador .marcador-num.tenis .info { width: 30%; } .pntc.pntc-marcador .marcador-num.tenis.comenzado .info, .pntc.pntc-marcador .marcador-num.tenis.finalizado .info { width: 40%; } .pntc.pntc-marcador .marcador-num.tenis .players { width: 70%; } .pntc.pntc-marcador .marcador-num.tenis.comenzado .players, .pntc.pntc-marcador .marcador-num.tenis.finalizado .players { width: 60%; } .pntc.pntc-marcador .marcador-num.tenis .info .puntos { font: 17px/25px 'sourceblack',sans-serif; height: 26px; } } @media (max-width: 320px) { .container { max-width: 320px; } .publi > div { margin: 0 -10px 15px; display: block!important; width: auto!important; } div[id*="NSTD"]{ margin-left: -10px; margin-right: -10px; width: auto; } *[id*="NSTD9"].pieza-patrocionio { margin-left: 0px; margin-right: 0px; } /* reseteo de margen para patrocinio en cabecera */ }