body {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
     width: 100%; 
	
	}

* {
    margin: 0;
    padding: 0;
}
a{text-decoration: none;}
.clear {clear: both;}
/******************************* head ************************************/
.head{width: 100%;height: 137px; background: url(../img/bg-head.png)repeat-x;}
.head-center{width: 1250px; height: 137px;margin: auto;background: url(../img/bg-head.png)repeat-x;}
.logo{float: left;width: 175px; height: 137px;margin-right: 20px;}
.logo a img{float: left; width: 174px;height: auto;padding-top: 8px;}

.slogan{float: left;height: 50px; margin-top: 45px; width: 745px; margin-right: 15px;}
.slogan a{text-decoration: none;}
.slogan a h1{color: #303030; font-size: 28px; text-transform: uppercase; font-family: ari;
            line-height: 50px;}

.right-head{float: left; width: 295px;}
.fb-like{float: left; margin-top: 15px;}
.fb-like img{float: left;}
.lang{float: right;margin-top: 15px;}
.lang a img{float: left; margin-left: 5px;}

.search {float: right;clear:both; height: 30px;width: 258px;margin-top: 15px;margin-bottom: 5px;
                background: url(../img/search.png) no-repeat 0 0;
                }
.search form{height: 30px;}
.search input#key {border: none;height: 30px; width:220px;float: left;background: none;margin-left: 4px; 
                            color: #bdbcbc;font-style: italic;  font-size: 12px;}
.search input#searchbutton {float: left;background: none;border: none;height: 30px;  width: 32px;
                                cursor: pointer;position: relative;z-index: 8; } 


.hotline{float: right;width: 500px;height:30px;}
.hotline p{float: right;background: url(../img/phone.png)no-repeat;line-height: 30px; padding-left: 45px;
            font-size: 14px; font-weight: bold; font-style: italic;}

.hotline p font{color: red;}

/****************************** menu ********************************************/
.menu{width: 100%; height: 50px; background: #2b2b2b;}
.menu ul.nav{width: 1000px;height: 58px; margin: auto;list-style: none;}
.menu ul.nav li{float: left;height: 58px; padding: 0px 18px;}
.menu ul.nav li a{text-decoration: none;}
.menu ul.nav li a h2{line-height: 52px;text-transform: uppercase;color: #ffffff; font-size: 15px;
        font-weight: 500; font-family: arial;}
.menu ul.nav li a:hover h2,.menu ul.nav li.current a h2{color: red;}
.menu ul li ul:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 34px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #cdcdcd transparent;
}



.menu ul.nav li ul{display:none;position:absolute;z-index:99999;list-style: none;border: 1px solid #cdcdcd;
	width:200px; margin-left: -15px;}
.menu ul.nav li:hover ul{display: block;}
.menu ul.nav li:hover ul{background:#fff;float:left;}
.menu ul.nav li ul li{background:#fff!important;width:200px;padding-left:0px;padding-right:0px;
	border-bottom:1px solid #ccc;
	height:35px!important
}
.menu ul.nav li ul li:hover{background: #cdcdcd;}
.menu ul.nav li li a h2{display:block;font-size:14px;text-transform: none; padding-left: 15px;
		color:#303030;height:35px!important;margin-left:0px;line-height: 35px;
        font-weight: normal; text-align: left;
		}
.menu ul.nav li.current li a h2{color: #303030;}
.menu ul.nav li li:hover a h2 {color:red!important; background: #cdcdcd;
	}



.bg-menu{height: 27px;width:100%; background: url(../img/bg-menu.png)repeat-x;}

/************************************ slide ***********************************/
#slide{width: 1250px; margin: auto;}
/******************************** danh mục sản phẩm **********************/
#main{width: 1250px;margin: auto;margin-top:5px; background: #fff;}
.title1{width: 100%;height: 40px; border-bottom:1px solid #303030; margin-top: 10px;}
.title1 p{float: left;font-size: 14px;text-transform: uppercase; font-family: myriad pro; 
        line-height: 40px; font-weight: 500;}

.slidingbox{width: 1290px;margin-left: -20px; background: #fff;}
.slidingbox .box-boxgrid-container {
  float: left;
  width: 282px;
  background: #fff;
  margin: 15px 20px;
}
.slidingbox .boxgrid {
  height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slidingbox .boxgrid img {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%; height: 100%;
}
.slidingbox .boxgrid img:hover{opacity: 0.7;}
.slidingbox .caption .boxcaption {
  top: 250px;
  left: 0;
}
.slidingbox .boxcaption {
  float: left;
  position: absolute;
  background: #000000;
  height: 150px;
  width: 100%;
  opacity: .8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.slidingbox .caption .boxcaption:hover{top:150px;}
.slidingbox h3 {
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  padding: 10px;
 font-weight: 500;font-family: ari; text-align: center;
} 
.slidingbox .boxgrid p {
  padding: 0 10px;
  color: #fff;
  font-size: 12px;line-height: 17px;
}

/************************ news-hot **********************/
.news-hot{width: 1260px;margin-left:-5px;}
.news-hot ul{float: left; list-style: none;}
.news-hot ul li{float: left;width: 242px;height: 170px;margin: 15px 5px; position: relative;}
.news-hot ul li a img{float: left; width: 100%; height:100%;}
.news-hot ul li a img:hover{opacity: 0.7;}
.box-h3{top: 120px; left: 0;
    float: left; position: absolute;width: 100%; height: 50px;background: #000000; opacity: 0.7;
       }
.box-h3 h3{font-size: 14px;color: #fff;font-family: arial; line-height: 18px; padding:8px 10px; font-weight: normal;
            text-align: center;}

.viewall{float: right;background: #666666; width: 85px; height: 25px; margin-top:5px;margin-right:5px;}
.viewall a{text-decoration: none;}
.viewall a h3{text-align: center;line-height: 28px; font-size:12px; text-transform: uppercase;
            color: #fff; font-family: myriad pro; font-weight: normal;}
.viewall:hover{color: red;background: #0d773d;}

/***************************** slide đối tác ***************************/
/*---------- Slide items ------------------*/
.main-bottom{ width: 1250px;margin: 0px auto;}
.header-block_option {
  margin-top: 10px;
}
.header-option_title {padding: 0;font-size: 14px;font-weight: bold;line-height: 14px;color: #333;
  border-bottom: 1px solid #333;
}
.header-option_title h3 {color: #333;font-size: 20px;padding: 18px 0px 14px 15px;text-align: center;display: inline-block;
  font-family: myriad pro;font-weight: 400;text-transform: uppercase;position: relative;
}
.btnnext {right: 40px;background: url(../img/icon-next-v1_dt.png) no-repeat;}
.btnprev {right: 10px;background: url(../img/icon-prev-v1_dt.png) no-repeat;}
.btn-tc {display: inline-block;width: 25px;height: 25px;position: absolute;top: 10px;}
.vach_top {width: 100%;height: 6px;display: block;position: relative;top: -6px;}
.doitac_ngang {width: 1250px;margin: 0px auto;position: relative;}
.doitac_ngang {background: #fff;}
.doitac_ngang ul li{list-style: none;}
.hinh_doi_tac2 {
  width: 125px;
  margin: 10px 8px;
  text-align: center;
  height: 90px;
  position: relative;
}
.hinh_doi_tac2 img {
  max-width: 125px;
  max-height: 90px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.hinh_doi_tac2 img:hover{opacity: 0.6;}
/**************************** footer ***************************/
.footer{width: 1250px; margin: auto;margin-top:25px; background: #fff;}
.top-footer{background: #000000;width: 100%; height: 40px;}
.email{float: left;width: 700px;}
.email p{float: left; font-size: 20px; font-family: initial; font-size: 20px; color: #fff; padding-left: 20px;
            line-height: 40px;}

.email form{float: left;height: 30px; padding-top:5px;padding-left:15px;}
.email form input.emailcuaban{float: left;height: 30px;line-height: 30px;border: none;font-size: 12px; padding-left: 5px;
            width: 175px; font-style: italic;}

.email form input[type=submit]{float: left;width: 30px; height: 30px; line-height: 30px;border: none; cursor: pointer;
            background: url(../img/ico1.png)no-repeat left;}

.mxh{float:left; width: 400px;height:40px;}
.mxh p{float: left; font-size: 20px; font-family: initial; font-size: 20px; color: #fff; padding-left: 20px;
            line-height: 40px;}

.mxh ul{float: left; list-style: none;height: 40px;padding-left:10px;}
.mxh ul li{float: left;height: 40px; line-height: 40px;padding-left:5px;}
.mxh ul li a img{padding-top:12px;}


.center-footer{width: 100%; margin-top:15px; }
.tab-footer{float: left;height: 250px; border: 1px solid #cdcdcd;}
.tab-f1{width: 360px; margin-right:25px; padding: 20px;}
.tab-f1 p.ttlh{font-size: 20px; font-family: ari; color: #303030;text-transform: uppercase; padding: 10px 0px;}
.tab-f1 p.address-f{font-size: 17px; color: #777777; font-family: -webkit-body; padding-left:40px;
        margin-top: 10px;margin-bottom:10px;
        background: url(../img/ico2.png)no-repeat;}
.tab-f1 p.phone-f{font-size: 17px;color: #303030; padding-left: 40px; font-weight: bold; font-family: serif;
        line-height: 26px;margin-top: 10px;margin-bottom:10px;
        background: url(../img/ico3.png)no-repeat;}
.tab-f1 p.email-f{font-size: 17px;color: #303030;padding-left: 40px;font-family: serif;font-family: serif;
        margin-top: 10px;margin-bottom:10px; line-height: 26px;
        background: url(../img/ico4.png)no-repeat;}

.tab-f2{width: 360px; margin-right:25px; padding: 20px;}
.tab-f2 ul{list-style: none; width: 100%;}
.tab-f2 ul li{float: left; padding-left: 55px; margin-top: 8px; margin-bottom:8px;}
.tab-f2 ul li.n1{background: url(../img/ico5.png)no-repeat;}
.tab-f2 ul li.n2{background: url(../img/ico6.png)no-repeat;}
.tab-f2 ul li.n3{background: url(../img/ico7.png)no-repeat;}
.tab-f2 ul li a{text-decoration: none;}
.tab-f2 ul li a h2{float: left;width: 100%; font-size: 20px; color: #000000; font-weight: normal;
        font-family:ari; margin-bottom:6px;}
.tab-f2 ul li p{font-family:ari ; font-size: 14px; color: #676262;}

.tab-f3{width: 353px; padding: 20px;}
.tab-f3 img, .tab-f3 iframe{ width: 100%;}

.bottom-footer{width: 100%;height: 40px;margin-top:15px; background: url(../img/bg-menu.png)repeat-x;}
.cen-bottom-f{width:1250px;margin: auto;}
p.text-footer{float: left;width:500px; font-size: 14px; color: #676262;line-height: 40px;}

.thongke{float: right;}
.thongke p{float: left;line-height: 40px;margin-left: 40px; padding-left:30px;}
.thongke p.online{background: url(../img/online.png)no-repeat left 0px top 8px;}
.thongke p.total{background: url(../img/total.png)no-repeat left 0px top 10px;}


/********************************* trang sản phẩm *****************************/
.left-main{float: left; width: 250px; margin-right: 35px;margin-top: 20px;margin-bottom: 40px;}
.khung-left{float: left;  width: 250px; }
.khung-left p{float: left; width: 100%; font-size: 18px; color: #303030;text-transform: uppercase;
            border-bottom: 1px solid #303030; text-align: center; line-height: 30px; 
            padding-bottom: 5px; font-family: ari;}
.khung-left ul{list-style: none; float: left; width: 100%;margin-top:10px;}
.khung-left ul li{float: left;border-bottom: 1px solid #cdcdcd; width: 210px; padding-left:40px; height: 38px;
            background: url(../img/ico9.png)no-repeat left 20px top 15px;}
.khung-left ul li a{text-decoration: none;}
.khung-left ul li a h2{font-size: 14px; color: #303030;font-weight: normal; line-height: 38px;
            font-family: arial; float: left;}

.khung-left ul li:hover,.khung-left ul li.current{background: url(../img/ico10.png)no-repeat left 20px top 15px;}
.khung-left ul li a:hover h2,.khung-left ul li.current a h2{color: red;}



.right-main{float: left; width: 965px;margin-top: 20px; margin-bottom: 20px;}
.shop-right{width: 100%; margin-left: 0px; float: left; margin-top:20px;}

.link-dh{float: left; width: 100%;height: 35px; border-bottom: 1px solid #303030;}
.link-dh a{float: left; color: #303030; text-decoration: none; line-height: 35px; padding-right: 5px;}
.link-dh a h2{float: left; font-size: 12px; color: #303030;}
.link-dh a:hover h2{color: red;}


/****************************** trang chi tiết tin ******************************************/
.news{width: 100%; padding-bottom: 20px;}
.title3 {width: 100%;background: url(../img/line2.png)no-repeat center bottom;}
.title3 h3 {text-align: center;line-height: 70px; }
.title3 h3 a {font-size: 29px;font-family: initial;color: #4f4c4c;font-weight: normal;text-transform: uppercase;
    }
.center3 {width: 1000px; margin: auto;padding-top: 20px;}
.center3 h1 {width: 700px;margin: auto; text-align: center; line-height: 40px; color: #333;
    text-transform: uppercase;
    font-family: -webkit-pictograph;
}
.center3 p.extract {font-size: 14px;color: #303030; font-weight: bold;font-family: arial;line-height: 20px;
}

/**************************** trang list tin *************************/
.center2 {width: 1250px;margin: auto;}
.center2 ul { width: 100%;list-style: none;}
.center2 ul li {float: left;width: 282px;margin: 20px 15px;}
.center2 ul li a img {float: left;width: 100%;height: 200px;}
.center2 ul li a img:hover{opacity: 0.7;}
.center2 ul li .ten {float: left; height: 205px; width: 280px; background: #fff; 
    border: 1px solid #cdcdcd;border-top: none;
}
.center2 ul li .ten a h3 { font-size: 14px;color: #4f4c4c; font-family: arial;line-height: 23px;text-transform: uppercase;
    float: left;padding: 15px 17px 10px 17px;
}
.center2 ul li .ten p.date { float: left; font-size: 12px; font-style: italic; padding-bottom: 5px;
    margin-top: -10px;
}
.center2 ul li .ten p { float: left; font-size: 14px; color: #4f4c4c;
    font-weight: normal;line-height: 21px; padding: 0px 17px 15px 17px;
}

/****************** phĂ¢n trang *****************************/

.page1{margin:0 auto;text-align:center;margin-top:20px;margin-bottom:20px;float: right;margin-right: 30%;}
.page1 ul{margin-top:10px;}
.page1 ul li{float: left;margin-right: 10px;list-style:none; border-bottom: none; width: 20px;}
.page1 ul li.end{width: 80px;}
.page1 ul li.end:hover a,.page1 ul li a:hover{color: rgb(46, 133, 59);}
.page1 ul li,.page1 ul li a{color:#303030;font-size:14px;text-decoration:none;}
.page1 ul li.current a,.page1 ul li a.current{
    color: #fff;padding:1px 6px;border-radius: 4px ;background:rgb(46, 133, 59);
    text-decoration:none;
}

/******************** TRANG liên hệ *********************/
#lien_he .dia-chi{width: 700px;margin: auto;font-size: 14px;font-family: arial;
    margin-top: 30px;}
#lien_he form {width: 700px;margin: auto; margin-top: 30px;margin-bottom: 20px;}
#lien_he form label {display: block;float: left;font-size: 15px;line-height: 18px;font-family: menu1;
    margin-right: 5px;text-align: left;width: 150px;color: #303030;font-weight: bold;;
}
#lien_he form input[type="text"], #lien_he form select, #lien_he form textarea {
    border: 1px solid #CCCCCC;float: left;
    margin-bottom: 10px;width: 400px;height: 25px;
}
#lien_he form span {color: #FF5555;float: left;font-weight: bold;line-height: 18px;margin-left: 2px;width: 12px;
}
#lien_he form textarea {height: 150px;margin-top: 10px;}

#lien_he form ul {border: none!important;}
#lien_he form ul li {background: none!important;width: 500px;height: 40px!important;border: none;list-style: none;
}
#lien_he form ul li p {
    background: url("../img/bg-p.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;font-size: 14px;font-weight: bold;height: 26px;line-height: 26px;margin-right: 5px;
    text-align: center;width: 103px;
}
#sent-info {background-color: #2E853B;border: medium none;border-radius: 3px;
    box-shadow: 0 1px 1px 0 #ccc;color: #fff;cursor: pointer;float: left;font-weight: bold;
    height: 27px;margin-bottom: 40px;margin-left: 250px;margin-top: 30px;width: 90px;
}
#reset {border: medium none;cursor: pointer;float: left;height: 27px;margin-bottom: 40px;
    margin-left: 10px;width: 90px;background-color: #2E853B;color: #fff;font-weight: bold;
    border-radius: 3px;box-shadow: 0px 1px 1px 0px #ccc;margin-top: 30px;
}

.title4{width: 100%;height: 40px; }
.title4 p{float: left;font-size: 18px;text-transform: uppercase; font-family: myriad pro;
    line-height: 40px; font-weight: 500;}

@media(max-width:1000px){
    .bg-menu{width:1250px;}
    .title3{width:1250px;}
    .center3{width:1210px;padding:20px 20px;}
    
    .slidingbox{width: 1250px;margin-left: 0px;}
    .slidingbox .box-boxgrid-container{margin: 15px 15px;}
    
    .news-hot {width: 1250px;margin-left:0px;}
    .news-hot ul li{width: 240px;}
    .bottom-footer{width:1250px;}
}