﻿/*@import url('/css/rtve.2015/rtve.commons/rtve.header.footer/desktp.subheader.css');
@import url('/css/rtve.2018.rtve/rtve.playz/rtve.playz.avance/playz.desktp.cab.css');*/
@import url('playz.basics.por.css');

/*cabecera*/
.wrapper.auxheader {margin-top:0;}

.wrapper.fixer.auxheader {top:7rem !important;}
.wrapper .navBox.spechead .container {height:8rem;}
.wrapper.auxheader .container .socialBox {position:relative;top:2em;}
/*.wrapper .navBox.spechead .blindBox {text-align:right;right:18.5%;top:5%;}*/
.wrapper .navBox.spechead .blindBox {margin:10;z-index:1;}
.wrapper.subheader .spechead .emisBox {top:8em;right:10rem;}
.wrapper.subheader .spechead .emisBox .maintitle {width:18rem;display:inline-block;}
.wrapper.mainheader {top:2.2em;}
/*.subheader .spechead h1 {left:50%;margin-left:-12em;}*/
.subheader .spechead .ima.logoima {width:100%;height:auto;top:1.25rem;/*margin-left:-84rem;*/}
.subheader .spechead .ima.logoima img {top:auto;left:auto;margin:0;}
.subheader .spechead .partBox {top:auto;margin-top:-5.6rem;left:auto;margin-left:2rem;height:5.2rem;width:5.2rem;}

.wrapper.subheader,
.wrapper.subheader .navBox.spechead ,
.wrapper.subheader.spechead nav.blindBox {position:relative;}
.spechead .container, .navBox.spechead
.wrapper.subheader .navBox.spechead,
.navBox.spechead .container {height:16rem;}
.wrapper.subheader .container {margin-bottom:0;}

.subheader .navBox.spechead {height:auto;}
.wrapper.subheader .ico.arrow.slidB {/*display:none;*/}
.navBox.spechead .blindBox {float:left;position:absolute;bottom:0;top:auto;z-index:3;}

/*cartela*/
.wrapper.subheader .spechead .emisBox .maintitle {top:0;text-shadow:0.1rem 0.1rem 0.2rem rgba(30,30,30,0.7);}
.bodier .container:not(.falseStriplayer):not(.striplayer):not([class*='separador']) {width:128rem;}
.container.striplayer {padding-bottom:3em;margin-bottom:0;}

/*imagenes*/
.mainBox .ima.f16x9 {padding-top:050.00%;}	

/*pretitle*/
.mediaBox +.overBox .txtBox {display:-webkit-flex;display:-moz-flex;display:flex;flex-direction:column;}
.mediaBox +.overBox .pretitle {-webkit-order:2;order:2;}
.mediaBox +.overBox .pretitle {-webkit-order:1;order:1;}

.container:not(.bestClips) .grid:not(.g1) .gridBox:not(.catalog) .mod .mainBox .maintitle {font-size:240%;}

/*img apaisada*/
.container .gridBox .mainBox .mediaBox .f27x9 {padding-top:33.33%;}

/*overBox*/
.overBox .txtBox .pretitle, .overBox .auxBox  {padding-top:1.4rem;display:inline-block;}
.inside .mediaBox + .overBox {bottom:0;padding:0 10rem 3em 4em;}
.inside .grid:not(.g1) .mediaBox + .overBox {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 56%, rgba(35, 38, 46,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(35, 38, 46,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 60%,rgba(35, 38, 46,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    padding: 2rem 6rem;bottom:0;width:100%;}

/*primer elemento - slide */
.toplayer+.container .grid,
.toplayer+.striplayer.beoff +.container .grid {width:128rem;display:block;margin:0 auto;}
.toplayer+.container  .mediaBox .ima.f16x9 {padding-top:040.91%;}
.container[data-tipo='mod_slide'] .grid {max-width:128rem;margin:0 auto;display:block;overflow:hidden;}
.container[data-tipo='mod_slide'], .toplayer+.container {background:#23262e;}

/*catalog*/
.container[data-tipo="mod_catalogo"] {width:100%;}
.container[data-tipo="mod_catalogo"].container[data-tipo="mod_catalogo"] .grid {max-width:128rem;margin:0 auto;display:block;overflow:hidden;}
.container[data-tipo='mod_catalogo'] {background:#ccd1e0;}

.controlBox .arrow {border:0;}
.controlBox .arrow img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_000000.png');width:4rem;height:4rem;}

/*.gridBox {float:left;}*/

/*sociales*/
.mainBox > .socialBox .ico.share > .blindBox.be_on .ico a:hover {background:rgba(255,255,255,0.95);}
.mainBox > .socialBox .ico.share > .blindBox.be_on .ico a:hover img {opacity:1;}
.mainBox > .socialBox .ico.share > .blindBox.be_on .ico a {background:rgba(255,255,255,0.77);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.mainbodier .bodier.wrapper > .container .grid > .gridBox > .cell > .mod > .mainBox > .socialBox .blindBox .ico img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_000000.png');}

@media (max-width:1280px) {
.toplayer+.container .grid,
.bodier .container:not(.falseStriplayer):not(.striplayer):not([class*='separador']) {width:100%;}
}

@media (max-width:1440px) {
	.wrapper.subheader .spechead .partBox {margin-left:5.8rem;height:4rem;width:4rem;}
    .wrapper.subheader {z-index:2;}
}

/*@media only screen and (min-width: 1400px) {
    .bodier .container.bloody:not(.striplayer), 
    .bodier .container:not(.striplayer).bloody, 
    .bodier>.container.striplayer .grid {width:128rem; min-width:128rem;}
}*/