@import "reset.css";

	body {
		font: 62.5% Arial, sans-serif;
		color: #000;

		background: url(../img/body-bg.png) repeat-x #ededed;
	}

	a {
		color: #555a6e;
	}

	a:hover {
		color: #707586;
	}

/* -----------------[ Main blocks */

	#page {
		width: 980px;

		margin: auto;

		padding-bottom: 40px;
	}

		#header {

		}

			#logo-wrap {
				width: 350px;
				float: left;
			}

				#logo {
					width: 240px;
					height: 79px;
					overflow: hidden;
					margin-top: 38px;
					margin-left:0px;
				}

			#head-nav {
				float: left;
				min-width:50% ;
				_width: 50%;

				margin-top: 42px;
				z-index: 10;
				position: relative;
			}

	#footer {
		position: fixed;

		width: 100%;
		height: 40px;

		bottom: 0;

		background: transparent;
	}

/* ---------------- [ Page elements */

	#page {

	}

		#header {

		}

			#logo-wrap {

			}

				#logo {
					font-family: "Georgia";
					font-style: italic;

					color: #333;

					text-align: center;
				}

			#head-nav {
				font-size: 1.2em;

				padding-bottom: 14px;

				background: url(../img/nav-bg.png) 0 100% repeat-x;
				color: #989898;
			}

				#head-nav a {
					color: #989898;
				}

				#head-nav a:hover {
					color: #696969;
				}

				#head-nav li {
					float: left;

					padding-left: 4px;
					/*padding-right: 10px;*/

					/*background: url(../img/nav-divider.png) 100% 0 no-repeat;*/
				}

				#head-nav li.thelast {
					background: 0;
					padding-right: 4px;
				}

				#head-nav li.marked a {
					font-style: italic;
				}

					#head-nav li.marked.hilited a {
						color: #009bd0;
					}

					#head-nav li.marked.hilited a:hover {
						color: #00698d;
					}

				#head-nav li.current {
					font-style: normal;
				}

					#head-nav li.current a {
						color: #009bd0;

					}

					#head-nav li.current a:hover {
						color: #444;
					}

				#site-nav {
					position: absolute;

					top: 35px;
					right: 20px;

					width: 98px;
					height: 28px;

					padding-left: 20px;

					background: url(../img/header-site-nav.png) no-repeat;
				}

					#site-nav li {
						padding-top: 8px;
						padding-right: 10px;

						float: left;
					}

            .icomenu {
            	position: absolute;
            	top: 0px;
            	right: 0px;
            	padding: 80px 50px;
            }
            .icomenu ul {
            	list-style: none;
            	margin: 0px;
            	padding: 0px;
            }
           .icomenu ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

.icomenu ul li a{
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	padding: 12px 11px 12px 11px;
}
.icomenu ul li.m a{
	padding: 12px 11px 12px 11px;
}
.icomenu ul li.c a{
	background: url(../img/icoc.gif) top left no-repeat;

}
.icomenu ul a:hover{background: url(/img/icohover.png) top left no-repeat !important;}

		#main {
			clear: both;
		}

		#main:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			font-size: 0;
			line-height: 0;
		}

			#content-wrap {
				float: left;

				width: 100%;
			}

				#content {
					clear: both;

					width: 530px;
					margin-left: 350px;

					font-size: 1.2em;
				}

					#content h2 {
						width: 12em;
						margin-bottom: 28px;

						font-size: 3.35em;

						font-family: "Georgia";
						font-style: italic;
						font-weight: 100;
					}

					#content p {
						line-height: 1.5em;

						margin: 1em 0;
						padding-right: 20px;
					}

					#content div.hilited-box {
						width: 552px;

						margin-bottom: 2em;
						margin-left: -22px;

						padding: 0 22px 10px 0;

						color: #a5a5a5;
						background: url(../img/content-hilited-box-bottom.png) 0 100% no-repeat;
					}

						#content div.hilited-box p {
							padding-left: 22px;
							padding-top: 12px;

							margin-bottom: 0;
							padding-right: 0;

							background: url(../img/content-hilited-box-top.png) no-repeat;
						}

					.thumb-image {
						float: left;
						clear: none;

						width: 147px;
						margin-right: 10px;
						padding-bottom: 1em;

						text-align: center;
					}

					.thumb-image.padded {
						padding-left: 33px;
						padding-right: 160px;
					}

						.thumb-image img {
							border: 1px solid #cbcbcb;
						}

						@media all and (min-width: 0px) {
							.thumb-image img { float: left; margin-bottom: 5px; }
						}

						.thumb-image a {
							position: relative;

							padding-left: 15px;

							background: url(../img/content-img-zoom.png) 0 2px no-repeat;

							text-decoration: none;
							border-bottom: 1px dashed;
						}

			#extra {
				float: left;

				width: 350px;

				margin-left: -980px;
			}

				#nav {
					margin-top: 58px;

					font-size: 1.2em;
				}

					#nav li {
						height: 24px;
						width: 221px;

						padding-top: 8px;
						padding-left: 15px;

						margin-left: -15px;
						margin-bottom: 1px;

						background-position: -1000px;
						background-repeat: no-repeat;

						z-index: 2;

						cursor: pointer;
					}

						#nav li a {
							color: #000;
						}

						#nav li a:hover {
							color: #666;
						}

					#nav li.selected {
						background-position: 0 0;
					}

						#nav li.selected a {
							color: #fff;
						}

						#nav li.selected a:hover {
							color: #eee;
						}

					#nav .nav-plus {
						display: none;

						position: absolute;

						height: 13px;
						width: 13px;

						margin-left: 187px;
						margin-top: -12px;

						background-repeat: no-repeat;
					}

						#nav .selected .nav-plus {
							display: block;
						}

					#nav .sub-nav {
						display: none;

						position: absolute;

						z-index: 1;

						margin-top: -23px;
						padding-left: 0;

						margin-left: 191px;
						padding-left: 64px;

						font-style: italic;

						background-repeat: no-repeat;

						cursor: default;
					}



						#nav .sub-nav li {
							float: left;

							width: auto; padding-right:20px;


							margin-right: 0px;
							margin-left: 0px;

							padding-left: 0;

							text-align: center;

							background: url(../img/nav-sub-menu-item.png) repeat-x;
						}

						#nav .sub-nav li.thelast {
							width: auto;



							background: url(../img/nav-sub-menu-item-last.png) right no-repeat;
						}

						#nav .sub-nav li a {
							color: #fff;
						}

				#nav-detailed {
					margin-top: 40px;
				}

					#nav-detailed li p {
						width: 180px;
						font-size: 1.2em;
						line-height: 1.5em;
					}

						#nav-detailed li p a {
							color: #000;
						}

						#nav-detailed li p a:hover {
							color: #333;
						}

					#nav-detailed h2 {
						margin-bottom: 0.55em;

						font-size: 2em;
						font-family: "Trebuchet MS", Tahoma, sans-serif;
						font-weight: 100;
					}

						#nav-detailed h2 sup {
							font-size: 0.6em;
							font-style: italic;
							vertical-align: 0.8em;
						}

							#nav-detailed h2 sup a {
								color: #a5a5a5;
							}

							#nav-detailed h2 sup a:hover {
								color: #5a5a5a;
							}

					#nav-detailed .thumb-image {
						font-size: 1.2em;

						margin-top: 10px;
					}

					.special {
						position: absolute;

						margin-left: 125px;
						margin-top: -20px;

						width: 77px;
						height: 74px;

						background: url(../img/nav-detailed-special.png) no-repeat;

						padding-top: 1.8em;

						color: #fff;
						font-weight: 600;
						font-size: 1.25em;
					}

						.special p {
							width: 77px !important;

							text-align: center;

							font-size: 1em !important;
						}
	#footer {
		color: #fff;

		font-size: 1.2em;
	}

		#footer-bg {
			position: absolute;
			left: 0;

			height: 40px;
			width: 100%;

			background: #000;
		}

		#footer-content {
			position: relative;

			width: 980px;

			margin: auto;

			padding-top: 1.1em;
		}

			#footer-copyright {
				float: left;
				width: 335px;

				color: #aeaeae;
			}

			#footer-address {
				float: left;

				padding-left: 14px;

				background: url(../img/footer-address.png) -2px 0 no-repeat;
			}



			.content-text ul {margin: 0.5em 0; padding: 0 0 0 1em;}
   			.content-text ul li  {margin: 0.5em 0; padding: 0 0 0 18px; list-style-type: none; background: url('/img/li.gif') no-repeat -3px 0.6em;}
   			.content-text ol {margin: 0.5em 0; padding: 0 0 0 1.8em;}
   			.content-text ol li  {margin: 0.5em 0;}

   			.content-text ul.certs {margin:0; padding:0; clear: both;}
   			.content-text ul.certs li{float:left; padding:0 10px 10px 0; display: block; background-image: none; }
			.content-text ul.certs img{width:150px; border:8px #fff solid;}

.certName{margin-bottom:0 !important; margin-top:3em; font-style:italic;}



			#form-contact {

			}

				#form-contact label {
					margin-bottom: 3px;

					color: #333;
					font-style: italic;
					display: block;
				}

				#form-contact input {
					width: 275px;
					height: 18px;

					padding: 2px;
					padding-top: 5px;

					margin-bottom: 10px;

					border: 1px solid #a7a7a7;
				}

				#form-contact textarea {
					width: 275px;

					padding: 2px;
					padding-top: 5px;

					margin-bottom: 10px;

					border: 1px solid #a7a7a7;
				}

				#form-contact #form-send {
					width: 184px;
					height: 33px;

					border: 0;
					padding: 0;

					margin-left: 50px;
					margin-top: 10px;

					display: block;
				}

				#form-contact span {
				    color: red;
				}


.searchbox {
   background: url("../img/searchl.gif") top left no-repeat;
   padding-left: 4px;
   height: 27px;
   font-size: 1.2em;
}
.searchbox input {
   background: url("../img/searchr.gif") top right no-repeat;
   border: 0px;
   height: 21px;
   padding-top: 6px;
   padding-left: 5px;
}
@media all and (min-width:0px) {
    head~body .searchbox input { padding-top: 2px; height: 25px; }
}
.searchdiv { clear: both; margin-top: 20px; display: table; //overflow:hidden}
.searchdiv .searchbox {
   float: left;
}
.searchdiv a, .searchdiv a:visited, .searchdiv a:hover {
   float: left;
   line-height: 27px;
   font-weight: bold;
   color: #009bd0;
   font-size: 1.2em;
   font-family: "Trebuchet MS", Tahoma, sans-serif;
   text-decoration: underline;
   padding-left: 8px;
}
.searchdiv a:hover {text-decoration: none;}
.searchsm {width: 150px;}
.searchb {width: 400px;}

.searchres {
   clear: both;
   padding-top: 25px;
}
.searchres a, .searchres a:visited, .searchres a:hover {
   color: #009bd0;
   font-size: 1.2em;
   font-family: "Trebuchet MS", Tahoma, sans-serif;
   text-decoration: underline;
}
.searchres a:hover {text-decoration: none;}
.searchres li {padding-bottom: 15px;}


.paging {
	padding-top: 20px;
	height: 20px;
}
.paging b {
	float: left;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 5px;
	background-color: #FFFFFF;
}
.paging i {
	float: left;
	color: #000000;
	font-size: 11px;
	font-style: normal;
	padding: 4px 0px;
}
.paging a, .paging a:visited, .paging a:hover {
	float: left;
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
	padding: 4px 5px;
}
.paging a:hover {
	text-decoration: none;
}
.paging span {
	float: left;
	color: #A5A5A5;
	font-size: 11px;
	line-height: 20px;
}

.hot {margin-top:25px;}
.hot span{background:url(/img/hot.png) no-repeat; position:absolute; width:50px; height:30px; margin-left:120px; margin-top:-15px; color:#fff; text-align:center; padding-top:18px; font-weight:bold; font-size:11px;}
.hot img {border: none;}

#content .arrow h2{float:left; width:200px; height: 52px; text-indent:-9999px; margin-top:16px; padding: 0; clear:both;  margin-bottom:-10px; }
#content .arrow h2 a{float:left; width:200px; height: 52px; text-indent:-9999px;}
#cond a{ background: url(/img/content/systems_cond.png) no-repeat;}
#vent a{ background: url(/img/content/systems_vent.png) no-repeat;}
#climat a{ background: url(/img/content/systems_climat.png) no-repeat;}
#energetika a{ background: url(/img/content/systems_energetika.png) no-repeat;}
#slabotoch a{ background: url(/img/content/systems_slabotoch.png) no-repeat;}
#telef a{ background: url(/img/content/systems_telef.png) no-repeat;}
#content .arrow p{float:left; width:280px;}

#systemsIcon{clear:both; padding-top:30px;}
#systemsIcon a{font-family:Georgia; font-style:italic; color:#009bd0; font-size:12px; text-align:center; background:url(/img/systems-ico.png) center top no-repeat; padding-top:36px; display:block;}
#systemsScheme{position:absolute; top:50%; left:50%; margin-left:-328px; margin-top:-209px;}

.icoscheme {
	position: absolute;
	top: 100px;
	right: 0px;
	padding: 0px 50px 0px 50px;
}

* html .hot span {
	behavior: url("/img/iepngfix.htc");
}



.news {

}
.news span {
   display: block;
   color: #555a6e;
   font-size: 10px;
   padding-bottom: 5px;
}
.news a.title {
   display: block;
   color: #000;
   font-size: 13px;
   font-weight: bold;
   padding-bottom: 5px;
}
.news p {
   padding: 0 0 20px 0 !important;
   margin: 0 !important;
}
.news .arr {
	display: inline;
	color: #555a6e;
	font-size: 11px;
	text-decoration: none;
}