rutas.css

body {	padding: 0;
        margin: 0;
	position:relative;
        }
        
html, body, #map{
	height: 100%;
        width: 100%;
        }

#map {
	
        }

#bar{
	z-index:1;
	position:absolute;
	height:10%;
	padding:10px;
	left:0;
	bottom:0;

}

.boton{
	height:100%;
	width:200px;
	background:rgba(0,0,0,0.2);
	border:none;
	color: white; 
	font: bold; 
	font-size:5vh;
	letter-spacing: -3px;  
	font-family: "Helvetica";

}
/*Estilo del popup personalizado*/
.custom-popup .leaflet-popup-content-wrapper {
  background:rgba(0,0,0,0.7);
  color:white;
  font-size:14px;
  line-height:24px;
  }
.custom-popup .leaflet-popup-content-wrapper a {
  color:rgba(255,255,255,0.5);
  }
.custom-popup .leaflet-popup-tip-container {
  width:30px;
  height:30px;
  }
.custom-popup .leaflet-popup-tip {
  border-left:1px solid transparent;
  border-right:1px solid transparent;
  border-top:1px solid;
  background: rgba(0,0,0,0.7);
  }