@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,600,100);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,100);

/*common*/@import url("/css/tipografias.css");
/*common*/@import url("/css/rtve.commons/rtve.basics/00_reset.css");
/*common*/@import url("/css/rtve.commons/rtve.basics/01_liquid.css");
/*common*/@import url("/css/rtve.alacarta/sabanas.css");
/*common*/@import url("/css/alacarta20/rtve.players.css");

/** alerta **/
.rtveRedireccion .auxBox {padding:2rem 2rem 2rem 4rem;background:#fefefe;cursor:default;}
.rtveRedireccion .auxBox p {font-size:180%;color:#494847;}
.rtveRedireccion .botonBox{font-size:120%;padding:1rem 2rem;margin-left:1rem;cursor:pointer;color:#fff;background:#f77707;
    background:-moz-linear-gradient(left,rgba(247,119,7,1) 0,rgba(240,80,16,1) 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(247,119,7,1)),color-stop(100%,rgba(240,80,16,1)));
    background:-webkit-linear-gradient(left,rgba(247,119,7,1) 0,rgba(240,80,16,1) 100%);
    background:-o-linear-gradient(left,rgba(247,119,7,1) 0,rgba(240,80,16,1) 100%);
    background:-ms-linear-gradient(left,rgba(247,119,7,1) 0,rgba(240,80,16,1) 100%);
    background:linear-gradient(to right,rgba(247,119,7,1) 0,rgba(240,80,16,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77707', endColorstr='#f05010', GradientType=1 );}

.rtveRedireccion .auxBox p,.rtveRedireccion .botonBox{display:inline-block;}
/** fin alerta **/

/*estructura*/
html,body,.fixerBox {width:100%;height:100%;float:left;}
.mobile .fixerBox {height:auto;}
.fixerBox > div{width:100%;float:left;clear:both;}
.bodier{height:98%;}
.bodier > .container{height:100%;}

.fixerBox > .header{box-shadow:0 1em 2em rgba(0,0,0,0.15);}

.alc_menu > .container > .alc_logo{visibility:hidden;position:absolute;top:-100%;left:-100%;}
.ContentNavigation{position:absolute;width:100%;z-index:6;}
.col,.ima,.markBox,.c1_player{display:inline-block;}
.col{float:left;height:100%;}
.c50{width:50%;}

.f16x9{padding-top:56.25%;overflow:hidden;}
.f16x9 object,.f16x9 video,.f16x9 img,.pipBox,.T{width:100%;}
.f16x9 object,.f16x9 video,.pipBox{height:100%;}
.c1_intro,#navBox{display:inline-block;width:100%;clear:both;}

.thumBox li,.c1_player,.c1_listado,.scrollBox{float:left;}


/*espacios horizontales*/
.thumBox li{width:100%;}
.c1_player,.c1_listado{width:50%;}

.scrollBox li{margin:0.3em 0;}


/*fonts*/
.maintabs li span, .navBox .blindBox li span, .cab_box h1 span,.eventTit span {font-family:'Roboto',arial,sans-serif;font-weight:500;color:#494847;}
.precarga span {font-family:'Roboto Slab',arial,sans-serif;}
.cab_box .textoLibre,.c1_intro .mainTitle,.cab_especial li span {font-family:'Roboto',arial,sans-serif;}
.tooltip .eventTit span {font-family:'Roboto',arial,sans-serif;}
.tooltip .eventTit span {font-size:140%;}
.maintabs li span,.cab_box .textoLibre,.precarga strong,.eventTit span,.cab_especial li span {font-size:170%;}
.cab_box h1 span,.c1_intro .mainTitle{font-size:210%;}
.maintabs li span,.precarga strong{line-height:1.8235;}
.eventTit span{line-height:2.2em;/*1.2353;*/}
.cab_box .textoLibre,.c1_intro .mainTitle,.cab_especial li span{line-height:1;}
.cab_box h1 span{line-height:2;}


.footer .marketLinks span,.c1_intro p,.textBox p,.tooltip .eventTit span{font-size:120%;line-height:1.5;}

/*subhead*/
.c1_intro .subhead{padding:0;}
.c1_intro{padding-bottom:0.6em;}
.c1_intro .ima{float:left;margin-right:1.2em;}
.c1_intro .ima img{width:100%;height:auto;}
.c1_intro p{margin-top:0.75em;padding-right:0.5em;}
/*zona de enlaces*/
.c1_intro .basicContent{display:inline-block;clear:both;width:100%;padding:2em 0 1em 0;}
.c1_intro .basicContent li{padding:0.2em 0;}
.c1_intro .basicContent li > a{display:inline-block;}

/*columna extras*/
#comBox > .mark{overflow:hidden;}
.mixedContainer,.mixedBag,.mixedBag .item{width:100%;}
.mixedContainer{height:100%;}
.mixedBag .item{}
.mixedBag .item .tab{padding-left:4.1667em;}
.mixedContainer .ico .tab,#navBox .ico .tab{border-left:0 none;}
.mixedBag .active{display:inline-block;}
.mixedBag .item .tab{width:100%;}
.mixedBag > .active > div{overflow-x:hidden;overflow-y:auto;}
.mixedBag > .active > div > .mark{height:100%;overflow:hidden;padding:0;}

	.mixedBag li > .mark object,.mixedBag li > .mark iframe:not(.instagram-media){height:100%;}



/* PRECARGA *************************************/
/* **********************************************/
#precarga{display:none;}
.precarga{width:100%;height:100%;position:fixed;top:0;left:0;background:#f5f5f5;z-index:99;padding-top:30%;float:left;text-align:center;}
.precarga img{width:auto;max-width:30%;clear:both;margin:0 auto;display:block;margin-top:-25%}
.precarga span + img{max-width:30%;}
.precarga span + img{margin-top:0;}
.precarga span,.precarga strong{width:auto;float:none;}
.precarga span{margin:1.5em 0 1em 0;padding:0 10%;font-size:260%;line-height:1;}
.precarga strong{padding:1em;clear:both;background:#ddd;border-radius:1em;cursor:pointer;}
.precarga strong{display:none;}
.precarga span,.tablet .precarga strong,.mobile .precarga strong,.noScript strong{display:inline-block;}
/* PRECARGA *************************************/
/* END ******************************************/



/* ZONA CABECERA ********************************/
/* **********************************************/
	.subhead .cab_especial .ima,.header .ima{float:left;}
	.subhead .cab_especial .ima img,.header .ima img{width:8em;}

	.mobile .subhead{display:none;}
/*cabecera especial*/
.cab_especial a{color:inherit;text-decoration:none;}

.cab_especial li span{display:inline-block;}
.cab_especial li{float:left;padding-right:1.6em;}

/* CAB REDISENO */
.navBox .blindBox li span {font-family:'Roboto',arial,sans-serif;font-size:1.7rem;line-height:3rem;font-weight:400;color:#fff;display:inline-block;}
.navBox .blindBox li {float:left;padding:0.8em;text-align:center;}

.navBox.spechead,.navBox.spechead .container .logoima{height:8rem;padding:0;}
.navBox.spechead .backima{margin:0;width:100%;height:100%;overflow:hidden;}
.navBox.spechead .container{position:absolute;width:100%;height:100%;}
.navBox.spechead .container h1 a{width:100%;height:100%;position:absolute;top:0;left:0;display:table;}

.navBox.spechead .container .hostima{height:100%;width:auto;text-align:center;margin:0;float:right;}
.navBox.spechead .container .hostima img,.minPlayer .navBox.spechead .backima img{height:100%;width:auto;}
.navBox.spechead .container .logoima{width:18rem;text-align:center;margin:0;padding:1rem;display:table-cell;vertical-align:middle;float:none;}
.navBox.spechead .container .logoima img{width:auto;max-width:100%;max-height:100%;vertical-align:middle;}

.navBox.spechead h1 span:not(.ima),.navBox.spechead .falseH1 span:not(.ima),.navBox.spechead .container + .slidB,.navBox.spechead .blindBox li .blindBox ul,
.navBox.spechead .emisBox,.minPlayer .navBox.spechead .hostima{position:absolute;top:-100%;left:-100%;clip:rect(0,0,0,0);overflow:hidden;}

.navBox.spechead > .blindBox{display:table;width:calc(100% - 20rem);height:100%;position:absolute;left:20rem;bottom:0;}
.navBox.spechead > .blindBox > ul{display:table-cell;vertical-align:middle;}
.navBox.spechead > .blindBox li.active a,
.navBox.spechead > .blindBox li a:hover{text-decoration:none;position:relative;}
.navBox.spechead nav li a:hover span:after, .navBox.spechead nav .active a span:after {content:'';width:100%;height:.3rem;display:inline-block;position:absolute;bottom:-1rem;left:0;background:#fff;}

.navBox.spechead .blindBox li .blindBox{width:100%;position:relative;z-index:2;}
.navBox.spechead .blindBox li .blindBox ul{background:rgba(20,20,20,0.7);z-index:1;}
.navBox.spechead .blindBox li:hover .blindBox ul{top:100%;left:0;margin-top:0.6rem;clip:auto;}
.navBox.spechead .blindBox li .blindBox ul,.navBox.spechead .blindBox ul .blindBox ul li{width:100%;}

.minPlayer .navBox.spechead{min-height:20rem;}
.minPlayer .navBox.spechead .container h1 a{position:relative;}
.minPlayer .navBox.spechead .container .logoima{position:relative;left:50%;transform:translate(-50%,0);}

.minPlayer .navBox.spechead > .blindBox{height:auto;width:100%;left:0;}
/* ZONA CABECERA ********************************/
/* END ******************************************/



/* FALSO BOTON FULLSCREEN ***********************/
/* **********************************************/
.fullScreen{opacity:0;display:block;width:3.3em;height:2.7em;background:url('i/fullScreen.png') no-repeat;}
.fullGrid .fullScreen{opacity:1;}
.desktop .fullGrid .fullScreen:hover,.tablet .fullGrid .fullScreen,.mobile .fullGrid .fullScreen{background-position:0 100%;cursor:pointer;}



/* TITULADO VIDEOS ******************************/
/* **********************************************/
.pushpip .tooltip{display:none;padding:1.2em;margin-top:-1.2em;width:100%;}
.desktop .pushpip:hover .tooltip{display:block;}
.tooltip .eventTit{background:rgba(0,0,0,0.5);padding:1em;padding-top:2em;text-align:center;}
.tooltip .eventTit span{color:#fff;}
/*titulado video principal*/
.textBox{display:inline-block;width:100%;}
/*.textBox .eventTit{float:left;}
.textBox p{clear:both;}*/

.textBox .eventTit,.textBox p{float:none;width:100%;}


/* TITULADO VIDEOS ******************************/
/* END ******************************************/




/* LISTADOS DE VIDEOS ***************************/
/* **********************************************/
/*cabecera listado videos*//*listado videos*/
.markBox,.thumBox,.thumBox .nav,.tabBox,.tabBox .tab{width:100%;}

.tab{font-size:140%;line-height:3;font-weight:bold;text-transform:uppercase;cursor:pointer;}
.tab,.tab *{display:inline-block;}
.tabBox .tab strong{padding: 0 0.28571em;}
.tabBox .tab span{float:right;margin:0px -0.3571em 0 0.3571em;}


.scrollBox,.tabBox,.scrollBox > .mark > ul{display:inline-block;}
.scrollBox,.tabBox{padding:1.2em;}
.tabBox .tab{padding:0 1em;color:#444;}
.scrollBox,.scrollBox > .mark > ul{width:100%;}
.scrollBox > .mark,.mixedBag li > .mark{padding:0;}


.scrollBox ul > li .ima{width:50%;padding-top:28.125%;float:left;/*margin-right:1.6em;*/}
.scrollBox ul > li .f16x9 img {width:120%;left:-10%;}
.scrollBox ul > li .f16x9 img {width:100%;left:0%;}
.scrollBox li .title{width:100%;float:none;display:inline;padding:0;}



.scrollBox li a{display:block;padding-right:0.4em;color:inherit;text-decoration:none;}
.scrollBox li .title{font-size:140%;line-height:1.286;display:block;width:50%;
overflow:hidden;float:left;padding-left:0.8572em;
max-height:3.858em;/*3 lineas maximo*/
/*max-height:2.572em;2 lineas maximo*/
}





.scrollBox > ul > li .ima{border:0.1em solid transparent;float:left;}


/*listado extendido*/
.extended{width:99%;box-shadow:0 0 12em 2em rgba(0,0,0,0.8);}






.layer li:hover{box-shadow:0 0 1em #fff;}


.mobile .fixerBox > .header .maintabs,.desktop .footer .maintabs,.desktop .fixerBox > .header .mark > .ima{display:none;}


/*ZONA CABECERA*/



/*FIN ZONA CABECERA*/

/*botones social*/
.container > .shareBlock{position:absolute;right:0;z-index:3;/*border-radius:0.8em 0 0 0.8em;box-shadow:0 0 1em rgba(0,0,0,0.5);*/}
.shareBlock{/*background:#f5f5f5;*/}
/*.shareBlock,.shareBlock li{padding:0.5em;}*/
.shareBlock .googl {display:none;}
.shareBlock li{width:10em;text-align:right;position:relative;padding:0.2em;}
.shareBlock .fbook iframe{right:0;z-index:3;}
.textBox .shareBlock .fbook iframe{right:auto;left:0;}
.textBox .shareBlock{width:auto;display:inline-block;clear:both;padding:0.3em 0.2em;margin-bottom:0.6em;}
.textBox .shareBlock li{float:left;width:auto;}
.textBox .shareBlock .gplus{max-width:24em;}


.shareBlock {float:right;}/**Portada**/
.shareBlock li {display:inline-block;padding:0 0.6em;}
.shareBlock li a span{width:0;display:none;}
.shareBlock li a img{float:left;width:3.2em;height:3.2em;margin:0;background-image:url('/css/rtve.2015/i/iconos/icons_40x40_000000.png');background-size:1100%;opacity:.4;}
.shareBlock li:hover a {background:rgba(0,0,0,.1);}
.shareBlock li:hover a img {opacity:0.6;}
.shareBlock li.faceb a img{background-position:00% 60%;}
.shareBlock li.twitt a img{background-position:10% 60%;}
.shareBlock li.googl a img{background-position:20% 60%;}


.shareBlock li a {display:block;float:left;padding:0.6em;}

.textBox .shareBlock li.expandExtra{display:none;}


/*ZONA PIE*/

.footer .marketLinks,.footer .marketLinks ul{float:right;}
.footer .marketLinks{text-align:right;padding:1em 0;}
.footer .marketLinks li{float:left;padding-left:1em;}
.footer .marketLinks,.footer .marketLinks li{width:50%;}
.footer .marketLinks span{max-width:33%;display:inline-block;font-weight:bold;}
.footer .marketLinks ul{max-width:66%;}
.footer .marketLinks li img{height:3.6em;}

/*FIN ZONA PIE*/




/*estado normal*/
.fixerBox > .header,.footer{width:100%;display:inline-block;}


/*HAY QUE EXTRAER LOS CSS DEL MODULO DE FORMA INDEPENDIENTE*/
/*Por defecto el modulo hara layout con un formato 1:1,
pero si se quiere integrar en otra estructura,
se eliminara el control proporcional y se le calcula un alto, por JS o por CSS.
Si no se elimina el control porcentual,
el alto aplicado solo afectara cuando sea mayor que el proporcional*/
/*.multiPlayer{padding-top:80%;}
.multiPlayer > .mainBox{margin-top:-80%;}*/



/* FULL SCREEN **********************************/
/* **********************************************/
.gotoFull{width:100%;height:100%;padding:0 3%;background:#333;}
.gotoFull > .mainBox{margin:0;clear:both;}
.gotoFull .textBox h2{color:#aaa;float:left;margin-right:1em;}
.gotoFull .textBox p{line-height:1.75;color:#fff;clear:none;}
.gotoFull .extended .scrollBox > ul > li{width:10%;}
.gotoFull .extended .scrollBox > ul > li:nth-child(4n+1){clear:none;}
.gotoFull .extended .scrollBox > ul > li:nth-child(10n+1){clear:left;}

.gotoFull .thumBox,.gotoFull .extended{height:32em !important;}
.gotoFull .thumBox .scrollBox,.gotoFull .extended .scrollBox{height:27.8em !important;}

.gotoFull .markBox{position:absolute;bottom:-27.8em;width:94%;}
.gotoFull .extended{bottom:0;width:99%;margin-bottom:1%;}

/* FULL SCREEN **********************************/
/* END ******************************************/



/* PLAY-ICON SUSTITUCION PLAYERS *******************************/
/***************************************************************/
.VideoContainer object > a,.VideoContainer video > a{position:relative;width:100%;height:100%;display:block;}
a span.videoplay strong{position:absolute;z-index:2;}
.VideoContainer a:hover{text-decoration:none;}
a span.videoplay{display:block;height:auto;cursor:pointer;background:black;/*height:100%;*/}
a span.videoplay strong{text-transform:lowercase;width:9.4em;line-height:4.7em;padding-top:4.7em;margin:-4.7em 0 0 -4.7em;background:url('/css/style/i_news/hover_photo/playiconM.png') no-repeat 50% 50%;color:#CCC;position:absolute;display:block;float:none;left:50%;top:50%;text-align:center;}
.VideoContainer video{width:100%;height:100%;}
div[id^="vid"] .VideoContainer{display:block;width:100%;height:100%;overflow:hidden;}
a:hover span.videoplay strong{background-image:url('/css/style/i_news/hover_photo/playiconM_o.png');border-radius:2em;}
/* PLAY-ICON SUSTITUCION PLAYERS *******************************/
/* END *********************************************************/


/*pure skin*/
body{background:#fff;}
.fixerBox,.thumBox .nav > li{box-shadow:inset 0 0 8em rgba(0,0,0,0.2);}
.scrollBox,.thumBox .nav > li,.mixedContainer{background:#fff;}
/*.scrollBox,.thumBox .nav > li,.mixedContainer{border-radius:1em;}*/



/*positioning*/

/*.bodier,.fixerBox > .header,.footer,.mixedContainer,.fixerBox > .header .mark,#navBox*/
.multiBox,.f16x9,.scrollBox li,.navBox{position:relative;}


.f16x9 object,.f16x9 video,.f16x9 > img,.fullScreen,.fixerBox,.dropmenu.expand + ul {position:absolute;}
/*.layer,.pushpip .tooltip,
.nav > .active:after,
.extended,
.mixedBag,.mixedContainer .ico,#navBox .dropmenu,.dropmenu ul,
.fixerBox > .header .maintabs,
.gotoFull*/


.fixerBox,.f16x9 object,.f16x9 video,.f16x9 > img{left:0;top:0;}
.fixerBox /*,.f16x9 object,.f16x9 video*/ {z-index:1;}

.fixerBox > .header,.footer,.gotoFull{left:0;}
.fixerBox > .header,.gotoFull{top:0;}
.fixerBox > .header .maintabs{right:0;}
.footer{bottom:0;}
.mixedContainer{z-index:1;}
.dropmenu.expand + ul{z-index:2;width:96%;}
.extended{left:0.5%;z-index:2;}
/*falso boton fullscreen*/.fullGrid .fullScreen{right:0;bottom:-3em;z-index:2;}
.pushpip .layer{left:0;bottom:1.6em;bottom:0;z-index:3;}
.fullGrid .pushpip .layer{bottom:28%;}
.pushpip .tooltip{z-index:2;}
.mixedContainer .ico,.dropmenu.expand + ul{left:0.5em;top:0.5em;}
.dropmenu ul,.pushpip .tooltip{left:0;}
.navBox .expand + ul .active span{color:#444;}






@media only screen and (min-width:801px){
/*estructura basica*/
.dropmenu{display:none;}
/*espacios horizontales*/
.navBox{padding:0 1%;}
.c1_player,.c1_listado,.thumBox .nav > li{padding:1%;}
.tabBox{padding:0;padding-bottom:1%;}
.thumBox .nav > li:first-child{margin:0 2% 0 -2%;}
}


@media only screen and (max-width:800px){
/*estructura basica*/
.c1_intro,.c1_auxiliar,.c1_player,.c1_listado{width:100%;}

/*espacios horizontales*/
.textBox,.desktp .fixerBox > .header {padding:0.8em;}
}

@media only screen and (max-width:480px){
/*estructura basica*/

}


.mixedBag .active > .mark.noscroll{overflow:hidden;}

.AgeRate{display:none;}

/*para convivir flash/html player*/
.multiBox > .VideoContainer {position:relative;padding-top:56.25%;}


.multiBox{text-align:center;}/* solucionar en multi posicion diferente de boton HQ */

/* ACCESIBLE ************************************/
/* **********************************************/
/*.noScript .fixerBox{min-height:0;}
.noScript .c1{width:46%;}
	.noScript{}

.noScript .c2{width:54%;}
.noScript .fixerBox,.noScript .header{box-shadow:none;}
.noScript .bodier > .container,.noScript .header > .container{width:100%;}
.noScript .thumBox .nav > .ico,.noScript .scrollbar,.noScript .thumBox .scrollBox .layer,.noScript .pipBox,.noScript #navBox .dropmenu{display:none;}
.noScript .mixedBag .item,.noScript .nav > li .scrollBox{display:inline-block;}
.noScript .mixedBag,.noScript .nav > li .scrollBox{position:relative;}


.noScript .thumBox .nav > li{width:50%;float:left;padding:0 0.4em;}
.noScript .thumBox .nav > li .tab{width:100%;}
.noScript .nav > li .scrollBox{padding:1em;}
.noScript .thumBox,.noScript .multiBox{padding:0;}
.noScript .thumBox{overflow:visible;}
.noScript .thumBox .scrollBox > ul{height:30em;overflow-x:hidden;overflow-y:auto;}
.noScript .thumBox .scrollBox > ul > li{width:50%;clear:none;padding:0;}
.noScript .scrollBox > ul > li .title{font-family:arial,sans-serif;font-size:130%;line-height:1.23;padding:0 1em 0 0;color:#444;height:3.9em;max-height:3.9em;}*/
/* ACCESIBLE ************************************/
/* END ******************************************/


/* ajustes para el player del estatico en directo */
.c2_extras iframe[src*="/tour-2020/"] + div {position: relative!important;}
.c2_extras iframe[src*="/tour-2020/"] + div > span {height: 20px;}
.c2_extras iframe[src*="/tour-2020/"] + div > span > img {display: none;}