/* CSS Document */

*{	padding:0; 	margin:0;}  
body {
	font-size:12px;
	color:#343434;
	line-height:16px;
	font-family:Arial;
	background:url(../images/bg.jpg) #c3ddfc repeat-x;
	font-weight: 400;
}
img{ border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
a:focus{ outline:none}
a:link,a:visited{ color:#1062c6; text-decoration:none;}
a:hover{ color:#000;	text-decoration:none;}
a:active{ color:#1062c6; text-decoration:none;}

table, td, input, select, textarea{	margin:0px;	padding:0px;}
input, select, textarea{ margin:0px; padding:0px;}

.imgsd img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);-moz-opacity: 0.85;}
.imgsd:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}

.img_border{ border:#efefef 2px solid}
.img_border-ads{ border:#464545 2px solid;}

.clear{ clear:both;}

.left_right20{ float:left; margin-right:20px}
.left_right10{ float:left; margin-right:10px}
.left_right3{ float:left; margin-right:3px}
.left{ float:left;}
.right{ float:right;}
.right_left10{ float:right; margin-right:10px}

/* ------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper{ margin:0px auto; width:100%; background:url(../images/bg_footer.jpg) repeat-x; background-position:bottom; overflow:hidden; position:relative}

#container{ margin:0px auto; width:960px; overflow:hidden}
#wrapper #bt-top{ position:absolute; bottom:200px; right:0px; z-index:9999}
#wrapper #bt-top a{ display:block; background:#000; padding:3px}
#wrapper #bt-top a:hover{ color:#fff}

/* block header */
#header{ width:960px; height:130px; overflow:hidden; background:url(../images/bg_header.jpg) top right no-repeat}
#header #logo{ float:left; background:url(../images/logo.jpg) no-repeat; width:450px; height:114px}
#header #link-lang{ float:right; padding:5px; font-size:11px}

#header-menu{ width:960px; height:50px; overflow:hidden; background:url(../images/bg_menu.jpg) repeat-x}
#header-menu .menu{ font-weight:bold; color:#fff; overflow:hidden;}
#header-menu .menu ul{ margin:5px 0 0 60px; }
#header-menu .menu li{ list-style-type:none; float:left; margin-right:25px; padding-top:3px}
#header-menu .menu a{ color:#fff;}
#header-menu .menu a:hover{ color:#dfedfe}

#header-menu .menu li.active-s{ padding-top:0px; color:#464849; background:url(../images/menu-small.gif) no-repeat top right; display:block; width:88px;height:28px}

#header-menu .menu li.active-s p{ color:#464849; padding:4px; text-align:center}
#header-menu .menu li.active-s a{
	color:#FFFFFF;
}
#header-menu .menu li.active-s a:hover{ color:#FFFFFF;}

#header-menu .menu li.active-l{ padding-top:0px; color:#464849; background:url(../images/menu-large.gif) no-repeat top right; display:block; width:132px;height:28px}

#header-menu .menu li.active-l p{ color:#464849; padding:4px; text-align:center}
#header-menu .menu li.active-l a{ color:#FFFFFF;}
#header-menu .menu li.active-l a:hover{ color:#FFFFFF;}

 
/* block nav-left */
#nav-left{ width:200px; float:left; overflow:hidden; margin-right:10px}
.box_find{ width:200px; margin-bottom:10px; overflow:hidden}
.box_find p{ margin:0px 0 0 10px;}
.form_timkiem_01{ float:left; width:155px; text-align:left; overflow:hidden;}
.form_timkiem_01input{ margin:3px 0 0 10px;}
.form_timkiem_01input input{ padding:1px 5px 2px 5px; font-size:10px; line-height:14px; color:#000; background:#fff; border:#000 solid 1px; display:block; width:130px;}
.form_timkiem_02{ float:left; width:28px;}

#nav-left-menu{ width:200px; overflow:hidden; margin-bottom:10px}
#nav-left-menu #title{ background:url(../images/nav-title-bg.gif) repeat-x; height:29px;}
#nav-left-menu #title p{ padding:5px 10px; text-transform:uppercase; font-weight:bold; color:#fff}
#nav-left-menu #body{ width:198px; overflow:hidden; background:#fff; border:#c7c7c6 solid 1px}
#nav-left-menu #body img { display:block}
#nav-left-menu #body p{ padding:5px 10px}
#nav-left-menu #body a{ color:#000}
#nav-left-menu #body a:hover{ color:#fb7804}
#nav-left-menu #body a.active{ color:#1062c6; font-weight:bold}
#nav-left-menu #body a.bt{ background:#343434; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none;}
#nav-left-menu #body a:hover.bt{ background:#b6a148; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}

#nav-left-menu #body ul{ width:192px; margin:3px; list-style-type:none}
#nav-left-menu #body ul li.dark{ background:url(../images/nav-menu-bg.gif) no-repeat top; height:16px; text-indent:12px; padding:3px; text-transform:capitalize}
#nav-left-menu #body ul li.light{ background:url(../images/nav-menu-bg.gif) no-repeat bottom; height:16px; text-indent:12px; padding:3px; text-transform:capitalize}
.text_truycap{ font-size:20px; font-weight:bold; line-height:25px;}

/* block nav-right */
#nav-right{ width:200px; float:right; overflow:hidden}
.box_dangnhap{ width:200px; margin-bottom:13px; overflow:hidden}
.box_dangnhap p{ margin-bottom:3px;}
.box_dangnhap a{ font-size:11px; color:#000; text-decoration:underline; line-height:14px}
.box_dangnhap a:hover{ font-size:11px; color:#bf4807; text-decoration:underline; line-height:14px}

.form_timkiem{ width:145px; text-align:left; overflow:hidden;}
.form_timkiem input{ margin-bottom:2px; padding:1px 5px 2px 5px; font-size:10px; line-height:14px; color:#000; background:#fff; border:#000 solid 1px; display:block; width:130px;}

#nav-right-menu{ width:200px; overflow:hidden; margin-bottom:10px}
#nav-right-menu #title{ background:url(../images/nav-title-bg.gif) repeat-x; height:29px;}
#nav-right-menu #title p{ padding:5px 10px; text-transform:uppercase; font-weight:bold; color:#fff}
#nav-right-menu #body{ width:200px; overflow:hidden; background:#fff; border:#c7c7c6 solid 1px}
#nav-right-menu #body img { display:block}

#nav-right-menu #body p{ padding:5px 10px; text-align:center}
#nav-right-menu #body a{ color:#000}
#nav-right-menu #body a:hover{ color:#fb7804}
#nav-right-menu #body a.active{ color:#1062c6; font-weight:bold}
#nav-right-menu #body a.bt{ background:#343434; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}
#nav-right-menu #body a:hover.bt{ background:#b6a148; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}

#nav-right-menu #body-tinnong{ width:200px; overflow:hidden; background:#000; padding-bottom:7px}
#nav-right-menu #body-tinnong img { display:block}
#nav-right-menu #body-tinnong p{ padding:5px 5px 0 5px}
#nav-right-menu #body-tinnong .control-tin{ width:90px; margin:auto}
#nav-right-menu #body-tinnong a{ color:#000}
#nav-right-menu #body-tinnong a:hover{ color:#fb7804}
#nav-right-menu #body-tinnong a.active{ color:#1062c6; font-weight:bold}
#nav-right-menu #body-tinnong a.bt{ background:#343434; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}
#nav-right-menu #body-tinnong a:hover.bt{ background:#b6a148; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}

.bg-bt{ background:url(../images/bg-bt.gif) no-repeat; height:11px}
.bg-bt2{ background:url(../images/bg-bt2.gif) no-repeat; height:11px}

/* block main-box */
#main-box{ width:540px; float:left; overflow:hidden;}

#box-sanpham-moi{ width:540px; overflow:hidden; margin-bottom:10px}
#box-sanpham-moi .sanpham-moi-title{ width:540px; overflow:hidden; background:url(../images/bg-sp-moi.gif) repeat-x; height:27px;}

#box-sanpham-moi .title-sp{
	float:left;
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	background:#414040;
	padding:0px;
	height:25px;
	text-transform:uppercase
}
#box-sanpham-moi .title-sp p{ padding:5px 10px; text-align:center}

#box-sanpham-moi .sanpham-moi-content{ border:#414040 solid 2px; border-top:none; background:#fff; overflow:hidden; padding:10px 16px}
#box-sanpham-moi .sp-moi-left{ width:155px; overflow:hidden; float:left; margin-right:20px}
#box-sanpham-moi .sanpham-moi-content img{ display:block}
#box-sanpham-moi .sanpham-moi-content p{ text-align:center; font-weight:bold} 

#box-sanpham{ width:540px; overflow:hidden; margin-bottom:10px}
#box-sanpham .sanpham-title{ width:540px; overflow:hidden; background:#414040; height:24px;}
#box-sanpham .sanpham-title h3{  font-size:12px; font-weight:bold; color: #FFFFFF; text-transform:capitalize; padding:4px 0 0 10px}
#box-sanpham .sanpham-title p{  font-size:12px; color: #FFFFFF; text-transform:capitalize; padding:4px 0 0 10px; font-weight:bold;}

#box-sanpham p{ padding:4px 7px; font-size:11px}
#box-sanpham .sanpham-title a{ color:#fff; text-decoration:underline}
#box-sanpham .sanpham-title a:hover{ color:#e4e3e3; text-decoration:underline}

#box-sanpham .sanpham-content{ width:506px; border:#9b9b9b solid 1px; border-top:none; background:#fff; overflow:hidden; padding:15px 16px}
#box-sanpham .sanpham-content img { display:block}
#box-sanpham .ads-content{ overflow:hidden;}

#box-sanpham .sp-left{ width:154px; overflow:hidden; float:left; margin-right:20px}
#box-sanpham .sp-left-ss{ width:165px; overflow:hidden; border-right:#d6d6d6 solid 1px; float:left; margin-right:10px}

#box-sanpham .sanpham-content img{ display:block}
#box-sanpham .sanpham-content p{ text-align:center; font-weight:bold} 

#box-sanpham .control-choice{ width:105px; margin:auto}
#box-sanpham .control-choice a.bt{ background:#b6a148; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}
#box-sanpham .control-choice a:hover.bt{ background:#343434; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}

#box-sanpham .box-nhu-cau-mua-hang{ border-bottom:#9d9e9c dotted 1px; padding-bottom:5px; margin-bottom:10px; overflow:hidden}
#box-sanpham .box-nhu-cau-mua-hang-bt{ font-size:11px; margin-bottom:5px; overflow:hidden}
#box-sanpham .box-nhu-cau-mua-hang p{ padding:0}
#box-sanpham .box-nhu-cau-mua-hang-bt p{ padding:0}

#box-sanpham .req-nhu-cau{ width:110px; float:left; overflow:hidden; text-align:right; margin-right:5px; color:#696969; font-weight:bold}
#box-sanpham .req-nhu-cau-content{ width:385px; float:right; overflow:hidden; text-align:left; margin-right:5px;}
#box-sanpham .req-nhu-cau-content a{ color:#fb6c4b;}
#box-sanpham .req-nhu-cau-content a:hover{ color:#414040;}

.text-cost{ color:#fe1111; font-weight:bold; font-size:12px}
.text-req{ color:#fb6c4b; font-weight:bold; font-size:12px}
.text-user{ color:#9d9e9c;  font-weight:normal;}

/* block banner-ads */
#banner-ads{ width:960px; height:90px; background:#1c2122; overflow:hidden}
#banner-ads .content{ margin:16px 0 0 16px; width:928px; height:60px}

/* block footer */
#footer{ width:960px; height:155px; overflow:hidden;}
#footer .menu{ width:960px; text-align:center; font-size:11px; font-weight:bold; color:#eeede7; overflow:hidden}
#footer .menu ul{ margin:45px 0 0px 70px}
#footer .menu li{ list-style-type:none; float:left; margin-right:10px;}
#footer .menu a{ color:#eeede7}
#footer .menu a:hover{ color:#fb6c4b}
#footer .menu a.active{ color:#fb6c4b}

#footer .copyright{ text-align:center; font-size:11px; color:#efefef; padding:15px}

/*  */
a.bt{ background:#343434; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}
a:hover.bt{ background:#b6a148; padding:2px 10px 3px 10px; font-size:11px; color:#fff; text-decoration:none}

/* gioithieu */

#box-sanpham-moi .gioithieu-content{ width:504px; border:#414040 solid 2px; border-top:none; background:#fff; overflow:hidden; padding:10px 16px}
#box-sanpham-moi .gioithieu-content p{ font-weight:normal; margin-bottom:10px}
#box-sanpham-moi .gioithieu-content ol{ margin:10px 10px 10px 35px}
#box-sanpham-moi .gioithieu-content ul{ margin:10px 10px 10px 35px}
#box-sanpham-moi .gioithieu-content li{ margin-bottom:5px}
#box-sanpham-moi .gioithieu-content a.bt{ color:#fff}
/* lien he */
.text_ten_comp{ color:#408f0b; font-size:16px; line-height:20px; font-weight:bold; text-align:center; margin-bottom:10px; text-transform:capitalize}
#box-sanpham-moi .line-light{ padding:2px; margin-bottom:3px}
#box-sanpham-moi .line-dark{ background:#f6f6f6; padding:2px; margin-bottom:3px}

#box-sanpham-moi .req-nhu-cau{ width:200px; float:left; overflow:hidden; text-align:right; margin-right:5px; color:#696969;}
#box-sanpham-moi .req-nhu-cau-content{ width:290px; float:right; overflow:hidden; text-align:left;}


/*tin tuc */
.img-tin{ width:139px; float:left;}
#box-sanpham .box-tintuc{ width:506px; border-bottom:#9d9e9c dotted 1px; padding-bottom:5px; margin-bottom:10px; overflow:hidden}
#box-sanpham .box-tintuc p{ text-align:justify; font-weight:normal; padding:0; margin:0; font-size:12px; padding-bottom:10px}

#box-sanpham ol{ margin:0px 10px 10px 35px}
#box-sanpham ul{ margin:0px 10px 10px 20px}
#box-sanpham li{ margin-bottom:5px}
#box-sanpham li a{ color:#000}
#box-sanpham li a:hover{ color:#ab0101}

#box-sanpham .title-tin{ color:#1062c6; font-weight:bold; border-bottom:#1062c6 dotted 1px; list-style-type:circle; margin-bottom:0}
#box-sanpham .title-tin ul{ margin-bottom:0}
#box-sanpham .title-tin li{ margin-bottom:3px; font-size:12px}

#box-sanpham .box-tin-body{ text-align:justify; margin:0; padding:0;}
#box-sanpham .box-tin-body p{ text-align:justify; font-weight:normal; font-size:12px}

#box-sanpham .box-tin-body img{ border:#efefef 2px solid; display:block; margin:auto}
#box-sanpham .ten-tac-gia { text-align:right; font-style:italic; margin:10px 0}

/* phân trang */
.box-phantrang table{ margin:10px auto;}

.box-phantrang a{ padding:2px; color:#000}
.box-phantrang a:hover{ background:#000; padding:2px; color:#fff}
.box-phantrang a.active{ background:#000; padding:2px; color:#fff; cursor:default}

/* san pham */

#box-sanpham .sanpham-detail{ width:345px; float:right; overflow:hidden}
#box-sanpham .sanpham-detail p{ text-align:left; font-size:12px; font-weight:normal; padding:0}

#box-sanpham .sanpham-detail .line-light{ padding:2px; margin-bottom:3px; overflow:hidden}
#box-sanpham .sanpham-detail .line-dark{ background:#f6f6f6; padding:2px; margin-bottom:3px; overflow:hidden}

#box-sanpham .sanpham-detail .req-nhu-cau{ width:90px; float:left; overflow:hidden; text-align:right; margin-right:5px; color:#696969;}
#box-sanpham .sanpham-detail .req-nhu-cau-content{ width:240px; float:right; overflow:hidden; text-align:left;}