/*------FUENTES------*/








/*------COMUNES------*/
html{height: 100%}
.contenedor{background:none;height: 100%; background: #fff;}
.principal{height: 100%;}
.carcasa{height: 100%; }
.carcasa__interior{height: 100%;}
.carcasa article{font-family: arial, sans-serif; font-weight: 300; font-size: 15px; height: 100%;}
.carcasa h2{font-family: arial, sans-serif; font-weight: 300; font-size: 15px;}

.carcasa .elpais{margin:0;height:60px;width:60px;background-color:#0279AE;background-image: url(../img/elpais.png);background-position:center;background-size:auto;background-repeat:no-repeat;text-indent:-9999px;display:block;float:left;}
.carcasa header{background:#46CCEA;height:60px;}
.palabreo-logo{width:314px;height:60px;background:url(../img/palabreo.png) center no-repeat;text-indent:-9999px;display:block;margin:0 auto;float:right; }
.palabreo-logo2{width:261px;height:68px;background:url(../img/palabreo2.png) center no-repeat;text-indent:-9999px;display:block;margin:0 auto;background-size: contain}


.logo{text-align: center;width: 100%; display: block; position: absolute; bottom: 18px; left: 0;}
.logo_pais_blanco{width: 93px; height: 20px; background: url(../img/logo-elpais.svg) no-repeat center; text-indent: -99999px; background-size: contain; display: inline-block; }

.logo_pais {display: block; width: 79px; height: 17px; background: url(/iconos/v1.x/v1.4/logos/cabecera_interior.svg) no-repeat center; background-size: contain; text-indent: -9999px;}

.oculto{display: none;}



/*------PANEL INICIO-------*/

.panel_inicio{background:#46CCEA;background-size:cover;font-family: arial, sans-serif;padding-top:140px;padding-bottom:60px; color:#fff;text-align:center;height: 100%; width: 100%; min-height: 740px; position: relative; margin-bottom: 20px;}


.panel_inicio h2{margin:30px auto; max-width: 267px; color: #fff; line-height: 1.5em; font-weight: 500;}

.comenzar{background: #36B5D1; height:54px;width:231px; border-radius:27px;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;}
.comenzar:hover{background: #fff; transition: all 0.5s ease-in-out; color: #46CCEA;}
.panel_inicio .barra_compartir{text-align: center; margin-bottom: 20px; margin-top: 30px;}
.panel_inicio .barra_compartir p{font-weight: 700;margin: 10px 0;}


.panel_inicio .barra_compartir li{display: inline-block; height: 50px; width: 50px; text-align: center; margin: 0 3px;}
.panel_inicio .barra_compartir li a{background-image: url("/iconos/v2.x/v2.0/iconos.svg");background-repeat: no-repeat; text-indent: -999999px; display: inline-block; line-height: 50px; background-position: 5px -255px; height: 50px; width: 50px;}


.panel_inicio .barra_compartir .whatsapp_fuera a{background-position: 0 -255px;}
.panel_inicio .barra_compartir .twitter_fuera a{background-position: 0 3px;}
.panel_inicio .barra_compartir .facebook_fuera a{background-position: 0 -62px;}

.panel_inicio .espana{display: inline-block; text-align: center; padding-top: 60px; }


/*--------PANEL PREGUNTA---------*/
.panel-video{width: 80%; margin: 0 10%;}
.panel-video__interior{position: relative; padding-bottom: 56.2%; overflow: hidden;  }
.panel-video .video_contenedor{width: 100%; margin: 0 auto; height: 100%; position: absolute; top:0; left: 0;}
.panel-pregunta{text-align: center; }
.panel-pregunta h2{line-height:50px;font-size:14px;line-height:#444444;font-family:  arial, sans-serif; text-transform: uppercase; font-weight: 700;}
.panel-pregunta ul{display: block; overflow: hidden; max-width:540px;margin:0 auto;padding: 0 15px;}
.panel-pregunta ul li{float:left;width:50%;padding:5px;}
.panel-pregunta ul li button{color:#777;height:48px;line-height:48px;text-align:center;font-weight:800;text-transform:uppercase;text-align:center;display:block;background:rgba(214,214,214,.4);width:100%;border-radius:24px; font-size: 14px;}
.panel-pregunta ul li button:hover{opacity: .5;}
.panel-pregunta ul .correcto button{background:#A3D900;color:#fff;}
.panel-pregunta ul .error button{background:#D90000;color:#fff;}
.panel-pregunta ul .correcto button:hover, .panel-pregunta ul .error button:hover{opacity: 1;}


.siguiente{border:1px solid #46CCEA;height:54px;width:231px; border-radius:27px;font-size:14px;font-weight:700;text-transform:uppercase;color:#46CCEA; margin: 20px auto; opacity: .4; pointer-events: none; cursor: default; display: block;}
.siguiente_activo{pointer-events:auto; cursor: pointer; opacity: 1;}
.siguiente_activo:hover{background: #46CCEA; transition: all 0.5s ease-in-out; color: #fff;}

.pie_especial{ background: #fff; display: block; width: 95%; overflow: hidden; margin: 30px auto;}
.pie_especial .logo_pais{float: left;}
.pie_especial .cantidad{float: right;color: #46CCEA; font-size: 14px;}
.barra_porcentaje{background:rgba(214,214,214,.5);height:5px; display: block; width: 100%; clear:both;}
.porcentaje{background:#46CCEA;height:5px;width:0;display:inline-block;float:left;}


/*------PANEL RESULTADO--------*/
.panel_resultados{text-align: center;}
.panel_resultados h2{font-size: 16px; font-weight:700; text-transform: uppercase;color:#037eba; border-bottom: 1px solid #E2EFF7; margin-top: 30px; padding-bottom: 10px; display: block;}
.panel_resultados .resultado{background:#D4F6FC; color: #46CCEA; width: 95%; margin: 10px auto; display: inline-block; height: 50ox; line-height: 50px; font-size: 20px; font-weight: 700; max-width: 350px;}
.panel_resultados .barra_compartir{text-align: center; margin-bottom: 20px;}
.panel_resultados .barra_compartir p{font-weight: 700;margin: 10px 0;}


.panel_resultados .barra_compartir li{display: inline-block; height: 60px; width: 60px; background: #6DD900; text-align: center; border-radius: 50%; margin: 0 3px;}
.panel_resultados .barra_compartir li a{background-image: url("/iconos/v2.x/v2.0/iconos.svg");background-repeat: no-repeat; text-indent: -999999px; display: inline-block; line-height: 60px; background-position: 5px -255px; height: 60px; width: 60px;}

.panel_resultados .barra_compartir .whatsapp_fuera{background: #6DD900;}
.panel_resultados .barra_compartir .whatsapp_fuera a{background-position: 5px -255px;}
.panel_resultados .barra_compartir .twitter_fuera{background: #71C5EB;}
.panel_resultados .barra_compartir .twitter_fuera a{background-position: 5px 3px;}
.panel_resultados .barra_compartir .facebook_fuera{background: #4D67B3;}
.panel_resultados .barra_compartir .facebook_fuera a{background-position: 5px -62px;}

.listado_resultados{width: 95%; margin: 0 auto 40px; max-width: 700px; overflow: hidden;}
.listado_resultados li{height: 44px; display: inline-block; border-bottom: 1px solid #e2eff7; line-height: 44px;width: 45%;  float: left;}
.listado_resultados li:nth-child(2n){float: right;}
.listado_resultados li:first-child{ border-top: 1px solid #e2eff7; }
.listado_resultados li:nth-child(2){ border-top: 1px solid #e2eff7; }
.listado_resultados li .titulo_pregunta{float: left; font-size: 18px; text-transform: uppercase; font-weight: 300;}
.listado_resultados li .acierto_error{float: right; font-size: 18px; font-weight: 700;}
.listado_resultados li .acierto_error.acierto:after{content: ""; background: url(../img/verdadero.png) no-repeat center; width: 21px; height: 17px; display: inline-block; margin-left: 8px;}
.listado_resultados li .acierto_error.error:after{content: ""; background: url(../img/falso.png) no-repeat center; width: 21px; height: 17px; display: inline-block; margin-left: 8px;}

.panel_resultados .masinfo{text-transform: uppercase; color: #037eba; font-size: 16px; line-height: 1.4em; margin: 30px 0; display: inline-block;}
.panel_resultados .masinfo strong{display: block}
.panel_resultados .logo_pais{margin: 0 auto 30px;}

.envoltorio_publi .publi_luto_vertical {float: none;}


@media(max-width:999px){
	.contenedor{padding: 0;}
	.cabecera, .pie{display:none;}
	.panel-video{width: 100%; margin: 0;}


}

@media(min-height:950px) and (max-width: 999px){
	body.pantallaInicio{height: 100%;}
 	.pantallaInicio .envoltorio_publi{position: static; clear:both;}
	.pantallaInicio #principal>.envoltorio_publi:first-child{position: absolute; top: 0; left: 0; width: 100%; z-index: 100;}
	.panel_inicio{display: table;}
	.panel_inicio__interior{display: table-cell; vertical-align: middle;}
}

@media(max-width:599px){
	.envoltorio_publi{position: relative; z-index: -1}
	.pantallaInicio .envoltorio_publi, .pantallaInicio #principal .envoltorio_publi{position: relative; z-index:0;}
 	body.pantallaInicio{height: auto;}
 	.panel_inicio{display: block;min-height: 0;}
 	.panel_inicio__interior{display: inline-block; }
 	.logo{position: absolute; margin-bottom: 0; bottom: 20px; left: 0;}
 	.panel-pregunta ul li button { font-size: 10px; line-height: 13px;}
 	.panel-pregunta ul {padding: 0 3px;}
 	.listado_resultados { max-width: 350px;}
 	.listado_resultados li{width: 100%; float: none;}
	.listado_resultados li:nth-child(2){ border-top: none; }
	.palabreo-logo {
    width: 200px;
    height: 60px;
    background: url(../img/palabreo.png) center no-repeat;
    text-indent: -9999px;
    display: block;
    margin: 0 auto;
    float: right;
    background-size: contain
}

}