/* =reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
/* /reset */
html, body {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
body {
	background: #fff;
	color: #333;
	font: 11px/13px Verdana, Arial, sans-serif;
	text-align: center;
}
/* =common styles */
h1 {
	color: #007fba;
	font: normal 24px/26px Verdana, Arial, sans-serif;
	margin: 20px 0 10px;
}
h2 {
	color: #007fba;
	font: normal 22px/24px Verdana, Arial, sans-serif;
	margin: 20px 0 10px;
}
h3 {
	color: #007fba;
	font: normal 20px/22px Verdana, Arial, sans-serif;
	margin: 20px 0 10px;
}
h4 {
	color: #007fba;
	font: normal 18px/20px Verdana, Arial, sans-serif;
	margin: 20px 0 10px;
}
h5 {
	color: #007fba;
	font: bold 14px/18px Verdana, Arial, sans-serif;
	margin: 20px 0 10px;
}
h6 {
	color: #007fba;
	font: bold 12px/14px Verdana, Arial, sans-serif;
	margin: 20px 0 10px;
}
a:link, a:visited, a:active {
	color: #007fba;
	text-decoration: underline;
}
a:hover { text-decoration: none;}
p { margin: 0 0 10px;}
ol { margin: 10px 0 10px 30px;}
ul { margin: 10px 0 10px 10px;}
ul li {
	background: url(/images/limark.gif) no-repeat 0 5px;
	list-style: none;
	margin: 10px 0;
	padding: 0 0 0 10px;
}
table { border: 1px solid #989898;}
th {
	background: #ccc;
	border: 1px solid #989898;
	padding: 3px;
	text-align: center;
}
td {
	border: 1px solid #989898;
	padding: 3px;
}
input {
	margin: 0;
	padding: 0;
}
/* /common styles */
#wrapper {
	height: 100%;
	overflow: auto;
	position: relative;
	width: 100%;
}

#block {	
	background: #fff;
	color: #000;	
	left: 0;
	position: absolute;
	top: 200px;
	width: 247px;
	z-index: 1000;
}
	#block ul, #block li {
		background: none;
		margin: 0;
		padding: 0;
	}
	#block a {
		background: url(/images/bg_menu.png) no-repeat 0 0;
		display: block;
		font-size: 14px;
		font-weight:bold;		
		padding: 5px 0 14px 15px;
	}
	#block a:hover {
		background-position: 0 -34px;
	}
	#block .action a {
		background-position: 0 -68px;
	}
	#block .action a:hover {
		background-position: 0 -111px;
	}
	#block .acive {
		background: url(/images/bg_menu.png) no-repeat 0 -155px;
		padding: 0 0 14px;
	}	
	#block .acive2 {		
		padding: 0;
	}	
	#block .acive a {
		background: none;
	}	
	#block .acive a:link, #block .acive a:visited, #block .acive a:hover, #block .acive a:active {
		/*color: #007fba;*/
		color: red;
	}
	#block .acive ul {
		margin-top: 6px;
	}
	#block .acive ul ul {
		margin-top: 0;
	}
	#block a:link, #block a:visited, #block a:hover, #block a:active {
		color: #fff;
		text-decoration: none;
	}
	#block li li a {
		background: none;
		font-size: 12px;
		padding: 0;
	}
	#block li ul {
		margin: 0 0 0 45px;
	}
	#block li ul ul {
		margin: 0 0 0 17px;
	}
	#block li li a:link, #block li li a:visited, #block li li a:hover, #block li li a:active, #block .acive li a:link, #block .acive li a:visited, #block .acive li a:hover, #block .acive li  a:active {
		color: #787878;
	}
	#block li li a:hover {
		text-decoration: underline;
	}
#block2 {
	background: #fff url(/images/bg_banners.gif) repeat-y 0 0;
	position: absolute;
	right: 0;
	top: 200px;
	width: 89px;
	z-index: 1000;
}
	#block2 img {
		display: block;
		margin: 0 auto 9px;
	}
	#block2 .bt {
		background: #fff url(/images/bg_banners.gif) no-repeat 100% 0;
		font-size: 1px;
		height: 3px;
		line-height: 1px;
	}
	#block2 .bb {
		background: #fff url(/images/bg_banners.gif) no-repeat 100% 100%;
		font-size: 1px;
		height: 3px;
		line-height: 1px;
	}
#block_wrapper {
	margin: 0 auto;	
	position: relative;
	text-align: left;
	width: 980px;
	z-index: 1000;
}

#header {
	background: #fff url(/images/bg_path.png) no-repeat 0 127px;
	color: #868686;
	font-size: 9px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
}
	#logo {
		margin: 6px 36px 5px 0;
	}
	#banner {
		float: right;
		margin: 28px 0 0;
	}
	#path {
		color: #fff;
		height: 20px;		
		margin: 10px 0 11px;
		padding: 4px 0 0 16px;
	}
	#path a:link, #path a:visited, #path a:active {
		color: #fff;
		padding: 0 3px;
		text-decoration: none;
	}
	#path a:hover {
		text-decoration: underline;
	}
	#searchform {
		background: url(/images/bg_search.png) no-repeat 0 0;
		float: left;
		height: 21px;
		padding: 3px;
		width: 244px;
	}
	#searchform input {
		background: none;
		border: none;	
		width: 190px;	
	}
	#searchform input.sbutt {
		background: url(/images/search.gif) no-repeat center center;
		cursor: pointer;
		height: 21px;
		margin: 0 0 0 5px;
		width: 21px;
	}
	#header .fl, #header .fr {
		padding: 7px 0 0;
	}
	#header .fl a:link, #header .fl a:visited, #header .fl a:active, #header .fr a:link, #header .fr a:visited, #header .fr a:active {
		color: #868686;
		padding: 0 3px;
		text-decoration: none;
	}
	#header .fl a:hover, #header .fr a:hover {
		text-decoration: underline;
	}
	#header span {
		color: #fe0000;
		padding: 0 3px;
	}
	#header .mark {
		padding: 0 0 0 15px;
		text-align: center;
		width: 85px;
	}
#layout {
	margin: 0 auto;
	width: 630px;
	padding: 200px 89px 0 250px;
	text-align: left;
	z-index: 2000;
}
	.catlog {
		margin: 0;
	}
	.catlog li {
		background: url(/images/frame.png) no-repeat 0 0;
		float: left;
		height: 197px;
		margin: 0 5px 5px 0;
		padding: 10px 10px 0;
		width: 287px;
	}
	.catlog .left {
		float:left;
		width:150px;
	}
	.catlog .right {
		float:right;
		width:130px;
	}
	.catlog img {
		border: 1px solid #989898;
		/*float: left;*/
		/*margin: 0 8px 2px 0;*/
	}
	.catlog a img {
		cursor:-moz-zoom-in;
	}
	.catlog p {
		margin: 0 0 5px;
	}
	.catlog big {
		color:#cc0000;
		font-weight:bold;
	}
	.catlog div {
		overflow: hidden;
	}
	.ttl {
		color: #007fba;
		margin: 0 0 5px;
	}
	.catlog table {
		border: none;
		margin: 0 0 4px;
		width: 100%;
	}
	.catlog th {
		background: none;
		border: none;
		font-weight: normal;
		padding: 3px 0;
		text-align: left;
	}
	.catlog td {
		border: none;
		color: #ed1c24;
		font-size: 12px;
		font-weight: bold;
		padding: 3px 0;
		text-align: right;
	}
	.catlog label {
		display: inline-block;
		color: #007fba;
		margin: -7px 0 0 5px;
		vertical-align: middle;
	}
	.more {
		float: left;
	}
#footer {
	background: url(/images/bg_footer.gif) repeat-x 0 0;
	margin: 50px 0 0;
	padding: 25px 0 15px 0;
}
	#footer .fl {
		margin: 0 30px 0 0;
	}
/* =clear fix*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	.clearfix {display: block;}
	/* End hide from IE-mac */
/* /clear fix*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	 clear: both;
	 height: 1px;
	 margin: 0;
}