/*@import url('/css/rtve.television/rtve.television.documentales/documenta.AlaCartaStyle.css');*/
@import url('/css/rtve.alacarta/cabecera.css');


/* TEXT & FONTS ************************************************/
.false_cab a span,.mini_cab .cab_box h1 span,.cab_box .falseH1 span,.mini_cab .principal span, .nav.simple span, .botones input, .ThemAll .selector li span {font-family:'Roboto Slab';}
.mini_cab .principal span {font-size:1.6rem;line-height:2rem;}
.FilterLine .thesections .items span, .HeaderTabla .f03 ol li label,
.botones input, .paginacion li span {font-size:1.6em;font-family:'Roboto Slab';line-height:1.0;}
.false_cab a span,.mini_cab .cab_box h1 span,.cab_box .falseH1 span {font-size:2.4rem;line-height:3rem;letter-spacing:-1px;color: #fff;}
.cab_especial .c100 a.falseH1:hover {text-decoration-color:#fff;}
.nav.simple a, .paginacion li span {color:#000;}
.emisiones .emision strong {font-size: 1.2rem;}

/* NAVEGACION  A la carta  Categorias AZ   **********************************/
.TablaContenidos.ThemAll .ContentNavigation.proList, .TablaContenidos.ThemAll .ContentNavigation.cadList, .TablaContenidos.ThemAll .ladillo {display:none;} /*Sabanas de combos*/
.ThemAll .selector li.last span {border:none;}
/*.ThemAll .selector li span {color:#fff;font-size:1.6em;float:left;border-right:1px solid #26828f;padding:0 0.6em;}
.ThemAll .selector li a {display:inline-block;width:auto;float:left;}
.ThemAll .selector li {display:inline-block;float:left;}*/
.ThemAll .formulario {float:right;} /**En Emision / Todos**/

/* NAVEGACION  A la carta  Categorias / para Fase 2 ***********************/
.doc2listado .slideCatalog + .bodier, .doc2program .slideCatalog {border-top:0.3em solid #efefef;}
.doc2listado .nav.simple, .doc2program .nav.simple {padding-top:0;padding-bottom:0;margin-top:-0.3em;}
.nav.simple li {float:left;}
.nav.simple li,.nav.simple li * {display:inline-block;}
.nav.simple li span {font-size:1.7rem;line-height:4rem;padding:0 1em;}

.nav.simple li a {border-top:0.3em solid #efefef;}
.nav.simple li a:hover {border-color:#cdcdcd;}
.nav.simple li.active a {border-color:#00a1b3;}
.nav.simple li.active a,.nav.simple li.active a * {cursor:default;}

#doc_tematica_program_docu {background:#00a1b3;text-align:center;}
#doc_tematica_program_docu > .container > .mark,.doc2listado .slideCatalog + .bodier .container > .mark,.doc2program .slideCatalog + .bodier .container > .mark {padding:0;}

.nav.categorias li.last span {border:none;}
.nav.categorias,.ThemAll .selector {display:inline-block;text-align:center;margin:0 auto;padding:0.6em 2em;}
.nav.categorias li span,.ThemAll .selector li span {color:#fff;font-size:1.6em;line-height:2;float:left;border-right:1px solid #26828f;padding:0 0.8em;}
.ThemAll .selector li > span {color:#7bc;}
.nav.categorias li a,.ThemAll .selector li a {display:block;width:auto;float:left;}
.nav.categorias li,.ThemAll .selector li {display:inline-block;}
.ThemAll .selector li a {margin-left:-0.3em;}
.nav.categorias li {float:left;}
.nav.categorias li a:hover,.ThemAll .selector li a:hover {background:url('/css/rtve.commons/i/transpBasics/000000_20.png')}

.ThemAll .selector {width:111.111%;margin-left:-5.555%;background:#00a1b3;}

/* NAVEGACION INTEGRADA ****************************************/
.doc2listado .navBox, .doc2program .navBox {border-top:0.3em solid #efefef;}
.doc2listado .navBox > .container, .doc2program .navBox > .container {width:100%;}
.doc2listado .navBox > .container > .mark, .doc2program .navBox > .container > .mark {padding:0;}
/* NAVEGACION INTEGRADA END ************************************/


/* CATEGORIAS EN EL PIE ****************************************/
.navFooter .mark {padding:0;text-align:center;}
.navFooter .nav.categorias {width:auto;float:none;padding:0.5em 2em;}
/* CATEGORIAS EN EL PIE END ************************************/

/*** SOCIAL BLOCK **/
.social_block {float:right;padding-right:13%;}
.social_block li{display:inline-block;}
.social_block li.fbook_connect .fb_iframe_widget{z-index:3;}

.pagbox {text-align:center;}
.paginacion li {display:inline-block;} /** misma estructura para TablaContenidos.ThemAll*/
.paginacion .paginas .active span {color:#00a1b3;font-size:200%;} 
.paginacion > li span {display:inline-block;}
.paginacion > li > a > span {padding:0 0.5em;}
.paginacion .paginas span {text-align:center;width:1.6em;}

.FooterTabla {width:100%;display:inline-block;padding:2em 0 1em 0;border-bottom:0.1em solid #01a2b4;}


/* NAVEGACION  A la carta Programa Switcher *******************************/

/* CABECERAS UNIFICADAS ALACARTA *******************************/
.box-programa > .container {width:100%;background: #02acbb;border:none;}
.mini_cab {display:inline-block;width:100%;padding:0 5%;margin:1.2em 0;
min-height:10em;
/*necesitamos que coja la altura de la imagen;background:url('/css/rtve.television/rtve.television.documentales/i/documenta2_positivo.png') no-repeat 100% 0;background-size:12% auto;*/}
/*imagen generica programa*/
.imgPrograma {float:left;width:13%;margin-right:2%;}
	.imgPrograma a {display:block;width:100%;padding-top:56.25%;}
	.imgPrograma img {width:100%;height:auto;} 

.false_cab,.mini_cab .header {float:none;width:100%;}
.false_cab a span,.mini_cab .cab_box h1 span,.mini_cab .principal span {color:#fff;}

.container.cab_especial {clear:none;float:none;}
.corner4.cab_especial {margin-top: -3rem;}

.mini_cab .principal {padding:0.5em 0 0.8em 0;}
.mini_cab .principal li {width:auto;display:inline-block;}
.mini_cab .principal li a,.mini_cab .principal li span {display:inline-block;}
.mini_cab .principal li a {border-right:0.1em solid #fff;padding:0 1em;}
.mini_cab .principal li:first-child a {padding-left:0;}
.mini_cab .principal li:last-child a {border:0 none;}

/*imagen/enlace general documenta2*/
.mainLogo {display:inline-block;width:13%;width:20%;max-width:30em;margin:1.2em 0.6em 0 0;}
.mainLogo img {width:100%;height:auto;}
/*.doc2listado .box-programa .container, .doc2program .box-programa .container {width:71%;}*/
/* logo en portadas tematicas */
.doc2listado .mainLogo, .doc2program .mainLogo {width:20%;position:relative;float:right;/*margin-bottom:-4.5%;margin-top:0.6%;*/}

/*descripcion programa*/
.contentPrograma {clear:both;border-top:0.1em solid #ddd;}
.menuBlind,.menuBlind span {display:inline-block;}
.menuBlind {width:auto;min-width:12.35%;//13% s/96%;}
.menuBlind span {line-height:2.4rem;width:100%;text-align:center;color:#fff;padding:0 1em;background:#09a;}
	.reduced .reduce,.expanded .expand {display:none;}
	.reduced .menuBlind span {
	background: linear-gradient(top,rgba(0,153,170,1) 50%,rgba(0,153,170,0) 100%);/*W3C*/
	background: -o-linear-gradient(top,rgba(0,153,170,1) 50%,rgba(0,153,170,0) 100%);/*Opera11.10+*/
	background: -moz-linear-gradient(top,rgba(0,153,170,1) 50%,rgba(0,153,170,0) 100%);/*FF3.6+*/
	background: -webkit-linear-gradient(top,rgba(0,153,170,1) 50%,rgba(0,153,170,0) 100%);/*Chrome10+,Safari5.1+*/
	background: -ms-linear-gradient(top,rgba(0,153,170,1) 50%,rgba(0,153,170,0) 100%);/*IE10+*/
	background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,153,170,1))color-stop(100%,rgba(0,153,170,0)));/*Chrome,Safari4+*/
	}
	.expanded .menuBlind span {
	background: linear-gradient(top,rgba(0,153,170,0) 0,rgba(0,153,170,1) 100%);/*W3C*/
	background: -o-linear-gradient(top,rgba(0,153,170,0) 0,rgba(0,153,170,1) 100%);/*Opera11.10+*/
	background: -moz-linear-gradient(top,rgba(0,153,170,0) 0,rgba(0,153,170,1) 100%);/*FF3.6+*/
	background: -webkit-linear-gradient(top,rgba(0,153,170,0) 0,rgba(0,153,170,1) 100%);/*Chrome10+,Safari5.1+*/
	background: -ms-linear-gradient(top,rgba(0,153,170,0) 0,rgba(0,153,170,1) 100%);/*IE10+*/
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,153,170,0))color-stop(100%,rgba(0,153,170,1)));/*Chrome,Safari4+*/
	}		
.contentPrograma .expanded .intro {color:#fff;padding-bottom:0.8em;}
.contentPrograma .expanded .ladillo {clear:both;margin:1.2em 0 0.4em 0;}
.contentPrograma .expanded .ladillo span {color:#fff;font-weight:bold;}
.contentPrograma .expanded p {padding:0 17%;}
.contentPrograma .reduced {height:0em;display:block;}
.contentPrograma .reduced p,.contentPrograma .reduced .extra {position:absolute;left:-1000%;top:-1000%;}
.contentPrograma .expanded {height:auto;padding:2.5%;display:inline-block;background:#02acbb;width:100%;/*width*/}
.contentPrograma .expanded p,.contentPrograma .expanded .extra {position:relative;left:auto;top:auto;color:#fff;}
.contentPrograma .extra {padding:1.2em 0;}
.contentPrograma .expanded .extra.mark span {color:#fff !important;}
/* CABECERAS UNIFICADAS ALACARTA END ***************************/

/********* positioning *************/
.wrapper.header,.imgPrograma a,.contentPrograma {position:relative;}
.imgPrograma img,.menuBlind,.mainLogo {position:absolute;}
.imgPrograma img {left:0;top:0;}
.mainLogo {right:1em;z-index:3;}
.menuBlind {left:18.5%;z-index:3;cursor:pointer;/*15% s/90% que es lo que mide la minicabecera menos los padding laterales*/}
	.reduced .menuBlind {bottom:0.8em;}
	.expanded .menuBlind {/*top:-1.4em;*/bottom:0;/*bottom:auto;top:0;margin-top:-2.5%;*/}
	
/* AJUSTES PARA SUBMENU ****************************************/
/*menu desplegable*/
.mini_cab .principal .more > a {padding-right:2.4em;background:url('/css/style/cab_generica/i/iconos/flecha.gif') 96% -57% no-repeat;}
.mini_cab .principal .more:hover > a {background-position:96% 149%;}
.principal .more > ul {display:none;z-index:4;background:#fff;box-shadow:0 0.6em 0.6em rgba(0,0,0,0.2);margin-left:-0.4em;padding:1.2em 0.4em 0.4em 0.4em;border-radius:0 0 0.4em 0.4em;}
.principal .more > ul:hover,.principal .more > a:hover + ul {display: block;float: none;width: auto;}

.mini_cab .principal .more li,.mini_cab .principal .more li a{width: 100%;}

.mini_cab .principal .more li span {color:#888;}
.mini_cab .principal .more li {float:left;margin:0.2em 0;}
.mini_cab .principal .more li {border-bottom:0.1em solid #ddd;}
.mini_cab .principal .more li:last-child {border:0 none;}

.bkgVideo,.bkgAudio,.bkgVideo .container,.bkgAudio > .container,.imgPrograma a,.mediaPlayer,.socialBox .botones li,.socialBox .botones .tooltip,.SlideRel .slideBox,.SlideRel .viewport,.VideoContainer object a,.mini_cab,.false_cab,.mini_cab .header,.principal .more,.PFprograma#rne .mediaBox,.PFprograma#rne .box-programa + .box-programa {position:relative;}
.bkgVideo > img,.bkgAudio > img,.imgPrograma img,.PFvideo .mediaBox .mediaText,.close,.slideBox .buttons,.VideoContainer .videoplay,.VideoContainer .videoplay strong,#rne .imgPrograma,.cadPrograma,.principal .more > ul,.PFvideo .mediaTC,.PFvideo .mediaCP,.PFvideo .mediaTC .KingSize {position:absolute;}
#rne.doc2program .imgPrograma{position:relative;min-width:15rem}/* para solucionar problemas con imgs de programas relacionados con documentales */

.doc2alacarta.doc2program .partners{display:none;}/* quitar el partner solo para somos-documentales-a-la-carta */

/*habría que eliminar el minihead_refounded.css que se carga en la app */
.MainNavigation2 li li {height:auto;}