@charset "utf-8";
/* CSS Document */

#search form {}
/*
#search form a.btnRegion {
	background:url(../images/btn-region.png) no-repeat 0 0;
	width: 125px; height: 15px;
	margin: 0px 0px 0px 365px; padding: 0px;
	display: block;
}
#search form a.btnRegion:hover, #search form a.btnRegion.active {background:url(../images/btn-region.png) no-repeat -125px 0;}
*/
#search form a.btnRegion {
	width: 125px;
	height: 15px;
	margin: 0px 0px 0px 365px; padding: 0px;
	display: block;
	background-image:url(../images/btn-region.png);
	background-position: 0 0;
	background-size: 200%;
}
#search form a.btnRegion:hover, #search form a.btnRegion.active {
	background-position: 100% 0;
}


#search form area {outline: none;}

/* */


.regionsBox {
	position: absolute;
	top: 107px;
	left: 107px;
	border: 1px solid #cccccc;
	background: #FFFFFF;
	padding: 35px 15px 25px 15px;
	width:390px;
	font-family: 'CenturyGothicRegular';
	z-index: 7998;
}
.regionsBox .arr {
	width: 10px;
	height:7px;
	display: block;
	float: right;
	background: url(../images/arr-works.png) no-repeat;
	margin: -42px -5px 0 0;
}

.regionsBox a.closeRegion {
	 font-family: 'CenturyGothicItalic'; color: #008ca9;
	 font-size:12px;
	 text-decoration: none;
	 width: 60px;
	 display: block;
	 position: absolute;
	 bottom: 5px; right: -05px;
	 z-index:7999;
}
.regionsBox a.closeRegion:hover {color: #ff3333;}

@media (min-width: 993px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (max-width: 767px) {
	#search form a.btnRegion {margin: 0px;}
}

/* */

.mapPosition {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 360px;
	height: 170px;
}
.mapPosition img {outline: none; width: 100%; height: auto;}
#Map area {outline: none;}