*{margin:0; padding:0}
html{height:100%}
body{width:100%; height:100%; background-color:#fff; font:normal 14px/1.4 Arial, Tahoma, Verdana, sans-serif; color:#5d5d5d}
:focus{outline:none}

a{color:#099944; text-decoration:underline}
a:hover{color:#73c193; text-decoration:none}
h1{font:normal 24px Arial; color:#272727; padding:29px 0 13px 0}
h2{font:normal 20px Arial; color:#272727; margin:15px 0}
h3{font:bold 16px Arial; color:#5D5D5D}
table{border-collapse:collapse}
td{vertical-align:middle; text-align:center; font-size:12px; border:1px solid #f2f2f2; padding:5px}
td h1{font-size:18px; color:#5d5d5d; padding:0;}
td p,td h1{text-align:left}
table.no-border td{border:0}
small{font-size:11px; color:#a5a5a5}
ul{list-style-type:none; margin-left:12px}
ul li{background:url('/images/ico_dot.gif') no-repeat 0 7px; padding-left:19px}
.block-orange{background-color:#FAF4D4; padding:15px 35px}
.clearfix{clear:both; height:0; display:block; visibility:hidden}
.font-24, .font-24 a{font-size:24px}
.font-18, .font-18 a{font-size:18px}
.font-16, .font-16 a{font-size:16px}
.font-12, .font-12 a{font-size:12px}

img{border:0}
img.alignright{float:right; margin:0 0 22px 18px}
img.alignleft{float:left; margin:0 22px 18px 0}
img.aligncenter{display:block; margin:.2em auto .8em auto}
img.img-bordered{border:1px solid #cbccce; padding:3px}



/* header */
#header{height:233px}
#sub-panel{width:255px; height:232px; float:left; display:block; text-align:center}
#sub-panel div{height:24px; font:bold 11px Arial; color:#a2a2a2; text-align:left; margin:18px 0 31px 0; padding:0 40px 15px 0}
#sub-panel,#sub-panel div{border-bottom:1px solid #f2f2f2}
#sub-panel div a{font:normal 11px Arial; color:#a2a2a2}
#sub-panel div img{vertical-align:middle; margin:0 7px}
#sub-panel div img:hover{background-color:#f2f2f2}


/* grid */
#wrapper{width:900px; margin:0 auto; min-height:100%; height:auto !important; height:100%}
#middle{width:100%; padding: 0 0 156px;	height:1%}
#middle:after {content:'.'; display:block; clear:both; visibility:hidden; height:0}
#container{width:100%; float:left}
.content-1-col{padding:0 0 30px 0} /* 1 column, only content */
.content-2-col{padding:0 250px 30px 38px} /* 2 column: content + right sidebar*/
.content-3-col{padding:0 250px 30px 290px} /* 3 column */
.content-4-col{padding:0 0 30px 255px} /* 2 column: content + right sidebar*/
.sl{width:255px; margin-left:-100%}
.sr{width:215px; margin-left:-215px}
.sl, .sr{float:left; padding-bottom:30px}
.margin-right-430{margin-right:430px}
.margin-right-430 p, .margin-right-430 h2{margin-left:35px}
.margin-right-430 .block-orange h2{margin-top:0; margin-left:0}
.margin-right-430 .block-orange ul{margin-left:7px}
.margin-right-430 ul{margin-left:40px}

/* Sidebar */
.sl{font-size:12px}
.sl p{margin:13px 0 33px 0}
.sl a{font:bold 16px Arial}
.sl p a{font:normal 14px Arial}
.banner{border:1px solid #dadada; margin-bottom:20px}
.sl ul{margin:18px 0 30px 40px}
.sl ul li{list-style-type:none; background:none; padding:5px 0}
.sl ul li a{font-weight:bold}
.sl ul.links{margin-top:30px}
.sl ul.links a{font:normal 15px Arial}
.sl ul.links li{font-size:15px}
.sl .archive li{font-size:19px; font-weight:bold; padding-left:17px}
.sl .archive li.plus{background:url('/images/ico-plus.gif') no-repeat 0 13px}
.sl .archive li.minus{background:url('/images/ico-minus.gif') no-repeat 0 13px}
.sl .archive li a{font-size:19px; font-weight:bold}
.sl .archive li ul{margin:2px 0 2px 25px}
.sl .archive li ul li{background:none; font-size:16px; padding-left:0}
.sl .archive li ul li a{font-size:16px}


/* content */
#container p{margin-bottom:20px}
#map{margin-top:29px}
#map a{display:block; width:77px; height:19px; position:relative; top:-25px; left:3px; background:url('/images/bg-map-a.gif') no-repeat; font-size:10px; line-height:19px; color:#8f989d; text-align:center; text-decoration:none}
#map a img{vertical-align:middle; margin-right:5px}

.lister{margin:30px 0}
.lister:after{content:'.'; display:block; clear:both; visibility:hidden; height:0}
.lister a{color:#8f989d; text-decoration:none}
.lister a img{margin:0; padding:0}
.lister a, .lister  img {display:block; float:left; height:15px; line-height:15px; border:1px solid #e7e8e9; padding:0 4px; margin:0 2px}
.lister a.active{ padding:0px; }
.lister u{background-color:#094; color:#fff; border:1px solid #094; padding:0 2px;text-decoration:none }
.lister img{border:1px solid #fff}

#search_result { margin-left:30px; width:600px}
#search_result div.num { float:left; width:54px }
#search_result div.contaner { float:left; width:540px; }
#search_result  .result {color:#5d6569; font-weight:bold;  }
#search_result  div.title  {width:400px;   }
#search_result  div.title a {color:#f1c400; font-size:18px;   }
#search_result  a.link {color:#8f989d; font-size:12px; line-height:26px;}


/* gallery */
.gallery-detail{width:274px; float:left}
.gallery-detail img{margin-bottom:12px}
.gallery-item{margin-bottom:30px}
.gallery-item a{font:bold 17px Arial}
.gallery-item a img{float:left}
.gallery-item p{margin:0 0 9px 160px}


/* forms */
form,fieldset{border:0}
input{vertical-align: middle}
#form-reg-block{display:block; float:right; width:395px}
#form-reg input, #form-reg textarea{width:355px; margin:5px 0 15px 0}
#form-reg div{background-color:#E4FAD4; text-align:center}
#form-reg div input{width:160px; height:43px; font-size:18px; color:#000; margin:4px 0}
#form-search{display:block; height:33px; background-color:#f2f2f2; padding-top:12px; margin-bottom:13px} 
#form-search img{margin-top:5px; float:right; margin-right:13px}
#form-search input{width:140px; display:block; font:normal 11px Arial; color:#a2a2a2; padding:2px 7px; margin-left:21px}
#form-news{background:#faf5d5 url('/images/bg_news_form.gif') repeat-x; padding:0 0 5px 17px}
#form-news input{width:215px; margin:5px 0 9px 0; font:bold 14px Arial; color:#5d5d5d; padding:2px}
#form-news input.submit{width:99px; font-size:12px; margin-top:0; padding:0}
#form-news h1{font-size:18px; padding:19px 0 13px 0}
.form-anketa input{margin:7px 0px 7px 30px}
.form-anketa input.submit{width:160px; height:43px; font-size:18px; color:#000; margin:10px 0}
.form-anketa select{width:400px; margin:7px 0px}


.form-login a{margin-left:25px; font:normal 12px/3 Arial}
.form-login label{display:block; width:54px; float:left; margin-bottom:9px}
.form-login input{width:155px; float:left; margin-bottom:9px}
.form-login input.submit{width:70px; font:bold 12px Arial; color:#5d5d5d; margin-top:7px}
.form-login p{color:#9e9e9e; margin-top:8px}


/* menu */
#menu{width:645px; height:21px; float:right; display:block; margin:18px 0}
#menu ul{margin-left:0}
#menu li{float:left; position:relative; background:none; list-style-type:none; margin-right:20px; padding:0}
#menu a{display:block; float:left; height:21px; font:bold 14px/21px Arial; color:#5d6569; text-decoration:none; padding:0 7px}
#menu a.menu-selected{background:url('/images/menu_active.gif') repeat-x left center; color:#fff}
#menu li:hover a.menu-list-no{background:#0b9b46 url('/images/menu_active.gif') repeat-x left center; color:#fff}
#menu li:hover a.menu-list-yes{background:#f2f2f2; color:#5d6569}
#menu ul li ul{width:170px; display:none; position:absolute; left:0px; top:21px; margin:0}
#menu ul li:hover ul, #menu ul li ul:hover{display:block}
#menu ul li ul li{width:100%; height:21px; background:#f2f2f2; border-top:1px solid #fff; margin:0}
#menu ul li ul li a{height:21px; font-weight:normal; font-size:12px; line-height:21px; margin:0; padding:0 9px}
#menu ul li ul li a:hover{background:none}
#menu ul li ul li:hover{background:#0b9b46 url('/images/menu_list_active.gif')}
#menu ul li ul li:hover a{color:#fff}



/* footer */
#footer {width:900px; height:135px; margin:-156px auto 0; background:url('/images/bg_footer.jpg') no-repeat 0 1px; border-top:1px solid #e6e6e6; font-size:12px; color:#9e9e9e; padding-top:30px}
#footer p{font:normal 14px/1.3 Arial; color:#5d5d5d}
#footer #webvision{width:250px; float:left; margin-right:40px}
#footer #webvision a{font-size:12px; color:#9e9e9e; text-decoration:none}
#footer #webvision a img{vertical-align:middle}
#footer #webvision p{margin:18px 0 5px 0}
#footer #webvision p.smaller{color:#d6d6d6; font-size:11px; line-height:1; margin-top:0}
#footer #contact-info{width:300px; float:left}
#footer #contact-info h1{font:normal 18px Arial; color:#5D5D5D; padding:0 0 12px 0}
#footer #counters{float:right; width:215px; color:#5d5d5d}
#footer #counters h1{font-size:24px; font-weight:bold; color:#099944; padding:3px 0 25px 0}
