@charset "utf-8";
* {margin: 0px; padding: 0px;}
*:focus {outline: none;}

html {font-size: 100.01%; height: 100%;}
body {height: 100%; font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.22em; background: #fff url("/images/style/grad.gif") left 195px repeat-x;}

ul, ol {margin: 10px 0 10px 20px;}
table {border-collapse: collapse;}
a img {border: none;}
p {margin-bottom: 1em;}
a {color: #336699; text-decoration: underline;}
a:hover {text-decoration: none;}

.clear {clear: both; margin: 0; font-size: 1px; line-height: 1px;}

.h4_to_h1 h4{font: normal 1.75em Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .5em 0; color: #215988; padding: 3px 0 0 0;}

h1 {font: normal 1.75em Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .5em 0; color: #215988; padding: 3px 0 0 0;}
h2 {font: normal 1.33em Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .5em 0; color: #215988; padding: 3px 0 0 0;}
h3 {font: normal 1.33em Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .5em 0; color: #215988; padding: 3px 0 0 0;}
h4 {font: normal 1.33em Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .5em 0; color: #215988; padding: 3px 0 0 0;}
h5 {font: normal 1.33em Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .5em 0; color: #215988; padding: 3px 0 0 0;}
h6 {font: normal 1.33em Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 .5em 0; color: #215988; padding: 3px 0 0 0;}

blockquote {color: #516377; font-style: italic; font-size: 0.79em; line-height: 1.64; margin: 13px 0 23px 27px; padding: 12px 0 0 26px; border-left: 5px solid #aeb2b6;}
pre, code {font: 1.2em/1.8em "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee;}
code {padding: .2em .5em;}


/* --- header_bg
----------------------- */

#header_bg {position: absolute; top: 0 left: 0; width: 100%; background: url("/images/style/bg_1_rep.gif") left top repeat-x; height: 195px; min-width: 1000px; z-index: 1;}
#header_bg .bg_1 {height: 195px; background: url("/images/style/bg_1_left.gif") left top no-repeat;}
#header_bg .bg_2 {height: 195px; background: url("/images/style/bg_1_right.gif") right top no-repeat;}
#header_bg .bg_3 {height: 195px; background: url("/images/style/bg_lines.png") left top no-repeat;}

/* --- container
----------------------- */

#container {min-height: 100%; min-width: 1000px; background: url("/images/style/bg_2.gif") center bottom no-repeat; margin-bottom: -135px; position: relative; left: 0; top: 0; z-index: 10; font-size: 1.2em; line-height: 1.35em; color: #333333;}


/* --- header
----------------------- */

#header {width: 700px; margin: 0 auto; padding: 143px 0 0 300px; height: 52px; position: relative; left: 0; top: 0;}

#header .logo {position: absolute; top: 43px; left: 10px;}
#header .logo img {width: 231px; height: 63px;}

#header .contacts {position: absolute; top: 57px; right: 18px;}
ul.fot {
	margin: 0;
	padding:0;}
ul.fot li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 20px 20px 0;}
#menu {
position: absolute;
top: 150px;
left: 10px;
margin: 0; font-size: 13px; line-height: 20px;}
#menu > li {display: block; float: left; padding: 10px 15px 0 19px; height: 40px; background: url("/images/style/line_blue.gif") right 9px no-repeat; position: relative; line-height:15px;}
#menu > li a {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
#menu > li a:hover {border: none;}
#menu > li.last {background: none;}
#menu > li.active {padding: 10px 15px 0 17px; height: 40px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background: #e0e0e0 url("/images/style/line_green.gif") left 1px repeat-x;  left: -1px;}

#menu li ul#submenu {
	display: none;
	position: absolute;
	
	top: 40px;
	left: -20px;
	width: auto;
	padding: 10px 15px 15px 15px;
	background: url("/images/submen.gif") left top repeat-x;
	z-index:99999;
	}
#menu li ul#submenu  li {
	 
	list-style: none;
	padding: 0;white-space: nowrap;
	}
#menu li ul#submenu  li a {
	color: #333;
	border-bottom: 1px dotted #333;}
#menu li ul#submenu  li a:hover {
	color: #333;
	border-bottom: none;}
.pagesmenu {
	padding: 0;
	margin:20px 0 20px -7px;
	display: block;
	}
.pagesmenu li {
	list-style: none;
	font-size: 13px;
	padding: 7px;
	
	display: inline;}
.pagesmenu li a {
	text-decoration: none;
	border-bottom: 1px dotted;
	height: 30px;}
.pagesmenu li.active  {
	border-top: 2px solid #cdcdcd; }
.download {
	float: right;}
/* --- content
----------------------- */

#content {width: 1000px; margin: 0 auto; padding: 0 0 0 0; padding-bottom: 135px;}
.left_column {width: 280px; float: left; padding: 34px 0 50px 0;}
.right_column {margin-left: 290px; padding: 34px 0 50px 0; width: 700px;}

.left_column h2 {font-size: 1.75em; line-height: 1.2em; margin: 0 0 17px 10px;}

.spec_img {width: 202px; height: 233px; background: url("/images/style/bg_spec.gif") left top no-repeat; padding: 21px 28px 22px 28px; text-align: center; overflow: hidden; margin-bottom: 25px;}
.spec_img a {font-weight: bold;}
.spec_text {width: 255px; padding: 0 0 68px 12px;}
.srec_price {font-size: 1.75em; line-height: 1.2em; color: #3a8900; padding: 0 0 3px 6px;}

.webform {padding-top: 11px; width: 260px; margin-bottom: 20px;}
.webform table {width: 100%;}
.webform td {padding: 0 0 10px 10px;}
.webform input.text {width: 180px; height: 16px; padding: 0 2px 0; background: #fff; color: #666; font-size: 12px; border: 1px solid #666;}
.webform input.submit {border: 1px solid #215988; background: #77a6cf; color: #fff; font-size: 11px; padding: 2px 4px; cursor: pointer;}
.webform p.submit {text-align: right; padding-left: 10px;}
.webform .captcha {}
.webform .captcha td.label {white-space: nowrap; vertical-align: bottom; padding-bottom: 12px;}
.webform .captcha img {display: block; margin: 0 0 5px 0;}
.webform .captcha input.text {width: 136px;}

.content {padding: 0 0 0 25px;}

.index_pic {margin-bottom: 35px;}
.index_pic td {padding: 0 0 10px 10px;}
.index_pic img {display: block;}
.index_pic .pic {position: relative; overflow: hidden; border: 1px solid #535353;}
.index_pic .pic div {position: absolute; left: 0; bottom: 10px; background: url("/images/style/bg.png") left top no-repeat; color: #fff; font-size: 1.75em; line-height: 1.2em; padding: 3px 17px 3px 14px}
.index_pic p {margin: 0;}
.index_pic a {color: #fff; text-decoration: none;}


/* --- footer
----------------------- */

#footer {height: 135px; width: 980px; margin: 0 auto; padding: 0 10px; z-index: 20; position: relative; color: #77a6cf; font-size: 1.1em; line-height: 1.2em;}
#footer p {margin: 0 0 0.5em;}
#footer a {color: #fff;}
#wp {float: right; padding-right: 85px; padding-top: 5px; height: 21px; margin: 28px 10px 0 0; background: url("/images/style/wp.gif") right top no-repeat;}
#footer .contacts {padding: 26px 0 0 160px; background: url("/images/style/logo.gif") 10px 25px no-repeat;}



.accordion2 {
	position:relative;
	}
.accordion2 h1 {
position:absolute; 
top: -50px; 
height: 30px;
padding: 13px 0px 0px 0px;

text-align:center;
cursor:pointer;
}
.accordion2 h1.one {
	left: 5px; 
	width: 145px;
	z-index: 9;}
.active {
	color:#034165;
	z-index: 9999;}
.accordion2 h1.wo {
	left: 151px; 
	width: 180px;
	z-index: 9;}

.accordion2 h1.three {
	left: 331px; 
	width: 145px;
	z-index: 9;}

.accordion2 {
padding:20px 20px 10px 20px;
	background: #ffffff ;
	margin: 60px 0 0 0;
	line-height: 16px;
	
  
  }
 
.accordion2 div { 
  padding: 0px;
  display: none;
}
.accordion2 div div { 
  padding: 0px 0 0 0px;
  display: block;
  
}
.bordered td {
	border-bottom: 1px solid #E0E0E0;
	padding:5px 10px;}