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

body{
  font-family: FiraOpenType, sans-serif;
  margin: 0;
  padding: 0;
}

header{
  background:no-repeat;
  position:fixed;
  top:0px;
  left:-4px;
  width:104%;
  height:5rem;
  padding:0px;
  margin:0px;
  background: -moz-linear-gradient(top, rgba(205,103,45,1), rgba(187,72,45,1));
  background: -ms-linear-gradient(top,  rgba(205,103,45,1), rgba(187,72,45,1));
  background: -webkit-linear-gradient(top, rgba(205,103,45,1), rgba(187,72,45,1));
  background: -o-linear-gradient(top, rgba(205,103,45,1), rgba(187,72,45,1));
  background: linear-gradient(to top bottom, rgba(205,103,45,1), rgba(187,72,45,1)));
}

#idBoton01{
  background: url(../imagenes/menu.png) left center no-repeat;
  display:block;
  padding: 0px;
  width:35px;
  float:left;
  height:5rem;
  background-color:#BB482D;
  cursor:pointer;
}

#idSeparador01{
  background: -moz-radial-gradient(left center, rgba(0,0,0,0.8) , rgba(255,255,255,0) 60%);
  padding:3px 0px 3px;
  display:block;
  width:3px;
  height:3rem;
  float:left;
  margin-top:0.8rem;
  margin-bottom:0.8rem;
}

h1{
color:#FFF;
margin-left: 3rem;
text-align:left;
}

#map{
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 5rem;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c7c7c7;
}

footer{
  width:100%;
  height: 4rem;
  position:fixed;
  margin: 0px;
  background-color:#000;
  bottom: 0px;
  left: 0px;
  z-index:1;
}

button{
  text-align:center;
  border:0px;
  margin: 0px;
  width: 10%;
  height: 4rem;
  display:block;
  float:right;
  padding: 0px;
  cursor:pointer;
}

button:hover, button:active, button:visited, button:link, button:focus {
  border:0px !important;
}

#btnInicializar{
  background: url(../imagenes/reiniciar.png) center center no-repeat;
}

#btnCompactar{
  background: url(../imagenes/unir.png) center center no-repeat;
}