@charset "UTF-8";

/* subheader dimensiones */
.radio .spechead {height: 18.2rem;}
.radio .spechead .container,
.radioModDirecto .grid .cell .mediaBox[data-id="1712469"] > a,
.radioModDirecto .grid > .gridBox > .cell .mediaBox:not([data-config*="/1712469/"]) a {height: 14rem;}
.mainheader:not(.minify) + .mainbodier .subheader {z-index: 1;}

/*** mod directo ***/
.subheader + .wrapper .bodier .container:not(.striplayer).radioModDirecto,
.subheader + .bodier .container:not(.striplayer).radioModDirecto{position:absolute;top:10.4rem;left:35%;right:auto;z-index:1;width: 100%;max-width: 90rem;}
.radioModDirecto .grid {background:transparent;}
.radioModDirecto .g4.simply .cell,
.radioModDirecto .grid .cell .mediaBox[data-id="1712469"] > a {width: 33.333%;}
.radioModDirecto .grid .cell .mediaBox[data-id="1712469"] > a {position: absolute;top: 0;left: 0;}
.radioModDirecto.container + .container > .container:first-child .secBox {display:none} /* titulo include */
.radioModDirecto .g3.simply .cell {width:50%;}

/** con scroll **/
.mainheader.minify + .mainbodier .radioModDirecto.container:not(.striplayer) {top: 6.3rem;}
.mainheader.minify + .mainbodier .radioModDirecto.container:not(.striplayer), .mainheader.minify + .mainbodier .spechead .container,
.mainheader.minify + .mainbodier .radioModDirecto .grid > .gridBox > .cell .mediaBox a {height: 8.4rem;overflow:hidden;}

.mainheader.minify + .mainbodier .radioModDirecto .cell .live_mod a > .ico.play {width: auto;min-width: 4rem;opacity: 0;-webkit-transition: opacity 0;-moz-transition: opacity 0;transition: opacity 0;}
.mainheader.minify + .mainbodier .radioModDirecto .cell:hover .live_mod a > .ico.play {opacity: 1;}

/*player*/
.mainheader.minify + .mainbodier .radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox {bottom:0;opacity:0;background:rgba(255,255,255,0.75)}
.mainheader.minify + .mainbodier .radioModDirecto .video-js:not(.vjs-fullscreen):hover > .vjs-control-bar.controlBox,
.mainheader.minify + .mainbodier .radioModDirecto .cell:first-child:hover + .cell .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox {opacity:1}
.mainheader.minify + .mainbodier .wrapper.bodier .container.radioModDirecto .grid > .gridBox > .cell .live_mod .video-js:not(.vjs-fullscreen) .ico.play {background:transparent;}
[data-cat="TE_RRADTRE"] .mainheader.minify + .mainbodier .radioModDirecto .grid .gridBox .cell:hover [href*="/rne_rne3-live"] span,
[data-cat="TE_RRADTRE"] .mainheader.minify + .mainbodier .radioModDirecto .grid .cell:nth-child(2):hover .txtBox .pretitle {bottom: 1rem;}

/* logo */
.mainheader.minify + .mainbodier .radioModDirecto.container:not(.striplayer){position:fixed;z-index: 3;}
.mainheader.minify + .mainbodier .spechead .container {position:fixed;top: 6.3rem;left: 0;width:100%;background:#b62634;}
.mainheader.minify + .mainbodier .spechead .logoima {width:20%;display:block;text-align:right}
.mainheader.minify + .mainbodier .spechead .logoima img {left:auto;right:0;width:10rem;}
.mainheader.minify + .mainbodier .spechead nav.blindBox, .mainheader.minify + .mainbodier .spechead:after {z-index:-1}
/** **/

.radioModDirecto .audioPlayer:after, .radioModDirecto .grid:not(.listas) .gridBox .mod:not(.no_ima) .mediaBox>a:after,
.radioModDirecto .mediaBox.photoBox:after, .radioModDirecto .totem .ima:after {content:none}
.radioModDirecto.container section.grid .gridBox .cell .mod,
.radioModDirecto .grid .gridBox .cell {background:transparent;padding-bottom:0;position: relative;}
.radioModDirecto .grid .gridBox .cell .mediaBox a:after {content:none;}

/* logo */
.radioModDirecto .secBox {display:none}

/* ico */
.radioModDirecto .mainBox .mediaBox a .ico,
.radioModDirecto #divReloadRne .jsPopUpRadio:before {width:5rem;height:5rem;left: -1.8rem;}
.radioModDirecto .mainBox .mediaBox a .ico img {margin-left: 0.6rem;margin-top: 0.8rem;}


/* Nownext */
.radioModDirecto #divReloadRne .nowLive {display: flex;flex-wrap:wrap;position:relative;padding:1.6rem 40% 0.6rem 1rem;    z-index: unset;
  background: rgb(182,38,52); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(182,38,52,1) 40%, rgba(100,30,64,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(182,38,52,1) 40%,rgba(100,30,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(182,38,52,1) 40%,rgba(100,30,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62634', endColorstr='#641e40',GradientType=1 ); /* IE6-9 */}

.radioModDirecto #divReloadRne .nowLive .img {order:1}
.radioModDirecto #divReloadRne .jsPopUpRadio {order:2}
.radioModDirecto #divReloadRne #programActualLocutor {order:3}

/* enlace a */
.radioModDirecto #divReloadRne .jsPopUpRadio > a {display: block;width: 100%;height: 100%;padding-top:10.6rem;margin-top:-10.6rem;}
.radioModDirecto .cell .boxLive + a {display:block;width: 100%;height: 100%;position:absolute;top:0;left:0;z-index: 1;}
.radioModDirecto .grid .cell .mediaBox[data-id="1712469"] > a {z-index: 2;}


/* imagen */
.radioModDirecto #divReloadRne .nowLive .img {display:block;width: 100%;/*text-align:center;*/}
.radioModDirecto .gridBox .cell .ima,
.radioModDirecto #divReloadRne .nowLive .img {padding:0;position: relative;background: transparent;height:auto}
.radioModDirecto #divReloadRne .nowLive .img {position:absolute;right: 0.8rem;top: 0;left: auto;}
.radioModDirecto #divReloadRne .nowLive .img img {width:auto;height:100%;float:right;}

.radioModDirecto #divReloadRne .nowLive,
.radioModDirecto #divReloadRne .nowLive .img,
.wrapper.bodier .radioModDirecto .grid .gridBox .cell .mediaBox:not([data-config*="/1712469/"]) .ima {height: 8.4rem;}
.radioModDirecto .grid .gridBox .cell .mediaBox:not([data-config*="/1712469/"]) .ima {background: url("/css/rtve.2015.radio/cadenas/radio3/i/logo.png") #641e40 no-repeat center right 10%;background-size: auto 40%;}
.radioModDirecto .gridBox .cell .mediaBox:not([data-config*="/1712469/"]) .ima > img {height: 100%;width: auto;left:auto;right:0;display:none}

.wrapper.bodier .radioModDirecto .grid > .gridBox > .cell .live_mod .mediaBox[data-id="1712469"] ~ .txtBox {display:none}
.wrapper.bodier .radioModDirecto .grid .gridBox .cell .mediaBox[data-id="2795617"] a .ico {left:0.8rem;}


/* textos */
.radioModDirecto #divReloadRne .jsPopUpRadio {width:100%;}
.radioModDirecto #divReloadRne .nowDirecto {font-size:1.4rem;line-height: 2rem;font-weight:700;text-transform:uppercase;display:block;color:#c1272d;display:none}
.radioModDirecto #divReloadRne #programActualLocutor {font-size:1.2rem;line-height: 1.6rem;font-weight:700;display:block;width:100%;text-transform: uppercase;}
.radioModDirecto #divReloadRne .nowLive .hour {display: block;position: absolute;bottom: -3.6rem;right: 1.6rem;font-size: 1.3rem;line-height: 1.6rem;font-weight: 300;color: #fff;}

/* mod directo play */
.radioModDirecto .grid {margin:0}
.radioModDirecto .gridBox .cell:nth-child(2) {clear:both;}
.radioModDirecto .gridBox .cell:nth-child(2),
.radioModDirecto .gridBox .cell:nth-child(2) .mediaBox {position:static}

/* mod live */
.radioModDirecto .gridBox .cell:nth-child(2) {padding-top:0}
.radioModDirecto .gridBox .cell:nth-child(2) .txtBox a {display:block;width:100%;height:100%;}

.radioModDirecto .gridBox .cell:nth-child(2) .txtBox .maintitle,
.radioModDirecto .grid .live_mod .mediaBox>a>.ico:before,
.wrapper.bodier .radioModDirecto .grid .live_mod .mediaBox>a>.ico .duration,
.bodier .radioModDirecto .cell .socialBox, .bodier .radioModDirecto .vjs-poster.ima {display:none;}

.radioModDirecto .gridBox .cell:nth-child(n+3),
.radioModDirecto .gridBox .cell:nth-child(n+3) .txtBox{position:absolute;top:0;}
.radioModDirecto .gridBox .cell:nth-child(4) {left:auto;right:0;}

.radioModDirecto .gridBox .cell:nth-child(n+3) .txtBox + .auxBox {position:absolute;bottom:0;padding: 1.6rem 40% 0.6rem 1rem;}
.radioModDirecto .gridBox .cell:nth-child(4) .txtBox + .auxBox * {font-size: 1.2rem!important;line-height: 1.6rem!important;font-weight:700;text-transform:uppercase}

.wrapper.bodier .radioModDirecto .grid > .gridBox > .cell .mediaBox {margin:0}
.radioModDirecto .grid .live_mod .mediaBox > a > .ico img {bottom:0;left:0;}
.radioModDirecto .mainBox .mediaBox a .ico {/*top:10.2rem;*/left:1.6rem;border:0;background:transparent;top:auto;bottom:1rem}


/** estilos player **/
.wrapper.bodier .radioModDirecto .grid .gridBox,
.wrapper.bodier .radioModDirecto .grid .gridBox .cell {padding:0 0.8rem;max-height: 14rem;}
.wrapper.bodier .radioModDirecto .grid .gridBox .cell .mediaBox[data-config*="/2795617/"] .ima {overflow:visible;}
.wrapper.bodier .radioModDirecto .grid .gridBox .cell .live_mod .video-js:not(.vjs-fullscreen) .play img,
.wrapper.bodier .radioModDirecto .grid .gridBox .cell .live_mod a > .play img,
.wrapper.bodier .container.radioModDirecto .grid .gridBox .cell .live_mod a > .ico.play,
.wrapper.bodier .container.radioModDirecto .grid .gridBox .cell .live_mod .video-js:not(.vjs-fullscreen) .ico.play,
.wrapper.bodier .radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-control-bar.controlBox .ico img {width: 3.6rem;height: 3.6rem;}

.wrapper.bodier .radioModDirecto .grid .gridBox .cell:nth-child(3) .live_mod{position:relative;}
.wrapper.bodier .radioModDirecto .grid > .gridBox > .cell .live_mod .txtBox  {display:block;width:100%;height:100%; padding: 1.6rem 40% 0.6rem 1rem;
  background: -moz-linear-gradient(left, rgba(182,38,52,1) 45%, rgba(100,30,64,0) 100%);
  background: -webkit-linear-gradient(left, rgba(182,38,52,1) 45%,rgba(100,30,64,0) 100%);
  background: linear-gradient(to right, rgba(182,38,52,1) 45%,rgba(100,30,64,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62634', endColorstr='#00641e40',GradientType=1 );
}

.wrapper.bodier .radioModDirecto .grid > .gridBox > .cell .live_mod a > .play img,
.wrapper.bodier .radioModDirecto .grid > .gridBox > .cell .live_mod .video-js:not(.vjs-fullscreen) .play img,
.wrapper.bodier .radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-control-bar.controlBox .ico img {background-image: url('/css/rtve.2016.radio/programas-de-rne/musica/radio3-extra/i/icons_40x40_b62634.png');background-size: 1100%;margin-left: 0.4rem;left: 0;}

.radioModDirecto .gridBox .cell:nth-child(2) .mediaBox .video-js.vjs-has-started {padding:1rem 0}
.radioModDirecto .mediaBox .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox,
.wrapper.bodier .container.radioModDirecto .grid > .gridBox > .cell .live_mod .video-js:not(.vjs-fullscreen) .ico.play,
.wrapper.bodier .container.radioModDirecto .grid > .gridBox > .cell .live_mod a > .ico.play {background: #fff;border-radius:4rem}
.wrapper.bodier .container.radioModDirecto .grid > .gridBox > .cell .live_mod a > .ico.play {width: auto;min-width: 8.9rem;}

.radioModDirecto .audioBox .ico.audio img, .radioModDirecto .videoBox .ico.video img {background: url('/css/rtve.2016.radio/programas-de-rne/musica/radio3-extra/i/icons_40x40_b62634.png');background-size: 1100%;}
.radioModDirecto .audioBox .ico.audio img {background-position: 10% 80%;}
.radioModDirecto .videoBox .ico.video img {background-position: 0% 80%;}
.wrapper.bodier .radioModDirecto .grid > .gridBox > .cell .mediaBox a > .ico.play.audio:after {content:"radio3";font-size:1.3rem;font-weight:700;line-height:3.6rem;color:#641e40;margin-left:4.2rem;padding-right:1.5rem;}
/* letreros play */
.radioModDirecto .grid > .gridBox > .cell .mediaBox.live_mod a > .ico.play:after ,.radioModDirecto .grid > .gridBox > .cell .mediaBox a > .ico.play.audio:after {content:"radio3";font-size:1.3rem;font-weight:700;line-height:3.6rem;color:#641e40;margin-left:4.2rem;padding-right:1.5rem}
.radioModDirecto .grid > .gridBox > .cell .mediaBox[data-config*="/1712469/"] a > .ico.play:after {content: "r3 en directo";}
.radioModDirecto .grid > .gridBox > .cell .mediaBox[data-config*="/2795617/"] a > .ico.play:after {content: "webcam r3";font-size: 1.3rem;font-weight: 700;line-height: 3.6rem;color: #641e40;margin-left: 4.2rem;padding-right: 1.5rem;}
.radioModDirecto .grid > .gridBox > .cell .mediaBox[data-config*="iRTVE_INS6 LIVE"] a > .ico.play:after {content: "especial r3";}
.radioModDirecto .grid > .gridBox > .cell .mediaBox:not([data-config*="/1712469/"]) a {top:0;z-index: 1;}
.radioModDirecto .grid > .gridBox > .cell .mediaBox a:hover {opacity: 0.8;}

.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-control-bar.controlBox, .radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-control-bar.controlBox .ico,
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-progress-control .vjs-slider, .radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-progress-control .vjs-slider > div, .radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-play-control:not(.ico),
.radioModDirecto .audioPlayer {height:3.6rem;min-height:3.6rem;line-height: 1;}

.wrapper.bodier .radioModDirecto .grid > .gridBox .mainBox .txtBox {padding:0;height:100%;}
.wrapper.bodier .radioModDirecto .grid > .gridBox .mainBox .mediaBox.lang_es ~ .txtBox,
.wrapper.bodier .radioModDirecto .grid > .gridBox .mainBox .mediaBox.lang_es ~ .txtBox + .auxBox {opacity:0;width:0;height:0;}

.radioModDirecto #divReloadRne #programActualNombre,
.radioModDirecto .mainBox .txtBox .maintitle {color:#fff;font-weight:300;font-size: 1.6rem;line-height: 2rem;}
.radioModDirecto .mainBox .txtBox .maintitle {padding-top:1rem}


/** video auto play **/
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox {top:auto;opacity:1;bottom:-4.6rem;visibility: visible;}
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > * {display: none;}

.radioModDirecto .vjs-play-control.vjs-control.vjs-playing .vjs-control-text {width:12rem;}

/* mostrar botones */
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .ico.play {display:block;top:auto;bottom:0;left:0}
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .vjs-volume-control,
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .vjs-mute-control,
.radioModDirecto .videoBox .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .vjs-fullscreen-control {display:block;}

.radioModDirecto .gridBox .cell .ima.audioPlayer,
.radioModDirecto .gridBox .cell .ima.f16x9.videoPlayer {overflow: visible;}
.wrapper.bodier .radioModDirecto.container .live_mod .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .vjs-volume-control {bottom:0;background: transparent;height: 3.6rem;width:auto;position: relative;}
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .vjs-mute-control {float:left;}

.radioModDirecto .video-js:not(.vjs-fullscreen) .spinnBox,
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar button:focus,
.radioModDirecto .audioPlayer .vjs-control-bar.controlBox:before {background: transparent;}

.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-volume-control .vjs-volume-level {background-image:url("/css/rtve.2015/i/players/audioLevel_1_b62634.png");}
.wrapper.bodier .radioModDirecto .grid .live_mod .video-js:not(.vjs-fullscreen) .vjs-volume-control .vjs-slider {margin-right:0;width:6.4rem;border-top: 0.9rem solid transparent;border-bottom: 0.9rem solid transparent;}
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-volume-control .vjs-slider:after {background-image:url("/css/rtve.2015/i/players/volumeBar_muted_000.png")}
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-volume-level img {background:#000;right:0;}

.radioModDirecto .vjs-playing:not(.vjs-fullscreen) .controlBox .play.video img {background-position: 00% 100%;}
.radioModDirecto .video-js:not(.vjs-fullscreen) .controlBox .audio.vjs-vol-0 img {background-position: 10% 100%;}
.radioModDirecto .video-js:not(.vjs-fullscreen) .controlBox .fullsc img {background-position: 20% 100%;}

/* ocultar */
.radioModDirecto #divReloadRne .nowLive p[itemprop="description"],
.radioModDirecto #divReloadRne .nexLive, .radioModDirecto #divReloadRne .medLive,
.radioModDirecto .cell:nth-child(2) .mainBox .auxBox,
.radioModDirecto.container .mainBox .mediaBox .ico .duration {display:none;}

/* peh arreglo player 2018 */
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .ico.play,
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .vjs-volume-control,
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .vjs-mute-control,
.radioModDirecto .videoBox .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox > .vjs-fullscreen-control {position:static;display:inline-block}

.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-big-play-button,
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-loading-spinner,
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-poster {padding-top: 19%;}
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-big-play-button:after{content:none;}
.radioModDirecto .vjs-audio.video-js:not(.vjs-fullscreen) .vjs-big-play-button {display: none;}

.radioModDirecto .video-js:not(.vjs-fullscreen) {position: static;}
.radioModDirecto .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox {bottom:-9.6rem}
.mainheader.minify + .mainbodier .radioModDirecto .videoPlayer .video-js:not(.vjs-fullscreen) > .vjs-control-bar.controlBox {bottom: -4.6rem;}
.radioModDirecto .video-js.vjs-audio:not(.vjs-fullscreen) > .vjs-control-bar.controlBox {bottom:0;}
.wrapper.bodier .radioModDirecto .grid .live_mod .video-js:not(.vjs-fullscreen) .vjs-volume-control .vjs-slider {width:8.4rem;}
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-volume-control .vjs-volume-level {background-position: top left;}
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-volume-control .vjs-volume-level:after {filter:invert(.5);}

.wrapper.bodier .radioModDirecto .grid .live_mod .video-js:not(.vjs-fullscreen) .vjs-volume-control .vjs-volume-bar:focus,
.wrapper.bodier .radioModDirecto .grid .live_mod .video-js:not(.vjs-fullscreen) .vjs-volume-control .vjs-volume-bar:hover {background: rgba(0,0,0,.15);}

.radioModDirecto div[class*=Player] .vjs-paused:not(.vjs-fullscreen) .vjs-play-control img {background-position: 00% 80%;}
.radioModDirecto .video-js:not(.vjs-fullscreen) .vjs-mute-control.audio img {background-position: 10% 80%;}

.radioModDirecto .video-js.vjs-fullscreen > .vjs-control-bar.controlBox {position:absolute;}

/* BCube nuevo directo */
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .cell,[data-cat="TE_RRADTRE"]  .radioModDirecto .grid .cell .links_mod .mainBox{height: 8.4rem;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .gridBox .cell{background:linear-gradient(to right, rgba(182,38,52,0) 40%,rgba(100,30,64,1) 100%);}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .gridBox .cell [href*="/rne_rne3-live"] {width:100%;height: 8.4rem;z-index: 2;position:absolute;top: 0;left: 0;}

[data-cat="TE_RRADTRE"] .radioModDirecto .grid #divReloadRne .jsPopUpRadio > a {margin-top: 0;padding-top: 0;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid #divReloadRne .jsPopUpRadio {position: absolute;top: 4rem;width:80%;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .gridBox .cell [href*="/rne_rne3-live"] span{background: #fff;border-radius: 4rem;font-size:1.3rem;font-weight:700;line-height:3.6rem;color:#641e40;display:inline-block;padding:0.2rem 1.6rem;position: absolute;bottom: -4rem;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .gridBox .cell [href*="/rne_rne3-live"] img {display: inline-block;    filter: invert(19%) sepia(54%) saturate(4284%) hue-rotate(342deg) brightness(86%) contrast(84%);width: 2.6rem;height: 2.6rem;vertical-align: middle;margin-right: 0.8rem;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .gridBox .cell:nth-child(2){clear:none;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .cell:nth-child(2) .mainBox {background: url('/css/rtve.2015.radio/cadenas/radio3/i/logo.png')no-repeat center right 10%;background-size: auto 40%;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .cell:nth-child(2) a {height: 14rem;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .gridBox .cell:nth-child(2):hover,[data-cat="TE_RRADTRE"]  .radioModDirecto .grid .gridBox .cell [href*="/rne_rne3-live"]:hover {opacity: 0.9;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .gridBox .cell:nth-child(2) .txtBox .maintitle {display:block;width: 60%;padding: 1.2rem;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .cell:nth-child(2) .txtBox .pretitle {background: #fff;border-radius: 4rem;font-size:1.3rem;font-weight:700;line-height:3.6rem;color:#641e40;display:inline-block;padding:0.2rem 1.6rem;position: absolute;bottom: -4rem;}
[data-cat="TE_RRADTRE"] .radioModDirecto .grid .cell:nth-child(2) .txtBox .pretitle:before{content:'';display:inline-block;width:2.6rem;height:2.6rem;background:url('/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_000000.svg');filter: invert(19%) sepia(54%) saturate(4284%) hue-rotate(342deg) brightness(86%) contrast(84%);margin-bottom:-0.8rem;margin-right: 0.6rem;}

/* BCube + radio 4 */
.subheader + .wrapper .container:not(.striplayer).radioModDirecto{position:absolute;top:10.4rem;left:35%;right:auto;z-index:3;width: 100%;max-width: 90rem;max-height: 14rem;}
[data-tipo="mod_libre"].radioModDirecto .gridBox, [data-tipo="mod_libre"].radioModDirecto > .grid > .gridBox > .cellContent {display: block;}
.radioModDirecto[data-tipo="mod_libre"] .grid .cell {width: 50%;}
.wrapper.bodier .container.radioModDirecto .grid .gridBox .cell .live_mod .ico.play {background: #fff;border-radius:4rem}
.wrapper.bodier .container.radioModDirecto .grid .gridBox .cell .live_mod .ico.play {width: auto;min-width: 8.9rem;height: 3.6rem;}
.wrapper.bodier .radioModDirecto .grid .gridBox .cell .live_mod .play img,
.wrapper.bodier .radioModDirecto .grid .gridBox .cell .live_mod .video-js:not(.vjs-fullscreen) .play img {background-image: url('/css/rtve.2016.radio/programas-de-rne/musica/radio3-extra/i/icons_40x40_b62634.png');background-size: 1100%;left: 0.4rem;top: 0;margin: 0;background-color: transparent;}
.wrapper.bodier .container.radioModDirecto .grid .gridBox .cell .live_mod a {position: relative;height: 5rem;top: 0;z-index: 1;}
.wrapper.bodier .container.radioModDirecto .grid .gridBox .cell .live_mod .ico.play.audio:after {content: "radio3";font-size: 1.3rem;font-weight: 700;line-height: 3.6rem;color: #641e40;margin-left: 4.2rem;padding-right: 1.5rem;}
body[data-cat="TE_RACUATR"] .wrapper.bodier .radioModDirecto .grid .gridBox .cell .live_mod .ico.play.audio:after {content: "radio4";}
body[data-cat="TE_RACUATR"] .wrapper.bodier .radioModDirecto .grid .gridBox .mod .mediaBox:after,body[data-cat="TE_RACUATR"] .wrapper.bodier .radioModDirecto .grid > .gridBox > .cell .live_mod .txtBox{display: none;}

/* BCUBE CMS */
.mainbodier .bodier .container.radioModDirecto.nx-module.nx-module--with-toolbar {top: 0;margin: 0;}


@media only screen and (min-width: 1260px){
.subheader + .wrapper .bodier .container:not(.striplayer).radioModDirecto,
.subheader + .bodier .container:not(.striplayer).radioModDirecto,
.mainheader.minify + .mainbodier .spechead .container {margin-left:0;-webkit-transition: margin-left 1s;-moz-transition: margin-left 1s;transition: margin-left 1s;}
.openDir .minify header .subheader + .bodier .container:not(.striplayer).radioModDirecto, .openDir .subheader + .bodier .container:not(.striplayer).radioModDirecto,
.openDir  .mainheader.minify + .mainbodier .spechead .container  {margin-left: 6%;}

.wrapper.bodier .container:not(.striplayer).radioModDirecto,
.mainheader.minify + .mainbodier .radioModDirecto.container:not(.striplayer),
.mainheader.minify + .mainbodier .radioModDirecto section {max-width:78.4rem;}

}

@media only screen and (min-width:1400px) {
.subheader + .wrapper .bodier .container:not(.striplayer).radioModDirecto,
  .subheader + .bodier .container:not(.striplayer).radioModDirecto {left:34%}
  .wrapper.bodier .container:not(.striplayer).radioModDirecto,
  .mainheader.minify + .mainbodier .radioModDirecto.container:not(.striplayer),
  .mainheader.minify + .mainbodier .radioModDirecto section{max-width:90.3rem;}
  .mainheader.minify + .mainbodier .spechead .logoima {width:25%}
}
@media only screen and (max-width: 1351px){
    .wrapper.bodier .container:not(.striplayer).radioModDirecto, .mainheader.minify + .mainbodier .radioModDirecto.container:not(.striplayer), .mainheader.minify + .mainbodier .radioModDirecto section {max-width: 78.4rem;}
}
@media only screen and (max-width: 1260px){
.subheader + .wrapper .bodier .container:not(.striplayer).radioModDirecto,
.subheader + .bodier .container:not(.striplayer).radioModDirecto {width:65%;max-width:65%;}
}