@charset "utf-8";
/* RESET SETTING */

html, body, div, span, hi, h2, h3, h4, h5, h6, blockqoute, pre, a, em, font, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form {margin:0px;padding:0px; border:0px; outline:0px; font-size:100%; background:transparent;}
body {width:1000px; margin:0 auto;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	background: url(../images/bg.jpg) repeat-x top left;  padding-top:40px; color:#000}

#main {padding:10px 10px 20px 10px;
	background: #FFF ;
	margin-bottom:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	-moz-box-shadow:0 0 3px #999;
	-webkit-box-shadow:0 0 3px #999; 
	box-shadow:0 0 3px #999;}

ul { list-style:none;}
a { text-decoration:none;}
img { border:none;}

/* END SETTING */

/* MAIN HEADER */
a:link { color:#000;}
a:visited { color:#000;}
a:hover { color:#004964;}
a:active { color:#004964;}

#header{position:relative; }

#menu{
	background:url(../images/bg_menu.jpg) repeat-x top left;
	height:37px;
	padding-bottom:10px; font-weight:bold}

	
#menu ul{ display:block; float:left; width:750px;	}
#menu ul li { display:inline; float:left; border-left:1px solid #FFF; padding:2px 5px 0px 5px; margin:5px 0	}
#menu ul li:first-child {border-left:none;}

#menu ul li a { 
	display:block; 
	text-decoration:none; 
	padding:2px 15px;
	color:#FFF;
	
}
#menu ul li a:hover { 
	background:#FFF;
	-moz-border-radius :20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	-moz-box-shadow:0 2px 0 #000;
	-webkit-box-shadow:0 2px 0 #000; 
	box-shadow:0 2px 0 #000;
	color:#004964; 
}
#menu h3 { color:#FFF; padding-top:6px;}	
#wrapper{position:relative; width:980px;}
#container{position:relative; width:980px; padding:10px 0px 10px 0px;}

#left{position:relative; float:left; width:200px; padding-right:10px }
.mod_sanpham{ 
	margin-bottom:10px;
	padding-bottom:10px;
	color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 0 #333);
	-webkit-box-shadow:0 1px 0 #333); 
	box-shadow:0 1px 0 #333);
	background: -moz-linear-gradient(80% 25% 90deg, #0f5bb1, #8ebfeb);
	background: -webkit-gradient(linear, left top, left bottom, from(#0f5bb1), to(#8ebfeb));}
.mod_sanpham h3{ background:url(../images/title.png) no-repeat; height:39px; padding:2px 0 0 10px}
.mod_sanpham ul { margin:0 10px 0 10px;}
.mod_sanpham ul img{ margin-right:10px;}
.mod_sanpham ul li{ font-weight:bold; border-bottom:1px dotted #FFF; line-height:2.2em; }
.mod_sanpham ul li:last-child{border-bottom:none }
.mod_sanpham ul li a{ color:#FFF;}
.mod_doitac{ 
	margin-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 0 #333);
	-webkit-box-shadow:0 1px 0 #333); 
	box-shadow:0 1px 0 #333);
	border:1px solid #78b2f4;
	background: -moz-linear-gradient(20% 80% 90deg, #FFF, #c2def4);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#c2def4));}
.mod_doitac h3{ background:url(../images/title.png) no-repeat; height:39px; padding-left: 10px;color:#FFF;}
.mod_doitac p{ text-align:center; }
.mod_doitac p img{ padding-bottom:5px; }

.mod_thongke{ 
	margin-bottom:10px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 0 #333);
	-webkit-box-shadow:0 1px 0 #333); 
	box-shadow:0 1px 0 #333);
	border:1px solid #78b2f4;
	background: -moz-linear-gradient(20% 80% 90deg, #FFF, #c2def4);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#c2def4));}
.mod_thongke h3{ background:url(../images/title.png) no-repeat; height:39px; padding-left: 10px;color:#FFF;}
.mod_thongke h6{ float:left; padding:0 10px 0 10px; }


#content{position:relative; float:left; width:560px; text-transform: }
.sanphammoinhat{ 
	position:relative;
	float:left;
	width:560px;
	height:180px;
	margin:5px 0 10px 0;
	padding-bottom:10px ;
	-moz-border-radius: 0  0 10px 10px;
	-webkit-border-radius:0  0 10px 10px;
	border-radius:0  0 10px 10px;
	-moz-box-shadow:0 2px 0 #006;
	-webkit-box-shadow:0 2px 0 #006; 
	box-shadow:0 2px 0 #006;
	border:1px solid #006;}
	
.sanphammoinhat h3{ background:url(../images/title1.png) no-repeat; height:40px; padding:10px 0 0 30px; margin-top:-5px;color:#FFF; font-size:15px}
.sanphammoinhat ul{ position:relative;margin:5px; }
.sanphammoinhat ul li {width:98px; padding:0 10px 0 10px; display:inline; float:left; text-align:center ; padding:0 15px 0 15px; }
.sanphammoinhat ul li img { border:1px solid #CCC; padding:2px;}
.sanphammoinhat ul li div {background:url(../images/btn.jpg) no-repeat; height:22px; width:62px; color:#FFF; padding-top:2px; margin-left:18px;}
.sanphammoinhat ul .paddingtop {padding-top: 30px;}

.sanphamnoibat{ 
	position:relative;
	float:left;
	width:560px;
	margin-bottom:10px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 2px 0 #CCC;
	-webkit-box-shadow:0 2px 0 #CCC; 
	box-shadow:0 2px 0 #CCC;
	border:1px solid #CCC;
	}
	
.sanphamnoibat h3{ padding: 4px; font-size:15px; }
.sanphamnoibat ul{ position:relative;margin:5px; }
.sanphamnoibat ul li {width:130px; padding:0 25px 20px 25px; display:inline; float:left; text-align:center;  }
.sanphamnoibat ul li img { border:1px solid #CCC; padding:2px;}
.sanphamnoibat ul li div.btn_view {background:url(../images/btn.jpg) no-repeat; height:22px; width:62px; color:#FFF; padding-top:2px; float:left }
.sanphamnoibat ul li div.btn_buy { background:url(../images/btn.jpg) no-repeat; height:22px; width:62px; color:#FFF; padding-top:2px; float:left  }

#right{position:relative; float:right; width:200px; padding-right:0px; }
.mod_dangnhap{
	margin-bottom:10px;
	padding-bottom:10px;
	color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 0 #333);
	-webkit-box-shadow:0 1px 0 #333); 
	box-shadow:0 1px 0 #333);
	background: -moz-linear-gradient(80% 45% 90deg, #0f5bb1, #8ebfeb);
	background: -webkit-gradient(linear, left top, left bottom, from(#0f5bb1), to(#8ebfeb));}
.mod_dangnhap h3{ background:url(../images/title.png) no-repeat; height:39px; padding:2px 0 0 10px}
.mod_dangnhap form{ padding-left:10px;}
.mod_dangnhap #width100 { width:110px; margin-bottom:5px; }

.mod_tructuyen{ 
	margin-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 0 #333);
	-webkit-box-shadow:0 1px 0 #333); 
	box-shadow:0 1px 0 #333);
	border:1px solid #78b2f4;
	background: -moz-linear-gradient(20% 80% 90deg, #FFF, #c2def4);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#c2def4)); }
.mod_tructuyen h3{ background:url(../images/title.png) no-repeat; height:39px; padding-left: 10px;color:#FFF;}
.mod_tructuyen p{ text-align:center;}
.mod_tructuyen span{ color:#F00; font-size:18px}

.mod_tintuc{ 
	margin-bottom:10px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 0 #333);
	-webkit-box-shadow:0 1px 0 #333); 
	box-shadow:0 1px 0 #333);
	border:1px solid #78b2f4;
	background: -moz-linear-gradient(80% 20% 90deg, #FFF, #c2def4);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#c2def4));}
.mod_tintuc h3{ background:url(../images/title.png) no-repeat; height:39px; padding-left: 10px;color:#FFF;}
.mod_tintuc ul {float:left; margin:5px;  }
.mod_tintuc ul li{ float:left;  width:185px; padding:5px 0 5px 0;  border-bottom:1pxdotted #CCC;  }
.mod_tintuc ul li img{ width:82px; background:#FFF; border:1px solid #CCC; padding:2px; margin-right:10px; float:left}

#bottom{position:relative;
	clear:both; 
	width:980px; 
	padding:10px 0px 10px 0px;	}
	
#bottom h6{
	float:left;
	width:952px;
	margin:-16px 0 0 13px;
	-moz-border-radius: 0  0 10px 10px;
	-webkit-border-radius:0  0 10px 10px;
	border-radius:0  0 10px 10px;
	-moz-box-shadow:0 2px 0 #006;
	-webkit-box-shadow:0 2px 0 #006; 
	box-shadow:0 2px 0 #006;
	border:1px solid #006; 
	margin-bottom:20px;}
	
#bottom h3{background:url(../images/title2.jpg) no-repeat top left; height:43px; color:#FFF; padding: 6px 0px 0px 50px; font:16px Tahoma; font-weight:bold }	
#bottom h3 span{padding-right:220px; }	
#bottom h6 p{ font-size:12px; float:left; width:260px; padding:10px 0 0 40px ; font-weight:normal }


#footer{position:relative; 
	clear:both;
	text-align:center;
	height:30px;
	padding-top:10px;
	border:1px solid #CCC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 0 #333);
	-webkit-box-shadow:0 1px 0 #333); 
	box-shadow:0 1px 0 #333);
	background: -moz-linear-gradient(15% 85% 90deg, #FFF, #dfdfdf);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#dfdfdf));
	

