@charset "utf-8";
 /*--------- RESET styles ---------*/
 html, body{
 margin:0;
 padding:0;
 text-align:center;
 height:100%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.00em;
 background: #697368 url(../img/bg_top.jpg) repeat-x scroll 0% 0%;
 }

img {
border-width:0;
}

/*--------- Main Block ---------*/
#pagewidth{
  text-align:left;
  margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
  min-width: 980px;
  max-width: 1020px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  min-height:100%;
  padding-bottom:-87px;
  background-color:#fff;
}

/*--------------------------------------- Header styles ---------------------------------------*/

#header{
 position:relative;
 height:220px;
 background-image: url(/img/header_bg.jpg);
 background-repeat:no-repeat;
 background-position: top center;
 width:100%;
}

  #header_left{
 	width:30%;
 	float:left;
 	position:relative;
 	padding-left: 10px;
 	padding-top: 10px;
	}
		#topbaner{
 		 width:590px;
 		 height:90px;
 		 padding: 20px 10px 0px 3px;
 		 background-image: url(/img/baner_border.png);
 		 background-repeat:no-repeat;
		 text-align:center;
 		 }

/* ---------- Horizontal menu ---------- */
#menu{
position:relative;
height:30px;
left:35%;
top:-45px;
float:left;
margin-bottom:-45px;
}
#menu ul{
margin:0;
}
#menu li{
margin:0;
display:inline;
}
#menu a {
text-decoration:none;
color:#000;
}
#menu span{
background:transparent url(/img/gradient-white.png) repeat-x scroll 0 0;
display:block;
height:31px;
position:absolute;
width:100%;
}
/* ---------- //Horizontal menu ---------- */
/* ---------- Search form control ---------- */
 #searchform{
 float:left;
 position:relative;
 margin-left:115px;
 margin-top: 55px;
}

#searchform #searchfield {
 padding:4px;
 width:200px;
 border:1px #21892c solid;
 background-color:transparent;
 color:#21892c;
 font-size:1em;
 outline:0;
 padding-right: 21px;
}

#searchform #searchbut {
 border:none;
 width: 20px;
 margin-left:-21px;
 margin-top:1px;
 height:26px;
 font-size:1em;
 outline:0;
 background-color:transparent;
 background-image:url(/img/loop.gif);
 background-repeat:no-repeat;
 background-position: middle right;
 cursor:pointer;
}

#searchhint {
 position:relative;
 margin-top:-8px;
 padding-left:20px;
 z-index:10;
 display:none;
 }

#searchhint label, #searchhint input{
cursor:pointer;
}
/* ---------- //Search form control ---------- */

  #header_right{
 	float: right;
 	display:inline;
 	position: relative;
 	padding-right:0px;
 	padding-top: 0px;
 	text-align:right;
 	}
		#logo{
		 text-align:left;
		 padding-left:20px;
		 }

/* Language select control */
#langcontol {
 float:left;
 position:relative;
 left:20px;
 top: 20px;
 }

#langcontol a:link img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; /* Mozilla 1.6 è íèæå */
-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +,
Safari 1.2+, Opera 9 */
filter: alpha(opacity=70); /* IE 5.5+*/
}

#langcontol a:visited img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; /* Mozilla 1.6 è íèæå */
-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +,
Safari 1.2+, Opera 9 */
filter: alpha(opacity=70); /* IE 5.5+*/
}

#langcontol a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; /* Mozilla 1.6 è íèæå */
-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +,
Safari 1.2+, Opera 9 */
filter: alpha(opacity=100); /* IE 5.5+*/
}
/* //Language form control */

/*--------------------------------------- INFO block styles --------------------------------------*/
#leftcol{
 width:205px;
 float:left;
 margin: 5px 10px 0 20px;
 text-align:center;
 background-image:url(/img/gradient.png);
 background-repeat:repeat-x;
}

#rightcol{
 background-image:url(/img/gradient.png);
 background-repeat:repeat-x;
 margin: 5px 10px 10px 250px;
 padding: 0 0 10px 0;
 border:0;
 min-height:330px;
}

#maincol{
 float: right;
 display:inline;
 position: relative;
 width:100%;
 }
#leftcorner {
background-image:url(/img/greencornerleft.png);
margin:0;
width:10px;
height:10px;
float:left;
}
#rightcorner {
background-image:url(/img/greencornerright.png);
margin:0;
width:10px;
height:10px;
float:right;
}
#info
{
padding:10px;
padding-top:3px;
font-size:0.9em;
line-height: 1.7em;
text-align:justify;
/*overflow:auto;*/
}
#info h1 {
color:#cc0066;
text-align:left;
font-size:1.25em;
}
#info h2 {
color:#0C7016;
text-align:center;
font-size:1.2em;
}
#info h3 {
color:#0C7016;
text-align:left;
font-size:1.0em;
}
.pagebar {
font-weight:bold;
color:#21892c;
text-align:right;
}
.pagebar a{
text-decoration:none;
color:#21892c;
font-weight:bold;
border: 1px #21892c solid;
padding:1px;
}
.pagebar a:hover{
/*text-decoration:overline underline;*/
padding:3px;
}
.pagebar a:active{
text-decoration:overline underline;
}
.fulldate {
font-style:italic;
color:#21892c;
font-size:.8em;
}
.interupt{
border: 1px dotted #21892c;
text-align:center;
width:80%;
}
.leftimgintext {
float:left;
margin:0 0.8em 0.8em 0;
}
.righttimgintext {
float:right;
margin:0 0 0.8em 0.8em;
}
.title_news a{
text-decoration:none;
font-weight:bold;
color:#21892c;
font-size:1.1em;
}
#mainflash{
 text-align:right;
 margin: 5px 0px 10px 220px;
 padding: 0;
 border:0;
}
ul{
margin:0;
padding:10px;
}
.sidemenu li{
list-style-type:none;
background:url(../img/markerlist.png) no-repeat 2px center;
text-align:left;
padding: 4px 4px 4px 23px;	
vertical-align:middle;
font-size:1em;
margin-left:10px;
font-family:Verdana, Tahoma, Helvetica, sans-serif;
}
.sidemenu li:hover{
background:url(../img/check.png) no-repeat left center;
height:37px;
line-height:37px;	
font-weight:bold;
}
.sidemenu a{
 text-align:left;
 text-decoration:none;
 color:#000;
}
.activemenu li{
list-style-type:none;
background:url(../img/smarkerlist.png) no-repeat left center;
text-align:left;
padding: 4px 4px 4px 23px;	
vertical-align:middle;
font-size:1em;
margin-left:10px;
font-family:Verdana, Tahoma, Helvetica, sans-serif;
font-weight:bold;
}
#map {
background:url(../img/umap_ua.gif) no-repeat 0 0;
width:731px;
height:499px;
}
#map a {
	text-decoration:none;
	font-weight:bold;
}
#map a:hover {
	text-decoration:underline;
}
.city_ico {
	height:18px;
	padding-left:15px;
	background:url(../img/marker.png) no-repeat left center;	
	position:relative;
	font-family: sans-serif;
	font-size:.9em;	
	text-align:left;
	vertical-align:middle;
	line-height:15px;
	width:100px;
}
/*--------------------------------------- FOOTER styles ---------------------------------------*/
 #footer{
 margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
 min-width: 980px;
 max-width: 1020px;
 background-image: url(/img/footer_bg.png);
 background-repeat:no-repeat;
 background-position: top center;
 height:87px;
 margin-top:-87px;
 text-align:left;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 }

#footer_left{
 float:left;
 position:relative;
 padding: 21px 0px 0px 30px;
}

#footer_left a{
 text-decoration:none;
 font-weight:600;
 color: #21892c;
}

#feedbacklink{
background-image:url(/img/letter.png);
background-position: center left;
background-repeat:no-repeat;
padding-left: 25px;
}

#maplink{
background-image:url(/img/maps.png);
background-position: center left;
background-repeat:no-repeat;
padding-left: 25px;
}

#footer_right{
 width:60%;
 float: right;
 position: relative;
 padding-top:43px;
 font-size:0.8em;
 font-weight:normal;
 }
 /*--------- Tooltip styles ---------*/
.tooltip1 {
 margin-left:20px;
 border-left:0px solid transparent;
 border-right:15px solid transparent;
 border-bottom:23px solid #21892c;
 width:0;
 height:0;
}
.tooltip2 {
 background:#21892c;
 font-size:0.7em;
 padding:10px;
 text-align:center;
 vertical-align:middle;
 float:left;
 color:#fff;
 border-radius: 8px;
 -o-border-radius: 8px;
 -icab-border-radius: 8px;
 -khtml-border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
}
.tooltip2 input{
 vertical-align:middle;
}
#overlay {
width:100%;
height:100%;
background-color:#909090;
position:absolute;
z-index:50;
top:0;
left:0;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
visibility:hidden;
}
.popupdiv {
width:500px;
height:600px;
position:absolute;
z-index:51;
top:50%;
left:50%;
margin-left:-250px;
margin-top:-300px;
visibility:hidden;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.roundedhint {
width:100%;
border-collapse:collapse;
}
.roundedhint td{
padding:0;
}
.tl{
background-image:url(/img/roundb.gif);
background-position:left top;
width:12px;
height:12px;
}
.tm{
border-top: 1px solid #21892c;
background-color:#fff;
}
.tr{
background-image:url(/img/roundb.gif);
background-position:right top;
width:12px;
height:12px;
}
.br{
background-image:url(/img/roundb.gif);
background-position:right bottom;
width:12px;
height:12px;
}
.bl{
background-image:url(/img/roundb.gif);
background-position:left bottom;
width:12px;
height:12px;
}
.bm{
border-bottom: 1px solid #21892c;
background-color:#fff;
}
.l{
border-left: 1px solid #21892c;
background-color:#fff;
}
.r{
border-right: 1px solid #21892c;
background-color:#fff;
}
.m{
background-color:#fff;
text-align:right;
}
.m h2 {
float:left;
text-align:left;
display:inline;
font-size:1.00em;
color:#21892c;
}
.m #x, .m #x2  {
width:26px;
height:27px;
border:0;
cursor:pointer;
background-image:url(/img/closeb.gif);
}
.fbform{
text-align:left;
font-size:0.7em;
}
.fbform input{
border: 1px solid #21892c;
}
.fbform textarea{
border: 1px solid #21892c;
}
a.doc {
background-image: url('/img/doc.gif');
background-position:  left 4px; background-repeat: no-repeat; padding-left: 20px; height: 16px; display: inline-block;padding-bottom:4px;  
}

/*--------- //Tooltip styles ---------*/

 /* ------------ IE 6 fix here ------------ */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;
 padding-bottom:87px;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

/* Beat (c)  */
a.activePagePaginate {
  border-width: 0px;
}

.menu_double {
  display: none;
}