@import url('https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/** PLAYER **************************************/
/************************************************/

/*LIMPIEZA*/
button {border:0 none;background:transparent;}

/*ESTRUCTURA*/
.vjs-poster.ima,.vjs-control-bar.controlBox .ico > img,.vjs-panel-display .close img, .vjs-related .cell > a {display:block;}
.ima,.ico,.ico > a,.vjs-user-active :after,.vjs-user-active :before,.vjs-mouse-display,
.vjs-progress-holder,.vjs-progress-control,.vjs-load-progress,.vjs-play-progress,.vjs-volume-level,
.vjs-share-display .socialBox,.vjs-lock-showing,
.vjs-ads-control,.vjs-ads-control .vjs-ads-label,.vjs-ads-control .vast-skip-button,
.videoPlayer > div,.vjs-control-bar.controlBox,.related,.vjs-share-display .checkbox {display:inline-block;}

.vjs-control-bar.controlBox {float:left;display:block;width:100%;}

.vjs-loading-spinner,.vjs-poster,.vjs-big-play-button {padding-top:56.25%;width:100%;}

.ima > .video-js,
.vjs-loading-spinner {background:transparent;}
div.vjs-paused .vjs-big-play-button {background:rgba(40,46,58,0.5);}


.videoPlayer {}
.videoPlayer.f16x9, .audioPlayer {padding:0 0 0.8rem 0;}
.videoPlayer.f16x9 video {width:100%;height:auto;}


.ima > img,.ima video,.vjs-control-bar.controlBox,.videoPlayer > div {width:100%;}
.ima > img,.ima video {height:auto;}

/* .videoPlayer > div {float:left;}*/

.vjs-volume-control .vjs-slider-bar,.vjs-menu-item {border-style:solid;border-color:transparent;}

/*COLORES*/
.vjs-play-progress,.vjs-control-bar.controlBox button.ico:hover,.vjs-control-bar.controlBox button.ico:focus,
.vjs-control-bar.controlBox .vjs-button.ico:hover,.vjs-control-bar.controlBox .vjs-button.ico:focus {
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 );
}
.vjs-control-bar.controlBox .vjs-button.ico:focus:hover {background:none;}
.vjs-volume-bar:hover,.vjs-volume-bar:focus {background:rgba(0,0,0,0.85);}


/*ICONOGRAFIA*/
.vjs-user-active .vjs-big-play-button {cursor:pointer;}

/*iconos google*/
.vjs-menu-item.vjs-selected:before,
.vjs-paused .vjs-big-play-button:before {font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:2.4rem;line-height:1;display:inline-block;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';}

div[class*='Player'] .vjs-paused .vjs-big-play-button:before {content:'play_circle_outline';font-size:9.6rem;position:absolute;left:50%;top:50%;margin:-4.8rem 0 0 -4.8rem;
	color:rgba(255,255,255,0.5);}




/*iconos rtve*/
div.video-js .ico > img,div.video-js .ico.close img {background-image:url('/css/rtve.2018/rtve.commons/rtve.player/i/player_iconos@4x.png');background-size:2100%;
background-repeat:no-repeat;background-color:transparent;opacity:0.85;}
  .videoBox > a .play img {background-position:5% 0;}
  div[class*='Player'] .vjs-playing .vjs-play-control img {background-position:30% 33.33333333333333%;}
  div[class*='Player'] .vjs-paused .vjs-play-control img {background-position:5% 33.33333333333333%;}
  .audioBox > a .play img {background-position:10% 33.33333333333333%;background-position:10% 0;}
  .share .blind > img {background-position:0 33.33333333333333%;}
  .vjs-fullscreen-control img {background-position:55% 33.33333333333333%;}
  .vjs-fullscreen .vjs-fullscreen-control img {background-position:60% 33.33333333333333%;}
  .vjs-subtitles-button img {background-position:45% 33.33333333333333%;}
  .vjs-mute-control img {background-position:35% 33.33333333333333%;}
  .vjs-vol-0 img {background-position:40% 33.33333333333333%;}
  .vjs-share-control img {background-position:25% 33.33333333333333%;}
   div.video-js .ico.close img {background-position:85% 33.33333333333333%;}
  .vjs-quality-button img {background-position:90% 33.33333333333333%;}
  /*.vjs-quality-control img {background-position:95% 33.33333333333333%;}
  .vjs-quality-control.resol img {background-position:90% 33.33333333333333%;}*/

button.ico,.vjs-button.ico,.vjs-volume-bar,.vjs-panel-display .close {border-radius:0.3rem;}
.vjs-control-bar.controlBox button.ico:hover img,.vjs-control-bar.controlBox button.ico:focus img,
.vjs-control-bar.controlBox .vjs-button.ico:hover img,.vjs-control-bar.controlBox .vjs-button.ico:focus img {opacity:1;}

.vjs-hidden {opacity:0;display:none;}

/*EL PLAYER*/
/*el gran boton*/
.vjs-big-play-button:after {content:'';width:100%;height:100%;position:absolute;bottom:0;left:0;background:transparent;}
.audioBox .vjs-big-play-button:after,
div[class*='Player'] .vjs-user-active .vjs-big-play-button:after,
div[class*='Player'] .vjs-paused .vjs-big-play-button:after {
background: -moz-linear-gradient(top,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

/*nueva barra de control*/
.vjs-control-bar.controlBox .vjs-button,.vjs-progress-control {cursor:pointer;}

.vjs-control-bar.controlBox .ico > img,.vjs-agerangeflyer-display img,
.vjs-panel-display .close img {width:3.2rem;height:3.2rem;}
.vjs-volume-control {height:4rem;}
.vjs-control-bar.controlBox .ico,.vjs-agerangeflyer-display,.vjs-panel-display .close {padding:0.4rem;}
.vjs-control-bar.controlBox .vjs-share-control {padding:0.6rem;}
.vjs-control-bar.controlBox .vjs-share-control > img {width:2.8rem;height:2.8rem;}

.vjs-control-bar.controlBox button.ico:hover,.vjs-control-bar.controlBox button.ico:focus,
.vjs-panel-display .close:hover {background-color:rgb(240,80,16);}


.mediaBox > .ima,.vjs-loading-spinner,.vjs-big-play-button,.audioPlayer > div,.videoPlayer > div {width:100%;}

.vjs-poster {background-size:100%;background-repeat:no-repeat;}


.vjs-time-control {font-size:1.3rem;line-height:2rem;font-weight:500;letter-spacing:0.5pt;color:#fff;}



.vjs-user-inactive > .vjs-control-bar.controlBox,
.vjs-playing .vjs-poster,
.vjs-playing .vjs-loading-spinner,
.vjs-share-display {opacity:0;}
.vjs-playing .vjs-poster,
.vjs-playing .vjs-loading-spinner,
.vjs-share-display {z-index:-1;}
.vjs-share-display.be_on {opacity:1;}

/*audioContainer*/
.audioPlayer .vjs-playing .vjs-poster {opacity:0.33;}



.vjs-button,.vjs-time-control,.vjs-volume-control {float:left;}
.vjs-fullscreen-control,.vjs-subtitles-button,.vjs-share-control {float:right;}




/*barra-progreso*/
.vjs-mouse-display {background:rgba(240,80,16,1);background:#fff;margin-right:-0.4rem;}

.vjs-progress-control,.vjs-load-progress {background:rgba(255,255,255,0.25);}


.vjs-mouse-display,.vjs-mouse-display:after {width:0.4rem;width:0;height:0.8rem;vertical-align:top;}
.vjs-mouse-display:after {opacity:0;content:'';}
.vjs-progress-holder:hover .vjs-mouse-display:after,
.vjs-progress-holder:focus .vjs-mouse-display:after {opacity:1;background:rgb(240,80,16);width:1.6rem;height:1.6em;border-radius:100%;margin:-0.8em 0 0 -1rem;border:0.4rem solid #fff;box-shadow:0 0.2rem 0.4rem rgba(0,0,0,0.25);}


.vjs-progress-control,.vjs-progress-holder {width:100%;}
.vjs-progress-holder,.vjs-progress-control,.vjs-load-progress,.vjs-play-progress {height:0.8rem;}

.vjs-progress-control,.vjs-load-progress {position:absolute;}
.vjs-progress-holder,.vjs-play-progress {position:relative;float:left;}
.vjs-progress-control,.vjs-load-progress {left:0;bottom:0;}


/*directo*/
.vjs-live-button .vjs-live-label.onair {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 );}
.vjs-live-button .vjs-live-label {background:rgb(240,80,16);border-radius:0.3rem;height:4rem;}
.vjs-live-button .vjs-live-label {font-size:1.4rem;padding:.5em;color:#fff;background: rgba(255,255,255,.6);line-height:.7858;cursor:pointer;}
.vjs-live-button .vjs-control .vjs-control-text {clip:rect(0,0,0,0);position:absolute;top:100%;left:-100%;}

/*control de tiempos*/
.vjs-time-control {width:7.2rem;padding:0.8rem 0;}
.vjs-time-control > div {padding:0 0.8rem;}
.vjs-duration {display:none !important;}
.vjs-current-time-display {color:rgba(255,170,0,1);border-right:0.1rem solid rgba(255,170,0,0.66);}
.vjs-current-time {margin:0 0 0 -7.2rem;text-align:right;}



/*los thumbs*/
.vjs-thumbnail-holder {position:relative;top:-1.2rem;}
.vjs-thumbnail-holder img {position:absolute;}
.vjs-thumbnail-holder:after,.vjs-thumbnail-holder:before {content:'';position:absolute;}
.vjs-thumbnail-holder:after {/*width:16rem;height:9rem;left:-8.2rem;top:-10.2rem;border:0.2rem solid #fff;*/}/*Existen distintos tamanyos de thumbs*/
.vjs-thumbnail-holder:before {width:0.1rem;height:3rem;background:#fff;top:-1rem;left:-0.1rem;}


/*control volumen*/
.vjs-volume-level:after {content:'';}
.vjs-volume-bar {overflow:hidden;}
.vjs-volume-level,.vjs-volume-level:after {background-repeat:repeat;}
.vjs-volume-control,.vjs-volume-level:after {width:8.4rem;}
.vjs-volume-control .vjs-slider-bar {/*padding:1rem 0.8rem;*/border-width:1rem 0.8rem;}
.vjs-volume-bar,.vjs-volume-level img,.vjs-volume-level:after {height:100%;}
.vjs-volume-level img {width:0.4rem;background:rgba(255,255,255,1);}
.vjs-volume-level {width:100%;height:100%;background-image:url('/css/rtve.2018/rtve.commons/rtve.player/i/audioLevel_1.png');background-position:100% 50%;}
.vjs-volume-level:after {background-image:url('/css/rtve.2018/rtve.commons/rtve.player/i/audioLevel_0.png');background-position:100% 50%;}

/*compartir video*/
.vjs-share-display .slidB img,.vjs-share-display .boton {display:none;}
.vjs-share-display > div {width:100%;display:inline-block;text-align:right;}
.vjs-share-display > div > ul > li {padding:1.6rem 0;}
.vjs-share-display .slidB {width:100%;padding:0.7rem 0;}
.vjs-share-display .slidB > span {font-size:2rem;line-height:3rem;font-weight:300;}
.vjs-share-display input[type='text'] {font-size:1.8rem;border:0 none;padding:1.3rem;max-height:4.4rem;}
.vjs-share-display .checkbox {font-size:1.4rem;line-height:2.4rem;padding:0.8rem;background:rgb(220,80,8);border-radius:0.3rem;
	margin:0.8rem 0;margin:0.2rem 0 1.2rem 0;}
.vjs-share-display .checkbox strong {font-weight:500;text-transform:uppercase;}
.vjs-share-display .checkbox img {width:2.4rem;height:2.4rem;float:right;background-color:#fff;margin-left:0.8rem;border-radius:0.2rem;}
.vjs-share-display input[type='checkbox'] {display:none;}
.vjs-share-display input[type='text'],.vjs-share-display .checkbox {width:35.6rem;}
.vjs-share-display input[type='checkbox']:checked + .checkbox img {background-image:url('/css/rtve.2017.hbbtv/rtve.hbbtv.commons/i/iconosHBBTV_24px.png');background-size:1000%;
	background-position:89% 73.5%;}

.vjs-share-display input[type='text']:focus {background:rgb(200,80,0);}
.vjs-share-display input[type='text']::selection {color:#fff;background:transparent;}

.vjs-share-display .socialBox li {float:left;text-align:center;margin:0 0.4rem;right:-0.4rem;position:relative;}
.vjs-share-display .socialBox .ico a {width:100%;position:relative;height:4.4rem;padding:0.4rem;border:0 none;border-radius:0.3rem;}
.vjs-share-display .socialBox .ico img {width:3.6rem;height:3.6rem;}
.socialBox .ico a > img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');background-repeat:no-repeat;background-size:1100%;}
	.socialBox .fbook img {background-position:00% 60%;}
	.socialBox .twitt img {background-position:10% 60%;}
	.socialBox .gplus img {background-position:20% 60%;}
	.socialBox .whats img {background-position:30% 60%;}
	.socialBox .menea img {background-position:40% 60%;}
	.socialBox .tuent img {background-position:50% 60%;}
	.socialBox .linke img {background-position:60% 60%;}
	.socialBox .bmark img {background-position:20% 40%;}
	.socialBox .email img {background-position:30% 40%;}

.socialBox .tuent {display:none;}


.vjs-share-display .socialBox .legend {width:100%;clear:both;display:block;display:none;
font-size:1.2rem;line-height:2rem;font-weight:300;}

/*subtitulos*/
.vjs-menu-button {position:static;}
.vjs-menu-item.vjs-selected {color:rgba(255,170,0,1);}

video::cue {background:transparent;}
video::cue(c.vtt_blue) {color:blue;color:#00f;}
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;}

.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;}


/*desplegables/paneles*/
.vjs-menu {display:none;}
.vjs-menu.vjs-lock-showing {display:inline-block;}
.vjs-menu-item {padding:0.6rem 1.2rem 0.6rem 4rem;font-size:1.6rem;line-height:2rem;font-weight:400;border-radius:0.6rem;border-width:0.2rem;}
.vjs-menu-item:hover {background:rgb(0,0,0);border-color:rgba(255,170,0,1);}
.vjs-menu-item.vjs-selected:before {content:'check';margin:0 0.8rem 0 -3.2rem;position:relative;top:0.5rem;}

.vjs-menu-button[aria-expanded='true'] .vjs-menu.vjs-lock-showing {z-index:1;}

.vjs-panel-display > div {padding:2rem 0 0 0;}
.vjs-related {width:100%;height:100%;}
.vjs-share-display,.vjs-menu .vjs-menu-content {
background:rgba(0,0,0,0.95);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=1 );
}
.vjs-related {
background:rgba(0,0,0,0.95);
background: -moz-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.95) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.95) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2000000', endColorstr='#d9000000',GradientType=1 );
}
.vjs-share-display {width:100%;height:100%;padding-left:4rem;}
.vjs-menu {width:30rem;height:100%;}
.vjs-menu .vjs-menu-content {transform:translateY(-100%);}
.vjs-menu ul {padding:4rem 4rem 8rem 4rem;}


.vjs-panel-display .close {float:right;}

/*RELACIONADOS*/
.vjs-related,.related,.related .gridBox {width:100%;}
.vjs-related {display:none;height:100%;}
.vjs-related.be_on {display:inline-block;}
.show12 .pageBox .cell {width:16.667%;float:left;}
.vjs-related .cell > a {border:0.1rem solid #60626a;width:100%;position:relative;}
.mediaBox .vjs-related .cell > a > * {position:absolute;left:0;}
.vjs-related .cell .txtBox {width:100%;bottom:0;}
.vjs-related .cell a:after {content:'';position:absolute;height:100%;width:100%;left:0;bottom:0;
background:rgba(0,0,0,0.75);
background: -moz-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,1) 75%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,1) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0.33) 0%,rgba(0,0,0,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a8000000',GradientType=0 );
}
.vjs-related .cell a:hover,.vjs-related .cell a:focus {border-color:#fff;}
.vjs-related .cell a:hover:after,.vjs-related .cell a:focus:after {
background:rgba(0,0,0,0.25);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 75%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 25%,rgba(0,0,0,1) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 25%,rgba(0,0,0,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a8000000',GradientType=0 );
}

.vjs-related .cell .ima {top:0;}
.vjs-related .cell .ima img {height:100%;width:auto;}

.vjs-related .cell a:after {z-index:1;}
.vjs-related .cell .txtBox {z-index:2;}

/*AUDIO*/
/*el gancho*/
/*.audioBox > a {background-color:rgba(0,0,0,0.75);}
.audioBox > a .ico {padding:0 0 0 6.8rem;}
.audioBox > a img {width:3.7rem;height:3.7rem;border-width:0.2rem;background-color:rgba(240,80,16,1);border-color:rgba(240,80,16,1);}
.audioBox > a .duration {line-height:3.7rem;padding:0 1.4rem;}
.audioBox > .ima > img {z-index:2;}
.audioBox > .ima:not(.audioPlayer) {background-color:rgba(0,0,0,0.5);}
.audioPlayer {height:100%;}
.audioPlayer .vjs-mute-control,.audioPlayer .vjs-volume-control {float:right;}
.audioPlayer .vjs-mute-control {left:-7.2rem;}
.audioPlayer .vjs-volume-control {position:relative;left:3.6rem;}
.audioPlayer .vjs-time-control {padding:0.4rem 0;}
.audioPlayer .vjs-control-bar.controlBox {padding:0 0.8rem 0 7.2rem;height:100%;background:rgba(0,0,0,1);}
.audioPlayer .vjs-control-bar.controlBox .ico {width:2.8rem;height:2.8rem;}
.audioPlayer .vjs-control-bar.controlBox .vjs-share-control {width:2.4rem;height:2.4rem;margin:0.2rem;}
.audioPlayer .vjs-volume-control {padding:1rem 0;}
.audioPlayer .vjs-volume-control .vjs-volume-bar,.audioPlayer .vjs-volume-level img {height:0.8rem;}
.audioPlayer .vjs-poster,.audioBox > .ima:not(.audioPlayer) {width:6.8rem;height:3.7rem;position:absolute;background-size:100%;opacity:1;}
.audioPlayer .vjs-progress-control {border-left:6.8rem solid transparent;}
.audioPlayer .vjs-fullscreen-control,.audioPlayer .vjs-share-control {display:none;}*/




/*control de edad*/
.figure .redad img {width:2.8rem;height:2.8rem;opacity:1;}
.figure .ima > .video-js:not(.vjs-playing) .vjs-agerangeflyer-display,
.figure .mediaBox .redad {opacity:1;display:inline-block;}
.figure .redad {position:absolute;left:2em;top:2.8em;border-radius:0.3rem;padding:0.4rem;}
.figure .video-js .redad img {background-image:url('http://img.rtve.es/css/rtve.commons/i/iconos_edades2015.png');background-repeat:no-repeat;
background-size:auto 100%;display:block;}
.figure .ima > .video-js.vjs-playing .vjs-agerangeflyer-display {opacity:0;}

	.mas00 {background-color:transparent;}
	.mas01 {background-color:#0b6;}
	.mas07 {background-color:#07f;}
	.mas13,.mas12,.mas16 {background-color:#ca1;}
	.mas18 {background-color:#c43;}

	.mas01 img {background-position:16.66666666% 0;}
	.mas07 img {background-position:33.33333333% 0;}
	.mas12 img {background-position:50.00000000% 0;}
	.mas13 img {background-position:66.66666666% 0;}
	.mas16 img {background-position:83.33333333% 0;}
	.mas18 img {background-position:100.0000000% 0;}

.figure .ima > .video-js.vjs-ad-playing .vjs-agerangeflyer-display,
.audioBox .vjs-agerangeflyer-display,
.audioBox.mediaBox .redad {display:none;}

/*fireworks*/
.vjs-agerangeflyer-display {
-webkit-transition: opacity 1s;
   -moz-transition: opacity 1s;
     -o-transition: opacity 1s;
        transition: opacity 1s;
}

.audioBox.mediaBox .redad {display:none;}


/*fireworks*/
.vjs-mouse-display:after {
-webkit-transition:opacity 2s;
-moz-transition:opacity 2s;
transition:opacity 2s;
}
.ima > .video-js .vjs-control-bar.controlBox {
-webkit-transition:all 2s;
-moz-transition:all 2s;
transition:all 2s;
}



/*positioning*/
.videoPlayer,.ima > .video-js,.vjs-poster,.vjs-control-bar.controlBox,.vjs-volume-level,
.vjs-play-progress {position:relative;}


.vjs-big-play-button,.videoPlayer video,.vjs-agerangeflyer-display,.vjs-loading-spinner,

.vjs-play-control,.vjs-fullscreen-control,.vjs-mute-control,.vjs-time-control,
.vjs-volume-control,.vjs-volume-level:after,.vjs-volume-level img,.vjs-mouse-display:after,.vjs-share-control,.vjs-subtitles-button,
.ima > .vjs-fullscreen,.vjs-audio-button,.vjs-panel-display,.vjs-menu,.vjs-quality-button, .vjs-live-label
{position:absolute;}




.vjs-play-progress,
.vjs-big-play-button,.videoPlayer video {left:0;top:0;}

.vjs-panel-display {right:0;bottom:0.8rem;}
.vjs-menu {bottom: -6.8rem;}

.vjs-subtitles-button .vjs-menu {right:-10rem}
.vjs-quality-button .vjs-menu {right:-14rem}


.div.video-js .ico.close {top:2.4rem;right:2.4rem;}
.ima img,.ima video,.vjs-control-bar.controlBox,.vjs-loading-spinner,.vjs-poster,.audioPlayer,
.audioPlayer > div,.videoPlayer > div {left:0;}
.vjs-volume-level img {left:auto;right:0.4rem;}
.vjs-volume-level:after {right:-8.4rem;}
.ima img,.ima video,.vjs-poster,.audioPlayer,.audioPlayer > div,.videoPlayer > div,.vjs-volume-level:after {top:0;}
.vjs-control-bar.controlBox {bottom:0.8rem;}
.vjs-loading-spinner {bottom:1rem;}

.vjs-play-control {left:2rem;}
.vjs-fullscreen-control {right:2rem;}
.vjs-mute-control {left:6rem;}
.vjs-live-label {left:20rem;}

.vjs-volume-control {left:10rem;}

.vjs-share-control {right:6rem;}
.vjs-subtitles-button {right:10rem;}
.vjs-quality-button {right:14rem;}
.vjs-audio-button {right:18rem;/*background:yellow !important;*/}

.vjs-time-control {left:50%;}

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


.vjs-big-play-button,.vjs-control-bar.controlBox {z-index:0;}
.audioPlayer .vjs-control-bar.controlBox,
.audioPlayer .vjs-paused .vjs-big-play-button {z-index:1;}
.vjs-user-active .vjs-control-bar.controlBox,
.vjs-share-display.be_on, .vjs-paused .vjs-big-play-button {z-index:1;}
.vjs-loading-spinner,.vjs-panel-display {z-index:2;}
.videoPlayer .vjs-paused .vjs-poster {z-index:-1;}


.vjs-thumbnail-holder {z-index:0;}
.vjs-progress-holder,.vjs-play-progress,.vjs-progress-control {z-index:1;}
.vjs-mouse-display:after,.redad {z-index:2;}


.vjs-thumbnail-holder {z-index:0;}
.vjs-progress-holder,.vjs-play-progress,.vjs-progress-control {z-index:1;}
.vjs-mouse-display:after,.redad {z-index:2;}

.vjs-playback-rate,.vjs-dual-control,
.vjs-live-control,
.vjs-panel-display:not(.be_on),.vjs-error-display {display:none;}

.vjs-control-text {display:none;}

/*ads*/
.vjs-ads-control {position:absolute;top:0;left:0;width:100%;}
.vjs-ads-control .vjs-ads-label,.vjs-ads-control .vast-skip-button {font-size:1.6rem;line-height:2.4rem;width:auto;padding:1rem;}
.vjs-ads-control .vjs-ads-label {color:#fff;}
.vjs-ads-control .vast-skip-button {float:right;background:rgba(0,0,0,0.5);cursor:pointer;color:rgba(255,170,0,1)}
.vjs-ad-playing .vjs-control-bar .share {display:none;}

/*promo*/
.vast-blocker {position:absolute;bottom:0;left:0;display:inline-block;width:100%;height:100%;z-index:1;}
.vjs-ads-control {z-index:1;z-index:3;}


/*.controlBox {opacity:1 !important;z-index:2 !important;}*/
.vjs-thumbnail-holder {display:none !important;}
.vjs-progress-control:hover .vjs-thumbnail-holder {display:block !important;}

/*spinnBox*/
.spinnBox {background:rgba(255,255,255,0.85);width:100%;display:inline-block;}
.videoBox .spinnBox {height:100%;}
.audioBox .spinnBox {height:7.2em;}
.spinn {text-align:center;width:8em;height:1.4em;position:absolute;left:50%;top:50%;margin:-0.7em 0 0 -4em;display:inline-block;}
.spinn span {float:left;margin:0 0.3em;
  width:1.4em;
  height:1.4em;
  border-radius:100%;
  display: inline-block;
  -webkit-animation: bouncedelay 2s infinite ease-in-out;
  animation: bouncedelay 1.8s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinn .ball01 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}
.spinn .ball02 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinn .ball03 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.1) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.ball01 {background:#ffa000;}
.ball02 {background:#f98307;}
.ball03 {background:#f56a0f;}
.ball04 {background:#f05014;}
.ima > .video-js .spinnBox {background:rgba(0,0,0,0.75);}
.ima > .video-js .spinnBox {display:none;}
.vjs-waiting .spinnBox,
.vjs-seeking .spinnBox {display:inline-block;}


.vjs-panel-display {padding:2rem;}
.vjs-related .cell {margin:0 -0.1rem -0.1rem 0;position:relative;z-index:0;}
.vjs-related .cell:hover {z-index:1;}
.vjs-related .cell .maintitle {font-size:1.3rem;line-height:1.6rem;font-weight:300;}
.vjs-related .cell > a {padding-top:130%;}
.vjs-related .cell .ima {padding-top:105%;}
.vjs-related .cell .ima img {left:-42%;}
.vjs-related .cell .txtBox {padding:0.8rem;}

/*360*/
.vjs-panorama canvas {position:absolute;top:0;left:0;z-index:5;}
.vjs-panorama .vjs-video-notice-label {webkit-transition: all 2s;-moz-transition: all 2s;transition: all 2s;position:absolute;bottom: 5rem;font-size: 1.6rem;text-shadow: 0.1rem 0.2rem 0.2rem black;font-weight: 100;color:#fff; padding:2rem 3rem;text-align: center;width:100%;}
.vjs-panorama.vjs-user-active .vjs-video-notice-label {z-index:5;}

.vjs-panorama.vjs-user-active .vjs-control-bar.controlBox, .vjs-panorama .vjs-share-display.be_on {z-index:6;}
.vjs-panorama.vjs-paused .vjs-big-play-button {z-index:7;bottom: 0;}

.vjs-panorama[tabindex] {cursor:url('/css/rtve.2019/rtve.commons/rtve.modules/rtve.players/i/rtveVR_cursor360.png'),move;}
.vjs-panorama:after {width:12.4rem;height:7rem;display:inline-block;
	background:url('/css/rtve.2019/rtve.commons/rtve.modules/rtve.players/i/rtveES_mosca.png') no-repeat 50%;
	background-size:100% auto;position:absolute;right:0.8rem;top:0.8rem;content:'';z-index:5;}

.live_mod .vjs-current-time,
.live_mod .vjs-remaining-time-display {display:none !important;}

/* .audioBox .vjs-big-play-button:after {z-index:6;background: -moz-linear-gradient(top,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );} */

/*ocultos*/
.mediaBox .socialBox .ico.whats, .vjs-audio .vjs-fullscreen-control {display:none;}

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

.vjs-fullscreen .vjs-control-bar.controlBox {bottom:3.6rem;}

/*comunicar problema vjs-hidden*/
.vjs-hidden.vjs-big-play-button {display:block;opacity:1;}

/*para videos en otro formato*/
.videoPlayer.f16x9 video {width: 100%;height:100%;background:#000;}

@media (min-width:1280px) {
/*ocultos*/
/*.vjs-share-control{display:none;}*/

.vjs-panel-display {padding:4rem 8rem;}
.vjs-related .cell {padding:0.4rem;margin:0;}
.vjs-related .cell .maintitle {font-size:1.5rem;line-height:2rem;}
.vjs-related .cell > a {padding-top:100%;}
.vjs-related .cell .ima {padding-top:75%;}
.vjs-related .cell .ima img {left:-15%;}
.vjs-related .cell .txtBox {padding:1.6rem;}
}

.urlBox {margin-bottom:1.6rem;}
/*de momento ocultamos*/
.blindBox > [type='checkbox'],.blindBox > .checkbox {}
.vjs-share-display .blindBox {position:relative;}
.vjs-share-display .blindBox > [type='checkbox'] {display:block;
    position: absolute;
    right: 0.7rem;
    top: 1.6rem;
    width: 2.6rem;
    height: 2.6rem;
    -webkit-appearance: button-bevel;
		opacity:0;cursor:pointer
}



/* botones muted/ autop */
.videoPlayer {position:relative;width:100%;}
/*[aria-label="Video Player"] {position:absolute;left:0;top:0;width:100%;height:100%;}*/
.videoPlayer:not(.autoplayFalse) .video-js[autoplay='true'] .vjs-big-play-button .vjs-icon-placeholder:before {display:none;}
.autoplayFalse .video-js .vjs-big-play-button .vjs-icon-placeholder:before {width:12rem;height:12rem;left:50%;top:50%;margin:-6rem;font-size:8rem;line-height:12rem;}
.video-js .vjs-big-play-button {width:100%;height:100%;/*background-color:rgba(0,0,0,0.5);*/left:0;top:0;border:0 none;border-radius:0;}

/*cajas avisos*/
div[class*='advBox'] {font-size:1.4rem;line-height:3.2rem;color:#fff;}
div[class*='advBox'] span {font-weight:500;cursor:pointer;}
.video-js + div[class*='advBox'] {display:none;}
.vjs-has-started + div[class*='advBox'] {display:inline-block;}

/*aviso muted*/
.videoPlayer > div.advBox_muted {overflow:hidden;width:16rem;height:4rem;position:absolute;left:0.8rem;top:0.8rem;background-color:rgba(255,255,255,0.5);cursor:pointer;padding:0.4rem 1.6rem 0.4rem 0.4rem;border-radius:0.3rem;}
.videoPlayer .vjs-ad-playing ~ div.advBox_muted {top:4.8rem;}
.videoPlayer > div.advBox_muted .icon:before {margin-right:0.8rem;content:'';width:3.2rem;height:3.2rem;
background-image: url('/css/rtve.2018/rtve.commons/rtve.player/i/player_iconos@4x.png');background-repeat:no-repeat;background-color:transparent;background-size:2100%;background-position:40% 33.33333333333333%;display:inline-block;float:left;}

/*aviso autoplay*/
.videoPlayer > div.advBox_autop {position:absolute;top:50%;left:50%;width:24rem;height:4rem;margin:-2rem -12rem;padding:0.3rem 1.2rem;border:0.1rem solid #fff;border-radius:0.3rem;text-align:center;
	background-color:rgba(0,0,0,0.2);}

/*animaciones*/
.advBox_muted,.advBox_muted .icon:before,.advBox_autop {animation-delay:4s;animation-duration:4s;animation-fill-mode:forwards;}
.advBox_muted {animation-name:muteButton;}
.advBox_muted .icon:before {animation-name:exitButton;}
.advBox_autop {animation-name:reducePause;}

@keyframes muteButton {
  0% {}
  25% {width:4rem;}
  75% {width:4rem;height:4rem;left:0.8rem;top:4.8rem;opacity:1;}
  100% {width:2rem;height:2rem;left:4.8rem;top:100%;opacity:0;}
}
@keyframes exitButton {
	0% {}
  25% {}
  75% {font-size:3.2rem;line-height:3.2rem;height:3.2rem;margin:0;}
  100% {font-size:1.2rem;line-height:1.2rem;height:1.2rem;margin:0;}
}
@keyframes reducePause {
	0%   {}
	85%  {opacity:0;width:24rem;height:4rem;}
  100% {opacity:0;width:0;height:0;}
}

.advBox_autop {z-index:1;}
.advBox_muted {z-index:2;}