/*MAIN*/ @import url("../lib/bootstrap/css/bootstrap.min.css"); @import url("../css/icons.css"); /*generales*/ html, body{margin:0;padding:0} a{color:inherit} a:hover{text-decoration:none;color:inherit} .container-fluid{max-width:1020px;min-width:320px; padding-left: 0; padding-right: 0;} .b728x90{padding:20px 0} .b300x50{padding:10px 0} .b300x250, .b300x600{position:relative} .b300x250 .bcontent, .b300x600 .bcontent{margin-left:-150px;position:relative;left:50%} .b300x250, .b300x600{overflow:hidden} .tile-block .b300x250{margin-top:10%} .center-me{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);margin-left:50%} .btn{-webkit-border-radius:0;border-radius:0} .btn.my-btn{border-bottom:3px solid #c11e31;font:700 18px/21px "Roboto", sans-serif;text-transform:uppercase} .btn.bl-btn{background:#2e343b} .tggla-parent .tactive{display:none} .tggla-parent.tggla-active .tactive{display:inline} .tggla-parent.tggla-active .tinactive{display:none} .tggla-parent .tinactive{display:inline} .has-success .form-control, .form-control, .form-control:focus{box-shadow:none} .alter-c{background:#ebebeb} /*\generales*/ /*ZC-CSS*/ body.toolbar{padding-top: 36px;} body.toolbar-drawer{padding-top: 76px;} .fotoDetalle{width: 1260px; margin: 0 auto; position: relative;} .field-name-field-fuente-de-video{font-size: 0px; color: transparent; display: none;} /*Menu - Header*/ header#header #nav{ position: relative; top: 0; width: 594px; margin: 0 auto; left: auto; } .icon-social img { /*box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.6); border-radius: 6px;*/ } .SocialHeader{position: absolute; right: 0; top: 63px; height: 35px;} .SocialHeader h2{font: italic 400 12px/46px "Roboto", sans-serif; color: #fff; float: left; margin: 0 10px 0;} .SocialHeader .items{float: left;} .SocialHeader a{float: left; width: 35px; height: 35px; display: inline-block;} .SocialHeader .facebook{background: url('../img/controls/social_facebook.svg') no-repeat center center / 100% auto;} .SocialHeader .twitter{background: url('../img/controls/social_twitter.svg') no-repeat center center / 100% auto;} .SocialHeader .youtube{background: url('../img/controls/social_youtube.svg') no-repeat center center / 100% auto;} .SocialHeader .instagram{background: url('../img/controls/social_instagram.svg') no-repeat center center / 100% auto;} /*EditButtons*/ .tabs{width: 1240px; margin: 0 auto 20px;} .tabs ul.primary{border-bottom: 0; padding: 0; margin: 20px 0 0; height: 30px;} .tabs ul.primary li a{border: 1px solid #A6B6D0; border-radius: 2px; font: 600 11px "Roboto"; text-transform: uppercase; padding: 10px 20px; background-color: rgb(202, 209, 221); color: #263F6A; margin-right: 5px;} .tabs ul.primary li a:hover{opacity: 0.8;} .tabs ul.primary li:nth-child(1), .tabs ul.primary li:nth-child(3){display: none;} /*Node Status*/ .notPublic{background-color: rgba(21, 51, 96, 0.15); padding: 10px; margin-top: 20px; text-transform: uppercase; font-size: 11px; line-height: 14px;} .notPublic span{font-weight: bold; color: #00A1DE; margin-left: 2px;} .notPublic a{font-weight: bold; color: #00A1DE; margin-left: 2px; text-decoration: underline;} .DarkStyle .notPublic, #detailPoll .notPublic{background-color: rgba(99, 101, 169, 0.24); color: #8D93B7;} .DarkStyle .notPublic span, .DarkStyle .notPublic a, #detailPoll .notPublic span, #detailPoll .notPublic a{color: #00A1DE;} .ZCTimeLineDark .notPublic{background-color: rgb(44, 68, 109); color: #738DB9;} .ZCTimeLineDark .notPublic span, .ZCTimeLineDark .notPublic a{color: #00A1DE;} /*Home - Aperture*/ #module{ margin: 0 auto;} #module.head-tile .container-fluid{padding: 0 10px;} #module.head-tile .apertureMain.a-summ{width: 66.8%;} #home-header.alter-2 .divListAperture{width: 30% !important;} #module.head-tile .divListAperture{width: 33.2%;float: left;} #module.head-tile .apertureList.a-summ{width: 100%;} .head-tile .a-summ:nth-child(1){border-left: 1px solid #fff;} #module .a-tag, #home-header.apertureMainSuper .a-tag{max-width: none; display: inline-block;} #module .a-tag a, #home-header.apertureMainSuper .a-tag a{background-color: #203452; padding: 10px; color: #fff; overflow: visible; height: auto; display: inline-block;} #module.head-tile .apertureList figure img{width: 100%; height: auto;} #module.head-tile .container-fluid > .row > div > div{ height: 100%; width: 100%;} #module .apertureMain{border-left: 0px;} #module .apertureMain .a-title, #module .divListAperture .a-title{padding-bottom: 0;} #module .apertureMain .a-title h4, #module .divListAperture .a-title h4, #home-header.apertureMainSuper .a-title h4{overflow: visible; min-height: inherit; margin-bottom: 10px;} #home-header.apertureMainSuper{ margin: 0 auto;} #home-header.apertureMainSuper .block-title-module-1{ position: relative; } /*VideoArticle*/ .videoBody {display: inline-block; width: 100%; margin: 0 0 20px 0; position: relative; cursor: pointer; padding: 0 28px 0 40px;} .videoBodyPlayer, .videoBodyPlayer img {width: 100%; height: auto;} .videoBodyPlayer iframe {border: 0; background-color: #000; width: 100%; height: 382px;} .videoBodyPlayer .playIcon {width: 100%; height: 100%; left: 0; top: 0; background: url('../img/controls/video.svg') no-repeat center center / 80px auto; position: absolute;} /*#article-authors.VideoArticle{position: absolute; top: 30px;}*/ #article-main-content.VideoArticle{float: right; margin-right: 80px;} #article-container.VideoArticle{margin-top: 0;} #article-container.VideoArticle .header-title h1{padding-bottom: 20px;} /*Login #user-login{width: 500px; margin: 35px auto 60px; position: relative; padding-top: 90px; min-height: 300px;} #user-login .titleSection{position: absolute; top: 0; border-bottom: 4px solid #e4e4e4; width: 100%; margin-bottom: 20px; padding-bottom: 10px; font: 700 38px/42px "Roboto", sans-serif;} #user-login #edit-submit{font: 700 18px/21px "Ubuntu", sans-serif; text-transform: uppercase; background: #263F6A; color: #fff; padding: 10px 40px; border: 0; border-bottom: 3px solid #3E5B8E; width: 280px; margin: 0 auto; display: block;} #user-login .description, #user-login label{display: none;} #user-login input[type="text"], #user-login input[type="password"]{width: 100%; border: 1px solid #dbdbdb; height: 70px; font: italic 500 20px/32px "Roboto", sans-serif; color: #2f343c; padding: 10px; margin: 10px 0;} #user-login .error{border-color: #263F6A !important;}*/ /*Image detail description*/ .footerPhoto{font: 400 13px/18px "Roboto", sans-serif; width: 100%; color: #fff; position: absolute; right: 20px; bottom: 20px; width: 280px;} .footerPhoto .description{} .footerPhoto span{opacity: 0.6;} /*Detalle de art�culos*/ /*.node-type-article .article-body{padding: 0;}*/ .node-type-article .titleArticle{width: 72%;} .node-type-article .container-fluid{padding: 0} /*Home - Gallery*/ .galleryBlock{background-color: #e9e9e9; padding: 20px 0; margin-bottom: 20px; border-top: 6px solid #cfcfcf; position: relative;} .galleryBlock .centerContent{width: 1260px; margin: 0 auto;} .galleryBlock .centerGallery{display: inline-block; width: 100%;} .galleryBlock .titleBlock{color: #000; border: 0px; margin-bottom: 10px; font: 700 28px/28px "Roboto", sans-serif; width: 100%; display: inline-block; float: left;} .galleryBlock .view{float: left; width: 940px; overflow: hidden; position: relative; max-height: 770px;} .galleryBlock .view-content{position: relative; left: 0; width: 100% !important; transition: left 0.6s ease-in-out; -webkit-transition: left 0.6s ease-in-out; -moz-transition: left 0.6s ease-in-out; -o-transition: left 0.6s ease-in-out; -ms-transition: left 0.6s ease-in-out;} .galleryBlock .views-row{float: left; width: 940px; position: relative;} .galleryBlock .views-field-field-tags{position: relative; display: inline-block; margin-top: 15px; padding: 0; background-color: transparent;} .galleryBlock .views-field-field-tags a{color: #E0212F; font: 900 14px/14px "Roboto", sans-serif; text-transform: uppercase;} .galleryBlock .views-field-title{margin-top: 10px;} .galleryBlock .views-field-title a{color: #000; font: 500 28px/30px "Roboto", sans-serif;} .galleryBlock .views-field-field-galeria{/*height: 500px;*/ overflow: hidden; position: relative;} .galleryBlock .views-field-field-galeria img{width: 100%; height: auto;} .galleryBlock .camera{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url('../img/controls/galeria_deportes.svg') no-repeat center center; color: #fff; text-transform: uppercase; opacity: 1; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s;} .galleryBlock .ads{float: right;} .galleryBlock .ads .info{width: 300px; height: 600px; margin: 0 auto;} .galleryBlock .photos{position: relative;} .galleryBlock .photos:hover .camera{opacity: 0;} .galleryBlock .controls div{position: absolute; top: 0; left: 0; bottom: 0; width: 20%; height: 626px; z-index: 2; cursor: pointer; opacity: 0.7; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s;} .galleryBlock .controls div:focus{opacity: 1;} .galleryBlock .controls .prev{background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001))); background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);} .galleryBlock .controls .next{left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5))); background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);} .galleryBlock .controls div span{position: absolute; top: 0; width: 90px; height: 100%;} .galleryBlock .controls .prev span{background: url('../images/svg/controls/arrow2.svg') no-repeat center center / 70px auto; left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);} .galleryBlock .controls .next span{background: url('../images/svg/controls/arrow2.svg') no-repeat center center / 70px auto; right: 0;} /*Section - Gallery*/ .darkPage #home-header{background-color: #162439;} .darkPage #home-header .a-tag a{background-color: #203452; padding: 10px; color: #fff; overflow: visible; height: auto; display: inline-block;} .darkPage .head-tile .divListAperture article{border-color: #162439 !important;} .darkPage #home-header .apertureMain.a-summ.ad-video .a-desc, .darkPage #home-header .apertureMain.a-summ.ad-gallery .a-desc{width: 80px; height: 80px;} .darkPage #home-header .apertureMain.a-summ.ad-video .a-desc:after{background-position: -452px -30px;} .darkPage #home-header .apertureMain.a-summ.ad-gallery .a-desc:after{background-position: -312px -30px;} .darkPage #home-header .apertureMain.a-summ.ad-video .a-desc:after, .darkPage #home-header .apertureMain.a-summ.ad-gallery .a-desc:after{width: 100%; height: 100%; background-size: 700px;} .darkPage #home-header .a-summ.ad-video .a-desc, .darkPage #home-header .a-summ.ad-gallery .a-desc{top: 0 !important; right: 0 !important; left: auto !important; transform: initial !important; margin: 0 !important;} /*END ZC-CSS*/ @media screen and (max-width: 999px) { #module.head-tile .divListAperture{width: 100% !important;} } /*article*/ .a-summ, .a-summ .a-content, .a-summ.a-gen .a-tag{-webkit-transition:background 0.2s;transition:background 0.2s} .a-summ{position:relative;max-height:600px;background:#fff;} .a-summ.a-gen{color:#000;margin-bottom:20px;height:280px;padding-bottom:100%} .a-summ.a-gen a{display:block} .a-summ.a-gen .a-title{padding:15px;margin-top:-34px} .a-summ.a-gen .a-content{background:#fff;display:block;width:100%} .a-summ.a-gen:hover .a-content{background:#eee} .a-summ.a-gen:hover{background:#eee} .a-summ.a-gen h4{font:700 20px/22px "Roboto", sans-serif;min-height:66px;overflow:hidden;margin:0;height: auto;} .a-summ.a-gen h4 a{display:inline} .a-summ.a-gen:hover h4 a{color:#e0212f;text-decoration:underline} .a-summ.a-gen h4 a span{color:#000;display:inline} .a-summ.a-gen h5{font:14px/19px "Roboto", sans-serif;height:112px;overflow:hidden;color:#535353} .a-summ.a-gen .a-tag{padding:11px 15px;position:relative;top:-17px;background:#fff;display:inline-block;max-width:95%} .a-summ.a-gen .a-tag a{font:900 14px/14px "Roboto", sans-serif;text-transform:uppercase;color:#e0212f;height:14px;text-align:left;display:block;letter-spacing:1px;overflow:hidden} .a-summ.a-gen .a-tag:hover a{color:#000} .a-summ.at-trend.ad-empty .a-tag{padding:25px 0 0 46px} .a-summ.a-gen:hover .a-tag{background:#eee} .a-summ.a-gen .a-time{color:#a2a2a2;font:italic 12px/20px "Roboto", sans-serif;padding:0 45px 11px 0;display:block;position:absolute;bottom:0;right:0} .a-summ.a-gen .a-time a{text-align:right} .a-summ.a-gen .a-time a.icon{text-align:center} .a-summ .a-share .a-strigger{cursor:pointer;z-index:15;position:relative} .a-summ .a-share{position:absolute;top:-15px;right:0;opacity:1;width:47px;height:47px} .a-summ .a-share.in, .a-summ .a-share.fade{height:188px} .a-summ .a-share .icon-sh, .a-summ .a-sbtn a{width:47px;height:47px;float:left;text-align:center;padding-top:5px;z-index:20} .a-summ .a-share .icon-sh{-webkit-transition:background 0.2s;transition:background 0.2s} .a-summ .a-sbtn{float:left;position:absolute;top:-100px;left:-5px;height:104px;width:57px;padding:5px;background:#d4d4d4;border-radius:4px;opacity:0;-moz-transform:scale(0.2);-webkit-transform:scale(0.2);-o-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2);transform-origin:70% 0 0;transition:all 0.1s ease-in-out 0s;visibility:hidden;z-index:100} .a-summ .a-share.in .a-sbtn{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);visibility:visible} .a-summ .a-share .ic-p{width:0;height:0;border-style:solid;border-width: 8px 8px 0 8px;border-color:#d4d4d4 transparent transparent transparent;position:relative;left:50%;margin-left:-8px;top:10px} .a-summ .a-share .a-sbtn .icon{-webkit-transition:background 0.5s;transition:background 0.5s} .a-summ .a-share .icon-fb{background:#4563a6;border-top-left-radius:4px;border-top-right-radius:4px} .a-summ .a-share.in .icon-fb:hover{background:#395587} .a-summ .a-share .icon-tw{background:#01abf4} .a-summ .a-share.in .icon-tw:hover{background:#029dd3} .a-summ .a-share .icon-gp{background:#d90000;border-bottom-left-radius:4px;border-bottom-right-radius:4px} .a-summ .a-share.in .icon-gp:hover{background:#c60202} .a-summ.ad-video .a-desc, .a-summ.ad-gallery .a-desc{width:43px;height:43px;position:absolute;top:0px;right:0;z-index:101;background:#e31232;overflow:hidden;-webkit-transition:background 0.2s ease 0s;transition:background 0.2s ease 0s} .a-summ.ad-video .a-desc, .a-summ.ad-gallery:hover .a-desc{-webkit-transition:background 0.3s ease 0.1s;transition:background 0.3s ease 0.1s;} .a-summ.ad-video:hover .a-desc, .a-summ.ad-gallery:hover .a-desc{background:#1f3450} .a-summ.ad-video .a-desc:after, .a-summ.ad-gallery .a-desc:after{width:43px;height:43px;display:inline-block;background-image:url('../img/ic.svgz')} .a-summ.ad-video .a-desc:after{content:" ";background-position:-231px -15px} .a-summ.ad-gallery .a-desc:after{content:" ";background-position:-159px -15px} .a-summ.at-trend .a-type{width:42px;height:42px;position:absolute;top:7px;left:-7px;z-index:101;background:#fcf700;-webkit-transition:background 0.3s;transition:background 0.3s} .a-summ.at-trend .a-type:after{content:" ";background-image:url('../img/ic.svgz');background-position:-233px -304px;width:43px;height:43px;display:inline-block} .a-summ.at-trend .a-type:before{content:" ";width:0;height:0;border-top:7px solid #a3a3a3;border-left:7px solid transparent;position:absolute;top:42px;left:0} /**empty**/ .a-summ.ad-empty, .a-summ.ad-empty .a-content{background:#eee} .a-summ.ad-empty .a-tag{position:static;background:#eee} .a-summ.ad-empty .a-content h5{margin-bottom:19px} .a-summ.ad-empty .a-content{height:auto} .a-summ.a-gen.ad-empty .a-title{margin-top:0} /**sports**/ #deportes-block.alter-sports .a-summ .a-tag{background:#203452;padding:10px 15px} .alter-sports .a-summ .a-tag a{color:#fff;font:900 12px/12px "Roboto Slab", sans-serif;height:12px} .alter-sports .a-summ.a-gen:hover .a-tag{background:#203452;color:#fff} .alter-sports .a-summ.a-gen .a-tag:hover a{color:#fff;text-decoration:underline} .alter-sports .a-summ.a-gen h4{font:500 20px/22px "Ubuntu", sans-serif;height:67px} .alter-sports .a-summ.a-gen:hover, .alter-sports .a-summ.a-gen:hover .a-content{background:#be1622} .alter-sports .a-summ.a-gen h4 a{color:#000} .alter-sports .a-summ.a-gen:hover h4 a{color:#203452 !important;text-decoration:underline} .alter-sports .a-summ.a-gen:hover a span{color:#fff} #deportes-block.alter-sports .a-summ.nota-destacada-principal a span{color:#fff} #deportes-block.alter-sports .a-summ.a-gen .a-title{margin-top:-27px} #deportes-block.alter-sports .a-summ.nota-destacada-principal.a-gen .a-title{margin:-30px 0 20px} /**big**/ .a-summ.nota-destacada-principal{margin-bottom:20px;overflow:hidden} .a-summ.nota-destacada-principal{height:auto;padding:0} .a-summ.nota-destacada-principal a img{width:100% !important} .a-summ.nota-destacada-principal .a-content{position:absolute;display:block;bottom:0} .a-summ.nota-destacada-principal .a-time{padding-bottom:10px} .a-summ.nota-destacada-principal .a-title{padding:15px 20px 10px} .a-summ.nota-destacada-principal .a-title h4{height:auto;margin-top:10px} .alter-sports .a-summ.nota-destacada-principal .a-content{background:#be1622} .alter-sports .head-tile .a-summ.nota-destacada-principal .a-content{background:none} .alter-sports .a-summ.nota-destacada-principal .a-title h4 a{color:#fff;font-size:30px;line-height:34px} #deportes-block.alter-sports .a-summ.nota-destacada-principal .a-tag a{font-size:19px;line-height:19px;height:19px} #deportes-block.alter-sports .a-summ.nota-destacada-principal .a-tag{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);margin-left:50%;padding:11px 30px;height:39px} .alter-sports .head-tile .a-summ.nota-destacada-principal .a-tag{-webkit-transform:translate(0, 0);transform:translate(0, 0);margin-left:0%;padding:0;top:-6px} /**lg**/ .a-summ.ad-lg{padding-bottom:200%} /*blog*/ .a-summ.a-blog h3{color:#535353;font:400 14px/17px "Roboto", sans-serif;height:15px;margin:0 0 5px;overflow:hidden} .a-summ.a-blog h4{height:42px} .a-summ.a-blog h3:hover a{color:#e0212f} .a-summ.a-blog .blog-user-img{position:relative} .a-summ.a-blog .blog-user-img img{width:65px;position:absolute;right:0;top:-80px} .a-summ.a-blog .blog-user-title{max-width:180px} /*footer*/ #susc-news-block{background:#D7DF18} #susc-news-block label{font:400 14px/18px "Roboto", sans-serif;text-transform:uppercase;color:#195652} #footer{background:#276334;position:relative} #footer h6{color:#276334;font:700 14px/18px "Roboto", sans-serif;text-transform:uppercase} #footer ul{margin-bottom:30px} #footer ul li{width:50%;float:left} #footer ul.ft-ul li a i{margin:-10px 0px -13px -5px} #footer ul a{font:13px/26px "Roboto", sans-serif;color:#fff;display:block;position:relative} #footer ul a:hover{text-decoration:underline} #ft-foot > div{height:60px} #ft-foot .visible-xs-block{margin:15px 0} #ft-foot .btn{position:relative;width:100%;max-width:320px;padding:13px} #ft-foot .btn i{position:absolute;top:4px} #ft-foot > div:before{content:" ";display:block;border-top:4px solid rgba(255,255,255,0.1);height:1px;margin-bottom:-4px} #ft-foot #iconsour_logo{float:right;background:url(../img/logo_iconosur.jpg);width:72px;height:27px;line-height:27px;margin-top:16px;position:absolute;bottom:10px;right:20px} #ft-foot #ft-cpright, #ft-foot #ft-visitors{ font: 13px/24px "Roboto", sans-serif; color: rgba(255, 255, 255, 0.5); float: left; } #ft-logo{float:right;margin-bottom:36px} #ft-logo{clear:both} #footer > div > .row:not(#ft-foot){margin-top:30px} #footer .seguinos-block{float:right} #footer .seguinos-block span{color:#fff;opacity:0.5;float:left;font:italic 500 13px/60px "Roboto", sans-serif;height:40px;line-height:40px} #footer .seguinos-block ul{float:left;height:40px;margin-bottom:0} #footer .seguinos-block ul li{float:left;height:40px} #footer .seguinos-block ul li:first-child{border-right:1px solid rgba(255, 255, 255, 0.1)} #footer .seguinos-block ul li a{display:inline-block;height:40px;margin:-2px 2px} #footer .seguinos-block a{-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease} #footer .seguinos-block a:hover{opacity:0.5} #form-susc-news{padding:7px 0 0;-webkit-transition:padding 0.4s;transition:padding 0.4s} #form-susc-news > div{padding:10px 0 17px} #form-susc-news .form-complete{text-align:center} #form-susc-news label{margin-right:15px} #form-susc-news .btn[type="submit"]{background:transparent;border-radius:0;padding:0;position:absolute;right:0;bottom:3px;line-height:38px;height:38px} #form-susc-news .form-control{border-radius:0;border:0;width:370px;height:43px} #form-susc-news .form-group{position:relative;height:43px} #form-susc-news .ipt-cntr{position:relative;display:inline-block} #form-susc-news .help-block.form-error{position:absolute;width:100%;left:0;top:36px;background:#fff5ae;font:400 14px/39px "Roboto", sans-serif;color:#000;height:39px;text-align:left;text-indent:20px;z-index:20000} #form-susc-news .ipt-cntr.has-error input{border:2px solid #fff5ae !important} #form-susc-news .ipt-cntr input{border:2px solid #fff !important} #form-susc-news .form-ok{font:400 14px/16px "Roboto", sans-serif;color:#fff;text-align:center} #form-susc-news .form-ok span{display:inline-block;line-height:43px;padding-right:10px} #form-susc-news .form-ok .btn{width:43px;height:43px;float:right;padding:1px} /*\footer*/ /*scroll1*/ .head-tile .container-fluid{max-width:2920px;} .head-tile .a-summ:hover h4 a{background:none;text-decoration:underline;color:#e0212f} .head-tile .a-summ.a-gen .a-time{position:relative} .head-tile .a-summ.a-gen .a-title{margin:0} .head-tile .a-summ.a-gen .a-tag{top:-6px} .head-tile .a-summ h4 a span{color:#fff} .head-tile .a-summ{margin:0;padding:0} .head-tile .a-summ .a-tag, .head-tile .a-summ .a-content{background:none} .head-tile .a-summ:hover .a-tag, .head-tile .a-summ:hover .a-content{background:none} .head-tile .a-summ .a-tag:hover a{color:#fff} .head-tile .container-fluid > .row > div{padding:0} .head-tile .container-fluid > .row > div > div{/*height:0;padding-bottom:42%;*/display:block;position:relative} .head-tile .a-summ h4{color:#fff;font-weight:700;font-family:"Roboto", sans-serif;text-shadow:1px 1px rgba(0,0,0,0.35)} .head-tile .a-summ:hover h4{color:#fff} .head-tile .a-summ .a-content{padding:0 5%;z-index:52;position:absolute;bottom:0} .head-tile .a-summ.a-gen h4{max-height:500px !important;} .head-tile .a-summ.a-gen:first-child h4{max-height:91px} .head-tile .a-time{width:105%} .head-tile .a-time time{color:#fff;font:italic 500 12px/13px "Roboto", sans-serif} .head-tile figure{height:100%} .head-tile figure:after{content:" ";display:block;height:50% !important;bottom:0;width:100%;position:absolute;z-index:50;background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 )} .head-tile figure img{height:100%;min-width:100%;width:auto;max-width:initial} .head-tile .a-summ .a-title, .head-tile .a-summ .a-tag{padding-left:0;padding-right:0} .head-tile .a-summ{height:auto;padding:0;width:31%;float:left;overflow:hidden;position:relative} .head-tile .a-summ:first-child{height:auto;padding:0;width:69%;max-height:100%;top:0;left:0;margin-bottom: 1px !important;} .head-tile .a-summ:nth-child(2){top:0;right:0;padding-bottom: 2px;} .head-tile .a-summ:nth-child(3){bottom:0;right:0} .head-tile .a-summ:not(.apertureList):first-child h4 a{font-size:40px;line-height:44px;letter-spacing:-1px} .head-tile .a-summ:first-child figure img{/*min-height:100%;*/min-width:100%;max-width:1000%} .head-tile .a-summ:hover h4 a{color:#fff} /*\scroll1*/ /*home*/ .alter-block{background:#e9e9e9;border-top:4px solid #cfcfcf;padding:30px 0 20px;margin:20px 0} .block-title{border-bottom:4px solid #e4e4e4;margin-bottom:30px} .block-title h3{font:700 28px/28px "Roboto", sans-serif;color:#000;margin-bottom:8px} .block-title h1{font:700 38px/42px "Roboto", sans-serif;color:#000;margin-bottom:8px} .inter-title{display:block} .inter-title{text-align:center;border-top:4px solid #203452;margin:15px auto 15px} .inter-title h3{display:inline-block;padding:0 20px;margin:0;top:-18px;position:relative;background:#e9e9e9} .inter-title h3 a{color:#be1622;font:900 28px/28px "Roboto Slab", sans-serif;text-transform:uppercase} #imperdibles-block .banner{margin-bottom:38px} .mas-leido-ul{columns:4;-webkit-columns:4;-moz-columns:4;margin-bottom:0;margin-top:-15px} .mas-leido-ul li{border-bottom:1px solid #dcdcdc;padding:15px 0} .mas-leido-ul li a{display:block;position:relative} .mas-leido-ul .number{color:#e0212f;font:500 50px/52px "Roboto", sans-serif;position:absolute;letter-spacing:-2px;left:-9px;width:50px;text-align:center} .mas-leido-ul .title{color:#000;font:400 16px/20px "Roboto", sans-serif;display:block;padding:5px 0 5px 50px;height:85px;overflow:hidden} .mas-leido-ul li .title > span{display:inline;color:#000} .mas-leido-ul li:hover .title{color:#e0212f;text-decoration:underline} .mas-leido-ul li:first-child:hover .title > span{background-position: left -29px} .mas-leido-ul .title img{margin-bottom:17px} .mas-leido-ul li:first-child, .mas-leido-ul li:nth-child(4), .mas-leido-ul li:nth-child(7), .mas-leido-ul li:nth-child(10){border-bottom:0} .mas-leido-ul li:first-child .title{font-size:20px;line-height:22px;font-weight:500;height:280px;padding-right:30px} #lo-mas-leido-block .tggla-active .my-btn i.ics.ic_arrow_down{background-position:-17px -449px} #lo-mas-leido-block .my-btn{width:100%;position:relative;padding:15px;max-width:320px;margin-top:10px} #lo-mas-leido-block .my-btn i{position:absolute;top:5px} #home_page #deportes-block .b300x600{margin-bottom:20px} #my-carousel .carousel-inner{padding-bottom:99px} #my-carousel .carousel-inner .item{margin-right:1px} #my-carousel .carousel-img{max-height:500px;overflow:hidden;position:relative} #my-carousel .carousel-img .carousel-number{font:900 italic 20px/22px "Roboto", sans-serif;color:#e0212f;position:absolute;display:inline-block;right:18px;bottom:18px;z-index:1005} .carousel-caption{width:100%;position:absolute;top:100%;left:0;text-align:left;} .carousel-caption h6{margin:0;font-weight:400;display:block} .carousel-caption h6 span{line-height:19px;color:#4e4e4e;font-size:14px} .carousel-control, .carousel-control:focus{opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;z-index:1001} .carousel-control:hover{opacity:1} .touch #my-carousel .carousel-control, .touch #my-carousel .my-carousel-label{opacity:1} .carousel-control span.icon-prev:before, .carousel-control span.icon-next:before{content:"";display:none} .carousel-control span.icon-prev{content:"";height:70px;left:20%;width:40px} .carousel-control span.icon-next{content:"";height:70px;right:20%;width:40px} .carousel-control span i{height:70px;margin-top:-25px} .carousel-caption span.carousel-number{color:#e0212f;padding-right:5px} .carousel-caption span.carousel-src{color:#a2a2a2} #my-carousel .my-carousel-label{text-align:center;opacity:1;visibility:visible;position:absolute;top:0;height:100%;width:100%;left:0;z-index:1000;-webkit-transition:opacity 0.4s, visibility 0.4s;transition:opacity 0.4s, visibility 0.4s;} #my-carousel .my-carousel-label .carousel-cmr{margin-top:20%} #my-carousel:hover .my-carousel-label{opacity:0;visibility:hidden} #my-carousel .my-carousel-label h5{font:900 italic 20px/22px "Roboto", sans-serif;color:#e0212f;text-transform:uppercase;position:relative;text-align:center} #my-carousel .carousel-cmr{width:90px;height:90px;background:#f1333b;display:inline-block;text-align:center;overflow:hidden;margin:0 auto} #my-carousel .carousel-cmr i{margin:25px;float:left;-moz-transform:scale(2.8);-webkit-transform:scale(2.8);-o-transform:scale(2.8);-ms-transform:scale(2.8);transform:scale(2.8)} #my-carousel .carousel-brd{background:rgba(92,86,83,0.3);height:1px;width:158px;display:inline-block;margin:5px 0 0} #my-carousel .item.active + .fancybox-fullscreen{display:block} #my-carousel .fancybox-fullscreen{position:absolute;right:1px;opacity:0;top:-60px;height:45px;width:45px;background:#e0212f;z-index:1005;-webkit-transition:top 0.2s ease, top 0.3s ease;transition:top 0.2s ease, top 0.3s ease;display:none;cursor:pointer} #my-carousel:hover .fancybox-fullscreen{top:0;opacity:1} #my-carousel .fancybox-fullscreen i{margin:3px;float:left;-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} .blog-summ{position:relative} .blog-summ .blog-user-img{width:90px;display:inline-block;position:absolute;top:-10px} .blog-summ a{color:#000} .blog-summ h3{margin-top:10px;display:block;padding-left:110px;font:900 16px/20px "Roboto", sans-serif;text-transform:uppercase;max-height:37px;overflow:hidden} .blog-summ h3 a{display:inline} .blog-summ h3 a:hover{color:#e0212f} .blog-summ h4 a span{color:#000;display:inline} .blog-summ:hover h4 a{color:#e0212f;text-decoration:underline} .blog-summ h4{display:block;padding-left:110px;max-height:60px;overflow:hidden;font:400 16px/20px "Roboto", sans-serif} .blog-summ h4 a{display:inline} /*home-headers*/ /*alter1*/ /*#home-header{background:#ebebeb}*/ #home-header{background:#fff;} #home-header.alter-1 .y-alert{background:#ffff00;color:#32373a} #home-header.alter-1 .y-alert.red h1{font:700 25px/25px "Roboto", sans-serif;text-transform:uppercase} #home-header.alter-1 section{text-align:center;padding:20px;position:relative} #home-header.alter-1 .y-alert h2{font:700 24px/25px "Roboto", sans-serif;text-transform:uppercase;display:inline-block;margin:0} #home-header.alter-1 .y-alert h1{font:500 22px/25px "Roboto", sans-serif;display:inline-block;margin:0;padding:0 10px} #home-header.alter-1 ul{display:inline-block;margin:-25px 0 0;position:relative;top:8px} #home-header.alter-1 ul li:first-child{border-right:1px solid rgba(0, 0, 0, 0.1)} #home-header.alter-1 ul li{padding:0} /*alter2*/ /*#home-header.alter-2 .head-tile .a-summ.nota-destacada-principal a img{width:auto !important;height:100% !important}*/ #home-header.alter-2 .head-tile .a-summ:not(.nota-destacada-principal):not(.apertureList){width:30%;left:50%} #home-header.alter-2 .head-tile .a-summ.nota-destacada-principal{width:50%} #home-header.alter-2 #lo-ultimo{height:100%;overflow:hidden;width:20%;position:absolute;right:0} #home-header.alter-2 #lo-ultimo .block-title{height:50px;background:#e0212f;padding:0;margin:0} #home-header.alter-2 #lo-ultimo .block-title h3{font:900 22px/50px "Roboto", sans-serif;text-transform:uppercase;color:#fff;text-align:center;margin:0} #home-header.alter-2 #lo-ultimo .block-content{padding:0 25px 30px 14px;overflow:hidden;max-height:95%} #home-header.alter-2 #lo-ultimo .a-mini h4 a span{color:#000;display:inline} #home-header.alter-2 #lo-ultimo .a-mini:hover h4 a{color:#e0212f;text-decoration:underline} #home-header.alter-2 #lo-ultimo .a-mini:after{content:" ";border-bottom:1px solid #e3e3e3;display:block;width:200%;left:-50%} #home-header.alter-2 #lo-ultimo .a-mini h4{font:400 16px/19px "Roboto", sans-serif;color:#000;max-height:56px;overflow:hidden;margin-bottom:0} #home-header.alter-2 #lo-ultimo .a-mini h4 a:hover{text-decoration:underline} #home-header.alter-2 #lo-ultimo .a-mini .a-time{font:italic 400 12px/14px "Roboto", sans-serif;color:#a2a2a2;margin:9px 0 12px;display:block} #home-header.alter-2 .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#c6c6c6;width:7px} #home-header.alter-2 .mCSB_scrollTools.mCSB_1_scrollbar{opacity:1} #home-header.alter-2 .divListAperture article{height: 50%;} #home-header #video-vivo{position:relative} #home-header #video-vivo span.video-label{color:#2f343c;font:700 14px/16px "Roboto", sans-serif;text-transform:uppercase;background:#ffff00;position:absolute;top:5px;left:-4px;padding:4px 10px;display:inline-block} #home-header #lo-ultimo .a-mini.ad-video{overflow:visible} /*alter4*/ #home-header.alter-4 .y-alert.red{background:#e0212f;color:#fff;margin-bottom:1px} #home-header.alter-4 .y-alert{background:#ffff00;color:#32373a} #home-header.alter-4 .y-alert.red{background:#e0212f;color:#fff} #home-header.alter-4 .y-alert.red h1{font:700 25px/25px "Roboto", sans-serif;text-transform:uppercase;margin:0;padding:0 10px} #home-header.alter-4 section{text-align:center;padding:20px;position:relative} #home-header.alter-4 #lo-ultimo .block-content{padding-top:20px} #home-header.alter-4 #lo-ultimo .block-content{max-height:98%} /*alter-5*/ #home-header.alter-5 .head-tile .a-summ:first-child{width:100%} #home-header.alter-5 .head-tile .container-fluid > .row > div > div{padding-bottom:47%} #home-header.alter-5 .head-tile .a-summ .a-desc{-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2);right:22px;top:21px} #home-header #mute-me:hover{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:transform 300ms ease;transition:transform 300ms ease;cursor:pointer} #home-header #mute-me{background:url(../img/mute_me.png);width:40px;height:36px;z-index:1100;float:right;margin-top:-50px;position:relative} #home-header #mute-me.active{background:url(../img/unmute_me.png)} /*\home*/ /*share-me*/ .share-me{float:right;margin:0 0 20px 0} .share-me li{width:80px;float:left;-webkit-transition:background 300ms ease;transition:background 300ms ease;text-align: center;} .share-me li a:hover{background:none} .share-me > li i{padding-left:2px} .share-me .shm-fb{background:#4563a6;border-top-left-radius:4px;border-bottom-left-radius:4px} .share-me .shm-fb:hover{background:#395587} .share-me .shm-tw{background:#01abf4} .share-me .shm-tw:hover{background:#029dd3} .share-me .shm-gp{background:#d90000} .share-me .shm-gp:hover{background:#c60202} .share-me .shm-gp i{left:2px;top:1px;position:relative} .share-me .shm-more{border-top-right-radius:4px;border-bottom-right-radius:4px;background:#2f343c} .share-me .shm-more:hover{background:#2f343c !important} .share-me .dropdown ul{left:28px;box-shadow:none;background:#e9e9e9;border:0;margin-top:15px} .share-me .dropdown .dd-caret{position:absolute;width:10px;height:5px;top:-40px;left:23px} .share-me .dropdown .ic-p{width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #e9e9e9 transparent;position:relative;left:50%;margin-left:-8px;top:10px} .share-me .dropdown ul{width:60px;float:left;min-width:initial;padding:5px} .share-me .dropdown li{width:50px;height:50px} .share-me .dropdown li a{padding:5px} .share-me .shm-cmmnt{background:#686d76;border-top-left-radius:4px;border-top-right-radius:4px} .share-me .shm-cmmnt:hover{background:#686d76 !important} .share-me .shm-email{background:#4a4d53} .share-me .shm-email:hover{background:#4a4d53 !important} .share-me .shm-print{background:#2f343c;border-bottom-left-radius:4px;border-bottom-right-radius:4px} .share-me .shm-print:hover{background:#2f343c} .share-me span{color:#fff;font:400 13px/14px "Roboto", sans-serif;position:relative;top:-9px;display: none;} #share-special .share-me{display:none} /*share-me*/ /*nota*/ .article-main-photo figure{overflow:hidden} #preview-articles .a-summ.ad-empty .a-content h5{margin-bottom:28px;height:74px} #article_page.alter-sports #preview-articles .a-summ.ad-empty .a-content h5{margin-bottom:37px;height:95px} #article_page.alter-sports #preview-articles .a-summ.a-gen h4{height:69px} #article_page.alter-sports #preview-articles .a-summ.ad-empty .a-title{margin-top:0 !important} #preview-articles .a-type{display:none} #preview-articles .a-summ.ad-gallery .a-desc{right:1px} .article-main-photo{height:0;padding-bottom:50% !important;overflow:hidden;position:relative} .article-main-photo img{min-width:100% !important;width:auto !important;max-width:none !important;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);margin-left:50%;min-height:100% !important;position:absolute;top:0;left:0} #preview-articles article{width:20%;float:left;position:relative} #preview-articles article .a-time{position:absolute; bottom: 0;} #preview-articles article.a-summ.a-gen{padding-bottom:0;height:290px;margin-bottom:0} #preview-articles article:after{content:" ";background:#e1e1e1;height:100%;position:absolute;top:0;right:0;width:1px} #article-container .header-title .a-category{color:#e0212f;font:900 16px/16px "Roboto", sans-serif;text-transform:uppercase;background:#fff;display:inline-block;padding:16px 32px;position:relative;top:28px} /*#article-container .header-title .a-category{color:#e0212f;font:900 16px/16px "Roboto", sans-serif;text-transform:uppercase;background:#fff;display:inline-block;padding:16px 32px;position:relative;top:28px}*/ #article-container .header-title h1{color:#000;font:700 46px/48px "Roboto", sans-serif;background:#fff;padding:35px 32px 40px 32px;margin:0;min-width:100%} #article-container #article-subtitle h2{font:200 24px/27px "Roboto", sans-serif;margin:25px 0 35px} /*#article-content .frst-lttr-big:first-letter, .article-body .field-name-body p:first-child:first-letter{font:900 90px/0.8em "Roboto", sans-serif;float:left;margin:10px 9px -9px -6px;padding:0;color:#e0212f}*/ #article-content p{color:#323232;font:400 17px/24px "Roboto", sans-serif;margin-bottom:20px;font-size: 14px;} #article-content p a{color:#00925b;text-decoration:underline} #article-content p a:hover{text-decoration:none} #article-content h3{color:#e0212f;text-transform:uppercase;font:700 20px/23px "Roboto", sans-serif; color: #276334; font-size: 15px !important; } #article-content blockquote p, #article-content blockquote span, #article-main-content blockquote div, #article-content blockquote div{ font:italic 200 30px/32px "Roboto", sans-serif !important;color:#00925b !important;text-transform:uppercase;margin:0} #article-footer h5{color:#e0212f;font:700 14px/23px "Roboto", sans-serif;text-transform:uppercase;margin-top:30px} #article-footer #article-related{border-top:1px solid #dcdcdc} #article-footer #article-labels ul{color:#333;font:400 12px/22px "Roboto", sans-serif;text-transform:uppercase} #article-footer #article-labels li:hover{color:#e0212f;text-decoration:underline} #article-footer #article-labels ul li{background:#e9e9e9;padding:4px 19px;float:left;margin-right:7px;margin-bottom:7px} #article-footer #article-related ul{font:italic 400 16px/24px "Roboto", sans-serif} #article-footer #article-related li{position:relative;padding-left:15px} #article-footer #article-related li:hover{color:#e0212f;text-decoration:underline} #article-footer #article-related li a span{color:#000;display:inline} #article-footer #article-related li:after{content:" ";width:6px;height:6px;background:#333;-webkit-border-radius:6px;border-radius:6px;float:left;position:absolute;top:9px;left:3px} #article-footer .article-file{position:relative;width:50%;float:left} #article-footer .article-file span{padding-left:37px} #article-footer #article-files .name{ font:400 15px/17px "Roboto", sans-serif;color:#333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #article-footer .article-file:hover{color:#e0212f;text-decoration:underline} #article-footer .article-file:hover span, #article-footer #article-related li:hover span{color:#e0212f !important} #article-footer #article-files .type{font:400 13px/15px "Roboto", sans-serif;color:#818181;display:block} #article-footer #article-files .article-file i{position:absolute;top:-4px;left:-3px} #article-content .col-lg-11 > p:last-child:after{content:" ";width:9px;height:9px;background:#e0212f;display:inline-block;position:relative;top:0;left:5px} /*article#my-article > .container-fluid{margin-top:20px}*/ .my-btn.load-more.append-trigger{margin-bottom:30px} .my-btn.load-more.append-trigger{padding:10px 100px;margin:30px 0} #article_page .audio-icon{width:61px;height:50px;background:#f1333b;overflow:hidden} #article_page .audio-icon i{margin:2px 7px;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} #article_page .audio-icon:hover{background:#e0212f} #article_page .article-audio{margin-bottom:10px} #article_page .article-audio > div:last-child{padding-left:62px;margin:-50px 0 0} #article_page .article-audio-container .jwpreview.jwuniform{background:#f3f3f3} #article-content figcaption p{color:#4e4e4e;font:400 13px/15px "Roboto", sans-serif;margin-bottom:30px} #article-content figcaption p .credit{color:#a2a2a2} #article-container .article-audio-container h6{color:#e0212f;text-transform:uppercase;font:700 20px/23px "Roboto", sans-serif} #article-container #article-authors > *{max-width:120px} #article-container .article-author{padding-bottom:15px;border-bottom:1px solid #d8d8d8;display:block;margin-bottom:12px} #article-container .article-author .article-by{font:400 italic 13px/13px "Roboto", sans-serif;color:#7b7b7b;display:block;margin-bottom:5px} #article-container .article-author .author-name{font:400 italic 13px/13px "Roboto", sans-serif;color:#000;display:block;margin-bottom:5px} #article-container .article-author .author-twitter{font:400 13px/13px "Roboto", sans-serif;color:#000} #article-container .article-author .author-twitter i{margin:-4px -5px -11px;display:block} #article-container #article-authors time span{font:400 13px/15px "Ubuntu", sans-serif;color:#000;display:block} article#my-article #r-col .banner{margin-bottom:30px} article#my-article #r-col article{margin-bottom:20px} /*article#my-article.alter #article-main-content{margin-left:20%}*/ article#my-article.alter .header-title{position:static} #article-share-bottom{margin:20px 0} #article-share-bottom code{color:#2a2b2a;background:#fff;border:1px solid #d9d9d9;border-radius:0;height:30px;font:400 14px/30px "Roboto", sans-serif;display:block;padding:0 10px;margin-left:36px} #article-share-bottom .permalink{max-width:320px;position:relative;float:left;margin:6px} #article-share-bottom .permalink i{position:absolute;top:0;left:0} #article-share-bottom .share-me{float:left} #article-segui_leyendo{position:relative} #article-segui_leyendo .b300x600{margin-top:60px} #article_page #my-carousel .carousel-img{max-height:auto} #article_page #my-carousel .carousel-caption{padding-right:0;padding-left:0} #share-special .share-me{display:none} #next-article{display:none} #article-container .share-me .dropdown .ic-p{top:11px} #article-container .shm-more.open .ic_caret.down{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);top:6px;position:relative} /*article-poll*/ .article-poll{background:#e9e9e9;margin:30px 0;padding:10px 33px;position:relative;padding-bottom:60px} .article-poll h6{font:700 20px/22px "Roboto", serif;color:#000} .article-poll .poll-answers label{width:100%;height:47px;display:block;margin-top:6px;color:#fff;font:500 16px/47px "Roboto", serif;background:#276334;cursor:pointer;position:relative;-webkit-transition:background 0.2s;transition:background 0.2s} .article-poll .form-poll:not(.results) .poll-answers label:hover{background:#034728} .article-poll .poll-answers label .selected{background:#c4d54e} .article-poll .form-poll.results .get-poll-results, .article-poll .form-poll .poll-vote-trigger{display:none} .article-poll .form-poll .get-poll-results, .article-poll .form-poll .poll-vote-trigger{cursor:pointer} .article-poll .form-poll.results label{cursor:default} .article-poll .form-poll .get-poll-results, .article-poll .form-poll.results .poll-vote-trigger{display:inline-block} .article-poll .poll-answers{clear:both} .article-poll .poll-controlbar .link:hover{text-decoration:underline} .article-poll .poll-controlbar .link i{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);margin:-13px 0} .article-poll .form-poll.results .poll-answers label{background:#034728;color:#fff} .article-poll .poll-answers label span{position:relative;z-index:30} .article-poll .poll-answers label .per-number{width:50px;float:left;text-align:center;font:200 20px/47px "Roboto", sans-serif;min-height:1px;position:absolute} .article-poll .poll-answers label .per-number i{margin:5px 7px} .article-poll .poll-answers label .poll-answer-text{left:60px;line-height:47px} .article-poll .poll-answers .poll-percentage{background:#c4d54e;z-index:5;height:47px;width:0;float:left;position:absolute;left:0;top:0;-webkit-transition:width 0.5s ease 0s;-moz-transition:width 0.5s ease 0s;-o-transition:width 0.5s ease 0s;transition:width 0.5s ease 0s} .article-poll .poll-controlbar{margin:12px 0 0 0;min-height:30px;font:500 12px/13px "Lato", Arial, serif;position:absolute;left:50%;margin-left:-120px;bottom:-10px} .article-poll .poll-controlbar span{width:50%;float:left;text-align:left;color:#000;text-transform:uppercase;padding:10px 0} .article-poll .poll-controlbar .poll-votes-qty{text-align:right;color:#818181} .article-poll .poll-controlbar .poll-votes-qty ~ .get-poll-results:after{content:" ";height:20px;width:1px;background:#bfbfbf;float:left;position:relative;top:-31px;margin-bottom:-30px} .article-poll .poll-controlbar .poll-votes-qty ~ .poll-vote-trigger:after{content:" ";height:20px;width:1px;background:#bfbfbf;float:left;position:relative;top:-31px;margin-bottom:-30px} .article-poll .get-poll-results span.inpoll, .article-poll .poll-vote-trigger span.inpoll{color:#333;font:italic 400 12px/20px "Roboto", sans-serif} .article-poll .poll-controlbar span.inpoll{width:120px !important;background:#fff;margin:0;padding:10px;text-align:center} .article-poll .poll-votes-qty span.inpoll{color:#818181;font:italic 400 12px/20px "Roboto", sans-serif;float:right;text-align:center} .article-poll .my-share .a-strigger{cursor:pointer;z-index:15;position:absolute;bottom:0} .article-poll .my-share{position:absolute;bottom:7px;right:6px;opacity:1;width:47px;height:47px} .article-poll .my-share.in, .my-share.fade{height:188px} .article-poll .my-share .icon-sh, .article-poll .my-share .a-sbtn a{width:47px;height:47px;float:left;text-align:center;padding-top:5px} .article-poll .my-share .icon-sh{-webkit-transition:background 0.2s;transition:background 0.2s} .article-poll .my-share .a-sbtn{float:left;position:absolute;bottom:50px;left:-5px;height:151px;width:57px;padding:5px;background:#d4d4d4;border-radius:4px;opacity:0;transform:scale(0.2);transform-origin:70% 0 0;transition:all 0.1s ease-in-out 0s;visibility:hidden;z-index:100} .article-poll .my-share.in .a-sbtn{opacity:1;transform:scale(1);visibility:visible} .article-poll .my-share .ic-p{width:0;height:0;border-style:solid;border-width: 8px 8px 0 8px;border-color:#d4d4d4 transparent transparent transparent;position:relative;left:50%;margin-left:-8px;top:10px} .article-poll .my-share .a-sbtn .icon{-webkit-transition:background 0.5s;transition:background 0.5s} .article-poll .my-share .icon-fb{background:#4563a6;border-top-left-radius:4px;border-top-right-radius:4px} .article-poll .my-share.in .icon-fb:hover{background:#395587} .article-poll .my-share .icon-tw{background:#01abf4} .article-poll .my-share.in .icon-tw:hover{background:#029dd3} .article-poll .my-share .icon-gp{background:#d90000;border-bottom-left-radius:4px;border-bottom-right-radius:4px} .article-poll .my-share.in .icon-gp:hover{background:#c60202} .article-poll .form-poll.binary .poll-answer-text{width:100%;text-align:center;display:block;left:0} .article-poll .form-poll.binary label{font:500 18px/47px "Oswald", sans-serif;color:#fff;background:#276334;border-bottom:3px solid #016134} .article-poll .form-poll.binary:not(.results) .poll-answers label:hover{background:#08844a} .article-poll .form-poll.binary:not(.results) label{width:49%;float:left} .article-poll .form-poll.binary:not(.results) label:first-child{margin-right:2%} .article-poll .form-poll.binary:not(.results) .per-number{display:none} .article-poll .form-poll.binary.results .poll-answers{margin-top:18px} .article-poll .form-poll.binary.results label{margin-top:15px;border-bottom:0} .article-poll .form-poll.binary.results label:first-child .poll-answer-text{text-align:left} .article-poll .form-poll.binary.results label:not(:first-child) .per-number{float:right} .article-poll .form-poll.binary.results label .poll-answer-text{text-align:right} .article-poll .form-poll.binary.results .poll-percentage:not(.selected){background:none} .article-poll .form-poll.binary.results label:not(:first-child){position:relative;top:-47px;margin-bottom:-42px} .article-poll .form-poll.binary.results label .per-number{bottom:0;position:absolute;width:50px;color:#000} .article-poll .form-poll.binary.results label .poll-answer-text{padding-right:20px;text-align:right} .article-poll .form-poll.binary.results label:not(:first-child) .per-number{right:-45px;text-align:right} .article-poll .form-poll.binary.results label:first-child .poll-answer-text{left:20px;text-align:left} .article-poll .form-poll.binary.results label:first-child .per-number{left:-45px;text-align:left} .article-poll .form-poll.binary.results label{width:88%;margin:0 6%} .article-poll .form-poll.binary.results .poll-answers label{background:#034728} .article-poll .form-poll.binary .poll-percentage{-webkit-transition:width 0s;transition:width 0s} .article-poll .form-poll.binary.results .poll-percentage{-o-transition:width 0.5s ease 0s;transition:width 0.5s ease 0s} #form-emailme{margin-top:10px} #form-emailme label, #form-emailme #emailme-enviando span{color:#787878;text-align:right;font:400 15px/40px "Roboto", sans-serif} #form-emailme #emailme-enviando span{line-height:17px;float:right} #form-emailme #emailme-enviando p{color:#000;text-align:left;font-size:15px} #form-emailme .btn.my-btn{padding:8px 40px} #form-emailme .btn:not(.my-btn){color:#000;text-transform:uppercase;background:none;font-size:14px;font-weight:700} #form-emailme .form-group input{border-radius:0;border-color:#dbdbdb;font-size:15px} #form-emailme textarea{resize:none;border-radius:0;border-color:#dbdbdb;font-size:15px} .has-success .form-control:focus{box-shadow:none} .has-error .form-control:focus{box-shadow:none} #form-emailme .help-block.form-error{width:100%;left:0;top:36px;background:#fff5ae;font:400 14px/39px "Roboto", sans-serif;color:#000;height:39px;text-align:left;text-indent:20px;margin:0} #form-emailme .form-control.error{border:1px solid #fff5ae !important} /*nota*/ .load-anim{position:relative;width:35px;height:35px;-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);display:inline-block;margin:-8px 20px -12px} .f_gc, .f_circleG{position:absolute;background-color:#fff;height:6px;width:6px;-moz-border-radius:3px;-moz-animation-name:f_fadeG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:3px;-webkit-animation-name:f_fadeG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-border-radius:3px;-ms-animation-name:f_fadeG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:3px;-o-animation-name:f_fadeG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:3px;animation-name:f_fadeG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:linear;display:inline-block} .fg_01, .frotateG_01{left:0;top:14px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s} .fg_02, .frotateG_02{left:4px;top:4px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s} .fg_03, .frotateG_03{left:14px;top:0;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s} .fg_04, .frotateG_04{right:4px;top:4px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s} .fg_05, .frotateG_05{right:0;top:14px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s} .fg_06, .frotateG_06{right:4px;bottom:4px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s} .fg_07, .frotateG_07{left:14px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s} .fg_08, .frotateG_08{left:4px;bottom:4px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s} @-moz-keyframes f_fadeG{0%{background-color:#b51925;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} @-webkit-keyframes f_fadeG{0%{background-color:#b51925;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} @-ms-keyframes f_fadeG{0%{background-color:#b51925;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} @-o-keyframes f_fadeG{0%{background-color:#b51925;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} @keyframes f_fadeG{0%{background-color:#b51925;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} /* sumarios */ .sumario_page .tags-ul ul{margin:-20px 0 30px} .sumario_page .tags-ul a{color:#e0212f;font:900 14px/22px "Roboto", sans-serif;text-transform:uppercase;padding:6px 13px} .sumario_page .tags-ul li{padding:0;margin-bottom:10px} .sumario_page .tags-ul li:hover a{text-decoration:underline} .sumario_page .tags-ul li.destacado span{color:#fff;background:#e0212f;position:relative;padding:6px 15px;font:900 14px/22px "Roboto", sans-serif;text-transform:uppercase} .sumario_page .tags-ul li.destacado span:before{content:" ";width:0;height:0;border-top:7px solid #a3a3a3;border-left:7px solid transparent;position:absolute;bottom:-7px;left:0} .sumario_page .my-btn.load-more.append-trigger{margin-top:50px} #trending_page #trending-title{background:#fcf700;border-bottom:0;height:78px;overflow:hidden;margin-top:30px} #trending_page #trending-title h1{color:#2f343c;font:900 36px/40px "Roboto", sans-serif;text-transform:uppercase;padding:17px 60px;margin:0} #trending_page #trending-title h1 i{-moz-transform:scale(3.8);-webkit-transform:scale(3.8);-ms-transform:scale(3.8);-o-transform:scale(3.8);transform:scale(3.8);margin:0 60px 0 0} #trending_page .a-summ.at-trend .a-type{display:none} /* videos */ .videos_alter{background:#162439} .videos_alter .tile-block .a-summ.a-gen h4 a span{color:#fff} .videos_alter .tile-block .a-summ.a-gen:hover h4 a{color:#e0212f;text-decoration:underline} .videos_alter .tile-block .a-summ.a-gen .a-content, .videos_alter .tile-block .a-summ.a-gen .a-tag{background:#162439} .videos_alter .block-title h1{color:#fff;font-weight:900} .videos_alter .a-summ.nota-destacada-principal.ad-video .a-desc{-moz-transform:scale(2.8);-webkit-transform:scale(2.8);-o-transform:scale(2.8);-ms-transform:scale(2.8);transform:scale(2.8);margin:-45px -45px 0 0;top:50%;right:50%} .videos_alter .nav-tabs{margin:20px auto;width:auto;border-bottom:0;float:none;display:inline-block} .videos_alter .nav-tabs > li > a{background:#111b2b;color:#e0212f;text-transform:uppercase;font:900 16px/22px "Roboto", sans-serif;border-radius:0;border-color:#203452;margin:0;padding:10px 30px} .videos_alter .nav-tabs > li{margin:0;padding:0;display:inline-block} .videos_alter .nav-tabs > li.active > a, .videos_alter .nav-tabs > li.active > a:hover, .videos_alter .nav-tabs > li.active > a:focus{background:#203452;color:#fff;border-color:#203452;outline:none} .videos_alter .nav-tabs > li:first-child a{border-top-left-radius:4px;border-bottom-left-radius:4px} .videos_alter .nav-tabs > li:last-child a{border-top-right-radius:4px;border-bottom-right-radius:4px} .videos_alter .block-title{border-color:#3f4a5b} .videos_alter .a-summ, .videos_alter .a-summ:hover{background:none} .rank-ele{position:relative;padding-top:30px} .rank-ele:first-child{padding-top:10px} .rank-ele .my-rank{color:#e0212f;font:500 50px/52px "Roboto", sans-serif;width:60px;float:left;height:auto;position:absolute;left:9px} .rank-ele .a-summ{padding-left:60px;border-bottom:1px solid #e4e4e4;} .horizonta-tile .a-summ{height:auto;padding:0;position:relative;padding-left:60px;padding-bottom:20px;margin-bottom:0} .horizonta-tile .a-summ:hover, .horizonta-tile .a-summ:hover .a-content{background:none} .horizonta-tile .a-summ, .horizonta-tile .a-summ .a-content{background:none} .horizonta-tile .a-summ.a-gen .a-title{margin-top:0} .horizonta-tile .a-summ{float:left} .horizonta-tile .a-summ.a-gen .a-content{float:left;width:65%;margin-top:-5px} .horizonta-tile .a-summ .a-title{padding:10px 30px 0} .horizonta-tile .a-summ.a-gen:hover .a-tag, .horizonta-tile .a-summ.a-gen:hover .a-content{background:none} .horizonta-tile .a-summ figure{width:29%;float:left} .horizonta-tile .a-summ.a-gen .a-tag{position:static;padding:0 30px} .horizonta-tile .a-summ.a-gen .a-tag a{font-size:14px} .horizonta-tile .a-summ.a-gen h4{height:auto;max-height:45px} .horizonta-tile .a-summ.a-gen h5{height:38px;margin-bottom:10px} .horizonta-tile .a-summ.a-gen .a-time{padding:0 30px;position:relative;right:initial} .horizonta-tile .a-summ.a-gen .a-time a{text-align:left} .horizonta-tile .a-summ .a-share{left:86px;right:initial} .horizonta-tile .a-summ.ad-empty{background:transparent;width:100%} .horizonta-tile .a-summ.ad-empty .a-content{width:94%;background:transparent} .horizonta-tile .a-summ.ad-empty .a-tag{background:transparent;padding-left:0} .horizonta-tile .a-summ.ad-empty .a-title{padding-left:0} .horizonta-tile .a-summ.ad-empty .a-time{padding-left:0} .horizonta-tile .a-summ.a-gen .a-time a.icon{text-align:center} /* opinion */ .sumario_page .blog-summ{position:relative;margin-top:40px} .sumario_page .blog-summ > div{padding-left:190px} .sumario_page .blog-summ .blog-user-img{width:160px;padding-left:20px} .sumario_page .blog-summ h1{text-transform:uppercase;padding-top:22px;margin:0} .sumario_page .blog-summ h2{color:#636363;font:italic 500 18px/22px "Roboto", sans-serif} #opinion_sumario_page .blog-summ .blog-user-img{width:160px;padding-left:0} #opinion_sumario_page .tile-block .blog-summ{min-height:190px;margin-top:10px} #opinion_sumario_page .tile-block .banner{margin-top:0;margin-bottom:0} #opinion_sumario_page .tile-block .blog-summ > div{padding:20px 0 10px 160px} #opinion_sumario_page .blog-summ h3{padding:0;display:block;max-height:42px} #opinion_sumario_page .blog-summ h4{padding:0;height:43px} #opinion_sumario_page .blog-summ h3 a{font:900 20px/22px "Roboto", sans-serif;color:#000} #opinion_sumario_page .blog-summ h4 a{font:300 16px/22px "Roboto", sans-serif;color:#000} .sumario_page .blog-summ .author-twitter{font:300 18px/22px "Roboto", sans-serif;color:#000;display:block;margin:16px 0 -6px 30px;position:relative} .sumario_page .blog-summ .author-twitter i{position:absolute;left:-33px;top:-7px} #opinion_sumario_page #lo-mas-leido-block .block-title{margin:0} #opinion_sumario_page .mas-leido-ul{columns:1;-webkit-columns:1;-moz-columns:1;margin:0} #opinion_sumario_page .mas-leido-ul li:first-child .title{padding-right:0} #opinion_sumario_page .mas-leido-ul li{border-bottom:1px solid #dcdcdc !important} #opinion_sumario_page .mas-leido-ul li:last-child{border-bottom:0 !important} #opinion_sumario_page .mas-leido-ul .title{height:auto} #opinion_sumario_page .mas-leido-ul li:first-child .title{height:auto} #opinion_page .blog-summ h2{margin-bottom:35px} .sumario_page .blog-summ .author-twitter:hover span{text-decoration:underline;color:#e0212f} .sumario_page .blog-summ .author-twitter span{display:inline;color:#000} #opinion_page #opinion-block{background:#e9e9e9;padding-bottom:50px;border-top:4px solid #cfcfcf} #opinion_page #opinion-block .blog-user-img{width:90px} #opinion_page #opinion-block .blog-summ{margin:0} #opinion_page #opinion-block .block-title{border-color:#cfcfcf} #opinion_page #susc-news-block{margin-top:0} /* \sumarios */ /* search */ #search_page #search_block{} #search_page #search_results{min-height:300px} #search_page .a-summ.a-gen{padding-left:0} #form-search{padding:50px 0} #form-search input{font:italic 500 28px/32px "Roboto", sans-serif;color:#2f343c;border-radius:0;height:73px;border:0;text-align:center} .input-group-addon{padding:0;border:0;background:none} #form-search .input-group-addon .btn{height:72px;overflow:hidden;width:73px} #form-search .input-group-addon .btn i{-moz-transform:scale(1.9);-webkit-transform:scale(1.9);-o-transform:scale(1.9);-ms-transform:scale(1.9);transform:scale(1.9);position:relative;left:5px;top:5px} #search_page #my-results{margin-top:20px} .select-box{width:100%;height:30px;overflow:hidden;background:url('../img/select-like.svgz') no-repeat right center;padding-right:6px;border:1px solid #c6c6c6} .select-box select{background:transparent;width:110% !important;padding:5px 15px;border:0;border-radius:0;height:28px;-webkit-appearance:none;color:#000;font:400 14px/18px "Roboto", serif} #form-search-order{width:65%} #results-controlbar .form-group{float:right} #results-controlbar .form-group label{margin-right:10px} #results-controlbar{padding-top:5px;padding-bottom:25px} #results-controlbar #search-amount{float:left} #form-search-order label, #results-controlbar #search-amount{color:#898989;font:italic 400 14px/18px "Roboto", serif} #results-controlbar #search-amount span{color:#000} #results-controlbar .select-box{width:200px;float:right;margin-top:-5px} #results-controlbar label{float:left} #search_page .append-container .form-error{background:#fff5ae;padding:25px 0;font-size:15px} /* \search */ #article-container .article-author .author-twitter, #article-container .article-author .author-name{font-family:"Roboto", serif;font-style:italic} #article-container .article-author .author-twitter:hover, #article-container .article-author .author-name:hover{color:#e0212f} /*modal*/ .modal-backdrop{background:#fff} .modal-backdrop.in{opacity:0.8} .modal-content{background:#fff;box-shadow:none;border:0;border-radius:0;border-bottom:5px solid rgba(0,0,0,0.2)} .modal-header{border-bottom:0;background:#203452;color:#fff;position:relative;min-height:70px;padding:0} .modal-header h4{font:700 28px/70px "Roboto", sans-serif;text-align:center} .modal-header button.my-btn{position:absolute;right:0;top:0;width:70px;height:70px;margin:0;border-bottom:0;background:#df202e;overflow:hidden;border:0} .modal-header button i{-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);width:43px;height:43px;margin:9px 0 0 7px} #weather-modal label{font:400 15px/17px "Roboto", sans-serif;color:#000} #weather-modal .select-box{height:40px;margin:10px 0;width:80%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);margin-left:50%;border-color:#dbdbdb} #weather-modal .select-box select{height:38px;padding:5px 10px;width:100%;} #weather-modal .select-box select option{padding:5px 15px;border:0;outline:none} #weather-modal .modal-body button{padding:10px 40px;margin:15px 0tytt 15px} /*header*/ .page-logo{background:url(../img/logo-metrolinea-header.png);width:283px;height:86px;display:inline-block;margin:5px 0;background-repeat:no-repeat} header { background: #195652; height: 112px; border-bottom: 6px solid #D7DF18; position: relative; } #header .page-logo{ margin: 22px 0px 8px; } #header #nav{float:left;left:260px;position:absolute;bottom:8px} #header #nav a{color:#fff;font:700 16px/18px "Roboto", sans-serif;text-transform:uppercase;padding:5px 0 5px 23px} #header #nav > ul li{padding:0} #header #nav > ul > li > a { padding: 0 14px; font-size: 12px; } /*#header #nav > ul > li:first-child > a{padding:20px 10px 16px 20px}*/ #header .dropdown-menu{padding:15px;background:#192941;-webkit-border-radius:0;border-radius:0;width:500px;padding:30px;border:0;box-shadow:none} #header .dropdown.open .dropdown-toggle{background:#192941} #header .dropdown-menu #l-nav{width:150px;float:left;padding-right:20px} #header .dropdown-menu #r-nav{width:285px;float:left;padding-left:37px;min-height:254px;border-left:1px solid rgba(99, 113, 134, 0.5)} #header .dropdown-menu #l-nav a{color:#fff;text-transform:none;font-weight:500;padding:5px 20px;display:block} #header .dropdown-menu #l-nav a:hover{background:#203452} #header .dropdown-menu #r-nav a:hover{text-decoration:underline} #header .ics.ic_menu, #header .ics.ic_search_sh{-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)} #header #nav i{opacity:0.3;position:relative;top:10px;margin:0 2px 0 -13px} #header .dropdown-menu h6{text-transform:uppercase;color:#be1622;font:700 16px/18px "Roboto", sans-serif;border-bottom:1px solid rgba(99, 113, 134, 0.5);margin-left:0;display:inline-block;margin-top:0;margin-bottom:5px} #header .dropdown-menu #r-nav a{font:400 14px/16px "Roboto", sans-serif;text-transform:none;padding:0 10px 0 0} #header .dropdown-menu #r-nav ul{margin:0} #header .dropdown-menu #r-nav ul li{position:relative} #header .dropdown-menu #r-nav ul li a:after{content:" ";position:absolute;width:3px;height:3px;-webkit-border-radius:3px;border-radius:3px;background:rgba(99, 113, 134, 0.5);right:2px;top:11px} #header .dropdown-menu #r-nav ul li:last-child a:after{background:none} #header .container-fluid .hd-weather{color:#fff;background:#203452;padding:20px 30px;margin-top:25px} #header .container-fluid .hd-weather i{margin-left:0} #header #nav .hd-weather button, #header .container-fluid .hd-weather button{font:700 16px/18px "Roboto", sans-serif;background:none;border:0;color:#fff;text-transform:uppercase;padding:0;position:relative} #header #nav .hd-weather button:hover{text-decoration:underline} #header #nav .hd-weather button i, #header .container-fluid .hd-weather button i{position:absolute;right:-32px;top:-12px} #header #nav .hd-weather .wt-icon i, #header .container-fluid .hd-weather .wt-icon i{opacity:1;top:0;left:0;position:relative} #header .wt-fcast{display:block} #header .wt-min{font:700 32px/18px "Roboto", sans-serif} #header .wt-max{font:700 15px/18px "Roboto", sans-serif} #header .wt-status{font:400 13px/15px "Roboto", sans-serif;padding-top:15px} #header .seguinos-block{float:right;position:absolute;right:0;bottom:0;height:43px;min-width:100px} #header .seguinos-block span{font:italic 500 13px/35px "Roboto", sans-serif;color:#fff;float:left;padding-right:20px;color:#a9aeb6} #header .seguinos-block ul{float:left} #header .seguinos-block li{padding:0} #header #hd-fb{background:#4563a6;float:left;overflow:hidden} #header #hd-tw{background:#01abf4;float:left;overflow:hidden} #header #hd-fb i, #header #hd-tw i{height:43px;width:43px;padding:0;float:left;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);position:relative;left:3px;top:2px} .my-slider{position:relative;width:100%;overflow:hidden} .my-slider-content{position:absolute;left:0;top:0} .my-slider .my-slider-ctrl{background:rgba(0,0,0,0.4);position:absolute;top:0;border:0;height:100%;box-shadow:none;width:34px;padding:0;opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s} .my-slider:hover .my-slider-ctrl{opacity:1} .touch .my-slider .my-slider-ctrl{display:none} .my-slider .my-slider-ctrl.inactive{display:none} .my-slider .my-slider-ctrl i{-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-o-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);height:59px;margin:36px 1px} .my-slider .my-slider-prv{left:0;z-index:30} .my-slider .my-slider-nxt{right:0;z-index:30} #opinion-slider > div{height:130px} #opinion-slider ul{height:137px;float:left;min-width:100%;-webkit-transition:left 0.5s;transition:left 0.5s} #opinion-slider li{height:137px;width:280px;float:left;padding-right:13px;padding-top:7px} #radio-element{margin-bottom:20px} /*error 404*/ #e404_page #content{background:#FFF} #e404_page #e404{padding-bottom:60px} #e404_page #e404 h1{padding:20px 35px 20px 20px;margin:0 auto} #e404_page #e404 h1{margin-top:30px} #e404_page #e404 h1 img{margin:0 auto} #e404_page #e404 h2{text-align:center;margin-top:10px} #e404_page #e404 h2 span{margin:0;font:700 44px/46px "Roboto", sans-serif;color:#000;text-transform:uppercase;text-align:center;border-bottom:1px solid #000;padding:0 160px 24px;display:inline-block} #e404_page #txt1{font:400 20px/24px "Roboto", sans-serif;color:#000;text-align:center;margin-top:25px} #e404_page #txt2{font:300 16px/18px "Roboto", sans-serif;color:#000;text-align:center;padding-bottom:20px} #e404_page .my-btn{padding:10px 50px} /*\error 404*/ #freestyle_page #freestyle-content h4{color:#e0212f;font:700 20px/24px "Roboto", sans-serif;margin-top:10px;text-transform:uppercase} #freestyle_page #freestyle-content p{color:#323232;font:400 17px/24px "Roboto", sans-serif;margin-bottom:30px} #freestyle_page #freestyle-content p a{color:#e0212f;text-decoration:underline} #freestyle_page .mas-leido-ul{columns:1;-webkit-columns:1;-moz-columns:1;margin:0} #freestyle_page .mas-leido-ul li:first-child .title{padding-right:0} #freestyle_page .mas-leido-ul li{border-bottom:1px solid #dcdcdc !important} #freestyle_page .mas-leido-ul li:last-child{border-bottom:0 !important} #freestyle_page .mas-leido-ul .title{height:auto} #freestyle_page .mas-leido-ul li:first-child .title{height:auto} /*contingencia*/ #c-browsers{background:#f6f6f6;height:100%;color:#fff;z-index:9999;top:0;left:0;width:100%;height:100%;margin-bottom: 100px;} #c-browsers .title{height:117px} #c-browsers h1{margin:0 auto;padding:15px 0;text-align:center;background:#203452;border-bottom:6px solid #be1622;position:absolute;width:100%} #c-browsers h2{margin:0;font:700 44px/46px "Roboto", sans-serif;color:#000;text-transform:uppercase;text-align:center;border-bottom:1px solid #000;padding:0 0 24px;display:block;text-align:center} #c-browsers #browsers{margin-top:50px} #c-browsers #browsers ul{float:left;margin-top:40px;clear:both;width:660px;position:relative;left:50%;margin-left:-330px} #c-browsers #browsers li{float:left;margin:0} #c-browsers #browsers a{width:130px;height:230px;float:left;text-align:center} #c-browsers #browsers a i{margin:10px} #c-browsers #browsers a span{font-weight:400;font-size:15px;line-height:17px;color:#000;text-transform:uppercase} #c-browsers #browsers a span{display:block} #c-browsers #browsers a span.download{display:none;font-weight:700;font-size:18px;line-height:25px;background:#fff;color:#0eccb0;padding:10px;height:45px;margin:10px 5px} #c-browsers #browsers a:hover{display:block} #c-browsers #browsers a:hover span.download{display:block} #c-browsers #browsers a:hover span.download{border-bottom:3px solid #c11e31;font:700 18px/18px "Roboto", sans-serif;text-transform:uppercase;padding:13px 10px 0;background-color:#e0212f;border-color:#e0212f;color:#fff} /*deportes*/ /**fonts***/ .alter-sports #form-susc-news label, .alter-sports #footer h6, .alter-sports #article-container .article-author .author-name, .alter-sports #article-container .header-title .a-category, .alter-sports .block-title h3 {font-family:"Roboto Slab", sans-serif} body.alter-sports, .alter-sports #ft-foot #ft-cpright, .alter-sports #article-container #article-subtitle h2, .alter-sports #article-content blockquote p, .alter-sports #footer .seguinos-block span, .alter-sports #article-content p, .alter-sports #article-container .header-title h1, .alter-sports #article-container .article-author .author-twitter, .alter-sports .article-poll .poll-votes-qty span.inpoll, .alter-sports .article-poll h6, .alter-sports #article-content h3, .alter-sports #article-footer #article-related ul, .alter-sports #article-footer #article-files .type, .alter-sports #article-footer #article-files .name, .alter-sports #article-share-bottom code, .alter-sports #article-footer #article-labels ul {font-family:"Ubuntu", sans-serif} /**/ .alter-sports #susc-news-block, .alter-sports .article-poll {background:#203452} .alter-sports #footer h6{color:#203452} .alter-sports #footer{background:#be1622} .alter-sports #article-content blockquote p{font-style:normal;text-transform:none} .alter-sports #article-content .frst-lttr-big:first-letter{font:400 90px/0.8em "Ubuntu", sans-serif;float:left;margin:10px 9px -9px -6px;padding:0;color:#e0212f} .alter-sports .carousel-caption h6 .carousel-number, .alter-sports .carousel-caption h6 .carousel-title{color:#333;font-family:"Ubuntu", sans-serif;font-size:13px} .alter-sports .carousel-caption h6 .carousel-src{color:#757575;font-family:"Ubuntu", sans-serif;font-size:13px} .alter-sports #article-container .header-title .a-category{background:#203452;color:#fff;font-weight:900} .alter-sports .article-poll h6{color:#fff;font-weight:200} .alter-sports #article-content h3{font-weight:700} .alter-sports #article-footer #article-related ul{font-weight:400} .alter-sports #content{background:#e9e9e9} .alter-sports .btn.my-btn{border-color:#203452;border-bottom:3px solid #132033;font:700 18px/21px "Ubuntu", sans-serif;text-transform:uppercase;background:#203452} .alter-sports .btn.my-btn.active, .alter-sports .btn.my-btn:hover{background:#132033} .alter-sports .a-summ.nota-destacada-principal .a-tag:hover a{color:#fff} .alter-sports header{background:#be1622;height:112px;border-bottom:6px solid #203452;position:relative} .alter-sports .page-logo{background-image:url(../img/logo_deportes.png)} #home_page.alter-sports #content{background:#e9e9e9} .alter-sports .a-summ.ad-empty, .alter-sports .a-summ.ad-empty .a-content, .alter-sports .a-summ.a-empty, .alter-sports .a-summ.ad-empty{background:#fff} .alter-sports .a-summ .a-tag, .alter-sports .a-summ:hover .a-tag, .alter-sports .a-summ .a-tag:hover{background:#203452;line-height:30px;height:30px;padding:10px 15px} .alter-sports .a-summ .a-tag a, .alter-sports .a-summ:hover .a-tag a, .alter-sports .a-summ .a-tag:hover a{color:#fff;font-size:12px} .alter-sports .a-summ.a-gen .a-title{margin-top:-25px} .alter-sports .mas-leido-ul .title{font-family:Ubuntu;font-style:italic} .alter-sports .mas-leido-ul .number{color:#203452;font-family:"Roboto Slab";font-style:italic} .alter-sports .block-title{border-color:#cdcdcd} .alter-sports .my-slider .my-slider-ctrl{background:#203452;opacity:1} .touch .alter-sports .my-slider .my-slider-ctrl{} .alter-sports .alter-block{border-color:#132033;background:#203452} .alter-sports #my-carousel h5{font-family:"Roboto Slab";color:#fff} .alter-sports #my-carousel .carousel-cmr{background:#203452} .alter-sports#home_page .carousel-caption h6 .carousel-title{color:#fff} .alter-sports#home_page .carousel-caption h6 .carousel-number{color:#e0212f} .alter-sports#home_page .carousel-caption h6 .carousel-src{color:#fff} .alter-sports .blog-summ a{color:#203452;font-family:"Ubuntu"} .alter-sports .head-tile .a-summ.a-gen .a-title{margin-top:0} .alter-sports .head-tile .a-summ:hover .a-content{background:none !important;color:#fff} .alter-sports .head-tile .a-summ.a-gen:first-child h4{max-height:92px} .alter-sports .head-tile .a-summ.a-gen h4{max-height:67px} .alter-sports .head-tile .a-summ.a-gen .a-tag{padding:10px 15px} .alter-sports .head-tile .a-summ.a-gen .a-tag a{color:#fff;font-size:12px;line-height:12px} .alter-sports .head-tile .a-summ.a-gen:hover h4 a{color:#fff !important;text-decoration:underline} .alter-sports .f_gc, .f_circleG{position:absolute;background-color:#fff;height:6px;width:6px;-moz-border-radius:3px;-moz-animation-name:asf_fadeG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:3px;-webkit-animation-name:asf_fadeG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-border-radius:3px;-ms-animation-name:asf_fadeG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:3px;-o-animation-name:asf_fadeG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:3px;animation-name:asf_fadeG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:linear;display:inline-block} @-moz-keyframes asf_fadeG{0%{background-color:#132033;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} @-webkit-keyframes asf_fadeG{0%{background-color:#132033;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} @-ms-keyframes asf_fadeG{0%{background-color:#132033;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} @-o-keyframes asf_fadeG{0%{background-color:#132033;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} @keyframes asf_fadeG{0%{background-color:#132033;transform:scale(0.8)}100%{background-color:#fff;transform:scale(1.5)}} .alter-sports .a-summ.a-gen.a-blog:hover, .alter-sports .a-summ.a-gen.a-blog:hover .a-content{background:#fff;color:#000} .alter-sports .a-summ.a-gen.a-blog:hover h4 span{color:#000} .alter-sports .a-summ.a-blog h4{max-height:45px} .alter-sports .a-summ.a-gen.ad-empty h5{font-family:"Ubuntu"} .alter-sports header .seguinos-block span{color:#e0a7a9} .alter-sports .head-tile .a-summ.nota-destacada-principal .a-title h4 a{font-size:21px;line-height:24px} .alter-sports .head-tile .a-summ.nota-destacada-principal:first-child .a-title h4 a{font-size:43px;line-height:45px;height:auto;max-height:86px} .alter-sports .article-poll .poll-answers .poll-percentage, .alter-sports .article-poll .form-poll.binary.results .poll-answers label{background:#121e33} .alter-sports .article-poll .poll-answers .poll-percentage{background:#2a446c} .alter-sports .article-poll .poll-answers .poll-percentage.selected{background:#e0212f} .alter-sports .article-poll .get-poll-results span.inpoll, .alter-sports .article-poll .poll-vote-trigger span.inpoll{font-family:Ubuntu} .alter-sports .my-share .ics.ic_shr{background-position:-304px -17px} .alter-sports .article-poll h6{font-weight:300} .alter-sports .article-poll .poll-answer-text{font-family:"Roboto Slab"} .alter-sports .article-poll .multiple .poll-answer-text{font-family:"Ubuntu"} .alter-sports .article-poll .form-poll .poll-answers label:hover{background:#b51925} .alter-sports .article-poll .form-poll .poll-answer-text{font-family:"Roboto Slab";font-weight:300;font-size:20px} .alter-sports .article-poll .form-poll.multiple .poll-answer-text{font-size:16px} .alter-sports .article-poll .form-poll .poll-answers label{background:#e0212f} .alter-sports .article-poll .form-poll.multiple.results .poll-answers label{background:#121e33} .alter-sports .article-poll .poll-answers label .per-number{font-family:"Roboto Slab";font-weight:400} .a-summ.a-futbol .a-partido{text-transform:uppercase;color:#fff;background:#7f7e86;padding-bottom:59.5833333%;height:0;overflow:hidden} .a-summ.a-futbol .a-content{z-index:100} .a-summ.a-futbol .a-partido h6{text-shadow:1px 1px 0 rgba(0,0,0,0.35);font-size:12px;display:block;padding:12px 10px;border-bottom:1px solid #59585e;margin:0} .a-summ.a-futbol .a-partido h6 .ap-time{text-shadow:none;float:right;padding-right:10px} .a-summ.a-futbol .a-tag{text-transform:uppercase} .a-summ.a-futbol .ap-goles{color:#fff;font-size:70px;font-family:Ubuntu;letter-spacing:-7px;line-height:1.212} .a-summ.a-futbol .ap-equipo{width:49.5%;float:left;margin:0;padding:0;position:relative;padding-bottom:150px} .a-summ.a-futbol .ap-equipo.ap-local{border-right:1px solid #59585e} .a-summ.a-futbol .ap-name{color:#fff;font-size:13px;font-family:Ubuntu;font-weight:13px;float:left;width:100%;font-weight:bold;overflow:hidden;max-height:15px} .a-summ.a-futbol .ap-equipo i{float:left;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);margin:20px -5px 0} .a-summ.a-futbol .ap-equipo.ap-visitante{padding-left:20px} .a-summ.a-futbol .ap-equipo.ap-local{padding-right:20px} .a-summ.a-futbol .ap-equipo.ap-local .ap-name{text-align:right} .a-summ.a-futbol .ap-local .ap-goles{margin-right:-1px;margin-left:5px} .a-summ.a-futbol .ap-visitante .ap-goles{margin-left:-4px;margin-right:9px} .a-summ.a-futbol .ap-equipo.ap-local .ap-goles, .a-summ.a-futbol .ap-equipo.ap-local i{float:right} .a-summ.a-futbol .ap-equipo.ap-visitante .ap-goles, .a-summ.a-futbol .ap-equipo.ap-visitante i{float:left} .a-summ.a-gen.a-futbol, .a-summ.a-gen.a-futbol .a-partido, .a-summ.a-gen.a-futbol .a-content{-webkit-transition:background 0.2s !important;transition:background 0.2s !important} .a-summ.a-gen.a-futbol:hover, .a-summ.a-gen.a-futbol:hover .a-partido, .a-summ.a-gen.a-futbol:hover .a-content{background:#be1622} .alter-sports .head-tile .a-summ.a-futbol .a-content, .alter-sports .head-tile .a-summ.a-futbol .a-partido, .alter-sports .head-tile .a-summ.a-futbol, .alter-sports .head-tile .a-summ.a-futbol .a-partido{background:#7f7e86 !important} .alter-sports .head-tile .a-summ.a-futbol:hover .a-content, .alter-sports .head-tile .a-summ.a-futbol:hover, .alter-sports .head-tile .a-summ.a-futbol:hover .a-partido{background:#be1622 !important} .a-summ.a-futbol .a-partido .ap-equipo{border-bottom:1px solid #59585e;padding-bottom:10%;padding-top:6%} /*nota*/ #article_page.alter-sports #preview-articles .a-summ{border-bottom:1px solid #fff} #article_page.alter-sports #preview-articles .a-summ .a-tag{display:none} #article_page.alter-sports #preview-articles .a-summ, #article_page.alter-sports #preview-articles .a-summ .a-content{background:#203452} #article_page.alter-sports #preview-articles .a-summ:hover, #article_page.alter-sports #preview-articles .a-summ:hover .a-content{background:#be1622} #article_page.alter-sports #preview-articles .a-summ.a-gen h4 a span{font:400 16px/20px "Ubuntu", sans-serif;color:#fff} #article_page.alter-sports #preview-articles .a-summ.a-gen .a-title{margin-top:-4px} #article_page.alter-sports #preview-articles .a-summ .a-time{display:none;} #article_page.alter-sports #article-container #article-subtitle h2{font-style:italic;font-weight:200} #article_page.alter-sports .article-poll .form-poll.binary.results label .per-number{color:#fff} #article_page.alter-sports #next-article #next-btn{background:#203452} #article_page.alter-sports #next-article-hide > h6{background:#203452;color:#fff;font-family:"Roboto Slab", serif} #article_page.alter-sports #next-article-hide{background:#be1622} #article_page.alter-sports #next-article .title h6 a{font-family:"Ubuntu", sans-serif} .alter-sports .a-summ.ad-video .a-desc, .alter-sports .a-summ.ad-gallery .a-desc{background:#203452} .alter-sports .a-summ.ad-video:hover .a-desc, .alter-sports .a-summ.ad-gallery:hover .a-desc{background:#e31232} .alter-sports .a-summ.ad-empty .a-title{margin-top:-9px} .alter-sports .a-summ.ad-empty:hover h5{color:#fff} .alter-sports .a-summ .a-tag a{height:13px} #article_page.alter-sports .audio-icon{background:#203452} article#my-article.alter{padding-top:20px} /*#my-article.alter #article-container .header-title .a-category{background:#203452;line-height:12px;height:30px;padding:10px 15px;font-size:12px}*/ #alter-sports-st{height:0;padding-bottom:48.4%;position:relative;overflow:hidden} #alter-sports-st > div{min-height:608px} #alter-sports-st iframe{border:0 !important;width:100%;background:#888;position:absolute;height:100%;top:0;min-height:600px;overflow:hidden;margin-top:47px;max-width:94%} #alter-sports-st #iframe-tag{position:relative} #alter-sports-st #iframe-tag h6{position:absolute;top:0;width:100%;background:#203452;height:47px;display:block;left:0;z-index:100;min-height:30px;padding:10px 18px;margin:0} #alter-sports-st #iframe-tag h6 span{color:#fff;font-size:22px;font-family:"Roboto Slab";font-weight:900} #alter-sports-st #iframe-tag .sponsor{float:right;height:30px} #alter-sports-st #iframe-tag .sponsor img{max-height:100%;width:auto;display:block} /*\deportes*/ /*DETAIL GALLERY & VIDEO*/ body.node-type-video{background-color: #fff;} .NotFront .DarkStyle{background-color: #f6f6f6; margin: 0px 0 40px; border-top: 6px solid #f6f6f6; position: relative;} .NotFront .DarkStyle .imageDark{position: relative;} .NotFront .DarkStyle .imagesDark iframe{background-color: #210022; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2;} .NotFront .DarkStyle .imagesDark .videoPlayer{position: relative; height: auto !important; margin-bottom: 0;} .NotFront .DarkStyle .iconControl{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; cursor: pointer;} .NotFront .DarkStyle .iconControl.playIcon{background: url('../img/controls/video.svg') no-repeat center center / 80px auto;} .NotFront .DarkStyle .centerDark{width: 1260px; margin: 0 auto;} .NotFront .DarkStyle .titleSection{height: 35px; margin: 20px auto 0px; border: 0;} .NotFront .DarkStyle .titleSection a{color: #BE1622; font: 600 28px "Roboto Slab"; float: left;} .NotFront .DarkStyle .titleDark{color: #000; font-size: 34px; line-height: 36px; margin-bottom: 10px; letter-spacing: -1px;} .NotFront .DarkStyle .field-name-field-imagen-tipo-2{width: 100%; margin: 0 auto; cursor: pointer;} .NotFront .DarkStyle .field-name-field-imagen-tipo-2 img{width: 100%; height: auto;} .NotFront .DarkStyle .field-name-field-tag-principal{color: #BE1622; text-transform: uppercase; font-size: 18px; letter-spacing: -0.5px; margin-top: 20px;} .NotFront .DarkStyle .field-name-body #article-content p,.NotFront .DarkStyle .field-name-body #article-content .row{color: #000; line-height: 22px; margin-top: 10px; width: 100%; display: inline-block;} .NotFront .DarkStyle .field-name-body p{margin: 0 0 20px 0;} .imageContent{width: 100%; height: auto;} .descriptionImageContent{font: 400 13px/15px "Roboto", sans-serif; width: 100%; color: #4e4e4e; margin-top: 8px;} .descriptionImageContent span{color: #999; margin-left: 5px;} .NotFront.DarkType .titleh2{color: #BE1622;} .NotFront.DarkType .socialShare{margin: 0 0 40px 0;} .NotFront.DarkType .socialShare .items{float: left;} .NotFront.DarkType .DisqusComments{width: 100%; top: 0; margin-bottom: 40px;} /*DETAIL GALLERY*/ .NotFront .DarkStyle .imagesDark{position: relative; margin: 0;} .NotFront .DarkStyle .imagesDark .tag{position: absolute; bottom: 0; left: 0; background-color: #BE1622; padding: 8px 20px 10px; z-index: 2;} .NotFront.DarkType .row{margin: 0px;} .NotFront .DarkStyle .imagesDark .tag a{color: #fff; font: 900 12px/12px "Roboto Slab", sans-serif; text-transform: uppercase;} .NotFront .DarkStyle .imagesDark .photos{position: relative; margin: 0 auto;} .NotFront .DarkStyle .imagesDark .photos .contItems{position: absolute; bottom: 0; right: 0; color: #BE1622; padding: 8px 20px 10px; z-index: 1;} .NotFront .DarkStyle .imagesDark .photos .contItems span{margin: 0 0 0 4px; float: left; font: 14px "Ubuntu";} .NotFront .DarkStyle .imagesDark .photos .field-name-field-galeria{position: relative; overflow: hidden;} .NotFront .DarkStyle .imagesDark .photos .field-name-field-galeria .field-items{position: relative; left: 0; transition: left 0.6s ease-in-out; -webkit-transition: left 0.6s ease-in-out; -moz-transition: left 0.6s ease-in-out; -o-transition: left 0.6s ease-in-out; -ms-transition: left 0.6s ease-in-out;} .NotFront .DarkStyle .imagesDark .photos .field-name-field-galeria .field-item{float: left; width: 1020px;} .NotFront .DarkStyle .imagesDark .photos img, .NotFront .DarkStyle .imagesDark .photos .field-name-field-galeria{width: 100% !important; height: auto !important;} .NotFront .DarkStyle .imagesDark .footerPhoto{color: #000; width: 100%; margin: 10px 0 0px; right: 0; position: relative; bottom: 0; float: left;} .NotFront .DarkStyle .imagesDark .footerPhoto p, .NotFront .DarkStyle .imagesDark .footerPhoto span{float: left; font-size: 13px; margin: 0;} .NotFront .DarkStyle .imagesDark .footerPhoto .description{margin-right: 8px; opacity: 0.8;} .NotFront .DarkStyle .imagesDark .footerPhoto .credit{opacity: 0.5;} .NotFront.VideoType .DarkStyle .tag{position: relative; display: inline-block; margin-top: 15px; color: #fff;} /*MEDIA QUERIES*/ @media screen and (max-width: 1259px) { /*DETAIL*/ .NotFront .DarkStyle{padding: 0 10px;} .NotFront .DarkStyle .centerDark{width: 100%;} .NotFront.DarkType .center{padding: 0 10px;} } @media screen and (max-width: 999px) { /*DETAIL*/ .NotFront .DarkStyle .titleDark{font-size: 32px; line-height: 34px;} .notEmbed .infoRow .title a{font: 400 20px/22px "Ubuntu", sans-serif;} } @media screen and (max-width: 999px) and (min-width: 780px){ } @media screen and (max-width: 680px) { /*DETAIL*/ .NotFront .DarkStyle .titleDark {font-size: 24px; line-height: 28px;} .blockTitle, .blockTitle a{font-size: 22px; line-height: 24px;} .listBlock .ads1{margin-bottom: 20px;} } @media screen and (max-width: 480px) { } @media screen and (max-width: 430px) { } .NotFront .field-name-field-foto img, .NotFront .field-name-field-foto-detalle img { width: 100%; height: auto; } .NotFront .field-name-field-tags{margin-top: 10px;} .NotFront .field-name-field-tags .links{list-style: none; padding-left: 0px; margin-bottom: 50px;} .NotFront .field-name-field-tags .links li{float: left; margin-right: 5px; height: 31px; margin-bottom: 6px;} .NotFront .field-name-field-tags .links li:first-child{display: none;} .NotFront .field-name-field-tags .links li:last-child{margin-right: 0;} .NotFront .field-name-field-tags .links li a{text-transform: uppercase; color: #000; font: 400 12px/22px "Roboto", sans-serif; background-color: #e4e4e4; padding: 9px 19px;} .NotFront .field-name-field-tags .links li a:hover{text-decoration: underline; color: #E0212F;} .NotFront.DarkType .socialShare .share-me{float: left !important;} .NotFront .field-name-field-fuente-video{display: none;} .node-type-columnas-de-opinion #opinion-slider li{float: none;} .node-type-columnas-de-opinion #opinion-slider .my-slider{height: 530px; width: 270px;} .node-type-columnas-de-opinion #article-container #article-comments{float: left; width: 100%;} /*P�GINA NO ENCONTRADA & ACCESO DENEGADO*/ /*body.page-node-14 header, body.page-node-15 header{margin-bottom: 0} body.page-node-14, body.page-node-15{background-color: #dd2777;} body.page-node-14 .NotFront, body.page-node-15 .NotFront{background-color: #ffdf43; position: relative; top: -3px; padding-bottom: 3px;} .page-node-14 .ads, .page-node-15 .ads{display: none;}*/ .svgBlock .centerBlock{padding-bottom: 40px;} .svgBlock404 .image{background: url('../img/404.svg') no-repeat center top / 100% auto; height: 780px; width: 880px; margin: 0 auto; position: relative;} .svgBlock403 .image{background: url('../img/403.svg') no-repeat center top / 100% auto; height: 560px; width: 880px; margin: 0 auto; position: relative;} .svgBlock .button{width: 300px; margin: 0 auto; height: 56px; position: relative; z-index: 1;} .svgBlock .button a{display: block; background-color: #e0212f; margin: 0;} .svgBlock .buttonTop{display: none; width: 100%; color: #fff; font: 700 18px/50px "Ubuntu", sans-serif; text-transform: uppercase; cursor: pointer; background-color: #e0212f; height: 50px; border-bottom: 3px solid #c11e31; float: left; margin: 20px 0; text-align: center;} @media screen and (max-width: 999px) { body.page-node-14 .NotFront, body.page-node-15 .NotFront{padding-top: 80px;} .svgBlock .image{width: 100%; background-position: center top; height: 780px;} .svgBlock403 .image{height: 580px;} } @media screen and (max-width: 880px) { /*404 & 403*/ .svgBlock .image{height: 700px;} .svgBlock403 .image{height: 540px;} } @media screen and (max-width: 730px) { /*404 & 403*/ .svgBlock .image{height: 620px;} .svgBlock403 .image{height: 450px;} } @media screen and (max-width: 680px) { /*404 & 403*/ .svgBlock .image{height: 560px;} .svgBlock403 .image{height: 430px;} } @media screen and (max-width: 590px) { /*404 & 403*/ .svgBlock .image{height: 440px;} .svgBlock403 .image{height: 370px;} } @media screen and (max-width: 480px) { /*404 & 403*/ .svgBlock .image{height: 370px; background-position: center center;} } @media screen and (max-width: 430px) { /*404 & 403*/ .svgBlock .image{height: 310px;} .svgBlock403 .image{height: 260px; background-position: center top;} } #my-results .row.append-dest-container .li_block_node_search{ margin-bottom: 20px !important; } #my-results .row.append-dest-container .li_block_node_search .a-summ, #mas_leido_page .a-summ{ float: none !important; } #mas_leido_page .rank-ele .a-summ{ border-bottom: none !important; } #mas_leido_page .rank-ele{ border-bottom: 1px solid #e4e4e4 !important; padding-bottom: 20px; } #mas_leido_page .rank-ele .a-summ .a-time a, #my-results .row.append-dest-container .li_block_node_search .a-summ .a-time a{ float: left; } #mas_leido_page .rank-ele .a-summ .a-time .a-share, #my-results .row.append-dest-container .li_block_node_search .a-summ .a-time .a-share{ position: relative; left: 0px; float: left; } /* Pager */ .item-list .pager li{ font: italic 600 15px "Roboto Slab" !important; color: #203452; margin: 0 !important; } .item-list .pager li a{ border: 0px !important; } .pager li>a:hover, .pager li>a:focus{ text-decoration: underline !important; background-color: #FFF !important; } .pager-current{ color: #E0212F !important; } .block-title-module-1 { color: #276334; height: 50px; background: #c4d54e; margin: 0; text-transform: uppercase; text-align: center; } .block-title-module-1 h3{ font: 900 22px/50px "Roboto",sans-serif; } #preview-articles .a-summ.ad-empty .a-content h5{ margin-bottom: 19px !important; } .alter-sports .a-summ.a-gen.ad-empty h4{ margin-top: 15px; } .a-summ.nota-destacada-principal.ad-video .a-desc, .a-summ.nota-destacada-principal.ad-gallery .a-desc{ -moz-transform: scale(2.8) !important; -webkit-transform: scale(2.8) !important; -o-transform: scale(2.8) !important; -ms-transform: scale(2.8) !important; transform: scale(2.8) !important; margin: -45px -45px 0 0 !important; top: 50% !important; right: 50% !important; } .centerDark .field.field-name-body { color: #FFF; padding: 5px 0px; } /*CKEditor*/ .cke_editable #article-content .row{ padding-left: 20px; } td[id*="cke_dialog_contents_"] > div{ height: 100% !important; } /***/ #photoglly-block .views-field-field-tags{ position: relative; display: inline-block; margin-top: 0px; padding: 0; background-color: transparent; color: #fff; text-transform: uppercase; font: 900 12px/12px "Roboto Slab", sans-serif; letter-spacing: 1px; } #photoglly-block .views-field-field-tags a { color: #be1622; } #photoglly-block .views-field-field-title{ margin-top: 10px; } #photoglly-block .views-field-field-title a { color: #000; font: 500 28px/30px "Ubuntu", sans-serif; } #photoglly-block .views-field-field-title a:hover { text-decoration: underline; } .carousel-control{ background-image: none !important; } .nota-destacada-principal{ display: block !important; visibility: visible !important; } .apertureList{ /*border-left-color: #162439 !important;*/ } .apertureList:last{ /*border-bottom-color: #162439 !important;*/ } /* menu principal */ header { background: #276334; height: 67px; border: 0; position: relative; } .page-logo { width: 115px; height: 47px; background-size: 112px; } #header #nav > ul li { padding: 0; line-height: 65px; max-width: 160px; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; } #header #nav a { font-weight: 100; } ul.list-unstyled.list-inline { height: 32px; margin: 0; } #header #nav > ul > li:hover, #header #nav > ul > li.active { background: #F6F6F6; } #header #nav > ul > li:hover > a , #header #nav > ul > li.active > a{ color: #4d897c; } /* modulo de alerta */ div#home-header { margin: 20px 120px; } #home-header.alter-1 .y-alert { background: #1e4d28; color: #fbfbf9; } .SocialHeader { position: absolute; right: 0; top: 24px; height: 43px; } header#header #nav { width: 1024px; } /* sub menu superior */ header#sub-menu { background: #c4d54e; height: 32px; position: relative; border: 0; } header#sub-menu #nav li a { color: #4d897c; line-height: 32px; font-size: small; font-weight: 100; padding: 0; } header#sub-menu #nav li:hover { background: #113f3c; } header#sub-menu #nav ul { margin: 0; } header#sub-menu #nav p { display: inline-block; padding: 7px; color: #124d47; font-size: 12px; margin: 0; } header#sub-menu #nav > p > small#reloj { background: rgba(0, 0, 0, 0.12); padding: 4px 9px; border-radius: 4px; } header#sub-menu ul.list-unstyled.list-inline li:last-child { background: initial !important; } header#sub-menu #nav li:hover { background: rgba(0, 0, 0, 0.05); } div#home-header { margin: 12px 0; } #form-search-bar { height: 32px; padding-top: 4px; } #home-header.alter-1 section { padding: 0; padding-top: 8px; } #form-search-bar #edit-keys { background-color: #FFF; margin: 0px; color: #134a45; border: 0; width: 130px; font-size: 14px; padding: 3px 8px; height: 22px; } #form-search-bar #edit-keys::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(0,0,0,.5); font-size: 13px; } #form-search-bar #edit-keys:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(0,0,0,.5); font-size: 13px; opacity: 1; } #form-search-bar #edit-keys::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(0,0,0,.5); font-size: 13px; opacity: 1; } #form-search-bar #edit-keys:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0,0,0,.5); font-size: 13px; } #form-search-bar #edit-submit2 { display: none; } #form-search-bar span.glyphicon.glyphicon-search { position: absolute; top: 10px; right: 22px; color: rgba(0, 0, 0, 0.6); font-size: 12px; } /* footer*/ #links-of-interest { background: #034f2c; border-top: 6px solid #c4d54e; text-align: center; padding: 10px 0; } #links-of-interest label { color: #FFF; font-weight: 100; margin: 8px; font-style: italic; } #footer nav#nav { background: #034728; margin-bottom: 20px; } #footer nav#nav ul { max-width: 768px; float: left; height: 50px; padding: 6px 0; float: left; } #footer #nav a.icon-social { padding: 0; } #footer nav#nav .social-networks { margin: 0; width: 175px; height: 50px; padding: 8px 0; } #footer nav#nav .social-networks h2 { margin: 0; line-height: 32px; color: #FFF; margin-right: 8px; font-size: 14px; } #footer nav#nav .icon-social img { width: 24px; margin-top: 4px; } #footer ul li { width: auto; } #footer #nav a { color: white; font-size: small; font-weight: 100; padding: 6px; text-decoration: none; text-shadow: 1px 1px 5px rgba(0,0,0,.3); } #footer #nav li.gestion-ambiental-link { background-color: yellow; border-radius: 4px; height: 100%; } #footer #nav li.gestion-ambiental-link:hover { background-color: #b2b300!important; } #footer #nav li.gestion-ambiental-link > a { color: black; } #footer #nav li:hover { background: #113f3c; } #footer ul.info-footer { color: #FFF; list-style: none; padding: 8px; margin: 0; font-size: 13px; } #footer ul.info-footer li:first-child { font-weight: 600; font-size: 14px; } #footer ul.info-footer li { width: 100%; } #ft-foot { margin: 0; } #footer ul.icons-footer { color: #FFF; list-style: none; padding: 2px; margin: 0 auto; } #footer ul.icons-footer li { display: inline-block; width: auto; text-align: center; position: relative; } #footer ul.icons-footer li::after { content: ''; position: absolute; background-color: #ffffff; height: 50px; width: 50px; top: 2px; left: 2px; border-radius: 50%; z-index: 0; } #footer ul.icons-footer li > a{ font: 13px/26px "Roboto", sans-serif; color: #fff; display: block; position: relative; z-index: 1; } #footer .container-fluid.icons_int ul.icons-footer li:nth-child(2) > a > img, #footer .container-fluid.icons_int ul.icons-footer li:nth-child(1) > a > img { padding: 18px 2px; } #footer ul.icons-footer li img { display: inline-block; width: 46px; overflow: hidden; margin: 4px; padding: 4px; height: 46px; } #nav ul.list-unstyled { margin: 0; } #footer .content-visitors { float: right; } #footer .div-content-left { padding-left: 0; } #footer .div-content-right { padding-right: 0; padding-left: 0; } /* google translator */ .goog-tooltip img { display: none; } .goog-te-banner-frame { box-shadow: inherit !important; border: none !important; height: 40px !important; } #google_translate_element img { display: none !important; } #google_translate_element .activity-links { display: none !important; } .goog-te-gadget-simple .goog-te-menu-value span { color: rgba(0,0,0,.5) !important; font-size: 12px !important; } .goog-te-gadget-simple .goog-te-menu-value span:nth-child(3) { display: none !important; } #goog-gt-tt .bottom { display: none !important; } div#google_translate_element { display: inline-block; } .goog-te-gadget-simple { white-space: nowrap !important; border: 0 !important; border-radius: 4px !important; background-color: #FFF !important; } .goog-te-menu2 { border: 0 !important; } /* ley de transparencia */ .title-section { background: #276334; color: #FFF; font-size: 17px; text-transform: uppercase; margin-bottom: 30px; border-left: 7px solid #d7df18; padding: 6px 12px; } /* slide-menu */ #nav-transparency-menu .panel-heading .panel-title { line-height: 14px; } #nav-transparency-menu .panel-heading .panel-title a { font-size: 14px; } nav#nav-transparency-menu { /*width: 30%;*/ } #slide-menu li a.active { color: #00915b; font-weight: 600; } #slide-menu .panel-body ul li { padding-bottom: 12px; } #slide-menu .panel-body ul li ul li { padding-bottom: 12px; list-style-type: disc; } #slide-menu .panel-body ul li ul { padding-top: 12px; } #slide-menu .panel-body ul li a:hover { color: #acc543; } #slide-menu .panel-body ul { list-style: none; padding: 0 20px; font-size: 14px; } #slide-menu li.subtitle { position: relative; } #slide-menu span.glyphicon.glyphicon-menu-down { font-size: 11px; color: #969696; position: absolute; right: -5px; top: 4px; } #slide-menu .panel-body ul li.divider { border-bottom: 1px solid #dfdfdf; margin: 8px 0; } #slide-menu .panel.panel-default { box-shadow: 0 2px 4px rgba(0,0,0,0.25); border: 0; } #slide-menu .panel-default>.panel-heading { border: 0; background: inherit; } #slide-menu .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: #009688; font-size: 18px; } #slide-menu .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #fff; font-size: 14px; } #slide-menu h4.title-menu { font-size: 18px; color: #00915b; font-weight: 600; margin: 0; } #slide-menu hr { border-top: 3px solid #00915b; margin: 10px 0; } ol,ul{ list-style-type: circle; } body { background: #f6f6f6; } article#my-article.alter { padding-top: 0; margin-top: 12px; } .header-title h1 { font-size: 32px; color: #00925b; } /* pqrsd */ .page-node-74 input , .page-node-74 select { height: 28px; padding: 0; } .page-node-74 label.col-sm-4.control-label { color: #444; font-weight: 400; font-size: 14px; padding: 0; } .page-node-74 .header-title h1 { margin-top: 3px; margin-bottom: 30px; } .page-node-74 .form-group { font-size: 14px; } .nota-destacada-principal .NotFront .centerDark, .apertureList .NotFront .centerDark{ width: auto !important; } .nota-destacada-principal .NotFront .DarkStyle, .apertureList .NotFront .DarkStyle { background: #F6F6F6; border: 0; } .nota-destacada-principal .NotFront .photos .slide, .apertureList .NotFront .photos .slide { z-index: 1; width: 50px; background: none; } .nota-destacada-principal .NotFront .photos .slide span, .apertureList .NotFront .photos .slide span { background-size: 40px; width: 40px; } #home-header.apertureMainSuper .apertureMain { background: #F6F6F6; border-left: 0 !important; } #home-header.apertureMainSuper { margin-bottom: 20px !important; } .apertureMain .DarkStyle { margin-bottom: 0; } .no-padding { padding: 0 !important; } @media screen and (max-width: 1259px) { .nota-destacada-principal .NotFront .DarkStyle { padding: 0; } } /* redes sociales */ .social-networks { margin: 12px 4px; } .social-networks h2 { float: left; top: 0; margin: 10px; font-size: 18px; font-style: italic; } /* Contador de visitas */ .ul-visitors { list-style: none; margin: 0; float: left; padding-left: 10px; margin-bottom: 0 !important; } .ul-visitors li { padding: 0 5px; background: #0c3934; color: #FFF; border-radius: 4px; margin-right: 3px; } #ft-visitors { float: left; opacity: 1 !important; } /* Busqueda */ #content #search_block #edit-submit{ background-color: #276334; border-color: #276334; border-bottom: 3px solid #00522c; } #content #search_results article{ float: left !important; width: 100%; padding: 0; } #content #search_results article.article-empty-search .a-title{ padding-top: 20px; } #content #search_results .a-summ .a-share.in, #content #search_results .a-summ .a-share.fade{ height: auto !important; } #content #search_results article.article-empty-search { background: #EEE; } #content #search_results article.article-photo-search { border-bottom: 1px solid #C9C9C9; } @media (max-width: 999px) { #content #search_results article.article-empty-search .a-content{ padding-left: 10px !important } } /* node noticias */ .titleArticle { /*width: 65%;*/ /*margin-left: 5%;*/ } .article-author img { width: 100%; background: #276334; padding: 9px; } div#article-main-content { background: #FFF; padding: 12px; position: relative; } div#article-main-content.photo { top: -60px; } .article-body { padding: 0 4% 0 8%; } #article-main-content { box-shadow: 0 2px 4px rgba(0,0,0,0.25); padding: 0 60px; background-color: white; } .time-article { font-size: 14px; margin-left: 30px; top: -26px; position: relative; } #article-content .image-imagen_contenido { display: block; max-width: 100%; height: auto; } /* para los mensajes */ input.error, textarea.error, select.error { border: 1px solid red !important; } div.status, table tr.ok { background-color: #5bcd88; color: #fafbfa; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.89); font-size: 13px; border: 0; margin-top: 40px; } div.error, table tr.error { background-color: #e64e4d; color: #fafbfa; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.89); font-size: 13px; border: 0; margin-top: 40px; } /* sala de prensa */ div#read-more { text-align: center; margin-bottom: 30px; margin-top: 12px; } div#read-more a { font: 700 18px/50px "Ubuntu", sans-serif; text-transform: uppercase; cursor: pointer; color: #fff; background: #E0212F; border-bottom: 3px solid #A51520; padding: 10px 100px; } .titleSection { border-bottom: 4px solid #e4e4e4; width: 100%; margin-bottom: 20px; padding-bottom: 10px; font: 700 38px/42px "Roboto", sans-serif; } .btn-press-room { margin-right: 10px; background-color: inherit; border: 1px solid #276334; border-radius: 4px; color: #276334; } .btn-press-room.active, .btn-press-room:active, .btn-press-room:focus, .btn-press-room:hover { background-color: #276334; color: #FFF; border: 1px solid #276334; } /* ellipsis 3 lines in title of the notes*/ .a-summ.a-gen h4 a span { display: block; display: -webkit-box; max-width: 400px; -webkit-line-clamp: 3; line-clamp: 3; height: 67px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .titleArticle li.files-item { list-style: none; margin-top: 22px; border-bottom: 2px solid rgba(204, 204, 204, 0.5); padding-bottom: 12px; } .titleArticle li.files-item i.ics.ic_download { position: relative; top: 8px; } .titleArticle li.files-item span.name { font-size: 14px; } .titleArticle li.files-item span.name:hover { text-decoration: underline; } .titleArticle li.files-item span.type { font-size: 12px; color: #999; } /* Encuestas */ .node-type-poll #contentPoll { padding: 0; } .node-type-poll #contentPoll .article-poll { background-color: #FFF; } .node-type-poll #article-container { margin: 43px 0 53px; } .banner-trip-planner { margin-bottom: 30px; } .view-id-encuestas .views-row { padding: 12px; margin-bottom: 12px; background: rgba(0, 0, 0, 0.05); font-size: 18px; font-weight: bold; } #ft-cpright a { color: #FFF; margin-right: 18px; opacity: 1; } #ft-cpright a:hover { text-decoration: underline; } .page-node-335 .titleArticle img { width: 100%; height: auto; } .file-widget.form-managed-file.clearfix { overflow: hidden; } .form-horizontal input[type="file"] { display: inline-block; font-size: 11px; } .node-type-article .field-name-field-image .field-items { text-align: center; } /* banner del home */ .field-item img { width: 100%; height: auto; } .slick-control-slide { height: 64px; width: 34px; position: absolute; top: 40%; margin: 0 16px; cursor: pointer; } .slick-next { background: url(../lib/slick/arrow.svg) no-repeat center center / 48px auto; right: 0; } .slick-prev { background: url(../lib/slick/arrow.svg) no-repeat center center / 48px auto; left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .not-front .slick-control-slide { top: 0; } .a-summ.a-gen .a-tag > a > p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #pqrsdf-responsive.embed-responsive { height: 950px; margin: 32px 0; } .a-share>.a-sbtn>.icon.icon-gp { display: none !important; } @media (max-width: 768px) { #container-pqrsdf { height: 900px !important; } } @media (min-width: 768px) and (max-width: 1029px) { #container-pqrsdf { height: 900px !important; } } @media (min-width: 1029px) { #container-pqrsdf { height: 600px !important; } } #screen { background: white; width: auto; height: auto; text-align: center; } .icons_int { width: 560px; } .icons_ext{ width: 510px; } .imagen_min{ width: auto; height: 70px; margin: 20px auto } @media (max-width: 768px) { .icons_int { width: 315px; padding: 0 22px !important; } .icons_ext{ width: 315px; padding: 0 22px !important; } .imagen_min{ height: 39px; } } @media (min-width: 768px) and (max-width: 1029px) { .icons_int { width: 570px; padding: 0 12px !important; } .icons_ext { width: 514px; padding: 0 12px !important; } } .links-pma { margin-top: 50px; } .links-pma>a { color: #009688 !important; } .links-pma>a:hover { text-decoration: underline; } .btn-metro, .btn-clobi, .btn-whatsapp { height: 70px; width: 70px; position: fixed; bottom: 100px; right: 16px; border-radius: 50%; overflow: hidden; box-shadow: 1px 1px 5px rgba(0,0,0,.5); cursor: pointer; z-index: 4; } .btn-whatsapp { bottom: 260px; background: #5bc500; display: flex; align-items: center; justify-content: center; } .btn-whatsapp > a > img { height: 50px; width: 50px; } .btn-metro { bottom: 180px; } .btn-press-room.btn-clobi-room { border: 1px solid #6947e1; color: #6947e1; } .btn-press-room.active.btn-clobi-room, .btn-press-room.btn-clobi-room:active, .btn-press-room.btn-clobi-room:focus, .btn-press-room.btn-clobi-room:hover { background-color: #6947e1; color: #FFF; border: 1px solid #6947e1; } #nav > .list-unstyled.list-inline { width: calc(100% - 230px); height: 67px; float: left; display: flex; align-items: center; justify-content: flex-start; padding: 0 16px; } .page-logo.page-clobi { background: url(../img/btn-clobi-header.png); background-size: contain; margin: 17px 0 0 !important; height: 30px; background-repeat: no-repeat; } .container-links { height: 100%; width: calc(100% - 50px); margin: 0 auto 0 50px; display: flex; align-items: center; justify-content: center; } /*Aqui empiezan los estilos para el content-help*/ body .container-section > div { font-size: 16px!important; color: black!important; } body .container-section .text-section, body .container-section .icon-section { font-family: Arial !important; } body .container-options > .title-section-metro { font-size: 16px !important; color: black; font-family: Arial !important; } body .icon-section > svg { font-size: 16px!important; } .content-help { width: 206px; height: 350px; position: fixed; left: -210px; top: calc(100% - 383px); border: 1px solid #276334; transition: left 1s; z-index: 10000; background-color: white; font-family: Arial; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .content-help.open { left: 0; } .icon-help { background-color: #276334; width: 50px; height: 50px; position: absolute; bottom: 0; cursor: pointer; left: 208px; } .title-section-metro { font-weight: 600; padding: 5px 5px 5px 15px; } .container-section { width: 100%; height: 30px; display: flex; cursor: pointer; } .container-section:hover { background-color: #c4d54e; } .icon-section { width: 20px; margin-left: 15px; line-height: 35px; } .text-section { padding-left: 5px; line-height: 30px; } .metrolinea-increase-text *{ font-size: 20px !important; } .metrolinea-increase-text-2 *{ font-size: 30px !important; } .gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } body.contrast-high { background: black !important; background-color: black !important; } body.contrast-high, body.contrast-high div { color: white; } body.contrast-high p, body.contrast-high div h2, body.contrast-high div span { color: black; } .scale-invert { filter: invert(1); -webkit-filter: invert(100%); -webkit-filter: invert(1); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); } .metrolinea-a11y-links-underline a, .metrolinea-a11y-links-underline a * { text-decoration: underline !important; } .metrolinea-a11y-readable-font, .metrolinea-a11y-readable-font *:not(i):not(span) { font-family: Verdana, Arial, Helvetica, sans-serif !important; } .metrolinea-a11y-light-background ul, .metrolinea-a11y-light-background h2, .metrolinea-a11y-light-background section, .metrolinea-a11y-light-background header, .metrolinea-a11y-light-background header *, .metrolinea-a11y-light-background footer * { background: #fff !important; color: #000 !important; } svg.logo-accesibilidad { width: 45px; color: white; padding-left: 5px; padding-top: 5px; } .activeLink { background-color: #276334; color: white; } .main-menu-participa { width: 80%; display: flex; flex-wrap: wrap; gap: 8px; margin: 32px auto; } .main-menu-participa > a { height: 135px; width: calc(50% - 8px); border-radius: 4px; overflow: hidden; } .main-menu-participa > a > .item-menu { height: 100%; width: 100%; background: #dbf0df; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 16px; cursor: pointer; } .main-menu-participa > a > .item-menu > .image-item { background-position: center; background-size: contain; background-repeat: no-repeat; } .main-menu-participa > a > .item-menu > .image-item.planeacion { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/PlaneOff.png); } .main-menu-participa > a > .item-menu > .image-item.diagnostico { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/DiagnOff.png); } .main-menu-participa > a > .item-menu > .image-item.consulta { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/ConsOff.png); } .main-menu-participa > a > .item-menu > .image-item.colaboracion { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/ColabOff.png); } .main-menu-participa > a > .item-menu > .image-item.rendicion { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/RendOff.png); } .main-menu-participa > a > .item-menu > .image-item.control { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/ContOff.png); } .main-menu-participa > a > .item-menu:hover > .image-item.planeacion { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/PlaneOn.png); } .main-menu-participa > a > .item-menu:hover > .image-item.diagnostico { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/DiagnOn.png); } .main-menu-participa > a > .item-menu:hover > .image-item.consulta { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/ConsOn.png); } .main-menu-participa > a > .item-menu:hover > .image-item.colaboracion { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/ColabOn.png); } .main-menu-participa > a > .item-menu:hover > .image-item.rendicion { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/RendOn.png); } .main-menu-participa > a > .item-menu:hover > .image-item.control { background-image: url(/v3.0/sites/all/themes/metrolinea/img/participa/ContOn.png); } .main-menu-participa > a > .item-menu:hover { background: #276234; } .main-menu-participa > a > .item-menu > .image-item { width: 74px; height: 74px; } .main-menu-participa > a > .item-menu > .name-item { color: #276334; } .main-menu-participa > a > .item-menu:hover > .name-item { color: white; } #container-form-participa { width: 100%; margin: 16px 0; border: 1px solid #276234; padding: 16px; background: white; border-radius: 4px; height: 600px; }