.smooth_zoom_preloader {
    background: transparent url(../images/preloader.gif) center center no-repeat;
}

.mapContainer {
    width: 100%;
    margin: 20px 0;
    float: left;
    font-size: 12px;
    line-height: 1.2em;
}

#map {
    float: left;
    width: 58%;
    height: 600px;
    margin-right: 2%;
    overflow: hidden;
}

#map img {
    max-width:none !important;
}


.mapContainer .sectionContainer {
    width: 40%;
    margin-bottom: 20px;
    float: left;
}

.mapContainer .iconsContainer {
    display: flex;
    flex-wrap: wrap;
}

.mapContainer .iconContainer {
    position: relative;
	display: block;
    width: 78px;
    text-align: center;
	border: 1px solid transparent;
	cursor: pointer;
    margin-bottom: 10px;;
}

.mapContainer .iconContainer:hover {
	border:1px solid #ccc;
	border-radius: 5px;
	background-color: #fff;
}

.mapContainer .icon {
	display: block;
    background-image: url('../images/icone-mappa_05.2019.png');
	background-repeat: no-repeat;
	background-color: transparent;
    margin: 0 auto;
	width: 60px;
	height: 45px;
}

.mapContainer .label {
    display: none;
    position: absolute;
    right: 40px;
    top: -20px;
    height: 84px;
    color: #0054A6;
    text-align: right;
    font-weight: bold;
    z-index: 100;
    line-height: 14px;
    vertical-align: middle;
    padding-left: 22px;
    background: transparent url("../images/label-mappa-sx.png") left no-repeat;
    
}

.mapContainer .iconContainer .label { right: 80px; top: -15px; }

.mapContainer .label p {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 25px;
    height: 84px;
    background: transparent url("../images/label-mappa.png") right no-repeat;
    z-index: 100;
}

.mapContainer .txt { width: 125px; text-align: center; display: inline-block; margin-top: 5px; }

.mapContainer .icon.bungalow-design,
.mapContainer .icon.bungalow,
.mapContainer .icon.bungalow-mare { background-position: 0px -185px; }
.mapContainer .icon.chalet-natura { background-position: 0px -230px; }
.mapContainer .icon.chalet-pineta { background-position: 0px -275px; }
.mapContainer .icon.chalet-sole { background-position: 0px -320px; }
.mapContainer .icon.chalet-maxi-mare-large { background-position: -63px -185px; }
.mapContainer .icon.chalet-maxi-mare { background-position: -63px -230px; }
.mapContainer .icon.caravan { background-position: -63px -275px; }
/*.mapContainer .icon.chalet-fiori { background-position: -78px -44px; }*/

.mapContainer .iconContainer.piazzola { width:auto; }
.mapContainer .iconContainer.piazzola .txt { padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
.mapContainer .icon.piazzola-a { width: 120px; background-position: 0px 0px; margin: 5px auto; }
.mapContainer .icon.piazzola-a + .label { right: 120px;  }
.mapContainer .icon.piazzola-a-mare { width: 75px; background-position: 0px -45px; margin: 5px auto; }
.mapContainer .icon.piazzola-a-pineta { width: 75px; background-position: 0px -45px; margin: 5px auto; }
.mapContainer .icon.piazzola-b { width: 82px; background-position: 0px -92px; margin: 5px auto; }



.mapContainer .bollinoContainer { position: relative; display: inline-block; padding: 5px; cursor: pointer; }
.mapContainer .bollinoContainer .icon { width: 41px; height: 40px; }

.mapContainer .bollino-viola-1 { background-position: 0px -410px; }
.mapContainer .bollino-viola-2 { background-position: 0px -451px; }
.mapContainer .bollino-viola-3 { background-position: 0px -491px; }
/*.mapContainer .bollino-viola-4 { background-position: -269px -1px; }*/
.mapContainer .bollino-rosso-1 { background-position: 0px -531px; }
.mapContainer .bollino-rosso-2 { background-position: 0px -571px; }
.mapContainer .bollino-rosso-3 { background-position: 0px -611px; }
.mapContainer .bollino-rosso-4 { background-position: 0px -651px; }
.mapContainer .bollino-rosso-5 { background-position: 0px -691px; }
.mapContainer .bollino-rosso-6 { background-position: 0px -731px; }
.mapContainer .bollino-rosso-7 { background-position: 0px -771px; }
.mapContainer .bollino-rosso-8 { background-position: 0px -811px; }
.mapContainer .bollino-rosso-9 { background-position: 0px -851px; }
/*.mapContainer .bollino-rosso-10 { background-position: 0px -891px; }
.mapContainer .bollino-rosso-11 { background-position: 0px -931px; }
.mapContainer .bollino-rosso-12 { background-position: 0px -971px; }
.mapContainer .bollino-rosso-13 { background-position: 0px -1011px; }*/

.mapContainer .bollino-rosso-11 { background-position: 0px -891px; }
.mapContainer .bollino-rosso-12 { background-position: 0px -931px; }
.mapContainer .bollino-rosso-13 { background-position: 0px -971px; }

.mapContainer .riciclaggio { background-position: 0px -1051px; }

@media (max-width: 960px) {
    #map,
    .mapContainer .sectionContainer {
        width: 100%;
    }
    
    #map {
        margin-bottom: 40px;
        margin-left: 0;
    }
}