html {overflow-y: scroll;}
html, body {margin: 0; padding: 0;}
body {color: #333; background: #fcf8ed; width: 100%; font-family: 'trebuchet MS', 'Arial', 'Tahoma', 'Georgia', 'Times New Roman', 'Times', 'serif';}

:focus {outline: 0;}
a, a:visited {color: #0083ce; text-decoration: underline;}
a:hover {color: #ff0000; text-decoration: underline;}
img {border: none;}
p {margin: 0 0 15px 0;}

.css_button {background: #ff0000; color: #fff; text-align: center;}
.css_button:hover {}
.form_submit {width: 100px; margin: 10px 0px 0px 230px;}
.form_radio input {width: auto;}
.captcha_table td {width: auto;}

textarea {width: 210px;}

.menu ol, .menu ul, #menu ol, #menu ul {list-style: none;}
#content ul {margin-left: 10px; padding-left: 20px;}
#content ul li {margin-bottom: 5px;}

table {border-collapse: collapse; border-spacing: 0;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

h1 {color: #008000; font-weight: normal; font-size: 25px; font-family: Georgia; margin: 22px 0 8px 0; display: inline-block; background: url('images/logo_mini.gif') no-repeat right; padding-right: 50px;}
h2 {clear: both; color: #008000; font-weight: normal; font-size: 20px; font-family: Georgia; margin: 0px 0 0 0; display: inline-block; background: url('images/logo_sm2.png') no-repeat right; padding-right: 33px;}
.rtoppad {padding-top: 22px;}
.br {height: 0px; clear: both;}

#leftside .h2 {color: #008000; font-weight: normal; font-size: 32px; font-family: Georgia; margin: 22px 0 0 0;}
#leftside h3 {font-size: 20px; margin: 18px 0 10px 15px;}
#content h3 {margin: 12px 0 5px 0; font-size: 16px; font-weight: bold;}
h3.green {color: #008000;}

#container {width: 100%;}
#leftside, #rightside {vertical-align: top; background: url('images/bottom_bg_up.gif') repeat-x bottom;}
#top {background: #343434; height: 60px;}
	#contacts {float: left; max-width: 450px; color: #9b9b9b; font-size: 12px; margin-left: 83px; padding: 6px;}
	#contacts .phone {margin-top: 6px; color: #FFFFFF; font-size: 22px;}
	#animate {width: 450px; float: right; margin: 21px 21px 0 0; color: #dd2222; font-size: 13px; font-family: Georgia;}
	#animate a {text-decoration: none; color: #dd2222; border-bottom: 1px dotted;}
	#animate td {text-align: right; padding-left: 12px;}
	#animate .animate_td1 {width: 120px;}
	#animate .animate_td2 {width: 150px;}
	#animate .animate_td3 {width: 160px;}
#content .left {width: 70%; float: left; margin-right: 2%;}
#content .right {width: 25%; float: right; margin: 0 1% 0 2%;}
#bottom {background: url('images/bottom_bg_down.gif') #343434 repeat-x top; font-size: 12px; color: #ccc; padding: 85px 0 10px 0;}
	#bottom .copy {width: 245px; float: left; padding-left: 20px;}
	#counters {width: 500px; float: right; text-align: right; padding-right: 20px;}

#slideshow2 {display: none;}
#slideshow {width: 100%; height: 226px; z-index:-1;}

#leftside {width: 20%; border-right: 1px solid #ccc;}
	#logo {text-align: center; height: 141px; background: url('images/logo_bg.gif') repeat-x; min-width: 210px;}

#leftside a:hover, #leftside a.on {color: #008000;}
.menu {color: #aaa; font-size: 23px; line-height: 1.3; padding: 0 15px 10px 15px;}
.menu ul {margin: 0; padding: 0;}
.menu span.level1 {color: #335533; text-decoration: none;}
.menu a.level1, .menu a.level1:visited {color: #aaa;}
#leftside .menu a.level1:hover {color: #335533;}
.menu ul  li {margin-bottom: 10px;}
.menu ul  ul li {margin-bottom: 0;}
.menu ul ul li a {color: #333333; display: block; font-size: 14px; font-style: inherit; font-weight: bolder; margin-bottom: 1px; margin-left: 10px; padding: 5px 0; text-decoration: underline;}
.menu ul ul ul li a {display: block; padding: 5px 0px; text-decoration: none; color: #353; font-size: 14px; margin-bottom: 1px; padding-left: 10px; font-weight: bolder;}
.menu ul ul ul {display: none; line-height: 1;}
.menu ul ul ul ul li  {padding-left: 20px; margin-bottom: 1px;}
.menu ul ul ul ul li a {display: block; text-decoration: none; color: #464; font-size: 12px;}
.menu li a.on {text-decoration: underline;}

#leftside form {margin-top: 20px; padding: 0 20px;}

#leftside p {padding-left: 20px; margin-bottom: 15px; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4;}

#rightside {width: 80%;}
#menu {width: 100%; height: 120px; background: url('images/menu_bg.png') repeat-x; border-bottom: 1px solid #adaaa3;}
#menu td {width: 25%; color: #fff; padding: 14px 0 0 0px; vertical-align: top;}
#menu ul {margin: 0 0 0 20px; padding: 0;}
#menu ul li {font-size: 12px; margin-bottom: 7px;}
#menu ul li.h {font-size: 18px;}
#menu ul li a, #menu ul li a:visited {color: #dddddd; text-decoration: none;}
#menu ul li a:hover {color: #dddddd; text-decoration: underline;}
#menu ul li a.on, #menu ul li.on a:visited, #menu ul li.on a:hover {color: #008000; text-decoration: underline;}

#rightside .content .text {margin-left: 40px; float: left; margin-top: 22px; font-family: Georgia; font-size: 14px; color: #333333; line-height: 1.5; width: 95%;}

#content {font-size: 14px; padding-left: 20px;}
#content .more {float: right;}
#content .right .more {float: left;}
.content p {line-height: 1.5;}
.content .text .break {float: left;}
.content .text li {list-style: disc outside none;}
.content .img {float: left; width: 100%; position: relative;}
.content .caption {background: #000; color: white; font-family: 'trebuchet MS'; font-size: 20px; text-align: center;
		 display: block; right: 0; bottom: 10px; padding: 5px 10px; position: absolute; width: 90%; z-index:-1;
}
.right p {color: #777;}

#content .right .more {padding-right: 20px; margin-top: 9px;}
.content .nocontent .img {float: left; line-height: 2; margin-top: 28px;}
.twet {margin-top: 22px; float: right;}
.twet .pt {margin-top:-11px; margin-left: 37px; float: right; height: 26px; width: 26px; background: url(images/ptichka.gif) right no-repeat;}

#content .news {margin: 7px 0 12px 0; clear: both; font-size: 12px;}
#content .news .data {color: #333; margin: 0 0 0 0; font-size: 11px;}
#content .news .body p {margin-bottom: 0px;}
#content .news h4 {margin: 0; color: #333;}
#content .news .more {clear: both; text-align: right;}

#gallery {padding-left: 20px; padding-right: 10px; padding-top: 10px;}
#gallery a {padding: 5px;}

#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;}
.mainprod {float: left; font-family: Georgia; font-size: 12px; line-height: 1.5; margin-right: 65px; padding: 28px; text-align: justify; width: 885px;}
.mainprod p {text-indent: 2em;}

.all_news {margin: 0px 0px 0px 50px; position: relative; top: -7px;}
.all_news1 {position: relative; margin: 10px 0px 0px 30px; float: left;}
.all_news2 {position: relative; margin: 10px 0px 0px 0px; float: right;}

#lgate {display: none; height: 100%; left: -600px; position: absolute; top: 60px; width: 50%; height: 100%;}
#rgate {display: none; height: 100%; right: -600px; position: absolute; top: 60px; width: 50%; height: 100%;}
#bar {display: none; left: -1270px; position: absolute; top: 60px; width: 100%;}
#rst {display: none; height: 100%; left: 0; position: absolute; top:-1800px; width: 100%;}

#lgate .tvor {background: url('images/tvorota.gif') no-repeat right center; height: 14px; position: absolute; width: 100%;}
#lgate .bgvor {background: url('images/bgvorota.jpg') repeat-y right center; height: 100%; position: absolute; top: 14px; width: 100%;}
#rgate .tvor {background: url('images/tvorota2.jpg') no-repeat right center; height: 14px; position: absolute; width: 100%;}
#rgate .bgvor {background: url('images/bgvorota2.jpg') repeat-y right center; height: 100%; position: absolute; top: 14px; width: 100%;}
#bar .centsh {background: url('images/bar.png') no-repeat left center; height: 242px; position: absolute; width: 100%;}
#bar .bbar {background: url('images/bbar.png') repeat-y right center; height: 980px; left:-394px; position: absolute; top: 242px; width: 630px;}
#bar .ten {background: url('images/shback.png') repeat right center; width: 100%; position: absolute;}
#rst .rsttop {background: url('images/rsttop.jpg') no-repeat right center; height: 540px; position: absolute; width: 100%;}
#rst .rstbg {background: url('images/rstbg.jpg') repeat-y right center; height: 1030px; left: 0; position: absolute; top: 539px; width: 100%;}

.block_left {clear: both; float: left; width: 48%; margin-right: 2%;}
.block_right {float: right; width: 48%; margin-left: 2%;}
.block_left p, .block_right p {clear: both; font-family: 'trebuchet MS', 'Arial', 'Times New Roman', 'Times', 'serif'; line-height: 1.2; font-size: 12px;}
.gallery_row {margin-left: -6px;}
.gallery_row div {padding: 2px 0 5px 8px; float: left;}
img.photo {border: 1px solid #5b5329;}
.content img.photo {float: left; margin: 6px 10px 5px 0;}
.gallery_row img.photo {margin: 0;}

a.p {color: #333; text-decoration: none;}
a.p:hover {text-decoration: underline;}
#content .pricelist ul {margin-bottom: 15px; margin-top: 7px;}
#content .pricelist img {vertical-align: middle;}
#pricelist-ear {background: url('/i/ico/xls32b.gif') no-repeat 0 3px; padding-left: 38px;}

#content table td {vertical-align: top}
#content table.data {border: none;}
#content table.data td {vertical-align: top; padding: 5px; border: 1px solid #b3b2ad;}
#content table.data .td1 {border-left: none;}
#content table.data tr.m td {background: #f2eee5;}
#content table.data th {color: #fff; background: #b3b2ad; padding: 5px; border-right: 1px solid #fff;}

#masterweb_pro {font-size: 10px; margin-top: 12px; width: 260px; height: 16px; overflow: hidden; text-align: left; float: right;}
#masterweb_pro span {display: block; margin-top: 80px;}
#masterweb_pro a, #masterweb_pro a:visited {color: #ccc; text-decoration: underline; background: url('/i/banners/masterweb_pro_sign3_.png') no-repeat right -1px; display: block;}
#masterweb_pro a:hover {color: #ff6600; text-decoration: underline;}