*{margin:0; padding:0; outline:none;}

.clear{clear:both;}

a{text-decoration:none;}

@font-face {
	font-family: "font1";
	src: url("fonts/UTMAvo.eot");
	src: url("fonts/UTMAvo.eot#iefix") format("embedded-opentype"),
	url("fonts/UTMAvo.woff") format("woff"),
	url("fonts/UTMAvo.ttf") format("truetype"),
	url("fonts/UTMAvo.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "font2";
	src: url("fonts/UTMAvoBold_Italic.eot"); src: url("fonts/UTMAvoBold_Italic.eot#iefix") format("embedded-opentype"),
	url("fonts/UTMAvoBold_Italic.woff") format("woff"),
	url("fonts/UTMAvoBold_Italic.ttf") format("truetype"),
	url("fonts/UTMAvoBold_Italic.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/*@font-face {
	font-family: "font3";
	src: url("fonts/utm-helvetins.eot");
	src: url("fonts/utm-helvetins.eot#iefix") format("embedded-opentype"),
	url("fonts/utm-helvetins.woff") format("woff"),
	url("fonts/utm-helvetins.ttf") format("truetype"),
	url("fonts/utm-helvetins.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}*/

body{
	font-size: 12px;
	font-family: Arial, Helvetica;
	background: #dcf2ab;
}


.wikis{
	width: 1187px;
	margin: auto;
	position: relative;
}

#header{
	height: 126px;
	position: relative;
	background: url(images/bg_head.png) no-repeat top center;
}

#header .logo{
	position: absolute;
    left: 18px;
    top: 33px;
	z-index: 9;
}

#header .banner{
	position: absolute;
	left: 177px;
	top: 0px;
}

.hotline{
	position: absolute;
    right: 10px;
    top: 57px;;
	color: #363636;
	background: url(images/hotline.png) no-repeat 0px 0px;
	height: 53px;
	line-height: 28px;
	padding-left: 70px;
	font-family: 'font2';
}

.hotline .hl_txt{
	font-size: 21px;
}

.hotline .hl_num{
	color: #ed1c24;
	font-size: 21px;
}

.lang{
	position: absolute;
	right: 0px;
	top: 10px;
}

.lang img{
	margin-left: 4px;
}

#wrap_menu{
	background: url(images/bg_menu.png) repeat-x;
	height: 50px;
	width: 100%;
}

.menu{
	line-height: 50px;
	margin-left: 208px;
}

.menu ul{
	list-style: none;
}

.menu ul li{
	float: left;
	position: relative;
	max-height: 50px;
}

.menu ul li.line_menu{
	background: url(images/line_menu.png) no-repeat;
	width: 2px;
	height: 50px;
}

.menu ul li a{
	color: #374e00;
	text-transform: uppercase;
	font-size: 14px;
	padding: 17px 45px;
	-webkit-border-radius: 20px;/*Safari, Chrome*/
	-moz-border-radius: 20px;/*Firefox*/
	border-radius: 20px;
	font-weight: bold;
}

.menu ul li a:hover{
	color: #e80101;
	transition: 0.2s;
}

/*.menu ul ul{
	position: absolute;
	width: 200px;
	background: #e50d0d;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 9;
	top: 45px;
}

.menu ul li:hover ul{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.menu ul li:hover ul ul{
	opacity: 0;
	visibility: hidden;
}

.menu ul li:hover ul ul ul{
	opacity: 0;
	visibility: hidden;
}

.menu ul ul li:hover ul{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.menu ul ul ul li:hover ul{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.menu ul ul li{
	width: 100%;
	line-height: normal;
	border-bottom: 1px solid #ccc;
	max-height: none;
}

.menu ul ul li a{
	text-transform: none;
	display: block;
	padding: 7px 5px;
	font-size: 14px;
	color: #fff;
}

.menu h2, .menu h3{
	font-size: 14px;
	font-weight: normal;
}

.menu ul ul a:hover{
	background: none;
	border-top: none;
	color: #493121;
}

.menu ul ul ul{
	left: 201px;
	top: 0px;
}*/

.khung_timkiem{
	position: absolute;
	right: 0px;
	top: 6px;
}

.timkiem {
	position: relative;
}

.timkiem input.tu_khoa {
    width: 238px;
    padding: 7px 30px 6px 10px;
	background: #fff;
	border: 1px solid #cfcfcf;
	color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);/*FF 3.5+*/
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 1px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.timkiem input.btn_img {
	position: absolute;
	top: 6px;
	right: 6px;
}

.timkiem input::-webkit-input-placeholder { /* Chrome 21 */
   	color: #000;
}
.timkiem input:-moz-placeholder { /* Firefox 17 */
    color: #000;
}
.timkiem input:-ms-input-placeholder { /* IE 10 */
    color: #000;
}

.bong_timkiem{
	background: url(images/bong_timkiem.png);
	width: 259px;
	height: 11px;
	position: absolute;
	right: 0px;
	top: 29px;
}

#slider{
	position: relative;
    height: 502px;
}

.about_home{
	margin-top: 5px;
	background: url(images/khung_gt.png);
    width: 1063px;
    height: 322px;
	padding: 48px 62px;
}

.about_home img{
	float: left;
	width: 482px;
	height: 320px;
	margin-right: 30px;
}

.about_home img:hover{
	opacity: 0.8;
}

.wrap_jcau{
	background: url(images/wrap_spmoi.png);
	width: 1200px;
	height: 285px;
	position: relative;
}

.about_home .about_des{
	float: left;
	width: 550px;
	max-height: 323px;
	overflow: hidden;
}

.about_home .about_des .name{
	text-transform: uppercase;
	color: #cb0a0a;
	font-family: 'font1';
	font-size: 25px;
	text-align: center;
	line-height: 38px;
}

.about_home .about_des .line_about{
	background: url(images/line_gt.png) no-repeat top center;
	height: 5px;
}

.about_home .about_des .des{
	text-align: justify;
	color: #2d2d2d;
	margin-top: 35px;
	font-size: 14px;
	line-height: 22px;
}

.wrap_jcau .icon_prev{
	position: absolute;
	top: 40%;
	left: 0px;
	background: url(images/prev.png);
	width: 32px;
	height: 68px;
	cursor: pointer;
}

.wrap_jcau .icon_next{
	position: absolute;
	top: 40%;
	right: 0px;
	background: url(images/next.png);
	width: 32px;
	height: 68px;
	cursor: pointer;
}

.wrap_jcau .name{
    color: #fff;
    font-size: 19px;
    font-family: 'font1';
    text-transform: uppercase;
    position: absolute;
    top: 21px;
    left: 28px;
}

.wrap_jcau .jcau{
    position: absolute;
    top: 68px;
    width: 1112px;
    height: 180px;
    left: 42px;
}


#wrap_main{
	padding: 30px 0px;
}

#wrap_main .left_content{
	float: left;
	width: 302px;
}

#wrap_main .right_content{
	float: right;
	width: 890px;
}

#sel_vd{
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
}

.main_name{
	color: #d90000;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 5px;
	/* background: url(images/icon_name.png) no-repeat 0px 0px; */
	height: 60px;
	line-height: 85px;
	position: relative;
	/* padding-left: 72px; */
	font-family: 'font1';
	font-weight: bold;
}

.main_name h1{
	font-size: 26px;
	font-weight: normal;
}

a.viewall{
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
    padding: 6px 15px 5px 30px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    background: url(images/icon_xemtiep.png) no-repeat 10px 7px;
    line-height: normal;
    font-family: arial;
    color: #d90000;
    font-weight: normal;
    font-size: 12px;
}

.line_name{
	width: 100%;
	height: 1px;
	background: #d90000;
	margin-top: -6px;
}

.main_content{
	list-style: inside;
	line-height: 1.7em;
	text-align: justify;
	padding-top: 28px;
}

.main_content img, .main_content table, .main_content th, .main_content tr, .main_content td, .main_content p, .main_content span{
	max-width: 1187px;
}

.sanpham{
	width: 260px;
	height: 286px;
	background: #fff;
	border: 1px solid #a9c56a;
	float: left;
	margin-right: 46px;
	margin-bottom: 46px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 7px 7px 2px rgba(0,0,0,0.1);/*FF 3.5+*/
	-webkit-box-shadow: 7px 7px 2px rgba(0,0,0,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 7px 7px 2px rgba(0,0,0,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.sanpham .img{
	width: 260px;
	height: 240px;
	overflow: hidden;
	position: relative;
}

.sanpham .img img{
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: 0.5s;
	width: 260px;
	height: 240px;
}

.sanpham .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.sanpham .name{
	text-align: center;
	margin-top: 12px;
	height: 20px;
	overflow: hidden;
}

.sanpham .name a{
	color: #333333;
}

.sanpham .name h3{
	font-size: 12px;
}

.sanpham .price{
	text-align: center;
	font-size: 12px;
	color: red;
}

.sanpham .name a:hover{
	color: #f37800;
}

.block{
	margin-bottom: 15px;
}

.block .name_block{
	background: url(images/bg_name_block.png) repeat-x;
	height: 43px;
	line-height: 43px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
    font-size: 19px;
    font-family: 'font1';
}

.block .cont_block{
	border: 3px solid #ebebeb;
	border-top: none;
	padding: 15px;
}

.dmsp ul{
	list-style: none;
}

.dmsp ul li{
	position: relative;
	border-bottom: 1px dotted #c4c4c4;
}

.dmsp ul li a{
	display: block;
	padding: 15px 10px 5px 48px;
	font-size: 16px;
	text-transform: uppercase;
	color: #e51212;
	font-weight: bold;
	font-family: 'font2';
}

.dmsp ul ul{
	position: absolute;
    left: 267px;
    top: -2px;
    width: 250px;
    background: #fff;
    z-index: 99;
    border: 2px solid #ebebeb;
    opacity: 0;
    visibility: hidden;
}

.dmsp ul ul li{
	width: 100%;
}

.dmsp ul li:hover ul{
	transition: 0.3s;
    opacity: 1;
    visibility: visible;
}

.dmsp a:hover{
	color: #ccc;
}

#footer{
	padding: 30px 0px 10px 0px;
	background: #99d610;
}

.title_foot{
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	padding-bottom: 4px;
}

.line_name_foot{
	background: url(images/line_foot.png);
	width: 168px;
	height: 4px;
	margin-bottom: 18px;
}


.title_web{
	color: #d90000;
	font-weight: bold;
	text-transform: uppercase;
}

.cont_foot{
	float: left;
	width: 280px;
	margin-right: 130px;
	color: #fff;
}

.wrap_social{
	float: left;
	width: 220px;
	color: #fff;
	margin: 0px 125px;
}

.linklk{
	margin-top: 15px;
}

.linklk img{
	width: 26px;
	height: 27px;
	margin-right: 16px;
}

.thongke{
	float: right;
	color: #fff;
}

.thongke .tt{
	margin-bottom: 10px;
}

.thongke .ro{
	margin-bottom: 7px;
}

.thongke .ro{
	padding-left: 20px;
}

.thongke .onl{
	background: url(images/onl.png) no-repeat 0px 0px;
}

.thongke .today{
	background: url(images/tuan.png) no-repeat 0px 0px;
}

.thongke .thang{
	background: url(images/thang.png) no-repeat 0px 0px;
}

.thongke .tongtc{
	background: url(images/tongtc.png) no-repeat 0px 0px;
}

.thongke span{
	display: inline-block;
	width: 110px;
	margin-left: 10px;
}

.line_footer{
	float: left;
	background: url(images/line_footer.png);
	width: 3px;
	height: 184px;
    margin-top: -26px;
}

.item_hotro{
	margin-bottom: 20px;
}

.item_hotro img{
	float: left;
}

.item_hotro .dong{
	margin-top: 10px;
	line-height: 14px;
	padding-left: 25px;
}

.item_hotro span{
	float: left;
	color: yellow;
	font-size: 14px;
	margin-top: 5px;
}

.item_hotro .icon_phone{
	background: url(images/icon_dt.png) no-repeat 0px 0px;
}

.item_hotro .icon_mail{
	background: url(images/icon_mail.png) no-repeat 0px 0px;
}

#info_web{
	background: #131313;
	color: #5a5a5a;
	text-align: center;
	font-size: 12px;
	padding: 15px 0px;
}

/* --------------------- Phan trang ------------------ */
ul.pagination {
    text-align:center;
    color:#829994;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color:#0473bd;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {
    background:#0473bd;
    color:#fff; 
}

.pagination {
	margin: auto;
	width: auto;
	text-align: center;
	margin-top: 10px;
}
.pages {
}
.pages li.prev {
	margin-right: 15px;
}
.pages li.next {
	margin-left: 15px;
}
.pages li {
	display: inline-block;
	margin: 5px 2px;
}
.pages li a {
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	color: #0473bd;
	font-weight: bold;
	background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;
	border: 1px solid #d5d5d5;
	font-size: 11px;
}
.pages li a:hover {
	background: #f6f6f6;
}
.pages li .active {
	background: url(../images/backgrounds/sideGradient.png) repeat-x;
	color: #fff;
	border-color: #e80101;
}
.pages li .active:hover {
	background: #2a313d;
}
/* --------------------- Phan trang ------------------*/

/*-------------- liên hệ --------------*/
#form_contact input{ padding: 5px; margin-bottom: 15px;}
.form_lh{ width: 100%; float: left;}
.form_lh fieldset{
	padding: 10px;
	margin: 20px 0px 0px 0px;
}
.form_lh legend{ padding:0px 10px 0px 10px;  font-style: italic; color: #023B70}
.form_lh p{ padding: 5px 0px 5px 0px;}
.form_lh p input{ padding: 5px; width: 300px; margin-left: 10px;}
.form_lh p label{ width: 100px; float: left;}
.form_lh p textarea{ padding: 5px; width: 400px; margin-left: 5px; border: 1px solid #ccc;}
.form_lh p button{ border: 0px; background: #303030; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-left: 13px;}
.form_lh p button:hover{ background: #036593}
/*-------------- liên hệ --------------*/

/*------------- product ----------------*/
.frame_images{float: left; width: 450px;}
.selectors{ border: 1px solid #ccc; text-align: center; float: left; width: 100%}
.khung_thongtin{ float: right; padding-left: 20px; width: 700px; list-style: none;}
.khung_thongtin li{ padding: 10px 0px; border-bottom: 1px solid #eee; width: 100%; float: left;}
.khung_thongtin h1{ font-size: 20px; color: #006f1a}
.khung_thongtin .masp{color:#0186A7;}
.khung_thongtin .mota_detail{ color: #757575}
.khung_thongtin .gia_detail{ font-size: 15px; color: #cd0000; font-weight: bold;}
.khung_thongtin .gia_detail b{ color: #333}
.khung_thongtin .giacu_detail{ color:#999; text-decoration: line-through;}
.khung_thongtin .giacu_detail span{ text-decoration: line-through;}

div#container_product{
	margin-top:20px;
	width:100%;
	float:left;
}
div#container_product #tabs {
	border: 1px solid #fff;
	margin-bottom: 20px;
	overflow: hidden;
	list-style: none;
}
div#container_product #tabs li {
	background:rgba(255,0,0,1);
	padding: 7px 30px;
	margin-right: 1px;
	color:rgba(0,102,204,1);
	text-transform: uppercase;
	font-weight: bold;
}
div#container_product #tabs li.active {
	background:#01b8f1;
	color: #000;
}
div#container_product #tabs li {
	float: left;
}
div#container_product #tabs li a {
	color: #fff;
	font-size:16px;
	text-decoration:none;
}

.noidung_ta{
	/*width:100%;*/
	float:left;
	padding:10px;
	clear:left;
	border: 1px solid #e4e4e4;
}
/*------------- product ----------------*/

/*-------------------- Bài viết liên quan --------------------*/
.list_bvlq{
	margin-top: 20px;
}

.list_bvlq ul{
	list-style: none;
}

.list_bvlq ul li{
	background: url(images/list_ul.png) no-repeat 0px 9px;
	padding-left: 15px;
	margin-bottom: 5px;
}

.list_bvlq ul li a{
	font-size: 14px;
	color: blue;
}

.list_bvlq ul li span{
	color: #999;
}

.name_bvlq{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 5px;
}
/*-------------------- Bài viết liên quan --------------------*/

/*---------------------- Box-news ---------------------*/
.box_new{ width: 100%; float: left; padding: 10px;}
.box_new img{ width: 120px; border:1px solid #ccc; padding:2px; float: left; margin:0px 10px 0px 0px;}
.box_new h3 a{ text-transform: uppercase; font-weight: 100; color: #025B89;}
.box_new p{ font-size: 12px; color: #333;} 
.box_new:nth-child(2n+1){ clear: left;}
.box_new:hover h3 a{ color: #AF0808} 
.box_new .xemtiep {
	text-align: right;
    font-size: 12px;
    transition: 0.5s;
    margin-top: 7px
}
.box_new .xemtiep a {
    text-decoration: none;
    font-style: italic;
    color: #F40000;
}
/*---------------------- Box-news ---------------------*/