/* CSS Document */
/* Set value default for tag */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}

body  {
	/*background: #d3d3d3 url(../images/nen.jpg) no-repeat center top fixed;*/
	background: #d3d3d3;
	font-size:12px;
	color:#000;
	font-family: Tahoma, Geneva, sans-serif;
}
ul, ol {
	list-style: none;
}

.clr{clear:both}

.container {
	width:1000px;
	margin:0 auto;
	padding:0;
}
.page {
	width:1000px;
	float:left;
	text-align:left;
}

/* Header */
	.header {
		width:1000px;
		height:auto;
		float:left;
	}
	.banner {
		width:1000px;
		height:auto;
		float:left;
		padding-bottom:4px;
		background-color:#650600
	}
	.banner  img{ float:left; }
	.menu {
		width:996px;
		height:46px;
		float:left;
		padding-left:4px;
		background-image:url(../images/bg_menu.jpg);
		background-repeat:repeat;
	}
	#calendar{float:right; color:#fff; padding-right:5px; line-height:25px;}
	
	.menu ul{
		width:996px;
		float:left;
		position:relative;		
	}
	.menu ul span{
		position:absolute;
		top:25px;
		left:0px;
		width:auto;
		height:20px;
		line-height:18px;
		text-align:left;
		padding-left:10px;
		color:#666666;
		display:none;
	}
	.menu ul span a{ color:#000; }
	
	.menu_item {
		width:auto;
		height:25px;
		float:left;
		line-height:25px;
		cursor:pointer;
	}
	.menu_item a, .menu_item span{ color:#FFF; font-size:11px; text-decoration:none;}
	.menu_item span .home{ background:url(../images/icon.jpg) no-repeat; padding-left:12px;}
	.menu_item span .default{ background:url(../images/icon.gif) no-repeat; padding-left:12px; color:#c01f15; font-weight:bold;}
	.menu_item span a:hover { text-decoration:underline;}
	.menu_item div.left { width:4px; height:25px; float:left; }
	.menu_item div.middle { width:auto; height:25px; float:left; padding:0px 5px; }
	.menu_item div.right { width:4px; height:25px; float:left; }
	
	.menu_active {
		width:auto;
		height:25px;
		float:left;
		line-height:25px;
		cursor:pointer;
		background:url(../images/bg_menu_active.jpg) repeat-x;
	}
	.menu_active a, .menu_active span{ color:#606060; font-size:11px; text-decoration:none;}
	.menu_active span .home{ background:url(../images/icon.jpg) no-repeat center left; padding-left:12px;}
	.menu_active span .default{ background:url(../images/icon.gif) no-repeat center left; padding-left:12px; color:#c01f15; font-weight:bold;}
	.menu_active span a:hover { text-decoration:underline;}
	.menu_active div.left { width:4px; height:25px; float:left; background:url(../images/menu_active_left.gif) no-repeat; }
	.menu_active div.middle { width:auto; height:25px; float:left; background:url(../images/menu_active_middle.gif) repeat-x; padding:0px 5px; }
	.menu_active div.right { width:4px; height:25px; float:left; background:url(../images/menu_active_right.gif) no-repeat; }
	
	.menu_border {
		width:1px;
		height:25px;
		float:left;
	}
	
	/* CSS define for home page */
	.box_search{
		width:980px;
		height:46px;
		float:left;
		background:url(../images/box_search.jpg) no-repeat;
		margin-top:7px;
		padding-top:15px;
		padding-left:10px;
	}
	/* CSS define for detail page */
	.box_search_default{
		width:980px;
		height:35px;
		float:left;
		background:url(../images/box_search_default.png) no-repeat;
		margin-top:7px;
		padding-top:4px;
		padding-left:10px;
	}
	
/* End header */

/* --------------- Header ---------------- */
	#middle {
		width:986px;
		height:auto;
		float:left;
		padding:5px 7px;
		background-color:#FFF;
	}
	/* CSS define for home page */
	.top_panel {
		width:986px;
		height:330px;
		float:left;
	}
	.top_left { width:708px; height:308px; float:left; padding:10px; background-color:#eeeeee; border:solid 1px #c6c6c6;}
	.top_right { width:228px; height:318px; float:right; padding:5px 10px; background-color:#eeeeee; border:solid 1px #c6c6c6; line-height:18px;}
	.top_right input{ background-color:#701106; border:none; height:25px; width:100px; color:#FFF; cursor:pointer; margin:5px 0px; border-radius:10px;}
	.slideshow { width:470px; height:308px; float:left;}
	.news_item { width:220px; height:308px; float:right; overflow:hidden;}
	.news_item a{ background:url(../images/icon.jpg) no-repeat 0 5px; text-decoration:none; color:#000; padding-left:10px; float:left;
	margin-bottom:5px; width:100%;}
	.news_item a:hover{ text-decoration:underline;}
	
	.quangcao { width:986px; height:70px; float:left; margin:5px 0px;}
	
	.side_panel {
		width:248px;
		height:auto;
		float:right;
	}
	.main_panel {
		width:730px;
		height:auto;
		float:left;
	}
	.hnn_main_panel {
		width:986px;
		height:auto;
		float:left;
	}
	
	/* ---- Side panel ----- */
		/* ----- Product category menu -----*/
		/* ----- CSS define for home page -----*/
		.box_cat {
			width:252px;
			height:auto;
			float:left;
			margin-top:5px;
			background:url(../images/box_cat.jpg) no-repeat top center;
		}
		.cat_title {
			width:232px;
			height:30px;
			float:left;
			padding-left:20px;
			line-height:30px;
			font-size:14px;
			color:#31e600;
			font-weight:bold;
		}
		.cat_content {
			width:252px;
			height:auto;
			float:left;
			padding-top:6px;
		}
		
		/* ----- CSS define for home page -----*/
		.box_left {
			width:252px;
			height:auto;
			float:left;
			margin-top:5px;
			background:url(../images/box_left.png) repeat;
		}
		.side_title {
			width:232px;
			height:30px;
			float:left;
			line-height:30px; 
			text-align:left;
			padding-left:20px;
			font-size:14px;
			color:#31e600;
			font-weight:bold;
		}
		.side_content {
			width:248px;
			height:auto;
			float:left;
		}
		.side_content td{ font-weight:bold; }
		.right_item {
			width:246px;
			height:88px;
			margin-bottom:2px;
			border:solid 1px #ecacb2;
		}
		.weblink {
			float:left;
			width:248px;
			height:30px;
		}
	/* ---- End Side panel ---- */
	
	
	/* ---- Main panel ---- */
		/* ------ CSS define box center for home page ------*/
		.home_center {
			width:730px;
			height:auto;
			float:left;
			margin-bottom:8px;
		}
		.home_center_title {
			width:705px;
			height:29px;
			float:left;
			padding-left:25px;
			background:url(../images/bg_title.jpg) no-repeat;
		}
		.title_name {
			width:auto;
			height:29px;
			float:left;
			padding-left:4px;
			background:url(../images/bg_subtitle.jpg) repeat-x;
		}
		.bg_title_name {
			width:auto;
			height:29px;
			color:#FFF;
			padding-right:32px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			line-height:32px;
			text-align:left;
			background:url(../images/bg_subtitle1.jpg) no-repeat right;		
		}
		.bg_title_name a{font-weight:bold; text-decoration:none; color:#FFF;}
		.title_menu {
			width:auto;
			height:29px;
			float:right;
			padding-right:10px;
		}
		
		.home_center_content {
			width:708px;
			/*height:190px;*/
			float:left;
			padding:10px;
			line-height:18px;
			font-family:Arial, Helvetica, sans-serif;
			border-left: solid 1px #c6c6c6;
			border-right: solid 1px #c6c6c6;
			background:#fefefe url(../images/bg_content.jpg) repeat-x bottom;
		}
		.item_list {
			width:518px;
			height:100%;
			float:left;
			padding-right:10px;
		}
		.first_item {
			width:300px;
			height:100%;
			float:left;
			text-align:left;
			overflow:hidden;
		}
		.second_item {
			width:200px;
			float:right;
			padding-left:10px;
		}
		.second_item a{ text-decoration:none; color:#000;}
		.second_item a:hover { text-decoration:underline;}
		
		.col_panel {width:200px; height:190px; overflow:hidden; float:left; padding-left:4px;}
		
		.three_panel {width:230px; float:left;}
		.three_panel_item {width:230px;float:left; max-height:36px; overflow:hidden;}
		.three_panel_item a{ text-decoration:none; color:#000;}
		.three_panel_item a:hover { text-decoration:underline;}
		
		.item_home{width:210px; float:left; padding:13px;}
		.item_home2{width:210px; float:left; padding:13px 15px;}
		.item_home2 img { margin-bottom:5px;}
		.item_home img { margin-bottom:5px;}
		.item_name{text-align:center; width:100%; height:34px; overflow:hidden;}
		.item_name  a{ text-decoration:none; font-weight:bold;}
		.item_name  a:hover{ text-decoration:underline;}
		.item_sum{width:100%; text-align:justify;}
		.item_slide {
			width:180px;
			height:100%;
			float:left;
			text-align:center;
		}
		.item_slide img { margin-bottom:5px;}
		.item_slide  a{ text-decoration:none; font-weight:bold;}
		.item_slide  a:hover{ text-decoration:underline;}
		
		.item_name {
			font-weight:bold;
			color:#000;
			text-decoration:none;
		}
		
		.listItem {
			width:100%;
			background:#ececec;
			float:left;
			margin-bottom:10px;
		}
		
		
		.default_center {
			width:730px;
			height:auto;
			float:left;
			margin-bottom:5px;
		}
		.default_center_title {
			width:705px;
			height:29px;
			float:left;
			padding-left:25px;
			background:url(../images/bg_title.jpg) no-repeat;
		}
		.default_center_title .title_name {
			width:auto;
			height:29px;
			float:left;
			color:#FFF;
			padding-left:4px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			line-height:32px;
			text-align:left;
		}
		.default_center_title .title_name a{ text-decoration:none; font-weight:bold; color:#FFF;}
		.default_center_title .title_name a:hover{ text-decoration:underline;}
		.default_center_title .title_menu {
			width:auto;
			height:29px;
			float:right;
			padding-right:10px;
		}
		
		.default_center_content {
			width:708px;
			height:auto;
			float:left;
			padding:10px;
			line-height:18px;
			font-family:Arial, Helvetica, sans-serif;
			border-left: solid 1px #c6c6c6;
			border-right: solid 1px #c6c6c6;
			background:#fefefe url(../images/bg_content.jpg) repeat-x bottom;
		}
		.default_center_content a:hover{ text-decoration:underline;}
		
		.item_other { margin-left:20px;}
		.item_other a{ text-decoration:none; color:#000;}
		.item_other a:hover{ text-decoration:underline;}
		
		._img { border:solid 2px #666;}
		
	/* ---- End Main panel ---- */
/* --------------- End Header ---------------- */

/* --------------- Footer --------------- */
	.footer{
		width:1000px;
		float:left;
		background:#FFF url(../images/bg_footer.jpg) repeat-x top;
		padding-bottom:10px;
	}
	.menu_footer {
		width:1000px;
		height:24px;
		float:left;
		color:#FFF;
		line-height:22px;
		text-align:center;
	}
	.menu_footer img{ vertical-align:top;}
	.menu_footer a{ color:#FFF; text-decoration:none; font-size:11px; padding:0px 4px;}
	.menu_footer a:hover{ text-decoration:underline;}
	.main_footer {
		width:1000px;
		float:left;
		text-align:center;
		line-height:18px;
	}
/* --------------- End Footer --------------- */

/* ============ BOX LINKS ==================*/
.box_links { width:1000px; height:180px; float:left; background-color:#FFF; padding-bottom:5px; }
.box_links_item { width:240px; height:180px; float:left; border:1px solid #C6C6C6; margin-left:6px; }
.box_links_item  .title{ width:240px; height:25px; float:left; background-color:#C6C6C6; line-height:25px; font-weight:bold; }
.box_links_item  .content{ width:220px; height:145px; float:left; overflow-y:scroll; text-align:left; padding:5px 10px; line-height:20px;}
.box_links_item  .content a{ text-decoration:none;}
.box_links_item  .content a:hover{ text-decoration:underline;}
/* ============ END ========================*/

/* ============ Slideshow ==================*/
#slideshow {
	position:relative;
	height:308px
}
#slideshow a {
	float:left;
	position:absolute;
}

#slideshow a img {
	border:none;
}

#slideshow a.show {
	z-index:500
}

#slideshow .caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff;
	height:80px; 
	width:100%; 
	position:absolute;
	bottom:0;
}

#slideshow .caption .content {
	margin:5px
}

#slideshow .caption .content h3 {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#FFF;
}