@font-face{
	font-family:'fira';
	src:url('FiraSans-Light.woff')
	}
	
	*{font-family: fira; font-weight:bold}

 
 #contenedor{text-align:center;}
#map{
	display: block;
	margin: 0;
	padding: 0;
	position: absolute; /* posición absoluta a navegador */
	top: 100px;      /* 50px debajo de borde de navegador */
	left: 0px;        /* ajusta a borde de navegador */
	right: 0;
	bottom: 0;
	background: #0CF; /* verde si no hay mapa */
}
#botones{ float:right;}

#compactar {
	position: absolute;
	margin-left: 5px;
	margin-bottom: 20px;
	bottom: 20px;
	left: 4px;
	color: #F3F3F3;
	background-color: #1367CB;
	font-size: 20px;
	
	background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  border: solid #9aadb8 5px;
  text-decoration: none;;
	}
	#compactar:hover {
  background: #3cb0fd;
  text-decoration: none;
	}
#reiniciar {
	
	position: absolute;
	margin-left: 110px;
	margin-bottom: 20px;
	bottom: 20px;
	left: 70px;
	color: #F3F3F3;
	background-color: #1367CB;
	font-size: 20px;
	background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  color: #ffffff;
    padding: 10px 20px 10px 20px;
  border: solid #9aadb8 5px;
  text-decoration: none;
	}
	#reiniciar:hover {
		background: #3cb0fd;
  text-decoration: none;
		}