@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
a{text-decoration:none; color:#333;}
a img{border:none;}
ul li{list-style:none;}

body{background-color:#eee; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6; color:#333;}

#center{margin:auto;width:1000px;}
#wapper{float:left; width:1000px;}
#header{float:left; width:1000px; height:140px;}
#menu{float:left; width:1000px; background:#EE0000; height:35px; }
#menu ul li{list-style:none; line-height:1.6; float:left;}
#menu ul li a{float:left; padding:8px 25px 6px 25px;font-weight:bold; color:#FFF; text-transform:uppercase; border-right:1px solid #090;  }
#menu ul li a:hover{background: #B70000; color:#fff}
#menu ul li a.active{background:#B70000; color:#FFF}
#search{float:right; background:#FFF; width:220px; height:28px; margin-top:4px; margin-right:7px;}
.keyword{margin-left:10px; margin-top:6px; width:190px; background:transparent; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


#conten{float:left; width:990px; padding:5px; background:#FFF;}

#all-menu-l{float:left; width:208px;}
#menu-l{float:left; width:208px;}
#v-menu-l{background:#EE0000; width:208px; height:30px; text-align:center;}
#v-menu-l h1{font-size:13px;color:#FFF;padding-top:5px; text-transform:uppercase;  padding-bottom:4px;}
#menu-l-conten{width:208px; float:left; background:#eee; margin-bottom:8px; padding-bottom:5px;}
#menu-l-text{margin:5px 5px 5px 5px;}

#menu-l-text ul li{ list-style:none; line-height:1.6; }
#menu-l-text ul li a{ float:left; color:#666; width:184px; padding-left:10px; text-transform:none; font-weight:bold; font-size:12px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ddd;}


.item-new{float:left; width:100%; border-bottom:1px dotted #ddd;}
.item-new a:hover{text-decoration:underline}

#conten-center{float:left; width:770px; margin-left:10px;}
#box-slider{float:left;}
#galery{float:left;margin-bottom:9PX;}
.theme-default #slider{width:990px !important; height:340px !important; box-shadow:none !important;}

#project{float:left; width:100%;}
#project div#project-title{background:url(../images/pro.png); height:33px; width:256px; text-align:center; float:left;}
#project div#project-title h4{ color:#FFF; text-align:center; padding-top:6px; text-transform:uppercase;}
#project-conten{float:left; width:100%;}
#ject{float:left; width:100%; text-align:justify; margin-top:10px;}
#ject img{float:right; margin-left:10px;}
#ject a{font-weight:bold; color:#002AFE; font-size:15px;}
#con{float:left; width:100%;}
#con-title{ text-align:left;}
#con-title h5{color:#06F; border-bottom:2px solid #A0A0A0; text-transform:uppercase; padding-top:5px; font-size:12px; ; padding-bottom:4px;}
#con-text{float:left; width:100%; margin-top:10px;}
#new-home{float:left; width:100%; margin-bottom:10px;}
#new-home img{border:4px solid #DEDEDE; padding:1px; float:left; margin-right:10px;}
#new-home a{ font-size:14px; font-weight:bold; color:#002AFE;}
#new-con{padding-left:60px;}
#new-con a{color:#1138FE;}
#partners{float:left; width:175px; text-align:center; margin:10px; height:150px;}
#partners img{width:160px; height:100px;  box-shadow:1px 1px 1px 1px #CCCCCC; border-radius:7px; padding:5px;}
#partners img:hover{ box-shadow:1px 1px 1px 1px #999999;}
#product{float:left; width:232px; text-align:center; margin:10px 9px 10px 9px; height:260px; border:1px solid #EEE; padding:2px;}
#product:hover{border:1px solid #333;}
#product img{width:232px;height:180px;}
#product a{font-weight:normal; color:#333333}
#news{float:left; width:100%; margin-bottom:3px;}
#news img{float:left; width:50px; height:40px; margin-right:5px; border:1px solid #FFF; margin-top:5px; }
#news p{height:45px; overflow:hidden;}
#news a{color:#333;}
#news a:hover{text-decoration:underline;}

#footer{float:left; width:980px; padding:10px; margin-top:7px; background:#EE0000; color:#FFF;}

#footer-text{padding:7px;}
#footer-show{background:url(../images/show-bottom.png); height:31px; width:1000px; float:left}
#video{border:4px solid #CCC;}
.tflienhe{border:1px solid #CCC; padding:5px; margin-bottom:5px; width:250px;}
.noidung{border:1px solid #CCC; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:260px;}
.butom{background:#F00; border:none; padding:5px; color:#FFF; }
.box-new{float:left; width:100%; border-bottom:1px dotted #eee; margin-bottom:5px; margin-top:5px; text-align:justify}
.box-new img{width:120px; height:90px; float:left; border:1px solid #eee;  padding:2px; margin-right:10px; margin-bottom:10px; margin-top:5px;}
.box-new a{font-weight:bold; color:#03F;}
.box-new a:hover{text-decoration:underline;}
fieldset{border:1px solid #CCC; padding:8px;}

div.page {
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 5px;
}
div.page div.paging {
	margin-top: 7px;
	padding-bottom: 5px;
	text-align: center;
}
div.page div.paging.paging span.current, .paging a {
	border: 1px solid #CCC;
	background: #fff;
	margin-right: 5px;
	display: inline-block;
	padding: 0px 10px;
	color: #333;
}
div.page div.paging.paging span.current, .paging span {
	border: 1px solid #666;
	background: #26791F;
	color: #FFF;
}
div.page div.paging div.paging span.current, .paging a:hover {
	background-color: #CCC;
}
#dangxem {
	background: #A52A10;
	color: #fff;
}
.ma-brand-slider-contain {
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	width:975px;
}

.brand-slider .jcarousel-container {
	-moz-border-radius: 10px;
	background: #fff;
	border: 2px solid #000;
}
.brand-slider .jcarousel-container-horizontal {
	width: 900px;
	padding: 10px 0px;
	padding-left: 40px;
	margin: 0 auto;
	margin-top: 80px
}
.brand-slider .jcarousel-clip-horizontal {
	width: 960px;
	height: 300px;
}
.brand-slider .jcarousel-item {
	width:235px;
	float: left;
	list-style: none outside none;
	margin-right:10px !important;
}
.brand-slider .jcarousel-item-horizontal {
	margin-right: 0px;
	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 {
	background:  url(../images/frist.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 32px;
	position: absolute;
	top: -35%;
	right:34px;
	width: 32px;
}
.ma-brand-slider .jcarousel-next-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-next-horizontal:active {
	background-position: 0 100%;
}
.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 {
	background: url(../images/Next.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 32px;
	right:0px;
	position: absolute;
	top: -35%;
	width: 34px;
}
.ma-brand-slider .jcarousel-prev-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-horizontal:active {
	background-position: 0 100%;
}
.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;
}