@import url('/css/rtve.commons/rtve.modules/popular.css');
@import url('/css/rtve.television/rtve.television.documentales/documenta.comentarios.css');

/* PF VIDEO ****************************************************/
.header h2 span {font-size:2.6em;line-height:1;font-family:'RTVEfontR';}
.hourdata, .datedata, .data, .autor {color:#0ab;font-size:1.2em;line-height:1.333;}
a.bottomArrow, .tabs li a,.tabs li span {font-size:1.8em;line-height:1.5;font-family:'RTVEfontR';}
.tabs li a,.tabs li span, .autor {color:#0ab;}
p.nota em {font-size:1em;}

.expand, .reduce {display:none;}
.formulario textarea {font-size:1.2em;}

.reduced {display:none;}
.videoBox .wrapper.mark {padding:3em 0;overflow:hidden;background:none repeat scroll 0px 0px rgb(51, 51, 51);}
.videoBox .wrapper.mark .container, .videoBox .container {width:60%;margin:0 auto;}
.VideoContainer, .VideoContainer object a {width:100%;height:100%;display:block;}
.textBox {padding:0px 18px 18px 0px;background: none repeat scroll 0% 0% rgb(255, 255, 255);display: block;margin:0px auto;}

.VideoBox + .mark {background:#333333;}
.bkgVideo {width:100%;height:auto;opacity:0.15;}

/*********Filtro para ordenar: Los actuales primero/ los mas antiguos ****************************/
.order {clear:none;width:29.5%;float:right;margin:0;}
.order select {cursor: pointer;font-size: 1.1em;font-weight:bold;color:#666;margin:-2px 0 0 -1px;float:left;width:auto;height:2.1em;}
/******** End Filtro *****************************************************************************/

/* TABLA DE PROGRAMAS *****************************************************/
/* CABECERA */
.FilterLine,.TablaContenidos .ladillo {width:100%;display:inline-block;clear:both;}
.TablaContenidos .ladillo h2 em {font-style:normal;}

.FilterLine .title,.FilterLine .title + ul,.FilterLine .items,.FilterLine .items a {/*float:left;*/}
.FilterLine .items * {display:inline-block;}
.FilterLine .items a {border-right:0.1em solid #0ab;}
.FilterLine .items span {padding:0 0.5em;color:#333;}

/* RETICULA IMAGENES */
.ContentTabla .panel li .mark {margin:0;} 
.listaProgramas .ContentTabla .tooltip {min-height:0;}
.listaProgramas .ContentTabla .col5 li:nth-child(5n+1) {clear:left;}

.TablaContenidos .ladillo,.TablaContenidos .f02,.thumbox > .ladillo {padding:1em 0;}
.TablaContenidos h2 span {color:#000;}
.TablaContenidos h2 {float:left;}

.switcher {float:right;}
.switcher li {display:inline-block;color:#ccc;}
.switcher li.active {color:#000;}
.switcher li:first-child {padding-right:2.4em;}
.switcher .ico {float:left;}
.switcher .ico img {background:url('http://img.irtve.es/css/rtve.television/rtve.television.documentales/i/ico_switcher.png') no-repeat 100% 100%;
height:1.8em;width:2.3em;display:inline-block;}
.switcher .ico:hover img {cursor:pointer;}
.switcher li.active .ico:hover img {cursor:default;}
.switcher .label {padding-left:2em;}
.switcher li:last-child .ico img {background-position:0 100%;}
.switcher li.active:first-child .ico img,.switcher li:first-child .ico:hover img {background-position:100% 0;}
.switcher li.active:last-child .ico img,.switcher li:last-child .ico:hover img {background-position:0 0;}


/*** Filtro Titulo / Mes / Anio /Tipo ***************************/
.HeaderTabla .f03 {position:relative;width:100%;padding:0.8em 0;float:left;background:#efefef;border-bottom:0.1em solid #fff;}
.HeaderTabla .f03 .title {display:none;}
.HeaderTabla .f03 fieldset {float:left;width:auto;}
.HeaderTabla .f03 ol {width:100%;margin:0;float:left;}
.HeaderTabla .f03 ol li {width:auto;float:left;clear:none;margin-right: 10px;}
.HeaderTabla .f03 ol li label {float: left;width:auto;padding: 0 0 0 0;text-align:left;font-size:110%;line-height:18px;font-weight bold;color:#666;}
.FalseSelect {float:left;padding:0.5em;width:auto;position:relative;}
.HeaderTabla .f03 form {width:100%;padding:0;display:inline-block;}
.HeaderTabla legend {display:none;}
.HeaderTabla .f03 ol li label {font-size:1.6em;padding:0 0 0 0.666em;line-height:1.8;}
.HeaderTabla form .botones {width:auto;display:inline-block;float:right;}

/** Botones Limpiar / Buscar **/
.TablaContenidos ul.botones li {position:relative;float:left;background:#02a2b2;border-radius:1.3em;float:left;padding: 0 0.6em;height:auto;margin:0 0.8em;}
.TablaContenidos ul.botones input {text-transform:uppercase;color:#fff;font-weight:bold;width:auto;font-size:130%;line-height:2.1;background:none;height:auto;border:none;font-family:inherit;}

input, select {font-size:1.2em;line-height:110%;}
.NoFilters {display:none;}

/********* positioning *************/
.item .pie {position:relative;}
.VideoContainer object,.VideoContainer video,.ico {position:absolute;}
.VideoContainer object,.VideoContainer video {top:0;left:0;width:100%;height:100%;}
/* PF VIDEO END ************************************************/


/*fonts*/
.ContentTabla li > span,.ContentTabla .titulo-tooltip a{font-family:'RTVEfontR','Tahoma',serif;}
.ContentTabla li li > span{font-family:'Arial','Helvetica',sans-serif;}
.ContentTabla li > span{font-size:150%;line-height:1;}
.ContentTabla li li > span,.tultip .miga a{font-size:110%;line-height:1.54545;}
.tultip .miga li span{font-size:150%;line-height:1.1333;}
.tultip .titulo-tooltip a{font-size:190%;line-height:1;}
.tultip .fecha,.tultip .detalle{font-size:120%;line-height:1.334;}

.doc2listado .ThemAll .ContentTabla{width:100%;display:inline-block;}
.ContentTabla .odd,.ContentTabla .even,.ContentTabla .nav_order{width:100%;float:left;}
.ContentTabla li{padding:0.2em 0;}
.ContentTabla li > span{display:inline-block;float:left;padding:0.666em 0.333em;}
.ContentTabla li li > span{padding:0;}
.ContentTabla li > span,.ContentTabla li > span *{color:#444;}
.ContentTabla .even{background:#efefef;}
.ContentTabla .nav_order{background:#cbcbcb;}
/*anchos de columnas*/
	.ContentTabla .col_tit{width:40%;}
	.ContentTabla .col_tip{width:14%;}
	.ContentTabla .col_dur{width:14%;}
	.ContentTabla .col_pop{width:18%;}
	.ContentTabla .col_fec{width:14%;}
/* AZ */
	.ContentTabla .col_med{width:10%;}
	.ContentTabla .col_cat{width:34%;}
	.doc2alacarta .TablaContenidos.ThemAll img{left:inherit;min-height:0;} 
	
/*cabeceras tabla*/	
.ContentTabla .nav_order > span{text-transform:uppercase;font-weight:bold;color:#777;}
.ContentTabla li > .col_tit,.ContentTabla li > .col_tit *{color:#222;}

/*hover*/
.ContentTabla .odd .col_tit a,.ContentTabla .even .col_tit a{width:100%;display:inline-block;}
.ContentTabla .odd .col_tit a:hover,.ContentTabla .even .col_tit a:hover{color:#000;text-shadow:-1px 1px 1px #999;}
.ContentTabla .odd,.ContentTabla .even{position:relative;}
.ContentTabla .odd .col_tit a:hover:before,.ContentTabla .even .col_tit a:hover:before{content:'';background:#5ad;opacity:0.2;position:absolute;width:100%;height:2.5334em;left:0;top:0;z-index:0;}
	
/*popularidad*/
.ContentTabla .col_pop,.ContentTabla .col_pop *{line-height:1;}
.ContentTabla .col_pop{float:right;padding:0.666em;}
.ContentTabla .col_pop > span{margin:-1px 0;float:left;width:100%;background:#dadada;box-shadow:inset 0 0.2em 0.2em rgba(0,0,0,0.1);}
.ContentTabla .col_pop span{border:1px solid #bcbcbc;}
	.ContentTabla .nav_order .col_pop span{background:none;border:none;box-shadow:none;}
.ContentTabla .col_pop > span,.ContentTabla .col_pop strong{border-radius:0.5em;}
.ContentTabla .col_pop em{width:100%;}
.ContentTabla .col_pop em,.ContentTabla .col_pop strong{display:block;}
.ContentTabla .col_pop strong span{font-family:"Arial","Helvetica",sans-serif;border-radius:100%;font-size:53.33%;line-height:3;width:3em;text-align:center;font-weight:bold;font-style:normal;display:inline-block;}
	.ContentTabla .col_pop strong{height:1em;position:relative;background:#5ad;}
	.ContentTabla .col_pop strong span{position:absolute;right:-0.7em;top:-0.7em;background:#fff;color:#444;box-shadow:0.2em 0.2em 0.2em rgba(0,0,0,0.2);}

/*tooltip listado*/
/*.ContentTabla li:hover .tultip {display:block;}*/
.ContentTabla .tultip{background:#fff;padding:1.8em;border:0.1em solid #cdcdcd;border-radius:0.6em;box-shadow:0.6em 0.6em 0.8em rgba(0,0,0,0.5);}
.tultip .titulo-tooltip,.tultip .fecha,.tultip .detalle,.tultip .miga{display:inline-block;clear:both;}
.tultip a{color:#09a;}
	.tultip a:hover{color:#067;text-decoration:underline;}
.tultip .fecha{color:#888;font-weight:bold;padding:0.25em 0;}

.ContentTabla .tultip:after{content:'';width:2em;height:4em;display:block;background:url('http://img.irtve.es/css/rtve.commons/i/pointerTooltip.png') no-repeat 0 50%;}
.ContentTabla .tultip{width:45%;height:440%;margin:0;}
.ContentTabla .tultip:after{margin:-2em 0 0 -2em;}

.tultip .miga{margin-top:0.4em;}
.tultip .miga li{width:auto;float:left;}
.tultip .miga li *{font-weight:bold;}
.tultip .miga li span{padding:0 0.2em;color:#888;}

.contentBox{display:inline-block;width:100%;}

/*actualizacion*/
.panel .extendOn .contentBox .xtra{display:inline-block;padding:0.8em 1.2em;padding-bottom:0;margin-bottom:-0.8em;}

/*cartela extendida*/
.extendOn .contentBox {}
.extendOn a h3,.extendOn .tooltip{padding:1.2em;}
.panel .extendOn .mark .mainLink{padding:0;}
.panel .extendOn .mark .mainLink .ima{margin-top:0;}
.panel .extendOn h3 .tit{max-height:100%;}
.panel .extendOn .mark .mainLink{background:none;box-shadow:none;}
.panel .extendOn .mark .mainLink:hover{box-shadow:0 0 1.2em rgba(0,0,0,0.75);}

.extendOn .mainLink,.extendOn .mark > a{padding:0 !important;}
.extendOn .mainLink .ima,.extendOn .mark > a .ima{margin-top:0 !important;}
.panel .extendOn a h3{display:none;}
.panel .extendOn[data-rtve-thumb="img"] a h3{display:block;}

.panel .extendOn 
.panel .extendOn h3 a{display:block;}
.panel .extendOn h3 a:hover span{color:#000;text-decoration:underline;}

/*positioning*/
.tultip,.tultip:after {position:absolute;}
.ContentTabla .tultip {left:20%;top:-175%;z-index:4;}
.ContentTabla .tultip:after {left:0;top:50%;}


/** navegacion de temporadas **/
#theseasons{padding:0.5em;display:inline-block;}
ul li{list-style:none;display:inline-block;vertical-align:middle;}

.all,.primero,.anterior,.siguiente,.ultimo{height:2em;background:#efefef;border:0.1em solid #ddd;}
.all a span{padding:0 0.25em;}
.primero,.anterior,.siguiente,.ultimo{width:2em;text-align:center;}

.FilterLine .items a{width:auto;text-align:center;background:#efefef;border:0.1em solid #ddd;height:2em;}
.FilterLine.f01 .items a span{display:inline-block;padding-top:0.05em;font-size: 150%;}

.FilterLine .items .active{border-color:#02A2B2;background:#02a2b2;}
.FilterLine .items .active span{color:#fff;}

.FilterLine .items a:hover span{color:#fff;background:#02a2b2;}
.FilterLine .all a:hover,.FilterLine .primero a:hover,.FilterLine .anterior a:hover,.FilterLine .siguiente a:hover,.FilterLine .ultimo a:hover{color:#fff;text-decoration:none;background:#02a2b2;}

.FilterLine .all a,.FilterLine .primero a,.FilterLine .anterior a,.FilterLine .siguiente a,.FilterLine .ultimo a{padding:0.25em;height:100%;width:100%;display:inline-block;}
.FilterLine .primero a,.FilterLine .anterior a,.FilterLine .siguiente a,.FilterLine .ultimo a{font-weight:bold;}

.all a span,.primero span,.anterior a span,.siguiente a span,.ultimo a span{font-size:150%;font-family:'RTVEfontR',tahoma,serif;padding-top:0.1em;display:inline-block;}