@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/main_bg.gif) 0 0 repeat-x #fff;
	color:#2e2e2e;
	font-size:12px;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

a:link, a:visited { color: #0862bd; outline:none; text-decoration: underline; }
a:hover, a:active { color:#0862bd; text-decoration: none; }

h3{
color:#e00000;
font-size:15px;
}


table, td { border-collapse:collapse; }


.fl{
float:left;
}

.fr{
float:right;
}


h1{
color:#0071b1;
font:bold 16px Arial, Helvetica, sans-serif;
}
h1 span {
font-size: 12px; color: #929292; font-weight:normal;
}

h4{
color:#484848;font:bold 11px Arial, Helvetica, sans-serif;
padding:10px 0px;
}



.line1{
border-bottom:1px solid #dbdbdb; clear:both; height:14px;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}

.clr { clear:both; font-size:0px; height:0px; visibility:hidden; }
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/
#main{
width:950px;
margin:0 auto;
}

/*------------------------------------------------top--------------------*/

#top{
width:950px;
height:99px;
}

#top p.logo{
width:173px;
float:left;
}


#top p.menu{
width:777px;
float:left;
}

.pt10{
padding-top:10px;
text-align:center;
}

/*------------------------------------------------contain--------------------*/
#contain{
width:950px;
}


#contain p.bando{
width:249px;
float:left;
}

#contain p.flash{
width:684px;
float:right;
}

/*------------------------------------------------contain1--------------------*/
#contain1{
width:950px;
margin-top:8px;
background:url(../images/bg_contan1.gif) top left repeat-y;
float:left;
}

#left{
width:250px;
float:left;
}

#right{
width:684px;
float:left;
padding:0px 0px 0px 16px;
line-height:18px;
text-align:justify;
}

#right a.title_tintuc:link,#right a.title_tintuc:active,#right a.title_tintuc:visited{
color:#0071b1;
text-decoration:none;
}

#right a.title_tintuc:hover{
text-decoration:underline;
}

#right a.title_tintuc1:link,#right a.title_tintuc1:active,#right a.title_tintuc1:visited{
color:#0071b1;
text-decoration:none;
font:bold 18px Arial, Helvetica, sans-serif;
}

#right a.title_tintuc1:hover{
text-decoration:underline;
}


#right a.title_more:link,#right a.title_more:active,#right a.title_more:visited{
color:#008dde;
text-decoration:underline;;
}

#right a.title_more:hover{
text-decoration:none;
}






p.ngang{
width:100%;
background:url(../images/ngang.gif) top repeat-x;
height:1px;
font-size:1%;
clear:both;
}

/*------------------------------------------------login form--------------------*/
#login{
width:250px;
margin-top:15px;
margin-bottom:15px;
}


#login p.title{
font-size:1%;
}

#login p.dn{
padding:10px 0px 0px 10px;
}


.tf{
border:1px solid #d8d8d8;
font:normal 11px Tahoma;
width:215px;
height:16px;
padding:1px 0px 0px 5px;
}


#login a.btn,#login a.btn:link,#login a.btn:active,#login a.btn:visited{
width:61px;
height:20px;
background:url(../images/login.gif) 0 0 no-repeat;
display:block;
color:#fff;
text-decoration:none;
padding:6px 0px 0px 25px;
float:left;
background-color:inherit;
}

#login1 a.btn,#login a.btn:link,#login a.btn:active,#login a.btn:visited{
width:61px;
height:20px;
background:url(../images/login.gif) 0 0 no-repeat;
color:#fff;
text-decoration:none;
padding:6px 20px 0px 12px;
float:left;
background-color:inherit;
}

#login a.btn:hover{
text-decoration:underline;
}


#login a.qmk{
padding:5px 0px 0px 10px;
float:left;
color:#0074b6;
text-decoration:none;
}

#login a.qmk:hover{
text-decoration:underline;
}
/*------------------------------------------------doi tac--------------------*/

#doitac
{
width:247px;
padding: 10px 0px 0px 3px;
}

#doitac p.top_dt{
background:url(../images/top_dt.gif) top no-repeat;
width:245px;
height:10px;
}


#doitac p.middle_dt{
background:url(../images/middle_dt.gif) top repeat-y;
width:235px;
padding-left:10px;
float:left;
}

#doitac p.middle_dt img{
margin-right:5px;
margin-bottom:7px;

}

#doitac p.bottom_dt{
background:url(../images/bottom_dt.gif) top no-repeat;
width:245px;
height:9px;
font-size:1%;
clear:both;
}

p.logo{
width:100px;
height:44px;
float:left;
}

/*-------Tin tuc--------------------*/
#tintuc{
width:250px;
padding: 10px 0px 0px 0px;
}

#tintuc p.ngay{
color:#0284ce;
font:bold 11px Tahoma;
}

#tintuc a.title2:link,#tintuc a.title2:active,#tintuc a.title2:visited{
color:#000;
text-decoration:none;
margin-bottom:15px;
}

#tintuc a.title2:hover{
color:#000;
text-decoration:underline;
}

p.readmore{
font:bold 11px Tahoma;
background:url(../images/icon_rd.gif) top right no-repeat;
height:20px;
clear:both;
text-align:right;
padding:4px 35px 0px 0px;
margin-top:10px;
}
p.readmore a:link,p.readmore a:active,p.readmore a:visited{
color:#0284ce;
text-decoration:underline;
}

p.readmore a:hover{
color:#000;
}


/* Suport online */
#httt{
width:210px;
padding: 0px 0px 0px 40px;
background:url(../images/khung_ht.gif) top left no-repeat;
margin-top:10px;
float:left;
}

#httt p.ten{
padding:5px 0px 5px 40px;
}


.anh{
float:left;
}


.anh img{
margin-right:10px;
}

.sdt{
float:left;
}

/* Who we are  ----------------------------*/
#right p.whoweare{
width:684px;
padding:15px 0px 10px 0px;
}

#right p.noidung_wwa{

padding:10px 0px 0px 0px;
}

#diadiem{
width:684px;
padding:0px 0px 15px 0px;
float:left;
}

#diadiem .dd1{
width:320px;
float:left;
padding-right:20px;
}

#diadiem1{
width:684px;
}

#diadiem1 .dd1a{
width:320px;
float:left;
padding-right:20px;
}

#diadiem1 p.dv{
padding:10px 0px;
}

#diadiem1 ul{margin-bottom:15px; margin-left:5px; margin-top:10px;}
#diadiem1 ul ul {margin-left:0px; margin-bottom:7px;}
#diadiem1 li {background:url(../images/icon_arrow.gif) 0px 6px no-repeat; padding: 2px 0px 5px 20px;}


#diadiem1 a.tintuckhac:link,#diadiem1 a.tintuckhac:active,#diadiem1 a.tintuckhac:visited{
color:#004b75;
text-decoration:none;
}
#diadiem1 a.tintuckhac:hover{
text-decoration:underline;
}

#diadiem1 p.viethoa{
text-transform:uppercase; 
font:bold 11px Tahoma;
padding:10px 0px 10px 0px;
color:#616161;
}

.border_img{
border:1px solid #dcdcdc;
padding:3px;
}

.anh_logistic{
padding:15px 0px 10px 0px;
}

#bottom{
clear:both;
background:url(../images/bottom_.gif) top repeat-x;
height:4px;
margin-top:10px;
}

p.cuoi{
padding:10px 0px 10px 0px;
text-align:left;
float:right;
}

p.cuoi a:link{
padding:10px 0px 10px 0px;
text-align:left;
text-decoration:none;
color:#0284ce;
}

p.cuoi a:hover{
text-decoration:underline;
}


/*  menu top*/

#menu {
	float:left;
	background:url(../images1/bg_menu.jpg) no-repeat;
	font-size:100%;
	line-height:normal;	
	width:777px;
	height:26px;
	}
	
	
#menu ul {
	margin:0 ;
	padding:57px 0px 0 0px;
	list-style:none;
	
	}
	
#menu li {

	display:inline;
	margin:0;
	padding:0;
	}


	

/* bg_left */
#menu a {
	float:left;
	background:url(../images/1.gif) no-repeat left top;
	margin:0 2px ;
	padding:0 0 0 12px;
	text-decoration:none;
	}
		/* bg_right */
#menu a span {
	float:left;
	display:block;
	background:url(../images/2.gif) no-repeat right top;
	padding:6px 12px 7px 0px;
	color:#2e2e2e; font-family:tahoma;font-weight:bold;font-size:11px;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#ffffff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.select {background-position:100% -27px;}


#menu .hightlight span {color:#ffffff;}
#menu .hightlight {background-position:0% -27px;}
#menu .hightlight span {background-position:100% -27px;}

/*--------co----------------------*/
p.co{
float:right;
padding-top:20px;
}

p.co img{
margin-right:20px;
}

.solution_row {
border-bottom: 1px dotted #e0e0e0; margin-bottom:5px; padding:0px 0px 5px 0px;
}

.solution_row1 {
margin-bottom:5px; 
}

.img_left_border {
float:left; margin-right:10px; margin-bottom:5px; margin-top:4px; padding:3px; border: 1px solid #dbdbdb;
}


/* Paging 
-------------------------------- */
.pages { padding-bottom:5px; padding-top:5px; }
.pages a:link, .pages a:visited { border-right:1px #ebebeb solid; margin-right: 3px; padding:1px 5px 1px 5px; color:#000;text-decoration:none; }
.pages a:hover, .pages a:active, .pages #cur {text-decoration:underline; color:#c40202; padding:1px 5px 1px 5px; }


p.quaylai{
float:right;
padding:10px 0px;
}


.tbl_contact td, .tbl_contact th {padding:3px; }

 .contact_textarea {border:1px solid #cdcdcd; font-size:12px; font-family:Arial, Tahoma; }

.contact_input{
font-size:12px; font-family:Arial, Tahoma;
width:155px;

}

.contact_input1{
font-size:12px; font-family:Arial, Tahoma;
width:155px;
border:1px solid #cdcdcd; 

}
.importance
{
color:#ff004e;
}

.tomau{
background:#f7f7f7;
}