﻿@charset "utf-8";
/* CSS Body */
* {margin:0; padding:0;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	line-height:24px;
	color:#595959;
	text-align:center;
	background: url(../images/bg.jpg) no-repeat top center;
}
table{width: 100%;}
table, th, td{font-size: 100%;}
table {border-collapse:collapse;border-spacing:0;}
td{vertical-align: top;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span,font,strong {
margin:0;
padding:0;
}
h1 {font-size:20px; color:#595959;}
h2 {font-size:13px; color:#fff;}
h3 {font-size:12px; color:#595959;}
p {font-size:12px; color:#595959;}
ul, li { list-style:none;}
a{color:#595959; text-decoration:none;}
a:hover {color:#005dbd; text-decoration:none;}
img { border: 0 none;}
.top { margin-top:15px;}
.bottom { margin-bottom:10px;}
.left{ float:left;}
.right{ float: right;}
.alignl{ text-align:left;}
.alignr{ text-align: right;}
.alignj {text-align:justify;}
.imgleft{float: left;}
.imgright{float: right;}
.green { color:#7ec622;}
.day { font-size:11px; text-align:left; line-height:21px;color:#a4a4a4; font-style: normal; font-weight:normal;}
.clear {clear: both;}

#container {width:100%; margin: 0 auto;}
#main {width:990px; margin: 0 auto;}
#main_in {width:990px; float:left;}
/* header */
#header{width:990px; float:left;}
.banner{width:100%; float:left; background:url(../images/bg_banner.png); height:106px;}
.logo {width:220px; float:left; margin-top:15px;}
.logo img{width:220px; height:95px;}
.navigation { width:655px; float:right; margin-top:6px;}
.top_bar { width:100%; float: left;}
.nav_top { width:150px; float: right; margin-bottom:7px;}
.nav_top ul { margin:0; padding:0;}
.nav_top ul li{ float: right;font-size:11px; color:#3d3d3d; padding-left:15px; line-height:18px;color:#fff;}
.nav_top ul li a{color:#fff;}
.nav_top ul li a:hover{color:#fff; text-decoration:underline;}
.search{ width:270px; float:right; margin-bottom:12px;}
.text_field {background: url(../images/bg_text_search.png); width:215px; height:23px; float:left;}
.txt_search{ margin-top:2px;width:210px; height:20px; border: 0 none; background: none; color:#fff; font-size:11px; line-height:20px;}
.go {width:45px; height:25px; float:right;}

.nav{ width:645px; float: left; position:relative;}
#menu { width:645px; float:left;height:38px;}
ul.menu {list-style:none; padding:0; margin:0;}
ul.menu a {display:block; text-decoration:none;}
ul.menu li {position:relative;  z-index:6666; float:left; line-height:38px; font-size:12px; text-transform:uppercase; font-weight:normal;}
ul.menu li a.mt_it { color:#fff;font-weight:bold;text-align: center;padding: 0px 17px;display:block;}
ul.menu li a.mt_it:focus{color:#fff; font-size: 100%; font-weight:bold; text-transform:uppercase;background: url(../images/arrow_up.png) no-repeat center bottom;}
ul.menu li a.mt_it span{}
ul.menu li a.mt_it:hover {color:#fff; font-size: 100%; font-weight:bold; text-transform:uppercase;background: url(../images/arrow_up.png) no-repeat center bottom;}
ul.menu li a.mt_it:hover span{}
ul.menu li a.select {padding: 0px 17px;color:#fff; font-size: 100%;font-weight:bold; text-transform:uppercase;background: url(../images/arrow_up.png) no-repeat center bottom; display:block; border-top-left-radius:3px; -moz-border-top-left-radius:3px;}
ul.menu li a.select:hover{color:#fff; font-size: 100%; font-weight:bold; text-transform:uppercase;background: url(../images/arrow_up.png) no-repeat center bottom;}
ul.menu li a.select:focus{color:#fff; font-size: 100%; font-weight:bold; text-transform:uppercase;background: url(../images/arrow_up.png) no-repeat center bottom;}
ul.menu li a.menuhover span{}
ul.menu li a.menuhover {color:#fff; display:block;background: url(../images/arrow_up.png) no-repeat center bottom;}
ul.menu ul {position:absolute; top:38px; left:0; background:#005dbd; width:200px; display:none; opacity:0.84; list-style:none; z-index:6666;border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;}
ul.menu ul li {position:relative; border:none; width:200px; margin:0;line-height:28px; font-size:12px; z-index:6666; border-top:1px solid #a2c4e7; text-transform:none;}
ul.menu ul li.sub_it a {display:block; padding:0px 5px;font-weight:bold; font-weight:normal; text-align:left; color:#fff;}
ul.menu ul li.sub_it a span{ padding:0px; font-weight:bold;}
ul.menu ul li.sub_it a:hover {color:#fff;text-decoration: none; background:#1077e1;}
ul.menu ul li.sub_it a:hover span{ background:none;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* home */
#home {width:990px; float:left; background:#fff; border-radius:5px;-moz-border-radius:5px;}
.home_in{width:982px; margin:4px; float:left;}
.box_slide{ width:100%;float:left;}
.border_box{ width:100%;float:left;}

.box_partner{ margin-top:1px; width:100%;float:left; background:url(../images/bg_partner.jpg); height:160px;border-top-left-radius:5px;-moz-border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-top-right-radius:5px; margin-bottom:20px;}
.box_partner_in { width:952px; margin:15px; float:left;}
.title_partner{width:100%; float:left; background:url(../images/title_partner.png); height:30px; margin-bottom:15px;}
.icon_xemthem {width:6px; height:5px; margin-right:3px;}
.title_partner p {color:#bab3b3; font-size:11px;}
.title_partner h2 {color:#005dbd; font-size:13px; font-weight:normal; float:left; padding-left:32px; line-height:35px;}
.partner {width:295px; float:left; margin-right:22px;}
.title_tin_noibat {text-align:justify; line-height:16px; padding-bottom:4px;}
a.link_title_tintuc { color:#333333;}
a.link_title_tintuc:hover { color:#005dbd;}
.img_tintuc {width:82px; height:82px; float:left; box-shadow: 0px 0px 7px #bfbfbf; margin: 3px 10px 0px 0px;}
.about_tintuc { line-height:16px; font-size:12px; color:#5a5959; font-weight:normal; font-style:normal; text-align:justify;}
.icon_chitiet {width:8px; height:7px; margin-right:3px;}
a.readmore { color:#005dbd; line-height:24px;}
a.readmore:hover { color:#005dbd;}

.box_content{width:100%; float:left;}
.content_left{width:228px; float:left;}
.sidebar{width:100%; float:left; margin-bottom:7px;}
.title_nav_left{width:100%; float:left;border-top-left-radius:5px;-moz-border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-top-right-radius:5px;height:48px;background:url(../images/top_nav_left.png);}
.icon_title_dichvu{ width:17px; height:17px; float:left; margin:12px 15px 0px 10px;}
.title_nav_left h2 { line-height:40px;}
.v_nav_left{width:100%; float:left;background:url(../images/center_nav_left.png);}
.nav_left{width:208px; float:left;margin:0px 10px;border-bottom: 1px dashed #fff; display:block; background: 0 none;}
.icon_nav_left {width:8px;float:left; padding:12px 0px 0px 5px;}
.icon_nav_left img {width:100%; height:7px;}
.name_nav_left{width:185px;float: right;}
.name_nav_left li { line-height:18px; text-align:left; color:#fff; font-weight:bold; font-size:12px; text-transform: none; padding:7px 0px; }
.name_nav_left li a {color:#fff;}
.name_nav_left li a:hover {color:#fff;}
.nav_left:hover {display:block; background:#3cb9f1; text-decoration:none;}
.bottom_nav_left {width:100%; float:left;}
.bottom_nav_left img{width:100%; height:7px;border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;}

.box_tintuc{width:100%; float:left;}
.title_top_tintuc{width:100%; float:left;background:url(../images/bg_top_tintuc.jpg); height:26px;}
.title_top_tintuc h2 { color:#005dbd; font-size:14px; font-weight: bold; text-align:left; line-height:32px; padding-left:7px;}
.tintuc{width:100%; float:left; background:url(../images/bg_center_tintuc.jpg);}
.tintuc_home{width:100%; float:left; border-bottom: 1px dotted #e5e5e5; margin-top:15px;}
.title_tintuc_home {text-align:justify; line-height:16px; padding:0px 7px 4px 7px;}
a.link_title_tintuc_home { color:#333333;}
a.link_title_tintuc_home:hover { color:#005dbd;}
.img_tintuc_home {width:75px; height:50px; float:left;margin: 3px 10px 0px 7px;}
.about_tintuc_home { line-height:16px; font-size:12px; color:#5a5959; font-weight:normal; font-style:normal; text-align:justify; padding-right:7px; padding-left:6px;}
.icon_chitiet {width:8px; height:7px; margin-right:3px;}
a.link_chitiet { color:#005dbd; float: right; line-height:24px; padding:5px 7px 0px 0px;}
a.link_chitiet:hover { color:#005dbd;}
.view_all{width:100%; float:left;}
.view_all li{ text-align:right; font-size:11px; font-style:normal; font-weight:bold; color:#5c9c01; padding:7px 5px 0px 0px; line-height:14px;}
.view_all li a{color:#5c9c01;}
.view_all li a:hover{color:#5c9c01;}
.title_bottom_tintuc{width:100%; float:left;}
.title_bottom_tintuc img{width:100%; height:8px;}

.content_right{width:740px; float: right;}
.slide_sanpham{width:738px; float:left; border-radius:5px; -moz-border-radius:5px; border:1px solid #eaeae9; margin-bottom:10px;}
.title_slide_sanpham {width:100%; float:left; position:relative; height:30px;}
.title_slide_sanpham img{width:150px; height:27px; position:absolute; top:-13px; left:25px;}

.box_new_support{width:100%; float:left;}
.box_new { width:490px; float:left;}
.title_tincongnghe{width:100%; float:left; margin-bottom:5px;}
.title_tincongnghe h2 {color:#0891d7; float:left; padding-left:10px; line-height:35px; font-size:12px; font-weight: bold; font-style:normal;}
.icon_title_tincongnghe{width:33px; height:28px; float:left;}
.tin_congnghe{width:100%; float:left; margin-top:2px;}
.title_tin_congnghe {text-align:justify; line-height:16px; padding:0px 7px 0px 7px;}
a.link_name_tin_congnghe { color:#5b5b5b;}
a.link_name_tin_congnghe:hover { color:#005dbd;}
.img_tin_congnghe {width:144px; height:84px; float:left;margin:3px;}
.imgborder { width:150px; height:90px; border:1px solid #eaeae9; float:left; margin-right:15px;}
.about_tin_congnghe { line-height:20px; font-size:12px; color:#646464; font-weight:normal; font-style:normal; text-align:justify; padding-right:7px;}
.icon_chitiet {width:8px; height:7px; margin-right:3px;}
a.more_link { color:#219ad1; text-align:left; line-height:24px; padding-left:7px;}
a.more_link:hover { color:#219ad1;}
.line_tin_congnghe {width:100%; float:left; border-bottom: 1px dotted #787878; height:1px; margin-top:20px;}

.box_support { width:240px; float: right; background:#fff; border:1px solid #eaeae9; border-radius:5px;-moz-border-radius:5px;}
.title_support{width:210px; float:left; margin-bottom:30px;background:url(../images/title_support.png); height:25px;margin-top:-1px; margin-left:15px;}
.title_support h2 { color:#0891d7; text-align:left; padding-left:40px; line-height:25px; font-size:13px; font-weight:normal; font-style:normal;}
.support { width:215px; margin:0px 15px; float:left;border-bottom: 1px dotted #787878; margin-bottom:15px;}
.user_support{width:50px; float:left; margin-bottom:15px;}
.name_support { color:#5c9c01;}
.info_user{width:150px; float: right; margin-bottom:15px;}
.icon_support { border:1px solid #eaeae9; margin-right:5px; width:30px; height:20px;}
.office{ width:215px; margin:0px 15px 10px 15px; float:left;}
.office p{ font-size:12px; line-height:20px; text-align:justify; color:#5b5b5b;}

/* footer */
#footer {width:980px; margin:10px 5px 0px 5px; float:left; background:url(../images/bg_footer.jpg); height:150px;}
.add_footer { width:100%; float:left; margin:15px 0px;}
.link_footer { width:540px; float:left;}
.tab_link{ width:250px; float:left; margin-left:20px;}
.name_link{ width:100%; float:left;}
.name_link li a{color:#005dbd; float:left;}
.name_link li a:hover { color:#005dbd; text-decoration:underline;}
.icon_link { width:4px; height:4px; float:left; margin:7px 10px 0px 0px;}
.add_cty { width:420px; float: right;}
.add_cty li { text-align:left; line-height:20px; font-size:12px; font-style:normal; font-weight: normal; color:#1a8fc4;}
.add_cty li a{color:#1a8fc4; font-weight:bold;}
.add_cty li a:hover{color:#1a8fc4;}

/* Trang sản phẩm*/
.box_banner{width:100%; float:left; margin-bottom:5px;}
.box_banner{width:100%; height:194px; border-radius:5px;-moz-border-radius:5px;}
.box_sanpham { width:100%; float: right;}
.title_box_sanpham{ width:100%; float:left;}
.sanpham { width:100%; float:left;}
.title_box_sanpham{ width:100%; float:left; margin-bottom:15px;}
.icon_tab_link { width:23px;float:left; margin:0px 10px;}
.icon_tab_link img{ width:100%; height:23px;}
.name_tab_link {width:695px; float:right;}
.name_tab_link h2{ color:#0090d0; text-align:left; line-height:16px; padding-top:5px; }
.fb {width:100%; float:left;}
.fb img{width:226px; border: 1px solid #eaeae9; border-radius:5px;-moz-border-radius:5px;}

.paginationstyle{width: 100%;text-align:center;margin: 10px 0px 0px 0px;}
.paginationstyle select{border: 1px solid navy;}
.paginationstyle a{padding: 3px 10px;line-height:30px;text-decoration: none;border: 1px solid #cccccc;color: #0f75bc;background-color: #f4f4f4;}
.paginationstyle a:hover, .paginationstyle a.selected{color: #0f75bc;background-color: #e9e9e9;}
.paginationstyle a.disabled, .paginationstyle a.disabled:hover{background-color: #f4f4f4;border: 1px solid #cccccc;cursor: default;color: #0f75bc;}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{color: #ff0000;background-color:#fff;font-weight:normal;}

/* Chi tiết sản phẩm */
.box_detail_sanpham{width:730px; float: right;}
.detail_sanpham {width:100%; float:left;}
.images_detail_sp {width:350px; float:left;}
.images_detail_sp img{width:350px;height:200px;}
.info_detail_sp{width:365px; float: right;}
.name_detail_sp{ text-align:justify; line-height:20px; font-size:13px; color:#0090d0; padding-bottom:7px;}
.noidung_sanpham { text-align:justify; line-height:22px; font-size:12px;}
.img_share{ float:left; margin:7px 0px;}
.red { color:#ff0000;}
a.link_giohang { color:#617805; font-weight:bold;}
a.link_giohang:hover { color:#617805; text-decoration:underline;}

.comment{width:100%; float:left; margin-top:10px;}
.tin_ykien{width:100%; float:left;}
.title_tin_ykien{width:100%; float:left; margin-bottom:10px;}
.title_tin_ykien h2 { color:#0090d0; text-align:left;line-height:35px; padding-top:5px;}
.gopy{width:100%; float:left;border-bottom: 1px dashed #eaeae9; margin-bottom:10px; }
.tieude_ykien {color:#617805; text-align:left; line-height:20px;font-size:13px;}
.noidung_ykien{color:#505050; text-align: justify; line-height:18px;font-size:12px; margin-bottom:10px;}
.title_comment{width:100%; float:left; margin-bottom:10px; margin-top:10px;}
.icon_comment { width:40px; height:40px; float:left; margin-right:5px;}
.title_comment h2{ color:#0090d0; text-align:left; line-height:35px; padding-top:5px; }
.form_comment { width:520px; float:left;}
.name_ykien {float:left;margin-bottom:2px;width:100%;}	
.table_ykien {float: left; width:100%;}	
.textfield_ykien {width:350px; height:20px;background:#fff;border:2px solid #eaeae9; padding:0px 5px; float:left; color:#5a5959;}	
.textarea_ykien {width:500px;float:left;}	
.noidung_ykien {float:left;width:100%;}	
.txt_noidung_ykien{float: left;width:100%; height:120px;background:#fff;border:2px solid #eaeae9; padding:0px 5px;color:#5a5959;}	
.send_ykien {width:100%;float: left; margin-bottom:5px;}
.guidi {float:left; margin-right:5px;}
.reset {float:left;}

/* Trang tin tức */
.page_tintuc {width:730px; float: right;}
.all_tinsukien{width:100%; float:left; }
.tintuc_sukien{width:100%; float:left; margin-bottom:20px; border-bottom:1px dotted #acacac;}
.title_tintuc_sukien {text-align:justify; line-height:16px; padding:0px 7px 0px 7px;}
a.link_name_tintuc_sukien { color:#0090d0;}
a.link_name_tintuc_sukien:hover { color:#0090d0;}
.img_tintuc_sukien {width:180px; height:114px; float:left;margin:3px;}
.border_img_tintuc { width:186px; height:120px; border:1px solid #eaeae9; float:left; margin:0px 15px 20px 0px;}
.about_tin_congnghe { line-height:20px; font-size:12px; color:#646464; font-weight:normal; font-style:normal; text-align:justify; padding-right:7px;}
.icon_chitiet {width:8px; height:7px; margin-right:3px;}
a.more_link { color:#219ad1; text-align:left; line-height:24px; padding-left:7px; padding-bottom:20px;}
a.more_link:hover { color:#219ad1;}

.box_tinkhac { width:100%; float:left;}
.title_tinkhac { width:100%; float:left;border-bottom:1px dashed #878787;}
.title_tinkhac h2{ color:#000; text-align:left;}
.noidung_tinkhac {width:100%;float:left; margin-top:5px; }	
.tinkhac{width:100%;float:left;}
.icon_tinkhac {width:8px;float:left;margin-top:6px;}
.icon_tinkhac img {width:8px;height:7px;}
.name_tinkhac {width:710px;float:right;}
.name_tinkhac li { text-align:left; color:#0f75bc; line-height:20px;}
.name_tinkhac li a {color:#0f75bc;}
.name_tinkhac li a:hover {color:#0f75bc; text-decoration:underline;}

.img_detail { width:230px; height:170px; margin-right:7px; float:left; border:1px solid #eaeae9;}
/* Trang liên hệ*/
.contact{width:730px;float: right;}
.add_company{width:390px; float: left;}
.address {width:100%; float:left; margin-bottom:7px;}
.icon_add {width:15px; float:left; margin-top:3px;}
.icon_add img{width:100%;}
.name_add {width:365px; float:right;}
.name_add li{ text-align:left; line-height:18px; font-size:12px; font-style:normal; font-weight:normal;}
.name_add li a{color:#049ee2; font-weight:bold;}
.name_add li a:hover{color:#049ee2; text-decoration:underline;}
.maps{width:730px; float:left;}
.infoMap {padding: 0 0 25px;}
.map-bar {background: none repeat scroll 0 0 #ededed;border-radius: 4px 4px 0 0;display: inline-block;padding: 0 10px;width: 120px; margin-right:590px;}
.map-bar span {background: url(../images/icon-map.png) no-repeat scroll right center transparent;color: #919191;cursor: pointer;display: block;font-size: 16px;
line-height: 30px;text-transform: uppercase;text-align:left; padding-left:5px;}
.map-show {display: none;margin-top: 1px;}

.form_contact {width:315px; float:right; margin-right:5px;}
.info_contact {float:left;margin-bottom:5px;width:100%;}	
.table_contact {float: left; width:100%;}	
.textfield_contact {width:300px; height:20px;background:#fff;border:1px solid #eaeae9; padding:0px 5px; float:left; color:#5a5959; border-radius:4px;-moz-border-radius:4px;}	
.textarea_contact {width:300px;float:left;}	
.noidung_contact {float:left;width:100%;}	
.txt_noidung_contact{float: left;width:100%; height:100px;background:#fff;border:1px solid #eaeae9; padding:0px 5px;color:#5a5959;border-radius:4px;-moz-border-radius:4px;}	
.send_contact {width:100%;float: left; margin-bottom:5px; margin-top:5px;}
.button{background:#049ee2; color:#fff; border: 0 none;float:left; padding:3px;border-radius:4px;-moz-border-radius:4px;}
