#measurer { width: 100%; height: 1px; overflow: hidden; position: absolute; top:0;}
body {
	font-family: Arial, Helvetica, Sans-serif;
	background: #fff ;
	color: #6a767f ;
	font-size: 0.8125em;
	padding:0;
	margin:0;
	line-height: 1.38em;
}
 
img {border:0;}
table {font-size: 1em;}
a {color: #004f88;}
a:visited {color: #643e8e !important;}
a:hover {color: #d14000 !important;}
small {font-size: 0.85em; line-height: 1.3em;}
big {font-size: 1.176em; line-height: 1.3em;}
h1 {font-size: 2.3em; line-height: 1.2em; font-weight: normal; margin: 1em 0 0.7em 0; color: #80af00}
h2 {font-size: 1.615em; line-height: 1.2em; font-weight: normal; margin: 1em 0 0.7em 0; color: #404545;}
h2 a {
	color: #404545;
}
p {margin: 0.7em 0;}.clear {	clear: both;	overflow: hidden;	height: 1px;	line-height: 1px;}
#page {
	min-width: 930px;
	padding: 0 40px;
	-width: expression(
		(
			document.getElementById('measurer')
			&& document.getElementById('measurer').clientWidth < 970
		)
		?	'930px'
		:	'auto'
	);
}
#header {
	border-bottom: 1px solid #002e72;
	padding: 35px 0 30px 0;
	display: table;
	width: 100%;
	//height: 1%; //display: block;
}
#logo {
	display:table-cell;
	width: 42%;
	vertical-align:top;
	//float:left; //display:block;
}
#phone {
	display:table-cell;
	width: 26%;
	vertical-align:top;
	//float:left; //display:block;
}
#phone big {
	font-size: 1.38em;
	line-height: 1.3em;
	color: #d14000;
}
#phone a {
	text-decoration: none;
	border-bottom: 1px dashed;
}
#phone a:hover {
	text-decoration: none;
}
#navigation {
	display:table-cell;
	padding-top: 3px;
	width: 12%;
	vertical-align:top;
	//float:left; //display:block;
}
#navigation a, #navigation b {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 10%;
	//margin: 0 10px;
	float:left;
	background: url('/imgs/navigation.gif') no-repeat;
	text-decoration: none;
}
#navigation b.home {background-position: 0 0;}
#navigation a.home {background-position: 0 -20px;}
#navigation a.home:hover {background-position: 0 -40px;}
#navigation b.contacts {background-position: -20px 0;}
#navigation a.contacts {background-position: -20px -20px;}
#navigation a.contacts:hover {background-position: -20px -40px;}
#search {
	display:table-cell;
	width: 20%;
	padding-top: 3px;
	text-align:right;
	vertical-align:top;
	//float:left; //display:block; //margin-right: -100%;
}
#search .searchfield {
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	background: url('/imgs/searchicon.gif') no-repeat 3px 50%;
	padding-left: 18px;
}
#search .searchbutton {
	vertical-align:top;
}#sidebar {	float:left;
	width: 22%;}
#menu {
	margin:2.5em 0 0 0;
	padding:0;
	list-style: none;
	font-size: 1.1em;
	width: 80%;
}
#menu li {
	padding: 0.3em 0;
}
#content {
	float:left;
	width: 78%;
	margin-bottom: 1em;
}
#content .index_image {
	float:right;
	width: 44%;
	overflow: hidden;
	margin-right: -40px;
	padding-right: 40px;
	text-align:center;
	margin-top: 1em;
}
#content .index_image {
	position: relative;
}
#content p {
	line-height:1.5em;
}
#recomendation {
	clear: both;
	border: 1px solid #d14000;
	margin: 3em 0 0 0;
	//margin:0  0 0 0;
	padding: 0 0 19px 0;
	//height: 1%;
	/zoom: 1; 
	/behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<span style="background: url(/imgs/prod2.gif) no-repeat 100% 0; height: 16px; margin: -1px -1px -30px -1px; display: block; position: relative; "><img src="/imgs/prod1.gif" alt="" /></span>' + this.innerHTML + '<span style="background: url(/imgs/prod3.gif) no-repeat 100% 0; height: 16px; margin: 0 -1px -20px -1px; display: block; position: relative;"><img src="/imgs/prod4.gif" alt="" /></span>') : '');
}
#recomendation:before {
	content: url('/imgs/prod1.gif');
	display:block;
	height: 16px;
	overflow: hidden;
	background: url('/imgs/prod2.gif') no-repeat 100% 0;
	margin: -1px -1px -15px -1px;
}
#recomendation:after {
	content: url('/imgs/prod4.gif');
	display:block;
	height: 16px;
	overflow: hidden;
	background: url('/imgs/prod3.gif') no-repeat 100% 0;
	margin: 0 -1px -20px -1px;
}
#recomendation h2 {
	margin-left: 22%;
	margin-top: -0.7em;
	float:left;
	width: auto;
	display: block;
	background: #fff;
	color: #d14000;
	/position: relative;
	/left: 22%;
	//margin-left:0;
	//float:none;
	/width: 6.3em;
}
#recomendation ul {
	margin: 0 0 0 3%;
	-margin-left: 1.5%;
	padding: 0;
	list-style: none;
	width: 75%;
	float:left;
	vertical-align:top;
}
#recomendation ul li {
	width: 25%;
	/width: 24.9%;
	float:left;
}
#recomendation ul li p {
	width: 80%;
	padding-top: 110px;
	line-height: 1.3em
}
#recomendation ul li a {
	color: #5f798c;	
}
#recomendation ul li img {
	position: absolute;
	margin-top: -110px;
}
#recomendation .order {
	width: 19%;
	float:left;
	//margin-left: -100%;
	margin: 2em 0 1em 0;
}
#recomendation .order h2 {
	margin:0;
	float:none;
	/position:inherit;
	/left: 0;
	/width: auto;
	background: #d14000;
	padding: 15px 15px;
	/zoom: 1; 
	/behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<span style="background: url(/imgs/spec2.gif) no-repeat 100% 0; height: 11px; margin: -15px -15px 4px -15px; display: block; "><img src="/imgs/spec1.gif" alt="" /></span>' + this.innerHTML + '<span style="background: url(/imgs/spec3.gif) no-repeat 100% 0; height: 11px; margin: 4px -15px -15px -15px; display: block; "><img src="/imgs/spec4.gif" alt="" /></span>') : '');
}
#recomendation .order h2:before {
	content: url('/imgs/spec1.gif');
	display:block;
	height: 11px;
	background: url('/imgs/spec2.gif') no-repeat 100% 0;
	margin: -15px -15px 4px -15px;
}
#recomendation .order h2:after {
	content: url('/imgs/spec4.gif');
	display:block;
	height: 11px;
	background: url('/imgs/spec3.gif') no-repeat 100% 0;
	margin: 4px -15px -15px -15px;
}
#recomendation .order a {
	color: #d14000;
	font-weight: bold;
}
#recomendation .order  h2 a,#recomendation .order  h2 a:visited,#recomendation .order  h2 a:hover {
	color: #fff !important; 
	text-decoration: none;
	text-align:center;
	display: block;
}
#video {
	margin: 3em 0;
	width: 80%;
}
#video h2 {
	margin: 0 0 0.8em 0;
}
h2 a {
	color: #404545;
}
#video ul {
	list-style: none;
	margin:0;
	padding:0;
}
#video ul li {	margin-bottom: 2em;
}
#video ul li p {
	line-height: 1.3em;
}
#news {
	margin: 3em 0;
	width: 80%;
}
#news h2 {
	margin: 0 0 0.8em 0;
}
#news dl {
	color: #999;
	margin:0;
}
#news dd {
	margin: 0.2em 0 1em 0;
}
#news dl a {
	color: #729c00;
}
#footer {
	clear:both;
	margin: 3em 0 0 0;
	//margin: 0 0 0 0;
	padding: 1em 0 2em 0;
	overflow: hidden;
	//height: 1%;
}
#footer .copyright {
	float:left;
	width: 27%;
	margin: 1em 0;
}
#footer .contacts {
	float:left;
	width: 20%;
	margin: 1em 0;
}
#footer .banners {
	float:left;
	width: 46%;
	text-align:center;
}
#footer .bestweb {
	float:right;
}
#footer .bestweb img {
	margin: 1em 0;
}
