@import url("/css/rtve.2016.television/rtve.series/victor-ros/victor-ros.desktp.por.css");
html {background: url("/css/rtve.2016.television/rtve.series/victor-ros/i/motivo_fondo.jpg") rgb(39,39,39);}
.toplayer + .container:not(.falseStriplayer):not(.striplayer) {padding-top:0;width:100%;}
.mainheader {z-index: 7;}
.subheader h1{padding:0 2rem;}
.subheader .ima.logoima{background:url('/css/rtve.2016.television/rtve.series/victor-ros/i/logo.png') 0 0 no-repeat;background-size:100% auto;background-position-y:0.5em;display:inline-block;height:4em; }
.subheader .navBox.spechead {background: url("/css/rtve.2016.television/rtve.series/victor-ros/i/logo_caja_oro.png") no-repeat center 3.8rem, url("/css/rtve.2016.television/rtve.series/victor-ros/i/fondo_cabecera_caja.jpg") no-repeat center top #000;height:10.9rem;}
body > .footer {background: #110f12;}
.contQuery {background:url('/css/rtve.2016.television/rtve.series/victor-ros/i/fondo_caja.jpg') no-repeat center top;margin-top: 10.9rem;margin-bottom:0;background-size: 100% auto;}
.contQuery > section {width:100%;padding-top:52.3%;position:relative;overflow:hidden;}
.contQuery > section > * {position:absolute;top:0;left:0;width:100%;height:100%;}
.contQuery > section > .gridBox{width:56rem;position: absolute;top: 5.7%;left: 12.3%;height:auto;padding: 2rem;background: url('/css/rtve.2016.television/rtve.series/victor-ros/i/marco.png') no-repeat rgba(0, 0, 0, 0.59);background-size: 100% 100%;}
.contQuery > section > .gridBox > * {position: relative;top:0;left:0;width:100%;}
.contQuery > section > .gridBox > .cell {padding: 2.4rem 3rem;}
.contQuery .auxBox p {color:#fdae15;} 
.contQuery .auxBox p:first-child{color:#fff;}
.contQuery.container:not(.bestClips) .gridBox:not(.catalog) .mod .mainBox  .maintitle{font-size:170%;text-transform: none;}
.contQuery .access {padding-top: 3rem;}
.contQuery .access input {color:#fff;font-size:180%;background: rgba(255, 255, 255, 0.3);border: 0;padding: 1rem 2.2rem;width: 34rem;}
.contQuery .access button {float: right;}
.contQuery .access button strong{font-size: 180%;color: #fff;background: #637a66;padding: 1rem 2rem;display: block;}
.contQuery .access p {color:#fff;display:block;background:#BA3C3D;text-align:center;font-size: 160%;padding: 1rem;margin-top: 2rem;}
.contElements, .subheader .spechead .emisBox {display: none !important;}
.contQuery .container {width:100% !important;margin-bottom:0;}

.contQuery.mostrar {opacity:1;position:relative;}
.contQuery.ocultar, .scene-2.ocultar {opacity: 0; transition: all ease 2s;transition-delay:1s;}
.contQuery.ocultar > * {width:0;height:0;transition:all ease 1s;transition-delay:3s;padding:0; }

.scene-2.ocultar {clip:rect(0,0,0,0);position:absolute !important;top:0;left:0;opacity:0;overflow:hidden;height:0; }
.scene-2.mostrar {position:relative;clip:auto;opacity:1;transition:all ease 2s;}
.msgError {transition:all ease 0.15s}
.msgErrorOculto, .msgError {opacity:0;}
.msgErrorActive {opacity:1;}

.scene-2.container > .container {min-width:0;}


/*  CLASS ERROR PREGUNTA */
/*  CLASS ACIERTO PREGUNTA */

.contQuery > section:after {content:"";background:url("/css/rtve.2016.television/rtve.series/victor-ros/i/manivela.png") no-repeat;width:26.2711%;padding-top: 26.27%;display: block;position: absolute;right: 13.7%;bottom: -15%;
	transform: rotate(180deg);


}

.contQuery.correcto > section:after {
	-webkit-animation-name: correcto;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: correcto;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: correcto;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    
    animation-name: correcto;
    animation-duration: 3000ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;

}


.contQuery.incorrecto > section:after {
	-webkit-animation-name: incorrecto;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: incorrecto;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: incorrecto;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    
    animation-name: incorrecto;
    animation-duration: 3000ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;

}


@-moz-keyframes incorrecto {
 	0% {-moz-transform: rotate(180deg);}
	10% {-moz-transform: rotate(170deg);}
	16% {-moz-transform: rotate(170deg);}
	26% {-moz-transform: rotate(175deg);}
	36% {-moz-transform: rotate(170deg);}
	46% {-moz-transform: rotate(170deg);}	
	56% {-moz-transform: rotate(175deg);}
	66% {-moz-transform: rotate(170deg);}
	76% {-moz-transform: rotate(170deg);}
    100% {-moz-transform: rotate(180deg);}
}
@-webkit-keyframes incorrecto {
 	0% {-webkit-transform: rotate(180deg);}
	10% {-webkit-transform: rotate(170deg);}
	16% {-webkit-transform: rotate(170deg);}
	26% {-webkit-transform: rotate(175deg);}
	36% {-webkit-transform: rotate(170deg);}
	46% {-webkit-transform: rotate(170deg);}	
	56% {-webkit-transform: rotate(175deg);}
	66% {-webkit-transform: rotate(170deg);}
	76% {-webkit-transform: rotate(170deg);}
    100% {-webkit-transform: rotate(180deg);}
}
@keyframes incorrecto {
 	0% {transform: rotate(180deg);}
	10% {transform: rotate(170deg);}
	16% {transform: rotate(170deg);}
	26% {transform: rotate(175deg);}
	36% {transform: rotate(170deg);}
	46% {transform: rotate(170deg);}	
	56% {transform: rotate(175deg);}
	66% {transform: rotate(170deg);}
	76% {transform: rotate(170deg);}
    100% {transform: rotate(180deg);}
}





@-moz-keyframes correcto {
    from { -moz-transform: rotate(180deg); }
    to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes correcto {
    from { -webkit-transform: rotate(180deg); }
    to { -webkit-transform: rotate(0deg); }
}
@keyframes correcto {
    from {transform:rotate(180deg);}
    to {transform:rotate(0deg);}
}



@media all and (min-width:1180px){ 
	.scene-2 {width:100% !important;}
}

@media all and (min-width:1440px){ 
	/*icono lista*/
	.navBox.spechead .container + .slidB {display:inline-block;position:absolute;top:1.75em;left:1.75em;}
	.navBox.spechead .container + .slidB.be_on {left:41.75em;}
	.navBox.spechead .container + .slidB.ico img{width:3em;height:3em;cursor:pointer;opacity:1;-webkit-filter:contrast(100%);-moz-filter:contrast(100%);-ms-filter:contrast(100%);-o-filter:contrast(100%);filter:contrast(100%);}
	.navBox.spechead .container + .slidB.ico img:hover{opacity:0.5;}
	/*navegacion*/
	.spechead h1{left:5em;z-index:-0;height:7em;}
	.subheader .spechead .blindBox {top:0;}    
	.subheader .spechead > .blindBox {height:100%;position:fixed !important;}
	.subheader .spechead > .blindBox.be_on {width:100%;}
	.subheader .spechead > .blindBox, .subheader .spechead > .blindBox ul {width:40em;}
	.subheader .spechead > .blindBox {left:-40em;}
	.subheader .spechead > .blindBox.be_on {left:0;text-align:left;}
	.subheader .spechead > .blindBox > ul {background:rgba(0,0,0,0.77);height:100%;}
	.subheader .spechead > .blindBox:first-child ul {position:absolute;left:0;}
	.subheader .spechead .blindBox > ul:first-child > li{width:100%;padding:1.6em 1.6em 1.6em 6em;text-align:left;}
	.subheader .spechead > .blindBox > ul > li .blindBox.be_on{position:relative;left:0;width:40em;top:1.6em;background:rgba(0,0,0,0.15);    margin-left:-6em;}
	.subheader .spechead > .blindBox > ul > li ul li{width:100%;text-align:center;}
	/*redes sociales debajo de logo*/
	.wrapper.auxheader{display:inline-block;width:auto;z-index:2;}
	/*transicion*/
	.navBox.spechead .container + .slidB.ico,
	.navBox.spechead .container + .slidB.ico.be_on {-webkit-transition:left 1s;-moz-transition:left 1s;-o-transition:left 1s;transition:left 1s;}
	.subheader .spechead > .blindBox {-webkit-transition:left 1s;-moz-transition:left 1s;-o-transition:left 1s;transition:
	left 1s;}
	.subheader {z-index:6;}
	.ico.arrow.slidB {z-index:10;}
}

/* ARREGLO */

.container .container.bestClips .gridBox:not(.catalog) .mod .mainBox .maintitle{ font-size: 140%; font-weight: 700;}