/************* fotogaleria ***************/
/* .f0x0>img,.ico img,.ima,.mediaBox,.promo_mod,.totem .mainBox{position:relative} */

.sliderBox .incluBox .V img {width: auto;margin: 0 auto;height: 100%; text-align:center}
.photoBox .mediaBox, .sliderBox .f9x9 {padding-top: 56.25%;position:relative;}

.slideH ul{-webkit-transition:all 1s;-moz-transition: left 1s;-o-transition: left 1s;transition: left 1s;}
.slideH>ul {left:0;}
.sliderBox .pagBox.cell {min-height: 2em;}

.sliderBox.arrays .gridBox, .sliderBox figure .mediaBox {width:100%;}
.photoBox figure .mediaBox .ima {position:absolute;/*padding-top:56%*/;top:0;left:0;background-color:rgba(24,24,40,0.2);height:100%;}

.photoBox figure figcaption {position:absolute;bottom:.9rem;font-size:1.5rem;font-weight:400;display:block;text-align:left;line-height:1.4;color:#fff;padding: 2rem 20rem 2rem 2rem;
background: -moz-linear-gradient(top, rgba(35,38,46,0.02) 0%, rgba(35,38,46,0.03) 1%, rgba(35,38,46,1) 100%);background: -kit-linear-gradient(top, rgba(35,38,46,0.02) 0%,rgba(35,38,46,0.03) 1%,rgba(35,38,46,1) 100%);
background: linear-gradient(to bottom, rgba(35,38,46,0.02) 0%,rgba(35,38,46,0.03) 1%,rgba(35,38,46,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0523262e', endColorstr='#23262e',GradientType=0 );width:100%;/* z-index: 1; */}
.photoBox figure figcaption em {font-size:2rem;}
.photoBox .gridBox figure figcaption .maintitle {color:#fff;text-align:left;padding-bottom:0.7rem;}

.photoBox .grid .sliderBox .photoBox {padding:0 8em 8em 8em;background-color:transparent;display:inline-block;width:100%;position:relative;}
.photoBox .gridBox {overflow:hidden;}
.photoBox .gridBox ul {position:relative;}
.photoBox li.pagBox.cell {position:relative;float:left;}
/*.sliderBox header,*/ .photoBox .controlBox .xtras .play, figcaption .fecha {display:none;}

.photoBox .controlBox .xtras {position:absolute;bottom:0;top:auto !important;display:inline-block;width:100%;/* left:0; */line-height:1.6;padding:2rem;right: 0;z-index: 1;}
.photoBox .controlBox .xtras .datnum {color:#cbd1df;/*background: rgba(0,0,0,0.1)*/;font-size:2.5rem;position:relative;float:right;width: 8rem;text-align: center;font-weight: 100; }
.photoBox .controlBox .xtras .ico {float:right;/*position: absolute;right: 2rem;bottom: 6rem;*/}
.sliderBox .controlBox .xtras .ico img {background-position:20% 100%;cursor:pointer;opacity:1;filter:invert(0.9);background-image:url(/css/rtve.2015/i/iconos/icons_40x40_000000.png);width:3.6em;height:3.6em;background-size: 1100%;}
.sliderBox .controlBox .xtras .ico.ongrid {right: 6rem}
.sliderBox .controlBox .xtras .ico.ongrid img {background-position: 40% 100%;}
.xtras .paginaBox .active span {border-width: .1em;border-style: solid;background: 0 0;}
.xtras .paginaBox li span {width: .5em;height: .5em;display: inline-block;line-height: 4em;overflow: hidden;border-radius: 100%;}

/* /// pantalla completa ///*/
.container>section>.fullscBox, .sliderBox .incluBox .fullscBox {position: fixed;}
.fullscBox {background-color:transparent;}
.fullscBox .photoBox, .incluBox .fullscBox .photoBox {padding: 0 20em 0;}
.fullscBox, .fullscBox .photoBox {width: 100%;height: 100%;}

.fullscBox .photoBox figure .mediaBox {padding-top:56.25%;}
.fullscBox .photoBox figure .mediaBox img {position:relative;/*width:100%;height:auto;*/}
.fullscBox .photoBox figure .mediaBox .ima {padding-top:0;background:none}

.fullscBox.sliderBox header {padding: 3em 4em 2em 20em;/*float: none;*/}
.fullscBox .photoBox figcaption {padding: 2em 6em 2.4em 16em;position:absolute;bottom:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 38%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 38%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 38%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}

.fullscBox .mediaBox>.ima, .sliderBox .photoBox+.slideH .arrow {background: 0 0;}
.fullscBox .gridBox.show1 {z-index: 1;border: 0;display: block;}

.fullscBox.sliderBox .photoBox .controlBox {height:auto; padding-top:4rem}
.fullscBox .photoBox .controlBox .xtras {padding-right:22rem}
.fullscBox .photoBox .controlBox .xtras .datnum {/*bottom: 8rem;*/}
.fullscBox .photoBox .controlBox .xtras .ico {bottom:0}
.fullscBox .photoBox .controlBox .xtras .ico.fullsc {/*bottom: 14rem;position: absolute;right: 3rem;*/}
.fullscBox .photoBox .controlBox .xtras .ico.fullsc img {background-position:30% 100%}
.fullscBox .photoBox .controlBox .xtras .ico.ongrid {display:none}
.fullscBox .photoBox .controlBox .arrow {width:5rem; height:5rem; line-height:5rem;/*position:fixed*/;top:50%!important; border:none}
.fullscBox .photoBox .controlBox .arrow:before{font-size:4.2rem}
.fullscBox .photoBox .controlBox .arrow.back_ {left: 15rem;}

/* .gridBox.show12.slideH {display:none;} */
.sliderBox .photoBox .controlBox {position:static;float:right;opacity:1;top:1rem;height:4rem;z-index: 8;margin-right: .8rem;}
.sliderBox .arrow.next_ .material-icons:before, .sliderBox.arrays .arrow.next_.ico:before {content:'arrow_forward';}
.sliderBox .arrow.back_ .material-icons:before, .sliderBox.arrays .arrow.back_.ico:before {content:'arrow_back';}
.sliderBox.arrays .ico:before {/* float:left; */line-height:1;font-family:'Material Icons';-webkit-font-smoothing:antialiased;font-size:2.8rem;color:#fff;cursor:pointer;}
.sliderBox .arrow.back_.beoff, .arrow.next_.beoff, .ico:hover {opacity:.5}

.sliderBox header h1 {font-size: 300%;font-weight: 100; color: #fff;padding: 1rem;}
.sliderBox header {/*position: absolute;*/display: block;float:left;}

/* portada */
.secBox + .gridBox .photoBox .controlBox .xtras {bottom: 2rem;}
.secBox + .gridBox .photoBox figure figcaption {padding-bottom:4rem}
.secBox + .gridBox .ongridBox .listBox .pageBox {padding-top:8rem}
.secBox + .gridBox .ongridBox .gridBox .controlBox .xtras .ico {padding: 2rem;}
.secBox + .gridBox .sliderBox header {clip:rect(0,0,0,0);position:absolute;overflow:hidden;top:-100%;left:-100%;}


/* ///  modo grid  /// */
.photoBox+.slideH {display:none;}
.sliderBox .gridBox.show12.slideH{top:0;left:0}
.sliderBox .show12 .pageBox .cell {width: 25%;}
/*.listBox .mod,*/.ongridBox .photoBox+.slideH{display:inline-block}
.ongridBox .square .cell{width:33.33%}
/* .cell, .gridBox, .mod {width: 100%;} */
.photoBox+.slideH {height: 100%;}
.ongridBox .listBox{width: 400%;}
.ongridBox .listBox .pageBox {width: 25%;float:left;}
.ongridBox .gridBox .listBox .H img {width:100%;height:auto}

.ongridBox .gridBox .controlBox {display:block;opacity:1;bottom: 0;right: 0;position: absolute;z-index:1; width:100%}
.ongridBox .gridBox .controlBox .arrow {display:none; /*position:relative*/}
/* .ongridBox .gridBox .controlBox .arrow.back_ {float:left}
.ongridBox .gridBox .controlBox .arrow.next_ {float:right} */
.ongridBox .gridBox .controlBox .xtras {display:block;width:100%;height: 5rem;top: auto!important;bottom: 0; background: rgba(0,0,0,.5);}
.ongridBox .gridBox .controlBox .xtras .ico {position: absolute;bottom: 0;z-index:1;opacity:1;right:0;padding: .5rem 2rem;}
.ongridBox .gridBox .controlBox .xtras .ico.ongrid img {background-position:40% 20%;}
.ongridBox .gridBox .controlBox .xtras .ico.fullsc img {opacity:0}
.ongridBox .gridBox .controlBox .xtras .paginaBox {display:block;position:absolute;z-index:1;bottom: 1rem;width: 14rem;right:50%;margin-right:-7rem;}
.ongridBox .gridBox .controlBox .xtras .paginaBox li.active {display:inline-block;padding-right:2rem}

.ongridBox .photoBox .slideH ul{-webkit-transition:left 0;-moz-transition:left 0;-o-transition:left 0;transition:left 0}
.container>section>.fullscBox,.ongridBox .photoBox+.slideH{z-index:3;}
.grid .gridBox.slideH, [class*=galeria] .bodier .grid .gridBox .ico.share .blindBox.beoff {padding: 0;}
.sliderBox .controlBox .xtras, .grid.g1 .fullscBox .photoBox .socialBox, .photoBox+.slideH {position: absolute;}
.fullscBox, .photoBox+.slideH {background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 23%, rgba(0,0,0,0.7) 48%, rgba(0,0,0,1) 73%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.7) 48%,rgba(0,0,0,1) 73%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.7) 48%,rgba(0,0,0,1) 73%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.ongridBox.arrays .gridBox {overflow: hidden;width: 100%;}
/* .arrays .mainBox, .arrays .mod, .pagBox, .slideH+.controlBox .arrow, .slideH>ul {position: relative;} */
.ongridBox .listBox .H {padding-top:80%}
/*.ongridBox .listBox .H img, .incluBox .ongridBox .ima > img {height: 100%;width: auto;}*/
.ongridBox .listBox .pageBox {padding: 4rem 6rem;margin-top: -.4rem;}
.ongridBox .listBox .txtBox {padding: 1.4em;background: rgba(0,0,0,.5);width: 100%;height: 100%;opacity: 0;}
.ongridBox .listBox .txtBox span {line-height: 1;font-size:1.5rem;}
.ongridBox .listBox .txtBox .maintitle {display:none}
.ongridBox .listBox .cell:hover .txtBox {position:absolute}
.ongridBox .listBox .cell:hover .txtBox .maintitle {display:block}
.ongridBox .listBox .mod {float: left;overflow: hidden;}
.ongridBox .listBox .cell {float: left;padding: .2em;}
.ongridBox .listBox .cell a {opacity: .75; width:100%}
.ongridBox .listBox .cell.be_on a, .ongridBox .listBox .cell:hover img, .ongridBox .listBox .cell:hover .txtBox{opacity: 1;}
.ongridBox .listBox .cell.be_on img, .ongridBox .listBox .cell:hover img {-webkit-filter: none;filter: none;}
.ongridBox .listBox .cell * {-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;}
.ongridBox .listBox .cell img {opacity: .8;filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);-webkit-filter: grayscale(1);}

.ongridBox .listBox[style="left: 0%;"] ~ .controlBox .xtras .paginaBox .active:first-child span,
.ongridBox .listBox[style="left: -100%;"] ~ .controlBox .xtras .paginaBox .active:nth-child(2) span,
.ongridBox .listBox[style="left: -200%;"] ~ .controlBox .xtras .paginaBox .active:nth-child(3) span,
.ongridBox .listBox[style="left: -300%;"] ~ .controlBox .xtras .paginaBox .active:nth-child(4) span  {background:#9E9E9E}