html, body, #map-canvas {
  height: 100%; margin: 0px; padding: 0px;
}

#floating-panel-calor {
  position: absolute;
  top: 3px;
  left: 20%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  /* font-family: 'Roboto','sans-serif'; */
  line-height: 18px;
  padding-left: 10px;
  font-size: 12px;
}

#floating-panel-puntos {
  position: absolute;
  top: 40px;
  left: 20%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  /* font-family: 'Roboto','sans-serif'; */
  line-height: 18px;
  padding-left: 10px;
  font-size: 12px;
}

/* ------------------------------ */

#grisado {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.7;
  z-index: 2000;
  display: none;
}

#grisadoGIF {
  position: fixed;
  top: 40%;
  left: 45%;
  z-index: 3000;
  display: none;
}

/* ------------------------------ */

.titulo {
  width: 52px;
  display: inline-block;
  text-align: left;
}