html {height:100%}
body, .pure-g [class*="pure-u"], .pure-g {font-family:'Libre Franklin', helvetica, arial, sans-serif;}
.elcolor {color:red !important;font-weight:bold;}
.pure-img, .centrado {margin:0 auto;}
h1 {margin-top:0;line-height: 100%;}
.clear {margin:0;padding:4px}
.centrado {text-align:center}
.contenidos a {color:#fff}
.contenidos a:hover {text-decoration:none;color:red}
.ui-state-active {border-color:#000 !important;background:#000 !important}
.success-message {display:none; color:#84bd63}
input.has-error {border-color:red !important}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
.pk, .pk a, .tk, .tk p, .tk p a {color:#000}
.pw, .pw a, .tw, .tw p, .tw p a {color:#fff;}
.pr50 {padding-right:50px;}
.m-auto {margin: 0 auto;}
.center-fancy {text-align:center !important}
.text-left {text-align:left}
hr {border: 0;border-top-style: none;border-top-width: 0px;border-top: 1px solid #eee;}
.idiomas a {text-decoration:none;color:#fff;text-transform:uppercase;margin:0 5px;}
.idiomas a:hover {color:#000;}

.aviso-cierre {background: #eee; padding: 15px 15px 5px 15px; margin: 15px 0; border-radius: 0px;}
.purchase-form {background: #96bd69;padding: 0;margin:10px 5px;}
#purchase-form, #regalar-form {margin:0; padding:10px 15px}

.logo {max-width:320px;text-align:center;}

/* Estructura */

.bg-fixed, .aviso-landscape, .enviando, .homescreen, .ok, .no, .win-entrada, .win, .gameover-entrada, .gameover, #aviso30, #aviso15, #aviso5, #aviso1, #avisoFin, #avisoPista, .btn-avance, #google_map, #mapa, #llaves, #pistas, .img_OK, #avisoMensaje, .introMensaje {position:fixed;top:0;left:0;right:0;bottom:0;}
.bg-image-contain, .aviso-landscape, .enviando, .homescreen, .ok, .no, .win-entrada, .win, .gameover-entrada, .gameover, #aviso30, #aviso15, #aviso5, #aviso1, #avisoFin, #avisoPista, .iconnav .icon .num, #avisoMensaje, .introMensaje {background-position:center;background-repeat:no-repeat;background-size:contain;}
.bg-image-cover, .ok, .no, .win-entrada, .win, .gameover-entrada, .gameover, #aviso30, #aviso15, #aviso5, #aviso1, #avisoFin {background-size:cover;}

#enter {display:block;position:fixed;bottom:0;right:0;left:0;top:0}

.navtop {padding:15px 0 10px 0;text-align:center;position:fixed;top:0;left:0;right:0;/*background:#fff;border-bottom:solid #eee 1px*/}
.iconnav .icon {width:36px;position:relative;margin:0 auto;}
.iconnav .icon img {width:36px;}
.iconnav .icon .num {line-height:100%;background-image:url('../img/fondo-numeros.png');width:20px;height:20px;margin:0;padding-top:7px;position:absolute;bottom:-4px;right:-10px;color:#fff;;font-weight:bold;font-size:.9em;}
.navbottom {position:fixed;bottom:0;left:0;right:0;text-align:center;padding:15px 0;background:#fff;border-top:solid #eee 1px}

/* Botones */

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {background-color: red;}
.pure-button-green {background-color:#96bd69;color:#fff}
.btn-menu {text-decoration:none;font-size: 1.5em;font-weight:bold;color:#fff;width:100%;margin:5px auto;display:inline-block;padding:15px 0;background-image:url('../img/boton-base.png');background-position: center;background-size: contain;background-repeat: no-repeat;}
.btn-menu-1 {background-image:url('../img/boton-base-1.png');} 
.btn-menu-2 {background-image:url('../img/boton-base-2.png');} 
.btn-menu-3 {background-image:url('../img/boton-base-3.png');} 
.btn-menu-4 {background-image:url('../img/boton-base-4.png');} 
.btn-menu-5 {background-image:url('../img/boton-base-5.png');}
.btn-menu-6 {background-image:url('../img/boton-base-6.png');}
.btn-settings {width:36px;margin:50px auto}
.btn-effec:hover, .btn-effec:focus {opacity:0.75}
.btn-menu-text {display:block; margin:5px 0 15px 0;font-weight:bold;text-decoration:none;padding:15px;}
.btn-menu-basic-colors {background:#222;color:#fff}
.btn-menu-acceder {background:#96bd69; color:#fff;}

.btn-avance {display:block;}
.btn-close, .btn-close-aviso-pista, .btn-close-aviso-mensaje, .btn-close-map, .btn-close-introMensaje, .btn-close-llaves, .btn-close-pistas {position:fixed !important;top:0;right:0;z-index:9999;padding:10px}
.btn-close-aviso-pista, .btn-close-aviso-mensaje, .btn-close-introMensaje {bottom:0;left:0;padding:0;}

.btn-close-audio-enigma {position:fixed !important;top:0;right:0;z-index:99;padding:10px;bottom:0;left:0;padding:0;}
.btn-close-aviso-mensaje, .btn-next {position:fixed !important;top:0;right:0;z-index:9999;padding:10px}
.btn-close-aviso-mensaje-full {left:0;}
.btn-next {right:-5px;bottom:0px;top:auto;}
.btn-play {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.btn-skip {position: fixed; bottom: 20px; right: 25px; z-index: 999; color: #fff; text-decoration: none;}

#btn-audio {display:block;padding:0;;margin:0 auto;width:60px;height:60px;background-color:transparent;background-repeat:no-repeat;background-image:url('../img/boton-play.png');background-size:contain;background-position:center;}
#btn-audio.btnPause {background-image:url('../img/boton-pause.png');}

.nextavanza { animation-name: avanzando; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:avanzando; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;-moz-animation-name:avanzando; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }
.parpadeo { animation-name: parpadeo; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:parpadeo; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;-moz-animation-name:parpadeo; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }

@-moz-keyframes parpadeo{ 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@-webkit-keyframes parpadeo { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@keyframes parpadeo { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }

@-moz-keyframes avanzando{ 0% { opacity: 1; right: -5px; } 20% { opacity: 1; right: 0; } 40% { opacity: 0.5; right: 5px; } 60% { opacity: 0; right: 10px; } 80% { opacity: 0.5; right: 5px; } 100% { opacity: 1; right: 0px; } }
@-webkit-keyframes avanzando { 0% { opacity: 1; right: -5px; } 20% { opacity: 1; right: 0; } 40% { opacity: 0.5; right: 5px; } 60% { opacity: 0; right: 10px; } 80% { opacity: 0.5; right: 5px; } 100% { opacity: 1; right: 0px; } }
@keyframes avanzando { 0% { opacity: 1; right: -5px; } 20% { opacity: 1; right: 0; } 40% { opacity: 0.5; right: 5px; } 60% { opacity: 0; right: 10px; } 80% { opacity: 0.5; right: 5px; } 100% { opacity: 1; right: 0px; } }

#myProgress {padding:0;margin-top:0;background-color:#999;background-size:contain;background-position:center;width:100%;position:absolute;top:0;left:0;z-index:-1}
#tiempo {text-align:right;margin:0 auto 0 auto;padding:20px;font-size:24px;line-height:100%;color:#fff;position:relative;z-index:10;font-weight:bold;letter-spacing:1px;}
#theBar {background:#96bd69;height:100%;position:absolute;right:0;top:0;z-index:5}
#theBar.hurry50 {background:orange;}
#theBar.hurry10 {background:red; animation-name: parpadeo; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:parpadeo; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;-moz-animation-name:parpadeo; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite;}
#theRace {overflow:visible;background-color:transparent;position:fixed;right:0;bottom:70px;height:35px;z-index:0;/*background-image:url('../img/torito.gif');background-position:center left;background-size:auto 100%;background-repeat:no-repeat;*/}
#theRace .torito {position:absolute;bottom:0;}


/* Mensajes */

.ok, .no {display:none;z-index:9999;}
.ok {background-color:#84bd63;background-image:url('../img/mensajes/ok-1.gif');}
.ok-2 {background-image:url('../img/mensajes/ok-2.gif');}
.no {background-image:url('../img/mensajes/no.gif');background-size: cover;/*background-color:#000;*/}
.no-2 {background-image:url('../img/mensajes/no.gif');background-size: cover;}

.img_OK {display:none;z-index:9999;}
.img_OK img {margin:0 auto;width:100%;height:auto;}

.aviso-landscape, .enviando {z-index:99999999;display:none;background-position:center;background-repeat:no-repeat;background-size:contain;position:fixed;top:0;left:0;right:0;bottom:0;}
.enviando {background-image:url('../img/mensajes/enviado.gif');background-color:rgba(132,189,99,.8);}

#aviso30, #aviso15, #aviso5, #aviso1, #avisoFin {z-index:99999;display:none;}
#aviso30 {background-color:#84bd63;background-image:url('../img/mensajes/30.gif');}
#aviso15 {background-color:#fd9226;background-image:url('../img/mensajes/15.gif');}
#aviso5 {background-color:#fc0e1f;background-image:url('../img/mensajes/5.gif');}
#aviso1 {background-color:#ff0108;background-image:url('../img/mensajes/1.gif');}
#avisoFin {background-color:#ff0108;background-image:url('../img/mensajes/gameover-previo.gif');}

#avisoPista {z-index:998;display:none;background-color:rgba(0,0,0,0.65);/*background-image:url('../img/mensajes/aviso-pista.gif');background-size:365px auto;*/}

#avisoMensaje {z-index:998;background-color:rgba(0,0,0,0.65);/*background-size:365px auto;*/}
.avisoMensaje-1-3 {}
.avisoMensaje-2-1 {background-image:url('../img/mensajes/mensaje-2.1.gif');}
.avisoMensaje-3-1 {background-image:url('../img/mensajes/mensaje-3.1.gif');}
.avisoMensaje-6-2 {}
.avisoMensaje-7-2 {}
.avisoMensaje-8 {}
.avisoMensaje-9 {}
.avisoMensaje-zona {background-image:url('../img/mensajes/mensaje-zona.gif');}
.avisoMensaje-tramo {background-image:url('../img/mensajes/mensaje-tramo.gif');}
.avisoMensaje-antesde {background-image:url('../img/mensajes/mensaje-antesde.gif');}
.avisoMensaje-test {background-image:url('../img/mensajes/mensaje-test.png');}

.introMensaje {background-color:rgba(0,0,0,0.65);background-size:contain;z-index:997;}
.introMensajeTextos {font-size:1.35em;color: #fff; padding: 50px; text-align: center; transform: translateY(-60%); position: absolute; top: 50%;}

#avisoSMS {z-index:998;}
.avisoSMS {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.65);}
.avisoSMS-sobremapa {position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000 !important;background-color:rgba(0,0,0,0.65);}
.sms-centrado, .sms-centrado-sobremapa {position:absolute;left:50%;bottom:50%;transform:translateX(-50%) translateY(50%);width:100%;max-width:375px;z-index:1001;}
.sms-abajo {position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:100%;max-width:375px;z-index:1001;}
.sms {position:relative;}
.sms img {width:100%}
.btn-cerrar-sms {position:absolute;top:8px;right:28px;width:35px;height:35px;background-image:url('../img/boton-cerrar-sms.png');background-size:contain;background-position:center;background-repeat:no-repeat;}
.btn-sms-play, .btn-sms-pause {position:absolute;bottom:40px;left:30px;width:230px;height:55px;background-image:url('../img/audio.gif');background-size:contain}
.btn-sms-pause {background-image:url('../img/audio-sonando.gif');}

.llave-1 {background-image:url('../img/mensajes/llave-1.gif'), url('../img/mensajes/llave-1-giro.gif'), url('../img/mensajes/llave-fondo.gif');background-color:#cc44d1;}
.llave-2 {background-image:url('../img/mensajes/llave-2.gif'), url('../img/mensajes/llave-2-giro.gif'), url('../img/mensajes/llave-fondo.gif');background-color:#cc44d1;}
.llave-3 {background-image:url('../img/mensajes/llave-3.gif'), url('../img/mensajes/llave-3-giro.gif'), url('../img/mensajes/llave-fondo.gif');background-color:#cc44d1;}
.llave-4 {background-image:url('../img/mensajes/llave-4.gif'), url('../img/mensajes/llave-4-giro.gif'), url('../img/mensajes/llave-fondo.gif');background-color:#cc44d1;}
.llave-5 {background-image:url('../img/mensajes/llave-5.gif'), url('../img/mensajes/llave-5-giro.gif'), url('../img/mensajes/llave-fondo.gif');background-color:#cc44d1;}
.llave-6 {background-image:url('../img/mensajes/llave-6.gif'), url('../img/mensajes/llave-6-giro.gif'), url('../img/mensajes/llave-fondo.gif');background-color:#cc44d1;}
.llave-7 {background-image:url('../img/mensajes/llave-7.gif'), url('../img/mensajes/llave-7-giro.gif'), url('../img/mensajes/llave-fondo.gif');background-color:#cc44d1;}
.llave-8 {background-image:url('../img/mensajes/llave-8.gif'), url('../img/mensajes/llave-8-giro.gif'), url('../img/mensajes/llave-fondo.gif');background-color:#c7c3ad;}

.ok-1-3 {background-image:url('../img/mensajes/ok-moneda-giro.gif'), url('../img/mensajes/ok-fondo.gif');background-color:#84bd63;}
.ok-3-2 {background-image:url('../img/mensajes/ok-manzana-giro.gif'), url('../img/mensajes/ok-fondo.gif');background-color:#84bd63;}
.ok-5-2 {background-image:url('../img/mensajes/ok-entrada-giro.gif'), url('../img/mensajes/ok-fondo.gif');background-color:#84bd63;}
.ok-7-2 {background-image:url('../img/mensajes/ok-herradura-giro.gif'), url('../img/mensajes/ok-fondo.gif');background-color:#84bd63;}
.ok-8-1 {background-image:url('../img/mensajes/ok-foto-giro.gif'), url('../img/mensajes/ok-fondo.gif');background-color:#84bd63;}

.win-entrada, .win {z-index:999;}
.win-entrada {z-index:99999;display:block;background-color:#e30614;background-image:url('../img/mensajes/win-static.gif');}
.win {display:none;background-color:#000;}
	
.gameover-entrada, .gameover {z-index:999;}
.gameover-entrada {display:block;background-color:#e30614;background-image:url('../img/mensajes/gameover-static.gif');z-index:99999;}
.gameover {display:none;background-color:#e30614;}

/* Pantallas Enigma */

.enunciado {text-align:center;margin:65px 0;}
.enunciado h2 {font-weight:normal;line-height:110%;font-size:1.35em;}
.enunciado p {font-size:0.9em;margin:0 0 10px 0;}
.tactil {padding: 2px; background: #333; border-radius: 10px; width: 100px; color: #fff; position: absolute; top: 80px; left: 50%; transform: translateX(-50%);}
.navbottom fieldset {padding:0 0 5px 0 !important}
.input-respuesta {display:inline-block !important;margin:0 !important;text-align:center;font-weight:bold;text-transform:uppercase;border:none;background:#eee;width:35px;padding: .38em 0 !important;line-height:100%;}
.button-responder {color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background: rgb(202, 60, 60); margin:0 !important;font-weight:bold;padding: .35em .45em .25em .45em;line-height:100%}
.button-responder img {width:22px;padding:0;}
.button-k {color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background: #111; margin:0 !important;font-weight:bold;padding: .7em 1em;}

/* MODALS */

#faqs {margin-bottom:30px;}
#google_map, #mapa {z-index:999;position:fixed !important;background-color:#f5f5f5}
.title-avance-mapa, .title-avance-mapa-fijo {position:fixed !important;top:0;left:0;margin:20px 25% 20px 20px;font-weight:bold;letter-spacing:0;z-index: 9999;}
#ranking {background:#222;}
#pistas {background-image:url('../img/mensajes/fondo-pista.png');background-position:center;background-repeat:no-repeat;background-size:cover;}

/* Pistas */
#pistas {z-index:999;position:fixed !important;background-color:red;color:#fff;padding:30px;letter-spacing:0;}

/* Llaves */
#llaves {z-index:999;position:fixed !important;background-color:rgba(0,0,0,0.80);color:#fff;padding:30px;letter-spacing:0;}
#llaves hr {margin-left: 40%;margin-right: 40%;margin-top:30px;border-top: 3px solid #c5a054;}
#llaves p {margin-top:0;}
#llaves p.title {font-weight:bold;color:#c5a054;margin-bottom:0;}
.container-objetos {text-align: center; transform: translateY(-50%) translateX(-50%); left: 50%; top: 50%; position: relative;}
.obj, .obj-llaves { width: 42%; height: auto; display: inline-block; position:relative; margin: 0 10px; /*background-size: contain; background-position: center center; background-repeat: no-repeat; display:block;*/ }
.obj-llaves {width: 100%; margin: 0;}
/*.obj-moneda {background-image: url('../img/llaves/obj-moneda.gif');}
.obj-concha {background-image: url('../img/llaves/obj-concha.gif');}
.obj-entrada {background-image: url('../img/llaves/obj-entrada.gif');}
.obj-herradura {background-image: url('../img/llaves/obj-herradura.gif');}
.obj-foto {background-image: url('../img/llaves/obj-foto.gif');}
.obj-moneda-on {background-image: url('../img/llaves/obj-moneda-on.gif');}
.obj-concha-on {background-image: url('../img/llaves/obj-concha-on.gif');}
.obj-entrada-on {background-image: url('../img/llaves/obj-entrada-on.gif');}
.obj-herradura-on {background-image: url('../img/llaves/obj-herradura-on.gif');}
.obj-foto-on {background-image: url('../img/llaves/obj-foto-on.gif');}
*/
.rank-user {border-bottom:solid 1px #fff;color:#fff;padding:20px 0;}
.fancybox-slide--iframe .fancybox-content { width:100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; }

/* Landscape */

@media (orientation: landscape) {
	.aviso-landscape {display:block;background-image:url('../img/mensajes/rotation.gif');background-color:rgba(255,0,0,1);}
}




/* ==========================================================================
   KIT DEL NÚCLEO · clases de las páginas comunes (_nucleo/paginas)
   Reproducen el aspecto que tenía EscapeBull.
   ========================================================================== */
.pagina-index, .pagina-pin, .pagina-regalar, .pagina-cerrado, .pagina-error {background:red;}
.pagina-cerrado, .pagina-error {color:#eee;}
.pagina-contacto {background:#fff;}
.pagina-index .enunciado {margin:30px 0 100px 0;}
.menu {padding:0 50px;}
.contenido {padding:30px;}

/* Botones del menú: la madera de colores de siempre */
.boton {text-decoration:none;font-size:1.5em;font-weight:bold;color:#fff;width:100%;margin:5px auto;display:inline-block;padding:15px 0;background-image:url('../img/boton-base.png');background-position:center;background-size:contain;background-repeat:no-repeat;}
.boton-acceder {background-image:url('../img/boton-base-5.png');}
.firma {margin-top:30px;}
.creditos, .creditos a, .pagina-index .menu h3 {color:#fff;}

/* Ventana de acceso */
#purchase-form .precio {font-size:1.5em;color:#fff;}
#purchase-form input {color:#000;}
.tarjetas img {width:100%;max-width:300px;}

/* Ranking */
#ranking h1 {color:#fff;margin-bottom:5px;}
.rank-user h2 {margin-bottom:10px;}
.rank-localidad {text-transform:capitalize;}

/* Páginas sobre rojo */
.pagina-pin h3, .pagina-pin a, .pagina-regalar h1, .pagina-regalar p, .pagina-regalar a, .pagina-cerrado a {color:#fff;}
#enter {text-decoration:none;}