@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.2015/rtve.skins/rtve.SERIES/series.desktp.header.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');

@import url('/css/rtve.2018/rtve.skins/rtve.modules/alacarta.css');
@import url('/css/rtve.2018/rtve.skins/rtve.SERIES/series.menu.css');
@import url('/css/rtve.2018/rtve.skins/rtve.SERIES/series.desktp.apertura.css');

@import url('/css/rtve.2018/rtve.skins/rtve.PROGRAMAS/programas.galeria.por.css');

/* cabecera */
.wrapper.subheader .spechead .emisBox{top:.6rem;left:auto;position:relative}
.wrapper.subheader .spechead .emisBox .cell {width:100%;padding-top:0;display:table;height:6.6rem}
.wrapper.subheader .spechead .emisBox .cell .maintitle {width:14rem;font-weight:300;font-size:1.4rem;display:table-cell;/*height:4em;*/text-align:center;vertical-align:middle;padding:0;color:#fff;text-shadow:0px 1px 2px #262626;}
.wrapper.subheader .spechead .emisBox .ico.canal {display:table-cell;vertical-align:middle;height:4em;position:relative;top:0;margin:0;}
.wrapper.subheader .navBox.spechead {position:relative;}


/* generales */
.wrapper.breakNews{display:none;}
.wrapper.mainheader .container {width:auto}
.wrapper .container, .container.striplayer .grid {width:118em;}
.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%;}

.container article.cell {padding-bottom:1.8rem;}
.mainBox .auxBox strong {font-weight:500;}
.mainBox .auxBox a {transition:all .2s;}

.toplayer + .container:not(.striplayer),
.toplayer + .container:not(.specialTopBox) > section.grid:not(.arrays) > .gridBox:first-child {padding-top:2rem;}

/*seccion normal 2*/
section.grid > .secBox > span{padding:0}
/*seccion catalogo*/
section.grid > h1, section.grid > .secBox, .sliderBox h1 {padding:1rem .8rem 1rem .8rem;}
.container:not(.striplayer) .secBox:before, .sliderBox h1:before {margin-top:3.2rem;}
.arrays .slideH.elem00.show1 .topBox {display:block;}

.arrays .secBox + .slideH + .controlBox, .arrays .secBox + .slideH + .spinnBox + .controlBox,
.striplayer:not(.specialTopBox) + .container:not(.striplayer) .arrays .secBox + .slideH + .controlBox,
.striplayer:not(.specialTopBox) + .container:not(.striplayer) .arrays .secBox + .slideH + .spinnBox + .controlBox {top:6.4rem;}

/*plantilla personajes banner*/
.container.charactersBox.striplayer.inside {width:100%;margin:7rem 0 1rem 0;box-shadow:0rem 0rem 2.1rem #1c1c1c;}
.wrapper .charactersBox.striplayer .grid {width:100%;padding:0;}
.charactersBox .gridBox .cell {padding:0;}
.charactersBox ul.socialBox {display:none;}

.charactersBox .mediaBox {position:relative;}
.charactersBox .mediaBox a {width:100%;height:100%;position:absolute;display:inline-block;top:0;left:0;}
.charactersBox .g1 .mediaBox span.ima{padding-top:20%;display:block;box-shadow:none;outline:none;}
.charactersBox .ima img{height:100%;width:auto;padding-left:16%;}

.charactersBox .txtBox {width:44%;background:#fff;display:inline-block;text-align:left;padding:3rem 10% 1rem 3rem;position:absolute;right:0;top:-15%;filter:drop-shadow(0rem 0.2rem 0.6rem #1c1c1cb5);z-index:9;}
.charactersBox .txtBox .maintitle {font-family:sans-serif;text-transform:uppercase;font-size:4.2rem;line-height:1.3;z-index:9;font-weight:400;position:relative;padding:0rem 18% 2rem 2rem;}
.charactersBox .txtBox a:before {content:"";display:inline-block;width:100%;position:absolute;top:0;left:-4.9rem;height:100%;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);transform:skew(-20deg);background:#fff;}
/**animaciones **/
.charactersBox .mediaBox span img{height:100%;filter:brightness(.9) drop-shadow(.1rem 0.1rem .8rem rgba(0, 0, 0, 0.2));transition:.4s all;transform:scale(1);-webkit-filter:brightness(.9) drop-shadow(.1rem 0.1rem .8rem rgba(0, 0, 0, 0.2));-o-filter:brightness(.9) drop-shadow(.1rem 0.1rem .8rem rgba(0, 0, 0, 0.2));-ms-filter:brightness(.9) drop-shadow(.1rem 0.1rem .8rem rgba(0, 0, 0, 0.2));transition:.4s all;}
.charactersBox .mediaBox:hover span img{filter:brightness(1) drop-shadow(.1rem 0.1rem .8rem rgba(0, 0, 0, 0.2));-moz-filter:brightness(1) drop-shadow(.1rem 0.1rem .8rem rgba(0, 0, 0, 0.2));-ms-filter:brightness(1) drop-shadow(.1rem 0.1rem .8rem rgba(0, 0, 0, 0.2));-o-filter:brightness(1) drop-shadow(.1rem 0.1rem .8rem rgba(0, 0, 0, 0.2));transition:.4s all;transform:scale(1.02);}

/**quoteBox **/
.container.quoteBox.striplayer.inside {box-shadow:0rem 0rem 2.1rem #1c1c1c;margin:4rem 0;}
.wrapper .container.quoteBox .grid {padding-top:0;margin-top:4rem;}
.quoteBox .gridBox .cell {padding:0;}
.quoteBox .mainBox {width:50%;padding:4rem 2rem;height:26rem;}
.quoteBox .mainBox:before {content:"";display:inline-block;width:100%;position:absolute;top:0;left:0;height:100%;-webkit-transform:skew(20deg);-moz-transform:skew(20deg);-o-transform:skew(20deg); transform:skew(20deg);z-index:2;}
.quoteBox .mediaBox {width:70vw;position:absolute;left:24vw;top:0;height:26rem;overflow:hidden;z-index:1;}
.quoteBox .mediaBox span.ima {outline:none;overflow:hidden;display:block;box-shadow:none;}
.quoteBox .ima img {width:auto;top:-4rem;}

.quoteBox .overBox {position:relative;width:100%;height:100%;display:table}
.quoteBox .overBox .txtBox {display:table-cell;vertical-align:middle;}
.quoteBox .txtBox:before {content:"\201C";position:absolute;top:0;left:0;z-index:3;}
.quoteBox span.maintitle {position:relative;z-index:3;}
.quoteBox span.maintitle:after {content:"\201D";z-index:3;}
.quoteBox .mainBox .auxBox {position:absolute;top:80%;bottom:auto;left:auto;right:2rem;z-index:2;width:80%;}

/**quoteBox con texto a la derecha**/
.quoteBox.quoteRight .mainBox {width:100%;}
.quoteBox.quoteRight .mainBox:before {left:50%;}
.quoteBox.quoteRight .mediaBox {left:-24vw;}
.quoteBox.quoteRight .overBox {width:50%;left:50%;}

/** atlantis **/
.optionsBox .grid04 ul li:last-child,.optionsBox .grid05,.optionsBox .grid06,.optionsBox .grid00,
.optionsBox .grid01 li:nth-child(2),.optionsBox .grid01 li:nth-child(3),.optionsBox .grid01 li:nth-child(4),
.optionsBox .grid02 li:nth-child(2),.optionsBox .grid02 li:nth-child(3),.optionsBox .grid02 li:nth-child(4),
.optionsBox .grid03 li:nth-child(2),.optionsBox .grid03 li:nth-child(3),.optionsBox .grid03 li:nth-child(4),
.optionsBox .grid03 li:nth-child(5){display:none;}

/*fieldset[id="mod_catalogo"] .optionsBox > li:first-child,*/
input[value="byside"] + label,
input[value="bloody"] + label,
input.onlyTitle + label {display:none;}

.container.cartelas .grid .cell .mainBox .mediaBox .ima {padding-top: 147.63636363%;}

/** **/

@media all and (max-width:1440px){
  /** personajes **/
  .charactersBox .txtBox {padding:3rem 5% 3rem 3rem;}
  .charactersBox .txtBox .maintitle{font-size:3.8rem;}
}