@import url('/css/rtve.2015/rtve.commons/rtve.modules/desktp.panel.css');

/* Posicionamiento HOST IMAGE */
[data-cat="TE_SR3EXTR"] .subheader .spechead .hostima img {top:0;left:0rem;height:19rem;}

/* Posicionamiento NAVEGADOR */
[data-cat="TE_SR3EXTR"] .subheader .spechead nav.blindBox {top:-4rem;}

/* Color FONDO BACK IMAGE */
[data-cat="TE_SR3EXTR"] .subheader .spechead  {background-color:#b62634;max-height:16rem;}

/* Posicionamiento LOGO IMAGE */
[data-cat="TE_SR3EXTR"] .spechead .logoima img {left:0%;top:50%;margin-top:-2rem;}

/* Color de seleccion de MENU */
[data-cat="TE_SR3EXTR"] .spechead nav li a:hover span:after, .spechead .blindBox .active a span:after, .spechead nav li a:hover span::after, .spechead nav .active a span::after {background:#fff;}

[data-cat="TE_SR3EXTR"] .subheader .spechead {max-height:8rem;}
[data-cat="TE_SR3EXTR"] .subheader .spechead .container {height:8em;}
[data-cat="TE_SR3EXTR"] .subheader .spechead .logoima img {max-height:4rem;}
[data-cat="TE_SR3EXTR"] .subheader .spechead nav.blindBox {background:#b62634;}
[data-cat="TE_SR3EXTR"] .subheader .spechead nav li .ico span {color:#f2f2f2;}
[data-cat="TE_SR3EXTR"] .subheader .subheader nav .arrow a img {filter:invert(1);}
[data-cat="TE_SR3EXTR"] .subheader .spechead nav .blindBox {background:#000;}

[data-cat="TE_SR3EXTR"] .subheader .spechead .logoima img  {z-index:2;}



/*titulo include*/
.falseSlide.bigTit .grid .secBox span {color:#d81a28;}
body[data-cat='TE_SR3EXTR'] .falseSlide .secBox {clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;}

/*** Catalogo falso SLIDE ***/
.wrapper.bodier>.container.striplayer.falseSlide {background:#c1c0c0;padding:0;position:relative;margin:0;}
.bodier>.container.striplayer.falseSlide .cell, .bodier > .container.striplayer.falseSlide .gridBox {padding:0;}
.bodier>.container.striplayer.falseSlide .gridBox {margin-bottom:-0.3rem;}
.bodier>.container.striplayer.falseSlide:before {content:'';height:0.1em;width:100%;display:inline-block;position:absolute;bottom:0;left:0;background:#d81a28;z-index:1;}
.falseSlide .grid:not(.listas) .gridBox .mod:not(.no_ima)  .mediaBox > a:after {height:0;}
.falseSlide .bigTit>.grid>.secBox span {margin:0;width:auto;}

.falseSlide .grid > .slideH {border-right:0;border-left:0;}
.falseSlide .controlBox  {border-right:2em solid transparent;border-left:2em solid transparent;}
.falseSlide .mod:after {content:'';display:block;height:100%;bottom:0;width:100%;}

.falseSlide .mainBox .socialBox + .txtBox {display:block;width:100%;padding:0;}

.falseSlide .ico.arrow.beoff,
.falseSlide .controlBox .arrow {background:transparent;}
.falseSlide .controlBox .ico img {background-image:url('/css/rtve.2015/i/iconos/arrows_bigSlide_80x160.png');width:4rem;height:12rem;position:absolute;top:50%;margin-top:-6rem;background-size:300% auto;opacity:0.5;}
.falseSlide .controlBox > .next_ img {background-position:100% 50%;right:0;z-index:3;}
.falseSlide .controlBox > .back_ img {background-position:0 50%;left:0;z-index:3;}
/*
.falseSlide .mod:after {
    position:absolute;
	background:-moz-linear-gradient(left,  rgba(255,255,255,0) 20%, transparent 50%);
	background:-webkit-linear-gradient(left,  rgb(193, 192, 192) 20%,transparent 50%);
	background:linear-gradient(to right,  rgba(255,255,255,0) 0%, transparent 50%);
	background:linear-gradient(to left, rgb(193, 192, 192) 20%, transparent 50%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#c1c0c0',GradientType=1 );

}
*/

.falseSlide .controlBox  .arrow:not(.beoff):hover img {opacity:1;}

/*TEXTOS*/
.falseSlide .grid.g1 .maintitle {font-size:3rem;line-height:3.2rem;font-weight:500;color:#222;}

/*social*/
.bodier.wrapper .container.falseSlide .grid .gridBox .cell .mainBox .socialBox {bottom:32rem;top:0;bottom:22rem;top:auto;right:8rem;left:auto;margin:0;width:auto;position:absolute;}
.bodier.wrapper .container.falseSlide .mainBox .socialBox  .ico {width:4.4rem;height:4.4rem;line-height:4rem;margin:0;}
.falseSlide .arrays .gridBox  .topBox .cell .mediaBox .play,
.falseSlide .arrays .gridBox  .topBox .cell .mediaBox .play img {width:4rem;height:4rem;background:rgb(242,242,242);}
.falseSlide .arrays .gridBox  .topBox .cell .mediaBox .play img {background-image:url('i/icons_40x40_b62634.png');opacity:1;-webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;}
.falseSlide .arrays .gridBox .topBox .cell .mediaBox .play.audio img{background-position:10% 80%;}
.falseSlide .arrays .gridBox .topBox .cell .mediaBox .play.video img{background-position:00% 80%;}
.falseSlide .arrays .gridBox .topBox .cell .ico.play > span.duration {clip:rect(0,0,0,0);position:absolute;}
.falseSlide .cell .ico.share .blindBox.beoff {width:4rem;padding-left:0;padding-top:4rem;}
.wrapper.bodier .falseSlide .cell .ico.share .blindBox.beoff.be_on {box-shadow:0 0 0;height:17.2rem;width:auto;}
.bodier .falseSlide .mainBox .socialBox .ico .blind:not(.be_on):hover,
.bodier .falseSlide.container .mediaBox+.socialBox .ico.share .ico a:hover {background:#b62634;}
.falseSlide .mainBox .socialBox .ico img {width:2.8rem;height:2.8rem;}
.falseSlide .arrays .gridBox .topBox .mainBox .mediaBox a:hover .play img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');background-color:#b62634;}
.falseSlide .arrays .pubBox {clip:rect(0,0,0,0);position:absolute;}
.bodier .falseSlide .ico.links:before{width:100%;height:100%;line-height:4.4rem;}

/*positioning*/
.falseSlide .mainBox .socialBox + .txtBox {position:absolute;}

.falseSlide.bigTit .grid .secBox span {color:#d81a28;}
body[data-cat='TE_SR3EXTR'] .falseSlide .secBox {clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;}


.falseSlide .mainBox {position:relative;display:inline-block;width:100%;}
.falseSlide .arrays.simply .mediaBox {position:static;width:70%;margin-bottom:0;}
.falseSlide .arrays.simply .mediaBox .txtBox {right:8rem;top:10.5rem;}
.falseSlide .mod:after {content:'';display:block;height:100%;right:0;width:100%;z-index: 1;}
.falseSlide .mainBox .socialBox + .txtBox {display:block;width:28%;padding:0;text-align:right;}

.falseSlide .mainBox .socialBox + .txtBox {position:absolute;}
.falseSlide .arrays .gridBox  .topBox .cell .mediaBox .play {right:17.2rem;left:auto;bottom:22.2rem;}
.falseSlide .mainBox .socialBox + .txtBox {right:2%;bottom:28rem;margin-top:0;}
.falseSlide .secBox + .gridBox .mainBox .socialBox + .txtBox {bottom:33rem;}


.falseSlide .grid.g1 >.secBox,
.falseSlide .mainBox .mediaBox a {z-index:2;}
.falseSlide .grid.g1  .mainBox .socialBox + .txtBox {z-index:2;}

/* SLIDE falseSched programacion extra */
/*textos*/
.slideBox .pagBox > .cell {padding:0;}
.falseSched {overflow:hidden;padding:0;margin:0;}
.falseSched .accesMod {overflow:hidden;overflow-x:auto;}

.falseSched .slideBox .pagBox .relcont {display:none;}
.falseSched .slideBox {padding-top:56.25%;}
.falseSched .overBox .txtBox {
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:row-reverse wrap-reverse;
    -ms-flex-flow:row-reverse wrap-reverse;
    flex-flow:row-reverse wrap-reverse;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:flex-end;
}
.falseSched .slideBox .pagBox > .cell .maintitle {font-weight:600;font-size:1.6rem;display:block;padding-bottom:0.6rem;
}
.falseSched .slideBox .pagBox > .cell .pretitle {font-size:1.4rem;font-weight:400;display:block;}
.falseSched .auxBox p {font-size:1.4rem;}
.bodier > .container.falseSched  .cell .maintitle,
.bodier > .container.falseSched  .cell .pretitle,
.bodier > .container.falseSched  .cell .auxBox p {color:#494847;}
/*.falseSched .slideBox .active .cell .maintitle {color:#c30505;}
/*.falseSched .slideBox .active .cell .maintitle,
.bodier>.container.falseSched .active .auxBox p {color:#d81a28;}*/

.bodier>.container.falseSched {padding:2em;}
.bodier>.container.falseSched {width:118rem;display:block;position:relative;float:none;margin:0 auto;background:transparent;}
.bodier>.container.falseSched .cell .overBox h2 {display:block;width:100%;}
.bodier>.container.falseSched .controlBox {width:100%;height:100%;left:0;}
.bodier>.container.falseSched .controlBox > .back_,
.bodier>.container.falseSched .controlBox > .next_ {background:#fff;}

/* positioning */
.falseSched ul, .falseSched  .grid .pagBox .cell, .falseSched .pagBox .mod {position:relative;}
.bodier>.container.falseSched .controlBox, .container[data-tipo='mod_slide'] .controlBox > .arrow {position:absolute;}
.mainbodier .bodier.wrapper > .container.falseSched.striplayer >  .grid.g1 {width:24em;position:static;min-width:auto;}
.falseSched .pagBox.active .mod  {z-index:1;}
.falseSched .pagBox .mod  {z-index:0;}


.container[data-tipo='mod_slide'] .controlBox > .arrow {padding:0;width:10rem;height:100%;}
.container[data-tipo='mod_slide'] .controlBox > .back_ {left:0;}
.container[data-tipo='mod_slide'] .controlBox > .next_ {right:0;}
.container[data-tipo='mod_slide'] .controlBox > .back_ img {right:auto;left:0;}
.container[data-tipo='mod_slide'] .controlBox > .next_ img {left:auto;right:0;}
.container[data-tipo='mod_slide'] .arrow img {width:4rem;height:12rem;position:absolute;top:50%;margin-top:-6rem;
background-image:url('/css/rtve.2015.radio/programas-de-rne/musica/radio3-extra/i/arrows_bigSlide_extra_80x160.png');background-size:300% auto;opacity:0.7;}
.container[data-tipo='mod_slide'] .arrow.beoff img {opacity:0;}
.container[data-tipo='mod_slide'] .arrow:not(.beoff):hover img {opacity:1;}
.container[data-tipo='mod_slide'] .controlBox > .next_ img {background-position:100% 50%;}
.container[data-tipo='mod_slide'] .controlBox > .back_ img {background-position:0 50%;}
.container[data-tipo='mod_slide'] .controlBox > .back_ {
background:-moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

.falseSched .slideBox {padding-top:0;}
.falseSched .slideBox .pagBox > .cell .overBox {padding:1em 1em;}
.falseSched .slideBox .pagBox > .cell .mediaBox .ima + a {background:none;}
.falseSched .slideBox .pagBox > .cell img {background-color:#c1c0c0;}
/*.falseSched .slideBox .pagBox.active > .cell img {background-color:#e79ba1;}
.falseSched .slideBox .pagBox.active > .cell .mediaBox a {box-shadow:none;}

.falseSched .slideBox[class*='page'] .pagBox.active {box-shadow:0 0 3.6rem rgba(0,0,0,0.5);}
.falseSched .slideBox[class*='page'] .pagBox.active .mod	{background:#fff;outline:1rem solid #fff;}*/
.falseSched .slideBox[class*='page'] .pagBox {padding:0.2rem;}

.falseSched .slideBox .pagBox > .cell .overBox {position:relative;}

/*slide paginas*/
.falseSched .slideBox .pagBox {width:20rem;}
.falseSched .slideBox.elem25 ul {width:500rem;}
.falseSched .slideBox.elem24 ul {width:480rem;}
.falseSched .slideBox.elem23 ul {width:460rem;}
.falseSched .slideBox.elem22 ul {width:440rem;}
.falseSched .slideBox.elem21 ul {width:420rem;}
.falseSched .slideBox.elem20 ul {width:400rem;}
.falseSched .slideBox.elem19 ul {width:380rem;}
.falseSched .slideBox.elem18 ul {width:360rem;}
.falseSched .slideBox.elem17 ul {width:340rem;}
.falseSched .slideBox.elem16 ul {width:320rem;}
.falseSched .slideBox.elem15 ul {width:300rem;}
.falseSched .slideBox.elem14 ul {width:280rem;}
.falseSched .slideBox.elem13 ul {width:260rem;}
.falseSched .slideBox.elem12 ul {width:240rem;}
.falseSched .slideBox.elem11 ul {width:220rem;}
.falseSched .slideBox.elem10 ul {width:200rem;}
.falseSched .slideBox.elem9 ul  {width:180rem;}
.falseSched .slideBox.elem8 ul  {width:160rem;}
.falseSched .slideBox.elem7 ul  {width:140rem;}
.falseSched .slideBox.elem6 ul  {width:120rem;}
.falseSched .slideBox.elem5 ul  {width:100rem;}
.falseSched .slideBox.elem4 ul  {width:80rem;}
.falseSched .slideBox.elem3 ul  {width:60rem;}
.falseSched .slideBox.elem2 ul  {width:40rem;}
.falseSched .slideBox.elem1 ul  {width:20rem;}

.falseSched .slideBox ul {z-index:2;}
.falseSched.container>section.grid>* {z-index:auto;}

/*panels navtab*/
[form-type="navtabs"] .arrayBox .mainBox .mediaBox .ico.play img {background-image:url('i/icons_60x60_b62634.png');background-size:1100%;background-position: 0% 80%;}
.arrayBox .mainBox .mediaBox .ico.play:before {top:0;}
.arrayBox {background:#fff;}

/*arreglo nav*/
.blindBox.be_on>ul li a:focus {background-color:transparent;}


/*mod_catalogo*/
.container[data-tipo="mod_catalogo"] .grid.g4.arrays .gridBox .topBox .cell .ico.play img {
    background-image: url(/css/rtve.2016.radio/programas-de-rne/musica/radio3-extra/i/icons_60x60_b62634.png);
}

.container[data-tipo="mod_catalogo"] .g2.simply .cell {width:25%;}
.container[data-tipo="mod_catalogo"] .arrays.g2 .cell:nth-child(2n+1) {clear:none;}

/*ajustes colmena radio 3*/
.colmena-radio3extra [data-numpages='3'] .hiveBox .combBox {width:100%;}
.colmena-radio3extra .hiveBox .combBox .cellBox {width:12.5%;display:inline;}
.colmena-radio3extra .hiveBox .combBox li.elem_03.type_program.comp_3V {float:none;display:inline;}
.colmena-radio3extra .hiveBox .combBox .comp_3V .serie_mod .ima img:last-of-type {left:0;}
.colmena-radio3extra .wariaType .controlBox span[role=button] {display:none;}
.colmena-radio3extra .grid .hiveBox.slideH {padding:0 1.6rem;}

/*ajustes color botones */
.striplayer .carta .mainContent .socialBox .ico a:hover, .striplayer .carta .mainContent .socialBox .ico.share .blind:hover,
#striplayer .ico.links.active, #striplayer .ico.links:hover, .bodier #striplayer .ico.links:focus {background: #d81a28;}
.socialBox .share .blind.be_on:focus, .socialBox .share .blind:not(.be_on):focus {background: #d81a28;}

.socialBox .ico a>img {background-image: url(/css/rtve.2015/i/iconos/icons_40x40_000000.png);background-repeat: no-repeat;background-size: 1100%;}

.bodier .grid .gridBox .cell .ico.links.active:before, .bodier .grid .gridBox .cell .ico.links:focus:before, .bodier .grid .gridBox .cell .ico.links:hover:before, .slideBox .pagBox .ico.links.active
  {background:#d81a28;}

  .cell .socialBox .ico.share .blind.be_on {width: 100%;height: 100%;background:#d81a28;}

@media (max-width: 1399px) {
  .falseSlide .grid.g1 .mainBox .socialBox + .txtBox {padding-left:2.4rem}
  .falseSlide .mainBox .socialBox + .txtBox {bottom: 26rem;}
  .falseSlide .secBox + .gridBox .mainBox .socialBox + .txtBox {bottom:27.5rem;}
  .falseSlide .arrays .gridBox .topBox .cell .mediaBox .play {bottom:19.2rem}
  .bodier.wrapper .container.falseSlide .grid .gridBox .cell .mainBox .socialBox {bottom:19rem;}
  .falseSlide .grid.g1 .maintitle {font-size: 2.8rem;}

}

@media (max-width: 1199px) {
  .container:not(.bloody).falseSlide .arrays .mainBox .socialBox+.txtBox {padding-left: 0;}
  .falseSlide .mainBox .socialBox + .txtBox {bottom: 24rem;}
  .falseSlide .secBox + .gridBox .mainBox .socialBox + .txtBox {bottom:28rem;}
}

@media (max-width: 1099px) {
  .falseSlide .mainBox .socialBox + .txtBox {bottom: 21rem;}
  .falseSlide .arrays .gridBox .topBox .cell .mediaBox .play {bottom:16.2rem}
  .bodier.wrapper .container.falseSlide .grid .gridBox .cell .mainBox .socialBox {bottom:16rem;}
}