@import url(https://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);

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

#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: 70px;      /* 50px debajo de borde de navegador */
  left: 0;        /* ajusta a borde de navegador */
  right: 0;
  bottom: 0;
  background: rgba(191,191,191,0.5); /* verde si no hay mapa */
}

button {
    bottom: 0.6em;
    cursor: pointer;
    font-size: 0.5em;
    font-weight: 800;
    position: relative;
	background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #184866);
  background-image: -moz-linear-gradient(top, #3498db, #184866);
  background-image: -ms-linear-gradient(top, #3498db, #184866);
  background-image: -o-linear-gradient(top, #3498db, #184866);
  background-image: linear-gradient(to bottom, #3498db, #184866);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 3px #050005;
  -moz-box-shadow: 0px 0px 3px #050005;
  box-shadow: 0px 0px 3px #050005;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #1f628d 2px;
  text-decoration: none;
  margin-left: 4em;
}

.btn:hover {
  background: #184866;
  background-image: -webkit-linear-gradient(top, #184866, #3b8bbd);
  background-image: -moz-linear-gradient(top, #184866, #3b8bbd);
  background-image: -ms-linear-gradient(top, #184866, #3b8bbd);
  background-image: -o-linear-gradient(top, #184866, #3b8bbd);
  background-image: linear-gradient(to bottom, #184866, #3b8bbd);
  text-decoration: none;
}

h1{font-family: 'Courgette', cursive;
text-align:center;}