@import url('/css/rtve.2018/rtve.commons/rtve.modules/rtve.2018.player.css');

/*alineaciones basicas*/
.mod > .ima > img {position:absolute;left:0;top:0;}
.ima {float:left;overflow:hidden;width:100%;}
.V {text-align:center;}
.V img {margin:0 auto;}
.H img {vertical-align:middle;}

/* estetica alacarta*/
.videoContainer {position:relative;overflow:hidden;z-index:0;}
img.bkgVideo,.bkgVideo + .container,
.mediaBox > .ima,
.mediaBox .ima > img {width:100%;}
.mediaBox .ima {display:inline-block;}
.videoContainer .playerBox {padding:2rem 0;}
.audioBox .f16x9 {padding-top:7.2em;}
.videoPlayer.f16x9 {text-align:left;overflow:visible;}

.videoContainer .f16x9.T.H {padding-top:56.25%;}
.mediaBox > .ima > img {position:absolute;top:0;left:0;}

.vjs-ads-label.vjs-control {float:left}
.vjs-control-bar.controlBox {bottom:0}
.vjs-panel-display .listBox {color:#fff}

img.bkgVideo {padding:0;}
.bkgVideo + .container {background:#333;text-align:center;}

.mediaBox .videoPlayer .vjs-share-display span,.mediaBox .audioPlayer .vjs-share-display span {color:#fff;}
.mediaBox.hasMediaText {width:98em;display:inline-block;position:relative;}

/**play**/
.mediaBox .ico.play {border-radius:0.3rem;}
.mediaBox .ico img   {width:3.2rem;height:3.2rem;}
.mediaBox .ico.play {position:absolute;bottom:2.8rem;left:2rem;border-radius:0.3rem;padding:0.4rem;}
.mediaBox .ico.play {background:rgb(240,80,16);
    background:-moz-linear-gradient(left, rgba(240,80,16,1) 0%, rgba(248,128,8,1) 100%);
    background:-webkit-linear-gradient(left, rgba(240,80,16,1) 0%,rgba(248,128,8,1) 100%);
    background:linear-gradient(to right, rgba(240,80,16,1) 0%,rgba(248,128,8,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05010', endColorstr='#ffa41b',GradientType=1 );}
.mediaBox .ico.play img {background:url('/css/rtve.2018/rtve.commons/rtve.player/i/player_iconos@4x.png');background-position:5% 33.33333333333333%;background-size:2100%;background-repeat:no-repeat;background-color:transparent;}
.mediaBox .ico.play.vjs-paused img{background-position:5% 33.33333333333333%;}
.mediaBox .ico.play.vjs-playing img{background-position:30% 33.33333333333333%;}
.mediaBox .ico.play .duration {display:table-cell;font-size:1.2rem;color:#fff;}


/*texto en videos*/
.videoBox.hasMediaText {margin-left:-24em;position:relative;}
.videoBox .textRel,
.videoBox .textRel .blindBox {height:100%;}
.audioBox .textRel .blindBox {height:18em;}
.videoBox .textRel,
.videoBox .textRel .blindBox,
.videoBox .textRel > .ico.blind {position:absolute;}
.videoBox .textRel {width:24em;right:-24em;top:0;overflow:hidden;}

/*texto en audios*/
.mediaBox .textRel .blindBox {padding:0 1.6em;}
.videoBox .textRel .blindBox {border-style:solid;border-color:transparent;border-width:4.3em 0;opacity:0;left:0;}
.videoBox .textRel .ico.blind:only-of-type + .blindBox.be_on {border-bottom-width:0.3em;}
.mediaBox .textRel .blindBox.be_on {overflow-y:auto;}
.videoBox .textRel .blindBox.be_on {opacity:1;}
.videoBox .textRel .cuepBox {top:100%;}
.videoBox .textRel .cuepBox.be_on {top:4rem;}
.videoBox .textRel .ico.blind:only-of-type + .cuepBox.be_on {top:0;}
.videoBox .textRel .trasBox {top:-100%;}
.videoBox .textRel .trasBox.be_on {top:0;}


.mediaBox .textRel .blindBox,
.mediaBox .textRel .blind.be_on {
  -webkit-transition:top 0.5s,opacity 1s;
  -moz-transition:top 0.5s,opacity 1s;
  -o-transition:top 0.5s,opacity 1s;
  transition:top 0.5s,opacity 1s;
  }


.vjs-related .listBox .cell .txtBox span {font-size:130%;line-height:1.2308;}
.cuepBox li,.trasBox p {font-family:"Arial",helvetica,sans-serif;text-align:left;display:inline-block;width:100%;padding:1em 0;border-bottom:0.1rem solid #fff;}
.cuepBox li span,.trasBox p {font-size:140%;}
.cuepBox li span {line-height:1.6rem;}
.trasBox p {line-height:1.8rem;}

.trasBox p,.cuepBox li span {color:#222;}
.cuepBox li span:first-child {color:#0b6ede;}

.cuepBox li:hover,.cuepBox li:hover:after,.trasBox p:hover:after, .trasBox p.active:after  {border-color:transparent;}
.cuepBox li:hover, .trasBox p:hover, .trasBox p.active {cursor:pointer;position:relative;z-index:1;}
.cuepBox li:hover:after,.trasBox p:hover:after, .trasBox p.active:after  {content:'';background:#efefef;display:inline-block;position:absolute;left:-1.6rem;top:-0.1rem;width:100%;height:100%;z-index:-1;border-width:0.1rem 1.6rem;border-style:solid;}
.cuepBox li:hover span {color:#0b6ede;}
.cuepBox li:hover span + span {border-bottom:0.1rem solid #0b6ede;}

.cuepBox li span:first-child {font-size:120%;}
.videoBox .cuepBox li span:first-child {display:block;clear:both;}
.mediaBox .textRel {background:rgba(255,255,255,0.75);color:#333;display:inline-block;}
.trasBox p .ima {font-size:100%;width:7rem;height:7rem;position:relative;float:left;border-radius:100%;border:1rem solid transparent;overflow:hidden;margin:-1rem 0 -1rem -1rem;}

/*nav*/
.textRel .blind {width:100%;height:4rem;cursor:pointer;}
.textRel .blind:after {content:'';height:0.1rem;width:100%;position:absolute;left:0;display:inline-block;background:rgba(255,255,255,0.5);}
.textRel .cuepBlind:after {bottom:auto;top:0;}
.textRel .cuepBlind.beoff.be_on:after,.textRel .trasBlind:after {top:auto;bottom:0;}

.textRel .blind.beoff.be_on {cursor:default;}
.textRel .blind span {font-size:130%;letter-spacing:0.5pt;line-height:4rem;display:inline-block;width:100%;text-align:left;padding:0 1.6rem;text-transform:uppercase;}


.textRel .blind span {color:rgba(255,255,255,0.5);}
.textRel .blind:hover span {background:black;color:white;}
.textRel .blind span,
.textRel .blind.be_on:hover span {background:#444;}
.textRel .blind.be_on span,
.textRel .blind.be_on:hover span {color:rgba(255,255,255,1);}

.textRel .blind {left:0;z-index:2;}
.textRel .cuepBlind {top:100%;margin-top:-4rem;}
.textRel .cuepBlind.beoff.be_on {top:4rem;margin:0;}
			.textRel .ico.blind:only-of-type {top:0;}
.textRel .blindBox {z-index:0;}
.textRel .blindBox.be_on {z-index:1;}

.videoBox .textRel .ico.blind img {position:absolute;right:0;background:none;}


/* Button audio */
.sBox  .ima > img {position:absolute;left:0;top:0;}
.sBox .audioContainer .audioBox .play {/*left:9.6rem;*/}
.sBox .audioContainer .vjs-time-control {display:none;}
.audioPlayer button {font-size:10px;}

.sBox .audioPlayer .vjs-control-bar.controlBox {min-height:5.2em;}
.sBox .audioPlayer .vjs-control-bar.controlBox .vjs-control.ico:hover .vjs-control-text {clip:rect(0,0,0,0);position:absolute;overflow:hidden;}
.sBox .audioContainer .mediaBox.audioBox,
.sBox .audioContainer .audioPlayer,
.sBox .audioContainer .audioPlayer > audio {min-height:5.4em;}
.sBox .audioContainer .audioBox .f16x9,
.sBox .audioContainer .audioPlayer .vjs-poster {padding-top:5.2em;}
.sBox .audioContainer .audioPlayer .vjs-poster.ima {border-bottom:0;}
.sBox .audioContainer .audioPlayer .vjs-playing .vjs-poster {opacity:1;z-index: 1;}

.sBox .vjs-play-control.ico.play, .sBox .vjs-mute-control, .sBox  .vjs-volume-control, .sBox .vjs-fullscreen-control {position:relative;left:0;bottom:0;}
.sBox .audioContainer .vjs-control-bar .vjs-fullscreen-control {display: inline-block;position: absolute;left: auto;right: 0;top:auto;bottom: 0;}

/* Popup button */
.popup .sBox .audioPlayer button,
.popup .sBox .audioBox .vjs-control-bar.controlBox .ico,
.popup .sBox .audioBox > a .play{padding:1rem}
.popup .audioBox.mediaBox .duration {display:none;}
.popup .audioPlayer .close{background:transparent;}
.popup .sBox .audioContainer .vjs-panel-display.be_on {display:inline-block;}
.popup .sBox .vjs-share-control {right:0}
.popup .sBox .audioBox .vjs-time-control {left:61.5%; padding:0; bottom:0}

.popup .sBox .vjs-panel-display {right:auto;bottom:auto;left:0;top:0;}
.popup .sBox .vjs-panel-display > div {padding:0;}
.popup .sBox .vjs-panel-display .close {padding:0 1rem;}
.popup .sBox .vjs-panel-display div:not(.blindBox) > ul > li {display:inline-block;width:100%;padding:1em 0 1.8em 0;}
.popup .sBox .vjs-share-display .slidB > span {}
.popup .sBox .vjs-panel-display textarea, .popup .sBox .vjs-panel-display input[type='text'] {width:100%;}
.popup .sBox .vjs-panel-display .boton strong {font-weight:400;/*display:inline-block*/;padding:0 0.5em;text-transform:lowercase;font-size:2.2em;line-height:4.5rem;cursor:pointer}
.popup .sBox .vjs-panel-display .boton {top:0;/*display:inline-block*/;position:absolute; right:0;background:rgba(0,0,0,0.85);float:left;width:auto;}
.popup .sBox .vjs-panel-display .urlBox {margin-bottom:3.6rem;}
.popup .sBox .vjs-panel-display .urlBox .boton{top:4.8rem}
.popup .sBox .vjs-panel-display .helpTxt {font-size:1.2rem;line-height:2rem;}

.popup .sBox .vjs-share-display > div {width:100%;text-align:left;}
.popup .sBox .vjs-share-display .slidB {padding:0.5rem 0;}
.popup .sBox .vjs-share-display input[type='text'] {}
.popup .sBox .vjs-share-display .checkbox {width:100%;padding:0.5rem;}
.popup .sBox .vjs-share-display .socialBox .ico a {height:auto;}
.popup .sBox .vjs-share-display.be_on{background:#4b4b4b}

.popup .sBox .vjs-vol-2.vjs-mute-control:hover img {background-position:35% 0%;}
.popup .sBox .vjs-vol-0.vjs-mute-control:hover img {background-position:40% 0%;}
.popup .sBox .vjs-share-control:hover img {background-position:25% 0%;}
.popup .sBox .ico.close:hover img {background-position:85% 0%;}
.popup .sBox .socialBox .ico a:hover > img {opacity:.5}
.popup .sBox .vjs-share-display .socialBox li {right:0; margin:0 0.4rem 0 0}
.popup .sBox .vjs-share-display .socialBox li:hover{background:#00000017;}

.popup .sBox .vjs-play-progress, .popup .sBox .vjs-control-bar.controlBox button.ico:hover, .popup .sBox .vjs-control-bar.controlBox button.ico:focus,
.popup .sBox .vjs-control-bar.controlBox .vjs-button.ico:hover, .popup .sBox .vjs-control-bar.controlBox .vjs-button.ico:focus {background:transparent}
.popup .audioBox .vjs-play-control, .popup .audioBox .vjs-fullscreen-control, .popup .audioBox .vjs-mute-control, .popup .audioBox .vjs-volume-control, .popup .audioBox .vjs-time-control,
.popup .audioBox .vjs-share-control, .popup .audioBox .vjs-subtitles-button, .popup .audioBox .vjs-audio-button, .popup .audioBox .vjs-quality-button {bottom:auto;}


/*audios*/
/* .wrapper.audio .container {width:100%;} */
.wrapper.audio  .audioContainer .audioPlayer  .controlBox   {max-width:98rem;float:none;margin:0 auto;position:relative;display:block;}
.wrapper.audio  .audioContainer .audioBox .ico.play {left:50%;margin-left:-48rem; bottom:1.6rem}
.wrapper.audio .audioContainer .audioBox .ico.play  img {}
.wrapper.audio  .audioContainer .ico.play .duration {display:none;}
.mediaBox.audioBox, .audioPlayer, .audioPlayer > audio, .audioPlayer .controlBox {min-height:6.6rem;}
.wrapper.audio .audioPlayer .vjs-control-bar {position:absolute;bottom:0;top:0;}
.mediaBox .vjs-volume-level img {width:0.4rem; left:auto}


/*paneles*/
.audioContainer  .vjs-panel-display {position:relative;}
.audioContainer  .vjs-panel-display.be_on {max-width:98rem;float:none;margin:0 auto;display:block;}
.vjs-panel-display.be_on {opacity:1;}
.vjs-text-track-display {position:absolute;width:100%;bottom:0;left:0;right:0;top:0;}
/*.vjs-text-track-display div div {top:auto !important;bottom:0 !important;}*/


/* redad */
.multiPlayer div.video-js .redad img, div.playerBox .redad img {background-image:url('/css/rtve.commons/i/iconos_edades2015.png');background-repeat:no-repeat;background-size:auto 100%;width:4rem;height:4rem;}
.playerBox .ico img {opacity:1;z-index:7;}

.multiPlayer .redad{top:2.8em;left:2em;border-radius:.3rem;}
.multiPlayer .redad img{width:2.8rem;height:2.8rem;}

.vjs-menu {color:#fff}

/* audio */
.audio .vjs-share-control{right:17rem;}
.audio .vjs-fullscreen-control {right:12rem;}
.audio .vjs-panel-display > div {padding:1rem 8rem 0 0;}
.audio .vjs-panel-display, .audio .vjs-share-display > div > ul > li {padding:0}
.audio .vjs-paused .vjs-big-play-button:before{margin:-7.8rem 0 0 -4.8rem;}
.audio .videoPlayer.f16x9, .audioPlayer {padding:0}

.audioContainer, .videoContainer {font-family:'Roboto',sans-serif;}

/*audio track*/
.vjs-audio-button.ico.track img {background:url('/css/rtve.2018/rtve.commons/rtve.player/i/player_iconos@4x.png');background-size:2100%;background-position:100% 33.33333333333333%;}
.vjs-audio-button .vjs-menu {right:-18rem;}

.vjs-menu-content li, .vjs-panel-display .listBox li {display:block}

.audioBox .vjs-play-control, .audioBox .vjs-fullscreen-control, .audioBox .vjs-mute-control, .audioBox .vjs-volume-control, .audioBox .vjs-time-control,
.audioBox .vjs-share-control, .audioBox .vjs-subtitles-button, .audioBox .vjs-audio-button, .audioBox .vjs-quality-button {bottom:1.6rem;}

.mainContent .mediaBox  a > .ico.play img {background:rgb(220,80,8);}
.videoPlayer.f16x9, .audioPlayer {padding:0;}

.vjs-audio.vjs-user-inactive .vjs-control-bar.controlBox {opacity:1;}
.vjs-audio .vjs-control-bar.controlBox .vjs-mouse-display {display:inline-block !important;}

/*.subtitles*/
.vjs-text-track-display div div {background:transparent !important;text-shadow:-0.3rem 0 0.2rem #000, 0.3rem 0 0.2rem #000, 0 0.3rem 0.2rem #000, 0 -0.3rem 0.2rem #000, 0.2rem 0.2rem 0.2rem #000, -0.2rem -0.2rem 0.2rem #000;}
.vjs-captions .vjs-tt-cue span {width:100%;display:inline-block;position:absolute;left:0;padding:0 4em;}
.vjs-tt-cue span {text-align:center;bottom:20%;}
.vjs-tt-cue .Aini {text-align:left;}
.vjs-tt-cue .Aend {text-align:right;}
.vjs-tt-cue .L10 {bottom:80%;}.vjs-tt-cue .L20 {bottom:80%;}
.vjs-tt-cue .L30 {bottom:70%;}
.vjs-tt-cue .L40 {bottom:60%;}.vjs-tt-cue .L50 {bottom:50%;}
.vjs-tt-cue .L60 {bottom:40%;}
.vjs-tt-cue .L70 {bottom:30%;}
.vjs-tt-cue .L80 {}.vjs-tt-cue .L90 {}
.vjs-tt-cue .L100 {}

.vjs-tt-cue {color:#fff;}
/* version para ff */
.vtt_blue  {color:blue;color:#6a8afa;}
.vtt_cyan    {color:cyan;color:#6ff;}
.vtt_green   {color:green;color:#0f6;}
.vtt_yellow  {color:yellow;color:#fe0;}
.vtt_orange  {color:orange;color:#fa0;}
.vtt_red     {color:red;color:#f23;}
.vtt_magenta {color:magenta;color:#f6f;}video::cue {background:transparent;}
video::cue(c.vtt_blue) {color:blue;color:#6a8afa;}
video::cue(c.vtt_cyan) {color:cyan;color:#6ff;}
video::cue(c.vtt_green) {color:green;color:#0f6;}
video::cue(c.vtt_yellow) {color:yellow;color:#fe0;}
video::cue(c.vtt_orange) {color:orange;color:#fa0;}
video::cue(c.vtt_red)  {color:red;color:#f23;}
video::cue(c.vtt_magenta) {color:magenta;color:#f6f;}

/*signantes*/
.thumbox .img a[title*='Lengua de signos']:after,.mediaBox > a[title*='Lengua de signos']:after {content:'';display:inline-block;background-repeat:no-repeat;background-image:url('/css/rtve.2015/i/iconos/signante.png');position:absolute;opacity:0.8;}
.slideBox .thumbox .img a[title*='Lengua de signos']:after {width:100%;height:100%;right:0;top:0;background-color:rgba(0,0,0,0.33);background-size:auto 90%;background-position:100% 50%;}

/*fullscreen*/
.vjs-fullscreen,.vjs-fullscreen .videoPlayer .vjs-poster,.vjs-fullscreen .videoPlayer.f16x9 video {height:100%;}
.vjs-fullscreen .videoPlayer .vjs-poster {padding:0;background-position:50%;}


.videoPlayer.f16x9 video {width:100%;height:100%;background:#000;}

/*sBox*/
.sBox .audioContainer {position:relative;}

/*promos audios*/
.audioBox .vjs-ads-control {padding:0.8rem 0;width:auto;left:auto;right:12rem;}

@media only screen and (max-width:1500px){
  .sBox .audioPlayer .vjs-volume-control {display:none}
}