div.mapa {
  position:relative;
  border:1px solid black;
}

div.mapa img.lokalita {
  position:absolute;
  z-index:1000;
  cursor:pointer;
}


div.mapa img.size_1 {
  width:8px; height:8px;
  background:url("../img/mapy/lokalita_size_1.gif") left top no-repeat transparent;
}
/*třídy akt1, akt2, akt3 kvůli chybě v IE6, který nerozumí img.size_1.akt img.size_2.akt img.size_3.akt, ale vše považuje za definici třídy .akt a vezme poslední uvedenou*/
div.mapa a:hover img.size_1, div.mapa img.size_1.akt1 { 
  width:10px; height:10px;
  background-image:url("../img/mapy/lokalita_size_1_akt.gif");
}

div.mapa img.size_2 {
  width:12px; height:12px;
  background:url("../img/mapy/lokalita_size_2.gif") left top no-repeat transparent;
}
div.mapa a:hover img.size_2, div.mapa img.size_2.akt2 {
  width:14px; height:14px;
  background-image:url("../img/mapy/lokalita_size_2_akt.gif");
}

div.mapa img.size_3 {
  width:16px; height:16px;
  background:url("../img/mapy/lokalita_size_3.gif") left top no-repeat transparent;
}
div.mapa a:hover img.size_3, div.mapa img.size_3.akt3 {
  width:18px; height:18px;
  background-image:url("../img/mapy/lokalita_size_3_akt.gif");
}