@charset "utf-8";
*{margin:0px; padding:0px; border:0px; outline:none;}
html {height: 100%;}

.mapa_fone{background: transparent url(./map.png) no-repeat center center;
	position:relative;
	margin: -25px 1px 0px;
	width:710px;
	height:492px;
	font: 12px Verdana, "Lucida Grande", Arial, sans-serif;
}
@media (max-width: 740px) {
	.mapa_fone {
		transform: scale(0.8)
	}
}
@media (max-width: 670px) {
	.mapa_fone {
		transform: scale(0.72)
	}
}
@media (max-width: 600px) {
	.mapa_fone {
		transform: scale(0.64)
	}
}
@media (max-width: 530px) {
	.mapa_fone {
		transform: scale(0.56)
	}
}
@media (max-width: 460px) {
	.mapa_fone {
		transform: scale(0.48)
	}
}
@media (max-width: 390px) {
	.mapa_fone {
		transform: scale(0.4)
	}
}

.discur{
position:absolute;
top:0;
left:0;
z-index:80;
height: inherit;
}
.obl_fo{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:20;
}

.obl_fo div{
	position:absolute;
	z-index:1;
	display:none;
}
.inl{
	position:absolute;
	z-index:2;
	text-decoration:none;
	font-size: 11px;
	color:#bbb;
}

#lnk_city4{font-size:9px;}

#kyiv{
	position:absolute;
	z-index: 85;
	color:#000; 
	font-weight:bold;
	text-decoration:none;
	display:block;
	line-height:24px;
	height:24px;
	padding:2px 8px;
	top:100px;
	left:310px;
	font-size:14px;
}

#kyiv:hover{text-decoration:underline;}

	
#tabl{
	max-height:307px;
	width: 350px;
	position:absolute;
	z-index: 90;
	display:none;
	background-color:#000;
	background-color:rgba(100,100,100,0.85);
	border-radius: 3px;
	overflow-y:auto;
	overflow-x:hidden;
	color: #fff;
}

#tabl ul{
	list-style:none;
	margin: 2px 0;
}

#tabl ul a{color: #fff !important;text-decoration:none !important;}
#tabl ul li{
	border-bottom:1px solid #ddd;
	height: 18px;
	width: auto;
	overflow:hidden;
	line-height:18px;
	padding: 0 12px;
	margin:0 !important;
	color: #FFF !important;
}
#tabl ul a li:hover{
	text-decoration:underline;
	background:#222;
}
#dataLoad{display:none;}