:focus{
  outline: 0;
}

body{
  font-family: 'Helvetica';
}

#tablero{
  width: 1000px;
  height: 822px;
  position: relative;
  overflow: hidden;
}
#tablero #fondo{
  background: url(images/tablero.jpg) no-repeat left top;                
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#controles{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.control{
  position: absolute;
}

.reglas{
  height: 48px;
  width: 110px;
  background: url(images/reglas.png) no-repeat -110px 0;
  left:35px;
  top:37px;
  cursor:pointer;
}

.reloj{
  left: 160px;
  top:37px;
  height: 30px;
  width: 82px;
  background: url(images/reloj.png) no-repeat left top;
  color: white;
  padding: 10px 17px;
  font-size: 18px;
  letter-spacing: 3px;
  font-weight: bold;
}

.horas,.segundos{
  padding: 0 10px;
}

#personajes-marcador{
  position:absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

#personajes-marcador .chico{
  background: url(images/personaje_chico.png) no-repeat 0 0;                
}
#personajes-marcador .chica{
  background: url(images/personaje_chica.png) no-repeat 0 0;                
}
#personajes-marcador .perro{
  background: url(images/personaje_perro.png) no-repeat 0 0;                
}

.personaje1,.personaje2,.personaje3{
  right: 0;
}

.personaje1 .retrato,.personaje2 .retrato,.personaje3 .retrato{
  height: 106px;
  width: 100px;
  z-index: 4;
  position: relative;
}

.personaje3{                                
  top: 90px;
}

.personaje2{                
  top: 40px;
}

.personaje1{                
  top: -10px;
}

#personajes-marcador .barra{
  width: 136px;
  height: 33px;
  background: url(images/barraObrasRecuperadas.png) no-repeat left top;
  position: absolute;
  z-index: 3;
  right: 53px;
  top: 40px;
}

#personajes-marcador .barra-0{
  background-position: 0 0;
}

#personajes-marcador .barra-1{
  background-position: 0 -33px;
}

#personajes-marcador .barra-2{
  background-position: 0 -66px;
}

#personajes-marcador .barra-3{
  background-position: 0 -99px;
}

#personajes-marcador .barra-4{
  background-position: 0 -132px;
}

#personajes-marcador .barra-5{
  background-position: 0 -165px;
}

#personajes-marcador .turno-actual{
  background-position: -100px 0;
  z-index: 7;
}
#personajes-marcador .turno-perdido{
  background-position: -200px 0;
  z-index: 7;
}

#dado-cont{
  bottom: 20px;
  right: 25px;
  z-index: 4;
  cursor:pointer;
} 

.camino-recorrido{
  position:absolute;
  left:0;
  top: 0;
  z-index:3;
  width:37px;
  height:29px;
  background:url(images/piecitos.png) no-repeat left top;
}

.avatar{
  z-index:4;
  position:absolute;
  left: 0;
  top: 0;                
}

.avatar.temporal{
  cursor: pointer;
  z-index: 7;
}

.avatar.chica{
  width: 47px;
  height: 123px;
  background: url(images/avatar-chica.png) no-repeat 0 0;                
}

.avatar.temporal.chica{
  background: url(images/chica-selec-casilla.png) no-repeat 0 0;                
}

.avatar.chico{
  width: 37px;
  height: 91px;
  background: url(images/avatar-chico.png) no-repeat 0 0;                
}
.avatar.temporal.chico{
  background: url(images/chico-selec-casilla.png) no-repeat 0 0;                
}

.avatar.perro{
  width: 48px;
  height: 53px;
  background: url(images/avatar-perro.png) no-repeat 0 0;                
}
.avatar.temporal.perro{
  background: url(images/perro-selec-casilla.png) no-repeat 0 0;                                
}

/* Preguntas */

#preguntas{
  position: absolute;
  width: 100%;
  height: 100%;
}

#preguntas.reto{
  background: url(images/preguntas/fondo_retos.png) no-repeat left top;                
}

#preguntas.acertijo{
  background: url(images/preguntas/fondo_acertijos.png) no-repeat left top;                
}

#preguntas.sorpresa{
  background: url(images/preguntas/fondo_sorpresas.png) no-repeat left top;                
}


#preguntas.individual .grupal{
  display: none;
}

#preguntas.grupal .individual{
  display: none;
}

#preguntas .seccion-respuestas{
  margin-top: 50px;
}

#preguntas .seccion-preguntas,#preguntas .seccion-respuestas{
  font-size: 18px;                
  width: 693px;
}

#preguntas.reto .cerrar,#preguntas.acertijo .cerrar{
  float: right;
  margin-top: 50px;
  margin-right: 50px;
}

#preguntas.sorpresa .cerrar{
  margin-top: 240px;
  float: right;
  margin-right: 115px;
}

#preguntas.reto .grado, #preguntas.sorpresa .grado{
  display: none;
}

#preguntas.reto .acertijo{
  display: block;
  margin-left: 20px;
}

#preguntas.reto .cerrar img,#preguntas.acertijo .cerrar img,#preguntas.sorpresa .cerrar img{
  cursor: pointer;
  width: 79px;
  height: 78px;
}

#preguntas.reto .columna-izq,#preguntas.acertijo .columna-izq,.retroalimentacion{
  float: left;
  /* margin-left: 163px;                */
  margin-left: 121px;               
}

#preguntas.reto .columna-izq,#preguntas.acertijo .columna-izq{
  height: 470px;
  /*margin-top: 150px;*/
  margin-top: 93px;
}

#preguntas.reto .lista-respuestas li,#preguntas.acertijo .lista-respuestas li{
  margin: 10px 0;
  cursor: pointer;
}

#preguntas.reto .seccion-preguntas{
  margin-top: 100px;
}

#preguntas.reto .lista-respuestas li:hover,#preguntas.acertijo .lista-respuestas li:hover, #preguntas.reto .lista-respuestas li.selected,#preguntas.acertijo .lista-respuestas li.selected{
  text-decoration: underline;
}

#preguntas.reto .retroalimentacion .mensaje-obra{
  display: none;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.huevo{
  background: url(images/tesoros/faberge.png) no-repeat left bottom;
  width: 263px;
  height: 350px;
  margin: 0 auto;
  padding-top: 150px;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.huevo.oculto{
  padding-top: 250px;
  background: url(images/tesoros/faberge.png) no-repeat -263px bottom;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.gladiador{
  background: url(images/tesoros/gladiador.png) no-repeat left bottom;
  width: 271px;
  height: 405px;
  margin: 0 auto;
  padding-top: 150px;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.gladiador.oculto{
  padding-top: 150px;
  background: url(images/tesoros/gladiador.png) no-repeat -271px bottom;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.jarron{
  background: url(images/tesoros/jarron.png) no-repeat left bottom;
  width: 204px;
  height: 331px;
  margin: 0 auto;
  padding-top: 150px;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.jarron.oculto{
  padding-top: 250px;
  background: url(images/tesoros/jarron.png) no-repeat -203px bottom;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.monalisa{
  background: url(images/tesoros/monalisa.png) no-repeat left bottom;
  width: 223px;
  height: 368px;
  margin: 0 auto;
  padding-top: 150px;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.monalisa.oculto{
  padding-top: 250px;
  background: url(images/tesoros/monalisa.png) no-repeat -223px bottom;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.oro{
  background: url(images/tesoros/oro.png) no-repeat left bottom;
  width: 264px;
  height: 336px;
  margin: 0 auto;
  padding-top: 150px;
}

#preguntas.acertijo .retroalimentacion .imagen-obra.oro.oculto{
  padding-top: 250px;
  background: url(images/tesoros/oro.png) no-repeat -264px bottom;
}

#preguntas.acertijo .retroalimentacion .mensaje-reto{
  display: none;
}

.novisible{
  display: none;
}

.visible-block{
  display: block;
}

.ultimo{
  z-index: 0;
}

.primero{
  z-index: 10;
}

.grado{
  width: 147px;
  height: 172px;
  clear: both;
  margin-left: 31px;
  position: absolute;
  top: 640px;
}

.grado.grado7{
  background: url(images/pantallas/img_mazo7.png) no-repeat 0 -22px;
}
.grado.grado8{
  background: url(images/pantallas/img_mazo8.png) no-repeat 0 -16px;
}
.grado.grado9{
  background: url(images/pantallas/img_mazo9.png) no-repeat 0 -22px;
}
.grado.grado10{
  background: url(images/pantallas/img_mazo10.png) no-repeat 0 -22px;
}

.stroke-text{
  position: relative;
  float: left;
  width: 690px;
  height: 50px;
  clear: both;
  margin: 0 auto;
}

.stroke-text svg{
  width: 690px;
  height: 60px;
  display: none;
}

.stroke-text p{
  font-family: 'Helvetica';
  font-size: 1.75em; /* 28px */
  color: white;
  position: absolute;
  top: 0.87em; /* 25px */
  left: 0;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 690px;
  text-align: center;

  /** TEMPORAL **/
  text-shadow: 0 0 4px black;
}

.retroalimentacion-sorpresa .stroke-text p{
  text-shadow: 0 0 4px white;
}

.stroke-text p.error{
  color: #dc5556;
}

#preguntas.reto .retroalimentacion-sorpresa,#preguntas.acertijo .retroalimentacion-sorpresa{
  display: none;
}

#preguntas .retroalimentacion{
  margin-top: 90px;
  height: 470px;
}

#preguntas.sorpresa .stroke-text{
  float: none;
}

#preguntas.sorpresa .stroke-text .mensaje-obra, #preguntas.sorpresa .stroke-text,#preguntas.sorpresa .stroke-text svg{
  width: 645px;
  padding-left:35px;
}

#preguntas.sorpresa .stroke-text .mensaje-obra{
  margin: 0 auto;
}

#preguntas.sorpresa .retroalimentacion-sorpresa .stroke-text .svg-stroke{
  fill: #f5f1e1;
  stroke: #f5f1e1;
  text-shadow: none;
  stroke-width:5px;                
}

#preguntas.sorpresa .retroalimentacion-sorpresa .stroke-text p{
  color: #5a2e83;
  text-align: center;
  width: 645px;
  padding-left: 35px;
}

.stroke-text .svg-stroke{
  font-size: 1.76em;
  font-style:normal;
  font-weight:bold;
  fill: #3d1148;
  fill-opacity:1;
  stroke: #3d1148;
  stroke-width: 9px;
  stroke-opacity: 1;
  font-family:'Helvetica';
  text-shadow: 0 1px 8px rgba(251,247,194,0.75);
}

.stroke-text .exito{
  color: #62e186;
}

.preload{
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#pantallas-seleccion{
  position: absolute;
  z-index: 16;
  width: 100%;
  height: 100%;
}

#pantallas-seleccion .inicial{
  background: url(images/pantallas/inicial.png) no-repeat;
  width: 100%;
  height: 100%;
}

#pantallas-seleccion .inicial p{
  width: 360px;
  padding: 220px 10px 10px 307px;
  font-size: 1em;
  font-family: 'Helvetica';
  font-style: italic;
  line-height: 22px;
  height: 180px;
  display: table-cell;
  vertical-align: middle;
}

#pantallas-seleccion .cantidad-jugadores{
  width: 100%;
  height: 100%;
  background: url(images/pantallas/seleccion_cantidad.png) no-repeat;
}

#pantallas-seleccion .seleccion-cantidad{
  padding-top: 330px;
  margin-left: 165px;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-1,#pantallas-seleccion .cantidad-jugadores .jugadores-2,#pantallas-seleccion .cantidad-jugadores .jugadores-3{
  width: 430px;
  height: 65px;
  margin: 0 auto;
  cursor: pointer;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-1,#pantallas-seleccion .cantidad-jugadores .jugadores-2,#pantallas-seleccion .cantidad-jugadores .jugadores-3{
  background: url(images/pantallas/selec_jugadores.png) no-repeat left top;                
}

#pantallas-seleccion .cantidad-jugadores .jugadores-2{
  background-position: 0 -130px;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-3{
  background-position: 0 -260px;
}
/* OVERS de seleccion de cantidad de jugadores */
#pantallas-seleccion .cantidad-jugadores .jugadores-1:hover,#pantallas-seleccion .cantidad-jugadores .jugadores-1.seleccionada{
  background-position: 0 -65px;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-2:hover,#pantallas-seleccion .cantidad-jugadores .jugadores-2.seleccionada{
  background-position: 0 -195px;
}
#pantallas-seleccion .cantidad-jugadores .jugadores-3:hover,#pantallas-seleccion .cantidad-jugadores .jugadores-3.seleccionada{
  background-position: 0 -325px;
}

#pantallas-seleccion .boton-siguiente{
  width: 241px;
  height: 73px;
  background: url(images/pantallas/btn_siguiente.png) no-repeat left top;
  cursor: pointer;
  display: none;
}

#pantallas-seleccion .cantidad-jugadores .boton-siguiente{
  margin-top: 130px;
  margin-left: 490px;
  display: none;
}

.numero-efecto{
  width: 64px;
  height: 64px;
  float: left;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}

.icono-vs{
  width: 46px;
  height: 42px;
  float: left;
  position: relative;
  left: 255px;
  margin: 10px 0;
  display: none;
  background: url(images/pantallas/selec_jugadores.png) no-repeat;
}

.icono-vs.pc{
  background-position: -60px -400px;
}
.icono-vs.usr{
  width: 38px;
  background-position: 0 -400px;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-1 .icono-vs{
  background-position: 0 -400px;
  margin: 11px 0;
  width: 110px;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-1:hover .icono-vs,#pantallas-seleccion .cantidad-jugadores .jugadores-2:hover .icono-vs,#pantallas-seleccion .cantidad-jugadores .jugadores-3:hover .icono-vs{
  display: block;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-2:hover .icono-vs{
  left: 257px;
  margin-right: 10px;
}



#pantallas-seleccion .cantidad-jugadores .jugadores-3:hover .icono-vs{
  left: 238px;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-1 .numero-efecto{
  background: url(images/pantallas/selec_jugadores_1.png) no-repeat left top;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-2 .numero-efecto{
  background: url(images/pantallas/selec_jugadores_2.png) no-repeat left top;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-3 .numero-efecto{
  background: url(images/pantallas/selec_jugadores_3.png) no-repeat left top;
}

#pantallas-seleccion .cantidad-jugadores .jugadores-1:hover .numero-efecto,#pantallas-seleccion .cantidad-jugadores .jugadores-2:hover .numero-efecto,#pantallas-seleccion .cantidad-jugadores .jugadores-3:hover .numero-efecto,
#pantallas-seleccion .cantidad-jugadores .seleccionada .numero-efecto{
  -webkit-transform: rotateZ(-20deg);
  -moz-transform: rotateZ(-20deg);
  -o-transform: rotateZ(-20deg);
  -ms-transform: rotateZ(-20deg);
  transform: rotateZ(-20deg);
}

#pantallas-seleccion .seleccion-personajes{
  width: 100%;
  height: 100%;
  background: url(images/pantallas/seleccion_personajes.png) no-repeat left top;
}

#pantallas-seleccion .seleccion-personajes input{
  border: 1px solid #7f9564;
  border-radius: 13px;
  height: 37px;
  width: 176px;
  background-color: rgba(192,208,172,0.85);
  color: #363636;
  font-size: 23px;
  font-family: 'Helvetica';
  text-align: center;
  box-shadow: inset 0 0 6px 2px rgba(59,89,12,0.75);
  position: absolute;
  left: 15%;
  bottom: 70px;
  display: none;
}

#pantallas-seleccion .seleccion-personajes input.chico{
  bottom: 120px;
}
#pantallas-seleccion .seleccion-personajes input.perro{
  bottom: 180px;
}

#pantallas-seleccion .personajes-scroller{
  padding-top: 168px;
  width: 828px;
  height: 590px;
  margin: 0 auto;
}

#pantallas-seleccion .personajes-scroller .flecha{
  width: 92px;
  height: 128px;
  float: left;
  margin-top: 170px;
  cursor: pointer;
}

#pantallas-seleccion .personajes-scroller .flecha-izquierda{
  margin-left: 188px;
  background: url(images/pantallas/flecha-izquierda.png) no-repeat left top;
}

#pantallas-seleccion .personajes-scroller .flecha-izquierda:hover,#pantallas-seleccion .personajes-scroller .flecha-derecha:hover{
  background-position: -92px 0;
}

#pantallas-seleccion .personajes-scroller .flecha-derecha{
  margin-right: 188px;
  background: url(images/pantallas/flecha-derecha.png) no-repeat left top;
}

#pantallas-seleccion .personajes-scroller .boton-siguiente{
  clear: both;
  position: absolute;
  bottom: 100px;
  right: 110px;
  display: none;
}

#pantallas-seleccion .imagen-personaje{
  width: 265px;
  height: 565px;
  float: left;                
  position: relative;
}

#pantallas-seleccion .imagen-personaje ul{
  list-style: none;         
  width: 800px;
  padding: 0;
  margin: 0;
  position: relative;
}

#pantallas-seleccion .imagen-personaje li{
  float: left;
  width: 260px;
  height: 560px;                
  position: relative;
}

#pantallas-seleccion .imagen-personaje > div{
  overflow: hidden;
  height: inherit;
}

#pantallas-seleccion .imagen-personaje img{
  display: block;
  width: 190px;
  -webkit-transition: -webkit-transform 0.45s;
  -moz-transition: -moz-transform 0.45s;
  -o-transition: -o-transform 0.45s;
  -ms-transition: -ms-transform 0.45s;
  transition: transform 0.45s;
  margin: 0 auto;
}

#pantallas-seleccion .imagen-personaje img.perro{
  padding-top: 130px;
}

#pantallas-seleccion .imagen-personaje img.seleccionada{
  -webkit-transform: scale(0.82) translateY(-60px); 
  -moz-transform: scale(0.82) translateY(-60px); 
  -o-transform: scale(0.82) translateY(-60px); 
  -ms-transform: scale(0.82) translateY(-60px); 
  transform: scale(0.82) translateY(-60px);
}

#pantallas-seleccion .imagen-personaje img.seleccionada.chico{
  -webkit-transform: scale(0.82);
  -moz-transform: scale(0.82); 
  -o-transform: scale(0.82); 
  -ms-transform: scale(0.82); 
  transform: scale(0.82); 
}

#pantallas-seleccion .imagen-personaje img.seleccionada.perro{
  -webkit-transform: none;
  -moz-transform:  none; 
  -o-transform:  none; 
  -ms-transform:  none; 
  transform:  none; 
}

#pantallas-seleccion .seleccion-mazo{
  width: 100%;
  height: 100%;
  background: url(images/pantallas/seleccion_mazo.png) no-repeat left top;    
}

#pantallas-seleccion .seleccion-mazo > div{
  width: 721px;
  height: 678px;
  margin: 0 auto;
  padding-top: 350px;
  padding-left: 265px;
}

#pantallas-seleccion .seleccion-mazo .mazo {
  width: 160px;
  height: 197px;
  float: left;
  cursor: pointer;
}

#pantallas-seleccion .seleccion-mazo .boton-siguiente{
  margin-top: 300px;
  margin-left: 350px;
}

#pantallas-seleccion .seleccion-mazo .mazo-7{
  background: url(images/pantallas/img_mazo7.png) no-repeat left top;
}
#pantallas-seleccion .seleccion-mazo .mazo-8{
  background: url(images/pantallas/img_mazo8.png) no-repeat left top;
}
#pantallas-seleccion .seleccion-mazo .mazo-9{
  background: url(images/pantallas/img_mazo9.png) no-repeat left top;
}
#pantallas-seleccion .seleccion-mazo .mazo-10{
  background: url(images/pantallas/img_mazo10.png) no-repeat left top;
}
#pantallas-seleccion .seleccion-mazo .mazo-7:hover,#pantallas-seleccion .seleccion-mazo .mazo-8:hover,#pantallas-seleccion .seleccion-mazo .mazo-9:hover,#pantallas-seleccion .seleccion-mazo .mazo-10:hover,
#pantallas-seleccion .seleccion-mazo .mazo.seleccionada{
  background-position: -160px 0;
}

#pantallas-seleccion .instrucciones{
  width: 100%;
  height: 100%;
  background: url(images/pantallas/instrucciones_fondo.png) no-repeat left top;
}

#pantallas-seleccion .instrucciones .contenedor-mensaje{
  padding-top: 180px;
  font-family: 'Helvetica';
  font-size: 1em;
  width: 765px;
  margin: 0 auto;
  color: #363636;
  line-height: 1.4em;
}

#pantallas-seleccion .instrucciones .contenedor-mensaje .grupales, #pantallas-seleccion .instrucciones .contenedor-mensaje .individuales{
  display: none;
} 
#pantallas-seleccion .instrucciones .contenedor-mensaje .grupales{
  padding: 22px 18px;
}

#pantallas-seleccion .instrucciones .contenedor-mensaje .individuales{
  padding: 2px 18px;            
  min-height: 370px;
  font-size: 0.966em;
}

#pantallas-seleccion .instrucciones .titulo{
  height: 42px;
  width: 390px;
  margin: 10px auto;
}

#pantallas-seleccion .instrucciones .titulo-grupales{
  background: url(images/pantallas/titulos-reglas.png) no-repeat left top;
}
#pantallas-seleccion .instrucciones .titulo-individuales{
  background: url(images/pantallas/titulos-reglas.png) no-repeat 0% 100%;
}

#pantallas-seleccion .instrucciones .contenedor-mensaje .boton-siguiente{
  margin-left: 540px;
  margin-top: 35px;
  display: block;
}

#pantallas-seleccion .instrucciones .contenedor-mensaje span{
  font-weight: bold;
}

#empecemos{
  width: 241px;
  height: 73px;
  background: url(images/pantallas/btn_empecemos.png) no-repeat left bottom;
  margin: 0 auto;
  cursor: pointer;
  padding-top: 25px;
}

#empecemos:hover{
  background-position: -241px 100%;
}

#personajes-marcador .control{
  display: none;
}

#pantalla-final{
  width: 100%;
  height: 100%;
  background: url(images/pantallas/final-juego.png) no-repeat left top;
  display: none;
}

#pantalla-final .contenedor{
  margin: 0 auto;
  padding-top: 80px;
}

#pantalla-final .stroke-text, #pantalla-final .contenedor,#pantalla-final .stroke-text p,#pantalla-final .stroke-text svg{
  width: 830px;
}
#pantalla-final .stroke-text p{
  color: #5a2e83;
  top: 0.65em;
}

#pantalla-final .stroke-text p,#pantalla-final .stroke-text .svg-stroke{
  font-size: 2em;
  letter-spacing: 1px;
}

#pantalla-final .stroke-text .svg-stroke{                
  fill: #e4f8fc;
  stroke: #e4f8fc;
  stroke-width: 5px;
  text-shadow: 0 1px 4px rgba(12,97,96,0.75);
}

#pantalla-final .puntaje-titulo{
  color: white;
  text-decoration: underline;
  font-weight: bold;
  text-shadow: 1px 0 3px 2px rgba(12,97,96,0.75);
  font-size: 1.3em;
}

#pantalla-final .puntuaciones{
  width: 650px;
  margin: 0 auto;
  padding-top: 190px;
}
#pantalla-final .puntuaciones ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#pantalla-final .puntuaciones .img-avatar{
  width: 531px;
  height: 131px;
  background: url(images/pantallas/imagenes-avatares.png) no-repeat 0 0;
  padding-left: 180px;
  display: none;
}

#pantalla-final .puntuaciones .img-avatar img{
  padding: 0 5px;
}

#pantalla-final .puntuaciones .img-avatar.chico{
  background-position: 0 0;
}

#pantalla-final .puntuaciones .img-avatar.chica{
  background-position: 0 -131px;
}

#pantalla-final .puntuaciones .img-avatar.perro{
  background-position: 0 -262px;
}

#pantalla-final #btn-reiniciar{
  position: absolute;
  cursor: pointer;
  bottom: 100px;
  right: 150px;
}

.destinos-off .banco-off{
  position: absolute;
  bottom: 71px;
  left: 435px;
  width: 121px;
  height: 199px;
}
.destinos-off .bigben-off{
  position: absolute;
  left: 107px;
  top:284px;
  width: 118px;
  height: 238px;
}
.destinos-off .piramide-off{
  position: absolute;
  right: 103px;
  bottom:153px;   
  width: 182px;
  height: 184px;
}
.destinos-off .templo-off{
  position: absolute;
  right: 153px;
  top:167px;    
  width: 158px;
  height: 147px;
}   
.destinos-off .volcan-off{
  position: absolute;
  left:214px;
  top:133px;
  width: 213px;
  height: 155px;
}

#canvas{
  position: absolute;
}

.iconos-flotantes div{
  position:absolute;
  width: 48px;
  height: 66px;
}

.iconos-flotantes .huevo{
  background: url(images/pantallas/iconos/faverge.png) no-repeat center top;
}

.iconos-flotantes .monalisa{
  background: url(images/pantallas/iconos/monalisa.png) no-repeat center top;
}

.iconos-flotantes .oro{
  background: url(images/pantallas/iconos/oro.png) no-repeat center top;
}

.iconos-flotantes .jarron{
  background: url(images/pantallas/iconos/jarron.png) no-repeat center top;
}

.iconos-flotantes .gladiador{
  background: url(images/pantallas/iconos/gladiador.png) no-repeat center top;
}

.personajes-faltantes{
  color: #363636;
  font-weight: bold; 
  display: none;
  text-align: center;
  position: absolute;
  font-size: 18px;
  left: 64px;
  bottom: 5px;
}


h1{
  margin-top: 0;
  font-size: 1.766em;
  display: none;
}

.reto .titulo-reto,.sorpresa .titulo-sorpresa,.acertijo .titulo-acertijo{
  display: block;
}

.reto h1,.sorpresa h1{
  color: #fff;
  text-shadow: 1px 1px 5px rgba(66,84,44,0.75);
}

.sorpresa h1{
  padding-top: 280px;
  padding-left: 220px;
  padding-bottom: 20px;
}

.acertijo h1{
  color:#68368b;
  text-shadow: rgba(144,58,168,0.75);
}