body{
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	background:#214177 url(/images/bg-body.jpg) repeat-x;
	color:#555454;
}

ul { padding: 3px 0 0 20px; }

/* General reset */
img{border:0;}
a{	text-decoration: none;}
a:hover{text-decoration:underline;}
/* structure */
#wrapper{
	margin:0 auto 20px;
	width:804px;
}
#header{
	height:240px;
	overflow:hidden;
}
#main{
	width:100%;
	overflow:hidden;
	z-index:0;
}
#content{
	float:right;
	width:530px;
	padding: 0 10px 34px 0px;
}
#content a,
#content a:hover {
	color:#555454;
}
#sidebar{
	width:222px;
	float:left;
}
#footer{
	height:36px;
	overflow:hidden;
	margin:0 13px;
}
/* navigation */
.navigation{
	width:100%;
	overflow:hidden;
}
.navigation ul{
	margin:0;
	padding:11px 22px 9px 0;
	float:right;
	overflow:hidden;
	list-style:none;
}
.navigation li{
	float: right;
	padding: 0 0 0 21px;

}
.navigation a{
	padding: 0 0 0 16px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
}
.navigation li .home{background:url(/images/bg-navigation-home.gif) no-repeat;}
.navigation li .contacts{background:url(/images/bg-navigation-contacts.gif) no-repeat;}

.wrapper-box{
	background:#6a93c0;
}
.wrapper-box .conners-top{
	width:100%;
	overflow:hidden;
	background:url(/images/bg-conners-top.gif) no-repeat;
}
.wrapper-box .conners-top .conner-tr{
	float:right;
	background:url(/images/bg-connerstop-connertr.gif) no-repeat 100% 0;
	height:13px;
	width:20px;
}
.conners-bottom{
	width:100%;
	overflow:hidden;
	background:url(/images/bg-conners-bottom.gif) no-repeat 0 100%;
}
.conners-bottom .conner-br{
	float:right;
	background:url(/images/bg-connersbottom-connerbr.gif) no-repeat 100% 100%;
	height: 7px;
	width: 7px;
}
.wrap-bg{
	margin: 0 13px;
	background:#2a447a;
}
.conners-box-top{
	width:100%;
	overflow:hidden;
	background:url(/images/bg-conners-box-top.gif) no-repeat;
}
.conners-box-top .conner-tr{
	float:right;
	width:7px;
	height:7px;
	background:url(/images/bg-connersboxtop-connertr.gif) no-repeat 100% 0;
}
.main-wrap{
	margin: 0 5px;
	background:#fff;
}
/* header */

h1.logo {
	margin:0;
	display: block;
	text-indent: -9999px;
	background:url(/images/bg-logo.png);
	width:212px;
 height:202px;
	float:left;
	z-index:20;
	margin-left:10px;
	position: relative;
}

#header .visual {
	float:left;
	margin-left:-10px;
	margin-top:-2px;
	z-index:10;
	position: relative;
}

/* .main-nav start */
.main-nav{
	background:url(/images/bg-main-nav.gif);
	height:37px;
}
.main-nav ul{
	margin:0;
	padding:0;
	background:url(/images/bg-main-nav-ul.gif) no-repeat 100% 100%;
	list-style:none;
	width:768px;
	height:37px;
	position: absolute;
}
.main-nav li{
	float:left;
	padding:0 0 0 27px;
	height:37px;
	color:#fff;
}
.main-nav .active{
	background:#fff url(/images/bg-main-nav-active.gif) no-repeat;
}
.main-nav a{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding: 0 27px 0 0;
	line-height:29px;
	height:37px;
	color:#fff;
	display:block;
}
.main-nav .active a {
	background:url(/images/bg-main-nav-active-a.gif) no-repeat 100% 0;
	color:#6b6a6a;
}
.main-nav li.active:first-child{
	background:#fff url(/images/bg-mainnav-first-active.gif) no-repeat;
}
.main-nav .first{
	background:url(/images/bg-main-nav-first.gif) no-repeat;
}
.main-nav .submenu {
	display: none;
	position: absolute;
	top: 29px;
	padding: 0px 20px 10px;
	margin-left: -20px;
	border: 1px solid #EEE;
	border-top: none;
	background-color: #2A447A;
	color: #FFF;
	z-index:7777;
}

.main-nav .active .submenu{
 background-color: #FFF;
	color: #000;
}
.main-nav .submenu a {
	display: block;
	background: transparent;
	float:none;
	padding: 2px;
	line-height: 100%;
	height: auto;
}

.main-nav li:hover > .submenu,
.main-nav > .submenu:hover {
 display: block;;
}

/* .main-nav end
	content start */
#content h1, #content h2{
	margin:7px 0 0;
	font:18px Tahoma, Arial, Helvetica, sans-serif;
	color:#c74c23;
}
#content p{
	margin:14px 8px 0 6px;
	line-height:13px;
}
#content p span{display:block;}
#content .wrap{margin:34px 0 0;}
#content .wrap h3{
	margin:0 8px 0 0;
	color:#c74c23;
	font:14px/20px Tahoma, Arial, Helvetica, sans-serif;
	background:url(/images/bg-wrap-h3.gif) no-repeat 5px 4px;
	padding:0 0 3px 28px;
	border-bottom:1px solid #cfcac6;
}
#content .wrap .visual{
	margin:13px 0 0 4px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
#content .wrap .visual li{
	padding:0 22px 0 0;
	float:left;
}
#content .wrap .bg{
	margin:12px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
}
#content .wrap .bg a{
	color:#406fc0;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
}
#content .wrap .bg .left{
	float:left;
	width:247px;
	border-right:1px solid #cfcac6;
}
.wpar-frame{
	overflow:hidden;
	width:100%;
}
#content .wrap .bg .right{
	float:right;
	width:248px;
	margin:0 16px 0 0;
	display:inline;
}
#content .wrap .bg p{
	margin:0 28px 0 0;
}
#content .wrap .bg .more{
	float:right;
	padding: 0 10px 0 0;
	text-decoration:underline;
}
#content .wrap .bg .more:hover{text-decoration:none;}
/* sidebar stert */
.navbar{
	margin:30px 0 0;
	padding:0;
	list-style:none;
}
.navbar li{margin: 0 0 7px;}
.navbar a{
	color:#dd8a4b;
	font-size:14px;
	line-height:13px;
	width:90px;
	height:50px;
	margin: 0 0 0 13px;
	display:block;
	padding:12px 0 0 53px;
}
.navbar .calc{
	background:url(/images/bg-.calc.jpg) no-repeat;
}
.navbar .prod{
	background:url(/images/bg-prod.jpg) no-repeat;
}
#sidebar h3.news{
	text-align:right;
	text-transform:uppercase;
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#c74c23;
	padding:0 9px 0 0;
	margin:0;
}
#sidebar .news-list{
	margin:0;
	padding:4px 0 0;
	list-style:none;
}
#sidebar .news-list li{
	margin:0 16px 19px 8px;
	overflow:hidden;
}
#sidebar .news-list em{
	font: bold 10px Trebuchet MS,Arial,Helvetica,sans-serif;
	color:#c74c23;
	text-transform:uppercase;
	padding:0 0 0 3px;
	letter-spacing:-1px;
}
#sidebar .news-list h4{
	margin:7px 0 0 23px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#2c4459;
}
#sidebar .news-list p{
	margin:1px 0 0 11px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
}
#sidebar .news-list .more{
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#3f6dbd;
	float:right;
	margin:6px 3px 0 0;
	display:block;
	text-decoration:underline;
}
#sidebar .news-list .more:hover{text-decoration:none;}

#sidebar .addres{
	margin:29px 0 0;
	background:url(/images/bg-adress.gif) no-repeat;
	height:77px;
	color:#fff;
	overflow:hidden;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}
#sidebar .addres strong{
	display:block;
	float:right;
	font-weight:bold;
	text-align:left;
	width:148px;
	margin:6px 1px 8px 0;
}
#sidebar .addres p{
	display:block;
	clear:both;
	padding:0 13px 0 0;
	text-align:right;
}
#sidebar .addres p:first-child{
 margin-top:0px;
}
#sidebar .meters{
	margin:20px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#sidebar .meters li{
	float:left;
	padding:0 0 0 14px;
}
.main-conners{
	background:url(/images/bg-bg.gif) repeat-x;
	width:100%;
	overflow:hidden;
}
.main-conners .conner-bl{
	background:#fff url(/images/bg-main-conners.gif) no-repeat 0 100%;
	width:100%;
	overflow:hidden;
}
.main-conners .conner-br{
	background:url(/images/bg-mainconners-connerbr.gif) no-repeat 0 100%;
	width:9px;
	overflow:hidden;
	height:9px;
	float:right;
}
.conners-box-bottom{
	background:#2a447a url(/images/bg-connersboxbottom.gif) no-repeat 0 100%;
	width:100%;
	overflow:hidden;
}
.conners-box-bottom .conner-br{
	background:url(/images/bg-connersboxbottom-connerbr.gif) no-repeat 0 100%;
	width:8px;
	height:8px;
	float:right
}
/* footer */
.footer-nav{
	margin:8px 0 0;;
	padding:0 27px 0 0;
	float:right;
	list-style:none;
	overflow:hidden;
}
.footer-nav li{
	float:left;
	padding:0 0 0 10px;
}
.footer-nav a{
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
}
#footer .copyright{
	margin:13px 0 0 13px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
}
.w300{
	font-weight: 300;
}
#content p span.extlink{
	display:inline }
.extlink {
	cursor: pointer;
	color: #3f6dbd }
.extlink:hover {
	text-decoration: underline }

.clear {
 clear: both;
}

.hidden {
 display: none;
}

.calculator .windows-types {
 float: left;
 width: 510px;
 padding-left: 15px;
}

.calculator .sidebar {
 float: right;
 width: 230px;
 margin: 0px 0 0 0;
 padding: 0 0 0 10px;
}

.calculator h1 {
 font-size: 16px;
}

.calculator .window {
 position: relative;
 float:left;
 width:140px;
 height:140px;
 text-align:center;
 border: #EEE solid 1px;
 margin: 5px;
 padding: 15px 5px 5px;
}

.calculator .window input[type=radio] {
 position: absolute;
 top: 0;
 left: 0;
 /* margin-top: 4px; */
 /* vertical-align: top; */
}

.calculator .sidebar .sizes-set {
 margin-bottom: 10px;
}

.calculator .sidebar h2:first-child {
 margin-top: 0;
}

.calculator .sidebar .sizes-set label,
.calculator .sidebar .pselector label{
 margin: 5px 0;
 display: block;
 width:160px;
}

.calculator .sidebar .pselector label a {
 float:right;
}

.calculator .sidebar .pselector select {
 width:160px;
 margin-bottom: 5px;
}

.calculator-result {
 padding: 10px;
 font-size: 12px;
}

.calculator-result .result-table {
 width:100%;
 border-collapse: collapse;
}

.calculator-result .result-table th,
.calculator-result .result-table td {
  border: #AAA 1px solid;
  padding: 3px;
}

.calculator-result .result-table th {
 font-weight: bold;

}

.calculator-result .result-table td {
 vertical-align: top;
}