body,table,form {margin: 0px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Sans-serif; color: #686868;}
body {text-align: center; background-color: #808080;}
.body-editor {text-align: left; background: #FFF;}
img {border: 0;}
.clear {clear: both;}

a {color: #4795a9; text-decoration: none; font-weight: normal; font-size: 11px; padding: 0; margin: 0; cursor: pointer;}
a:hover {text-decoration: underline;}

h1 {clear: both; color: #020202; font-size: 25px; font-weight: normal; padding: 20px 0 0 0; margin: 10px 0 10px 20px;}
h2 {color: #000; font-size: 20px; font-weight: normal; text-transform: lowercase; padding: 0 0 0 20px; margin: 0 0 10px 0; background: url(/picture/mask/arr2_black.gif) left 11px no-repeat;}
h3 {color: #59a8ba; font-size: 16px; font-weight: bold; padding: 0; margin: 0 0 10px 0;}
h4 {color: #59a8ba; font-size: 12px; font-weight: bold; padding: 0; margin: 0 0 10px 0;}
h3.ka2 {margin: 20px 0 20px 0;}

ul {list-style: url('/picture/mask/li.gif'); margin: 20px 10px 20px 13px; padding: 0; line-height: 2em;}
.about ul {line-height: 1.4em; list-style: url('/picture/mask/li_small.gif');}

.hl-form-ok, .warning-ok {clear: both; color: #1D9F23; font-weight: bold; padding: 2px 0 2px 0; margin-bottom: 10px;}
.hl-form-bad, .warning-bad {clear: both; color: #BF1717; font-weight: bold; padding: 2px 0 2px 0; margin-bottom: 10px;}

.nobr {border: 0;}
.button {float: left; text-transform: lowercase; margin-top: 10px; border: 0; font-size: 11px; background: #59A8BA url(/picture/mask/arr_white.gif) 5px center no-repeat; color: #FFF; padding: 5px 10px 3px 13px;}
.button:hover {color: #ccc; text-decoration: none;}

#page {text-align: left; width: 980px; margin: auto;}
	.logo {float: left; width: 665px; height: 145px;}
	.logo-ext {float: left; width: 315px; height: 145px; background: url(/picture/mask/logo_extent.jpg);}
		.ico-webmap {margin-top: 45px;}
	.menu {float: left; width: 665px; height: 70px; background: #39414e;}
		.menu ul {list-style: none; margin: 30px 10px 0px 20px; padding: 0;}
		.menu li {float: left; list-style: none;}
			.menu li a {color: #FFF; background: url(/picture/mask/arr_white.gif) left center no-repeat; font-weight: bold; padding: 0 12px 0 8px;}
			.menu li a:hover, .menu a.active {color: #9dd1de; text-decoration: none;}
	.search {float: left; width: 315px; height: 70px; background: #464e5a url(/picture/mask/search_bor.gif) no-repeat left center;}
	.banner {float: left; width: 665px; height: 217px;}
	.news {float: left; width: 315px; height: 217px; background: #E6F2F5;}
		.news .pad {margin: 15px;}
		.news a {color: #686868; font-weight: bold;}
		.news a.button {color: #FFF;}
	.h-m {float: left; width: 100%; background: #FFF url(/picture/mask/v_line.gif) center bottom repeat-x;}
		.products {float: left; width: 470px;}
			.products .pad {margin: 20px 20px 20px 30px;}
		.us {float: left; width: 510px;}
			.us .p {float: left; background: url(/picture/mask/h_line.gif) left center repeat-y; margin: 20px 0 10px 0;}
				.us .p .pad {margin: 0 40px 0 15px;}
				.us ul {margin-bottom: 5px; margin-top: 5px;}
	.h-c {float: left; width: 100%; padding: 20px 0 20px 0; background: #FFF;}
		.h-c .pad {margin: 0 40px 0 30px;}
		.h-c a, .speedc a {color: #7f7f7f; text-decoration: underline;}
		.h-c a:hover, .speedc a:hover {color: #000; text-decoration: underline;}
	.comp {float: left; width: 100%; height: 115px; background: #FFF; padding-top: 10px;}
	#footer {float: left; width: 100%; padding: 20px 0 20px 0; background: #FFF;}
		#footer .pad {margin-left: 40px;}
	.padd {margin-left: 20px;}
	
	.hal {float: left; width: 200px;}
		.hal .title {margin-bottom: 15px;}
		.hal .img {margin-bottom: 10px;}
		.hal .title a {color: #59a8ba; font-size: 12px; font-weight: bold;}
		
		.sear-box {float: left; margin: 26px 0 0 40px;}
		.sear-sub {float: left; margin: 24px 0 0 7px;}
		.search-box {border: 0;}
		.bor {border: 1px solid #bebebe; padding: 3px;}
		
.main {float: left; width: 100%; background: #FFF url(/picture/mask/h_line.gif) 250px center repeat-y; padding-bottom: 10px;}
	.lmenu {float: left; width: 250px;}
	.rmain {float: left; width: 730px;}
	
	.lmenu ul {list-style: url('/picture/mask/arr_blue.gif'); padding: 0 10px 0 33px; margin: 0;}
	
	.lmenu li {border-bottom: 1px solid #E9E9E9; padding: 7px 0 7px 0;}
	.lmenu li.last {border: 0;}
	.lmenu li a {color: #54504F; font-weight: bold;}
	.lmenu li a:hover, .lmenu li a.active {text-decoration: none; color: #4694A6;}
	.lmenu li a.active:hover {color: #000;}
	
.mroot {float: left; background: #E7F2F6; color: #4694A6; font-size: 14px; font-weight: bold; width: 100%; margin-bottom: 15px;}	
.mroot .pad {margin: 8px 10px 8px 20px;}

.clickmap {float: left; width: 100%; background: #cae3e8; color: #4794a6; font-weight: bold;}
.clickmap a {color: #000; text-decoration: underline; font-weight: normal; margin: 0 3px 0 3px;}
.clickmap a:hover {text-decoration: none;}
.clickmap .pad {margin: 10px 10px 9px 15px;}
.text {margin: 20px; line-height: 1.5em;}
.padc {float: left; width: 100%;}
.padc .pad {margin: 0 10px 10px 18px;}

.contact td {border-bottom: 1px solid #e7e7e7;}
.contact tr.top td {background: #e7f2f6; color: #6f8c92; font-weight: bold; border: 0;}

.cat {float: left; width: 146px; height: 156px; border-right: 6px solid #CCC; border-bottom: 6px solid #CCC; margin: 10px;}
.cat-title {width: 146px; text-align: center; height: 33px;}
.cat-title a {font-weight: bold; text-transform: uppercase;}
.cat-img {width: 146px; text-align: center; margin: 5px 0 5px 0; height: 80px;}
.cat-desc {color: #7f7f7f; width: 140px; height: 33px;}

.leb {margin: auto; width: 490px;}
.le {float: left; width: 100%; margin-top: 10px;}
.lel {float: left; width: 80px; margin-top: 2px; font-weight: bold; text-align: left;}
.ler {float: left; width: 180px;}
.ler input {width: 400px; border: 1px solid #829FBB;}
.ler textarea {width: 400px; height: 100px; border: 1px solid #829FBB;}

div.contact {background: #F1F1F1; border-top: 4px solid #C8E3E9; text-align: center;}
div.contact .pad {margin: 20px;}
.nut {clear: both; padding: 20px 0 20px 0;}

table.new {width: 100%;}
table.new td {vertical-align: top;}
table.new td.img img {border: 1px solid #c8c8c8;}

hr {border: 0; background: 0; border-top: 1px solid #DADADA;}
.imgr {float: right; margin: 0px 0 10px 10px;}
.text .imgr {margin-top: -50px;}

.star {color: red;}
.search-result {background: #cae3e8; padding: 2px 5px;}

.ar1 {width: 190px;}
.ar2 {width: 250px;}
.ar3 {width: 220px;}

a.nbo {font-weight: bold; color: #cc3300; font-size: 13px;}