/* файл стилей */

*, html, body, a img {
	padding: 0;
	margin: 0;
	border: 0;
}

#all{
	min-width: 1000px;
	width: 100%;
}

* html #all{
	width:expression(document.body.clientWidth > 1000? "100%" :"1000px");
}

ul {
  z-index: 100;
}


#topmenu{
	float: left;
	width: 100%;
	height: 33px;
	text-align: center;
	background: url(topmenu.gif) top left repeat-x;
}

#topmenuleft{
	float: left;
	width: 41px;
	height: 33px;
	margin-right: -41px;
	background: url(topmenuleft.gif) top left no-repeat;
}

#topmenuright{
	float: right;
	width: 34px;
	height: 33px;
	margin-left: -34px;
	background: url(topmenuright.gif) top left no-repeat;
}

#topmenucenter{
	float: left;
	width: 100%;
	margin-left: -41px;
	margin-right: -33px;
	font-family: tahoma, sans-serif;
	font-size: 11px;
}

#topmenucenter ul{
	list-style: none;
	padding: 0;
	width: auto;
	padding-top: 7px;
	position: relative;
	margin-left: 41px;
}

#topmenucenter li{
	border-right: 1px dotted #C2F970;
	position: relative;
	height: 13px;
	display: inline;
	z-index: 1;
}

#topmenucenter a{
	color: #FFFFFF;
	padding-right: 22px;
	padding-left: 22px;
	text-decoration: none;
}

#topmenucenter span{
	color: #9AE71A;
	/*padding-right: 22px;
	padding-left: 22px;*/
}

#topmenucenter li.last{
	border: 0;
}

#topmenucenter li.last a, #topmenucenter li.last span{
	padding-right: 0;
}

#topmenucenter li ul{
	position: absolute;
	left: -3px;
	top: 5px;
	float: left;
	border-bottom: 1px solid #32A530;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	display: none;
	padding-top: 20px;
	z-index: -1;
}

/** html*/ #topmenucenter li ul{
	width: 230px;
}

#topmenucenter li:hover ul, #topmenucenter li.over ul{
	display: block;
	z-index: 5;
}

#topmenucenter ul ul li{
	background: #E7FFE7;
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	border-top: 1px dotted #32A530;
	border-left: 1px solid #32A530;
	border-right: 1px solid #32A530;
	padding-top: 2px;
	padding-bottom: 5px;
}

#topmenucenter ul ul li:hover, #topmenucenter ul ul li.over{
	background: #F3F3F3;
}

#topmenucenter ul ul li a{
	color: #32A530;
	border: 0;
	padding: 0;
	padding-left: 11px;
	padding-top: 11px;
	/*white-space: nowrap;*/
}

#topmenucenter ul ul li a:hover{
	font-weight: bold;
}

#topmenucenter ul ul li.first{
	border-top:1px solid #32A530;
}
/*------------------ end of topmenu -------------------------------------------------------------*/

#top{
	float: left;
	width: 100%;
	height: 194px;
	background: url(top.gif) top left no-repeat;
}

#top.inner{
	height: 80px;
	background: none;
}

#top img{
	float: left;
	display: inline;
	margin-top: 46px;
	margin-left: 50px;
}

#top.inner img{
	margin-top: 9px;
}

#topright{
	float: right;
	display: inline;
	margin-top: 17px;
	height: 144px;
	padding-left: 17px;
	width: 221px;
	border-left: 1px solid #13790D;
	padding-top: 15px;
}

#top.inner #topright{
	margin-top: 7px;
	height: 78px;
	padding-top: 2px;
	margin-bottom: 0;
	padding-bottom: 0;
	overflow: hidden;
}

#topright .phone{
 	display: inline;
 	float: left;
 	clear: both;
	color: #A9A9A9;
	font-family: tahoma, sans-serif;
	font-size: 18px;
}

#topright .phone strong{
	font-size: 24px;
}

#top.inner #topright .writeus{
	margin-top: 0;
	margin-bottom: 4px;
}

#topright .writeus{
	margin-top: 34px;
 	display: inline;
 	float: left;
 	clear: both;
	color: #A9A9A9;
	font-family: "times new roman ps mt", "times new roman", times, serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: 11px;
	width: 70%;
	margin-bottom: 12px;
}

#topright a{
	float: left;
	display: inline;
	clear: both;
	margin-left: 11px;
	padding-left: 20px;
	background: url(env.gif) left center no-repeat;
	width: 190px;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	color: #25AB21;
}

/*------------------ Собственно, контент (content) -------------------------------------------------------*/
div.content{
	width: 100%;
	float: left;
	background: url(content.gif) top left repeat-y;
}
div.toppad { padding-top: 30px; }


#content h2, #content h3, #content h4, #content h5 {
	color: #13790D;
	font-family: "times new roman ps mt", "times new roman", times, serif;
	font-weight: bold;
	margin: 17px 0px 0px 18px;
}
#content h2{ font-size: 18px; margin-bottom: 19px; }
#content h3{ font-size: 16px; margin-bottom: 10px; }
#content h4{ font-size: 14px; margin-bottom: 10px; }
#content h5{ font-size: 14px; margin: 0px;}

#content p{
	margin-left: 18px;
	margin-bottom: 19px;
	font-size: 13px;
	font-family: tahoma, sans-serif;
	color: #727272;
}
#content a { color: #D1E25C; }
#content a { color: #25AB21;}

#content ul{
	font-size: 13px;
	font-family: tahoma, sans-serif;
	color: #727272;
	list-style: inside disc;
}
#content ul li{
	font-size: 13px;
}

/*------------------ (end of content) -----------------------------------------------------------------*/

#left{
	float: left;
	width: 	256px;
	background: url(stupidwhitebox.gif) top right no-repeat;
	padding-left: 25px;
	position: relative;
	top: -58px;
}
#left.inner{ position: static; }

/*------------------ Меню слева (leftmenu) -------------------------------------------------------------*/
div.leftmenu {
	width: 250px;
	padding-top: 15px;
	background: url(topleft.gif) 0px 0px no-repeat #F3F3F3;
}
div.leftmenu li { list-style: none; }

div.leftmenu a {
	display: block;
	height: 100%; /*IE sucks without this*/
	color: #868D9B;
	font-family: "times new roman ps mt", "times new roman", times, serif; font-weight: bold;
	text-decoration: none;
}
div.leftmenu a:hover, div.leftmenu a.selected { color: #16B114; }

div.leftmenu ul.level1 li {
	padding: 18px 0px 25px 22px;
	background: url(last.gif) left bottom no-repeat ;
	border-bottom: 2px solid #FFFFFF;
}
div.leftmenu ul.level1 li.firstfolded { background: url(topleftgrad.gif) left bottom no-repeat; }
div.leftmenu ul.level1 li.last { background: url(truly_last.gif) left bottom no-repeat; }
div.leftmenu ul.level1 a {
	font-size: 18px;
	padding: 0px 0px 0px 24px;
	background: url(left_li_big.gif) 0px 4px no-repeat;
}
div.leftmenu ul.level1 a:hover, div.leftmenu ul.level1 a.selected { background-image: url(left_li_big_hover.gif); }


div.leftmenu ul.level2 li { background: none; padding: 16px 20px 0px 24px; border: none; }
div.leftmenu ul.level2 a {
	font-size: 13px;
	padding: 0px 0px 0px 18px;
	background: url(left_li.gif) 0px 4px no-repeat;
}
div.leftmenu ul.level2 a:hover, div.leftmenu ul.level2 a.selected { background-image: url(left_li_hover.gif); }
/*------------------ End of leftmenu -------------------------------------------------------------------*/

/*------------------ Меню третьего и четвертого уровней (darkblock) -------------------------------------------------------------------*/
#darkblock a{ color: #000000; }

#darkblock ul.level3 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
}
#darkblock ul.level3 a.selected { color: #727272; }

#darkblock ul.level4 {
	float: right;
	width: 40%;
	border-left: 1px solid white;
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 0px 10px;
}
#darkblock ul.level4 li{ list-style-type: circle;}
#darkblock ul.level4 a.selected { color: #727272; }

#darkblock{
	float: left;
	width: 100%;
	background: #C6F7BD;
	color: #6F7E0F;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 18px;
}

#darkblocktop, #darkblocktopleft, #darkblocktopright, #darkblockbottom, #darkblockbottomleft, #darkblockbottomright {
	font-size: 0;
	height: 10px;
	float: left;
}
#darkblocktop { width: 100%; background: url(darkblocktop.gif) top left repeat-x; }
#darkblocktopleft { width: 13px; background: url(darkblocktopleft.gif) top left no-repeat; }
#darkblocktopright { float: right; width: 11px; background: url(darkblocktopright.gif) top right no-repeat; }

#darkblockbottom { width: 100%; background: url(darkblockbottom.gif) top left repeat-x; }
#darkblockbottomleft { width: 13px; background: url(darkblockbottomleft.gif) top left no-repeat; }
#darkblockbottomright { float: right; width: 3px; background: url(darkblockbottomright.gif) top right no-repeat; }

#darkblockmiddle { float: left; width: 100%; background: url(darkblockmiddle.gif) top left repeat-y; }
#darkblockmiddleinner { float: left; width: 100%; background: url(darkblockmiddleinner.gif) top right repeat-y; }
/*------------------ end of darkblock -------------------------------------------------------------------*/

/*------------------ Каталог продукции (catalog) -------------------------------------------------------------------*/
a.type{
	margin: 0px 0px 0px 18px;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma, sans-serif;
	color: #20A917;
	text-decoration: none;
}

div.models {
	font-size: 11px;
	margin: 8px 0px 8px 18px;
}
div.models a {
	padding-left: 18px;
	background: url(a_model.gif) left center no-repeat;
	font-family: tahoma, sans-serif;
	color: #BAD217;
}
/*------------------ end of catalog -------------------------------------------------------------------*/

#addserv{
	float: left;
	width: 234px;
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 6px;
	display: inline;
	margin-bottom: 22px;
	border-bottom: 1px dotted #6D8752;
	color: #A9A9A9;
	padding-left: 17px;
	font-family: "times new roman ps mt", "times new roman", times, serif;
	font-weight: bold;
}

#leftpic{
	float: left;
	display: inline;
	margin-bottom: 2px;
}

#right{
	float: right;
	width: 100%;
	margin-left: -285px;
	display: inline;
}

#right_inner{
	margin-left: 310px;
	margin-right: 22px;
}

#top_green_blocks{
	float: left;
	width: 667px;
	height: 10px;
	font-size: 0;
	background: url(top_green_blocks.gif) top left no-repeat;
}

#upper_green_blocks{
	float: left;
	width: 667px;
	clear: both;
	background: url(upper_green_blocks.gif) top left repeat-y;
}

#upper_green_blocks_inner{
	float: left;
	width: 667px;
	clear: both;
	background: url(upper_green_blocks_inner.gif) left center no-repeat;
	min-height: 142px;
}

* html #upper_green_blocks_inner{
	height: 142px;
}

#middle_green_blocks{
 	float: left;
 	width: 667px;
 	height: 28px;
 	clear: both;
 	background: url(middle_green_blocks.gif) top left no-repeat;
}

#downer_green_blocks{
	float: left;
	width: 667px;
	clear: both;
	background: url(downer_green_blocks.gif) top left repeat-y;
}

#downer_green_blocks_inner{
	float: left;
	width: 667px;
	clear: both;
	background: url(downer_green_blocks_inner.gif) left center no-repeat;
	min-height: 142px;
}

* html #downer_green_blocks_inner{
	height: 142px;
}


#bottom_green_blocks{
 	float: left;
 	width: 667px;
 	height: 9px;
 	font-size: 0;
 	clear: both;
 	background: url(bottom_green_blocks.gif) top left no-repeat;
}

#top_left_green{
	float: left;
	display: inline;
	padding-top: 15px;
	padding-bottom: 7px;
	background: url(top_left_green.gif) right center no-repeat;
	padding-left: 27px;
	width: 296px;
	margin-right: 29px;
}

#top_right_green{
	float: left;
	display: inline;
	padding-top: 15px;
	padding-bottom: 7px;
	width: 292px;
	padding-right: 6px;
	padding-left: 16px;
}

#bottom_left_green{
	float: left;
	display: inline;
	padding-top: 15px;
	padding-bottom: 7px;
	padding-left: 27px;
	width: 296px;
	margin-right: 29px;
}

#bottom_right_green{
	float: left;
	display: inline;
	padding-top: 15px;
	padding-bottom: 7px;
	width: 292px;
	padding-right: 6px;
	padding-left: 16px;}

#green_blocks ul{
	margin-top: 15px;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	color: #000000;
	margin-left: 0 !important;
	list-style-position: outside;
}



#green_blocks{
	float: left;
	width: 100%;
	margin-bottom: 19px;
}

#right ul, #right ol{
	font-size: 11px;
	font-family: tahoma, sans-serif;
	color: #727272;
	margin-left: 28px;
	margin-bottom: 15px;
}

* html #right ul li{
	line-height: 1.2;
}

* html #right ul{
	margin-left: 33px;
}

.emph{
	margin-left: 18px;
	color: #13790D;
	font-family: "times new roman ps mt", "times new roman", times, serif;
	font-size: 12px;
	font-weight: bold;
}

#bottom_blocks{
 	float: left;
 	width: 100%;
 	margin-top: 20px;
}

#ready{
	float: left;
	width: 404px;
	height: 182px;
	background: url(ready.gif);
}

.special_offer{
	float: left;
	width: 196px;
	height: 137px;
	/*background: url(special.gif);*/
	padding-top: 45px;
	padding-left: 11px;
	padding-right: 11px;
	color: #FFFFFF;
	font-family: tahoma, sans-serif;
	font-size: 12px;
}
.special_offer a{ color: #C6F7BD; }

#footer{
	float: left;
	width: 100%;
	height: 129px;
	background: url(footer.gif) top left repeat-x;
}

#footer_left{
	float: left;
	display: inline;
	width: 238px;
	height: 91px;
	background: url(footer_left.gif) top left no-repeat;
	padding-left: 26px;
	padding-top: 38px;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #787878;
}

#footer_left div{
	margin-bottom: 3px;
	font-weight: bold;
}

#footer_left a{
	display: block;
	height: 15px;
	background: url(footer_left_a.gif) left center no-repeat;
	padding-left: 20px;
	color: #32B527;
	margin-top: 3px;
}

#footer_center{
	float: left;
	background: url(footer_center.gif) top left no-repeat;
	padding-left: 32px;
	padding-top: 60px;
}

#footer_center img{
	float: left;
	display: inline;
	margin-right: 20px;
}

#footer_right{
	float: right;
	width: 400px;
	height: 129px;
	background: url(footer_right.gif) top right no-repeat;
}

#footer_right a{
	color: #A5A5A5;
	font-size: 10px;
	font-weight: bold;
	font-family: tahoma, sans-serif;
	text-decoration: none;
	float: right;
	display: inline;
	margin-right: 131px;
	margin-top: 72px;
}

#phone{
	float: right;
 	display: inline;
	color: #A9A9A9;
	font-family: tahoma, sans-serif;
	font-size: 18px;
	margin-top: 26px;
}

#phone strong{
	font-size: 24px;
	margin-right: 34px;
}

#lightblock{
	float: left;
	width: 100%;
	background: #E7FFE7;
}

#lightblocktop{
	float: left;
	width: 100%;
	font-size: 0;
	height: 10px;
	background: url(lightblocktop.gif) top left repeat-x;
}

#lightblocktopleft{
	float: left;
	width: 13px;
	font-size: 0;
	height: 10px;
	background: url(lightblocktopleft.gif) top left no-repeat;
}

#lightblocktopright{
	float: right;
	width: 11px;
	font-size: 0;
	height: 10px;
	background: url(lightblocktopright.gif) top right no-repeat;
}

#lightblockbottom{
	float: left;
	width: 100%;
	font-size: 0;
	height: 10px;
	background: url(lightblockbottom.gif) top left repeat-x;
}

#lightblockbottomleft{
	float: left;
	width: 13px;
	font-size: 0;
	height: 10px;
	background: url(lightblockbottomleft.gif) top left no-repeat;
}

#lightblockbottomright{
	float: right;
	width: 3px;
	font-size: 0;
	height: 10px;
	background: url(lightblockbottomright.gif) top right no-repeat;
}

#lightblockmiddle{
	float: left;
	width: 100%;
	background: url(lightblockmiddle.gif) top left repeat-y;
}

#lightblockmiddleinner{
	float: left;
	width: 100%;
	background: url(lightblockmiddleinner.gif) top right repeat-y;
	padding-bottom: 10px;
}

#lightblock{
	color: #6F7E0F;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	margin-bottom: 18px;
	margin-top: 18px;
}

#lightblock span{
	display: block;
	padding-top: 3px;
	padding-bottom: 12px;
	padding-left: 27px;
	font-family: "times new roman ps mt", "times new roman", times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #13790D;
}

#lightblock a{
	padding-left: 27px;
	padding-right: 10px;
	display: block;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #29B518;
}

/*.withpic img{*/
img.floatleft {
	float: left;
	display: inline;
	margin-right: 18px;
}


.withpic p{
	margin-bottom: 11px !important;
}

.price{
	height:15px;
	display: block;
	padding-left: 19px;
	background: url(price.gif) left center no-repeat;
	font-size: 11px;
	color: #727272;
	font-family: tahoma, sans-serif;
	margin-bottom: 2px;
}

a.price{
	color: #BAD217;
}

/*---------------------- Форма обратной связи feedback -----------------------*/
table.feedback { width: 70%; table-layout: fixed; margin-left: 20px; }
table.feedback td { padding: 1px 5px 1px 10px; }
table.feedback td.label { width: 35%; }

form.feedback input { border: 1px solid #13790D; width: 100%; }
form.feedback textarea { border: 1px solid #13790D; width: 100%; }
form.feedback input.button {border: none; width: auto;}
/*---------------------- end of feedback -------------------------------------*/

#content img, #right img{
	margin: 0.5em 1em;
}
#content table {
font-size: 11px;
}
#content tr, #content td{
 padding: 3px; 
 border: solid 1px #21AE18;
}