@charset "utf-8";
/* CSS Document */
@import url("news.css");
@import url("product.css");
@import url("misc.css");
@import url("paging.css");
@import url("home.css");


/*
	RESET STYLE
*/
p, div, form, ul, ol{
	margin:0px;
	padding:0px;
}
li { display:block;
	}

/* BASIC STYLE*/
body{
	margin:0px;
	font-family:Tahoma;
	font-size:12px;
	color:#000000;
	}
a, a:visited{
	color:#008BBC;
	outline:none;
	text-decoration:none;
}
a:hover{
	color:#F00;
}
img{
	border:0px;
}
.clear{
	clear:both;
	height:0px;
	overflow:hidden;
}

#wrap{
	width:1000px;
	background:#FFFFFF;
	padding:0px 0px 10px 0px;
	margin:0px auto;
}
#wrap #header{
	width:1000px;
	padding:0px; 
	margin:0px;
	height:auto;
	overflow:hidden;
	
}
	.top_header{width:1000px; height:20px; background:#BD171B; font-size:10px; color:#FFF;}
	.top_header a, .top_header a:visited{color:#FFF;}
	.top_header a:hover{color:#FF0;}
	.top_header .left{ float:left; width:400px; text-align:left; margin:0px; padding:0px;};
	.top_header .right{ float:right; width:400px;};
	.top_header .clul{margin:0px; padding:0px;}
	.top_header ul{margin:0px; padding:3px 0px 2px 3px ; font-weight:bold;}
	.top_header ul li{ display:inline; margin:0px; padding:0px 5px;}

	#header #logo{
		width:280px;
		height:auto;
		float:left;
		margin:6.5px 0px 0px;
		padding:0px;
		}
		#header .right_header{
		width:130px;
		height:auto;
		float:right;
		margin:10px 0px;
		padding:0px;
		font-size:11px;
		}
		#header .center-header{width:500px; float:left;}
				#header .center-header img{width:550px; height:58px;}

		.right_header .text_hover{
			color:#31A2CA;
		}
		.right_header .text_hover a, .right_header .text_hover a:visited{
		color:#31A2CA;
		}
		.right_header .text_hover a:hover{
			color:#FC8713;
		}
	#header #left-header{
		width:780px;
		float:right;
		height:auto;
		}
		#left-header ul{
		margin: 5px 0px 0px 0px;
		padding:0px;
		float:right;
		}
		#left-header li{
		float:left;
		display:block;
		text-align:right;
		padding:0px 3px;
		}

#wrap #content-wrap{	
	width:1000px;
	height:auto;
	margin:0px;
	padding:0px;
}
	#content-wrap .slide{
		margin:0px;
		padding:10px 0px;
	}
	
/*Begin Menu*/
#menu{
	width:1000px;
	clear:both;
	height:35px;
	margin:0px auto 0px;
	padding:0px;
	background:url("../images/bg_menu.jpg") top left repeat;
}
#menu ul.top{
	list-style:none;
	padding:0px;
	margin:0px 21px 0px 0px;;
	font-size:12px;
	float:left;
}
#menu ul.top li.top{
	float:left;
	list-style:none;
	display:block;
	margin:0px;
	padding:0px;
	height:35px;
}
#menu ul.top li.top a.top{
	display:block;
	color:#FFFFFF;
	height:32px;
	padding:3px 25px 0px 25px;
	margin:0px;
	font-weight:bold;
	float:left;
	/*text-shadow:1px 1px #000000;*/
}
#menu ul.top li.top a.top:visited{
	color:#FFFFFF;
}
#menu ul.top li.top a.top:hover, #menu ul.top li.top a.top.active{
	background:url("../images/menu_hover.jpg");
	color:#F00;
	height:32px;
}
#menu ul.top li.top a.top span{
	display:block;
	padding:6px 0px 0px;
	text-transform:uppercase;
}
.search{
	background:url(../images/bg_box_search.jpg) top left repeat-x;
	width:980px;
	padding:0px 10px;
	height:35px;
}
.search .left_search{
	background:url(../images/bg_search.jpg) top left no-repeat;
	height:23px;
	width:242px;
	border:none;
	float:left;
	margin:7px 0px 0px 10px;
}
.search .left_search .box_search{
	background:url(../images/bg_search.jpg) top left no-repeat;
	height:23px;
	width:205px;
	float:left;
	border:none;
}
.search .left_search .btnSearch{
	background:none;
	border:none;
	float:right;
}
.search .right_search{
	float:right;
}
.search .right_search ul{
	padding:0px;
	margin:0px;
}
.search .right_search ul li{
	display:block;
	float:left;
	margin:7px;
}
/*End Menu*/
	#content-wrap  #conten{
		width:1000px;
		height:auto;
		padding:0px;
		margin:0px;
 	}
	 #mid-side{
		width:570px;
		float:left;
		height:auto;
		padding:0px;
		margin:0px 0px 5px 10px;
	}
	#mid-side .khung-product{
		width:590px;
		height:auto;
		float:left;
		margin:0px 0px 10px 0px;
		padding:0px;
	}
	#mid-side .khung_tieude{
		width:561px;
		height:auto;
		float:left;
	}
	#mid-side .khung_tieude .khung_tieude_left{
		width:320px;
		float:left;
		height:auto
	}
	#mid-side .khung_tieude .khung_tieude_right{
		width:230px;
		float:right;
		height:auto
	}
	#mid-side .khung_tt{
		width:320px;
		float:left;
		height:auto;
		margin:0px;
		padding:10px 0px 10px 10px;
	}
	.khung-product .top-product span{
		background:url(../images/span_right.jpg) right top repeat-x;
		width:auto;
		height:32px;
		color:#000099;
		font-weight:bold;
		font-size:12px;
		text-transform:uppercase;
		line-height:32px;
		padding:0px 70px 0px 0px;
		float:left;

	}
		.khung-product .top-product{
		background:url(../images/right_title_news.jpg)  left top no-repeat;
		width:559px;
		height:32px;
		color:#000099;
		margin:00px 0px 0px 0px;
		font-weight:bold;
		font-size:12px;
		text-transform:uppercase;
		line-height:32px;
		padding:0px 0px 0px 10px;
		border-bottom:#E2E2E2 solid 1px;

	}
	.khung-product .top-product a, .khung-news .top-product a:visited{
		color:#000099;
		font-weight:bold
	}
	.khung-product .bottom-product{
		width:569px;
		background:url(../images/bottom-product.jpg);
		height:8px;
		float:left;
		margin:0px 0px 5px 0px;
		padding:0px;
	}
	.khung_tt  .noidung{
	width:569px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:150%;
	}
	.khung_tt  .tieude1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000099;
	margin-bottom:10px;
	margin-top:5px;
	}
	.khung_tt  .tieude1 a,	.khung_tt  .tieude1 a:visited{
	color:#000099;
	}
	.khung-product .mid-product{
		width:561px;
		height:auto;
		float:left;
		margin:0px;
		padding:5px 3px 10px 3px;
		border:#CECCCD solid 1px;
		border-top:none;
	}
	
	.mid-product .product{
	background:url("../images/bg_product.jpg") no-repeat;
	width:128px;
	mid-height:126px;
	float:left;
	margin:9px 15px;
	padding:5px 4px 5px 5px;
	}
	.bg_mid_left .product img{  margin:10px 20px; width:198px; height:221px;}
	.bg_mid_left .product { background:url(../images/bg_product_left_03.png); width:255px; height:274px; margin:auto; }
	.product img{ width:115px; height:116px; margin:2px; }
	.product .tieude{
		color:#ff0000;
		font-size:11px;
		text-align:center;
		font-weight:normal;
		margin:5px 0px;
		padding:2px;
		text-transform:uppercase;

	}
	.product .tieude a, .product .tieude a:visited{
		color:#ff0000;
		text-transform:uppercase;

	}
	.product .tieude a:hover{
		color:#F63;
	}
	
	.product .ma_sp{
		font-size:11px;
		color:#000;
		text-align:center;
		font-weight:normal;
		margin:0px;
		padding:1px;
	}
	.product .gia_product{
		font-size:12px;
		color:#FFFFFF;
		text-align:center;
		width:110px;
		font-weight:bold;
		margin:3px;
		padding:2px 2px 2px 10px;
		text-transform:uppercase;
		line-height:20px;
		height:20px;
		background:#5eb921;
	}
	#mid-side .khung-news{
		border:#8FB9D1 solid 1px;
		background:#C8E9FA;
		width:569px;
		float:left;
		margin:10px 0px;
	}
	.khung-news .news{
		width:250px;
		float:left;
		margin:5px 7px; 
	}
	.news h1{
		font-size:12px;
		text-transform:uppercase;
	}
	.news h1 img{
		width:32px;
		border:none;
	}
	.news span img{
		width:252px;
		height:137px;
		border:none;
	}
	.news ul.news_ul{
		margin:5px 0px;
		padding:0px;
	}
	.news ul.news_ul li{
		background:url("../images/External-Links.png") no-repeat top left;
		display:block;
		font-size:11px;
		margin:0px;
		padding:0px 0px 5px 17px;		
	}
	.box_img{
		width:400px;
		margin:0px 5px;
		padding:0px;
		float:left;
	}
	.box_img .tieude{
		color:#000099;
		font-size:15px;
		font-weight:bold;
		margin:7px 0px;
	}
		.box_img .tieude a, .box_img .tieude a:visited{
		color:#000099;
		font-size:15px;
		font-weight:bold;
		margin:7px 0px;
	}
		.box_img .tieude a:hover{
		color:#FF0000;
	}
	.news_new {
		width:280px;
		height:auto;
		float:left;
		padding:0px;
		margin:0px 7px;
	}
	.news_new .tieude{
		background:url(../images/title_news_new.jpg) top left no-repeat;
		width:277px;
		height:34px;
		padding:0px 0px 0px 10px;
		line-height:37px;
		color:#000099;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		margin:0px;
		line-height:37px;
	}
	.news_new .bg_news_new{
		background:url(../images/bg_news_new.jpg) top left repeat-x #FFFFFF;
		width:258px;
		height:280px;
		padding:10px 10px;
		border:#cecccc solid 1px;
		border-top:none;
		
	}
		
		
	.news_new .bg_news_new h4.title1{
	background:url("../images/icon_menu_left.jpg") no-repeat left;
	margin:0px;
	padding:2px 5px 0px 0px;
	height:auto;
	color:#008BBC;
	background-position:0px 7px;
	font-size:11px;
	font-weight:normal;
}
	.news_new .bg_news_new h4.title1 a, .news_new h4.title1 a:visited{
		display:block;
		margin:0px 0px 0px 15px;
		padding:0px 0px 5px;
		color:#008BBC;
		font-weight:bold;
	}
	.news_new .bg_news_new h4.title1 a:hover{
		color:#000099;
	}
	
	.news_new_featured {
		width:302px;
		height:auto;
		float:left;
		padding:0px;
		margin:0px 7px;
	}
	.news_new_featured .tieude{
		background:url(../images/title_new_featured.jpg) top left no-repeat;
		width:292px;
		height:34px;
		padding:0px 0px 0px 10px;
		line-height:37px;
		color:#008BBC;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		margin:0px;
		line-height:37px;
	}
	.news_new_featured .bg_news_new{
		background:url(../images/bg_news_new.jpg) top left repeat-x #FFFFFF;
		width:280px;
		height:280px;
		padding:10px 10px;
		border:#cecccc solid 1px;
		border-top:none;
		
	}
		
		
	.news_new_featured .bg_news_new h4.title1{
	background:url("../images/icon_menu_left.jpg") no-repeat left;
	margin:0px;
	padding:2px 5px 0px 0px;
	height:auto;
	color:#0000FF;
	background-position:0px 7px;
	font-size:11px;
	font-weight:normal;
}
	.news_new_featured .bg_news_new h4.title1 a, .news_new_featured h4.title1 a:visited{
		display:block;
		margin:0px 0px 0px 15px;
		padding:0px 0px 5px;
		color:#008BBC;
		font-weight:normal;
	}
	.news_new_featured .bg_news_new h4.title1 a:hover{
		color:#000099;
	}
	
	
	#left-side .tieude_bantin{
		background:url(../images/title_email.jpg)  no-repeat;
		float:left;
		width:115px; 
		height:41px;
		color:#fdd252;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		line-height:41px;
		margin:0px;
		padding:0px 0px 0px 45px;
	}
	#left-side .tieude1{
		background:url(../images/tieude.jpg) top left no-repeat;
		width:185px; 
		height:35px;
		color:#000099;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		margin:0px;
		line-height:35px;
		padding:0px 0px 0px 15px;
	}
	#right-side .tieude1{
	background:url(../images/tieude.jpg) top left no-repeat;
		width:185px; 
		height:35px;
		color:#000099;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		margin:0px;
		line-height:35px;
		padding:0px 0px 0px 15px;
	}
	.bg_mid_left .images_web{
		width:155px;
		text-align:center;
		padding:5px 2px;
	}
	.images_qc{
		height:auto;
		float:left;
		margin:0px;
	}
	.bottom_submit{
		width:38px;
		height:26px;
		border:none;
	}
	.images_qc img{
		width:180px;
		height:auto;
		padding:2px;
	}
	.text_box{
		background:url(../images/bg_text_box.jpg) no-repeat;
		border:none;
		width:152px;
		height:25px;
	}
	.Read-more{
		background:url(../images/Read-more.jpg);
		width:79px;
		height:26px;
		line-height:26px;
		text-align:center;
		margin: 40px 0px;
	}
		#conten #right-side{
		width:199px;
		height:auto;
		float:right;
		margin:0px 3px 0px 0px;
		padding:0px;
	}
	#conten #left-side{
		width:200px;
		height:auto;
		float:left;
		margin:0px 3px;
		padding:0px;
	}
	#left-side .tieude2{
		color:#2c5f13;
		font-size:12px;
		font-weight:bold;
		margin:0px;
		padding:0px 0px 5px 0px;
	}
	#left-side .noidung1{
		color:#666;
		font-size:12px;
		font-weight:bold;
		line-height:150%;
		float:left;
		margin:0px;
		padding:0px;
	}
	#left-side  .text{
		color:#F90;
		padding:0px 0px 0px 20px;
	}
	#left-side  .text1{
		color:#F90;
		padding:0px;
		font-weight:bold;
	}
	#left-side  .text1 a,#left-side  .text1 a:visited{
		color:#F90;
		padding:0px;
		font-weight:bold;
	}
	#left-side  .text1 a:hover{
		color:#F00;
		padding:0px;
		font-weight:bold;
	}
	#left-side .bg_mid_left{
		width:198px;
		border:#CCC solid 1px;
		border-top:none;
		height:auto;
		margin:0px 2px 10px 0px;
	}
	#right-side .bg_mid_left{
		width:198px;
		border:#CCC solid 1px;
		border-top:none;
		height:auto;
		margin:0px 0px 10px 0px;
	}
	#left-side  .more{
		float:right;
		padding:0px 20px 0px 0px;
		
	}
	.buttom_search{
		background:url(../images/bottom_search.jpg) no-repeat; 
		width:71px; 
		height:24px; 
		border:none;
		}
	#left-side .line{
		width:300px;
		height:auto;
		float:left;
		margin:0px;
		
	}
	#left-side .bottom_left{
		background:url(../images/bottom_left.jpg) no-repeat top left;
		width:205px;
		height:16px;
		margin:0px;
	}
	#left-side .top_left{
		background:url(../images/top_left.jpg) no-repeat top left;
		width:205px;
		height:10px;
		margin:0px;
	}
	#left-side .menu{
		width:198px;
		height:auto;
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	#left-side .img-qc{
		margin:10px;
		width:300px;
		height:auto;
		padding:0px;
		float:left;
	}
	 #fooder{
		background:url(../images/bg_footer.jpg) bottom center no-repeat #FFFFFF;
		width:980px;
		height:164px;
		margin:5px auto;
		float:left;
		padding:0px 10px;
		color:#FFFFFF;
		border-top:#CCC solid 1px;


	 }
#mid-side  #trang{
	width:400px;
	height:auto;
	float:right;
	margin:10px 0px 10px 0px;
}
	#trang  .trang{
		background:url(../images/trang1.png);
		width:25px;
		height:23px;
		float:right;
		margin-right:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		line-height:23px;
		color:#000000;
		text-decoration:none;
		text-align:center;	
}
	#trang .trang1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		line-height:23px;
		color:#000000;
		text-decoration:none;
		text-align:center;
	}
	.text4{
		font-size:12px;
		font-weight:bold;
		padding:2px 0px;
	}
	
	#vmenu_1{
	width:198px;
	height:auto;
	float:left;
	}
	#vmenu_1 ul{
		margin:0px;
		float:left;
		padding:0px;
		color:#FFF;

		}
		#vmenu_1 .top  ul li{
			  background: url("../images/tieude.jpg") no-repeat scroll 0 0 transparent;
			color: #FFFFFF;
			font-size: 12px;
			font-weight: bold;
			height: 24px;
			margin: 0;
			padding: 10px 0 0 15px;
			text-transform: uppercase;
			width: 185px;
			}
		#vmenu_1 ul li a, #vmenu_1 ul li a:visited{
			color:#FFF;
		}
		#vmenu_1 ul li a:hover{
			color:#F90
		}
	

#left-side .bigtitle{
	background:#f475ba;
	margin:0px;
	padding:10px 0px 0px 0px;
	height:30px;
	color:#1190b9;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#left-side h2.title{
	background:url("../images/icon_menu_left.jpg") no-repeat left;
	margin:0px;
	padding:8px 5px 0px 0px;
	height:22px;
	color:#595959;
	background-position:10px;
	font-size:11px;
}
#left-side h2.title a, #left-side h2.title a:visited{
	display:block;
	margin:0px 0px 0px 20px;
	padding:0px 0px 5px;
	color:#595959;
}
#left-side h2.title a:hover{
	color:#000099;
}
#left-side h3.title{
	background:url("../images/icon_menu_left.jpg") no-repeat left;
	margin:0px;
	padding:5px 5px 0px 0px;
	height:22px;
	color:#595959;
	background-position:10px 12px;
	font-size:11px;
	font-weight:normal;
}
#left-side h3.title a, #left-side h3.title a:visited{
	display:block;
	margin:0px 0px 0px 20px;
	padding:0px 0px 5px;
	color:#595959;
	font-weight:normal;
}
#left-side h3.title a:hover{
	color:#000099;
}


h4.title{
	background:url("../images/icon_menu_left.jpg") no-repeat left;
	margin:0px;
	padding:2px 5px 0px 0px;
	height:auto;
	color:#008BBC;
	background-position:10px 7px;
	font-size:12px;
	font-weight:normal;
}
h4.title a, h4.title a:visited{
	display:block;
	margin:0px 0px 0px 20px;
	padding:0px 0px 5px;
	color:#008BBC;
}
h4.title a:hover{
color:red;
}
.top_conten{
		padding:0px 0px 10px 0px;
	}
	.cl_text_new{
		padding:3px 0px; color:#000099; border-bottom:#CCC dotted 1px;
		line-height:130%;
		clear:both;
		margin:2px 0px;
	}
	.cl_text_new a, .cl_text_new a:visited{
		line-height:130%;
		color:#000099;
		clear:both;
	}
	.cl_text_new a:hover{
	color:#F00;
	}