html,body,ol,ul,li,form {margin: 0; padding: 0;}
img {border: 0;}

body {font: 12px 'Trebuchet MS'; line-height: 1.6em; color: #202020; height: 100%; background: white top repeat-x url('images/bodybg.png');}

a {color: #6fa027;}
a:hover {color: #cd0000;}

#preload {display: none;}
#container {width: 960px; margin: 0 auto;}

#topnav {width: 960px; height: 46px; background: #2d5e00 no-repeat url('images/topnavbg.jpg'); position: relative;}
 #topmenu {position: absolute; top: 15px; left: 5px; color: #dde4c1; font-size: 10px; }
 #topmenu a {color: #dde4c1;}
 #topmenu a:hover {color: #ffffff;}
 #phone {display: block; position: absolute; top: 17px; right: 5px; width: 217px; height: 16px;}
 #phone em {display: block; color: white; position: relative; font: bold 11px 'Trebuchet MS';}
 #phone em span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 217px; height: 16px; background: no-repeat url('images/phone_top.png');}

#header {width: 960px; height: 207px; background: #97c948 no-repeat url('images/hdrbg.jpg'); position: relative;}
 #title {display: block; position: absolute; top: 69px; left: 32px; width: 432px; height: 67px;}
 #title a {display: block; position: relative; color: white; font: bold 18px 'Century Gothic', 'Trebuchet MS', Arial; text-decoration: none;}
 #title a:hover {text-decoration: underline;}
 #title a span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 432px; height: 67px; background: no-repeat url('images/title.png'); cursor: hand;}
 #title a:active, a:focus {outline: none;}

#content {width: 940px; padding: 20px 10px; float: left; min-height: 500px; height: auto !important; height: 500px; background: white top repeat-x url('images/contentbg.png');}
 #sidebar {float: left; width: 180px;}
 #maincol {float: left; width: 750px; padding-right: 10px;}
 #centercol {float: left; width: 450px; padding-right: 20px;}
 #rightcol {float: left; width: 280px; padding-right: 10px;}

#mainmenu {list-style: none; width: 160px;}
#mainmenu li {display: block;}
#mainmenu li a {display: block; height: 25px; padding-top: 5px; text-indent: 20px; font: bold 12px 'Trebuchet MS'; color: #cd0000; text-decoration: none; background: 6px 10px no-repeat url('images/ar.gif');}
#mainmenu li a:hover {color: #000000; text-decoration: underline; background-image: url('images/arr.gif'); background-color: #edf2e0;}
 #mainmenu li ul {display: none; list-style: none; width: 160px;}
 #mainmenu li ul li {display: block;}
 #mainmenu li ul li a {display: block; height: 25px; padding-top: 5px; text-indent: 20px; font: 12px 'Trebuchet MS'; color: #555; text-decoration: none; background-image: url('images/ar_.gif');}
 #mainmenu li ul li a:hover {text-decoration: underline; background-image: url('images/arr_.gif');}

#footer {clear: both; text-align: right; height: 70px; padding-top: 160px; font-size: 11px; color: #999; position: relative; overflow: visible;}
#footer em {font-size: 11px; font-style: normal; color: #6fa027;}
#footer div {border-bottom: 1px solid #ccc;}
#phone_bottom {position: absolute; top: -2px; left: 20px; width: 211px; height: 213px; z-index: 1;}
hr {margin: 0px; color: #ccc; background-color: #ccc; height: 1px;}

.hovered {color: black !important; text-decoration: underline !important; background-image: url('images/arr.gif') !important;}

h1 {color: #cd0000; margin: 0 0 1em 0; padding-bottom: 0.5em; font: 18px "Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing: -0.5px; border-bottom: 1px solid #ccc;}
h2 {color: #599000; margin: 0 0 1em 0; font: bold 16px "Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing: -1px;}
h2.u {padding-bottom: 0.5em; border-bottom: 1px solid #ddd;}
h2.r {color: #cd0000; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom: 1px solid #ddd;}

#welcome1 {background: white; border: 1px solid #dcdec8; line-height: 1.4em; padding: 10px; text-align: justify;}
#welcome {line-height: 1.4em; text-align: justify;}
#uslugi {background: white; border: 1px solid #dcdec8; padding: 10px; text-align: justify;}
#centercol ul, #maincol ul {margin-left: 17px;}
html>body #centercol ul, #maincol ul {margin-left: 15px;}
#centercol li, .text li {line-height: 1.6em;}
ul.green {list-style: square;}

#news {line-height: 1.2em; margin-bottom: 2em;}
#news ul {list-style: none; font-size: 11px;}
#news ul li {margin-bottom: 1.5em;}
#news ul li span {color: #cd0000;}
#news ul li p {margin: 0;}
#news ul li em a {font-size: 10px; font-style: normal; background: 0 4px no-repeat url('images/qarr.gif'); padding-left: 14px;}
#news ul li em a:hover {color: black;}

#articles {line-height: 1.2em; margin-bottom: 2em;}
#articles ul {list-style: none; font-size: 11px;}
#articles ul li {margin-bottom: 1.5em;}
#articles ul li p {margin: 0; color: #b00000; font-weight: bold;}
#articles ul li em a {font-size: 10px; font-style: normal; background: 0 4px no-repeat url('images/qdoc.gif'); padding-left: 14px;}
#articles ul li em a:hover {color: black;}

a.menu_h {color: #000000; display: block; height: 25px; padding-top: 5px; padding-left: 20px; font: bold 12px 'Trebuchet MS'; text-decoration: none; background: 6px 10px no-repeat url('images/arg.gif'); letter-spacing: 0; text-decoration: none;}
a.menu_h:hover {color: #cd0000; text-decoration: underline;}
#gallery_block {padding-left: 20px;}
#gallery_block span {font-size: 11px; color: #777; line-height: 1.2em;}
#gallery_block span a {display: block; font-size: 10px;}
a.photo {display: block; margin: 0 0 5px 0; padding: 5px; border: 1px solid #ccc; width: 120px; background: white; }
a.photo:hover {border: 1px solid #d00;}

div.text {text-align: justify;}

ul#newslist {list-style: none; margin: 0; padding: 0;}
ul#newslist li span {float: left; color: #cd0000; width: 50px;}

ul#gallery {list-style: none; margin: 0; padding: 0;}
ul#gallery li {float: left; width: 180px; height: 140px;}
ul#gallery li a {text-decoration: none;}
ul#gallery li a img {float: left; vertical-align: middle; width: 120px; height: 90px; border: 1px solid #ccc; margin-right: 10px;}
ul#gallery li a:hover img {border-color: #c00;}
ul#gallery li a span {float: left; clear: both; color: #222; font: 10px 'Trebuchet MS';}

ul#albums {list-style: none; margin: 0; padding: 0;}
ul#albums li {display: block; clear: both;}
ul#albums li a {text-decoration: none;}
ul#albums li a img {float: left; vertical-align: middle; width: 120px; height: 90px; border: 1px solid #ccc; margin-right: 10px;  margin-bottom: 1em;}
ul#albums li a:hover img {border-color: #c00;}
ul#albums li a span {color: #222;}
ul#albums li a span b {color: #c00; font-weight: normal;}

.pages {float: left; width: 100%; margin-top: 20px; padding-top: 10px; border-top: 1px dashed #d0d0d0;}
.pages a {float: left; color: #000; font: bold 11px 'Trebuchet MS'; width: 15px; height: 15px; text-align: center; background: #eef4e5; border: 1px solid #333; margin-right: 2px; text-decoration: none;}
.pages a:hover {background: #fff;}
.pages span {float: left; color: #fff; font: bold 11px 'Trebuchet MS'; width: 15px; height: 15px; text-align: center; background: #78936e; border: 1px solid #333; margin-right: 2px;}
.pages b {float: left; font: bold 11px 'Trebuchet MS'; margin-right: 5px;}

input.b {border: 1px solid #2d5e00; background: #e3efcd; height: 23px;}
textarea {font: 11px tahoma; border: 1px solid #606060;}

#postBtn {display: none;}
#postComment {display: none;}

div.comment {display: block; padding-bottom: 1.4em;}
div.comment span {color: #fa0; float: left; width: 98%; border-bottom: 1px solid #555; padding: 1px 0;}
div.comment span em {font: bold 12px 'Trebuchet MS'; color: white;}
div.comment div {clear: both; padding: 2px 0;}

#faq li {margin-bottom: 1em;}