/* SLIDE PORTADA FILMOTECA y NODO******************************/
/**************************************************************/
/* ocultamos los relacionados*/
.SlideContainer .news > ul {display:none;}
/* centro objetivo middle */
.SlideContainer  .contentBox .ima img {/*top:-33%;*/}

/* SLIDE PORTADA FILMOTECA **********************/
.SlideContainer > .contentBox {background:#222;overflow:hidden; }
.SlideContainer .mark {padding:0;}
.SlideContainer .tipo {display:none;}
.prebodier {display:inline-block;}
.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%;}
.SlideContainer *[class^="img"] a:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;display:block;
  box-shadow: inset 20em 0em 20em 10em rgba(30, 30, 30, 1);}
.SlideContainer *[class^="img"] a:before {content: "";width:100%;height:100%;position:absolute;left:0;top:0;display: block;
    box-shadow: inset -50em 0em 12em -33em rgba(30, 30, 30, 0.8);}


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

.SlideContainer .news h2 span {color:#d6d8da;}
.SlideContainer .news .chapeaux * {color:#fff;}
.SlideContainer .news h2.M span{margin-left:0;}
.SlideContainer .news h4 span {color:#2fa1e0}

/* SLIDE LISTADO FILMOTECA **********************/
.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 li {display:inline-block;float:left;}


.show3 .contentBox {overflow:hidden;}

.show3 img {opacity:0.15;}
/*el elemento activo*/
.show3 .active img {opacity:1;}
.show3 .active > .mark > a {display:inline-block;width:100%;}
.show3 .active .textBox {width:50%;/*z-index:3;*/display:block;}
.show3 .active a .textBox {left:0;visibility:visible;}
.show3 .active a + .textBox {padding-top:1em;}
.show3 .active .descript {padding-bottom:18px;}
.show3 .active .textBox span {width:auto;}
.show3 li:first-child a:before, .show3 .active + li a:before {width:4em;height:4em;display:block;font-size:100%;opacity: .35;content:'';background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');background-size:1100%;}
.show3 li:first-child:hover a:before, .show3 .active + li:hover a:before{opacity:1;}
.show3 li:first-child a:before {background-position: 20% 20%;}
.show3 .active + li a:before {background-position: 30% 20%;}
 
  
/*primer elemento vacio*/
.SlideContainer .ima img[src$="blank.gif"] {box-shadow:inset -4em -6em 6em rgba(255,255,255,0.25);}
/*visible + hover*/
.hourdata {display:inline-block;min-width:4.46em;padding:0 0.384em;}

/*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 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, .SlideContainer li {position:relative;}
.SlideContainer li.hddn {position:absolute;}

.SlideContainer .news *[class^="img"] a,.f16x9 img {left:0;top:0;}
.show3 li:first-child a:before,.show3 .active + li a:before {top:40%;}
.show3 li:first-child a:before {right:5%;}
.show3 .active + li a:before {left:5%;}

.SlideContainer .news > h2,
.SlideContainer .news > a > h2 {bottom:39%;/*bottom:35%;*/}                                            
.SlideContainer .news .chapeaux {top:65%}

.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:3;}
.SlideContainer .news *[class^="img"] {z-index:2;}
.SlideContainer .news * {z-index:5;}
.SlideContainer .news *[class^="img"] a {z-index:5;}
.SlideContainer .contentNav {z-index:6;}

/** 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%;}
.contentNav ul a:hover   {opacity:1;}
.contentNav ul .active a {opacity:1;background:#2fa1e0;}
.contentBox .ima img {width:100%;height:auto;}

.SlideContainer {z-index:0;}