#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: 50px;
}


#map{
  display: block;
  margin: 0;
  padding: 0;
  position: absolute; /* posición absoluta a navegador */
  top: 150px;      /* 50px debajo de borde de navegador */
  left: 0;        /* ajusta a borde de navegador */
  right: 0;
  bottom: 0;
  background: rgba(0,255,0,0.5); /* verde si no hay mapa */
}

body{
  text-align: center;
}

h1{
  background-image: url(fondo.jpg);
  font-family: Arial, Times, serif;
  font-size: 26px;
  text-align: center;  
  color:blue;
}
   
 .boton1 {
   border-top: 1px solid #ffffff;
   background: #010203;
   background: -webkit-gradient(linear, left top, left bottom, from(#72a2c2), to(#010203));
   background: -webkit-linear-gradient(top, #72a2c2, #010203);
   background: -moz-linear-gradient(top, #72a2c2, #010203);
   background: -ms-linear-gradient(top, #72a2c2, #010203);
   background: -o-linear-gradient(top, #72a2c2, #010203);
   padding: 8.5px 17px;
   -webkit-border-radius: 37px;
   -moz-border-radius: 37px;
   border-radius: 37px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 22px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }

.boton1:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #f5faf0;
   }

.boton1:active {
   border-top-color: #1b435e;
   background: #1b435e;
	}

.boton2 {
   border-top: 1px solid #ffffff;
   background: #010203;
   background: -webkit-gradient(linear, left top, left bottom, from(#72a2c2), to(#010203));
   background: -webkit-linear-gradient(top, #72a2c2, #010203);
   background: -moz-linear-gradient(top, #72a2c2, #010203);
   background: -ms-linear-gradient(top, #72a2c2, #010203);
   background: -o-linear-gradient(top, #72a2c2, #010203);
   padding: 8.5px 17px;
   -webkit-border-radius: 37px;
   -moz-border-radius: 37px;
   border-radius: 37px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 22px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }

.boton2:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #f5faf0;
   }

.boton2:active {
   border-top-color: #1b435e;
   background: #1b435e;
  }