@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);


// ------------------------------------------
// Tuneando lo que está en test-generico.less
// ------------------------------------------
.tipografia_titulo_pregunta {
  font-size: 19px;
}

.pregunta_grupo button {
  font-size: 15px;
}

li button {
  min-height: 33px;
}


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

  text-align: center;
}

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

#inicio_mensaje {
  padding: 20px;
}

#comenzar_cuestionario {
  top: 10px;
}



// ------------------
// Objetos paseadores
// ------------------

#hormiga {
  position: absolute;
  background-image: url("images/hormiga.png");
  width: 69px;
  height: 169px;

  top: 180px;
  left: 600px;

}

#nene_con_ideas {
  position: absolute;
  background-image: url("images/nene_con_ideas.png");
  width: 134px;
  height: 162px;

  top: 200px;
  left: 50px;
}

#intelectual {
  position: absolute;
  background-image: url("images/intelectual.png");
  width: 205px;
  height: 255px;

  left: 500px;
  top: 130px;
}

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

#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/nene_con_ideas_mini.png") no-repeat;
  width: 57px;
  height: 69px;
  top: -10px;
  left: 645px;
}

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