body {
	height: 100%;
	margin: auto;
	padding: 0;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	background-color: #004a8f;
	background: #004a8f url("/i/bg_body.gif") repeat-y 50% 0;
	
	}


/*ÎÁÙÅÅ*/
* html body { text-align: center; }
body * {text-align: left;}

p {	margin: 0;
	padding: 0;
	text-align: justify;
	text-indent: 15px;
	padding-bottom: 5px;
	color: #000;
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.4}

div {margin: 0; padding: 0;	border: 0px; font-size: 11px;}

table {margin: 0; padding: 0; border-bottom: 1px solid #517C30; border-right: 1px solid #517C30; margin-bottom: 15px; width: 100%}
td {margin: 0; padding: 0; border-left: 1px solid #517C30; border-top: 1px solid #517C30; padding: 4px; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; text-align: center;}
td.head {background-color: #E0E8B4; font-weight: bold; text-align: center}
td.subhead {background-color: #CDDB84; text-align: center}
td.left {text-align: left}
td.price {text-align: right; padding-right: 12px; background-color: #FFFF99;}
#order td.left {font-weight: bold;}

table.small {width: 538px}
table.small2 {width: 418px}
table.small2 .head {width: 25%}
table.small3 {width: 557px}
table.small4 {width: 488px}

table.outable {margin: 0; padding: 0; width: 100%; border: none; background-color: #F7E6C8	}
table.outable td {margin: 0; padding: 20px 10px; border: none; text-align: left; vertical-align: top}
table.outable1 td img {margin: 20px 10px}

a {text-decoration: none; 
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px}
a:hover {text-decoration: underline;}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;}

h1 {font-size: 14px; color: #517C30; padding-left: 200px; padding-bottom: 7px; text-align: right}
h2 {font-size: 12px; padding-bottom: 14px; text-align: right; color: #595959;}
h3 {color: #517C30; padding-bottom: 5px; text-align: right; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}
ul {margin: 0; padding: 0; list-style: none;}
ul li {margin: 0; padding: 0; list-style: none; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;}

ol {margin: 0; padding: 0; padding-bottom: 15px}
ol li {margin: 0; padding: 0; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; list-style-position: inside; line-height: 15px}

img {border: 0;}
a img {border: 0}

form {margin:0; padding: 0;}

#conteiner {
	margin: auto;
	width: 760px;}	

#head {
	position: relative;
	width: 760px;
	height: 180px;
	background: url("/i/bg_head_2.jpg") no-repeat 0 0}
#logo {
	float: left;
	width: 220px;
	height: 125px;
	margin-top: 28px;
	padding-left: 20px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
	}
html>body #logo {width: 200px;}		

#logo h1 {padding: 0; width: 200px; height: 125px; height: 100%}
#logo h1 a {
	display: block;
	width: 200px; 
	height: 125px;
	text-indent: -3000px;
	overflow: hidden} 
	
#up_nav {
	position: absolute;
	top: 109px;
	left: 384px;
	width: 200px;
	text-align: left;}

#up_nav a img {margin-left: 20px;}

ul#head_menu {
	width: 507px;
	height: 29px;
	float: right;
	margin-top: 151px}


ul#head_menu li {height: 29px; float: left; height: 100%}

ul#head_menu li a {display: block; height: 100%; width: 126px; text-indent: -3000px; overflow: hidden;}


ul#head_menu li.item1 {
	background: url("/i/item1.gif") no-repeat 0 0;
	width: 127px;}

ul#head_menu li.item2 {
	background: url("/i/item2.gif") no-repeat 0 0;
	width: 128px;}
	
ul#head_menu li.item3 {
	background: url("/i/item3.gif") no-repeat 0 0;
	width: 126px;}
	
ul#head_menu li.item4 {
	background: url("/i/item4.gif") no-repeat 0 0;
	width: 126px;}
	
ul#head_menu li.item1_current {
	background: url("/i/item1_current.gif") no-repeat 0 0;
	width: 127px;}

ul#head_menu li.item2_current {
	background: url("/i/item2_current.gif") no-repeat 0 0;
	width: 128px;}
	
ul#head_menu li.item3_current {
	background: url("/i/item3_current.gif") no-repeat 0 0;
	width: 126px;}
	
ul#head_menu li.item4_current {
	background: url("/i/item4_current.gif") no-repeat 0 0;
	width: 126px;}

#under_head {
	width: 760px;	
	height: 23px;
	background: url("/i/bg_under_head.gif") repeat-x 0 0;
	color: #595959;
	line-height: 23px;
	text-align: right;
	font-size: 10px;
	}

#name {
	padding-left: 10px; 
	width: 300px; 
	background: url("/i/bg_red.gif") repeat-x 0 0;
	height: 23px; 
	padding-top: 2px;
	line-height: 21px;
	color: #ECB3B5; 
	float: left; 
	font-size: 9px; 
	font-family: Tahoma; 
	font-weight: bold;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 21px; 
	}
html>body #name {height: 21px;}
	

#under_head span {float: right; }

/* ---------------------------------------------------------
					ÂÛÏÀÄÀÞÙÅÅ ÌÅÍÞ
*/
#main_menu {
	padding: 2px 0;
	height: 37px;
	background: url("/i/bg_main_menu.gif") repeat-x 0 bottom;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 33px;
	}
html>body #main_menu {height: 33px;}

#main_menu ul {
	height: 28px;
	border: 1px solid #001e5c;
	background: #515151;
	background-color: #c8d18a;
	float: left;
	width: 760px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 758px;
	}
html>body #main_menu ul {width: 758px; 	height: auto;}

#main_menu ul li {
	float: left;
	position: relative;
	background-color: #c8d18a;
	back\ground: none;
	border-right: 1px solid #fff;
	}
#main_menu ul li.last {border: none}

#main_menu ul li a {
 	display: block;
	width: 125px;
	color: #001e5c;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	line-height: 28px;
	text-align: center;}
#main_menu ul li.double a {line-height: 10px; padding: 4px 0;}
#main_menu ul li a:hover {color: #ac5422; text-decoration: none}
#main_menu ul li.current a {width: 128px; color: #fff; background-color: #638c48}
#main_menu ul li.current a:hover {color: #fff;}
#main_menu ul li.current li a:hover {color: #ac5422;}


#main_menu li ul {
	display: none;
	position: absolute;
	width: 205px;
	padding-top: 8px;
	background: #c8d18a url("/i/bg_sub_menu.gif") repeat-x 0 0;
	border: 1px solid #001e5c;
}
html>body #main_menu li ul {width: 205px;}

#main_menu li li {border: none; padding: 0 10px;}
#main_menu li li.sub {background-image: url("/i/arrow-w.gif"); background-repeat: no-repeat; background-position: 100% 10px;}
#main_menu li li a, #main_menu li.current li a {
	width: 185px;
	background: none;
	border-bottom: 1px solid #001e5c;
	color: #001e5c;
	font-weight: normal;
	text-align: left;
}
#main_menu li li.sublast a, #main_menu li.current li.sublast a {border-bottom: none;}



#main_menu li li:hover li a, #main_menu li li.jshover li a {color: #001e5c;}

#main_menu li:hover ul, #main_menu li.jshover ul { display: block; }

#main_menu li:hover li ul, #main_menu li.jshover li ul {
	display: none;
	padding-top: 0px;
	background-image: none;
	border: 1px solid #001e5c;
	top: 2px;
   	left: 194px;
	lef\t: 199px;
}
#main_menu li:hover li:hover ul, #main_menu li.jshover li.jshover ul { display: block;}

/* ---------------------------------------------------------
*/




#content {padding-top: 10px; padding-bottom: 30px}



#footer {
	margin: auto;
	clear: both;
	width: 760px;
	height: 140px;
	background: url("/i/bg_main_menu.gif") repeat-x 0 top;
	padding-top: 5px;}

#footer_up {padding-bottom: 2px}	
#footer_up div {
	width: 250px; 
	height: 90px; 
	float: left; 
	margin-right: 5px; 
	text-align: left; 
	color: #fff; 
	font-weight: bold; 
	font-size: 9px;
	padding: 10px 90px 0px 10px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 80px;
	width: 150px;
	}
html>body #footer_up div {height: 80px; width: 150px;}

#footer_up div h2 {color: #fff; text-align: left; font-size: 12px; padding-bottom: 8px}
#footer_up div a {color: #fff; font-size: 10px; display: block; padding-top: 3px}

#footer_up div#tehnolog {background: url("/i/tehnolog.gif") no-repeat 0 0}
#footer_up div#tsmnu {background: url("/i/tsmnu.gif") no-repeat 0 0}
#footer_up div#kompleks {margin-right: 0px; background: url("/i/kompleks.gif") no-repeat 0 0}

#footer_up {height: 90px; width: 760px;}

#footer_down {background: url("/i/bg_main_menu.gif") repeat-x 0 top; clear: both; padding-top: 5px; height: 38px}


#copy {padding-left: 3px; float: left}
#creator {float: right; text-align: right; padding-right: 3px}


.p_left {float: left; padding-right: 10px; padding-top: 6px;}
.p_left img {margin-bottom: 19px;}
.p_img {float: left; padding-bottom: 6px;}
/*.p_right {border: 1px solid red;}*/
.p_right p {padding-right: 5px;}
.padd {float: right; width: 486px;}
.p_img a {margin: 0; padding: 0; border: none;}
.p_img a.center_img {margin: 0 55px;}
p.pr {text-align: right;}

.pic {clear: both}
.pic img {border: 1px solid #e6ab45; margin-right: 7px; margin-bottom: 22px; }
.isp_img { padding-top: 6px;s}
.isp_img img {border: 1px solid #527d31;}
.isp_img .isp_center {margin: 0 12px;}
.pic .pic_last {margin-right: 0px; margin-left: 13px;}

.bigfont p {font-size: 12px; padding-bottom: 2px; line-height: 1.3 }
.contact {text-align: center}
.contact p {font-size: 12px; font-weight: bold; text-align: center}
.contact h2 {text-align: center; padding-top: 20px; padding-bottom: 5px; }
.contact img {border: 1px solid #527d31; padding: 15px 38px; margin: auto}
.inbox {background-color: #f7e6c8; width: 520px; padding: 10px; float: right; margin-bottom: 15px;}
.inbox h3 {text-align: left; text-indent: 15px}
.swf {text-align: center; background-color: #f5e3ba;}
.swf2 {padding: 10px 0; background-color: #f5e3c6; margin-bottom: 15px; }
.swf4 {text-align: center; background-color: #f7e6c8; border-right: 30px solid #fff; float: left; padding: 10px 0;}
.h3_gen {padding-top: 50px;}
.h3_vent {padding-top: 67px;}
.h3_kron {padding-top: 47px;}
.h1_gidrant {padding-top: 36px;}

.cols {float: left; width: 250px;}
.cols1 {float: left;}
.cols1 h3 {text-align: left;}
.cols1 p, .cols2 p {text-indent: 0;}
.cols2 {float: left;}
.cols2 h3 {text-align: left;}
#golovk .head {width: 12%}
#golovk2 .head {width: 20%}


#price_menu, #order_menu {padding-left: 13px;}
#price_menu li a, #order_menu li a {color: #001f5c; font-weight: bold;}
#price_menu li a:visited, #order_menu li a:visited {color: #001f5c;}

/* CSS for checklists */
.checklist {
	overflow: auto;
	width: 100	%;
	height: 17em;
	padding: 0; margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	list-style: none;
}
.checklist li {clear: left; margin: 0; padding: 0; display: none; border-bottom: 1px dashed #ccc; overflow: hidden}
.checklist label { display: block; height: 1%; padding: 0 0.2em 0 0; line-height: 18px }
.checklist label:hover, .checklist label.hover { background: #8B8B8C; color: #fff;}
.checklist label input { float: left;}
.checklist label strong { float: left; display: block; width: 600px; padding-left: 10px;}

#ordertable {padding: 0; margin: 0;}
#ordertable #orderpattern {display: none}
#ordertable td.left {padding-left: 5px;}

#price_menu, .checklist, #ordertable {margin-bottom: 12px;}

.frm {color: #000; background-color: #fff; width: 520px}
.btn {color: #fff; background-color: #4F5F63; width: 100px; text-align: center; border: 1px solid #999; font-weight: bold;}
