/* SLIDE DOCUMENTALES ******************************/
/***************************************************/

/*de momento, ocultamos los relacionados*/
.SlideContainer .news > ul {display:none;}

/* SLIDE PORTADA DOCUMENTALES **********************/
.SlideContainer > .contentBox {background:#444;}
.SlideContainer .mark {padding:0;}
.SlideContainer .tipo {display:none;}
.prebodier {/*background:#bbb;*/display:inline-block;padding-bottom:2em;}
.prebodier .f16x9,.prebodier .f2x1,.prebodier .f3x1 {width:100%;}

.SlideContainer *[class^="img"] {width:100%;display:block;overflow:hidden;}
.SlideContainer .news *[class^="img"] a {width:100%;height:100%;}
.f16x9 .SlideContainer *[class^="img"] {padding-top:56.25%;}
 .f2x1 .SlideContainer *[class^="img"] {padding-top:50%;}
 .f3x1 .SlideContainer *[class^="img"] {padding-top:33.3%;}
.doc2portada .SlideContainer *[class^="img"] a:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;display:block;box-shadow:inset 30em 0em 20em 10em rgba(0, 0, 0, 0.5);}

/*los textos*/
/*fonts*/
.SlideContainer .news h2 span {font-size:300%;line-height:1.2;}
.SlideContainer .news > h4 span,
.SlideContainer .news > a > h4 span {font-size:180%;line-height:1;}

.SlideContainer .news > h4,
.SlideContainer .news > a > h4,
.SlideContainer .news h2,
.SlideContainer .news .chapeaux,
.SlideContainer .news > ul {left:5%;padding:0;margin:0;}
.SlideContainer .news h2 span,.SlideContainer .news .chapeaux * {color:#fff;}

/* SLIDE LISTADO DOCUMENTALES **********************/
.slideCatalog .label,.slideCatalog .slideBox .panel {width:80%;}
.slideCatalog .slideBox .panel,.slideCatalog .slideBox,.slideCatalog .slideBox li a {display:inline-block;}
.slideCatalog .slideBox .panel {margin:-1.2em 10% 1.2em 10%;}
.slideCatalog .label {display:block;margin:0 auto;}
.slideCatalog .label {line-height:3em;}
.slideCatalog .slideBox li a,.slideCatalog .slideBox {width:100%;}
.slideCatalog .slideBox {background:#fff;}
.slideCatalog .slideBox .panel {position:relative;overflow:hidden;}
.slideCatalog .slideBox ul,.slideCatalog .slideBox li {float:left;}
.slideCatalog .slideBox li {width:10em;/*medida para cuando no hay javascript activado*/}
.slideCatalog .slideBox ul {width:1000%;height:auto;position:relative;}
.slideBox h3 {text-align:center;padding:0.8em 0;}
.slideBox li .ima:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:block;box-shadow:inset 0 0 4em rgba(0,0,0,0.75);}
.slideBox li a:hover .ima:after {display:none;}
.slideBox li a:hover .ima {box-shadow:0 0 1em rgba(0,0,0,0.5);}

/* SLIDE PORTADA A LA CARTA ************************/
.show3 ul {margin-left:-55%;}
.show3 li {display:inline-block;float:left;}
/*anchos en funcion del numero de elementos*//*ancho de elemento activo = 70%*/
	.item1 ul,.item2 ul,.item1 div.active,.item2 div.active {width:70%;float:none;margin:0 auto;}
	.item1 li,.item2 li {width:100%;}
	.item3 ul {width:210%;}
	.item3 li {width:33.3%;}
	.item4 ul {width:280%;}
	.item4 li {width:25%;}
	.item5 ul {width:350%;}
	.item5 li {width:20%;}
	.item6 ul {width:420%;}
	.item6 li {width:16.666%;}
	.item7 ul {width:490%;}
	.item7 li {width:14.2857%;}
	.item8 ul {width:560%;}
	.item8 li {width:12.5%;}
	.item9 ul {width:630%;}
	.item9 li {width:11.111%;}
	.item10 ul {width:700%;}
	.item10 li {width:10%;}
/*.f3x1 .show3 {padding-top:33.33%;}
.f3x1 .show3 .contentBox {margin-top:-33.33%;}*/
.show3 .contentBox {overflow:hidden;}
.show3 .textBox {position:absolute;left:-1000%;top:-1000%;visibility:hidden;}
.show3 .ima {background:#333;float:none;}
.show3 img {opacity:0.15;}
/*el elemento activo*/
.show3 .active > .mark > a {box-shadow:0 0 1.2em #000;z-index:2;}
.show3 .active img {opacity:1;}
.show3 .active > .mark > a {display:block;}
.show3 .textBox,
.contentBox .active > .mark > a:hover .ima:before {padding:18px;padding-bottom:0;background:#fff;display:block;margin:0 auto;}
.show3 .active .textBox {width:89%;z-index:3;display:block;}
.show3 .active a .textBox {left:5.5%;}
.show3 .active a + .textBox {padding-top:0;}
.show3 .active .descript {padding-bottom:18px;}
.show3 .active .textBox span {width:auto;}

/*primer elemento vacio*/
.ima img[src$="blank.gif"] {box-shadow:inset -4em -6em 6em rgba(255,255,255,0.25);}
/*visible + hover*/
.show3 .active .textBox,.show3 .active + li a:hover > .mantitle,.show3 li:first-child a:hover > .mantitle {position:relative;left:auto;top:auto;visibility:visible;}
.show3 li:first-child a:hover > .mantitle,.show3 .active + li a:hover > .mantitle {position:absolute;z-index:3;top:50%;width:30%;padding-bottom:18px;}
.contentBox .active > .mark > a:hover .ima:before {content:'Ver ahora';position:absolute;left:50%;top:50%;z-index:3;padding-bottom:18px;width:8em;margin-left:-4em;text-align:center;}
.show3 li:first-child a:hover > .mantitle {right:-25%;padding-left:5%;}
.show3 .active + li a:hover > .mantitle {left:-25%;padding-right:5%;}

.show3 li:first-child a:before,.show3 .active + li a:before,
.show3 li:first-child a:hover > .mantitle:after,.show3 .active + li a:hover > .mantitle:after {background:url('/css/rtve.television/rtve.television.documentales/i/arrows_slideShow3.png') no-repeat;}
.show3 li:first-child a:hover > .mantitle:after,.show3 .active + li a:hover > .mantitle:after {content:'';width:2.571em;height:2.571em;display:block;}
.show3 li:first-child a:hover > .mantitle:after {background-position:100% 100%;}
.show3 .active + li a:hover > .mantitle:after {background-position:0 100%;}
.show3 li:first-child a:before,.show3 .active + li a:before {content:'';width:3.6em;height:3.6em;display:block;}
.show3 li:first-child a:before {background-position:100% 0;}

/*positioning*/
.SlideContainer .news > h4,
.SlideContainer .news > a > h4,
.SlideContainer .news h2,
.SlideContainer .news .chapeaux,
.SlideContainer .news > ul,
.SlideContainer .news *[class^="img"] a,
.contentNav,.f16x9 >img,
.show3 .active a .textBox,
.show3 li:first-child a > .mantitle:after,.show3 .active + li a > .mantitle:after,
.show3 li:first-child a:before,.show3 .active + li a:before {position:absolute;}

.SlideContainer,.show3 .active > .mark > a {position:relative;}

.SlideContainer .news *[class^="img"] a,.f16x9 img {left:0;top:0;}
.show3 .active a .textBox {bottom:0;}
.show3 li:first-child a:before,.show3 .active + li a:before {top:50%;}
.show3 li:first-child a:before {right:5%;margin-right:-3.6em;}
.show3 .active + li a:before {left:5%;margin-left:-3.6em;}
.SlideContainer .news > h4,
.SlideContainer .news > a > h4 {bottom:64%;}                       
.SlideContainer .news h2,                        
.SlideContainer .news .chapeaux {top:38%}
.SlideContainer .news .chapeaux {margin-top:7.8em;}
.SlideContainer .news > ul {}

.show3 li:first-child a > .mantitle:after {top:0;left:0;}
.show3 .active + li a > .mantitle:after {top:0;right:0;}
.SlideContainer .contentNav {left:0;bottom:2em;}

.show3 li:first-child a:before,.show3 .active + li a:before {z-index:1;}
.SlideContainer .news *[class^="img"] {z-index:2;}
.SlideContainer .news * {z-index:3;}
.SlideContainer .news *[class^="img"] a {z-index:5;}
.SlideContainer .contentNav {z-index:6;}

/*
.contentBox {}
.contentBox li {}
*/

/*reseteos*/

/*RECORTE IMAGENES 16:9 EN SLIDE DE PORTADA*/
.doc2portada .SlideContainer .imgT img {/*margin-top:-11%;*/}




/** navegaci�n del Slide en boliches (independientemente del tipo de SLIDE, miniaturas o boliches)
***********************************************/
.contentNav {float:left;text-align:center;display:inline-block;clear:both;width:100%;}
.contentNav ul {margin:0 auto;width:auto;display:inline-block;}
.contentNav ul li {float:left;width:auto;margin:0 0.7em;}
.contentNav ul a *       {display:none;}
.contentNav ul a         {cursor:pointer;width:1.4em;height:1.4em;display:block;background:#fff;opacity:0.75;border-radius:100%;/*box-shadow:0 0 0.4em rgba(255,255,255,1);*/}
.contentNav ul a:hover   {opacity:1;}
.contentNav ul .active a {opacity:1;background:#0ab;}



@media only screen and (min-width:1200px) {
.SlideContainer .news > h4,
.SlideContainer .news > a > h4,
.SlideContainer .news h2,
.SlideContainer .news .chapeaux,
.SlideContainer .news > ul {width:20%;}
}
@media only screen and (max-width:1200px) {
.SlideContainer .news > h4,
.SlideContainer .news > a > h4,
.SlideContainer .news h2,
.SlideContainer .news .chapeaux,
.SlideContainer .news > ul {width:30%;}
}