@charset "UTF-8";

/** CABECERA ************************************/
/************************************************/
.navBox {min-height:0;padding-bottom:0;background: transparent;}
.navBox {position:fixed;z-index: 4;top:0;left:0;}
.navBox .container > * {position:relative;}
.navBox .blindBox {position:fixed;}

.navBox .blindBox {left:0;top:0;}
.navBox .container > * {z-index:2;}
.navBox .container > .blindBox {z-index:1;}

.tooltip {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

/*logo*/
.navBox .logo-rtve {width:6.8rem;height:3.6rem;/*display:inline-block;*/}
.navBox .logo-rtve .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/rtve.svg');width:100%;height:100%;padding-top:56.25%;overflow:hidden;}
.rtve-icons {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

.navBox {width:100%;min-height:16rem;padding:1.6rem 0;
background:rgba(18,16,16,0.65);
background:-moz-linear-gradient(top,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
background:-webkit-linear-gradient(top,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
background:linear-gradient(to bottom,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6121010', endColorstr='#00121010',GradientType=0 );
}
body {padding-top:7.2rem;}
/*.scrolled .navBox {min-height:7.2rem;background:rgb(18,16,16);}*/
.navBox .container {padding:0 0.8rem;}
/*auxiliares*/
.navBox .services {float:right;display:flex;flex-direction:row;align-content:space-between;}


/*boton menu*/
.navBox .menu-cross {width:4rem;height:4rem;float:left;position:relative;border:0.9rem solid transparent;margin-right:0.8rem;}
	.menu-cross span {width:100%;height:0.2rem;background:#fff;position:absolute;left:0;top:calc(50% - 0.1rem);transform:rotate(0deg);opacity:1;}
	.menu-cross span:nth-of-type(1) {top:0.2rem;}
	.menu-cross span:nth-of-type(4) {top:calc(100% - 0.4rem);}
	.menu-cross.active span:nth-of-type(1),.menu-cross.active span:nth-of-type(4) {opacity:0;}
	.menu-cross.active span:nth-of-type(2) {transform:rotate(45deg) scaleX(1.2);}
	.menu-cross.active span:nth-of-type(3) {transform:rotate(-45deg) scaleX(1.2);}

/*panel lateral principal*/
.navBox .blindBox,.blindBox .mainTabs {width:0;}
.navBox .blindBox {height:100vh;
background:rgba(0,0,0,0.85);
background:-moz-linear-gradient(left,rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
.blindBox .mainTabs {height:calc(100% - 4.8rem);overflow:hidden;box-shadow:0 0.2rem 2rem 0 rgba(0,0,0,0.5);padding:12rem 0 0 0;background:#000;}
.blindBox .mainTabs li,.blindBox.be_on .mainTabs {width:32rem;}
.blindBox.be_on {width:100%;/*padding-left:5%;igual que "container"*/}
.blindBox.be_on .mainTabs {padding:12rem 2.4rem 2.4rem 4.8rem;}

.mainTabs li > a {display:inline-block;width:100%;padding:0.4rem 0;}
.mainTabs li {padding:0.8rem;}
.mainTabs li > a {opacity:0.67;}
.mainTabs li > a:hover {opacity:1;}

.mainTabs a strong {font-size:1.6rem;line-height:2.4rem;font-weight:400;text-transform:uppercase;letter-spacing:1pt;color:#fff;}

/** CABECERA ************************************/
/** END *****************************************/

.container {width:90%;}
.container.striplayer {width:100%;}