html{height:100%; margin:0; padding:0}
body{width:100%; height:100%; background:#fff url(/images/bg-header.jpg) repeat-x; font:12px Arial, Tahoma, Verdana, sans-serif; color:#8f989d; text-align:center; margin:0; padding:0}
:focus{outline:none}

a{text-decoration:underline; color:#f1c400}
a:hover{text-decoration:none}
a.more{background:url(/images/arrow-yellow.gif) no-repeat 0 4px; color:#8f989d; text-decoration:none; padding-left:9px}
a.more:hover{text-decoration:underline}
h1{font:normal 18px Tahoma; color:#5d6468; text-transform:uppercase; margin-top:20px}
h2{font:normal 18px Tahoma; color:#8f989d; text-transform:uppercase; margin-top:10px; margin-bottom:3px}
p{margin:0 0 18px}
small{font-size:11px; color:#cbccce}
.font-16, .font-16 a{font-size:16px}
.font-12, .font-12 a{font-size:12px}
.clearfix{clear:both; height:0; display:block; visibility:hidden}
.razdelitel{background:url(/images/razdelitel.gif) repeat-x left center}

img{border:0}
img#logo{display:block; float:left; margin-top:31px}
img#sb-fond{position:relative; float:right; top:-17px; right:-9px; margin-bottom:-17px}
img#tender{position:relative; float:right; top:-32px; right:3px}
img.alignright{float:right; margin:.2em 0 .2em .8em}
img.alignleft{float:left; margin:.2em .8em .2em 0}
img.aligncenter{display:block; margin:.2em auto .8em auto}
img.img-border{border:1px solid #cbccce; padding:2px}


/* forms */
fieldset,form{border:0; margin:0; padding:0}
input,select{cursor:pointer}
input{height:17px; vertical-align:middle}
label{line-height:19px}
input,textarea,select{color:#5d6468; border-style:solid; border-width:1px; border-color:#aaadb2 #dcdfe6 #e2e9ef #e3e3eb; padding:2px}
.submit{height:23px; display:block; background:url(/images/bg-submit-right.jpg) no-repeat right center; font:bold 12px/23px Arial; color:#5d6569; text-align:center; text-decoration:none; padding-right:13px} /* submit button */
.submit span{display:block; background:url(/images/bg-submit-left.jpg) no-repeat left center; padding-left:13px}
#enter input{display:block; float:left; width:160px; margin-top:9px}
#enter label{width:50px; display:block; float:left; margin-top:9px}
#enter a{line-height:23px}
#enter div{height:20px; width:100%; float:left}
#enter p{margin:20px 0}
#enter .submit{width:65px; float:left; margin-right:15px}
#feedback label{width:110px; display:block; float:left}
#feedback input{display:block; float:left; width:100px}
#feedback textarea{width:210px; height:180px}
#feedback label, #feedback input, #feedback textarea{margin-bottom:7px}
#feedback .submit{width:99px; float:right; margin:5px}
#search{width:300px; float:right; display:block; height:43px; font:normal 11px Arial; color:#adb7bc; text-align:right; padding:10px 12px 0 0; margin:0}
#search input{width:150px; margin-right:3px}


/* lists */
ul,li{margin:0; padding:0}
.font-16 a{font-size:16px}
.font-12 a{font-size:12px}


/* grid */
#wrapper{width:900px; text-align:left; margin:0 auto; min-height:100%; height:auto !important; height:100%}
#header{height:362px; background:url(/images/bg-header-gradient.jpg) no-repeat}
#middle{width:100%; height:1%; padding:0 0 220px 0}
#middle:after{content:'.'; display:block; clear:both; visibility:hidden; height:0}
#container{width:100%; float:left} /* overflow:hidden*/
#content{padding: 0 270px 0 270px}
.sl{margin-left:-100%}
.sr{margin-left:-220px; padding-top:20px}
.sl, .sr{width:220px; float:left; padding-bottom:25px}

/* content */
.block{width:220px; background:url(/images/block_bg.gif) repeat-y; text-align:center; margin:17px 0}
.block a.more{font-size:10px; font-weight:bold; margin-left:-8px}
.block img{display:block; margin:0 auto}
.block h1{font:bold 12px Tahoma; color:#9d9d9d; margin:0 18px; padding:9px 0}
.block p{font-size:11px; margin:8px 23px}
.block h1, .block p{text-align:left}
.project-list h1{padding-left:270px}
.project-list div{text-align:left; display:block; padding:10px 20px 10px 12px}
.project-list div:hover{background-color:#f8f8f8}
.project-list div a{width:208px; display:block; float:left; font:bold 16px Arial; color:#f1c400; padding-right:50px}
.project-list div div{padding:0}
.project-list div p{width:230px; float:right; display:block; text-align:left; margin:0}
#map a{display:block; width:77px; height:19px; position:relative; top:-22px; 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:#f1c400; color:#fff; border:1px solid #f1c400; padding:0 2px;text-decoration:none }
.lister img{border:1px solid #fff}


/* menu */
#menu{width:625px; float:right; display:block; margin-bottom:57px}
#menu li{float:left; position:relative; list-style-type:none; background:url(/images/menu-dot.gif) no-repeat right center; margin-left:14px}
#menu li.no-bg{background:none}
#menu a{display:block; float:left; height:22px; font:normal 11px/22px Tahoma; color:#5d6569; text-transform:uppercase; text-decoration:none; margin-right:14px; padding-right:10px}
#menu a span{height:22px; display:block; float:left; padding-left:10px}
#menu a.menu-selected{background:url(/images/menu-sel-right.jpg) no-repeat right center}
#menu a.menu-selected span{background:url(/images/menu-sel-left.jpg) no-repeat left center}

#menu li:hover a.menu-list-no{background:url(/images/menu-sel-right.jpg) no-repeat right center}
#menu li:hover a.menu-list-no span{background:url(/images/menu-sel-left.jpg) no-repeat left center}
#menu li:hover a.menu-list-yes{background:url(/images/menu-sel-list-right.jpg) no-repeat right center}
#menu li:hover a.menu-list-yes span{background:url(/images/menu-sel-list-left.jpg) no-repeat left center}

#menu ul li ul{width:173px; display:none; position:absolute; left:0px; top:22px; background:url(/images/menu-footer.png) no-repeat left bottom; margin:0; padding-bottom:5px}
#menu ul li:hover ul, #menu ul li ul:hover{display:block}
#menu ul li ul li{width:100%; height:21px; background:#f2f2f2; border-bottom:1px solid #fff; margin:0}
#menu ul li ul li a{text-transform:none; height:21px; line-height:21px; margin:0; padding:0 9px}
#menu ul li ul li a:hover{background:none}
#menu ul li ul li:hover{background:#ffd31c url(/images/menu-ul-ul-li-selected.gif)}
#menu ul li ul li:hover a{color:#9a762a}


/* language */
#language{width:100px; height:21px; float:left; font-size:11px; color:#cbccce; text-align:right; margin-top:57px}
#language a{color:#cbccce}
#language a:hover{text-decoration:none}
#language img{vertical-align:middle; margin:0 7px}


/* news */
.news-item{margin-bottom:30px}
.news-item a{font:bold 14px Arial; color:#f1c400}
.news-item img{float:left}
.news-item small{line-height:1.5}
.news-item a{display:block; margin-bottom:5px}
.sl .news-item p{margin:0 0 0 70px}
#content .news-item div.margin-left-100{margin:0 0 0 100px}


/* 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; color:#f1c400}
.gallery-item a img{float:left}
.gallery-item p{margin:0 0 9px 160px}

#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;}

/* Sidebar left */
#day-photo{text-align:center; border:1px solid #f2f2f2; border-bottom-width:0; padding-top:7px}
#day-photo img{margin-bottom:7px}
.sl ul{margin:18px 0 30px 40px}
.sl ul li{list-style-type:none; padding:5px 0}
.sl ul li a{font-weight:bold}
.sl .archive{}
.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}


/* footer */
#footer{height:220px; background:url(/images/bg-footer.jpg) repeat-x left bottom; text-align:center; margin:-220px 0 0 0}
#footer-wrap{width:900px; margin:0 auto}
#footer-wrap a{color:#f1c400}
#footer-wrap div{width:270px}
#footer-wrap img{vertical-align:middle}
#footer-wrap h1{font:bold 16px Arial; color:#8f989d; text-transform:none; margin:8px 0}
#footer-wrap #webvision{width:220px; float:right; line-height:normal; margin-left:50px}
#footer-wrap #webvision a{color:#8f989d; text-decoration:none}
#footer-wrap #webvision img{margin:5px 0}
#footer-wrap #footer-contact{float:left; text-align:left}