@import url('/css/rtve.2019/rtve.commons/rtve.modules/headers.desktp.css');
@import url('/css/rtve.2018/rtve.skins/rtve.modules/catalogo.desktp.css');
@import url('/css/rtve.2018/rtve.commons/rtve.modules/rtve.2018.player.css'); /*player*/
@import url('/css/rtve.2019.noticias/rtve.especiales/comic.rtve-TE_SCOMICR/TE_SCOMICR.basics.por.css');

@import url('/css/rtve.2018/rtve.skins/rtve.modules/alacarta.css');

/* cabecera */
.container.mainheader {background:none}
.mainbodier {padding-top: 0;}
.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;}
.subheader .spechead nav.blindBox {padding:1.3rem;margin: 0 auto;left:25rem;padding-right: 25rem;margin-top:-10em;text-align: left;}
.subheader .spechead nav.blindBox li:hover {background:rgba(255, 0, 0, 0.6)}
.subheader .spechead nav.blindBox li:hover span {color:#fff}

/** generales **/
.mainbodier {z-index: 1;position: relative;}
.bodier .container, .container.striplayer .grid, .subheader .spechead nav,.footer > .container {width: 118em;}
.cell:hover .mediaBox .ima {filter: brightness(110%);-webkit-filter:brightness(110%);-moz-filter:brightness(110%);-ms-filter:brightness(110%);-o-filter:brightness(110%);}
body #onetrust-consent-sdk {width: 100%;left: 0;}

.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%;}

/** botones **/
.mainBox .mediaBox .ico:hover {background-color: rgba(255, 0, 0, 0.8);}
.arrays .controlBox .ico:hover {opacity:.8}
.photoBox .controlBox .xtras .ico:hover, .ongridBox .controlBox .paginaBox li:hover {background:transparent; opacity:.3}
/** pantalla completa **/
.fullscBox .photoBox figure:hover figcaption {opacity:1;visibility: visible;position: absolute;bottom: 0;}

/** G1 **/
.g1 .mainBox .auxBox, .slaves .mainBox .auxBox {width:50%;}

/** G3 **/
.g3.inrows .slavesBox {display:flex;}
.g3.inrows .slavesBox .cell {margin:1.3rem;padding:0}

/** INSIDE **/
.inside .single .gridBox {display:flex}
.inside .single .gridBox .cell {margin:1.3rem;padding:0}

/** SLAVES **/
.slaves {margin-bottom:3rem}
.slavesBox {display:inline-block;float:right;}
.slavesBox .cell .mainBox .txtBox {padding:1.5rem;}
.slaves .gridBox > .cell .mainBox {min-height:73rem}
.slaves .gridBox > .cell .mainBox .txtBox a {position: absolute;bottom: 100%;padding: 1.5rem;height:auto}

/*positioning*/
.slavesBox,
.stat2 .teams,.stat3 .teams {position:relative;}
.slaves.size100.g2 .slavesBox,.slaves.size100.g3 .slavesBox,
.overBox,.titles .overBox .txtBox,
.stat2 .teams .score,.stat3 .teams .score {position:absolute;}

.stat2 .teams .score,.stat3 .teams .score {left:0;top:0;}
.slaves.size100.g2 .slavesBox,.slaves.size100.g3 .slavesBox {right:2em;}
.bloody .slaves.size100.g2 .slavesBox,
.bloody .slaves.size100.g3 .slavesBox {right:4em;}
/* .slaves.size100.g3 .slavesBox {bottom:2em;} */
.bloody.inside .size_50.g2 .slavesBox .overBox {left:auto;right:0;top:0;margin-top:0;}
.bloody.inside .slaves.size_50.g2 .slavesBox .txtBox {left:0;}
.overBox {z-index:1;left:0;}

/* G2 */
.container:not(.bloody) > .slaves.size100.g2 .slavesBox {width: 30%;height:100%;/*padding-top: 2em;*/}
.container:not(.bloody) > .slaves.size100.g2 .slavesBox .cell {position: absolute;top:44rem;bottom: auto;}
.container:not(.bloody) > .slaves.size100 .slavesBox .txtBox {width:100%}

/* G3 */
.container:not(.bloody) > .slaves.size100.g3 .slavesBox {width: 50%;top:47rem;/*padding-top: 2em;bottom: 3rem;*/right:0;bottom: auto;}
.container:not(.bloody) > .slaves.size100.g3 .slavesBox .cell {width:50%;display:inline-block}
.container:not(.bloody) > .slaves.size100.g3 .slavesBox .cell .auxBox {display:none}
.container:not(.bloody) > .slaves.size100.g3 .secBox + .gridBox > .slavesBox {top:53rem;bottom: auto;}

.container:not(.bloody) > .size_50.g3 .cell:first-child {width:50%}
.container:not(.bloody) > .size_50.g3 .cell:nth-child(1n+2){width:25%}

.container:not(.bloody) > .slaves.size100.g3.incols .slavesBox {width:25%;top:2rem;right: 2rem;}
.container:not(.bloody) > .slaves.size100.g3.incols .slavesBox .cell {width:100%;}
.container:not(.bloody) > .slaves.size100.g3.incols .secBox + .gridBox .slavesBox {top:8rem}

/** catalogo **/
.container .grid > .gridBox.slideH {padding-top:0}
.striplayer .arrays .secBox + .slideH + .controlBox, .striplayer .arrays .secBox + .slideH + .spinnBox + .controlBox,
.arrays .secBox + .slideH + .controlBox, .arrays .secBox + .slideH + .spinnBox + .controlBox,
.arrays .slideH + .controlBox, .arrays .slideH + .spinnBox + .controlBox,
.striplayer:not(.specialTopBox) + .container .arrays .secBox + .slideH + .controlBox,
.striplayer:not(.specialTopBox) + .container .arrays .secBox + .slideH + .spinnBox + .controlBox {width:100%;top:50%;margin-top:-3.6rem}
.arrays .back_ {float:left;margin-left:-3.6rem}
.arrays .next_ {margin-right:-3.6rem}
body .arrays .controlBox .ico img{background-image:url("/css/rtve.2015/i/iconos/icons_40x40_000000.png");background-color:#F5F5DC;outline: .2rem #000 solid;}
/** **/


/**** ***/

/** 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(3) ,.optionsBox .grid02 li:nth-child(4),.optionsBox .grid03 li:nth-child(3),
.optionsBox .grid04 li:nth-child(2),.optionsBox .grid05,.optionsBox .grid00{display:none;}

fieldset[id="mod_catalogo"] .optionsBox > li:nth-child(1n+5),
input[value="bloody"] + label,
input.onlyTitle + label {display:none;}
/* revisar */
.wrapper.bodier .grid > .gridBox .m100 > .cell:first-child .play,
.wrapper.bodier .grid > .gridBox .m100 > .cell .play,
.wrapper.bodier .grid > .gridBox .m100 > .slavesBox > .cell .play {width:3.6rem;height:3.6rem;}
/** **/


@media (max-width: 1099px){
body {font-size: 0.96em;}
.container .slaves .gridBox > .cell .mainBox {min-height:auto;}
.container:not(.bloody) > .slaves.size100.grid .gridBox .slavesBox,
.container:not(.bloody) > .slaves.size100.grid .gridBox .slavesBox .cell  {position:static;}
.g1 .mainBox .txtBox, .slaves .gridBox > .cell .mainBox .txtBox,
.container:not(.bloody) > .slaves.size100.grid .gridBox .slavesBox,
.container:not(.bloody) > .size_50.g3 .cell:first-child {width:100%;}
.container:not(.bloody) > .slaves.size100.g3.incols .gridBox .slavesBox  .cell,
.container:not(.bloody) > .size_50.g3 .cell:nth-child(1n+2){width:50%;}
/* .container:not(.bloody) > .slaves.size100.grid .gridBox .slavesBox .cell {position:static;} */
/* .g1 .mainBox .auxBox, .slaves .mainBox .auxBox {width:100%;} */

}

@media (max-width: 1199px){
.mainheader .navBox .container {width: 70%;}
}

@media only screen and (max-width:1274px){
  .arrays .slideH.elem00 .topBox .pagBox {padding:1.3rem 3.9rem}
  .grid.arrays.simply.g1 .gridBox .cell {padding: 1.3rem 5.3rem;}
  .arrays .ico.arrow {margin:0}
}
