@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: headoh;
	src: url("headoh.eot"); /* EOT file for IE */
	src: local("headoh.ttf "), url("headoh.ttf"); /* TTF file for CSS3 browsers */
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

#wraper{
	margin: 0 auto;
	width: 980px;
	background-image:url(/img/dotbg.png);
	background-position:center; background-repeat:repeat-y;
}

strong{ font-weight:bold; }

html{ font-family:Arial, Helvetica, sans-serif; }
h1{ font-family: Tahoma, Geneva, sans-serif; font-weight:normal }
h2{ font-family: Tahoma, Geneva, sans-serif; font-weight:normal; }

#header{ height:262px; background-image:url(/img/header.jpg); background-color: #fff; }
#logo{margin: 0px 0 0 40px;}

#menu{ margin: 10px 0 20px 0px; float:left; width: 225px; }
#menu ul li{ overflow:hidden;}
#menu ul li a{ text-decoration:none; color: #386273; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; font-weight:bold }
#menu ul li a img{ float:left; }
#menu ul li a span{ float:left; padding: 31px 0 0 10px; }

#menu ol{overflow:hidden; width: 158px; padding-left: 67px; }
#menu ol li{  padding: 10px 0 0px 0}
#menu ol li a{ font-size: 12px; color:#386273; }


#content{ margin: 0px 0 0 250px; padding-top: 30px; padding-right: 20px; width: 530px; }
#content h1{ font-size: 16px; color:#386273; margin-bottom: 20px; letter-spacing: 0.1em;}
#content h2{ font-size: 26px; color: #386273; margin-bottom: 10px; letter-spacing: 0.1em;}
#content h3{ font-size: 20px; color: #666; margin-bottom: 10px; letter-spacing: 0.1em;}
#content h2 a{ font-size: 26px; color: #386273; text-decoration:none; }
#content h2 span{ font-size:13px; color:#000; display:block; letter-spacing: 0.1em;  padding-left: 1px;}
#content p{ font-size:12px; color: #333333; letter-spacing: 0em; margin-bottom: 20px; overflow:hidden; line-height: 1.4em; }
#content p img{ float:right; margin-left: 20px;}
#content p a{ color:#386273; text-decoration:none}
#content ol{ margin-top: 30px; }
#content ol li{ font-size: 12px; margin-bottom: 20px; overflow:hidden;  letter-spacing: 0.08em;  color: #333333; }
#content ol li img{ float:left; margin-right: 10px;}
#content ol li h2{ font-family:Tahoma, Geneva, sans-serif; font-size: 22px; color: #386273; margin-bottom: 10px; }

#content #product h1{font-size:30px; }
#content #product h1 span{ font-size:11px; color:#000; display:block; letter-spacing: 0.1em; padding-left: 2px; }
#content #product h2{ color:#386273; font-size: 20px; }

#content #product ul{ overflow:hidden; }
/* #content #product ul li.col-left{ color:#333; width: 47%; float:left; font-size: 11px; padding: 1% 1% 1% 0; border-bottom: 1px solid #CCC; margin-right: 10px; } */
#content #product ul li.col-left{ color:#333; width: 100%; float:left; font-size: 11px; padding: 1% 1% 1% 0; border-bottom: 1px solid #CCC; margin-right: 10px; }
#content #product ul li.col-right{ color:#333; width: 47%; float:right; font-size: 11px; padding: 1% 1% 1% 0; border-bottom: 1px solid #CCC; }
span.characteristic{ font-weight:bold; width: 60%; float:left; }
img.right{ float:right; margin-left: 20px; margin-top: 3px;}
span.date{ font-size: 12px; color:#333; }

#footer{ margin-top: 30px; overflow:hidden; background-color:#F5F5FF; height: 65px; font-size:10px ; color:#386072; clear:both}
div#header.hproducts{ background-image:url(/img/header_products.jpg) }
div#header.harticles{ background-image:url(/img/1.jpg) }
div#header.hdistributors{ background-image:url(/img/7.jpg) }
div#header.hevents{ background-image:url(/img/8.jpg) }
div#header.hrecommendations{ background-image:url(/img/11.jpg) }
div#header.hcontact{ background-image:url(/img/12.jpg) }


#sidebar{ float:right; width:169px; background-color:#fff; margin: 10px 0 0 10px; padding: 30px 0 0 10px; font-size: 12px; }
#sidebar h2{ font-size: 18px; font-weight:bold; color:#386273; margin-bottom: 10px; }
#sidebar h2 a{ font-size: 18px; font-weight:bold; color:#386273; text-decoration:none; }
#sidebar ul{ margin-bottom: 20px; }
#sidebar ul li{ padding: 5px 0 5px 0; }
#sidebar ul li a{ color:#386273; text-decoration:none; }
