/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/bg.png) no-repeat fixed;
	color:#ffffff;
}
a {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}


ul, li, ol, h1, h2, h3, h4, h5, h6, 
dl, dd, dt, a, p {
	line-height:16px;
	list-style:none;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.clr {
	clear:both;
}

#wrapall {
	width:1000px;
	margin:0px auto;
	height:auto;
	/*background:url(../images/tp.jpg) no-repeat;*/
}

#header {
	height:247px;
}

.logo {
	float:left;
	width:302px;
	height:247px;
}

.banner {
	float:left;
	width:696px;
	height:247px;
}

#main {
	background:#0c101c;
	padding:0px 8px;
}

.bg_menu {
	background:url(../images/bg_menu.jpg) no-repeat center;
	padding:5px 0px;
}

.left-top {
	margin:0px 0px 0px 10px;
	width:732px;
	float:left;
}

.left-top ul li {
	display:inline;
}

.left-top ul li a {
	font-size:13px;
	line-height:42px;
	text-decoration:none;
}

.left-top .last {
	background:none !important;
}

.lang {
	float:right;
	width:190px;
	position:relative;
}

.lang a {
	text-decoration:none;
}

.left {
	width:225px;
	float:left;
	margin:0 5px 0 0;
}

.danhmuc {
}

.danhmuc h2 {
	background:url(../images/bg_title.jpg) no-repeat;
	line-height:37px;
	padding:0 0 0 37px;
	font-size:14px;
}

.menuleft {
	background:url(../images/bg_menuleft-footer.jpg) no-repeat bottom #060814;
	padding:0 0 22px 0;
	margin:0 0 10px 0px;
}

.menuleft h3 a {
	background:url(../images/bg_cat.jpg) repeat-x;
	line-height:35px;
	display:block;
	padding:0 0 0 15px;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

.menuleft ul {
	margin:0 20px 8px 15px;
}

.menuleft ul li a {
	background:url(../images/icon-sub.jpg) no-repeat left;
	border-bottom:1px dotted #373945;
	padding:5px 0px 5px 13px;
	display:block;
}

.bgprohot-left {
	background:url(../images/bg_prohot.jpg) no-repeat;
	width:149px;
	height:191px;
	margin:0px auto 0px auto;
}

.bgprohot-left img {
	margin:3px 0 0 3px;
}

.left1 {
	background:url(../images/bg_left1.jpg) no-repeat;
	width:221px;
	height:650px;
	float:left;
}

.search-home {
	margin:0 14px;
}

.search-home h3 {
	background:url(../images/bg_search_title.jpg) no-repeat bottom;
	line-height:34px;
	padding:0 0 0 28px;
	font-weight:bold;
	font-size:13px;
}

.search-home input {
	background:url(../images/bg_search.jpg) no-repeat;
	width:194px;
	height:22px;
	border:0px;
	margin:10px 0 0 0px;
	color:#555555;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.support {
	margin:10px 14px 0px 14px;
}

.support h3 {
	background:url(../images/bg_suport.jpg) no-repeat bottom;
	line-height:31px;
	padding:0 0 0 28px;
	font-weight:bold;
	font-size:13px;
}

.support dl {
	float:left;
	margin:10px 0 0 0;
	text-align:center;
}

.online a {
	color:#ff0000;
	text-decoration:none;
}

.offline a {
	color:#999999;
	text-decoration:none;
}

.news_left {
	margin:35px 14px 0px 14px;
}

.news_left h3 {
	background:url(../images/bg_newsleft-title.jpg) no-repeat bottom;
	line-height:31px;
	padding:0 0 0 28px;
	font-weight:bold;
	font-size:13px;
	margin:0 0 10px 0;
}

.newsleft {
	border-bottom:1px dotted #373945;
	padding:0 0 8px 0px;
	margin:0 0 10px 0px;
}

.newsleft img {
	float:left;
	margin:0 8px 0px 0px;
	border:1px solid #b5bb95;
}

.right {
	float:right;
	width:525px;
}

#products-home {
	border:2px solid #40506f;
	padding:8px;
}

.pro-title {
	background:url(../images/bg_pro_title-home.jpg) no-repeat;
	padding:0 0 0 40px;
	line-height:37px;
}

.products {
	margin:0 0px 0 9px;
}

.products dl {
	float:left;
	margin:20px 9px 20px 0;
}

.products dd {
	width:145px;
}

.products dt img {
	border:1px solid #2d446d;
	padding:2px;
	margin:3px;
}

.products dd a {
	line-height:18px;
}

.products a {
	color:#63bdfc;
	font-size:13px;
	font-weight:bold;
}

.adv {
	padding:20px 10px;
}

.adv img {
	margin:0 10px 0 0;
}

#footer {
	background:url(../images/bg_footer.jpg) no-repeat;
	height:100px;
	overflow:hidden;
}

.f-left {
	float:left;
	margin:10px 0 0 15px;
	width:450px;
}

.f-left p {
	line-height:20px;
	color:#fff;
}

.f-right {
	float:right;
	margin:10px 15px 0 0;
	width:auto;
	text-align:right;
}

.f-right p {
	line-height:20px;
	color:#fff;
}

.aboutus {
margin:10px 5px 0 5px;
padding-bottom:20px;
}

.aboutus p{
padding-top:5px;
text-align:justify;
}

.aboutus p img{
border: 1px solid #1d355b;
padding:2px;
margin:8px 0px;
}

.news {
margin:10px 1px 0 1px;
}

.news1 {
padding:8px 8px 0px 8px;
background:url(../images/bg-news.jpg) repeat-x;
height:95px;
overflow:hidden;
}

.news1:hover {
background:url(../images/hover-news.jpg) repeat-x;
}

.news1 img{
border: 1px solid #0d3166;
float:left;
margin-right:8px;
max-width:480px;
height:auto;
}

.news1 h3 {
color:#5fb8fe;
font-weight:bold;
}

.news1 h3 a {
color:#5fb8fe;
font-weight:bold;
}

.news1 p {
text-align:justify;
}

.more {
background:url(../images/bg-more.jpg) no-repeat;
height:25px;
line-height:25px;
width:252px;
color:#5fb8fe;
text-align:center;
}

.more a:hover{
color:#5fb8fe;
border:1px solid #5fb8fe;
padding:3px;
text-decoration:none;
}

.khac {
margin:10px 8px 0px 8px;
}

.khac h3{
background:url(../images/bg-khac.jpg) no-repeat;
height:26px;
line-height:26px;
text-align:center;
width:93px;
color:#5fb8fe;
font-weight:bold;
}

.khac ul{
background:url(../images/bg-khac_.jpg) repeat-y;
padding:8px 8px 15px 8px;
}

.khac ul li{
}

.khac ul li a{
background:url(../images/bullet-khac.jpg) no-repeat 0px 5px;
padding:0 0 0 15px;
line-height:20px;
}


.khac ul li a:hover{
color:#5fb8fe;
background:url(../images/bullet-khac.jpg) no-repeat 0px 5px;
padding-left:15px;
}

/* contact */

.form-contact {
margin-left:10px;
margin:30px 20px 0px 20px;
color:#a09d92;
}
.form-contact form {
margin:0 100px 0 0px;
}
.form-contact p {
}
.form-contact span {
float:left;
}
.form-contact input {
float:right;
margin:0 0 8px;
width:300px;
}
.form-contact textarea {
float:right;
height:100px;
margin:0 0 8px;
width:300px;
}

#submit {
background:url(../images/bg-note.png) no-repeat;
border:none;
cursor:pointer;
text-align:center;
width:67px;
color:#ffffff;
padding-bottom:3px;
height:19px;
}
#reset {
background:url(../images/bg-note.png) no-repeat;
cursor:pointer;
margin:0 0 0 5px;
text-align:center;
width:67px;
color:#ffffff;
border:none;
height:19px;
padding-bottom:3px;
}

.text-contact {
margin:30px 0px 0px 0px;
}

.text-contact h3{
margin:8px 0px;
font-size:16px;
color:#574507;
text-transform:uppercase;
font-weight:bold;
}

.text-contact p{
line-height:18px;
font-size:13px;
color:#574507;
}

.text-contact img{
float:left;
margin:0px 0px 0px 10px;
}

.contact {
margin:30px 0px 0px 30px;
}

.contact img{
float:left;
margin-right:10px;
}

.contact p{
text-align:left;
}

.img-contact {
margin:15px 0px;
text-align:center;
}

.img-contact img{
border:1px solid #2d446d;
padding:2px;
}

/* hết contact */

.map {
padding:20px 0px;
}

.map p{
text-align:center;
margin-left:5px;
color:#5fb8ff;
line-height:20px;
}

.producted {
\
}

.producted dl {
	float:left;
	margin:10px 9px 10px 0;
}

.producted dd {
width:180px;
}

.producted dt img {
	border:1px solid #2d446d;
	padding:2px;
	margin:3px;
}

.producted dd a {
	line-height:18px;
}

.producted a {
	color:#63bdfc;
	font-size:13px;
	font-weight:bold;
}

.project {
}

.project p{
	padding:0 25px 5px 25px;
}