/*** galeria ***/
.photoBox + .slideH, .arrays.sliderBox .ico.play.photo, .sliderBox header {display:none;}
.sliderBox .pagBox.cell {min-height:2em;}

.sliderBox .photoBox .mediaBox, .sliderBox .photoBox figcaption, .sliderBox .photoBox .controlBox .xtras {display:block;}
.sliderBox .photoBox .mediaBox {padding-top:56.25%;margin-bottom:0;}
.sliderBox .photoBox .mediaBox .ima {position:absolute;top:0;left:0;background:#f0f0f0;outline:transparent; box-shadow:none;text-align: center;float: left;display: inline-block;overflow: hidden;width: 100%;height: 100%;}
.sliderBox .photoBox .mediaBox .ima:before{ content:'';width:100%; height:100%;display:block;position:absolute;top:auto;bottom:-90%;left:0;z-index:1;box-shadow: 0 0 3rem -.3rem rgba(0,0,0,0.6);
transform: skewY(-5deg);-webkit-transform: skewY(-5deg);-moz-transform: skewY(-5deg);-o-transform: skewY(-5deg);-ms-transform: skewY(-5deg);}
.sliderBox .photoBox .mediaBox .ima img {margin: 0 auto;display: inline-block;}
.sliderBox .photoBox .mediaBox .ima.V img {height: 100%;width: auto;}

.sliderBox .photoBox figure {outline: solid .1rem;box-shadow: 0.1rem 0.2rem 1rem #888888;}
.sliderBox .photoBox figcaption {padding:3rem;width:100%;}
.sliderBox .photoBox .mediaBox ~ figcaption .maintitle{font-size:1.8rem;font-weight:700;line-height:1;}
.sliderBox .photoBox figcaption em {font-size:1.4rem;font-weight:400;display:block;}
.sliderBox .photoBox figcaption h2 {display:block;margin-bottom:1.2em;padding:0;}
.photoBox  figcaption > span,.photoBox  figcaption > div {display:block;max-width:60%;font-size:1.4rem;line-height: 1.2; padding-bottom:1rem;}

/** botones **/
.secBox + .gridBox .photoBox .controlBox {margin-top: -4.5rem;}
.secBox + .gridBox .photoBox .controlBox .xtras {margin-top:56.25%}
.photoBox .controlBox {z-index:2;float: right;padding-right: .8rem;position: inherit;text-align: right;}
.photoBox .controlBox .xtras {width:100%;margin-top:50.25%;z-index: 3;left:0;padding: 2rem;position:absolute;top:0%!important;opacity:1}
.photoBox .controlBox .xtras .datnum {float:left;padding:1rem 2rem 0 2rem;font-size:1.8rem;opacity:.6}

.photoBox .controlBox .fullsc, .photoBox .controlBox .ongrid {cursor:pointer;float:right;outline: transparent;}
.photoBox .controlBox .fullsc img, .photoBox .controlBox .ongrid img {background-image:url('https://css2.rtve.es/css/rtve.2015/i/iconos/icons_40x40_000000.png');width:4em;height:4em;opacity:0.5;background-color: transparent;}
.sliderBox .controlBox .fullsc img {background-position:20% 100%;}
.sliderBox .controlBox .ongrid img {background-position:40% 100%;}
/** **/

/** pantalla completa **/
.fullscBox {position:fixed;top:0;left:0;width:100%;height:100%;background:#e8e8e8;padding:0;}
.fullscBox .gridBox .cell {padding:0}

.fullscBox .photoBox {padding:2rem 8rem !important;background:transparent;}
.fullscBox .photoBox .mediaBox {padding-top: 57.5%;}
.fullscBox .photoBox .mediaBox > .ima:before, .fullscBox.sliderBox h1:before {content:none}
.fullscBox .photoBox figure {outline:transparent;box-shadow:none}
.fullscBox .photoBox figcaption {opacity:0;visibility: hidden;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}

.fullscBox .photoBox .controlBox {z-index:2;position: absolute;bottom: 5rem;right: 4.5rem;float: right;margin-top: 0;padding-right: 0;width: 15rem;text-align: right;}
.fullscBox .photoBox .controlBox .xtras {width:100%;position:absolute;top: auto!important;z-index: 3;left:0;margin-top:0!important;padding: 0;}
.fullscBox .photoBox .controlBox .xtras .datnum {padding: 2rem 1.5rem;text-shadow: 0.1rem 0.1rem 0.2rem #000;}
/** **/

/** cuadricula **/
.ongridBox .photoBox + .slideH {z-index:3;display:inline-block;position:absolute;left:0;top:0;height:100%;background:rgba(0,0,0,.9);padding:0;overflow:hidden;width:100%;}
.ongridBox .photoBox + .slideH > ul {width:400%;left:0%;}
.ongridBox .photoBox .slideH ul {-webkit-transition:left 0;-moz-transition:left 0;-o-transition:left 0;transition:left 0;}
.ongridBox .listBox .pageBox {width:25%;float:left;padding:5em;}
.ongridBox .show12 .listBox .cell {width:25%;padding:.4em}

.ongridBox .controlBox {position:absolute;bottom:2rem;right:5rem;}
.ongridBox .controlBox .xtras {margin:1rem 0;}
.ongridBox .controlBox .xtras .fullsc {float:right;margin-left: .6rem;}
.ongridBox .controlBox .paginaBox {display: block;width: 10rem;position: absolute;left:-150%;text-align: right;bottom:.5rem}
.ongridBox .controlBox .paginaBox li {/* width:3.6rem; *//* height:3.6rem; */margin:.5rem .3rem;display:inline-block;/* outline:.1rem solid; */font-size: 3rem;/* line-height: 1.3; */text-align: center;/* background: rgba(0,0,0,0.6); */}
.ongridBox .controlBox .paginaBox li span {display: block;font-weight:100}
.ongridBox .controlBox .paginaBox li a[data-page="2"] {opacity:.5}
.ongridBox .photoBox > .controlBox {display:none}

.ongridBox .listBox .cell .txtBox {top:0}
.ongridBox .listBox .cell .txtBox .maintitle {color:#f0f0f0;font-size:1.6rem}
.ongridBox .listBox .cell .H.ima {padding-top: 100%;box-shadow: none;}
.ongridBox .listBox .cell .H img {width:100%;height:auto;}
.ongridBox .listBox .cell .V img {width:auto;height:100%;}

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

/*hover con los textos de la cuadricula*/
.listBox .cell img {opacity:0.5;
 filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter:grayscale(1);}
.listBox .cell:hover img,.listBox .cell.be_on img {-webkit-filter:none;filter:none;}
.listBox .cell.be_on img {opacity:1;}
.listBox .cell.be_on a,.listBox .cell:hover * {opacity:1;}
.listBox .cell a {opacity:0.75;display:inline-block;}
.listBox .cell *, .photoBox .xtras {-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
.listBox .cell .txtBox {opacity:0;padding-top:6em !important;background:rgba(0,0,0,0.5);width:100%;height:100%;font-size:60%;position:absolute;}

/** **/

@media only screen and (max-width:992px) {
  .secBox + .gridBox .photoBox .controlBox {margin-top: -4rem;}
  .secBox + .gridBox .photoBox .controlBox .xtras {margin-top: 50.25%;top:auto!important;padding: 1rem;}
  .secBox + .gridBox .fullscBox .photoBox .controlBox .xtras {margin:0;padding:0}

  .photoBox figcaption > span, .photoBox figcaption > div {max-width:100%}
  .photoBox .controlBox .xtras .datnum {padding:1rem;}

  .fullscBox, .fullscBox .photoBox {padding:2rem!important}
  .fullscBox .photoBox figure:hover figcaption {position:inherit;}
}

@media only screen and (max-width:414px) {
  .secBox + .gridBox .fullscBox .photoBox .controlBox {position:initial;margin-top:0;padding:1rem}

  .fullscBox, .fullscBox .photoBox {padding:0rem!important}
  .fullscBox .photoBox figcaption {opacity:1;visibility: visible}
  .fullscBox .photoBox .controlBox .xtras {bottom: 4rem;}
  .fullscBox .photoBox .controlBox .xtras .datnum {padding:1rem}
}
/*** ***/
/* paginacion normal */ 
.photoBox .controlBox .xtras .datnum{display:inline-block;float:none;color:#000;}