/* Bravo CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/bg_page.jpg) repeat-x;
	text-align: justify;
	font-family: Tahoma ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616161;
	
}

h1, h2, h3 {
	margin-top: 0;
	color: #8C0209;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
}



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

a {
	text-decoration: none;
	color:#333333;
}



a img {
	border: none;
}

body a{
	color:#42929D;
	text-decoration: none;
}

body a:hover{
	color:#FF6600;
	
}

/* Header */

#header {
	width: 1000px;
	height: 99px;
	margin: 0 auto;
	background: url(../images/bg_banner.jpg) repeat-x left top;
	border-bottom:solid #FFFFFF 1px;
	border-right:solid  #DDDDDD 2px;
	border-left:solid  #DDDDDD 2px;
}


/* Logo */

#logo {
	float:left;
	width: 215px;
	height: 99px;
	margin: 0 auto;
	background: url(../images/logo.jpg) no-repeat;
}
#download {
	float:left;
	width: 215px;
	height: 110px;
	margin: 0 auto;
	border-bottom:solid #8FC3D1 1px;
	border-right:solid #8FC3D1 1px;
	border-left:solid #8FC3D1 1px;	
}

/* Hotline */
#hotline {
	float:right;
	margin: 0 auto;
	padding-top:10px;
	padding-right:20px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}


/* Menu */
#top_menu
{
	width:650px;
	float:left;
}

#menu {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	height: 42px;
	background: url(../images/bg_menu.jpg) repeat-x;
	border-bottom:solid #FFFFFF 1px;
	border-right:solid  #DDDDDD 2px;
	border-left:solid  #DDDDDD 2px;
}


#menu ul {
	margin: 0;
	padding-left:20px;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
	width: 85px;
	height: 28px;
	padding: 2px ;
}

#menu a {
	display: block;
	width: 85px;
	height: 20px;
	padding: 7px 0 0 0;
	background: url(../images/menu.jpg) no-repeat;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {	
	color: #003366;
	background-image: url(../images/menu_active.jpg);
}



#menu .active a {
	height: 20px;
	background-image: url(../images/menu_active.jpg);
	color: #003366;
}

#menu .active a:hover {
	background-image: url(../images/menu_active.jpg);
}

/* Languages */
#lang1 {	
	width:60px;
	height:23px;
	float:right;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
#tong
{
	width:190px;
	height:23px;
	float:left;
	margin-top:3px;
	margin-left:10px;
}
#ngonngu
{
	width:118px;
	height:20px;
	float:left;
	line-height:24px;
	color:#000000;
}

div#lang {	
	/*padding-bottom:4px;*/
}


/* Search */
#search_vn {
	width: 61px;
	height: 22px;
	border: 0;
	background: transparent url(../images/search_vn.jpg) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	
}

#search_en {
	width: 61px;
	height: 22px;
	border: 0;
	background: transparent url(../images/search_en.jpg) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	
}

.search form {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	margin:0;
	padding:4px 10px 5px;
}

.keyword {
	border:1px inset #CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	margin-left:8px;
	width:140px;
}

.button {
	margin-left:2px;
	vertical-align:top;
}


/* Wrapper */

#wrapper {
	
}

/* Page */

#page {
	width: 996px;
	margin: 0 auto;
	padding: 20px 0 0 4px;
	overflow:hidden;
	border-right:solid  #CCCCCC 2px;
	border-left:solid  #CCCCCC 2px;		
}

/* Sidebars */

#sidebar {
	float: left;
	width: 221px;
	height: 800px;
	overflow:hidden;
	font-size:11px;
}

#sidebar li a {		
	height: 29px;
	  voice-family: "\"}\"";
	  voice-family: inherit;
	  height: 20px;
	font-weight:bold;
	text-decoration: none;	
}

#sidebar li a:link, #sidebar li a:visited {
	color: #343331;
	display: block;
	background:  url(../images/bg_sidebar.jpg);
	padding: 8px 0 0 25px;	
}

#sidebar li a:hover, #sidebar li #current {
	color: #41939E;
	
	padding: 8px 0 0 27px;
}

.sidebar_title{
	vertical-align:middle;
}

div.text{
	color:#FFFFFF; 
	font-size:12px; 
	font-weight:bold; 
	text-transform:uppercase;
	padding-left:50px;
	line-height:30px;
}

.introduce_top{
	float: left;
	width: 221px;
	height:32px;
	background:url(../images/sidebar_introduce_top.png) no-repeat;
}
				
.introduce{
	float: left;
	width: 221px;
	height:32px;
	background:url(../images/sidebar_introduce.jpg) no-repeat;
}

div.introduce{
	padding-left:50px;
	line-height:30px;		
}

div.introduce_top{
	padding-left:50px;
	line-height:30px;		
}

.product_top{
	float: left;
	width: 221px;
	height:32px;
	background:url(../images/sidebar_product_top.png) no-repeat;
}
				
.product{
	float: left;
	width: 221px;
	height:32px;
	background:url(../images/sidebar_product.jpg) no-repeat;
	
}

div.product{
	padding-left:50px;
	line-height:30px;		
}

div.product_top{
	padding-left:50px;
	line-height:30px;		
}

.services_top{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_services_top.png) no-repeat;
}
		
.services{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_services.jpg) no-repeat;
}

div.services{
	padding-left:50px;
	line-height:30px;	
}

div.services_top{
	padding-left:50px;
	line-height:30px;	
}

.customer_top{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_customer_top.png) no-repeat;
	
}

.customer{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_customer.jpg) no-repeat;
	
}

div.customer{
	padding-left:50px;
	line-height:30px;	
}

div.customer_top{
	padding-left:50px;
	line-height:30px;	
}

.contact_top{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_contact_top.png) no-repeat;	
}

.contact{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_contact.jpg) no-repeat;	
}

div.contact{
	padding-left:50px;
	line-height:30px;	
}

div.contact_top{
	padding-left:50px;
	line-height:30px;	
}

.download_top{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_download_top.png) no-repeat;	
}

.download{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_download.jpg) no-repeat;	
}

div.download{
	padding-left:50px;
	line-height:30px;	
}

div.download_top{
	padding-left:50px;
	line-height:30px;	
}

.recruitment_top{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_recruitment_top.png) no-repeat;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	
}
		
.recruitment{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_recruitment.jpg) no-repeat;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	
}

img.recruitment_top{
	margin:0px;
	padding:0px;
}
		
img.recruitment{
	margin:0px;
	padding:0px;
}

div.recruitment{
	padding-left:50px;
	line-height:30px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
		
}

div.recruitment_top{
	padding-left:50px;
	line-height:30px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
		
}

.logo_recruitment{	
	height:30px;
}

.support_top{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_support_top.png) no-repeat;	
}
		
.support{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_support.jpg) no-repeat;	
}

div.support_top{
	padding-left:50px;
	line-height:30px;	
}

div.support{
	padding-left:50px;
	line-height:30px;	
}

.news_top{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_news_top.png) no-repeat;	
}
		
.news{
	float: left;
	width: 221px;
	height:30px;
	background:url(../images/sidebar_news.jpg) no-repeat;	
}

div.news_top{
	padding-left:50px;
	line-height:30px;	
}

div.news{
	padding-left:50px;
	line-height:30px;	
}

.link_sidebar{
	float: left;
	width: 221px;
	height:180px;
	background:url(../images/sidebar_link.png) no-repeat;	
}

.yahoo{	
	height:140px;
}

.logo {
	height:250px;
	border-bottom:solid #8FC3D1 1px;
	border-right:solid #8FC3D1 1px;
	border-left:solid #8FC3D1 1px;		
}
.logo a{
	background:#FFFFFF !important ;
	height:207px;	
}

/* Body */

#body_page{
	float:right;
	width:760px;
	margin:0px;
	padding:0px;
}


.body_text{
	float:left;	
	display:inline;
	width:700px;
	padding:20px 30px 20px 30px;
	color:#524b48;
	text-align:justify;
	
}


.body_text a{
	color:#006699;
	font-size:14px;
	font-weight:bold;
}

.body_text  a:hover{
	color:#FF6600;
}


.body_description{
	float:left;	
	display:inline;
	width:700px;
	color:#524b48;
	text-align:justify;
	font-weight:bold;
	padding-bottom:10px;
}

.body_related{
	float:left;	
	display:inline;
	width:700px;
	padding:0px 30px 20px 30px;
	color:#524b48;
	text-align:justify;	
}

.body_related a{
	color:#006699;
	
}

.body_related  a:hover{
	color:#FF6600;
}

#body_link{
	float:right;
	width:760px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#body_link a{
	color:#006699;
}

#body_link  a:hover{
	color:#666666;
}

#body_header{
	float:right;
	width:760px;
	margin:0px;
	padding:0px;
}
/* Image Slide Show */

#imgslideshow{
	float:left;
	margin:0px;
	height:232px;
}



div.bd_body {
	width: 487px;
	height:238px;
	background-image: url(../images/bd_bg_iss.gif) ;
}

			
#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding-top:6px;
	width:472px;
	height:225px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin-left:10px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}	

/* ######### Tab content ######### */
#tab{
	float:left;
	margin-left:10px;
			
}

div.tab_body {
	width: 252px;
	height:239px;
	background-image: url(../images/tab.gif);
	display:block;
}

a.tab_title{
	color:#3F290A;
	line-height:20px;
	padding-left:15px;
	font-weight:bold;
	font-size:16px;
}
div.tab_content {
	width: 230px;
	padding:20px 0 10px 10px;
	display:block;
	font-size:12px;
	font-weight:bold;	
}

div.tab_content a{
	float:left; 
	text-align:justify;
	color:#666666;
	line-height:150%;
	font-size:11px;
}

.tab_body a:hover{	
	color:#FF6600;	 	
}

div.tab_bottom {
	width: 252px;
	background-image: url(../images/tab_bottom.jpg);
	height: 5px;
}

div.tab_text {
	color:#412A0B;	
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	padding-left:10px;	
	}
	
/* Title */	

#title{
	float:left;
	width:760px;
	margin-top:20px;
	
}

.title_text{
	color:#FFFFFF; 
	padding:3px 8px; 
	font-weight:bold; 
	line-height:20px;
}

.box{
	float:left;	
	display:inline;
	width:350px;
	height:120px;
	margin-left:10px;
	margin-right:10px;
	padding-top:20px;
	padding-bottom:10px;
	color:#000000 !important;
	font-weight:normal !important;
	font-size:12px;

}

.box img{
	float:left; 
	padding:0 5px 0 0;
}

.box a{
	color:#42929D;
	font-weight:bold !important;
}

.box a:hover{
	color:#FF6600;
	
}

.news_old a{
	float:left;		
}

.news_point{
	float:left;	
	display:inline;
	width:700px;
	padding:20px 30px 10px 30px;
	color:#000000 ;
	font-weight:normal ;
	font-size:12px;
	text-align:justify;	
}

.news_point a{
	color:#42929D;
	font-weight:bold ;
}

.news_point a:hover{
	color:#FF6600;
	
}

.news_point .more{
	text-align:right;
}

.end_list {
	width:700px;
	height:1px;
	background:url(../images/bg_more.jpg) no-repeat center;
	margin:8px 0px 0px 0px;
}

.paging{
	width:700px;
}

.paging a{
	color:#42929D;
	
}

.paging a:hover{
	color:#FF6600;
	
}
/* Footer */

#footer {	
	width: 1000px;
	height: 98px;
	margin: 0 auto;
	overflow:hidden;
	background:#FFFFFF url(../images/bg_footer.jpg) repeat-x;
	border-bottom:solid #DDDDDD ;
	border-right:solid  #DDDDDD 2px;
	border-left:solid  #DDDDDD 2px;
}

#footer p {
	margin: 0;
	padding: 25px 10px 0 10px;
	text-align: center;
	font-size: 11px;
}

#footer a {
	color:#000000;
}

#footer .link {
	float: right;
	
	text-align:right;
	line-height: 170%;
}

#footer .copyright {
	float: left;
	
}
.vovan{
	font-family: Tahoma ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #000000 ;
	
}

.hr {
	color: #8fc3d1;
	background-color: #8fc3d1;
	height: 1px;
}