@import url('/css/rtve.2017.television/rtve.programas/ot-2017/ot-2017.basics.por.css');
@import url('/css/rtve.2017.television/rtve.programas/ot-2017/ot-2017.concursantes.desktp.css');

/*cabecera*/
.wrapper.fixer.auxheader {margin-top:7em;}
.subheader .spechead .logoima img {display:none!important;}
.subheader .spechead .logoima {background:url('/css/rtve.2017.television/rtve.programas/ot-2017/i/portada-ot-logo.png') 0 0 no-repeat;display:inline-block;}
.auxheader >.container .socialBox a {width:3.6em;height:3.6em !important;}
.subheader .spechead .emisBox {background:none;position:relative;}
.subheader .spechead .emisBox .listadoBox {border:0;}

/*fonts*/
[class*="mainCont"] .mod .pretitle {font-size:300%;}
.inside:not(.titles) .grid:not(.g5) .overBox .txtBox .pretitle, .wrapper.bodier .slideBox .pagBox > .cell .overBox .pretitle {font-size:180% !important;}
.container:not(.bestClips) .gridBox:not(.catalog) .cell .mod .mainBox .maintitle, .wrapper.bodier .grid > .secBox span:not(.titaux) {font-size:240%;font-weight:600;line-height:1.2em;}
.container.mainContC .g4 .gridBox .mainBox .overBox {font-size:65%;padding:1em;}
.container.mod_concursantes .grid .cell .mod .mainBox .overBox {bottom:-5.5em;padding:0 2rem;}
.bodier .container:not(.bestClips) .grid.g4 .cell .mod .mainBox .overBox {width:100%;padding:1em;font-size:65%;padding:4em;text-align:center;}
.container:not(.bestClips) .g1 .mod .maintitle {font-size:150%;font-weight:500;}
.container .g2 .gridBox .mod .mainBox .overBox .maintitle {font-size:240%;}
.striplayer.container[data-tipo="mod_catalogo"] .catalog .mod .maintitle {font-weight:700;}

/*estructure*/
.container {margin-bottom:2.9em;}
.mainContC.inside:not(.mod_concursantes) .grid:not(.g4):not(.g5) .mediaBox + .overBox, .inside:not(.mod_concursantes):not(.mainContL) .grid:not(.g4):not(.g5) .mediaBox + .overBox {padding-right:16em;padding:0 11em 2em 6.5em;text-align:center;}
[class*="mainCont"] .mod .pretitle {margin-bottom:0;}
.mainContL.inside:not(.titles) .grid:not(.g5) .overBox {position:absolute;overflow:hidden;}
[data-tipo*="ultimos"] .txtBox,
.arrays .pagBox .cell .txtBox {padding-right:11rem;min-height:0;padding-bottom:2em;}
.toplayer + .container[class*="bg"] {padding-top:0!important;}
.toplayer + .container[class*="bg"] .secBox {padding-top:7em;}
.container:not(.inside) .grid.g2 .gridBox .txtBox, .container:not(.inside) .grid.g2 .gridBox .txtBox + .auxBox {padding-left:9.5rem;}
.wrapper.bodier .mod_concursantes .container.inside .grid.g5 .gridBox {margin-bottom:3em;}

/*reset sombra*/
.arrays .mainBox:after {content:"";clip:rect(0,0,0,0);top:-100%;left:-100%;}
.striplayer.beon:not(.mod_concursantes) {background:rgba(0,0,0,0.65);box-shadow:inset 0 0 24em rgba(0,0,0,0.5);}
.mod_concursantes.striplayer:not(.tab_concursantes) .striplayer {background:transparent;box-shadow:inset 0 10em 5em rgba(0, 0, 0, 0.25);}

/*reset titulos*/
@media (max-width:1440px){.mainContL .grid:not(.g1) .overBox .txtBox h1, .mainContL .overBox .txtBox h2, .mainContL .grid:not(.g1) .overBox{position:relative;}
        .container:not(.slideMaster) .arrays .pagBox .cell .txtBox{padding-right:8.4rem;width:100%;}
        .ftSocialBox .socialBox, .ftSocialBox .txtBox, .ftSocialBox .auxBox{clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;overflow:hidden;}
        .bestClips.container[class*="mainCont"] .g2 .mainBox .mediaBox  .ico.play:not(.vjs-control) {left:2.4em;right:auto;bottom:2em;top:auto;}
        .mainContL .grid:not(.g1) .txtBox {width:100%;}
        .container .g2 .mainBox .overBox .auxBox {display:none!important;}}

/*ajustes*/
.container .g2 .mainBox .overBox .auxBox {display:none;}
.container.mainContC .g4 .gridBox .mainBox .overBox {font-size:65%;padding:1em;}
.arrays .mainBox > a, .arrays .pagBox .cell .txtBox {z-index:auto;}
.container.mainContC.bloody.inside:not(.mod_concursantes):not(.mainContL) .grid.g2 .gridBox .mediaBox + .overBox {padding-right:4em;}
.bodier .inside .g2.simply > .gridBox > .cell:first-child .play, .container:not(.bestClips):not([data-tipo*="mod_catalogo"]) .size_50 .mediaBox .ico.play:not(.vjs-control), .inside:not(.unSocialBox) .grid:not(.simply) > .gridBox > .cell:first-child .play {right:auto;}
.wrapper.bodier .container[data-tipo="mod_ultimos"]:not(.mainContL) .grid:not(.g4):not(.g5) .gridBox .cell .mainBox .txtBox {padding:0 10.5rem 2em 4em !important;}

/*bg*/
.container:not(.cien) section.grid {max-width:118rem;margin:0 auto;display:block;}
.container:not([data-tipo="mod_catalogo"]) .gridBox .mediaBox {border-color:transparent;border-bottom:0;}
.bodier > .container[class*="bg"] {display:block;position:relative;padding-bottom:3.5rem;width:100%!important;}
.bodier > .container.bgMicro {background:url("/css/rtve.2017.television/rtve.programas/ot-2017/i/portada-ot_destacado.jpg") 100% 100% no-repeat #1a141c;}

/*redes sociales*/
.gridBox {overflow:visible;}
.mainBox > .socialBox .ico.share > .blind,
.photoBox figcaption .socialBox  .ico.share > .blind,.mainBox > .socialBox .ico a,
figcaption .socialBox .ico a, .falseSlideBox .audioBox .ico.play:not(.vjs-control),
.falseSlideBox .videoBox .ico.play:not(.vjs-control),
.linkit .dir > a:before, .auxheader .socialBox a {border-radius:0;width:4em;height:4em !important;transition:none;}
.auxheader .socialBox .ico.share > .blindBox .ico, .mainBox > .socialBox .ico.share > .blindBox .ico {margin:0.5rem 0 !important;}
.bodier .grid > .gridBox > .cell .ico.share .blindBox ul {padding-top:0;}
.bodier .grid > .gridBox > .cell .ico.share .blindBox.beoff.be_on, .bodier.wrapper .container[data-tipo*="mod_catalogo"] .grid .gridBox .topBox .cell .ico.share .blindBox.beoff.be_on {padding:1.4rem 0 0 0 !important;height:17.2rem !important;}
.bodier.wrapper .container .grid .slideBox .pagBox > .cell .ico.share .blindBox.beoff.be_on {height:auto;width:4em;padding:0 0 1em 0;z-index:-1;margin-left:0;}
[data-tipo*="catalogo"] .arrays .gridBox .topBox .cell .videoBox .ico.play:not(.vjs-control) img, .mainBox > .socialBox .ico.share > .blind, .mainBox > .socialBox .ico.share > .blindBox.be_on .ico a, .container[data-tipo*="mod_catalogo"] .arrays .cell .ico.share .blindBox.beoff.be_on a {width:4em;height:4em;margin:0;opacity:1;border-width:0.1em;border-radius:0;}
.socialBox .ico img, .socialBox .blind img, .socialBox .blind img {width:3.5em;height:3.5em;}
.inside[class*="mainContC"] .grid .mainBox > .socialBox {width:8.5rem !important;bottom:2em;padding-bottom:0;}
.inside[class*="mainContL"] .grid .mod.notic_mod .mainBox .noticBox ~ .socialBox {left:4em;padding-left:0;}
.bodier.wrapper .container .grid:not(.arrays) .cell .socialBox .ico.bmark {margin-right:0.5rem;}
.cell .socialBox > .ico.bmark > a.blind {background:rgba(0,0,0,0.66);border-width:0.1em;}
.container .gridBox .mainBox .socialBox > .ico.bmark > a.blind img,.socialBox .ico img, .socialBox .blind img, .socialBox .blind img {opacity:1 !important;}
.bodier.wrapper .container.inside[class*="mainContC"] .grid .gridBox .mainBox > .socialBox, .bodier.wrapper .container.inside:not(.mainContL) .grid .gridBox .mainBox > .socialBox {padding-bottom:0;width:auto;right:1.5em;}
.bodier.wrapper .container.bloody.inside:not(.mainContL) .grid.g1 .gridBox .mainBox > .socialBox, .bodier.wrapper .container.byside:not(.mainContL) .grid.g2 .gridBox .cell .mod .mainBox > .socialBox, .bodier.wrapper .container.byside:not(.mainContL) .grid.g3 .gridBox .mainBox > .socialBox {bottom:2.5em;}
.container[class*="mainCont"]:not([data-tipo*="mod_catalogo"]) .mediaBox .ico.play:not(.vjs-control),
.container.inside:not(.mainContL) .mediaBox .ico.play:not(.vjs-control) {border:0;padding:0 !important;position:absolute;}
.container.mainContC[class*='bg']  .mediaBox .ico.play:not(.vjs-control) {bottom:2em!important;}
.bodier.wrapper .container .grid > .gridBox .cell .socialBox .ico {width:4em;height:4em;display:inline-block;float:left;}
.container.mainContC:not(.bestClips):not([data-tipo*="mod_catalogo"]) .mediaBox .ico.play:not(.vjs-control) {top:auto;left:auto;bottom:1.5em;margin:0;}
.container.mainContL:not(.bestClips):not([data-tipo*="mod_catalogo"]) .mediaBox .ico.play:not(.vjs-control) {left:4em;right:auto;bottom:42%;top:auto;margin:0;}
.container[class*="mainContL"]:not(.bestClips) .mainBox > .socialBox {top:auto;bottom:42%;left:0.5rem;padding-bottom:0.4em;}
.mediaBox .ico.play:not(.vjs-control) .duration {clip:rect(0,0,0,0);left:-100%;top:-100%;}
.bestClips .mainBox > .socialBox {bottom:2em;}
.bodier .inside:not(.titles) .grid .cell .socialBox, .inside:not(.titles):not(.bloody) .notory.size100.g1 .gridBox .cell .socialBox {top:auto;bottom:1.5rem;}

/*modificacion g1*/
.wrapper.bodier .container.mainContC[data-tipo*="catalogo"] .grid.g1 .mainBox .mediaBox .ico.play:not(.vjs-control) {right:11em;left:auto;bottom:1.3em;}

/*modificacion g2*/
.bodier.wrapper .container.mainContL[data-tipo*="catalogo"] .arrays .pagBox .cell .txtBox {padding:0 3em 2em 3em;}
.bodier.wrapper .container.mainContL[data-tipo*="catalogo"] .grid.g2 .cell .play {left:3em !important;bottom:7.2em !important;top:auto !important;}
.bodier.wrapper .container.mainContL[data-tipo*="catalogo"] .grid.g2 .cell .socialBox {width:9rem;bottom:9em;right:37.2em;}
.bodier.wrapper .container.mainContL[data-tipo*="catalogo"] .grid.g2 .cell .videoBox + .socialBox {bottom:7em;right:32.8em;}
.bodier.wrapper .container.mainContC .grid .cell .socialBox {bottom:1.5em;}

/*modulo top*/
.bodier.wrapper .container.inside:not(.mainContL) .grid .gridBox .mediaBox .ico.play:not(.vjs-control) {top:auto;left:1.5em;bottom:1.2em;margin:0;}
.wrapper.bodier .container.inside:not(.mainContL):not(.bloody) .grid.size_50 .gridBox .mediaBox .ico.play:not(.vjs-control), .wrapper.bodier .container.inside:not(.mainContL):not(.bloody) .grid.size_100 .gridBox .mediaBox .ico.play:not(.vjs-control), .wrapper.bodier .container.inside .grid.size100 .mainBox .mediaBox  .ico.play:not(.vjs-control) {bottom:1.2em;}
.container[data-tipo*="mod_top"] .arrays .mainBox {display:inline-block;width:100%;}
[data-tipo*="mod_top"] .controlBox {height:0;width:100%;padding:0 2em;position:absolute;bottom:50%;margin-bottom:-2em;}
.container[data-tipo*="catalogo"] .controlBox .arrow {width:4.8rem;}
[data-tipo*="mod_top"] .controlBox .arrow{text-align:center;}
[data-tipo*="mod_top"] .controlBox .beoff{cursor:default;}
[data-tipo*="mod_top"] .controlBox .back_{float:left;}
[data-tipo*="mod_top"] .controlBox .next_{float:right;}

/*catalogo*/
.wrapper.bodier .container[data-tipo*="catalogo"] .grid > .gridBox .cell .play {width:4em;height:4em;background:#f999e3;}
.container:not(.bloody) .g1.arrays .mainBox .socialBox + .txtBox {position:absolute;min-height:auto;bottom:0;padding:2em 6em 2em 7em;}
.wrapper.bodier .grid .cell .socialBox {width:auto;top:auto !important;left:auto !important;bottom:2.25em;right:2em;}
.wrapper.bodier .container[data-tipo*="catalogo"] .arrays .pagBox .cell .txtBox {padding:0 11em 2em 7.5em;}
.wrapper.bodier .container[data-tipo*="catalogo"] .grid .gridBox .topBox .cell .socialBox .blindBox .ico a, .bodier.wrapper .container.slideGallery .grid  .slideBox  .cell .ico .blindBox.be_on ul .ico a {background:rgba(0,0,0,0.66);}
.wrapper.bodier .container[data-tipo*="catalogo"] .grid .gridBox .topBox .cell .socialBox .blindBox .ico img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');}

/*** Catalogo falso slide ***/
.wrapper.bodier .container.slideMaster {width:100%;padding:0;position:relative;margin:0;overflow:hidden;}
.slideMaster > section.grid {width:100%;display:block;float:none;margin:0 auto;}
.slideMaster .grid .gridBox .mod .mediaBox > .f16x9 {padding-top:40%;}
.slideMaster > section.grid .gridBox {padding:0;margin-bottom:-0.3rem;border-width:0;border-right:0 solid transparent;border-left:0 solid transparent;overflow:visible;width:100%;}
.slideMaster .grid .mod .mainBox .txtBox{top:59%;padding-right:14em;max-width:70rem;text-align:right;}
.slideMaster .grid .mod .mainBox .maintitle {font-weight:600;font-size:350%;position:relative;text-transform:none;line-height:1;}
.slideMaster .grid .mod .socialBox {right:14em;bottom:41%;z-index:1;}
.slideMaster:before {content:'';height:0.3em;width:100%;display:inline-block;position:absolute;bottom:0;left:0;background:#f17e01;z-index:4;/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,f17e01+10,f17e01+90,ffffff+100&0+0,1+10,1+90,0+100 */
                     background:-moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(241,126,1,1) 10%, rgba(241,126,1,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
                     background:-webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(241,126,1,1) 10%,rgba(241,126,1,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
                     background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(241,126,1,1) 10%,rgba(241,126,1,1) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
.slideMaster .grid:not(.listas) .gridBox .mod:not(.no_ima)  .mediaBox > a:after {height:0;}
.slideMaster .controlBox {margin-bottom:2em;z-index:7;}
.slideMaster .controlBox .arrow {background:transparent;border-color:transparent;}
.slideMaster .controlBox .ico img {background-image:url('/css/rtve.2015/i/iconos/arrows_bigSlide_80x160_f17e01.png');width:4rem;height:12rem;margin-top:-128%;background-size:300% auto;opacity:0.5;}
.slideMaster .arrow:not(.beoff):hover img {opacity:1;}
.slideMaster .controlBox > .next_, .slideMaster .controlBox > .back_ {position:relative;}
.slideMaster .controlBox > .next_ img {background-position:88% 50%;right:0;}
.slideMaster .controlBox > .back_ img {background-position:10% 50%;left:0;}
.slideMaster .gridBox:before {content:'';position:absolute;top:0;width:50%;left:-50%;padding-top:40%;border:transparent;z-index:1;
    background:-moz-linear-gradient(left, rgba(26,26,26,1) 0%, rgba(0,0,0,0) 100%);
    background:-webkit-linear-gradient(left, rgba(26,26,26,1) 0%,rgba(0,0,0,0) 100%);
    background:linear-gradient(to right, rgba(26,26,26,1) 0%,rgba(0,0,0,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );}
.slideMaster .gridBox:after {content:'';position:absolute;top:0;width:50%;right:-50%;padding-top:40%;border:transparent;
    background:-moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(26,26,26,1) 100%);
    background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(26,26,26,1) 100%);
    background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(26,26,26,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );}
.slideMaster .secBox + .gridBox:before {top:8.4em;}
.slideMaster .secBox + .gridBox:after {top:8.4em;}
.slideMaster .g1 .mediaBox .ico.play:not(.vjs-control) {bottom:41%;right:23em;left:auto;margin-bottom:-0.2em;}
.slideMaster .g1.arrays .mainBox a {box-shadow:inset 0px -20px 15rem rgba(0,0,0,0.85);}
.toplayer + .slideMaster .grid > .secBox {padding-top:8em;}
.toplayer + .slideMaster .secBox + .gridBox:before {top:13.4em;}
.toplayer + .slideMaster .secBox + .gridBox:after {top:13.4em;}
.secBox ~ .controlBox {top:calc(50% + 2.4em);}

/*seccion jurado*/
.cien.jurado.container .mediaBox:before {content:'';height:0.3em;width:100%;display:inline-block;position:absolute;bottom:0;left:0;background:#f17e01;z-index:4;
                     background:-moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(249,153,227,1) 10%, rgba(249,153,227,1) 90%, rgba(255,255,255,0) 100%);
                     background:-webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(249,153,227,1) 10%,rgba(249,153,227,1) 90%,rgba(255,255,255,0) 100%);
                     background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(249,153,227,1) 10%,rgba(249,153,227,1) 90%,rgba(255,255,255,0) 100%);
                     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}
.cien.jurado.container {padding-bottom:2em;background:transparent;}
.jurado.container .grid .cell .mainBox {padding-bottom:3em;}
.jurado.container:not(.cien) .grid .cell .mainBox .txtBox {float:left;width:100%;padding-top:3em;}
.jurado.container:nth-child(4) .grid .cell:nth-child(2) .mainBox .auxBox a {font-size:170%;}
.jurado.container .g3 .mainBox .mediaBox .ico.play:not(.vjs-control) {/* right:4%; */top:75%;left: 5%;bottom: auto;}
.jurado.container .mainBox .mediaBox[data-assetid="594565_es_imagens"] > .ima:not(.videoPlayer) img:first-child  {top:-16%;}
/*hover jurado*/
.wrapper.bodier .jurado:not(.striplayer) .gridBox .mainBox:hover .mediaBox > .ima:not(.videoPlayer) img {opacity:0.2;webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}

.subheader .spechead .emisBox .listaBox {border:0 solid transparent;}

/*pestana 24h*/
.bodier .container.striplayer.otdirecto[data-tipo="mod_maquetacion"] {padding-top:10em;margin-bottom:0;background:rgb(6,17,135);
    background:-moz-linear-gradient(left, rgb(6,17,135) 0%, rgb(92,24,127) 100%);
    background:-webkit-linear-gradient(left, rgb(6,17,135) 0%,rgb(92,24,127) 100%);
    background:linear-gradient(to right, rgb(6,17,135) 0%,rgb(92,24,127) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#061187', endColorstr='#5c187f',GradientType=1 );}
.wrapper.bodier .container.striplayer.otdirecto .grid > .secBox span:not(.titaux) {color:#fff;}
.wrapper.bodier > .container.striplayer.otdirecto section.grid {padding-bottom:6rem;}

@media (max-width:1440px) {body {font-size:1em;}}
@media (max-width:1180px){/*.mod_concursantes:not(.tab_concursantes) .g5 .cell {width:16.66%;}*/ .container.inside .grid.g5 .gridBox{margin:0 auto;display:block;}}
@media only screen and (max-width:1024px){.bodier.wrapper .grid.g5.simply .gridBox article {width:16.66666666% !important;}
 .wrapper.bodier .container:not(.bloody):not(.bestClips) > .grid .gridBox > article.cell .txtBox {
    padding: 0 0 !important;}}