body {
        margin: 0;
        padding: 0;
    }
    #map {
		position:absolute;
        top: 0;
        bottom: 0;
        width: 100%;
		height: 100%;
    }

	layer.bindpopup {
		width: 230px;
	}
	
	.leaflet-popup-tip {
		background: #000000;
		color: #fff;
	}
	
	.leaflet-popup-content-wrapper {
    border-radius: 10px;
	background: #000000;
	color: #fff;
	}
	
	.leaflet-popup-content {
		width:auto !important; 
	}
	
	h3 {
	text-align: center;	
	color: #5abf00;
	font-size: 40px;
	font-weight: bold;
	}
	
	h5 {
	text-align: center;	
	color: #5abf00;
	}
	
	span.dato {
	text-align: left;	
	color: #5abf00;
	size: 10pt;
	font-weight: bold;
	}
	
	span.titulo {
	text-align: center;	
	color: #5abf00;
	width: 100%;
	
	}
	
	span.info {
	text-align: left;	
	color: black;
	size: 10pt;
	font-weight: bold;
	}
	
	a.button {
	text-align: center;
    background-color: #5abf00;
    border: none;
    padding: 4px 0px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
	font-weight: bold;
	color: black;
	width: 100%;
    }
	
	a.button:hover {
    background-color: black;
    color: #5abf00;
}