body{
  font-family: 'Droid Sans', 'Helvetica', Arial, sans-serif;
}

h1{
    text-align: center;
    position: absolute; /* posición absoluta a navegador */
  top: 0;             /* ajusta a borde de navegador */
  left: 0;
  right: 0;
  height: 5%;
  font-size: 1.5em;
    }

#boton {
  position: absolute;
   left: 48%;
   right: 48%;
    bottom: 1%;
    z-index: 1;
  background: #232345;
  border: 2px solid #000;
  border-radius: 10px;
  color: #fff;
  cursor: pointer
  font-size: large;
    
}

#latlng{
  display: block;
  margin: 0;
  padding: 0;
  position: absolute; /* posición absoluta a navegador */
  top: 0;             /* ajusta a borde de navegador */
  left: 0;
  right: 0;
  height: 10%;
}

#map{
  display: block;
  margin: 0;
  padding: 0;
  position: absolute; /* posición absoluta a navegador */
  top: 8%;      /* 50px debajo de borde de navegador */
  left: 0;        /* ajusta a borde de navegador */
  right: 0;
  bottom: 10%;
  height:85%;
  background: c4e2f2; /* verde si no hay mapa */
}