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

footer{
  clear: both;
  background-color: #4D4DFF;
  position: absolute;
  bottom: 0px;
  width: 100%;
  margin: 0px;
  padding-left: 40%;
  padding-top:30px;
  height: 50px;
  border-style: solid;
  border-color: black;
  border-width: 2px;
 }
 header{
  border-style: solid;
  border-color: black;
  border-width: 2px;
  padding-left:40%;
  padding-bottom: 10px;
  margin: 0px;
  height: 50px;
  width: 100%;
  background: #4D4DFF;
 }
 
#myCircle,#hor,#min,#seg{
  float: left;
  display: left;
  padding-left: 100px;
  
}
#tex{
  border-top: none;
  border-style: solid;
  border-color: black;
  border-width: 2px;
  float: left;
  font-size: 24px;
  width: 100px;
  background: #DBDBFF;
  margin: 30px;
}
#map{
  margin: 0;
  padding: 0;
  float: left;
  width: 75%;
  height:500px;
   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:90px;
  left: 80px
}