div.pont, div.ponta {
    position: relative;
    overflow: visible;
    margin-bottom:25px;
    width: 100%;
}

div.pont {
	display: none;
}

.pont #map{
	height:350px;
    }
.pont #openmap{
   height:250px;
   z-index: 5;
}

span.infoTitle{
    display: block;
}

span.marTitle{
    display: inline-block;
    font-weight: 500;
}

img.gmap-marker-content {
    transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out;
    transform-origin: bottom center;
}

img.gmap-marker-content.selected-marker{
    transform: scale(1.2);
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.4));
    animation: bounce 0.7s infinite alternate;
    z-index: 999;
    position: relative;
}

@keyframes bounce {
    from {
        transform: scale(1.2) translateY(0);
    }
    to {
        transform: scale(1.2) translateY(-5px);
    }
}


.leaflet-marker-icon {
    transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out;
    transform-origin: bottom center;
}
.leaflet-marker-icon.selected-marker {
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.6));
}