/*pegar aqui el import de googlefonts*/
@import url('https://fonts.googleapis.com/css?family=Anton|Roboto&display=swap');

/*colores*/
.mainheader .tab_first .logo {filter:none;}
.wrapper.bodier {background:#1a2742;}
.subheader .navBox.spechead {background:rgba(24,39, 83, 1);}
.specialTopBox .g1 .txtBox .maintitle , .toplayer + #striplayer + .container .g1 .txtBox .maintitle {color:#eee;}
.specialTopBox .g1 .txtBox .pretitle{color:#c00b1b;}
.specialTopBox .overBox , .toplayer + #striplayer + .container .overBox{background:rgba(24,39,83,.85);}
.specialTopBox .mainBox .auxBox p , .toplayer + #striplayer + .container span.pretitle, .toplayer + #striplayer + .container .auxBox , .toplayer + #striplayer + .container .auxBox li,.specialTopBox span.pretitle, .specialTopBox .auxBox , .specialTopBox .auxBox li{color:#e1e1e1;}
span.author.name em {color:#66dbef;}
.grid .controlBox span.ico, .mediaBox .ima, .mediaBox span.ico.play.video, .ico.share{outline-color:#6fd1de;}
.grid .controlBox span.ico {outline-color:#e1e1e1;}
.ico.share {outline-color: #e1e1e1;}
.cell iframe {outline: solid .1rem #ff2500;}
.mainBox .txtBox .maintitle,.mainBox .auxBox {color:#e1e1e1;}
.container:not(.striplayer) .secBox:before, .sliderBox h1:before {background:#c00b1b;}
.mainBox .auxBox a {color:#5b6c80;}
.mainBox .auxBox a:hover {color:#ff2500;}
.container.quoteBox.striplayer.inside {background-color:#6fd1de;}
.quoteBox .mainBox .txtBox .maintitle {color:#182753;}
.quoteBox .mainBox:before {background:#6fd1de;}
.quoteBox .txtBox:before {color:#182753;}
.quoteBox .auxBox p{color:#c00b1b;}
.quoteBox .mainBox {background:#6fd1de;}
.quoteBox .auxBox a {color:#ff2500;font-weight:600;}
.quoteBox .auxBox a:hover , .quoteBox .auxBox a:active, .quoteBox .auxBox a:focus {color: #fff;outline: none;background: transparent;}
section.grid > .secBox > span {color: #6fd1de;}
.specialTopBox:not(.striplayer) .auxBox{color:#333;}
.specialTopBox:not(.striplayer) .overBox {background:transparent;}
.sliderBox h1 span {color:#6fd1de;}
.container.creditos.striplayer {background:#252525;}
.container.creditos.striplayer p{color:#eee;}
.creditos .auxBox span {color:#eee;}
.container.creditos.striplayer .mainBox .txtBox .maintitle{color:#ff2500;}

/*fuentes*/
section > h1 > span, section.grid > .secBox > span, .sliderBox h1 span,
.quoteBox .txtBox:before, .quoteBox span.maintitle, .quoteBox .auxBox a,.quoteBox .auxBox p {font-family:serif;}
.wrapper.subheader .spechead .emisBox .cell .maintitle {font-weight:400;}
.mainBox .auxBox li, .mainBox .auxBox p ,.mainBox .auxBox strong,.mainBox .auxBox em{font-size:1.9rem;}
.mainBox .auxBox a {font-size:1.8rem;text-decoration:none;}
.quoteBox span.maintitle {font-weight:400;}
.quoteBox .txtBox:before {font-size:28rem;opacity:.4;font-weight:400;font-family: 'Roboto', sans-serif;}
.quoteBox .auxBox p{text-align:right;font-weight:400;font-family: 'Anton', sans-serif;}
.toplayer + .container:not(.striplayer) .auxBox{font-size:2.6rem;}
section > h1 > span, section.grid > .secBox > span, .sliderBox h1 span {font-size:3rem;font-weight:400;line-height:1.1;font-family: 'Anton', sans-serif; letter-spacing:2px;}
.creditos .auxBox span {font-size:1.6rem;}
.creditos strong span {font-weight:700;}
.quoteBox .mainBox .txtBox .maintitle {font-size:2.4rem;font-family: 'Anton', sans-serif;}

/*cabecera*/
.wrapper.subheader .spechead .logoima {width:12em;max-width:inherit;}
.wrapper.subheader .spechead .logoima img {margin-top:1rem;}
.wrapper.subheader .spechead .hostima {display:block!important;width:16em;height:6.6rem;left:auto;right:10rem;}
.wrapper.subheader .spechead .hostima img {width: auto;height:100%;top:0;margin-top:0;left:0;right:auto;}
.wrapper.subheader .spechead span.ima.hostima:after {right: 2.5rem;top: 0;height: 4rem;background-size:auto 100%;background-repeat:no-repeat;}

/*sustituir logo por h1
.striplayer.specialTopBox section.grid > .secBox > span {top:.6rem;position:relative;z-index:2;font-weight:400;left:6%;background: url(/css/rtve.2019.noticias/cumbre-clima-2019-TE_SCB20LL/i/TE_SCB20LL.logo-cab.png);background-size: contain;background-repeat: no-repeat;background-position: center;}
.specialTopBox .secBox{z-index:3;}
.wrapper.subheader .spechead .logoima img{display:none;}
section > h1 > span, section.grid > .secBox > span{color:transparent;}
*/
/* apertura al 100% */
.wrapper.subheader .navBox.spechead {position:absolute;}
.specialTopBox.striplayer {background:transparent;}
.wrapper .specialTopBox .grid{width:100%;padding:0;box-shadow:0rem 0rem 2.1rem #1c1c1c;display:inline-block;}
.specialTopBox .gridBox .cell, .specialTopBox .gridBox .cell .mediaBox{padding:0;}
.specialTopBox .gridBox .cell .mediaBox .ima{outline:0;box-shadow:none;display:block;height:100vh;height:50vw;padding:0;}
.specialTopBox .gridBox .cell .overBox{position:absolute;bottom:0;width:100%;padding:2% 15%;min-height:15vh;top: auto;display: block;height:auto;}

.specialTopBox .txtBox .maintitle {font-weight:500;font-size:4.2rem;text-transform:none;padding:1rem 0 0;}
.specialTopBox .mediaBox .ico.play {left:50%;}

/*360*/
.container.box360{background: url('');}
.size_75.g3 .gridBox > .cell:first-child {width:75%;}
.notory.g3 .gridBox > .cell {width:25%;}
.specialTopBox + .container.box360 {padding-top:3rem}
/*apertura*/
.specialTopBox .overBox , .toplayer + #striplayer + .container .overBox{padding:2% 16%;}
.toplayer + #striplayer + .container  span.ico.play.video, .specialTopBox span.ico.play.video , .auxheader .ico.share {box-shadow:none;}

/*quoteBox*/
.quoteBox span.maintitle {position:relative;z-index:3;}
.quoteBox .mainBox {width:50%;padding:4rem 2rem;height:26rem;}
.quoteBox .ima img {top:0;}

/*no apertura striplayer*/
.wrapper .specialTopBox:not(.striplayer) .grid{box-shadow:none;}

/*catalogo*/
section > h1 > span, section.grid > .secBox > span .sliderBox h1 span {margin:0;padding:0;}


/*atlantis*/
.wrapper.bodier .specialTopBox .grid > .gridBox .m100 span.ima {height: auto;padding-top: 56.25%;}
.wrapper.bodier .notory > .gridBox > .m100:first-child .play {width:auto;height:auto}


@media all and (max-width:1440px){
  .specialTopBox .overBox {padding:1% 5%;}
  .specialTopBox .txtBox .maintitle {font-size:3.2rem}
}

@media only screen and (max-width:1023px){
  .specialTopBox.striplayer.inside .notory .cell .overBox {position:relative;}
}