body {font-family: times, serif;}
.elcolor {color:#9e0404 !important}
.fondo {z-index:-1;position:fixed;top:0;left:0;right:0;bottom:0;background-image:url('../img/fondo.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;}
.fondo-homescreen {background:#000}
.pure-img, .centrado {margin:0 auto;}
.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}
.pure-button-green {background-color:#96bd69;color:#fff}

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; }

.purchase-btn {background: transparent;display:block;margin:5px 0;}
.purchase-form {background: #fff;padding: 0;margin: 0 5px 5px 5px;}
#purchase-form {margin:0 0 0 0; padding:25px 15px 10px 15px}

/* Estructura */

.homescreen, .ok, .no, .win-entrada, .win, .gameover-entrada, .gameover, #aviso30, #aviso15, #aviso5, #aviso1, #avisoPista, .btn-avance, #google_map, #mapa, .img_OK, #avisoMensaje, #audioEnigma {position:fixed;top:0;left:0;right:0;bottom:0;}
.homescreen, .ok, .no, .win-entrada, .win, .gameover-entrada, .gameover, #aviso30, #aviso15, #aviso5, #aviso1, #avisoPista, .iconnav .icon .num, #avisoMensaje, #audioEnigma {background-position:center;background-repeat:no-repeat;background-size:contain;}

.homescreen {z-index:9999;background-color:#fff;background-image:url('../img/homescreen.png');}
#enter {display:block;position:fixed;bottom:0;right:0;left:0;top:0}

.navtop {padding:20px 0;text-align:center;position:fixed;top:0;left:0;right:0;background:transparent;/*border-bottom:solid #222 1px*/}
.iconnav .icon {width:60px;position:relative;margin:0 auto;}
.iconnav .icon img {width:60px;}
.iconnav .icon .num {line-height:100%;background-image:url('../img/fondo-numeros.png');width:23px;height:23px;margin:0;padding-top:11px;position:absolute;bottom:-6px;right:-8px;color:#ebd08e;font-weight:bold;font-style:italic;font-size:.9em;}
.navbottom {position:fixed;bottom:0;left:0;right:0;text-align:center;padding-top:10px;background:transparent;/*border-top:solid #222 1px*/}

.btn-menu {width:100%;margin:15px auto}
.btn-settings {width:75px;margin:25px auto}
.btn-effec:hover, .btn-effec:focus {opacity:0.75}
.btn-avance {display:block;}
.btn-close, .btn-close-aviso-pista, .btn-close-aviso-mensaje {position:fixed !important;top:0;right:0;z-index:9999;padding:10px}
.btn-close-aviso-pista, .btn-close-aviso-mensaje {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-audio, #btn-audio-off {display:block;width:60px;height:60px;background-repeat:no-repeat;background-color:transparent;background-image:url('../img/icono-play.png');background-size:contain;background-position:center;}
#btn-audio-off {opacity:0.40}
#btn-audio.btnPause {background-image:url('../img/icono-pause.png');}

#myProgress {padding:10px 0;margin-top:0;background-color:transparent;background-image:url('../img/fondo-barra-de-tiempo.png');background-size:contain;background-position:center;width:100%;position:relative;}
#tiempo {margin:2px auto 0 auto;padding:5px 0;font-size:24px;line-height:100%;color:#000;position:relative;z-index:10;font-weight:normal;letter-spacing:1px;font-style:italic}
#theBar {background:#fff;height:35%;position:absolute;right:0;top:17px;z-index:5}

/* 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-color:#000;background-image:url('../img/mensajes/no-1.gif');}
.no-2 {background-image:url('../img/mensajes/no-2.gif');}

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

#aviso30, #aviso15, #aviso5, #aviso1 {z-index:99999;display:none;}
#aviso30 {background-color:#342418;background-image:url('../img/mensajes/30.gif');}
#aviso15 {background-color:#183418;background-image:url('../img/mensajes/15.gif');}
#aviso5 {background-color:#342418;background-image:url('../img/mensajes/5.gif');}
#aviso1 {background-color:#552828;background-image:url('../img/mensajes/1.gif');}

#avisoPista {z-index:999;display:none;background-color:rgba(0,0,0,0.5);background-image:url('../img/mensajes/aviso-pista.png');background-size:365px auto;}
#avisoMensaje {z-index:999;display:block;background-color:rgba(0,0,0,0.5);background-size:365px auto;}
#audioEnigma {z-index:90;display:block;background-color:rgba(0,0,0,0.5);background-size:365px auto;}
.avisoMensaje-1-1 {background-image:url('../img/mensajes/mensaje-1.1.png');}
.avisoMensaje-1-2 {background-image:url('../img/mensajes/mensaje-1.2.png');}
.avisoMensaje-2-1 {background-image:url('../img/mensajes/mensaje-2.1.png');}
.avisoMensaje-2-2 {background-image:url('../img/mensajes/mensaje-2.2.png');}
.avisoMensaje-3-1 {background-image:url('../img/mensajes/mensaje-3.1.png');}
.avisoMensaje-3-2 {background-image:url('../img/mensajes/mensaje-3.2.png');}
.avisoMensaje-4-1 {background-image:url('../img/mensajes/mensaje-4.1.png');}
.avisoMensaje-4-2 {background-image:url('../img/mensajes/mensaje-4.2.png');}
.avisoMensaje-5-1 {background-image:url('../img/mensajes/mensaje-5.1.png');}
.avisoMensaje-5-2 {background-image:url('../img/mensajes/mensaje-5.2.png');}
.avisoMensaje-6-1 {background-image:url('../img/mensajes/mensaje-6.1.png');}
.avisoMensaje-6-2 {background-image:url('../img/mensajes/mensaje-6.2.png');}
.avisoMensaje-7-1 {background-image:url('../img/mensajes/mensaje-7.1.png');}
.avisoMensaje-7-2 {background-image:url('../img/mensajes/mensaje-7.2.png');}
.avisoMensaje-8 {background-image:url('../img/mensajes/mensaje-8.png');}
.avisoMensaje-zona {background-image:url('../img/mensajes/mensaje-zona.png');}
.avisoMensaje-test {background-image:url('../img/mensajes/mensaje-test.png');}
.avisoMensaje-win {background-image:url('../img/mensajes/mensaje-win.png');}

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

/* Pantalla Enigma */

.enunciado {text-align:center;margin:85px 0 100px 0;}
.enunciado h2 {font-family: times, serif;font-weight:normal;line-height:110%;font-size:1.5em;}
.enunciado p {font-size:1.2em;margin:-5px 0 10px 0;}
#pistas p {font-size:1.1em;margin:0 0 10px 0;}
.enunciado-audio {opacity:0;-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }

.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:#c5a054;border: 1px solid #333 !important;box-shadow: inset 0 1px 3px #333 !important;width:30px;padding: .45em !important; line-height:100%;}
.button-responder {color: white; /*border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/ background: transparent; margin:0 !important;font-weight:bold;padding: 0;line-height:100%;}
.button-responder:hover {background:transparent}
.button-responder img {width:37px;padding:5px 8px;margin-top:5px;}
.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: .4em .5em .3em .5em}

/* Modals */

.llave-1 {background-image:url('../img/mensajes/llave-1.gif');background-color:#000}
.llave-2 {background-image:url('../img/mensajes/llave-2.gif');background-color:#000}
.llave-3 {background-image:url('../img/mensajes/llave-3.gif');background-color:#000}
.llave-4 {background-image:url('../img/mensajes/llave-4.gif');background-color:#000}
.llave-5 {background-image:url('../img/mensajes/llave-5.gif');background-color:#000}
.llave-6 {background-image:url('../img/mensajes/llave-6.gif');background-color:#000}
.llave-7 {background-image:url('../img/mensajes/llave-7.gif');background-color:#000}
.llave-8 {background-image:url('../img/mensajes/llave-8.gif');background-color:#000}
#google_map, #mapa {position:fixed !important;background-color:#f5f5f5;z-index:999}
.title-avance-mapa {text-align:left;position:fixed !important;top:30px;left:0;margin:20px 25% 20px 10px;padding:15px;font-family: times, serif;font-weight:normal;letter-spacing:0;z-index: 9999;line-height:110%;background:#222;color:#fff}
#ranking {background:#222;}
.rank-user {border-bottom:solid 1px #fff;color:#fff;padding:20px 0;}
.rank-position {color:red;font-size:2em;}