@charset "windows-1251";
/* CSS Document */

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#officeMap2{
	margin-left:25px; 
	margin-right:33px;
	padding: 0;
	background: transparent url(images/beach_satelite.jpg) top left no-repeat;
	height: 526px;
	width: 450px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#gradina{ top: 7px; left: 7px; }
dd#gradina a{ position: absolute; width: 117px; height: 94px; text-decoration: none; }
dd#gradina a span{ display: none; }
dd#gradina a:hover{ position: absolute; background: -109px -317px no-repeat;} 
dd#gradina a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#sozopol{ top: 5px; left: 155px; }
dd#sozopol a{ position: absolute; width: 70px; height: 80px; text-decoration: none; }
dd#sozopol a span{ display: none; }
dd#sozopol a:hover{ background: -211px -373px no-repeat; } 
dd#sozopol a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#kavatzi{ top: 130px; left: 225px; }
dd#kavatzi a{ position: absolute; width: 109px; height: 100px; text-decoration: none; }
dd#kavatzi a span{ display: none; }
dd#kavatzi a:hover{ background: -211px -373px no-repeat; } 
dd#kavatzi a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#duni{ top: 260px; left: 230px; }
dd#duni a{ position: absolute; width: 95px; height: 145px; text-decoration: none; }
dd#duni a span{ display: none; }
dd#duni a:hover{ background: -211px -373px no-repeat; } 
dd#duni a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#arkutino{ top: 445px; left: 285px; }
dd#arkutino a{ position: absolute; width: 140px; height: 70px; text-decoration: none;	}
dd#arkutino a span{ display: none; }
dd#arkutino a:hover{ background: -168px -300px no-repeat; } 
dd#arkutino a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}