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

#todo { 
  list-style-type: none;
   margin-left:auto;
   margin-right:auto;
}


#encabezado { 
 border: 5px solid black;
        background: -webkit-linear-gradient(left, #7F9F79 , #64E54C);
        background: -o-linear-gradient(right, #64E54C, #7F9F79);
        background: -moz-linear-gradient(right, #7F9F79, #64E54C); 
        background: linear-gradient(to right, #7F9F79 , #64E54C); 
          border-radius: 30px;
          font-family: 'Rock Salt', cursive;
          width: auto;
          height: 130px;
          text-align: center;
           }
h1 {margin: 0; padding: 0; }
#boton {  
  font-family: 'Rock Salt', cursive;
          padding: 1px;
          font-size: 1em;
          border: 2px solid black;
          width: auto;
          text-align: center;
            margin-bottom:  20px;
           }

#separador {background-color: black;
        border-radius: 15px;
        margin: 10px;
        height:  10px;
        width: all;
        clear: both;}

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