@import url('/css/rtve.2015.filmoteca/rtve.filmoteca/filmoteca.player.css');
@import url('/css/rtve.2015.filmoteca/rtve.filmoteca/filmoteca.navegacion.css');

/* text & fonts */
.subheader nav li .ico span {font-size:180%;font-weight:700;}
.subheader nav li .blindBox li a span {font-size:160%;font-weight:400;}
.subheader .spechead nav li:first-child .ico a:hover span, .filmoteca.portada .spechead nav li.ico a:hover span {color:rgba(255,255,255,1);}

.subheader nav li .ico span {text-transform:uppercase;color:rgba(255,255,255,1);}
.subheader nav >ul> li:first-child, .rtve .subheader .spechead nav .ico.arrow + .blindBox {display:none;}

/*cabecera general*/
body .mainheader {position:relative;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.wrapper.mainheader {width:100%;background:rgba(0,0,0,0.25);height:5.6em;height:0;border-bottom: 1px solid #fff;}
.wrapper.mainheader .navBox>.container {width:100% !important;margin:0 auto;overflow:visible;text-align:left;padding-top:0;}

/*logo rtve fff*/
.mainheader {z-index: unset;}
.mainheader .tab_first img {background:transparent;}
.mainheader .tab_first a,.mainheader .tab_first span {display:inline-block;}
.mainheader .tab_first .logo {width:7.6em;padding:0;}
.mainheader .tab_first a {width:100%;/*padding-top:55.9%*/padding-top:82%;position:relative;overflow:hidden;}
.mainheader .tab_first .ico .tabH1 {opacity:0.8;padding-top:100%;position:absolute;left:0;top:0;background:url('http://img.irtve.es/css/rtve.commons/rtve.header.footer/i/logoRTVE_ffffff.png') 0 0 no-repeat;background-size:85% auto;clip:auto;width:100%;margin:0;}
.mainheader.minify {position:absolute !important;}
.mainheader .tab_first a:hover .tabH1 {opacity:1;background-image:url('http://img.irtve.es/css/rtve.commons/rtve.header.footer/i/logoRTVE.png');}

/* ocultando elementos */
.navBox>.container .tab_first > .blindBox {display:none;}
.no-sphead .subheader .spechead nav .ico.arrow + .blindBox,.rtve .subheader .spechead nav .ico.arrow + .blindBox,
.subheader nav .arrow a img  {display:none;}
.maintabs .arrow a, .subheader nav .arrow a {padding-right:0;}

/* cabecera subheader */
.wrapper.subheader {border-bottom:1px solid #fff;/*margin-top:-5.6rem;*/}
.wrapper.subheader  {width:100%;height:5.6em;}
.wrapper .spechead:after {content:none}
.wrapper.subheader nav li {padding:0.6em 1.6rem;}
.spechead.navBox {width:118em;margin:0 auto;display:block;float:none;}
.spechead nav .ico {padding:0;}
.spechead nav ul {text-align:center;}
.subheader .spechead h1 {top:1em; padding-left:12rem}
.spechead nav li a:hover span:after, .spechead nav .active a span:after {height:0;}

.subheader .spechead nav {top:1em;}
.subheader .ima.logoima {width:9em;height:2.4em;}
.subheader .spechead .logoima img {width:100%;left:0;}
.subheader nav > ul {width:118em;margin:0 auto; padding-left: 26rem}

.subheader .spechead .blindBox {text-align:left;}
.subheader .spechead, .subheader .spechead nav {background:none;}
.subheader .spechead nav {padding:0.6em 0;}

.wrapper.subheader {z-index:3;}

/* nav NODO */
.subheader .spechead nav .ico.arrow + .blindBox {top:5.6em;height:4em;background-color:#494949;width:100vw;left:calc(-50vw + 50%)}

/*Secciones*/
.subheader .spechead .container {height:5em;width:38.5rem !important;margin:0;z-index:2;}
.mainbodier {padding-top:0;}

/* positioning */
/* .spechead h1,.subheader {position:relative;} */
.subheader .spechead nav, .no-sphead  .subheader .spechead .container, .navBox .blind,.mainheader .tab_first  {position:absolute;}
.navBox>.container>.blindBox, .navBox>.container>.blindBox .tab_first>.blindBox {position:relative;}
.wrapper.mainheader .tab_first  {top:0;left:0;margin-left:4rem;}

.navBox .blind {left:0%;}
.subheader .spechead .logoima img{left:0;top:0;z-index:1;margin-top: 1.2rem;}
/*.wrapper.mainheader > .navBox,*/
.navBox .blind {z-index:7;}
.mainheader .tab_first {z-index:5;}
.subheader .spechead nav, .navBox .blind  {top:0;}


@media only screen and (min-width: 1260px) {
.mainheader {width:100%;}
}

.spechead .ico.favor  {position:absolute;clip:rect(0,0,0,0);top: -100%;left: -100%;}

/*footer*/
.footer .container> ul> li {position:relative;}
.footer .container> ul> li > a:before {content:'';display:block;width:100%;height:4rem;position:absolute;}
.footer ul li a img {opacity:0;}
.footer .tve:before {background:url('/css/style2011/i/PG_logo_TVE_white.png') no-repeat;width:100%;}
.footer .rne:before {background:url('/css/style2011/i/PG_logo_RNE_white.png') no-repeat;width:100%;}
.footer .cor:before {background:url('/css/style2011/i/PG_logo_RTVE_white.png') no-repeat;width:100%;}
.footer .container .ico a {width:100%;height:auto;}
.footer .tve ~ .blindBox, .footer .rne ~ .blindBox , .footer .cor ~ .blindBox {border-top:0.2em solid #ddd;margin-top:2em;}
.footer .tve, .footer .rne, .footer .cor {border-bottom:0}
.footer .container .endBox ul li, .footer .container .endBox span {color:#737578;}

.wrapper.footer ul li a img {padding-bottom:0;}

/****/

/*// menu desplegable //*/
body .mainheader .blind.lefton[style*='none'] + nav .maintabs li:not(.tab_direc),.mainheader .tab_first img {display: inline-block;}
.navBox > .container > .blind.leftoff[style*='inline'] > img {background-position: 40% 20%;  opacity: 1;}
.mainheader .navBox .container .blindBox {box-shadow: none!important}

.navBox {min-height:6rem;}
.navBox > .container > .blind {width:3.6rem;height:3.6rem;line-height:3.6rem;border-radius:0.2rem;position:absolute;left:7rem;/*margin-left:-8rem*/;top:0.2rem}
.navBox > .container > .blind.lefton {display:inline-block;}
.navBox > .container > .blind > img {width:2.4rem;height:2.4rem;background-size:1100%;background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');background-position: 0 0;}

body {position:relative!important; left:0!important}
.navBox>.container>.blindBox, .navBox>.container>.blindBox .tab_first>.blindBox {left:0!important;}

.mainheader nav .maintabs li:not(.tab_first),.mainheader .tab_first img {display:none;}
body[style='left: 0px; position: static;'] .mainheader .maintabs li:not(.tab_direc),.mainheader .tab_first img {display: inline-block;}

/*// horizontal //*/
body[style='left: 0px; position: static;'] .mainheader {margin-top:0;}
.mainheader .navBox>.container li:not(.tab_first) {padding-top:1rem}
.mainheader .navBox>.container li.tab_infor {margin-left:7rem}

.wrapper.mainheader {background:transparent;}
.mainheader header > .container > .blind.lefton[style*='none'] + nav {/* margin-top:5.6rem; */width:100%;background:#1E1E1E;z-index: 5;}
.mainheader .navBox .maintabs {text-align:center;}
.mainheader .navBox > .container > .blind {}
.mainheader .tab_direc {display:none !important;}
.mainheader .navBox > .container > .blind {left:0;margin-left:0;cursor: pointer;}
.mainheader header > .container > .blind.lefton[style*='none'] + nav .maintabs li {position:relative;z-index:2;}

body[style='left: 0px; position: static;'] .wrapper.mainheader{height:5.6rem;}
body[style='slideL.lefton']  .maintabs li:not(.tab_first) {opacity:0;display:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.mainheader header > .container > .blind.lefton[style*='block'] + nav .maintabs li:not(.tab_first) {opacity:0;display: inline-block;}
.mainheader header > .container > .blind.lefton[style*='none'] + nav .maintabs li {opacity:1;display: inline-block;}

/** hover **/
.mainheader .navBox > .container > .blind:hover, .subheader .ima.logoima:hover, .wrapper.subheader .navBox.spechead .blindBox li:hover,
.bodier .container a:hover span, .searchBox ul li:hover, .slideH + .controlBox .arrow:hover {opacity:.7}
