html,body{
  font-family: 'Droid Sans', 'Helvetica', Arial, sans-serif;
  background:#99FFCC;
  margin: 0px;
  padding: 0px;
  height: 100%;

}

footer{
  clear: both;
  background-color: #4D4DFF;
  margin: 0px;
  padding-left: 0%;
  padding-top:10px;
  height: 30px;
  border-style: solid;
  border-color: black;
  border-width: 2px;
 }
 header{
  border-style: solid;
  border-color: black;
  border-width: 2px;
  padding-left:0%;
  padding-bottom: 10px;
  margin: 0px;
  height: 50px;
  background: #4D4DFF;
 }

 
#myCircle,#hor,#min,#seg{
  display: none;
  
}
#tex{
  position: bottom;
  border-top: none;
  border-style: solid;
  border-color: black;
  border-width: 2px;
  float: left;
  font-size: 24px;
  width: 100px;
  background: #DBDBFF;
  margin-left:  35%;
}
#map{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 280px;
  border-style: solid;
 border-top: none;
  border-color: black;
  border-width: 2px;
  background: rgba(0,255,0,0.5); /* verde si no hay mapa */
}

 #boton{
 position: absolute;
  top:80%;
  left:30px

}