@charset "utf-8";
@import url('modules/reset.css');
@import url('modules/basics.css');
@import url('modules/slide.desktp.css');
@import url('modules/catalog.desktp.css');
@import url('modules/mediabox.desktp.css');
@import url('modules/collection.desktp.css');
@import url('modules/modulti.desktp.css');
@import url('modules/services.desktp.css');
@import url('modules/photogallery.desktp.css');
@import url('/css/rtve.2018/rtve.commons/rtve.modules/rtve.2018.player.css');
@import url("/css/rtve.2018.playz/playz.basics.css");
@import url('/css/rtve.2018.playz/playz.desktp.cab.css');
/** BASIC LAYOUT BLOCK **************************/
/************************************************/
body {width:100%;}
.wrapper {margin:0 auto;float:left;}
.container {margin:0 auto;clear:both;float:none;}/***CONSECUENCIAS****/
.container:after {visibility:hidden;display:block;clear:both;content:" ";}/*height:0;font-size:0;*/
* html .container             { zoom:1; } /* IE6 */
*:first-child+html .container { zoom:1; } /* IE7 */

.wrapper {display:inline-block;width:100%;}
.grid {width:100%;float:none;display:block;margin:0 auto;}
.cell {float:left;width:100%;}
.bodier>.toplayer + .container.striplayer {position:relative;}
.bodier>.container.striplayer {width:100%;}
.bodier>.container.striplayer ,.gridBox {display:block;width:100%;}
.container:not(.striplayer).inside .grid:not(.size_75) .right  .mediaBox +.overBox {text-align:right;}
.container:not(.striplayer).inside .grid:not(.size_75) .left  .mediaBox +.overBox {text-align:left;left:0;right:auto;}
.mediaBox  {display:inline-block;width:100%;}
.container {overflow:hidden;}


/*fonts*/
html {font-size:62.50%;font-family:'Roboto',sans-serif;}
body {font-size:1em;line-height:1;}

.f16x9 {padding-top:56.25%;}
.H img {width:100%;height:auto;}
.ima {float:left;width:100%;overflow:hidden;}
.mediaBox {position:relative;}
.mediaBox > a  {width:100%;height:100%;}

.mediaBox > a, .ima>img {top:0;left:0;}
.mediaBox > a, .ima>img {position:absolute;}

.mainBox .auxBox li:before {float:left;content:'\25BA';font-size:70%;height:1.43em;width:1.43em;line-height:1.43;display:inline-block;position:relative;}
.socialBox + .txtBox {padding:1rem;}

/*enlaces*/
.mainBox .auxBox a {border-style:solid;border-color:inherit;border-width:0 0 0.1rem 0;padding-bottom:0.2rem;}

/*colors */
.audioBox >p {color:#ced2db;}

.live .toplayer + .container.striplayer .grid.notory .cell .mainBox .mediaBox:after,
.radio3 .toplayer + .container.striplayer .grid.notory .cell .mainBox .mediaBox:after,
.lab .toplayer + .container.striplayer .grid.notory .cell .mainBox .mediaBox:after,
.tube .toplayer + .container.striplayer .grid.notory .cell .mainBox .mediaBox:after,
.webSeries .toplayer + .container.striplayer .grid.notory .cell .mainBox .mediaBox:after,
/*.e-sports .toplayer + .container.striplayer .grid.notory .cell .mainBox .mediaBox:after,*/
[data-cat="TE_PLAYZT"] .toplayer + .container.striplayer .grid.notory .cell .mainBox .mediaBox:after {height:50rem;}


/** clash royal**/
.e-sports .container:not(.striplayer).inside .grid.g1 .gridBox > .cell .mainBox .auxBox p {font-size:2.2rem;line-height:1.3;}
.e-sports .clashBox .grid.g1.size100 .mediaBox +.overBox {width:60%;height:100%;left:auto;right:0;padding:4rem;overflow:hidden;}

.webSeries .secBox span,.tube .secBox span,.lab .secBox span,.live .secBox span,.docs .secBox span,.urbana .secBox span,.radioZ .secBox span,.e-sports .secBox span {color:#ced2db;}

/*fonts*/
.grid  .secBox  span  {font-size:1.6em;line-height:1.8;font-weight:300;text-transform:uppercase;}

/*catalogo*/
.arrays .gridBox {width:100%;}
.arrays .slideH.elem00.show1 .topBox {width:12000%;}
.g2.simply .catalog  .cell {width:25%;}

/*.mainPlayz*/
[data-cat="TE_PLAYZT"] .container[data-tipo="mod_catalogo"] {background:#CBD1DF;}

.socialPlayz .mediaBox > a {z-index:2;}

.arrays .mediaBox > a {background:transparent;}

body .grid {max-width:118rem;overflow:hidden;}
.grid  .secBox  span {padding-left:2rem;border-left:0.3rem solid #f7770a;}
.grid  .secBox,.grid  .secBox  span {display:inline-block;width:100%;}
.grid  .secBox  {padding:2.4rem 0 0 1rem;}
.cell {padding:2rem 1rem;}
.grid, .cell , .mainBox, .ima {position:relative;}
.ico {display:inline-block;}
.overBox {position:absolute;bottom:0;left:0;width:100%;}

@media (max-width:1000px){
    .gridBox > .cell .mainBox .auxBox ul li,
    .gridBox > .cell .mainBox .auxBox p {font-size:1.2rem;}
    .gridBox > .cell .mainBox .maintitle {font-size:2rem;}
}



/*spinnBox temporal*/
.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;}
.video-js .spinnBox {background:rgba(0,0,0,0.65);}
.video-js .spinnBox {display:none;}


/*directo*/

.striplayer .grid.g1 .gridBox  .cell .videoBox.on_play .ima.f16x9 {padding-top:12rem;}
.videoPlayer.f16x9 {padding-top:10rem !Important;}
.vjs-big-play-button, .vjs-control-bar.controlBox,
.videoPlayer.f16x9 video {z-index:3 !Important;}

.video-js:not(.vjs-fullscreen) {max-width:118rem;margin:0 auto;float:none;display:block;}
.toplayer + .container.striplayer .gridBox > .cell .mainBox .live_mod a .ico.play {
    width:20rem;
    height:5.6rem;
    line-height:1;
    text-align:center;
    background:rgb(200,80,0);
    display:inline-block;
    border-radius:2.8rem;
    color:#fff;
    z-index:1;
    cursor:pointer;
    padding:0;
    margin-top:120%;
	border:none;
}
.toplayer + .container.striplayer .grid .cell .mainBox .mediaBox.live_mod a .ico.play:hover {border:none;}
.toplayer + .container.striplayer .grid .cell .mainBox .mediaBox.live_mod.videoBox a .ico.play:after {content:"EN DIRECTO";height:100%;margin-left:4rem;line-height:5.6rem;}
.toplayer + .container.striplayer .grid .cell .mainBox .mediaBox.live_mod.videoBox a .ico img {
    background:url('/css/rtve.2018.playz/i/playz_BigButtonPlay_v2.png') no-repeat;
    width:5.6rem;
    height:5.6rem;
    float:left;
    background-size:100%;
    border-radius:100%;
    border:0.3rem solid #fff;
}

.vilynx_registered.mediaBox:after{z-index:1}

/** COLMENA **/
/* ajustes cabecera */
.bodier>.toplayer + .container.striplayer[data-tipo="mod_colmena"] {padding-top:2rem}
.toplayer + .container.striplayer[data-tipo="mod_colmena"] + .container.striplayer {margin-top:0;}
[data-tipo="mod_colmena"] .grid .hiveBox.slideH {background:transparent}

/*textos promocionales*/
[data-form-type="colmena"] .maintag {position:absolute;height:auto;z-index:1;}
[data-form-type="colmena"] .maintag span {display:inline-block;padding:0.4rem 0.8rem;color:#fff;background:darkred;border-radius:0.3rem;text-transform:uppercase;font-size:1.2rem;line-height:1.6rem;letter-spacing:0.5pt;}
.comp_3V .cellBox .maintag,
.comp_1H_2C_2C_1H .cellBox .maintag {width:100%;top:0.4rem;left:0.4rem;}
.comp_1H .maintag {width:34%;left:0;bottom:0;margin-bottom:15%;padding:0 2rem 0 2.4rem;}
.wrapper.mediaBox[data-type="colmena"] li:not(.comp_1H) .cellBox .mod:not(.serie_mod) .maintag {width:100%;padding:0 36% 0 1.6rem;text-align:left;}
/**   **/

/* modulo collection menu */
[data-tipo="mod_collection"] .grid .secBox {width:20%;display:inline-block;float:left;}
[data-tipo="mod_collection"] .grid [form-type="navtabs"] .linksBox {width:80%;display:inline-block;}
[data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav {padding:2.4rem 0 0 1rem;}
[data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav ul {padding:0;display:inline-block;width:100%;background:-moz-linear-gradient(left, rgba(203,209,223,1) 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left, rgba(203,209,223,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(203,209,223,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd1df', endColorstr='#00ffffff',GradientType=1 );}
[data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav li:first-child {padding-left:2rem;border-left:0;}
[data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav li.active span {color:#f7770a;font-weight:500;}
.webSeries [data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav ul, .tube [data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav ul, .lab [data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav ul,
.live [data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav ul, .docs [data-tipo="mod_collection"] [form-type="navtabs"] .linksBox nav ul {background:-moz-linear-gradient(left, rgba(203,209,223,0.1) 0%, rgba(255,255,255,0) 100%);
  background:-webkit-linear-gradient(left, rgba(203,209,223,0.1) 0%,rgba(255,255,255,0) 100%);
  background:linear-gradient(to right, rgba(203,209,223,0.1) 0%,rgba(255,255,255,0) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd1df', endColorstr='#00ffffff',GradientType=1 );}


/** los Goyas golfos 2020 **/
.bodier .boxGolfxs.container.striplayer {background: #f1f1f1;box-shadow: 0 2rem 4rem #dadada, 0 -2rem 4rem #dadada,}
body .boxGolfxs .container[data-tipo="mod_catalogo"]{background:transparent;}
.container.boxGolfxs.striplayer .promoBox strong.secBox::before {content: "";position: absolute;right: 0;left: auto;top: 1rem;background: url(/css/rtve.2020.noticias/premios-goya-TE_SGY920A/i/goyas-golfos-2020.png) no-repeat;width: 13rem;height: 7rem;background-size: auto 100%;}
.container.boxGolfxs.striplayer .promoBox .grid>strong span {color:#363942;font-size:2rem;line-height:4rem;font-family: 'Roboto',arial,sans-serif;padding-right: 13rem;font-weight: 700;}
.container.boxGolfxs.striplayer .promoBox .grid>strong span a {color: #363942;}
.boxGolfxs .promoBox .slaves.size_60.inrows.g4 .gridBox>.cell {width: 100%;}
.boxGolfxs .promoBox .slaves.size_60.inrows.g4 .slavesBox {width: 14%;background:transparent;position: absolute;top: 6rem;right: 4rem;left: auto;}
.boxGolfxs .promoBox .slaves.size_60.inrows.g4 .slavesBox > .cell {width: 100%;max-height: 5rem;padding: 0;margin-bottom: 2rem;}
.boxGolfxs .promoBox .slavesBox .cell .mediaBox .ima {max-width: 5rem;left: auto;right: 0;filter: invert(0.85);outline: none;float: right;background: transparent;}
.boxGolfxs .promoBox .slavesBox .cell .mediaBox .ima:hover {filter:invert(1)}

.boxGolfxs .promoBox .grid:not(.g1) .mediaBox {box-shadow:none;}
.boxGolfxs.striplayer .container:not(.inside):not([data-tipo="mod_catalogo"]) .grid .txtBox .maintitle,
.boxGolfxs.striplayer .container:not(.inside):not([data-tipo="mod_catalogo"]) .grid .txtBox .pretitle  {color:#363942}

.boxGolfxs .arrays .controlBox .arrow {border-color:#363942}
.boxGolfxs .arrays .ico:before{color:#363942}
/**   **/

.boxGolfxs + .striplayer[data-tipo="mod_colmena"] section {max-width: 100%;}

/* cajon concierto un mundo, juntos en casa*/
.wrapper.bodier .bkg_mundo.container.striplayer {background:url("/css/rtve.2020.television/rtve.especiales/concierto-un-mundo-juntos-en-casa/i/cajon_concierto.jpg") #000 no-repeat;background-size:contain;}
body .bodier .bkg_mundo.container.striplayer .grid > .secBox span,
.bodier .bkg_mundo.container.striplayer .container .grid .gridBox .cell .mainBox .pretitle,
.bodier .bkg_mundo.container.striplayer .container .grid .gridBox .cell .mainBox .maintitle,
.bodier .bkg_mundo.container.striplayer .container .grid .gridBox .cell .mainBox .auxBox *,
.bodier .bkg_mundo.container.striplayer .container .grid .gridBox .slavesBox .cell .mainBox .maintitle{color:#fff;}
.bkg_mundo.striplayer .slavesBox {background:#000;}
/*enlaces*/
.socialPlayz .links_mod .mainBox{min-height:6rem}
.socialPlayz .links_mod .mainBox > a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}