@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
@import url(http://fonts.googleapis.com/css?family=Walter+Turncoat);

.tipografia_titulo_pregunta {
  font-size: 25px;
}

#pregunta_9 {
  font-size: 20px;
}

ul#respuestas_9 {
  text-align: center;
  padding-top: 20px;
}

ul#respuestas_9 li {
  display: inline;
}
ul#respuestas_9 li button {
  width: 130px;
  padding: 10px;
  text-align: center;
}

#respuestas_9 img {
  position: relative;
  height: 60px;
  width: auto;
}

#respuestas_9 div {

}

// ------------------
// Inicio -----------
// ------------------
#inicio {
  position: absolute;
  width: 480px;
  left: 80px;
  top: 130px;

  text-align: center;
}

#titulo {
  font-size: 30px;
}

#inicio_globo {
  position: absolute;
  left: 480px;
  top: 20px;
  z-index: 2;
}

#inicio_mensaje {
  padding: 20px;
}

#comenzar_cuestionario {
  top: 10px;
}

#andando_en_patineta {
  position: absolute;
  background-image: url("images/andando_en_patineta.png");
  width: 107px;
  height: 170px;

  top: 210px;
  left: 40px;

}


// ------------------
// Objetos paseadores
// ------------------
#disfrazado {
  position: absolute;
  background-image: url("images/disfrazado.png");
  width: 251px;
  height: 398px;

  top: 130px;
  left: 500px;
}

#disfrazado2 {
  position: absolute;
  background-image: url("images/disfrazado2.png");
  width: 151px;
  height: 181px;

  left: 550px;
  top: 170px;
}

#slider_personaje {
  position: absolute;
  background: url("images/andando_en_patineta_mini.png") no-repeat;
  width: 80px;
  height: 66px;
  top: -55px;
  left: -28px;
}

#slider_linea_progreso {
  position: absolute;
  background: url("images/slider_linea_progreso.png") no-repeat;
  width: 517px;
  height: 18px;
  top: 55px;
  left: 50px; // min: 50px y max: 400px (hay 350 de diferencia)
}

#slider_fin {
  position: absolute;
  background: url("images/libro_corriendo.png") no-repeat;
  width: 43px;
  height: 36px;
  top: 15px;
  left: 635px;
}

#bloque_slider {
  position: absolute;
  width: 550px;
  height: 100px;
  left: 120px;
  top: -15px;
  overflow: hidden;
}