@import url('/css/rtve.2015/rtve.commons/rtve.modules/basics.players.css');

.grid .gridBox .cell{padding:0;}

#striplayer .container{max-width:118rem;margin:0 auto;}
#striplayer > .container{padding-bottom:10rem;}
#striplayer > .container > article{padding-bottom:4em;}
#striplayer .pf_contentBox .breadtabs span,
#striplayer .pf_contentBox .breadtabs .pretitle{font-size:1.8rem;color:#fff;}

.auxheader .container .socialBox {display:inline-block;}
.wrapper.fixer.auxheader{display:inline-block;position:absolute;margin-top:8em;margin-left:1em;z-index:3;left:0;right:auto;width:auto;}
.wrapper.fixer.auxheader .ico{padding:0;}
.wrapper.fixer.auxheader .ico .blind,
.wrapper.fixer.auxheader .ico a{width:3.2rem;height:3.2rem;padding:0.1rem;display:inline-block;border-radius:0;position:relative;}

/** generales **/
.container, .container.striplayer .grid {max-width:100%;margin:0 auto;}
.bodier>.container.striplayer, .gridBox, .cell, .mod {display:block;width:100%;}
.container > section.grid, .f0x0 > img, .mediaBox, .ima, .ico img, .promo_mod, .totem .mainBox,
.grid, .cell, .mainBox {position:relative;}

span.ico.redad, .mediaBox .ico.notic{display:none;}

.f27x9{padding-top:033.33%;}
section.grid > h1, section.grid > .secBox, .sliderBox h1 {padding:3em .5rem 2rem .5rem;width:100%;display:block;}
.grid > h3 span, .grid > h1 span, .grid > .secBox span, .sliderBox header span {font-family:'Roboto','Arial',sans-serif;}

a {border-bottom:0}
.mediaBox > a, .mediaBox > figure > a {width:100%;height:100%;position:absolute;left:0;bottom:0;display:block;}

.container > section.grid.g1 > .secBox + .gridBox {margin-top:0;}

/* cabecera*/
.oculto {display:none}
.wrapper.subheader .spechead:after {content:none}
.wrapper.subheader .navBox.spechead {position:relative;height:6.6rem;}
.wrapper.subheader .spechead h1, .wrapper.subheader .spechead .falseH1{left: 16rem;top: 1.2rem;width: 25%;}
.wrapper.subheader .navBox.spechead .logoima img{left:0;background:transparent;}
.wrapper.subheader .navBox.spechead .blindBox{position:relative;}

/* ico */
.mediaBox .ico {bottom:2rem;position:absolute;left:2rem;top:auto;right:auto}
.mediaBox .ico, .arrays .controlBox .ico, .auxheader .ico {display:inline-block;z-index:4;}
.mediaBox .ico img, .arrays .controlBox .ico img, .auxheader .ico img, .socialBox .ico.share img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');background-size:1100%;opacity:0.95;margin:0 auto;background-repeat:no-repeat;vertical-align:middle;display:inline-block;width:100%;height:100%;}
.videoBox > a .ico.play img {background-position:00% 80%;}
.audioBox > a .ico.play img {background-position:10% 80%;}
.arrow.next_ img {background-position:30% 20%;}
.arrow.back_ img {background-position:20% 20%;}
.logo, .subheader .ico, .ico.close {outline:none}
/* ico share */
.socialBox .ico.share > .blindBox{clip:rect(0,0,0,0);position:absolute !important;left:-1000%;left:0;bottom:0}
.socialBox .ico .legend {position:absolute;left:-900%;top:-900%;visibility:hidden}
.socialBox .ico.fbook img {background-position:00% 60%;}
.socialBox .ico.twitt img {background-position:10% 60%;}
.socialBox .ico.gplus img {background-position:20% 60%;}
.socialBox .ico.bmark img {background-position:20% 40%;}
.wrapper.auxheader .ico > a, .auxheader .blind{display:block;border-radius:0}
.auxheader .blind{cursor:pointer;z-index:2;text-align:center}
.auxheader .socialBox{position:initial;}
.auxheader .socialBox .ico.share > .blindBox.be_on{clip:auto;left:0;bottom:auto;top:auto}
.auxheader .ico {display:block;}
.wrapper.fixer.auxheader .ico.gplus {display: none;}
/** **/

/** mediaBox **/
.socialBox, span.duration, .datpub, .socialBox .datnum {clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;overflow:hidden;}
.article .datpub, .article .datrev{clip:auto;position:relative;top:0;left:0;font-size:1.6rem;line-height:1.2;}

/* textos */
section.grid > .secBox > span, .bigTit > .grid > .secBox span {text-transform:uppercase}
.txtBox .maintitle,.auxBox {font-size:2rem;line-height:2.8rem;font-weight:700;display:block}
.txtBox .pretitle {font-size:1.6rem;line-height:2rem;text-transform: uppercase;}
.auxBox * {font-size:1.4rem;line-height:1.4;font-weight:300;}
.auxBox ul {padding-left:2rem}
.auxBox li:before {float:left;content:'\2022';font-size:170%;height:0.847em;width:0.6em;line-height:0.847;display:inline-block;position:relative;left:-0.6em;margin-right:-0.6em;}

.g1 .txtBox .maintitle {font-size:2.6rem;padding:1rem 0 0 ;}
.g1 .txtBox .pretitle {font-size:2rem;line-height:2.2rem}
.g1 .auxBox * {font-size:1.8rem;}
.g1 .txtBox,.g1 .auxBox {padding:0.5rem 6rem}

/* modulos striplayer */
.striplayer section.grid > .secBox > span {font-weight:600;line-height:1.2em;}
.striplayer .arrays .slideH + .controlBox, .striplayer .arrays .slideH + .spinnBox + .controlBox {top:2.6rem}
.striplayer .mediaBox .ima {display:block;}
#striplayer .incluBox.L{float:left;}
#striplayer .incluBox.R{float:right;}
/** **/

/** catalogo **/
.arrays .gridBox.slideH .topBox .cell .ico.play, .arrays .slideH ~ .controlBox .arrow {width:3.6rem;height:3.6rem}
.arrays .gridBox.slideH .topBox .cell .ico.play img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');width:100%;height:100%;background-color:rgba(0,0,0,.7);}

.emisBox ul, .pagBox, .titaux {float:left}
.arrays .gridBox {overflow:hidden;width:100%;}
.arrays .mainBox, .arrays .mod, .pagBox, .slideH+.controlBox .arrow, .slideH>ul {position:relative}
.arrays .mainBox>a {width:100%;height:100%;top:0}
.arrays .mainBox>a, .arrays .socialBox {position:absolute}

.g2.arrays .cell:nth-child(2n+1), .container, .container:after, .inside.bloody:not(.titles) .grid:not(.g1) .socialBox>.ico {clear:both;}
.g3.arrays .cell:nth-child(3n+1), .g4.arrays .cell:nth-child(4n+1), .g5.arrays .cell:nth-child(5n+1), .g6.arrays .cell:nth-child(6n+1), .g8.arrays .cell:nth-child(8n+1) {clear:left}
.g2.arrays .mediaBox {margin-bottom:1.6em}
.g4.arrays .mediaBox .ico {bottom:1.5rem;left:1.5rem}
.arrays .elem24.show6 .mediaBox, .arrays .elem24.show8 .mediaBox {margin-bottom:5em}

.container .grid .gridBox.slideH {padding-top:0;}
.container .grid >.slideH {border-right:0em solid transparent;border-left:0em solid transparent;}

/* controlBox */
.arrays .slideH + .controlBox, .arrays .slideH + .spinnBox + .controlBox{position:absolute;top:6.4rem;right:0;left:auto;width:auto;padding:0 .5rem;}
.controlBox .beoff {opacity:0.33;}
.next_ {float:right;margin-left:.8rem}
.slideH > ul, .socialBox {left:0;}
.slideH ul {-webkit-transition:left 0.5s;-moz-transition:left 0.5s;-o-transition:left 0.5s;transition:left 0.5s;}

/* proporciones */
.arrays .slideH.show1 .topBox {width:1000%;}
.arrays .slideH.show1 .topBox .pagBox {width:10%;}
.arrays .slideH.show2 .topBox {width:500%;}
.arrays .slideH.show2 .topBox .pagBox {width:20%;}
.arrays .slideH.show4 .topBox {width:300.05%;}
.arrays .slideH.show4 .topBox .pagBox {width:33.333333333333333333333333333333%;}

.arrays .slideH.elem00.show1 .topBox {width:12000%;}
.arrays .slideH.elem00.show1 .topBox .pagBox {width:.83333333333333333333333333333333%;}
.arrays .slideH.elem00.show2 .topBox {width:6000%;}
.arrays .slideH.elem00.show2 .topBox .pagBox {width:1.66666666666666666666666666666666%;}
.arrays .slideH.elem00.show4 .topBox {width:3000%;}
.arrays .slideH.elem00.show4 .topBox .pagBox {width:3.33333333333333333333333333333333%;}
.arrays .slideH.elem00.show6 .topBox {width:2000%;}
.arrays .slideH.elem00.show6 .topBox .pagBox {width:5%;}
.arrays .slideH.elem00.show8 .topBox {width:1500%;}
.arrays .slideH.elem00.show8 .topBox .pagBox {width:6.66666666666666666666666666666666%;}
.arrays .slideH.elem00.show12 .topBox {width:1000%;}
.arrays .slideH.elem00.show12 .topBox .pagBox {width:10%;}

/** footer **/
.footer .container .endBox{margin:0 auto;float:none;}
.footer .container ul li span {color:#424242;}
.footer a ~ .blindBox {border-top:solid .1rem #424242;margin-top:1rem;}
.wrapper.footer a, .wrapper.footer .blind ~ .blindBox {float:none;display:block;}
/** **/

/* ocultando elementos */
.wrapper.shortBox, .arrays .gridBox .topBox .cell .ico.play span.duration {display:none !important;}

.container.socialShare .grid:not(.g1) .cell .mediaBox:hover .ima img {filter:invert(0.66);}

@media(min-width:1281px){
.wrapper.subheader .spechead h1, .wrapper.subheader .spechead .falseH1{left:10rem;top: 1.2rem;width: 25%;}
}