@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'UTMAvoBold';
    src: url('../fonts/utm_avobold-webfont.eot');
    src: url('../fonts/utm_avobold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_avobold-webfont.woff') format('woff'),
         url('../fonts/utm_avobold-webfont.ttf') format('truetype'),
         url('../fonts/utm_avobold-webfont.svg#utm_avobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'UTMBebas';
    src: url('../fonts/utm_bebas-webfont.eot');
    src: url('../fonts/utm_bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_bebas-webfont.woff') format('woff'),
         url('../fonts/utm_bebas-webfont.ttf') format('truetype'),
         url('../fonts/utm_bebas-webfont.svg#utm_bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'utm_futura_extraextra_bold';
    src: url('../fonts/utmfuturaextra-webfont.eot');
    src: url('../fonts/utmfuturaextra-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utmfuturaextra-webfont.woff') format('woff'),
         url('../fonts/utmfuturaextra-webfont.ttf') format('truetype'),
         url('../fonts/utmfuturaextra-webfont.svg#utm_futura_extraextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

a{text-decoration:none;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.font-red{color:#ff0000;}
.datroi{color:#0263b4;}
.noborder{border:none !important;}
.hidden{display:none;}
.nobg{
	background:none !important;
}
.mar-top-20{
	margin:20px 0 0 0;
}
body{
	background:#efefef url(../images/body_bg.jpg) no-repeat top center;
	color:#272727;
	font-family:helvetica, clean, sans-serif;
}
.page{
	margin:auto;
}
a{
	color:#1c1c1c;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
#wrap{
	width: 1200px;
	position: relative;
	margin: auto;
	margin-bottom: -25px;
	z-index: 1;
	border-radius: 0px 0px 10px 0px;
}

#header{
	height: 180px;
	width: 100%;
}

h1.title_web{
	text-indent:-99999px;
	width:0px;
	height:0px;
	overflow:hidden;
}

img#banner{
	width:1200px;
	height:180px;
}

.lang_con{
	position: absolute;
	right: 5px;
	top: 5px;
}

.lang, .cart_con{
	height:40px;
	line-height:40px;
}

.lang{
	float: left;
	padding: 0 15px 0 0;
	border-right: 1px solid #CCC;
}

.cart_con{
	background: url(../images/cart_icon.png) no-repeat left center;
	padding: 0 0 0 30px;
	float: right;
}

.cart_con>a{
	font-size:12px;
	text-transform:uppercase;
}

.cart_con>a:hover{
	text-decoration:underline;
	color:red;
}


span>a#flag_vi{
}

span>a#flag_en{
	margin: 0 0 0 8px;
}

#logo{
	background:url(../images/logo_bg.png) no-repeat center;
	width:328px;
	height:120px;
	position:absolute;
	top:-50px;
	left:0px;
	z-index:10000;
}

#logo img{
	width:321px;
	height:113px;
}

/*------------MENU----------*/

#menu{
	height: 46px;
	width: 100%;
	position:relative;
	background:url(../images/menu_bg.png) no-repeat center;
}

ul#nav{
	height: 46px;
	width: 100%;
	position:relative;
}


ul#nav  > li{
	height: 46px;
	line-height: 46px;
	float:left;
	text-align: center;
	background:url(../images/vach_menu.png) no-repeat right top;
}


ul#nav > li>a{
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	height: 46px;
	line-height: 46px;
	padding: 0 20px !important;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}

ul#nav > li:hover >a{
	color:#FF0;
}

.active_menu>a{
	color:#FF0 !important;
}

#search_frm{
	background: url(../images/search_bg.png) no-repeat center center !important;
	width: 248px !important;
	height: 53px !important;
	position: absolute !important;
	right: 20px;
	top: 5px;
	z-index: 1000;
}

input#search_input{
	border: none;
	position: absolute;
	top: 7px;
	left: 10px;
	height: 24px;
	line-height: 24px;
	outline: none;
	width: 170px;
	background: none;
	color: #666161;
}

input#btnSearch{
	border: none;
	right: 1px;
	top: 2px;
	cursor: pointer;
	position: absolute;
	height: 35px;
	width: 40px;
	text-indent: -99999px;
	z-index: 1000;
	background: none;
}
/*-------------SLDIER----------*/
.thanhdoc{
	width:1234px;
	height:46px;
	background:url(../images/slide_bottom.png) no-repeat center;
	position:absolute;
	bottom:0px;
	left:-17px;
	z-index:1000;
}

.thanhdoc>div{
	margin: 22px 0 0 65px;
	font-weight: bold;
	color: #FFF;	
}

#slider{
	width: 1200px;
	height: 350px;
	margin: auto;
	position: relative;
}
.bong-slider{
	background: url(../images/bong_slide.png) no-repeat center;
	position: absolute;
	width: 980px;
	height: 22px;
	bottom: -22px;
	left: 0px;
}

#container{
}

#content-left{
	width: 246px;
	float: left;
	margin: 20px 10px 10px 10px;
}

.cate-pro{
	position: relative;
}

.bong-cate{
	background:url(../images/bong_cate.png) no-repeat center center;
	width:200px;
	height:5px;
}

h2.title-menu{
	background: url(../images/title_left_bg.png) no-repeat center center;
	height: 34px;
	line-height: 34px;
	text-transform: uppercase;
	font-size: 12px;
	width: 236px;
	color: #FFFFFF;
	text-indent: 20px;
	font-weight: bold;
}

/*--------MENU SO CAP-----------*/

ul.cateUl{
	padding: 10px 0 0 0;
	width: 236px;
}

ul.cateUl > li{
	display: block;
	position:relative;
}
ul.cateUl > li > a{
	font-size: 12px;
	display: block;
	height: 36px;
	line-height: 35px;
	text-indent: 15px;
	color: #077FED;
	font-weight: bold;
	background:url(../images/li_left_bg.png) no-repeat left bottom;
}

ul.cateUl > li> a:hover{
	color: #FF5200;
}

ul.cateUl>li>ul{
	padding:0px;
}

ul.cateUl>li>ul>li{
	display: block;
	position:relative;
}

ul.cateUl>li>ul>li>a{
	font-size: 12px;
	display: block;
	height: 31px;
	line-height: 30px;
	text-indent: 30px;
	color: #FF8500;
	font-weight: bold;
}

ul.cateUl>li>ul>li>a:hover{
	text-decoration:underline;
}

ul.cateUl>li>ul>li>ul>li{
	display: block;
}

ul.cateUl>li>ul>li>ul>li>a{
	font-size: 14px;
	background: url(../images/li_left_bg_2.png) no-repeat bottom center;
	display: block;
	height: 35px;
	line-height: 35px;
	text-indent: 50px;
}

ul.cateUl>li>ul>li>ul>li>a:hover{
	color:#FFF500 !important;
}

#main_index{
	float: left;
	width: 100%;
}

#main{
	float: left;
	width: 925px;
	margin-top: 20px;
}

.bong_content{
	background:url(../images/bong_content.png) no-repeat top center;
	height:51px;
}
.block_content{
}

.block_content1{
	padding: 17px 9px 0px 9px;
}

.title_index{
	height: 34px;
	position: relative;
	margin: 0 0 10px 0;
}

h2.title-pro-new{
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: url(../images/title_content_bg.png) no-repeat left center;
	color: #FFF;
	font-size: 12px;
	text-transform:uppercase;
	text-indent: 25px;
	font-weight: bold;
}
a.viewall_btn{
	display: block;
	background: url(../images/view_btn.png) no-repeat center;
	width: 79px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	font-weight: bold;
	text-indent: 15px;
	font-size: 11px;
	position: absolute;
	right: 0px;
	top: 20px;
}

div.show-pro_1{
}

div.show-pro{
}

div.show-pro img{
	max-width:730px !important;
}

div.pro{
	width: 215px;
	float: left;
	text-align: center;
	margin: 0 8px 25px 8px;
}

div.pro .block_img{
	position: relative;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

div.pro .block_img:hover{
	box-shadow: 0px 0px 10px #999;
}

.bong_sp{
}

div.pro .block_img > a > img{
    width: 215px;
    height: 170px;
	background: #FFF;
	border: solid 1px #dadada;
}

.info_pro{
	background:#2fa90b;
	text-align:left;
	color:#FFF;
	position:relative;
	padding: 0 5px 10px 5px;	
}

div.pro  .pro-name{
	padding: 14px 0 0px 0;
	overflow: hidden;
}

div.pro  .pro-name a{
	font-size: 12px;
	color: #6B6B6B;
}

div.pro  .pro-name a:hover{
	text-decoration:underline;
	color:#eb0e15;
}

div.pro  .pro-price{
	padding: 4px 0 0 0;
	font-size: 12px;
	color: #6B6B6B;
}

div.pro  .pro-price span{
	color:#F00;
	font-weight:bold;
}

.pro-detail-index{
	position: relative;
	height:30px;
	width:100%;
	margin:8px 0 0px 0;
	text-align:center;
}

a.btn-detail{
	display:block;
	margin:auto;
	border: 1px solid #7EAC00;
	background-color: #8FC400;
	width: 62px;
	height: 16px;
	line-height: 16px;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	font-size: 11px;
	border-radius: 7px;
	font-weight: bold;
}

a.btn-detail:hover{
	color:#F00;
}
.new-icon{
	background:url(../images/new_icon.png) no-repeat center center;
	display:block;
	height:28px;
	width:28px;
	right: 3px;
	top: 5px;
	position:absolute;
}


/*------------CONTENT RIGHT---------------*/
#right{
	width: 180px;
	float: left;
}
#content-right{
	width: 180px;
	float: left;
	margin-left:10px;
}
/*-----------FOOTER----------*/
#footer_wrap{
	margin: auto;
	position:relative;
	background:#51af11 url(../images/footer_bg.png) repeat-x top;
	min-height:100px;
}

#footer{
	font-size: 12px;
	width:1200px;
	margin: auto;
	line-height: 20px;
	padding: 35px 0 10px 0;
	color: #fff;
}

.bong_footer{
	background:url(../images/bong_wrap.png) no-repeat top center;
	width:1200px;
	height:30px;
	margin:auto;
}

.content_info_footer{
	padding: 10px;
}

.vach_footer{
	height:1px;
	background:#67ac38;
	margin:15px auto;
	position:relative;
}

#nav_footer{
}

#nav_footer li{
	float: left;
	height: 25px;
	background: url(../images/vach_footer.png) no-repeat right center;
}
#nav_footer li a{
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
}

#nav_footer li a:hover{
	text-decoration:none;
}

.bong_menu_footer{
	width:400px;
	height:5px;
	display: inline-block;
	margin: 0 0 10px 0;
}

h2.title_footer{
	margin-bottom: 10px;
	font-size: 13px;
	text-transform: uppercase;
	color:#0076bc;
	font-weight:normal;
}

.box_footer{
	width: 243px;
	float: left;
	margin: 22px 0 0 0;
	text-align: right;
}

.box_footer a{
	color:#FFF;
}

ul.backlink li{
	margin: 0 10px 0 0;
	color: #FFF;
	line-height: 25px;
	height: 25px;
}

ul.backlink li a{
	color: #FFF;
	text-transform: capitalize;
	font-size: 14px;
}

ul.backlink li a:hover{
	text-decoration:underline;
}

.cols_footer{
	width: 190px;
	float: right;
	text-align:center;
}

.info_footer{
	width: 500px;
	float: left;
}

.info_footer h3{
	font-size: 13px;
	text-transform: uppercase;
}

.thongke_footer{
	width: 236px;
	float: left;
	text-align: left;
}

.thongke_footer h2{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

ul.ulthongke li{
	line-height: 13px;
	padding: 2px 0px;
}

ul.ulthongke li span{
	font-weight: normal;
	display: inline-block;
	width: 100px;
	text-indent: 15px;
}

.social{
	text-align: right;
}
/*----------------TIN TUC-----------------*/
.box_news {
   	border-bottom: 1px dotted #898EAA;
    clear: both;
    padding-bottom: 20px;
    padding-top: 5px;
	margin:0 0 15px 0;
}
.box_news h2 {
    font-size: 12px;
}
.box_news h2 a {
    color: #696666;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 13px;
}
.box_news p {
    margin: 0;
    padding: 0;
}

.box_news p.news_mota{
	overflow: hidden;
	text-align: justify;
}

.box_news p.small {
    color: #666666;
    font-size: 11px;
}
.box_news h2 a:hover {
    color: #3FA502;
}
h1.text_title {
    color: #339900;
    font-size: 12px;
}
.image_boder {
   	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
}

/*-------------CHI TIET (TIN TUC)--------------------*/

.title_news{
	color: #003CBC;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
}

.othernews {
  color: #03F;
  padding-left:10px;
  padding-top:50px;
}

.othernews h3 {
  color:#06C;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
}
.othernews ul {
  list-style:inside;
  margin:10px 0 0 0;
}

.othernews ul li {
  padding-left:10px;
  margin:0 0 5px 0;
}

.othernews ul li a:hover{
	text-decoration:underline;
}


/* --------------------- Phan trang ------------------*/
.phantrang {
	text-align: center;
	margin: 10px 0;
}
.phantrang a {
	text-align: center;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #055699;
	background: #fff;
	border: solid 1px #055699;
}
.phantrang span {
	text-align: center;
	color: #FFF;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	font-weight: bold;
	background: #055699;
	border: solid 1px #055699;
}
.phantrang a:hover {
	color: #FFF;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	font-weight: bold;
	background: #055699;
}


/*STYLE FOR LIENHE*/
.tablelienhe td{
}
.tablelienhe span {
    color: #FF0000;
}
.tablelienhe td {
    height: 25px;
}
.tablelienhe tr{
	height:40px;
}
.tablelienhe .input{
    border: 1px solid #cacaca;
	width: 300px;
	height: 22px;
	line-height: 22px;
	border-radius: 5px;
	outline-color: #0085FF;
}
.tablelienhe textarea{
	border: 1px solid #cacaca;
	width: 300px;
	border-radius: 5px;
	outline-color: #0085FF;
}
.tablelienhe .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.button {
  background-color:#fff;
  background-position:initial initial;
  background-repeat:initial initial;
  border:1px solid #ccc;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  cursor:pointer;
  font-family:tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:5px 30px;
  font-weight:bold;
}
.button:hover{
	 color:red;
}

/*-----------BAN DO-------------*/
.main_map{
	height:450px;
	border:thin solid #999;
}

.product_detail_pic{
	float:left;
	margin-right:20px;
}

.detail{
	text-align:justify;
	padding:10px 20px 10px 0;
}

.map_description{
	overflow:auto;
}

/*-----------SLIDER 2 INDEX-------------*/

div.show-pro-index{
	text-align: center;
	margin: 25px 0 16px 0;
}
div.pro-index{
	width: 316px;
	display: inline-block;
	text-align: center;
	background: url(../images/slide2_bg.png) no-repeat bottom center;
	height: 158px;
}

div.pro-index .block_img{
	position:relative;
	background:#fff;
	border-radius: 5px;
	height:158px;
	width:300px;
	margin: 0 0 0 8px;
}

div.pro-index .block_img>a>img{
	height:158px;
	width:300px;
	border:none;
	border-radius: 5px;
}

.content_main{
	background: #FFF;
	box-shadow: 0 0 5px rgba(167, 163, 163, 0.84);
	padding-bottom: 25px;
	border-radius: 0px 0px 10px 10px;
}

.container_index{
	border-bottom:thin solid #D1D1D1;
	border-top:thin solid #D1D1D1;
	width:980px !important;
	margin:auto;
}

/*------------------HOI DAP-------------------*/
.block-hoi-dap{
	margin-top:10px;
	margin-bottom:50px;
	border-bottom:1px dashed red;
}
.block-hoi{
	margin-bottom:10px;
}
.block-hoi p.title{
	background:#95F8FA;
	color:rgb(68, 39, 39);
	border:1px solid #FFF;
	height:30px;
	line-height:30px;
	padding-left:10px;
}
        
.block-cauhoi{
	margin-top:10px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	padding:10px;
	margin-left:20px;
}
            
.block-dap p.title{
	background:#D6D5D5;
	border:1px solid #FFF;
	height:30px;
	line-height:30px;
	padding-left:10px;
}

.block-traloi{
	margin-top:10px;
	background:#fff !important;
	border:1px solid #ccc;
	border-radius:4px;
	padding:10px;
	margin-left:20px;
	margin-bottom:10px;
}

#datcauhoi{
	cursor:pointer;
}

/*----------BÌNH LUẬN-------------*/
#comment label
{
	width: 100px;
	display: block;
	float: left;
}
#comment
{
	display: none;
}
#comment input
{
	margin: 3px 0px;
	width: 250px;
	height: 26px;
	line-height: 26px;
}
.button_bl
{
	cursor: pointer;
	background: #666;
	border: 1px solid #333;
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #333;
	box-shadow: 2px 1px 2px #888888;
	float: right;
}
.button_bl:hover {
	background: #000;
}
#comment_box
{
	min-height: 50px;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgb(255, 255, 255);border: 2px solid rgb(241, 241, 241);
}
.view_next
{
	background:#d8dfea;padding: 10px 15px;
	color: #3b5998;
	margin-top: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.line_cmt:hover
{
	box-shadow: 1px 1px 1px #CE937C;
}
.line_cmt
{
	cursor: pointer;
	padding: 10px;
	border: 1px solid white;
	border-radius: 5px;
	margin: 5px 0px 0px 0px;
	box-shadow: 1px 1px 1px rgb(216, 191, 191);
	background:#B1F3F5;
}
.date
{
	font-size: 10px;
	margin-left: -5px;
	margin-top: -5px;
	background: url(../images/calendar.png) no-repeat;
	padding: 3px 0px 0px 22px;
	height: 16px;
}

.cmt_name{
	color: black;
	text-decoration: underline;
}

.noidungbv{
}

.noidungbv_t{
	padding: 0 10px 10px 10px;
}

img#capcha{
	cursor:pointer;
}

a.cart-btn {
	display: inline-block;
	background: url(../images/nut-mua.png) no-repeat top center;
	width: 84px;
	height: 20px;
	line-height: 18px;
	color: #FFF;
	margin: 10px 0 0 0;
	font-weight: normal;
	font-size: 12px;
	font-family: "UTM Avo";
	text-transform: capitalize;
	text-align: center;
}

a.cart-btn:hover {
	opacity: 0.9;
	color: #FFF;
}

.lienket{
	padding: 10px 5px;
}

#lienketcb{
	width: 178px;
	border: thin solid #CCC;
	height: 30px;
	line-height: 30px;
	margin: auto;
	border-radius: 3px;
	font-weight: bold;
}

/*----------------TIN TUC INDEX-----------------*/
.tintuc-index{
	width: 178px !important;
	margin: 10px 0 0 0 !important;
	padding: 10px 10px 0 10px !important;
	border: thin solid #CCC;
	border-radius: 5px;
}

ul.tintuc-index li{
	background: url(../images/li_tin_tuc.png) no-repeat left 5px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
}

ul.tintuc-index li a:hover{
	color:#06F;
}

.box_news_index {
    clear: both;
}
.box_news_index h2 {
    font-size: 12px;
	margin: 0 0 10px 0;
}
.box_news_index h2 a {
    text-transform: capitalize;
	font-weight: bold;
}
.box_news_index p {
    margin: 0;
    padding: 0;
	height: 64px;
	overflow: hidden;
	text-align:justify;
}
.box_news_index p.small {
    color: #666666;
    font-size: 11px;
}
.box_news_index h2 a:hover {
    color:#06F;
}

.box_news_index>.image_boder {
    background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E4E4E4;
	float: left;
	margin: 0 5px 0 0;
	padding: 1px;
}

a.linkxemtiep{
	background: url(../images/chitiet_btn1.png) no-repeat center center;
	display: inline-block;
	width: 78px;
	height: 23px;
	float: right;
	line-height: 23px;
	text-indent: 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
}

a.linkxemtiep:hover{
	opacity:.8;
	color:#F00;
}

.tinkhac-index{
	width: 232px;
	float: left;
	background:#f5f4f4;
	padding:10px;
}

h2.h2tinkhac{
	text-transform:uppercase;
	text-align:center;
	color:red;
	font-weight:bold;
	font-size:13px;
	margin:10px 0 0 0;	
}

.bong-tinkhac{
	background:url(../images/bong_khac.png) no-repeat top center;
	height:24px;
}

ul.tinkhac-ul-index>li{
	background: url(../images/icon_li_tintuc.png) no-repeat left 10px;
	line-height: 22px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	height: 44px;
	overflow: hidden;
}

ul.tinkhac-ul-index>li>a{
	color:#404141;
}

ul.tablayout {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type: none;
	z-index:2;
}
ul.tablayout li {
	margin: 0 5px 0 0;
	float: left;
	display: list-item;
	text-align: -webkit-match-parent;
}

ul.tablayout li a {
	float: left;
	display: block;
	padding: 5px 25px;
	color: #0090D3;
	background: #D6E5EE;
	text-decoration: none;
	font-weight: bold;
	cursor:auto;
	border:1px solid #9AB6D2;
	border-bottom:0;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}
ul.tablayout li a:hover{
	cursor:pointer;
}
.tabs-container {
	border-top: 1px solid #CCC;
	clear: left;
	padding: 10px 0;
	display: block;
	line-height: 2;
}

ul.tablayout li a.active
{
	color: #0E9118;
	background: #FFFFFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

/*----------------TIN TỨC SCROLL----------------*/
ul.tinnb{
	padding:0 10px 10px 10px !important;
}

ul.tinnb li{
	background: url(../images/li_tintuc_bg.png) no-repeat left 25px;
	border-bottom: 1px dashed #999;
	padding: 20px 0 20px 20px;
	text-align: justify;
}

ul.thongkeleft{
	padding:0 10px 10px 10px;
}

ul.thongkeleft li{
	height:30px;
	line-height:30px;
	padding:0 0 0 30px;
	margin:0 0 0px 0;
}

li.dangonline{
	background:url(../images/dang_online.png) no-repeat left center;
}

li.tktuan{
	background:url(../images/online_tuan.png) no-repeat left center;
}

li.tkthang{
	background:url(../images/thang_online.png) no-repeat left center;
}

li.tong{
	background:url(../images/tatca_online.png) no-repeat left center;
}

ul.ulgiohang{
	background:url(../images/cart_bg.png) no-repeat left center;
	min-height:65px;
	padding:10px 0 10px 80px;
}

ul.ulgiohang li{
	height:25px;
	line-height:25px;
	margin:0 0 0px 0;
}

ul.ulgiohang li a:hover{
	text-decoration:underline;
}

ul.uldangnhap{
	padding:10px 20px;
}

ul.uldangnhap li{
	margin:0 0 10px 0;
}

ul.uldangnhap li a:hover{
	color:red;
	text-decoration:underline;
}

input.inputtext{
	border:thin solid #CCC;
	border-radius:5px;
	height:24px;
	line-height:24px;
	width:158px;
	-moz-box-shadow: inset 0 0 7px #DBDBDB;
	-webkit-box-shadow: inset 0 0 7px #DBDBDB;
	box-shadow: inset 0 0 7px #DBDBDB;
	padding:0 0 0 10px;
}

input#userlogin{
	border:none;
	background:url(../images/dongy_btn.png) no-repeat center center;
	width:78px;
	height:27px;
	line-height:27px;
	text-align:center;
	color:#FFF;
}

.tip{
	height: 37px;
	line-height: 37px;
	float: left;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	width: 600px;
}

.pro_new{
	height:200px;
	text-align:center;
}

.pro_new img{
	width:200px !important;
	height:194px !important;
	background:#FFF;
}

.video{
	width:178px;
	height:158px;
	border:solid 1px #dadada;
	background:#FFF;
}

select#video{
	width: 178px;
	height: 25px;
	line-height: 25px;
	padding: 0px;
	outline: none;
	font-size: 12px;
	border: 1px solid #3CABCE;
	margin: 5px 0 0 0;
	border-radius:3px;
}

.map_right img{
	width:200px;
	height:240px;
}

h2.title-about{
	background:url(../images/gioithieu_title.png) no-repeat center;
	width:240px;
	height:30px;
	text-indent:-99999px;
	margin:15px 0;
}

.noidung_index{
	text-align: justify;
	padding: 8px;
	line-height: 22px;
	font-size: 12px;
}

.image_boder_index {
    float: left;
	margin: 0 10px 0 0;
	text-indent: 0px;
}

.image_boder_index img{
	width: 362px;
	height: 232px;
}

/*---------------------BLOCK CONTENT MỚI---------------------*/
div.pro1{
	width: 220px;
	float: left;
	margin: 0 14px 15px 14px;
	text-align: center;
}

div.pro1 .block_img1{
	position: relative;
}

div.pro1 .block_img1>a>img{
	height: 150px;
	width: 214px;
	border: 1px solid #CCC;
	padding: 2px;
	background: #FFF;
}

div.pro1 .block_img1>a>img:hover{
	background: #91BDFF;
	border: 1px solid #00F;
}

.pro-name1{
	margin:10px 0 0 0;
	text-align:left;
}

.pro-name1>a{
	font-size: 13px;
	color: #0392E2;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: capitalize;
	font-weight: bold;
}

.pro-name-tc1>a:hover{
	color:yellow;
}

.pro-detail1{
	margin:5px 0 0 0;
	text-align:left;
}

div.pro2{
	width: 200px;
	text-align: center;
	margin: 10px auto 15px auto;
}

div.pro2 .block_img{
	position: relative;
	border: thin solid #E7E3E3;
}

div.pro2 .block_img > a > img{
	width: 198px;
	height: 134px;
	border: none;
}

div.pro2  p.pro-name{
	margin: 8px 0 8px 0;
	text-align: center;
}

div.pro2  p.pro-name a{
	color: #FFF;
	text-transform: capitalize;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	font-family:Tahoma, Geneva, sans-serif;
}

div.pro2  p.pro-name a:hover{
	text-decoration:underline;
}

ul.cateUlLeft1{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	height:150px;
}

ul.cateUlLeft1 li{
	height:30px;
	line-height:30px;
	text-indent:35px;
	background:url(../images/link_bg.png) no-repeat 10px center;
}

ul.cateUlLeft1 li a{
	font-weight:bold;
	color:#d8d8d8;
	font-size:11px;
}

a.xemtatca {
	display: block;
	width:22px;
	height: 22px;
	line-height: 22px;
	color: #101010;
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 12px;
	text-indent:-99999px;
	background:url(../images/more_bg.png) no-repeat center center;
}

div.vach_pro{
	height:1px;
	background:#000;
	margin:0 0 20px 0;
}

ul.list_document li{
	margin:0 0 10px 0;
}

ul.list_document li.parent_list>h2{
	text-transform:uppercase;
	margin:10px 0;
	font-family: 'UTMAvoBold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
}

ul.list_document li a{
	color: #F5FF00;
	font-style: italic;
	text-decoration: underline;	
}

ul.product_info{
	width: 300px;
	float: left;
	text-indent: 10px;
	font-weight:normal !important;
}

ul.product_info li{
	margin:0 0 10px 0;
	border-bottom:1px dashed #CCC;
	padding:0 0 10px 0;
}

a.addToCart{
	border: none;
	background: url(../images/btn_addcart.png) no-repeat center center;
	width: 105px;
	height: 20px;
	text-indent: -99999px;
	cursor: pointer;
	display:block;
}

p.lienket_title{
	padding:0 0 5px 0;
	color:#333;
}

.tienich{
	margin: 10px 0 0 0;
}

.tienich_item{
	height: 28px;
	line-height: 28px;
	text-indent: 23px;
	width: 90px;
	float: left;
	color: #575757;
	font-size: 11px;
}

.tienich_item:hover{
	text-decoration:underline;
}

div.giavang{
	background:url(../images/giavang.png) no-repeat left center;
}

div.tygia{
	background:url(../images/tygia.png) no-repeat left center;
}

div.chungkhoan{
	background:url(../images/chungkhoan.png) no-repeat left center;
}

div.thoitiet{
	background:url(../images/thoitiet.png) no-repeat left center;
}

li.info_contact{
	height: auto !important;
	margin: 10px 0 25px 0;
	line-height: 20px !important;
	font-size: 11px;
	text-indent: 0px !important;
	font-family: tahoma;
}

li.info_contact h2{
	font-size:12px;
	text-transform:capitalize;
	color:#C30;
}

li.hotro_info{
	height: auto !important;
	line-height: 20px !important;
	font-size: 11px;
	text-indent: 0px !important;
	font-family: tahoma;
}

li.hotro_info h2{
	font-size:12px;
	text-transform:capitalize;
	color:#C30;
}

div.pro3{
	width: 175px;
	text-align: center;
	margin: auto auto 10px auto;
	padding: 5px 0 0 0;
}

div.pro3 .block_img3{
	position: relative;
}

div.pro3 .block_img3 img{
	width:164px;
	height:130px;
	border:1px solid #004b41;
	background:#FFF;
}

div.pro3 p.pro-name3 {
	margin: 0px 0 5px 0;
	text-align: center;
}

div.pro3 p.pro-name3 a {
	text-transform: capitalize;
	text-align: center;
	font-size: 15px;
}

.bong_sp1{
	background:url(../images/bong_sp1.png) no-repeat center center;
	width:166px;
	height:6px;
	margin:auto;
}

.box_container{
	margin:25px 0 0 0;
}

.box1{
	float:left;
	width:266px;
	min-height:225px;
	border:1px solid #00917e;
	border-radius:5px;
	margin:0 15px 0 0;
	background: #006053;
}

.box2{
	float:left;
	width:424px;
	min-height:225px;
	border:1px solid #00917e;
	border-radius:5px;
	margin:0 15px 0 0;
	background: #006053;
}

.box3{
	float:left;
	width:272px;
	min-height:225px;
	border:1px solid #00917e;
	border-radius:5px;
	background: #006053;
}

h2.title_box1, h2.title_box2, h2.title_box3{
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
	font-size: 16px;
	color: #FFF;
	text-indent: 15px;
}

h2.title_box1{
	width:266px;
	background:url(../images/lienhe_title_bg.png) no-repeat center center;
}

h2.title_box2{
	width:424px;
	background:url(../images/tintuc_title_bg.png) no-repeat center center;
}

h2.title_box3{
	width:272px;
	background:url(../images/hotro_title_bg.png) no-repeat center center;
}

ul.lienheul{
	padding:15px;
	font-size:15px;
	color:#FFF;
	font-style:italic;
	line-height:26px;
}

ul.lienheul li{
	text-indent:15px;
	margin:0 0 5px 0;
}

ul.lienheul li.callme{
	font-style:normal !important;
	text-decoration:underline;
	text-indent:40px;
	font-size:17px;
}

ul.lienheul li.callme span.call1, ul.lienheul li.callme span.call2{
	font-size: 23px;
	font-weight: bold;
	display: inline-block;
	width: 165px;
	text-align: right;
	text-indent: 0px;
}

ul.lienheul li.callme span.call1{
	color: #FFF500;
}

ul.lienheul li.callme span.call2{
	color: #FFB800;
}

ul.news_home{
	font-size: 12px;
}

ul.news_home li{
	line-height: 17px;
}

ul.news_home li a{
	color: #259200;
	font-weight: bold;
}

ul.news_home li a:hover{
	text-decoration:underline;
}

ul.news_home li.first_li{
	background: none !important;
	text-indent: 0px !important;
}

ul.news_home li.first_li .news_img{
	background: #ccc;
	padding: 3px;
	float: left;
	margin: 0 5px 5px 0;
	border-radius: 5px;
}

ul.news_home li.first_li .news_img img{
	width: 100px;
	height: 72px;
}

ul.news_home li.first_li .desc_news{
	width: 189px;
	float: left;
	height: 90px;
	overflow: hidden;
}

ul.news_home li.first_li .desc_news a{
}

ul.news_home li.first_li .desc_news h2{
	margin: 0 0 5px 0;
	line-height: 14px;
	font-size: 12px;
}

ul.news_home li.first_li .desc_news p{
	text-align: justify;
	line-height: 14px;
}

.download {
	width: 90%;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0;
}

.download th, .download td {
	font-size: 12px;
	padding: 5px;
}

.download td a{
	color:#F00;
}

.download td a:hover{
	text-decoration:underline;
}

.photo_item{
	width:540px;
	height:150px;
	margin:5px 0 0 10px 0;
}

.photo_item img{
	width:540px;
	height:150px;
}

ul.hotro{
	font-weight: bold;
}

ul.hotro li{
	line-height: 25px;
	font-size: 12px;
	list-style:none;
}

.title_hotro{
	display: inline-block;
	width: 86px;
	text-align: left;
}

.icon_hotro, .dienthoai{
	text-align: right;
	display: inline-block;
	width: 90px;
}

.icon_hotro img{
	margin: 0 5px;
}

.dienthoai{
	font-weight: bold;
	color: #FF0000;
}

li.social{
	background: url(../images/hotline_bg.png) no-repeat bottom left;
	height: 57px !important;
	position: relative;
	margin: 0 0 10px 0;
}

li.social img{
	margin:0 5px;
}

#main_1{
	width: 975px;
	padding: 40px 0 10px 0;
	margin:auto;
}

/*------------------- Doi tac css -------------------*/
.box_partner{
}

.ma-brand-slider-contain {	
	width: 500px !important;
	height: 37px !important;
	margin: auto;
}
.ma-brand-slider-title {}
.ma-brand-slider-title h2 {
	padding:5px;
}
.ma-brand-slider {}
.brand-slider .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
}

.brand-slider .jcarousel-container-horizontal {
    width: 1000px;
    padding: 10px 0px;
	padding-left:40px;
	margin:0 auto;
	margin-top:80px
}
.brand-slider .jcarousel-clip-horizontal {
    width:  960px;
    height: 154px;
}

.brand-slider .jcarousel-item {
    width: 500px;
	height: 37px;
	float: left;
}

.brand-slider .jcarousel-item-horizontal {
	position: relative;
}

.brand-slider .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.brand-slider .product-image {
	display:inline-block;
	margin:0 0 8px;
}

/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
    position: absolute;
    top: 36%;
    right: -27px;
    width: 25px;
    height: 65px;
    cursor: pointer;
    background: transparent url(../images/btn_right1.png) no-repeat 0 0;
}

.ma-brand-slider .jcarousel-next-horizontal:hover {
	opacity:.8;
}

.ma-brand-slider .jcarousel-next-horizontal:active {
    opacity:.8;
}

.ma-brand-slider .jcarousel-next-disabled-horizontal,
.ma-brand-slider .jcarousel-next-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-horizontal {
    position: absolute;
    top: 36%;
	left: -27px;
    width: 25px;
    height: 65px;
    cursor: pointer;
    background: transparent url(../images/btn_left1.png) no-repeat 0 0;
}

.ma-brand-slider .jcarousel-prev-horizontal:hover {
    opacity:.8;
}

.ma-brand-slider .jcarousel-prev-horizontal:active {
    opacity:.8;
}

.ma-brand-slider .jcarousel-prev-disabled-horizontal,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
    position: relative;
}
.ma-brand-slider .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.ma-brand-slider .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.ma-brand-slider .jcarousel-next {
    z-index: 3;
    display: none;
}
.ma-brand-slider .jcarousel-prev {
    z-index: 3;
    display: none;
}

.ma-brand-slider .ma-des {
	position: absolute;
	bottom: 10px;
}
.ma-brand-slider .ma-des-title {}
.ma-brand-slider .ma-des-title h2 {
}
.ma-brand-slider .ma-des-content {}

h2.thongke_title{
	background:url(../images/thongke_bg.png) no-repeat center center;
	height:28px;
	width:138px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.info_footer_title{
	background:url(../images/logo_footer.png) no-repeat center center;
	height:28px;
	width:158px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.social_title{
	background:url(../images/social_title.png) no-repeat center center;
	height:28px;
	width:110px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.dknt_title{
	background:url(../images/dknt_title.png) no-repeat bottom center;
	height:30px;
	width:154px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

.social_footer{
	width: 200px;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
}

.ulsocial li{
	float:left;
	width:100px;
}

.ulsocial li.facebook{
	background:url(../images/facebook.png) no-repeat left center;
}

.ulsocial li.google{
	background:url(../images/google.png) no-repeat left center;
}

.ulsocial li.twitter{
	background:url(../images/twitter.png) no-repeat left center;
}

.ulsocial li.youtube{
	background:url(../images/youtube.png) no-repeat left center;
}

.ulsocial li a{
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-indent: 36px;
	font-weight: bold;
}

.ulsocial li a:hover{
	text-decoration:underline;
}

.dknt_footer{
	width: 252px;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
}

/*----------------TIN TUC-----------------*/
.box_news1 {
    margin: 0 0px 8px 0;
	width: 300px;
}

.cont_news_index{
	width: 215px;
	float: left;
}

.box_news1 h2 {
   font-size: 12px;
}
.box_news1 h2 a {
    color: #259200;
	text-transform: capitalize;
	font-weight: bold;
}

.box_news1 h2 a:hover{
	text-decoration:underline;
}

.image_boder1{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 0 0;
	padding: 0px;
}

.box_news1 p {
    margin: 0;
    padding: 0;
}

.box_news1 p.news_mota1{
	overflow: hidden;
	text-align: justify;
	color: #000;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
}

p.notice{
	color:#F00;
	font-style:italic;
	padding:10px 0;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
}

.ckout button {
	border: 0 none;
	background: #D80000;
	text-align: center;
	width: 140px;
	font-size: 18px;
	color: #FFF;
	padding: 6px;
	text-transform: uppercase;
	margin-top: 5px;
	cursor: pointer;
}

.ckout button:hover{
	opacity:.8;
}

.left_content{
	padding: 15px 0 0 0;
	width: 236px;
	border: solid 1px #CCC;
	border-radius: 5px 5px 10px 10px;
}

.right_content{
	padding: 39px 0 0 0;
}
/*----------------TIN TUC INDEX-----------------*/
.tintuc-left{
}

.tintuc-left li{
}

.box_news_left {
    font-size: 12px;
	padding: 0 0 8px 0;
}
.box_news_left a {
    color: #6a6a6a;
}
p.h2_news_left{
	margin:0 0 7px 0;
}
.box_news_left div.mota {
    margin: 0;
	overflow: hidden;
	text-align: justify;
	width: 375px;
	font-size: 12px;
	line-height: 16px;
}
.box_news_left a:hover {
	text-decoration:underline;
}

.box_news_left>.image_boder123 {
    float: left;
	margin: 0 8px 0 0;
	overflow: hidden;
}

.box_news_left>.image_boder123 img{
	width: 35px;
	height: 35px;
	padding: 4px;
	border: solid 1px #bdbdbd;
}

ul.cateUlRight{
	text-align: left;
	padding: 0 5px 5px 5px;

}

ul.cateUlRight li{
	
	line-height: 30px;
	text-indent: 15px;
	position: relative;
	color: #014d93;
	font-size: 12px;
	font-weight:bold;
	border-bottom:dashed 1px #CCC;
}

ul.cateUlRight li span.yahoo_name{
	display: inline-block;
	width: 100px;
	text-indent: 0px;
}

ul.cateUlRight li span.yahoo_img{
	position: absolute;
	display: inline-block;
	right: 5px;
	top: 7px;
}

.social_f{
	position:absolute;
	top: 60px;
	left: 5px;
}

.box{
	width:100%;
}


.box_item{
	width: 382px;
	height:178px;
	margin: 0 8px 0 7px;
	float: left;
	overflow:hidden;
	border:solid 1px #d1d1d1;
}

#cate1{
	background:url(../images/cate_title1.png) no-repeat 12px 28px;
}

#cate2{
	background:url(../images/cate_title2.png) no-repeat 12px 28px;
}

#cate3{
	background:url(../images/cate_title3.png) no-repeat 12px 28px;
}

.img_box img{
	width:220px;
	height:130px;
	background:#FFF;
	padding:4px;
	border:solid 1px #bdbdbd;
}

h2.title_cate{
	text-transform: uppercase;
	color: #2d6c02;
	font-size: 17px;
	margin: 10px 0 15px 0;
	font-family: 'UTMAvoBold';
}

h2.title_cate a{
	color: #2d6c02;
}

.desc_box{
	color: #6a6a6a;
	line-height: 20px;
	font-size: 14px;
	padding: 25px 0 0 60px;
}

.desc_box p{
	padding-right: 10px;
	text-align: justify;	
}

a.btn_more{
	display: block;
	background: url(../images/icon.png) no-repeat left center;
	width: 55px;
	height: 16px;
	line-height: 16px;
	color: #6a6a6a;
	font-size: 11px;
	float: right;
	text-indent: 20px;
	margin:10px 0 0 0;
}

.box_left{
	width:495px;
	float:left;
	margin-right:45px;
}

.box_right{
	width:430px;
	float:left;
}

h2.title_cate1{
	text-transform:uppercase;
	font-size:12px;
	color:#4b4b4b;
	margin:15px 0 10px 0;
}

.img_box1 img{
	width:170px;
	height:140px;
	background:#FFF;
	padding:4px;
	border:solid 1px #bdbdbd;
	float:left;
	margin:0 15px 5px 0;
}

.desc_box1{
	color:#6a6a6a;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

#partner{
	background:#f3f2f2;
	padding:12px 15px;
}

table.table_pro{
	text-align:center;
}

tr.head_pro th{
	background:#eee;
	height:20px;
	padding:5px;
	text-transform:uppercase;
}

table.table_pro tr td{
	background:#f8f8f8;
	padding:10px 0;
}

td.hieu a{
	font-weight:bold;
}

td.hieu a:hover{
	color:#F00;
	text-decoration:underline;
}
#social-air{
	width:400px;
	float:left;
	margin-left:5%
}
#social-air a{
	margin:0 3px
}