#map {
   	width: 100%;
  	 height: 100vh; }	 
	@font-face {
	font-family: Fedra;
	src: url(../fonts/FedraSansCondStd-Book.otf);
	} 
	
	/* width */
	::-webkit-scrollbar {
	width: 10px;
	height: 8px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
	background:  #c3c3c3;
	border-radius: 5px;
	height:15px;
	width: 15px;
	}
	
	.leaflet-popup-scrolled {
    border-bottom: 0px solid ; 
     border-top: 0px solid ; 
	}
	
	.leaflet-popup-content-wrapper,.leaflet-popup-tip   {
	font-family:Fedra;
	font-size: 1.5rem;
	background:  rgb(24,34,51);
	color: #c3c3c3;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	border-radius: 4px;
	 max-height: 300px;
	}
	

	.leaflet-popup-content-wrapper:first-line {
	font-family:Fedra;
	color: white;	
	font-size: 1.5rem;
	}
	
	.leaflet-control-layers-expanded {
	background:  rgb(24,34,51);
	color: #c3c3c3;
	padding: 6px 10px 6px 6px;
	}

	.leaflet-bar a,.leaflet-bar a:hover {
	background-color: rgb(24,34,51);
	color: #c3c3c3;
	}
	
	.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 0px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 1.5rem/1.5rem Tahoma, Verdana, sans-serif;
    background: transparent;
}

.leaflet-tooltip {
	 position: relative;
    top: 0;
    right: 0;
	background-color: rgb(24,34,51);
	color: #c3c3c3;
	border: 0px solid rgb(24,34,51);
	}

.leaflet-control-layers-toggle {
	
	background-color: rgb(24,34,51);
	background-image: url(../images/layers.png);
}


.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(../images/layers-2x.png);
	background-size: 26px 26px;
	}

.boton{
  background: #868686;
  border-bottom: 1px solid #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 1px  #999;
  color: #ebebeb !important; 
  cursor: pointer;
   margin: 6px 6px 6px 6px ; 
  display: inline-table; 
  font-family:Fedra;	
  font-size: 1.4rem;
  height: 22px;
  padding: 0px 6px;
  text-align: center;
  transition: all 0.2s ease 0s;
  width: 80px;
}

.boton a{
  color: #ebebeb!important; 
  text-decoration:none;
}

.boton:hover{
	background: #c3c3c3 !important;
	color: #262626 !important;
	text-decoration:none;
}
.boton:active {
	border-bottom:1px solid #0045A6;
	transform: translateY(2px);
	transition: all 0.1s ease 0s;
	text-decoration:none;
}	

.legend {
	    	position:fixed;
	    	top:1px;
	    	left:45px;
	    	color: gainsboro;
			background: rgba(24,34,51);
	    	border-radius: 4px;    	
	    	padding:0.2rem 1rem;
	    
	    	font-family:Fedra;	
			font-size: 1.8rem;
			text-align: center;
	    	}