.imageMap{
max-width: 100%;
height: auto;
position:relative;
}
.imageMap img{
max-width: 100%;
height: auto;
}
.map{
margin:0;
padding:0;
max-width: 100%;
background-repeat: no-repeat;
position:relative;
}
canvas{
margin:0;
padding:0;
max-width: 100%;
background-repeat: no-repeat;	
position:relative;
}
#ImageMapmapArea{
margin:0;
padding:0;
max-width: 100%;
background-repeat: no-repeat;	
position:relative;
}
.tooltip { 
position:absolute;
border:1px solid #fff;
background-color:#2d2c2c;
border-radius:5px;
padding:10px;
color:#fff !important;
font-size:12px;
opacity:0.9;
max-width: 100%;
z-index:999;
} 
.bottom-alt-dostepny{
border-top:2px solid #fff;
text-align: center;
margin-top:7px;
width: 100%;
color:#90c81b !important;
font-size:12px;
opacity:0.9;
padding-top:7px;
}
.bottom-alt-rezerwacja{
border-top:2px solid #fff;
text-align: center;
margin-top:7px;
width: 100%;
color: #ffa500 !important;
font-size:12px;
opacity:0.9;
padding-top:7px;
}
.bottom-alt-sprzedany{
border-top:2px solid #fff;
text-align: center;
margin-top:7px;
width: 100%;
color:#f20d0d !important;
font-size:12px;
opacity:0.9;
padding-top:7px;
}
@media only screen and (max-width: 700px)  {
.tooltip, .bottom-alt-dostepny, .bottom-alt-rezerwacja, .bottom-alt-sprzedany { 
font-size:9px;
}
.tooltip {
padding:5px;
line-height:180%;
}
.bottom-alt-dostepny, .bottom-alt-rezerwacja, .bottom-alt-sprzedany { 
font-size:9px;
}
}
@media only screen and (max-width: 450px)  {
.tooltip, .bottom-alt-dostepny, .bottom-alt-rezerwacja, .bottom-alt-sprzedany { 
font-size:8px;
}
.tooltip {
padding:5px;
line-height:180%;
}
.bottom-alt-dostepny, .bottom-alt-rezerwacja, .bottom-alt-sprzedany { 
font-size:9px;
}
}