body{
background-color: #000000;
text-align: center;
}

#citat{
position: absolute;
width: 239px;
height: 126px;
_height: 160px;
top: 0;
left: -50px;
background: url("citat_poz.jpg");
text-align: center;
font-style: italic;
padding-top: 30px;
}

#kontejner{
position: relative;
_left: 40px;
margin: auto;
width: 480px;
background-color: #000000;
}

.mapa{
margin: 20px;
}

.zalozka{
width: 200px;
position: absolute;
z-index: 1;
text-align: left;
}

.pointer-l{
position: absolute;
left: -5px;
top: -5px;
}

.pointer-p{
position: absolute;
float: right;
left: 190px;
top: -5px;
}

#pointer-zalozka4{
position: absolute;
float: right;
left: 190px;
top: 320px;
_top: 300px;
}

#pointer-zalozka5{
position: absolute;
left: -10px;
top: 240px;
_top: 240px;
}

.text{	
background-color: #000000;
color: #959595;
padding-left: 10px;
padding-right: 10px;
border: 1px dotted #565856;
display: none;
}

.zalozka:hover, .zalozkaHover{
z-index: 100;
}

.zalozka:hover .text, .zalozkaHover .text{
display: block;
}

.zalozka{
behavior: url("sekcie/tetovania/alexi-laiho/hover.htc");
}

#zalozka1{
top: 345px;
left: 240px;
}

#zalozka2{
top: 395px;
left: 255px;
}

#zalozka3{
top: 355px;
left: 65px;
}

#zalozka4{
top: 525px;
_top: 555px;
left: 300px;
}

#zalozka5{
top: 645px;
left: 35px;
}

#zalozka6{
top: 585px;
left: 15px;
}

#zalozka8{
top: 555px;
left: 95px;
}

#zalozka7{
top: 605px;
left: 95px;
}

#zalozka9{
top: 610px;
left: 200px;
}

#zalozka10{
top: 715px;
left: 25px;
}

#zalozka11{
top: 675px;
left: 90px;
}

#zalozka12{
top: 475px;
left: 265px;
}