@import url('/css/rtve.commons/rtve.modules/popular.css');

/*box-model*/.catalog,.catalog * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.catalog {width:100%;float:left;background:#f8f8f8;}
.catalog .jsContainer ul {width:100%;padding:1em 0;display:inline-block;}
.catalog li {float:left;position:relative;}
.col1  > li {width:100.00%;}
.col2  > li {width:50.000%;}
.col3  > li {width:33.333%;}
.col4  > li {width:25.000%;}
.col5  > li {width:20.000%;}
.col6  > li {width:16.666%;}
.col7  > li {width:14.285%;}
.col8  > li {width:12.500%;}
.col9  > li {width:11.111%;}
.col10 > li {width:10.000%;}

/*pastillas cuadradas*/
.panel .mainLink:hover,.panel .mark > a {text-decoration:none;color:inherit;}
.panel li .mark {padding:0.8em;}
	.catalog {padding:0 0.6em;}
.panel li .mark .mainLink,
.panel li .mark > a,
.extendOn .contentBox {background:white;box-shadow:0 0 0.2em rgba(0,0,0,0.3);display:block;display:inline-block;width:100%;}
.panel li .mark .mainLink,
.panel li .mark > a {padding-top:100%;}
.desktp .panel li .mark .mainLink:hover,
.desktp .panel li .mark > a:hover {background:#fff url('http://img.rtve.es/css/rtve.commons/i/transpBasics/000000_10.png');box-shadow:0 0 1.2em #999;}
.panel li .mark .mainLink .ima,
.panel li .mark > a .ima {margin-top:-100%;}
/**/.col1 li .mark .mainLink .ima,
.col1 li .mark > a .ima {margin-top:0;}

/*info-extra*/
.xinfo .mark .mainLink,
.xinfo .mark > a {padding-bottom:1.8em;}/*generic sobre 14px*/
.panel .xtra {width:auto;height:auto;padding:0 0 1em 1.6em;}
.c33 > .mark > .catalog .panel .xtra,
.c34 > .mark > .catalog .panel .xtra,
.c100 > .mark > .catalog .col2 .xtra,
.c50  > .mark > .catalog .col1 .xtra {padding-left:0.8em;}
.c33 > .mark > .catalog .col1 .xtra,
.c34 > .mark > .catalog .col1 .xtra,
.c33 > .mark > .catalog .col2 .xtra,
.c34 > .mark > .catalog .col2 .contentBox .xtra {padding-left:1.6em;}
.c33 > .mark > .catalog .col1 .contentBox .xtra,
.c34 > .mark > .catalog .col1 .contentBox .xtra,
.c33 > .mark > .catalog .col2 .contentBox .xtra,
.c34 > .mark > .catalog .col2 .contentBox .xtra {padding-left:0.7em;}

	/*font-size normal 12px*/
	.panel .xtra span,.panel .date,.duration span {font-size:120%;color:#888;font-weight:bold;display:inline-block;line-height:1;padding:0.25em 0;}
	/*font-size reduced 11px*/
	.c66 > .mark > .catalog .col5 .xtra span,
	.c50 > .mark > .catalog .col4 .xtra span,
	.c50 > .mark > .catalog .col5 .xtra span {font-size:110%;padding:0.27em 0;}

/*germen nuevo modulo madre*/
.ima,.catalog div[id^="vid"] a {display:block;overflow:hidden;}
.catalog .T {width:100%;clear:both;}
.catalog .L {width:auto;float:left;}
.ima img,.catalog div[id^="vid"] a {width:100%;height:auto;}
/*.L img {width:auto;height:auto;}*/

/*aspect-ratio*/
.catalog .f16x9 {padding-top:56.25%;}
.catalog .f4x3  {padding-top:75%;}
.catalog .f1x1  {padding-top:100%;}
.catalog .f3x4  {padding-top:133.333%;}
.catalog .f9x16 {padding-top:177.777%;}

/*.panel h3 .tit {background:yellow;}*/

/*titulos*//*2 font-size segun huecos*/
.panel .mainLink .tit,
.panel .mark > a .tit {color:#059;} 
.desktp .panel a:hover .tit {color:black;}
.panel .tit {overflow:hidden;display:inline-block;width:100%;}
	/*font-size normal 14px*/
	.panel h3 .tit,
	.c50 > .mark > .catalog .panel.col1 h3 .tit,
	.c34 > .mark > .catalog .panel.col1 h3 .tit,																				
	.c33 > .mark > .catalog .panel.col1 h3 .tit {font-size:140%;line-height:1.286;max-height:3.86em;}/*font-size:14/18x3*/
	/*font-size reduced 12px*/
	.col5 h3 .tit,.col6 h3 .tit,.col7 h3 .tit,.col8 h3 .tit,.col9 h3 .tit,.col10 h3 .tit,
	.c34 > .mark > .catalog .panel h3 .tit,
	.c33 > .mark > .catalog .panel h3 .tit,
	.c66 > .mark > .catalog .col4 h3 .tit,
	.c50 > .mark > .catalog .col4 h3 .tit {font-size:120%;line-height:1.333;}/*font-size:12/16x4-1*/ 

.c66 > .mark > .catalog .col4 h3 .tit,
.col5 h3 .tit,.col6 h3 .tit,.col7 h3 .tit,.col8 h3 .tit {max-height:5.25em;}

.c34 > .mark > .catalog .panel h3 .tit,
.c33 > .mark > .catalog .panel h3 .tit,
.c50 > .mark > .catalog .col4 h3 .tit {max-height:4em;}

.panel a h3,
.c34 > .mark > .catalog .panel.col1 a h3,																				
.c33 > .mark > .catalog .panel.col1 a h3 {padding:0.8em;}
.col5 a h3,.col6 a h3,
.c34 > .mark > .catalog .panel a h3,
.c33 > .mark > .catalog .panel a h3 {padding:0.7em;} 

/*alturas de las pastillas*/

/*col02 no 100%*/
.col2 li .mark .mainLink,
.col2 li .mark > a {padding-top:82.5%;padding-top:56.25%;}
.col2 li .mark .mainLink .ima,
.col2 li .mark > a .ima {margin-top:-82.5%;margin-top:-56.25%}
.c66 > .mark > .catalog .col2 li .mark .mainLink,
.c66 > .mark > .catalog .col2 li .mark > a {padding-top:84%;}
.c66 > .mark > .catalog .col2 li .mark .mainLink .ima,
.c66 > .mark > .catalog .col2 li .mark > a .ima {margin-top:-84%;}
.c50 > .mark > .catalog .col2 li .mark .mainLink,
.c50 > .mark > .catalog .col2 li .mark > a {padding-top:94%;}
.c50 > .mark > .catalog .col2 li .mark .mainLink .ima,
.c50 > .mark > .catalog .col2 li .mark > a .ima {margin-top:-94%;}
/*col02 sectarios c66*/
.c66 > .secmod .col2 li .mark .mainLink,
.c66 > .secmod .col2 li .mark > a {padding-top:56.25%;}
.c66 > .secmod .col2 li .mark .mainLink .ima,
.c66 > .secmod .col2 li .mark > a .ima {margin-top:-56.25%;}

/*col03*/
.col3 li .mark .mainLink,
.col3 li .mark > a {padding-top:81.5%;}
.col3 li .mark .mainLink .ima,
.col3 li .mark > a .ima {margin-top:-81.5%;}
.c66 > .mark > .catalog .col3 li .mark .mainLink,
.c66 > .mark > .catalog .col3 li .mark > a {padding-top:100%;}
.c66 > .mark > .catalog .col3 li .mark .mainLink .ima,
.c66 > .mark > .catalog .col3 li .mark > a .ima {margin-top:-100%;}
.c50 > .mark > .catalog .col3 li .mark .mainLink,
.c50 > .mark > .catalog .col3 li .mark > a {padding-top:121%;}
.c50 > .mark > .catalog .col3 li .mark .mainLink .ima,
.c50 > .mark > .catalog .col3 li .mark > a .ima {margin-top:-121%;}



/*col04*/
.col4 li .mark .mainLink,
.col4 li .mark > a {padding-top:90%;}
.col4 li .mark .mainLink .ima,
.col4 li .mark > a .ima {margin-top:-90%;}

/*col08*/
.col8 li .mark .mainLink,
.col8 li .mark > a {padding-top:143%;}
.col8 li .mark .mainLink .ima,
.col8 li .mark > a .ima {margin-top:-143%;}


.c50 > .mark > .catalog .col4 li .mark .mainLink, 
.c66 > .mark > .catalog .col5 li .mark .mainLink,
.c50 > .mark > .catalog .col4 li .mark > a, 
.c66 > .mark > .catalog .col5 li .mark > a,
.c66 .c100 > .mark > .catalog .col5 li .mark .mainLink,
.c66 .c100 > .mark > .catalog .col5 li .mark > a {padding-top:140%;}
.c50 > .mark > .catalog .col4 li .mark .mainLink .ima, 
.c66 > .mark > .catalog .col5 li .mark .mainLink .ima,
.c50 > .mark > .catalog .col4 li .mark > a .ima,
.c66 > .mark > .catalog .col5 li .mark > a .ima,
.c66 .c100 > .mark > .catalog .col5 li .mark .mainLink .ima,
.c66 .c100 > .mark > .catalog .col5 li .mark > a .ima {margin-top:-140%;}

/*col04 c66*/
.c66 > .mark > .catalog .col4 li .mark .mainLink,
.c66 > .mark > .catalog .col4 li .mark > a {padding-top:120%;}
.c66 > .mark > .catalog .col4 li .mark .mainLink .ima,
.c66 > .mark > .catalog .col4 li .mark > a .ima {margin-top:-120%;}

/*col05*/
.col5 li .mark .mainLink,
.col5 li .mark > a {padding-top:105.5%;}
.col5 li .mark .mainLink .ima,
.col5 li .mark > a .ima {margin-top:-105.5%;}
.c50 > .mark > .catalog .col5 li .mark .mainLink,
.c50 > .mark > .catalog .col5 li .mark > a {padding-top:171%;}
.c50 > .mark > .catalog .col5 li .mark .mainLink .ima,
.c50 > .mark > .catalog .col5 li .mark > a .ima {margin-top:-171%;}


/*col06*/
.col6 li .mark .mainLink,
.col6 li .mark > a {padding-top:117%;}
.col6 li .mark .mainLink .ima,
.col6 li .mark > a .ima {margin-top:-117%;}

/*col07*/
.col7 li .mark .mainLink,
.col7 li .mark > a {padding-top:127%;}
.col7 li .mark .mainLink .ima,
.col7 li .mark > a .ima {margin-top:-127%;}


/*ajustes por numero de columnas*/
/*col1 al 100%/66%*/
.c100 > .mark > .catalog .panel.col1 .xinfo h3,
 .c66 > .mark > .catalog .panel.col1 .xinfo h3 {padding-bottom:2em;}
/*col01 al 33%*/
.c34 > .mark > .catalog .panel.col1 .xinfo h3,
.c33 > .mark > .catalog .panel.col1 .xinfo h3 {padding-bottom:2.8em;}
.unit > .mark  > .catalog .panel.col1 .extendOn h3 {padding-bottom:0;}
.c34 > .mark > .catalog .panel.col1 li .mark .mainLink h3,
.c34 > .mark > .catalog .panel.col1 li .mark .mainLink .ima,
.c33 > .mark > .catalog .panel.col1 li .mark .mainLink h3,
.c33 > .mark > .catalog .panel.col1 li .mark .mainLink .ima,
.c34 > .mark > .catalog .panel.col1 li .mark > a h3,
.c34 > .mark > .catalog .panel.col1 li .mark > a .ima,
.c33 > .mark > .catalog .panel.col1 li .mark > a h3,
.c33 > .mark > .catalog .panel.col1 li .mark > a .ima {width:100%;clear:both;} 
.c34 > .mark > .catalog .panel.col1 li .mark .mainLink .f16x9,
.c33 > .mark > .catalog .panel.col1 li .mark .mainLink .f16x9,
.c34 > .mark > .catalog .panel.col1 li .mark > a .f16x9,
.c33 > .mark > .catalog .panel.col1 li .mark > a .f16x9 {padding-top:56.25%;}
/**/.panel.col1 h3 .tit,
.c34 > .mark > .catalog .panel.col1 h3 .tit,
.c33 > .mark > .catalog .panel.col1 h3 .tit {max-height:100%;}
/*col02 al 100%*//*generic al 33%*/
.c100 > .mark > .catalog .col2 li .mark .mainLink,
.c100 > .mark > .catalog .col2 li .mark .mainLink h3,
.c100 > .mark > .catalog .col2 li .mark .mainLink .ima,

.c100 > .mark > .catalog .col2 li .mark > a,
.c100 > .mark > .catalog .col2 li .mark > a h3,
.c100 > .mark > .catalog .col2 li .mark > a .ima,

.c50 > .mark > .catalog .col1 li .mark .mainLink,
.c50 > .mark > .catalog .col1 li .mark .mainLink h3,
.c50 > .mark > .catalog .col1 li .mark .mainLink .ima,

.c50 > .mark > .catalog .col1 li .mark > a,
.c50 > .mark > .catalog .col1 li .mark > a h3,
.c50 > .mark > .catalog .col1 li .mark > a .ima,

.c34 > .mark > .catalog .panel li .mark .mainLink,
.c34 > .mark > .catalog .panel li .mark .mainLink h3,
.c34 > .mark > .catalog .panel li .mark .mainLink .ima,

.c34 > .mark > .catalog .panel li .mark > a,
.c34 > .mark > .catalog .panel li .mark > a h3,
.c34 > .mark > .catalog .panel li .mark > a .ima,

.c33 > .mark > .catalog .panel li .mark .mainLink,
.c33 > .mark > .catalog .panel li .mark .mainLink h3,
.c33 > .mark > .catalog .panel li .mark .mainLink .ima, 

.c33 > .mark > .catalog .panel li .mark > a,
.c33 > .mark > .catalog .panel li .mark > a h3,
.c33 > .mark > .catalog .panel li .mark > a .ima {float:left;}

/**/.col1 li .mark .mainLink,.col1 li .mark > a,
/*.c100 > .mark > .catalog .col2 li .mark .mainLink,
.c100 > .mark > .catalog .col2 li .mark > a,*/
.c34 > .mark > .catalog .panel li .mark .mainLink,
.c34 > .mark > .catalog .panel li .mark > a,
.c33 > .mark > .catalog .panel li .mark .mainLink,
.c33 > .mark > .catalog .panel li .mark > a,
.c50 > .mark > .catalog .col1 .mark .mainLink,
.c50 > .mark > .catalog .col1 .mark > a {padding:0;width:100%;}
/*.c100 > .mark > .catalog .col2 li .mark .mainLink h3,
.c100 > .mark > .catalog .col2 li .mark .mainLink .ima,
.c100 > .mark > .catalog .col2 li .mark > a h3,
.c100 > .mark > .catalog .col2 li .mark > a .ima,*/
.c50 > .mark > .catalog .col1 li .mark .mainLink h3,
.c50 > .mark > .catalog .col1 li .mark .mainLink .ima,
.c50 > .mark > .catalog .col1 li .mark > a h3,
.c50 > .mark > .catalog .col1 li .mark > a .ima {width:50%;clear:none;}
/* jira:8729 Ajuste col50 y 1 solo elemento */
.c50 .catalog input.tamanoPagina[value="1"] ~ .bx-wrapper .bx-controls {top:6em;}

/*.c100 > .mark > .catalog .col2 li .mark .mainLink .ima,
.c100 > .mark > .catalog .col2 li .mark > a .ima,*/
.c50 > .mark > .catalog .col1 li .mark .mainLink .ima,
.c50 > .mark > .catalog .col1 li .mark > a .ima {margin:0;padding-top:28.125%;}
.c34 > .mark > .catalog .panel li .mark .mainLink h3,
.c34 > .mark > .catalog .panel li .mark .mainLink .ima,
.c34 > .mark > .catalog .panel li .mark > a h3,
.c34 > .mark > .catalog .panel li .mark > a .ima,
.c33 > .mark > .catalog .panel li .mark .mainLink h3,
.c33 > .mark > .catalog .panel li .mark .mainLink .ima,
.c33 > .mark > .catalog .panel li .mark > a h3,
.c33 > .mark > .catalog .panel li .mark > a .ima {clear:none;}
.c34 > .mark > .catalog .panel li .mark .mainLink .ima,
.c34 > .mark > .catalog .panel li .mark > a .ima,
.c33 > .mark > .catalog .panel li .mark .mainLink .ima,
.c33 > .mark > .catalog .panel li .mark > a .ima {width:54%;}
.c34 > .mark > .catalog .panel li .mark .mainLink h3,
.c34 > .mark > .catalog .panel li .mark > a h3,
.c33 > .mark > .catalog .panel li .mark .mainLink h3,
.c33 > .mark > .catalog .panel li .mark > a h3 {width:46%;}
.c34 > .mark > .catalog .panel li .mark .mainLink .f16x9,
.c34 > .mark > .catalog .panel li .mark > a .f16x9,
.c33 > .mark > .catalog .panel li .mark .mainLink .f16x9,
.c33 > .mark > .catalog .panel li .mark > a .f16x9 {margin:0;padding-top:30.375%;}
.c34 > .mark > .catalog .panel li,
.c33 > .mark > .catalog .panel li,
.c50 > .mark > .catalog .col1 li {width:100%;}

/*col02 al 33%/34%*/
.c34 > .mark > .catalog .col2 li,
.c33 > .mark > .catalog .col2 li {width:50%;}
.c34 > .mark > .catalog .col2 li .mark .mainLink h3,
.c34 > .mark > .catalog .col2 li .mark .mainLink .ima,
.c33 > .mark > .catalog .col2 li .mark .mainLink h3,
.c33 > .mark > .catalog .col2 li .mark .mainLink .ima,
.c34 > .mark > .catalog .col2 li .mark > a h3,
.c34 > .mark > .catalog .col2 li .mark > a .ima,
.c33 > .mark > .catalog .col2 li .mark > a h3,
.c33 > .mark > .catalog .col2 li .mark > a .ima {width:100%;float:none;}
.c34 > .mark > .catalog .col2 li .mark .mainLink,
.c34 > .mark > .catalog .col2 li .mark > a,
.c33 > .mark > .catalog .col2 li .mark .mainLink,
.c33 > .mark > .catalog .col2 li .mark > a {padding-top:112%;}
.c34 > .mark > .catalog .col2 li .mark .mainLink .ima,
.c34 > .mark > .catalog .col2 li .mark > a .ima,
.c33 > .mark > .catalog .col2 li .mark .mainLink .ima,
.c33 > .mark > .catalog .col2 li .mark > a .ima {margin-top:-112%;}
.c34 > .mark > .catalog .col2 li .mark .mainLink .f16x9,
.c34 > .mark > .catalog .col2 li .mark > a .f16x9,
.c33 > .mark > .catalog .col2 li .mark .mainLink .f16x9,
.c33 > .mark > .catalog .col2 li .mark > a .f16x9 {padding-top:56.25%;}

.c34 > .mark > .catalog .col2 .xinfo .mark .mainLink,
.c34 > .mark > .catalog .col2 .xinfo .mark > a,
.c33 > .mark > .catalog .col2 .xinfo .mark .mainLink,
.c33 > .mark > .catalog .col2 .xinfo .mark > a {padding-bottom:1.5em;}


.col5 h3,.col6 h3 {}                                       
.c34 > .mark > .catalog .panel h3,
.c33 > .mark > .catalog .panel h3 {/*padding:0.3em 0.7em 0.3em 1.2em;*/}


/*restringimos fecha columnas estrechas*/

/*navegacion lateral con flechas*/
.catalog .slide {display:inline-block;/*padding:0 1.2em;*/width:100%;}
	/*.catalog .arrow,.arrow img {width:1.8em;height:5.4em;}
	.catalog .arrow {overflow:hidden;}
	.catalog .arrow,.arrow a,.arrow img {display:block;}*/
	/*flechas activas*/
	/*.arrow img {background:url('http://img.irtve.es/css/rtve.commons/i/arrows_catalogo.png') no-repeat;}
	.next img {background-position:100% 0;}*/
	/*flechas inactivas*/
	/*.next img,.slide .next.off:before {float:right;}*/
	/*.slide .off a {display:none;}*/
	/*.catalog .slide .off:before {content:url('http://img.irtve.es/css/rtve.commons/i/arrows_catalogo.png');opacity:0.25;}*/
.catalog .slide > ul {display:inline-block;width:100%;padding-bottom:1em;}
/*botonera*/
.catalog .botonera {text-align:center;}
.catalog ul + .botonera,.catalog .bx-wrapper + .botonera {float:none;margin:0 auto;width:100%;display:block;clear:both;padding:1em 0;}
.catalog .nav.botonera {padding:1.2em 0 0.8em 0;width:100%;}
.catalog .nav.botonera li {margin:0;float:none;display:inline-block;}
.catalog .nav.botonera {border-bottom:0.1em solid #bfbfbf;}

.catalog .botonera strong,.catalog .botonera .minimizar {display:inline-block;}
.catalog .botonera li,.catalog .botonera strong {width:auto;}
.catalog .botonera a span,.catalog .botonera .falseLink {font-size:140%;line-height:214.3%;padding:0 0.6em;display:inline-block;border-radius:0.357em;color:#777;font-weight:bold;}
.catalog .botonera .active a span,.catalog .botonera strong a,.desktp .catalog .botonera li a:hover span,.catalog .botonera .minimizar a {
background:#dcdcdc;
background: 					linear-gradient(bottom,#dcdcdc 10%,#f6f6f6 90%);/*W3C*/
background: 			 -o-linear-gradient(bottom,#dcdcdc 10%,#f6f6f6 90%);/*Opera11.10+*/
background: 		 -moz-linear-gradient(bottom,#dcdcdc 10%,#f6f6f6 90%);/*FF3.6+*/
background: 	-webkit-linear-gradient(bottom,#dcdcdc 10%,#f6f6f6 90%);/*Chrome10+,Safari5.1+*/
background: 			-ms-linear-gradient(bottom,#dcdcdc 10%,#f6f6f6 90%);/*IE10+*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dcdcdc',GradientType=0 );/*IE6-9*/
background: 				 -webkit-gradient(linear,left bottom,left top,color-stop(10%,#dcdcdc),color-stop(90%,#f6f6f6));/*Chrome,Safari4+*/
}
/**/.tooltip .botonBox a {background:#dcdcdc\9;}

.desktp .botPag strong a:hover,.desktp .catalog .botonera .minimizar a:hover {
background:#959595;
background: 					linear-gradient(bottom,#959595 10%,#dcdcdc 90%);/*W3C*/
background: 			 -o-linear-gradient(bottom,#959595 10%,#dcdcdc 90%);/*Opera11.10+*/
background: 		 -moz-linear-gradient(bottom,#959595 10%,#dcdcdc 90%);/*FF3.6+*/
background: 	-webkit-linear-gradient(bottom,#959595 10%,#dcdcdc 90%);/*Chrome10+,Safari5.1+*/
background: 			-ms-linear-gradient(bottom,#959595 10%,#dcdcdc 90%);/*IE10+*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#959595',GradientType=0 );/*IE6-9*/
background: 				 -webkit-gradient(linear,left bottom,left top,color-stop(10%,#959595),color-stop(90%,#dcdcdc));/*Chrome,Safari4+*/
}
/**/.tooltip .botonBox a:hover {background:#959595\9;color: #fff;}

.desktp .catalog .botonera li:hover {box-shadow:0 0 0.2em #ccc;}
.catalog .botonera .falseLink {border-radius:0;color:#333;}
.desktp .catalog .botonera li:only-child:hover {box-shadow:none;}
.catalog .botonera li:only-child {width:100%;text-align:left;}
.desktp .catalog .botonera li a:hover span {color:#000;}
.catalog .botonera li {margin:0 0.2em 0 0;}

/*spin*/
.botPag .paginador * {font-style:normal;}
.botPag .paginador,.botPag strong span,.catalog .enlace a {font-size:140%;line-height:214.3%;padding:0 0.6em;display:inline-block;}
.catalog .botonera .minimizar a,.botPag .paginador {border-radius:0.357em;}
.botPag .paginador {color:#777;background:#fff;padding-right:1.2em;margin-right:-1em;}
.botPag .paginador em {color:#000;}
.catalog .botonera strong + img {width:3em;position:relative;left:0.8em;top:0.8em;}
.catalog .botonera strong a,.catalog .botonera .minimizar a {border-radius:0.3em;display:block;}
.catalog .botonera strong span {padding-right:2.143em;background:url('http://img.irtve.es/css/rtve.commons/i/mas.png') 100% 0 no-repeat;}
.desktp .botPag strong a:hover span {color:#fff;background-position:100% 100%;}
.catalog .botonera .minimizar a {width:3em;height:3em;overflow:hidden;display:block;text-indent:6em;}
.catalog .botonera .ico img {width:100%;height:100%;background:url('http://img.irtve.es/css/rtve.commons/i/arrows_up.png') no-repeat;}
.desktp .catalog .botonera .minimizar a:hover img {background-position:100% 100%;}
.catalog .imgSpin {display:inline-block;position:relative;top:0.7em;height:2.4em;}
.catalog .imgSpin img {position:absolute;border-radius:100%;background:#efefef;height:100%;width:auto;left:-3em;}
.catalog .paginador + .imgSpin {height:3em;width:3em;top:1em;}
.catalog .paginador + .imgSpin  img {left:-0.5em;border:0.4em solid #fff;}
.catalog .botonera .minimizar {position:relative;top:1em;}
.catalog .botonera .ico img {position:absolute;left:0;top:0;}
.catalog .enlace {width:100%;padding:0.3em 0;}
.catalog .enlace span {display:inline-block;}
.catalog .enlace a {font-weight:normal;color:#777;}
.desktp .catalog .enlace a:hover {text-decoration:underline;color:#000;}


/* EVOLUTION ******************************************************/
/* ****************************************************************/
.apiCall {width:100%;clear:both;padding:0.4em 0;}
.sign + .apiCall {clear:none;}
.sign + .summary p {min-height:4.02em;}
.apiCall li {width:100%;}

/*video destacado*/
.bodier .catalog .news {margin-top:0.6em;box-shadow:0 0 1.2em rgba(0,0,0,0.25);}

/*tooltip*/
.contentBox {display:inline-block;width:100%;}
.extendOf .tooltip,.extendOn[data-rtve-thumb="IMG"] .tooltip {overflow:hidden;opacity:0;clip:rect(0,0,0,0);
	-moz-transition-delay:0s;											-webkit-transition-delay:0s;    
	-moz-transition-duration:1s;                	-webkit-transition-duration:1s; 
	-moz-transition-property:opacity;            	-webkit-transition-property:opacity;
	-moz-transition-timing-function:ease-in-out;	-webkit-transition-timing-function:ease-in-out;
	}
.desktp .extendOf .contentBox:hover .tooltip,.desktp .extendOn[data-rtve-thumb="IMG"] .contentBox:hover .tooltip {overflow:visible;opacity:1;clip:auto;}
.extendOf .tooltip,.extendOn[data-rtve-thumb="IMG"] .tooltip {background:#fff;width:160%;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);
margin:15% 0 0 15%;}
.extendOf.first .tooltip {margin:15% 15% 0 0;}
.extendOf .tooltip:after,.extendOn[data-rtve-thumb="IMG"] .tooltip:after {content:'';width:2em;height:4em;display:block;background:url('http://img.irtve.es/css/rtve.commons/i/pointerTooltip.png') no-repeat 100% 50%;
margin:-2em -2em 0 0;}
.extendOf.first .tooltip:after {background-position:0 50%;margin:-2em 0 0 -2em;}

/*actualizacion*/
.panel .extendOf .contentBox .xtra {padding:0.4em 0.8em;}
.panel .extendOn .contentBox .xtra {display:inline-block;padding:0.8em 1.2em;padding-bottom:0;margin-bottom:-0.8em;}

/*cartela extendida*/
* > .mark > .catalog .panel.col1 .extendOn .mark a .ima {width:100%;clear:both;}
* > .mark > .catalog .panel.col1 .extendOn .mark a .f16x9 {padding-top:56.25%;}

.extendOn .contentBox {}
.extendOn a h3,.extendOn .tooltip {padding:1.2em;}
.panel .extendOn .mark .mainLink,
.panel .extendOf[data-rtve-thumb="IMG"] .mark .mainLink {padding:0;}
.panel .extendOn .mark .mainLink .ima,
.panel .extendOf[data-rtve-thumb="IMG"] .mark .mainLink .ima {margin-top:0;}
.panel .extendOn h3 .tit {max-height:100%;}
.panel .extendOn .mark .mainLink {background:none;box-shadow:none;}
.desktp .panel .extendOn .mark .mainLink:hover {/*background:none;box-shadow:none;*/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;}
/* tooltip h3 bjc */
.panel .tooltip  .tit,
.unit > .mark > .catalog .panel .tooltip  .tit,
.magBox .longTiTle span {font-size:190%;line-height:1.21;font-family:'Georgia','Tahoma',sans-serif;/*font-family:'RTVEFontR','Tahoma',sans-serif;*/color:#333;max-height:100%;}
.panel .extendOn  a {display:block;}
.desktp .panel .extendOn a:hover span {color:#000;text-decoration:underline;}
/* end tooltip h3 */

.tooltip .anteTiTle span {font-size:110%;line-height:1.3636;text-transform:uppercase;}

.tooltip .duration {padding:0;}

/*entradilla*/
.catalog .tooltip ul {padding:0;}
.tooltip .summary p,.tooltip .summary li,.magBox .summary p,
.tooltip .summary > span {font-size:120%;line-height:1.34;}
.tooltip .summary > span p,.tooltip .summary > span li {font-size:100%;}
.tooltip .summary {height:auto;/*max-height:9.5em;overflow:hidden;padding:0;margin:0.4em 0;*/}
.tooltip .summary p {word-break:break-word;}
.tooltip .summary:after {content:" ";display:block;width:100%;height:4em;margin-top:-4em;position:relative;z-index:3;
background: -o-linear-gradient(top,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 95%);/*Opera11.10+*/
background: -moz-linear-gradient(top,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 95%);/*FF3.6+*/
background: -webkit-linear-gradient(top,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 95%);/*Chrome10+,Safari5.1+*/
background: -ms-linear-gradient(top,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 95%);/*IE10+*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(255,255,255,0)),color-stop(95%,rgba(255,255,255,1)));/*Chrome,Safari4+*/
}

/*firma*/
.sign .ima {width:4.8em;margin-right:0.6em;}
.sign .f1x1 {padding-top:4.8em;}
.sign .f1x1,.sign .f1x1 img {border-radius:100%;}
.sign strong {position:relative;top:0.636em;font-size:110%;line-height:1;color:#666;}
/*.col4 .sign .ima {width:24%;}
.col4 .sign .f1x1 {padding-top:24%;}*/

/*bloque popularidad*/
.tooltip .social {padding:0.8em;background:#efefef;display:inline-block;margin-top:0.8em;}
.tooltip .social > span {float:left;font-weight:bold;line-height:2em;}
.tooltip .nv0,.tooltip .social .pc0 {display:none;}

/*.tooltip .social .pop {width:70%;}
.tooltip .social .num {width:30%;text-align:center;}*/

	/*anchos especiales*/
	.c50 .col4 .tooltip .social > span,
	.c66 .col4 .tooltip .social > span,
	.c50 .col5 .tooltip .social > span,
	.c66 .col5 .tooltip .social > span {}

/*tipologia de contenidos*/
	*[data-rtve-thumb="NOT"] {}
	*[data-rtve-thumb="VID"] {}
	*[data-rtve-thumb="AUD"] {}
	*[data-rtve-thumb="IMG"] {}
	*[data-rtve-thumb="BLO"] {}

/*MODULOS ESPECIALES DE BLOGS*/
.panel *[data-rtve-thumb="BLO"] .social,
.panel *[data-rtve-thumb="BLO"] .summary,
.panel .extendOn[data-rtve-thumb="BLO"] .xtra {display:none;}
.panel .extendOn[data-rtve-thumb="BLO"] .tooltip {padding:0 0.8em 0.8em 0.8em;}
.panel *[data-rtve-thumb="BLO"] .lastPostData {border-top:0.1em dotted #ccc;}
.panel .programData {border-bottom:0.1em dotted #ccc;}
.panel *[data-rtve-thumb="BLO"] .date {line-height:1.5;}
.panel *[data-rtve-thumb="BLO"] .tooltip .longTiTle h3.tit,
.panel .programData .tit,
.unit > .mark > .catalog .panel *[data-rtve-thumb="BLO"] .tooltip .longTiTle h3 .tit {font-family:arial,helvetica,sans-serif;font-size:130%;line-height:1.154;font-weight:bold;}



/*MODULOS ESPECIALES IMAGENES*/
.panel *[data-rtve-thumb="IMG"] .contentBox,
.panel *[data-rtve-thumb="IMG"] .mark .mainLink,
.desktp .panel *[data-rtve-thumb="IMG"] .mark .mainLink:hover {background:none;box-shadow:none;}
.panel *[data-rtve-thumb="IMG"] .contentBox {padding-bottom:1em;}
.panel *[data-rtve-thumb="IMG"] .mark .mainLink h3 {border-left:0.1em dotted #777;}
.panel *[data-rtve-thumb="IMG"] .mark .mainLink h3,
.panel *[data-rtve-thumb="IMG"] .contentBox .xtra {padding:0 0 0 1em;margin-top:1em;}
.panel *[data-rtve-thumb="IMG"] .contentBox .xtra {margin:0;padding-top:0.3em;}
.panel *[data-rtve-thumb="IMG"] .mark .mainLink .ima {margin:0;box-shadow:0 0 0.4em rgba(0,0,0,0.75);}
.panel *[data-rtve-thumb="IMG"] .mark .mainLink .ima img {position:relative;}
.panel *[data-rtve-thumb="IMG"] .mark .mainLink span {color:#444;}

/*clear las filas*/
.catalog .first {clear:left;}

.col2 *[data-rtve-thumb="IMG"]:nth-of-type(2n+1),.col2 .extendOn:nth-of-type(2n+1),
.col3 *[data-rtve-thumb="IMG"]:nth-of-type(3n+1),.col3 .extendOn:nth-of-type(3n+1),
.col4 *[data-rtve-thumb="IMG"]:nth-of-type(4n+1),.col4 .extendOn:nth-of-type(4n+1),
.col5 *[data-rtve-thumb="IMG"]:nth-of-type(5n+1),.col5 .extendOn:nth-of-type(5n+1),
.col6 *[data-rtve-thumb="IMG"]:nth-of-type(6n+1),.col6 .extendOn:nth-of-type(6n+1),
.col7 *[data-rtve-thumb="IMG"]:nth-of-type(7n+1),.col7 .extendOn:nth-of-type(7n+1),
.col8 *[data-rtve-thumb="IMG"]:nth-of-type(8n+1),.col8 .extendOn:nth-of-type(8n+1),
.col9 *[data-rtve-thumb="IMG"]:nth-of-type(9n+1),.col9 .extendOn:nth-of-type(9n+1) {clear:left;}

/*.clear:before {content:" ";width:600%;height:0.1em;clear:both;display:inline-block;background:green;}*/

/*BOTONES EN TOOLTIP*/
.catalog .tooltip .botonBox {padding-top:0.6em;width:100%;clear:both;}
.catalog .tooltip .social + .botonBox {padding-top:1.2em;}
.tooltip .botonBox,.tooltip .botonBox a,.tooltip .botonBox span {display:inline-block;}
.tooltip .botonBox span {font-size:110%;line-height:2;padding:0 0.545em;font-weight:bold;color: #494847;}
.desktp .tooltip .botonBox a:hover span {color: #fff;}
.tooltip .botonBox a {border-radius:0.3em;background-color: #959595;}
.tooltip .botonBox li {margin-right:0.3em;}

/*NOMBRES DE PROGRAMA*/
.panel .programData .tit {width:100%;display:inline;line-height:1.384;}
.tooltip .programData {margin-bottom:0.8em;display:inline-block;}
.tooltip .programData a {color:#333;}
.tooltip .programData .ico {float:left;display:inline-block;margin:-0.6em 0.2em -0.4em -0.4em;}
.tooltip .programData .ico img {width:3.2em;height:3.2em;background:url('http://img.irtve.es/css/rtve.commons/icons/loguitos.png') no-repeat 100% 0;}
.tooltip .programData .la1 img {background-position:-00.0em -0.0em;}
.tooltip .programData .la2 img {background-position:-03.2em -0.0em;}
/*.tooltip .programData .24-horas img,*/
.tooltip .programData .ico[class*='24-horas'] img {background-position:-00.0em -3.2em;}
.tooltip .programData .teledeporte img {background-position:-03.2em -3.2em;}  
.tooltip .programData .clan img {background-position:-03.2em -6.4em;}
.tooltip .programData .tve img {background-position:-00.0em -6.4em;}
.tooltip .programData .tve-hd img {background-position:-00.0em -6.4em;}
.tooltip .programData .web img {background-position:-06.4em -3.2em;}
.tooltip .programData .radio-nacional img {background-position:-09.6em -0.0em;}
.tooltip .programData .radio-3 img {background-position:-12.8em -3.2em;}
.tooltip .programData .radio-4 img {background-position:-16.0em -3.2em;}
.tooltip .programData .radio-5 img {background-position:-19.2em -3.2em;}
.tooltip .programData .radio-exterior img {background-position:-22.4em -3.2em;}
.tooltip .programData .radio-clasica img {background-position:-25.6em -3.2em;}
/*http://img.irtve.es/css/rtve.commons/icons/loguitos.png*/


/*FACEBOX*/
#facebox {top:4.6em;}
#facebox .close {width:1.8em !important;height:1.8em !important;padding:0 !important;margin:0.4em 0 0 -0.4em !important;}
#facebox .footer {width:1.8em !important;height:1.8em !important;top:0 !important;}
.magBox,.magBox * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.magBox {display:inline-block;background:url('http://img.irtve.es/css/rtve.commons/i/transpBasics/ffffff_80.png');background:rgba(255,255,255,0.85);box-shadow:0 0 2em rgba(0,0,0,0.8);padding:5%;}
.magBox {width:106.5em;margin-left:0%;border-radius:1em;}
#facebox .footer {right:0% !important;}

.magBox .ima img {position:static;width:100%;height:auto;}

.magBox .ima {display:inline-block;padding:0;overflow:hidden;border:0.2em solid #fff;box-shadow:0 0 0.6em rgba(0,0,0,0.5);}
.magBox .V {width:50%;float:left;clear:none;}
.magBox .H {width:100%;}

.magBox .V {margin-right:5%;}
.magBox .H {margin-bottom:1em;}

.magBox .tooltip .summary:after {display:none;}
.magBox .tooltip {float:left;}
.magBox .H + .tooltip {width:100%;clear:both;}
.magBox .V + .tooltip {clear:none;float:none;}
.magBox .apiCall {clear:none;width:auto;}

.magBox .tooltip .social {width:50%;background:none;padding:0;margin-bottom:0.8em;}
.magBox .social > span {display:inline-block;clear:none;padding-right:2em;}
.magBox .social > .pop {width:70%;}
.magBox .social > .num {width:30%;}

.magBox .botonBox,.magBox .tooltip .social {display:none;} 



@media only screen and (max-width:1200px) {
.magBox {width:150%;margin-left:-25%;}
#facebox .footer {right:-25% !important;}
}
@media only screen and (max-width:800px) {
.magBox {width:200%;margin-left:-50%;}
#facebox .footer {right:-50% !important;}
}






	
/* EVOLUTION ******************************************************/
/* END ************************************************************/
                                                                                            

/*positioning*/                                                                                           
.ima,.catalog .VideoContainer,.xinfo,.catalog .slide,.extendOn .tooltip,.contentBox,.panel .extendOn .contentBox .xtra,.panel *[data-rtve-thumb="IMG"] .contentBox .xtra {position:relative;}
.oculto,.ima img,.catalog .VideoContainer object,.catalog .VideoContainer video,.catalog div[id^="vid"] a,.panel .xtra,/*.catalog .slide .arrow,*/.extendOf .tooltip,.extendOf .tooltip:after,
.extendOn[data-rtve-thumb="IMG"] .tooltip,.extendOn[data-rtve-thumb="IMG"] .tooltip:after,.bx-controls,.bx-controls-direction a {position:absolute;}
.ima img,div[id^="vid"] a,.VideoContainer object,.VideoContainer video {left:0;top:0;}
.panel .xtra,.panel .contentBox .xtra {bottom:0;/*right:0;*/left:0;}


.c33 > .mark > .catalog .col2 .xtra,
.c34 > .mark > .catalog .col2 .xtra,
.c66 > .mark > .catalog .col4 .xtra {left:0;}
.c33 > .mark > .catalog .panel .xtra,
.c34 > .mark > .catalog .panel .xtra {left:54%;}
/*.c100 > .mark > .catalog .col2 .xtra,*/
.c50  > .mark > .catalog .col1 .xtra {left:50%;}
.c33 > .mark > .catalog .col1 .xtra,
.c34 > .mark > .catalog .col1 .xtra,
.c33 > .mark > .catalog .col2 .xtra,
.c34 > .mark > .catalog .col2 .xtra {left:0;}

.col5 .xtra,.col6 .xtra {right:auto;left:0;}
/*.arrow {top:15%;}
.next {right:-0.6em;}
.prev {left:-0.6em;}
*/
.extendOf .tooltip,.extendOn[data-rtve-thumb="IMG"] .tooltip {left:-1000%;top:-1000%;z-index:5;}
.extendOf .contentBox:hover .tooltip,.extendOn[data-rtve-thumb="IMG"] .contentBox:hover .tooltip {left:-160%;top:0;}
.extendOf.first .contentBox:hover .tooltip {left:auto;right:-160%;}
.extendOf .tooltip:after,.extendOn[data-rtve-thumb="IMG"] .tooltip:after {right:0;top:4.8em;z-index:6;}
.extendOf.first .tooltip:after {right:auto;left:0;}

/*posicion tooltip segun columnas*/
.col1 .extendOf .tooltip {width:100%;}
.col1 .extendOf .contentBox:hover .tooltip {left:-100%;}
.col1 .extendOf.first .contentBox:hover .tooltip {left:auto;right:-100%;}

/*.xinfo .mark:hover a {position:relative;z-index:2;}
.xinfo .mark:hover .xtra {z-index:1;}*/

 
/* EXPLORER 8 *****************************************************/
/* ****************************************************************/
.catalog,.catalog .slide,
.c100 > .mark > .catalog .col2 li .mark .mainLink h3,
.c100 > .mark > .catalog .col2 li .mark > a h3,
.c50 > .mark > .catalog .col1 li .mark .mainLink h3,
.c50 > .mark > .catalog .col1 li .mark > a h3,
.c34 > .mark > .catalog .panel li .mark .mainLink h3,
.c34 > .mark > .catalog .panel li .mark > a h3,
.c33 > .mark > .catalog .panel li .mark .mainLink h3,
.c33 > .mark > .catalog .panel li .mark > a h3 {width:100%\9;}
/*.c100 > .mark > .catalog .col2 li .mark .mainLink h3 .tit {width:100%\9;}*/ 
.panel h3 {overflow:hidden\9;}
.catalog .nav.botonera li {display:inline\9;} 
.catalog .nav.botonera a:hover {text-decoration:none\9;}
.extendOf .tooltip {filter:alpha(opacity=0);}
.extendOf .contentBox:hover .tooltip {filter:alpha(opacity=100);}
/* EXPLORER 8 *****************************************************/
/* END ************************************************************/


/* NUEVA FUNCIONALIDAD SWIPE CATALOGOS *************************/
/***************************************************************/
.catalog .slide > .pagPrev,.catalog .slide > .pagNext,.catalog .slide {padding:0;}
.catalog .slide > .pagPrev,.catalog .slide > .pagNext {padding-top:1em;}

.catalog .pagPrev,.catalog .pagNext {position:absolute;top:0;}

.catalog .slide > .pagPrev,
.catalog .slide > .pagNext {display:none;}

.catalog .pagNext {left:100%;}
.catalog .pagPrev {left:-100%;} 

.jsContainer > img {position:absolute;left:50%;top:50%;margin-left:-4em;margin-top:-2em;}

/* NUEVA FUNCIONALIDAD SWIPE CATALOGOS *************************/
/* END *********************************************************/

.videoDinamico > div > a,.bx-loading {top:0;left:0;position:absolute;width:100%;height:100%;}

/* Dominio de catalogo */
.catalog {z-index:0;position:relative;}
.catalog:hover {z-index:1; }
.paginas:hover {z-index:2;}

 
/* Adaptacion de flechas al framework */
.bx-controls {top:10em;width:100%;left:0;}
.bx-controls-direction a {background:url('http://img.irtve.es/css/rtve.commons/i/arrows_catalogo.png') no-repeat;width:1.8em;height:5.4em;text-indent:-99999%;}
.desktp .bx-controls-direction a:hover {cursor:pointer;}
.bx-controls-direction a.off {opacity:0.25;}
.bx-controls-direction .bx-prev {left:0;background-position:0 0;} 
.bx-controls-direction .bx-next {right:0;background-position:100% 0;}

.catalog .tab1 .active a,.catalog .tab1 .active a:hover span,.catalog .tab1 .active a:hover span em {cursor:default;}
.catalog .tab1 .active a span,.catalog .tab1 .active a:hover span {background:none;}
.catalog .tab1 .active a,.catalog .tab1 .active a:hover span {color:#777;}

.bx-loading {min-height:5em;z-index:4;background:#f8f8f8 url('http://img.irtve.es/css/rtve.commons/i/spin_80x80.gif') 50% 50% no-repeat;}
.ima > .hasSpin {top:50%;left:50%;width:5em;margin-left:-2.5em;margin-top:-2.5em;background: url('http://img.irtve.es/css/rtve.commons/i/spin_80x80.gif') 100% 100% no-repeat;background-size: 100% 100%;} 
.jsContainer {min-height:20em;position:relative;display:inline-block;width:100%;clear:both;}
.jsContainer.slide {padding:0 1.8em;} 
.jsContainer > .cargandoModulo {left:50%;top:50%;margin-top:-4em;position:absolute;background:url('http://img.irtve.es/css/rtve.commons/i/spin_80x80.gif') 100% 100% no-repeat;width:8em;height:8em;background-size:100% 100%;}

.catalog .nav.botonera li .link em,.catalog .globo,.isTouchDevice .extendOf .tooltip,.loading + .bx-controls,.extendOn .social {display:none;}

/*boliches*/

/*ocultamos por defecto*/
.tooltip .social,.bx-has-pager .bx-controls-direction {display:none;}

/*paginado por boliches*//*'carrusel'*/
.carrusel .bx-controls {height:auto;width:auto;text-align:center;}
.carrusel .bx-controls /*,.carrusel .paginador + .imgSpin img,.carrusel .paginador + .imgSpin*/ {position:relative;top:auto;left:auto;}
/*.carrusel .paginador + .imgSpin img {border:0 none;}*/
/*.carrusel .paginador + .imgSpin {top:-3.4em;height:2.4em;width:2.4em;}
.carrusel .bx-wrapper + .botonera {padding:0;height:0;}*/

.bx-has-pager {padding:2.8em 8% 1.2em 8%;}
.bx-pager,.bx-pager-item,.bx-pager-item a {display:inline-block;}
.bx-pager {width:auto;margin:0 auto;}
.bx-pager-item {width:1.6em;height:1.6em;background:#d5d5d5;border-radius:100%;overflow:hidden;margin:0 0.8em;}
	.desktp .bx-pager-item {opacity:0.65;}
	.desktp .bx-pager-item:hover {opacity:1;}
.bx-pager-item a {width:100%;line-height:1.6;text-align:center;padding-top:100%;}
.desktp .bx-pager-item a {cursor:pointer;}

	.bx-pager-item.inv {display:none;}
	.bx-pager-item.active {background:#999;}
	#television .bx-pager-item.active {background:#09f;}
	#deportes .bx-pager-item.active {background:#393;}
	#radio .bx-pager-item.active {background:#c12;}
	#noticias .bx-pager-item.active {background:#e70;}

.bx-pager-item.last  {}

.bx-pager-item.less,.bx-pager-item.more {background:url('http://img.irtve.es/css/rtve.commons/i/arrows_boliches.png') no-repeat;}

.bx-pager-item.less {background-position:0 0;}
.bx-pager-item.more {background-position:100% 0;}


/*.catalog li[data-rtve-thumb="VID"] a:hover .ima:before {
width: 20%;
padding-top: 22%;
margin: -10% 0 0 -10%;
content: '';
background: url('http://img.irtve.es/css/rtve.television/rtve.television.documentales/i/playicon2.png') no-repeat;
background-size: 100%;
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
z-index: 4;
}*/
.catalog li[data-rtve-thumb="VID"] a .ima:before {
	width: 20%;
	padding-top: 22%;
	margin: -10% 0 0 -10%;
	content: '';
	background: url('http://img.irtve.es/css/rtve.television/rtve.television.documentales/i/playicon2.png') no-repeat;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	display: inline-block;
	z-index: 4;
}
/**
* Play tamano natural
*
.catalog li[data-rtve-thumb="VID"] a .ima:before {
	width: 100%;
	padding-top: 22%;
	margin: -10% 0 0 0%;
	content: '';
	background: url('http://img.irtve.es/css/rtve.television/rtve.television.documentales/i/playicon2.png') no-repeat center;
	background-size: 70px;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	z-index: 4;
	height: 100%;
}

**/

/**
* Rotacion 3d del elemento vídeo al hacer :hover 
*
*/ 

[data-rtve-thumb="VID"] .contentBox a.linkElemento img {
   -webkit-transition: -webkit-transform 700ms ease 0s;
           transition: transform 700ms ease 0s;
   -webkit-transform: rotateY(0deg);
           transform: rotateY(0deg);
           z-index: 10;
			background-color: white;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
}
[data-rtve-thumb="VID"] .contentBox:hover a.linkElemento img {
   -webkit-transform: rotateY(-180deg);
           transform: rotateY(-180deg);
}
[data-rtve-thumb="VID"] .contentBox .thumbAnimateElement { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
[data-rtve-thumb="VID"] .contentBox span.ima.f16x9.T {
   -webkit-perspective: 1000px;
           perspective: 1000px;
   -webkit-perspective-origin: center;
           perspective-origin: center;
} 