/* a la carta */
/** beoff be_on **/
#striplayer.beoff {background: #222;padding: 4em 4em 10em 4em !important;z-index: 3;display: inline-block;width: 100%;}
#striplayer.beoff:not(.beon_) {position: absolute;clip: rect(0,0,0,0);overflow: hidden;left: 0;top:0}
#striplayer.beoff.beon_ {position: relative;clip: auto;overflow: visible;}
#striplayer.beoff.beon_ .article, #striplayer.beoff.beon_ .carta.article > * {background: transparent;}
#striplayer.beon_:after {content: '';width: 0;height: 0;position: absolute;bottom: -3em;left: 50%;margin-left: -8em;border: 8em solid transparent;border-top: 3em solid #222;border-bottom: 0 none;}
#striplayer.beon_ > .container {width:100%;max-width:118rem}/*peh compatible skins*/
/* titulares */
#striplayer .breadtabs {margin-bottom: 2rem;}
.breadtabs span {font-size:2rem;line-height: 1.3;color: #c4c6c8;}
.breadtabs .endtag {font-size:1.5rem;}
/*textos*/
.carta .videoPlayer span, .carta .audioPlayer span,.vjs-menu-item, #striplayer.beoff.beon_ .breadtabs .pretitle, #striplayer.beoff.beon_ .breadtabs span {color:#fff}
#striplayer.beon_ .carta.article .summary a {text-decoration: underline}
#striplayer.beon_ .carta.article .summary ul, #striplayer.beon_ .carta.article .summary li {border:none;padding:0}
#striplayer .carta.article .falseH1 .maintitle {font-size:2.4rem;word-spacing: 0.5pt;line-height: 1;color: rgba(255,255,255,0.85);}
#striplayer .carta.article .summary, #striplayer .carta.article .summary *, #striplayer .carta.article .summary p {font-size: 1.7rem;line-height: 1.2;color: rgba(255,255,255,0.75);}
/* boton cerrar */
#striplayer > .close {left: 50%;right: auto;z-index: 1;position: absolute;opacity: 0.65;border: 1em solid transparent;margin-left: 60em;bottom: auto;top: 3em;}
#striplayer > .close.ico > img {width: 4em;height: 4em;background-repeat: no-repeat;background-image: url('/css/rtve.2015/i/iconos/icons_60x60_ffffff.png');background-position: 40% 20%;background-size:1100%}
#striplayer > .close + .close {top: auto;bottom: 1em;margin-left: -3em;background: rgba(255,255,255,0.25);border-radius: 100%;}
/* menu */
.carta.article .share, .carta.article .share .blind, .carta.article .share .blindBox ul {position:absolute;box-shadow: none;}
#striplayer.beon_ .carta .vjs-control-bar.controlBox {bottom:0}
.carta .videoPlayer .vjs-volume-control, .carta .videoPlayer .vjs-volume-level:after {width: 8.4rem;}
.carta .vjs-menu-button .vjs-menu {width: 30rem;}
.carta .vjs-share-display .checkbox img {left: auto;right: 31rem;top: 1rem;}
#striplayer.beon_ .vjs-related .listBox .cell a .ima.f9x9 {padding-top:75%}
#striplayer.beon_ .vjs-related .cell > a {padding-top: 0;}

#striplayer.beon_ .carta .vjs-volume-level img {width:0.4rem;height:100%;}

/* sociales */
.striplayer.beon_ .article.carta .mainContent .socialBox {display:block;position: absolute;top: 4rem;left: 0;clip:inherit;cursor:pointer;}
.striplayer.beon_ .article.carta .mainContent .socialBox .blind {position:relative;display: block;}
.striplayer.beon_ .carta .mainContent .socialBox .ico .blind img,
.striplayer.beon_ .carta .mainContent .ico.share .blind img,
.striplayer.beon_ .carta .mainContent .ico.share .blindBox img {display: inline-block;z-index:4;width: 3.6rem;height: 3.6rem;opacity: 1;background-color:#1a1a1a;}
.striplayer.beon_ .carta .mainContent .socialBox .ico.share > .blindBox.beoff.be_on {clip:inherit;bottom:-3.6rem;}

.striplayer.beon_ .article.carta .vjs-share-display .socialBox {display:block;clip: inherit;position: absolute;left:auto;right:0;top: auto;}

/* ico copiar links */
.striplayer.beon_ .carta .mainContent .ico.share .blindBox .ico.links:before {content: "link";font-size: 2.5rem;line-height: 3.6rem;color: #fff;width: 3.6rem;display: block;text-align: center;font-family: "Material Icons";margin: 0 auto;background-color: #1a1a1a;}
.striplayer.beon_ .carta .mainContent .ico.share .blindBox .ico.links img {display:none}


/* audioPlayer */
.striplayer.beon_ .article.carta .audioPlayer.ima,
.striplayer.beon_ .article.carta .mainContent[data-url*="/audios/"],
.striplayer.beon_ .article.carta .audioPlayer .vjs-share-display > div > ul > li {width:50%;float:left;clear:none;overflow: visible;}
.striplayer.beon_ .article.carta .audioPlayer .vjs-share-display > div > ul > li:first-child{float:right;}
.striplayer.beon_ .article.carta .audioPlayer .vjs-share-display.be_on {width:200%;top:0;left:0;right:auto;background:rgba(0,0,0,0.85);z-index:5;}
.striplayer.beon_ .article.carta .audioPlayer .vjs-share-display.be_on .socialBox {bottom:0;right:-100%;}
.striplayer.beon_ .article.carta .mainContent[data-url*="/audios/"] .socialBox {left:4rem}
.striplayer.beon_ .article.carta .mainContent[data-url*="/audios/"] .socialBox .share {display:block;top:4rem;}

.striplayer.beon_ .article.carta .audioPlayer .vjs-panel-display > div,
.striplayer.beon_ .article.carta .audioPlayer .listBox .pageBox {padding:0 1rem 0 0;}

/** control de edad **/
.striplayer.beon_ .article.carta .redad img {width:2.8rem;height:2.8rem;opacity:1;}
.striplayer.beon_ .article.carta .ima > .video-js:not(.vjs-playing) .vjs-agerangeflyer-display,
.striplayer.beon_ .article.carta .mediaBox .redad {opacity:1;display:inline-block;}
.striplayer.beon_ .article.carta .redad {position:absolute;left:2em;top:2.8em;border-radius:0.3rem;padding:0.4rem;}
.striplayer.beon_ .article.carta .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;}
.striplayer.beon_ .article.carta .ima > .video-js.vjs-playing .vjs-agerangeflyer-display {opacity:0;}

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

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

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

/* ocultar */
.carta.article .controlBox [title="Audio Track"] img, .carta.article .vjs-share-display .blindBox > input[type='checkbox'] {display:none;}

/* videos relacionados */
.playerContainer .listBox .cell img {opacity:1;}
.playerContainer .listBox .cell .txtBox {opacity:1;}
.playerContainer .listBox .cell  .txtBox .maintitle {position: absolute; padding: 1.6rem; bottom: 0;}
.playerContainer .vjs-related .cell a:after {background: transparent;}

@media only screen and (min-width: 1200px) {
  .carta .videoPlayer .vjs-menu-button:hover .vjs-menu {width: 30rem;}
  #striplayer > .close:hover img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_active.png')}
  .striplayer.beon_ .carta .mainContent .socialBox .ico.bmark:hover img,
  .striplayer.beon_ .carta .mainContent .socialBox .ico.share .blind:hover img,
  .striplayer.beon_ .carta .mainContent .socialBox .blindBox .ico:hover img{opacity:.65}
}

@media not all and (hover: none) {
    .carta .videoPlayer .vjs-menu-button:hover .vjs-menu {width: 30rem;}
    #striplayer > .close:hover img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_active.png')}
    .striplayer.beon_ .carta .mainContent .socialBox .ico.bmark:hover img,
    .striplayer.beon_ .carta .mainContent .socialBox .ico.share .blind:hover img,
    .striplayer.beon_ .carta .mainContent .socialBox .blindBox .ico:hover img,
    .striplayer.beon_ .carta .mainContent .ico.share .blindBox .ico:hover.links:before {opacity:0.65}
  }

@media only screen and (max-width:1024px){
  .striplayer.beon_ .article.carta .mainContent[data-url*="/audios/"] .socialBox {left:5%}
}

@media only screen and (max-width:1023px) and (orientation:portrait){
  .striplayer.beon_ .article.carta .audioPlayer .vjs-share-display input[type='text'],
  .striplayer.beon_ .article.carta .audioPlayer .vjs-share-display .checkbox {width:98%}
  .striplayer.beon_ .article.carta .audioPlayer .vjs-share-display .checkbox img {right:28rem}

  .striplayer.beon_ .article.carta .mainContent[data-url*="/audios/"] .falseH1 {padding-top:0;padding-bottom:2rem;}
  .striplayer.beon_ .article.carta .mainContent[data-url*="/audios/"] .socialBox {top:0}
}