@import url('/css/rtve.2018/rtve.skins/rtve.modules/basics.por.css');
@import url('/css/rtve.2018/rtve.skins/rtve.modules/catalogo.desktp.css');
@import url('/css/rtve.2018/rtve.skins/rtve.PROGRAMAS/programas.galeria.por.css');
@import url('/css/rtve.2015/rtve.skins/rtve.SERIES/series.desktp.header.css');
@import url('/css/rtve.2019.noticias/premios-goya-2019-TE_SGY109AA/TE_SGY109AA.colores.por.css');
/*player*/
@import url('/css/rtve.2018/rtve.commons/rtve.modules/rtve.2018.player.css');
@import url('/css/rtve.2015/rtve.commons/rtve.header.footer/desktp.footer.css');

/* logos 2019 */
.wrapper.subheader .spechead .container .logoima {top:8rem;height:auto;padding:0;transition: all .4s;}
.wrapper.subheader .spechead nav .blindBox {top:6.2rem;}
.mainheader .tab_first .logo {left: 12rem;transition: all .4s;}
.auxheader .socialBox {top: 22rem;left: 15.5rem;transition: all .4s;}
.mainheader .tab_first .ico img {opacity: .8;width: 7.2rem;transition: all .4s;}
.mainheader .tab_first .logo {width: 7.2rem;}
/* cabecera */
.sheet.breakNews {display:none;}
.wrapper.subheader .spechead .emisBox .cell {width:100%;padding-top:1rem}
.wrapper.subheader .spechead .emisBox .cell .maintitle {width:10rem;font-weight:300;font-size:1.4rem;display: inline-block;height: 4em;vertical-align:middle;padding: 0;}
.wrapper.subheader .navBox.spechead {position:relative;}

/* */
.container, .container.striplayer .grid {width:118em;}
.wrapper.mainheader .container {width:auto}
.cell:hover .mediaBox .ima {filter:brightness(110%);}

.cell, .cell>.mod {float: left;}
.g2.simply .cell {width: 50%;}
.g3.simply .cell {width: 33.333%;}
.g4.simply .cell {width: 25%;}
.g5.simply .cell {width: 20%;}

.toplayer + .container:not(.specialTopBox) {padding-top:1rem}

.g1 .txtBox .maintitle, .g1 .txtBox .pretitle {font-size:3rem;color:#fff;}
section.grid > .secBox > span {font-size:3.4rem;}

/* espacio */
article .mainBox .txtBox {padding-top:1rem;}
article .mainBox {padding-bottom: 2rem;}

/* filetes */
.container:not(.striplayer) .secBox:before {content:'';width:100%;height:.1rem;position:relative;display:block;margin: 1rem auto 1.5rem auto;}

/** apertura destacado **/
.specialTopBox .g1 .txtBox .maintitle {color:#fff;font-weight: 300;font-size: 5rem;font-family:'Roboto','Arial',sans-serif;}
.container.specialTopBox .gridBox .cell {padding:0rem;}
.container.specialTopBox .mediaBox .ima {outline:0;}
.container.specialTopBox .grid {width:auto;}
.specialTopBox .mainBox .overBox {bottom:10rem;position:absolute;padding:2rem 0rem 4rem 20rem;width:90%;z-index:4;}
.specialTopBox .overBox:after {content: "";display:inline-block;width:115%;position: absolute;top: 0;left: -10%;height: 100%;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg);z-index:-1;}
.container.specialTopBox .g1 .txtBox, .container.specialTopBox .g1 .auxBox {padding: 0.5rem 10%;}
.container.specialTopBox .g1 .txtBox .maintitle, .container.specialTopBox .g1 .txtBox .pretitle {padding:0;}
/*apertura cambio orden autor*/
.container.specialTopBox .auxBox {display: flex;flex-flow:column;}
.container.specialTopBox .auxBox .author.name {order:3;}

/*controles*/
.striplayer + .container .arrays .secBox + .slideH + .spinnBox + .controlBox{top:4.4rem!important;}

/*apertura play y play de mentira*/
.container.specialTopBox .mediaBox .ico.play {display: none;}
.container.specialTopBox .videoBox + .overBox h2:before{content: "";background-color:rgba(0,0,0,0.6);position:absolute;left: 16%;top:3rem;background:url(/css/rtve.2015/i/iconos/icons_40x40_ffffff.png);background-size: 1100%;opacity: 0.95;margin: 0 auto;background-repeat:no-repeat;vertical-align: middle;display: inline-block;width: 3.6rem;height: 3.6rem;background-position: 00% 80%;}
.ico.gallery img {background:20% 80%;}

/*entregas*/
.entregas section.grid > .secBox {padding: 3rem 0 2rem 0;}
.container.entregas.striplayer {background:url('/css/rtve.2019.noticias/premios-goya-2019-TE_SGY109AA/i/fondo.png');padding-bottom:0;}

/** quoteBox **/
.quoteBox .cell:hover .mediaBox .ima {filter:none;}
.wrapper .container.quoteBox .grid {padding-top:0;margin-top:4rem;}
.quoteBox img {width:auto;top:-30%;}
.quoteBox .g1 .auxBox {position:absolute;z-index: 4;text-align:right;width:100%;}
.quoteBox .mediaBox {width: 70vw;position: absolute;left:20vw;top:0;height:26rem;overflow:hidden;z-index:1;}
.quoteBox .mediaBox span.ima {outline: none;overflow:hidden;display:block;box-shadow:none;}
.quoteBox .mainBox:before {content: "";display: inline-block;width: 100%;position:absolute;top:0;left:0;height:100%;-webkit-transform: skew(-15deg);-moz-transform: skew(-15deg);-o-transform: skew(-15deg); transform: skew(-15deg);z-index:2;}

.quoteBox span.maintitle {position:relative;z-index:3;}
.quoteBox .txtBox:before {content:open-quote;position:absolute;color:rgba(152, 27, 30, .5);font-size:28rem;line-height: 30rem;top:-2.8rem;left:3rem;z-index:3;font-family:'Roboto', sans-serif;font-weight: 600;}
.quoteBox .auxBox p{text-align:right;}
.quoteBox .mainBox {width:50%;padding: 4rem 2rem;height:26rem;}
.quoteBox .auxBox {line-height:1.6rem;}
.quoteBox .gridBox .cell {padding:0;}
.quoteBox .g1 .txtBox{padding: 0.5rem 0rem 1rem 4rem;}

/** footer **/
.footer a ~ .blindBox {border-top: solid .2rem #cecece;}
.footer .ico {margin:0;}

/* a la carta */
/** beoff be_on **/
.striplayer.beoff {background: #222;padding: 4em 4em 10em 4em !important;z-index: 3;display: inline-block;width: 100%;}
.striplayer.beoff:not(.beon_) {position: absolute;clip: rect(0,0,0,0);overflow: hidden;left: 0;top:0}
.striplayer.beoff.beon_ {position: relative;clip: auto;overflow: visible;}
.striplayer.beoff.beon_ .article, .striplayer.beoff.beon_ .carta.article > * {background: transparent;}
.striplayer.beon_:after {content: '';width: 0;height: 0;position: absolute;bottom: -3em;left: 50%;margin-left: -8em;border: 8em solid transparent;border-top: 3em solid #222;border-bottom: 0 none;}
/* titulares */
.striplayer .breadtabs {margin-bottom: 2rem;}
.breadtabs span {font-size:2rem;line-height: 1.3;color: #c4c6c8;}
.breadtabs .endtag {font-size:1.5rem;}
/*textos*/
.carta .videoPlayer span, .vjs-menu-item, .striplayer.beoff.beon_ .breadtabs .pretitle, .striplayer.beoff.beon_ .breadtabs span {color:#fff}
.striplayer.beon_ .carta.article .summary a {text-decoration: underline}
.striplayer.beon_ .carta.article .summary ul, .striplayer.beon_ .carta.article .summary li {border:none;padding:0}
.striplayer .carta.article .falseH1 .maintitle {font-size:2.4rem;word-spacing: 0.5pt;line-height: 1;color: rgba(255,255,255,0.85);}
.carta.article .summary *, .striplayer .carta.article .summary p {font-size: 1.7rem;line-height: 1.2;color: rgba(255,255,255,0.75);}
/* boton cerrar */
.striplayer > .close {left: 50%;right: auto;z-index: 1;position: absolute;opacity: 0.65;border: 1em solid transparent;margin-left: 60em;bottom: auto;top: 3em;}
.striplayer > .close.ico > img {width: 4em;height: 4em;background-repeat: no-repeat;background-image: url('/css/rtve.2015/i/iconos/icons_60x60_ffffff.png');background-position: 40% 20%;background-size:1100%}
.striplayer > .close:hover img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_active.png')}
.striplayer > .close + .close {top: auto;bottom: 1em;margin-left: -3em;background: rgba(255,255,255,0.25);border-radius: 100%;}
/* menu */
.carta.article .share, .carta.article .share .blind, .carta.article .share .blindBox ul {position:absolute}
.striplayer.beon_ .carta .vjs-control-bar.controlBox {bottom:0}
.carta .videoPlayer .vjs-volume-control, .carta .videoPlayer .vjs-volume-level:after {width: 8.4rem;}
.carta .vjs-menu-button .vjs-menu, .carta .videoPlayer .vjs-menu-button:hover .vjs-menu {width: 30rem;}
.carta .vjs-share-display .checkbox img {left: auto;right: 31rem;top: 1rem;}
.striplayer.beon_ .vjs-related .listBox .cell a .ima.f9x9 {padding-top:75%}
.striplayer.beon_ .vjs-related .cell > a {padding-top: 0;}
/* ocultar */
.carta.article .controlBox [title="Audio Track"] img, .carta.article .vjs-share-display .blindBox > input[type='checkbox'] {display:none;}

/* sociales */
.striplayer.beon_ .article.carta .mainContent .socialBox {position: absolute;top: 4rem;left: auto;clip:inherit;cursor:pointer}
.striplayer.beon_ .carta .mainContent .socialBox .ico .blind img,
.striplayer.beon_ .carta .mainContent .ico.share .blind img,
.striplayer.beon_ .carta .mainContent .ico.share .blindBox img {display: inline-block;z-index:4;outline: solid .1rem;width: 3.6rem;height: 3.6rem;opacity: 1;}
.striplayer.beon_ .carta .mainContent .socialBox .ico.share > .blindBox.beoff.be_on {clip:inherit;outline: solid .1rem;bottom:-3.6rem;}
.striplayer.beon_ .carta .mainContent .socialBox .blindBox .ico:hover, .striplayer.beon_ .carta .mainContent .ico.share .blind:hover {opacity:.65}

/** **/

@media (max-width:1600px) {
/* logos 2019 */
.wrapper.subheader .spechead .container .logoima {top:0;height:6.6rem;padding:.4rem;}
.mainheader .tab_first .logo {left:2rem;}
.auxheader .socialBox {top:8rem;left: 1rem;}
.mainheader .tab_first .ico img {opacity:.8;width:6.2rem;}
.mainheader .tab_first .logo {width:6.2rem;}
}
@media (max-width:1440px) {
.specialTopBox .g1 .txtBox .maintitle {font-size:3rem;}
.container.specialTopBox .videoBox + .overBox h2:before{left:6%;}
.specialTopBox .mainBox .overBox {padding:2rem 0rem 4rem 0rem;width:90%;z-index: 4;}
}
@media (max-width:1040px) {
.container.specialTopBox .videoBox + .overBox h2:before {left:3%;}
.specialTopBox .auxBox p {font-size: 1.4rem;}
.specialTopBox .author em {font-size: 1.4rem;}
.specialTopBox .auxBox a{font-size: 1.4rem;}
.specialTopBox .mainBox .overBox{width:80%;}
}


@media all and (max-width:1440px){
  /** cabecera **/
  .wrapper.bodier [class*="mainCont"] .g2:not(.slaves) .mainBox .mediaBox  .ico.play:not(.vjs-control){left:auto;right:1.5em;top:1.5em;bottom:auto;margin:0;}
  .wrapper.mainheader {left: 2rem;z-index:6}
  .wrapper.subheader {z-index:5}
  .subheader .spechead h1 {left: 10rem;}
  .wrapper.subheader .spechead .emisBox {right:4rem;}

  /*icono lista*/
  .navBox.spechead .container ~ .slidB {display:inline-block;position:fixed;top:1.75em;left: auto;right: 2rem;filter:invert(0.1);}
  .navBox.spechead .container ~ .slidB.be_on {right: 41.75em;left: auto;}
  .navBox.spechead .container ~ .slidB.ico img{height: 2.4rem;width: 2.4rem;background: url(/css/rtve.2015/i/iconos/icons_40x40_000000.png) no-repeat;background-size: 1100%; background-position: 0 0;cursor:pointer;opacity:1;-webkit-filter:invert(100%);-moz-filter:invert(100%);-ms-filter:invert(100%);-o-filter:invert(100%);filter:invert(100%);}
  .navBox.spechead .container ~ .slidB.ico img:hover{opacity:0.5;}
  .navBox.spechead .container ~ .slidB.ico.be_on img {background:url(/css/rtve.2015/i/iconos/icons_40x40_000000.png) no-repeat;background-size:1100%;background-position:40% 20%;}
  /*navegacion*/
  /*.navBox.spechead .container,*/
  .subheader .navBox.spechead{height:0;}
  .spechead h1{left:5em;z-index:-0;height:7em;}
  .subheader .spechead .blindBox {top:0;}
  .subheader .spechead > .blindBox {height:100%;position:fixed !important;}
  .subheader .spechead > .blindBox.be_on {width:100%;}
  .subheader .spechead > .blindBox, .subheader .spechead > .blindBox ul {width:40em;max-width:100%;}
  .subheader .spechead > .blindBox {right: -40em}
  .subheader .spechead > .blindBox.be_on {left: auto;text-align: right;right: 0;}
  .subheader .spechead > .blindBox > ul {background:rgba(0,0,0,0.77);height:100%;overflow:auto;overflow-x:hidden;}
  .subheader .spechead > .blindBox:first-child ul {position:absolute;left:0;}

  .subheader .spechead .blindBox > ul:first-child > li{width:100%;padding:1.6em 1.6em 1.6em 6em;text-align:left;}
  .subheader .spechead > .blindBox > ul > li .blindBox.be_on {position:relative;left:0;width:40em;top:1.6em;background:rgba(0,0,0,0.15);margin-left:-6em;}
  .subheader .spechead > .blindBox > ul > li ul li{width:100%;text-align:center;}
  /*redes sociales debajo de logo*/
  .wrapper.auxheader{display:inline-block;width:auto;z-index:2;}
  /*transicion*/
  .navBox.spechead .container ~ .slidB.ico,
  .navBox.spechead .container ~ .slidB.ico.be_on {-webkit-transition:right 1s;-moz-transition:right 1s;-o-transition:right 1s;transition: right 1s;}
  .subheader .spechead > .blindBox {-webkit-transition:right 1s;-moz-transition:right 1s;-o-transition:right 1s;transition: right 1s;}
  .ico.arrow.slidB {z-index:10;}
  /** **/

  .specialTopBox + .container.striplayer,
  .specialTopBox + .striplayer.beoff + .container.striplayer {background:none;box-shadow:none;}
  .specialTopBox .txtBox .maintitle {font-size: 3.2rem;line-height: 1;}
}

@media only screen and (max-width:1280px){
  /* textos apertura */
  .specialTopBox .txtBox, .specialTopBox .auxBox {padding-left:8rem}
  .specialTopBox .txtBox .maintitle {font-size: 2.8rem;line-height: 1;}
  .specialTopBox .pretitle {font-size:2.4rem}
  .specialTopBox .g1 .auxBox * {font-size:1.6rem}
}