@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");
@import url("popup_right.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:#000; background-color:#eeeeef;
	}
a, a:visited{
	color:#000;
	outline:none;
	text-decoration:none;
}
.chuchay{
	background:url(../images/bg_chuchay.html);
	height:31px;
	width:1000px;
	font-size:12px;
	line-height:25px;
	}
a:hover{
	color:#F00;
}
img{
	border:0px;
}
.clear{
	clear:both;
	height:0px;
	overflow:hidden;
}
#wrap{
	width:1000px;
	background:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}
/*-- header--*/
	#wrap #header{
		width:1000px;
		padding:0px; 
		margin:0px;
		height:150px;
		background:url(../images/bg_header.jpg) top left;
	}
		#header #logo{
			width:280px;
			height:auto;
			float:left;
			margin:0px 0px;
			padding:0px;
			}
			#header .right_header{
			width:250px;
			height:auto;
			float:right;
			margin:0px;
			padding:0px;
			font-size:11px;
			}
			#header .right_header ul{
				margin:20px 0px 0px 0px;
				padding:0px;
			}
			#header .right_header ul li{
				text-align:center;
				padding:0px 5px;
				font-weight:bold;
				color:#666;
				float:left;
				margin:0px
			}

			#header .right_header ul li a, #header .right_header ul li a:visited {
				color:#666;
			}
			#header .right_header ul li a:hover {
				color:#F00;
			}

			#header .right_header .tag_top{
				background:url(../images/bg_tag_top.jpg) top left;
			width:614px;
			height:21px;
			float:right;
			margin:0px 10px;
			padding:0px;
			font-size:11px;
			}
			#header .right_header .bg_search{
				background:url(../images/bg_search.jpg) top left no-repeat;
				width:238px;
				float:right;
				margin:10px 10px 0px 10px;
				height:20px;
			}
			#header .right_header .bg_search .text_search{
				border:none;
				background:none;
				width:196px;
				float:left;
				height:18px;
				margin:1px 0px;
				padding:0px 5px;
				font-size:11px;
			}
			#header .right_header .bg_search .buttom_search{
			width:31px; 
			height:20px; 
			border:none;
			background:none;
			cursor:pointer;
			}
	
/*Begin Menu*/
#menu{
	width:1000px;
	clear:both;
	height:46px;
	margin:0px auto 0px;
	padding:0px;
	background:#31B44C;
}
#menu ul.top{
	list-style:none;
	padding:0px;
	margin:0px 20px 0px 0px;;
	font-size:12px;
	float:left;
}
#menu ul.top li.top{
	float:left;
	list-style:none;
	display:block;
	margin:0px;
	padding:0px;
	height:46px;
}
#menu ul.top li.top a.top{
	display:block;
	color:#FFFFFF;
	height:43px;
	padding:3px 15px 0px 10px;
	margin:0px;
	font-weight:bold;
	float:left;
	text-transform:uppercase;
	/*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{
	color:#FF0;
	height:45px;
}
#menu ul.top li.top a.top span{
	display:block;
	padding:10px 0px 0px;
}

/*-- content-wrap --*/
	#wrap  #content-wrap{
		background:#FFFFFF;
		width:1000px;
		height:auto;
		float:left;
		padding:0px; 
		margin:0px;
 		}
		/*-- content --*/
		#content-wrap  #conten{
			width:980px;
			height:auto;
			padding:0px; 
			margin:10px auto;
		}
		/*-- mid-slide --*/
			#content-wrap  #conten #mid-slide{
				width:690px;
				float:left;
				height:auto;
				margin:0px;
				padding:0px;
			}
			#content-wrap  #conten #mid-slide .box{
				width:690xp;
				margin:0px;
				height:auto;
				padding:0px;
			}
			#content-wrap  #conten #mid-slide .box .top_box{
				background:url(../images/title_top_mid.jpg) top left;
				width:670px;
				height:38px;
				line-height:38px;
				font-size:14px;
				font-weight:bold;
				padding:0px 0px 0px 20px;
			}
			#content-wrap  #conten #mid-slide .box .bottom_box{
				background:url(../images/bottom_mid.jpg) top left;
				width:690px;
				height:11px;
				padding:0px;
				margin:0px 0px 10px 0px;
			}
			#content-wrap  #conten #mid-slide .box .mid_box{
				background:url(../images/mid-mid-slide.jpg) top left repeat-x #FFFFFF;
				width:688px;
				height:auto;
				padding:0px;
				border:#EEEEEE solid 1px;
				border-bottom:none;
				border-top:none;
				min-height:500px;
			}

			.khung-product .mid_box{
				background:url(../images/mid-mid-slide.jpg) top left repeat-x #FFFFFF;
				width:688px;
				height:auto;
				padding:0px;
				border:#EEEEEE solid 1px;
				border-bottom:none;
				border-top:none;
				min-height:500px;
			}
			#mid-slide .box .mid_box .box1{
				width:305px;
				height:auto;
				padding:10px 0px 10px 35px;
				margin:0px;
				float:left;
			}
			#mid-slide .box .mid_box .box1 .title{
				color:#e40101;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				margin:0px 0px 5px 0px;
				padding:0px;
			}
			#mid-slide .box .mid_box .box1 .title a, #mid-slide .box .mid_box .box1 .title a:visited{
				color:#e40101;
			}
			#mid-slide .box .mid_box .box1 .title:hover{
				color:#000;
			}
			#mid-slide .box .mid_box .box1 .box_img{
				float:left;
				width:80px;
				height:auto;
				margin:0px;
				padding:0px;
			}
			#mid-slide .box .mid_box .box1 ul{
				padding:0px 5px;
				margin:0px;
				float:left;
			}
			#mid-slide .box .mid_box .box1 ul .clsli{
				background:url(../images/icon_li.jpg) top left no-repeat;
				background-position:0px 9px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:200%;
				display:block;
				padding:0px 10px;
			}
			#mid-slide .box .mid_box .box1 ul .clsli a, #mid-slide .box .mid_box .box1 ul .clsli a:visited{
				color:#000000;
			}
			#mid-slide .box .mid_box .box1 ul .clsli a:hover{
				color:#e40101;
				font-weight:bold;
			}
			#content-wrap  .doitac{
			width:980px;
			height:auto;
			padding:0px; 
			margin:10px auto;
			}
				#content-wrap  .doitac .img_doitac{
					width:100px;
					height:100p;
					padding:0px;
					float:left;
					margin:10px 3px;
					border:#999 dotted 1px;
				}
				#content-wrap  .doitac .img_doitac:hover{
					width:100px;
					height:100p;
					padding:0px;
					float:left;
					margin:10px 3px;
					border:#999 solid 1px;
				}
				#content-wrap .line{
					background:url(../images/bg_line_bottom.jpg) top left no-repeat;
					width:1000px;
					height:26px;
				}
				#content-wrap .line .text_menu{
					color:#FFF;
					float:left;
					width:auto;
					line-height:26px;
					padding:0px 10px;
				}
				#content-wrap .line .text_menu a, #content-wrap .line .text_menu a:visited{
					top:0px;
					color:#FFF;
					padding:0px 5px;
				}
		/*-- right-slide --*/
		#content-wrap  #conten #right-slide{
				width:100%;
				float:right;
				height:auto;
				margin:0px;
				padding:0px;
			}
			#right-slide .top_right{
				background: url(../images/top_right_slide.jpg) top left no-repeat;
				width:100%;
				height:11px;
			}
			#right-slide .bottom_right{
				background:url(../images/bottom_right_slide.jpg) top left no-repeat;
				width:100%;
				height:21px;
			}
			#right-slide .mid_right{
				width:100%;
				height:auto;
				padding:0px;
				border:#E9E9E9 solid 1px;
				border-top:none;
				margin:0px 0px 10px 0px;
			}
			#right-slide .title{
				background: url(../images/title_right_top.jpg) top left repeat;
				color:#FFF;
				width:100%;
				height:39px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				margin:0px;
				padding:0px 0px 0px 55px;
				line-height:30px;
				text-transform:uppercase;
			}
			#right-slide .title a, #right-slide .title a:visited{
				color:#FFFFFF;
				text-transform:uppercase;
			}
			#right-slide  .box_news{
				padding:5px;
			}
				#right-slide .box_news .title_news{
					color:#e40101;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight:bold;
					margin:0px;
					padding:5px 0px;
				}
			
				#right-slide .box_news  .title_news a,#right-slide .box_news  .title_news a:visited{
					color:#e40101;
	
				}
				#right-slide .box_news .title_news a:hover{
					color:#000000;
				}
				##right-slide .box_news ul{
				padding:0px 5px;
				margin:0px;
				float:left;
				}
				#right-slide .box_news ul .clsli{
				background:url(../images/icon_li.jpg) top left no-repeat;
				background-position:0px 9px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:200%;
				display:block;
				padding:0px 10px;
				}
				#right-slide .box_news ul .clsli a, #right-slide .box_news ul .clslii a:visited{
					color:#000000;
					font-weight:bold;
				}
				#right-slide .box_news ul .clsli a:hover{
					color:#e40101;
					font-weight:bold;
				}
				#mid-side .khung-product{
					width:690px;
					height:auto;
					float:left;
					margin:0px 0px 10px 0px;
					padding:0px;
				}
				#mid-side .khung_tt{
					width:795px;
					float:left;
					height:auto;
					margin:0px;
					padding:10px 0px 10px 10px;
				}
				.khung-product .top-product{
				
					width:755px;
					height:35px;
					float:left;
					margin:0px 0px 0px 0px;
					font-size:14px;
					text-transform:uppercase;
					-moz-border-radius-bottomleft: 5px;
					-moz-border-radius-bottomright: 5px;
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-topright: 5px;
					padding:0px 0px 0px 25px;
					font-weight:bold;
					color:#FFFFFF;
					line-height:35px;
				}
				.khung-product .top-product a, .khung-product .top-product a:visited{
					color:#000000;	
				}
				.khung-product .bottom-product{
					width:780px;
					height:7px;
					float:left;
					margin:0px;
					padding:0px;
				}
				.khung_tt  .noidung{
				width:600px;
				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:#FF0000;	
				margin-bottom:10px;
				margin-top:5px;
				}
				.khung-product .mid-product{
					width:680px;
					height:auto;
					float:left;
					margin:0px;
					padding:5px 3px 10px 3px;
					border-bottom:none;
					border-top:none;
				}
				
				.mid-product .product{
					width:150px;
					height:210px;
					text-align:center;
					float:left;
					margin:10px  8px;	
					padding:0px;
					 border:#CCCCCC solid 1px;
				}
 			
			.dn_boldred {
    color: #C4161C;
    font-weight: bold;
    text-decoration: none;
}
ul.dn_menuside {
    margin: 10px 10px 10px 0px;
}
ul.dn_menuside li {
    list-style-image: url("../images/icon_arrow.png");
    margin-left: 20px;
    padding: 0 0 5px;
}
ul.dn_menuside li li {
    border: medium none;
    padding: 2px 0;
}
ul.dn_menuside li a {
    color: #434343;
    font-size: 1.17em;
    text-decoration: none;
}
ul.dn_menuside li a:hover {
    color: #B01419;
}
ul.dn_menuside li .active {
    color: #B01419;
}