@charset "utf-8";
/* CSS Document */
body
{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:13px;
	background:url(../images/bg_body.jpg) repeat-x fixed top;	
	
}

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

p{
	margin:0px;
	padding:0px;
 }
 
a{ 
 	text-decoration:none;
	color:#003399;
 }
 
a:hover{ 
 	text-decoration:none;
	color:#FF0000;
 } 

a img{
	
	border:none;	
}
img {
	vertical-align: center;	
}

fieldset{
	border:none;
}
p,form{ margin:0px;padding:0px;}

h1, h2, h3, h4, h5 {
	font-size:12px;
	margin:0px auto;
	padding:0px;
}
h1{
	padding:5px 0px 5px 0px;	
}

.clear{
	clear:both;	
}
.clear_row{
	clear:left;
	padding-top:5px;
}

.floatleft{
	float:left;
}	

.floatright{
	float:right;	
}

.bg_title_right{
	clear:both;
	background:url(../images/bg-title-right.gif) no-repeat;
	width:203px;
	height:30px;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
	line-height:2.5em;
	text-transform:uppercase;
}
.input-text-friend{
	width:190px;
	height:18px;
	border:solid 1px #ccc;
}
/* phan css main */

#wapper {
	width:1000px;
	margin:0px auto;
	padding:0px;
	background:#fff;
	overflow:hidden;
}


/* phan css header*/

#header {
	width:100%;
}

#header div.bg-top{
	background:url(../images/bg-top.gif) repeat-x;
	width:100%;
	height:134px;
	color:#FFFFFF;
}
.banner-top{
	clear:both;
	position:relative;
	overflow:hidden;
}

.banner-top div.language{
	width:250px;
	top:0;
	right:0px;
	position:absolute;
	padding:50px 10px 0px 0px;
}
.bg-top h2.logo{
	clear:both;
	float:left;
	width:740px;

}


#header div#buttom{
	background:url(../images/bg_line_nut.gif) repeat-x;
	height:32px;

}

#cls_lang{ 
	float:right;width:50%;
	padding-right:10px;
}

#cls_lang a{
	text-decoration:none;
	color:#fff;
}

#cls_lang a:hover{
	text-decoration:none;
	color:#000000;
}
.buttom{
	clear:both;
	background:url(../images/bg-buttom.gif)  repeat-x;
	width:1000px;
	height:32px;
	font-family:Arial;
	font-size:12px;
}

.buttom .bg_home a{
	background:url(../images/bg_trangchu.gif) no-repeat;
	display:block;
	width: 109px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}
.buttom .bg_congnghe a{
	background:url(../images/bg-congnghe-a.gif) no-repeat;
	display:block;
	width: 146px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}

.buttom .bg_congnghe a:hover{
	background:url(../images/bg-congnghe.gif) no-repeat;
	display:block;
	width: 146px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}
.buttom .bg_congnghe_select a{
	background:url(../images/bg-congnghe.gif) no-repeat;
	display:block;
	width: 146px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}

.buttom .bg_home a:hover{
	background:url(../images/bg_trangchu_over.gif) no-repeat;
	display:block;
	width: 109px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}

.buttom .bg_home_select a{
	background:url(../images/bg_trangchu_over.gif) no-repeat;
	display:block;
	width: 112px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}

.buttom .bg_contact a{
	background:url(../images/bg-lienhe.gif) no-repeat;
	display:block;
	width: 83px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}

.buttom .bg_contact a:hover{
	background:url(../images/bg-lienhe.gif) no-repeat;
	display:block;
	width: 83px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}

.buttom .bg_contact_select a{
	background:url(../images/bg_trangchu_over.gif) no-repeat;
	display:block;
	width: 83px;
	height:32px;
	float:left;
	line-height:2.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
}

/* phan css mainContent */

#mainContent{
	width:99%;
	margin:0px auto;
	position:relative;
	overflow:hidden;
	margin-top:2px;
}


.search-box{
	clear:both;
	padding:5px 0px;
	overflow:hidden;
	padding-right:10px;
	border-top: solid 2px #ccc;
	margin:3px 0px;
	/*border-bottom:solid 1px #f7f7f7;*/
	background:#f6f2f2;
	
}
.search-box div.title-main{
	clear:both;
	float:left;
	width:570px;
	padding-left:5px;
	font-weight:bold;
	line-height:1.5em;
	text-transform:uppercase;
}

.search-box input.text-key{
	float:left;
	border:solid 1px #ccc;
	width:200px;
	height:18px;
	margin-right:5px;
}	

.cbo-search{
	float:left;
	width:120px;
	height:22px;
	border:solid 1px #ccc;
}
.search-box input.submit{
	border:solid 1px #ccc;
	cursor:pointer;
	height:22px;
}
/*css left */
#left{
	float:left;
	width:230px;
}
.bg_title_left{
	background:url(../images/bg_title_left.gif) no-repeat;
	width:222px;
	height:30px;
	line-height:2.4em;
	font-weight:bold;
	color:#fff;
	text-indent:15px;
	text-align:left;
	text-transform:uppercase;
}
.bg_mid_left{ 
	background:url(../images/bg_mid_left.gif) repeat-y;	
	overflow:hidden;
	width:222px;
}
.bg_bottom_lef{
	background:url(../images/bg_bottom_left.gif) no-repeat;
	width:222px;
	height:11px;
}

.sub_left{
	width:95%;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	padding:5px 0px;
}
.sub_left ul li{
	padding:3px 0px 3px 7px;	
	background:url(../images/icon_arrow.gif) no-repeat 0px 7px;
}
.sub_left ul li a{
	color:#003399;
}
.sub_left ul li a:hover{
	color:#FF0000;
}

.cls_do{ color:#F00;font-weight:bold;}

#bg_product ul li{
	width:203px;
}
#bg_product li a{
	background:url(../images/bg_product.gif) no-repeat;
	height:29px;
	display:block;
	color:#FFF;
	text-indent:17px;
	line-height:2em;
}
#bg_product li a:hover{
	background:url(../images/bg_product_over.gif) no-repeat;
	height:29px;
	display:block;
	color:#000;
}

.clscombo{
	width:180px;
	height:22px;
	margin-top:5px;
}

.sub_projet{
	clear:both;
	width:190px;
	margin:auto;
	overflow:hidden;
}

.sub_projet ul li{
	clear:both;
	padding:5px 0px;
	width:190px;
	border-bottom:dotted 1px #ccc;
	overflow:hidden;
}
.sub_projet ul li p.img{
	width:190px;
	border:solid 1px #ccc;
	overflow:hidden;
}
.sub_projet ul li p.name{
	width:190px;
	margin:auto;
	padding:5px 0px;
	clear:both;
	overflow:hidden;
}


.cls_h1{
	width:49%;
	float:left;
	text-indent:10px;
	}
	
.cls_h2{
	width:69%;
	float:left;
	text-indent:10px;
	}

.cls_luotxem{ float:left;width:30%;}

.sub_support{
	clear:both;
	overflow:hidden;
	padding-top:5px;
}
.sub_support ul li{
	clear:both;
	padding:4px;
}

/* phan css mid */
#mid{
	float:left;
	width:548px;
	overflow:hidden;
}

#bg_title_content{
	background:url(../images/bg_title_content.gif) no-repeat;
	width:568px;
	height:27px;
	overflow:hidden;
	text-transform:uppercase;
	color:#333;
}

#bg_title_content div#left_title{
	background:url(../images/left_title.gif) no-repeat;
	width:5px;
	height:30px;
	float:left;
	
}

#bg_title_content div#mid_title{
	background:url(../images/mid_title.gif) repeat-x;
	height:30px;
	float:left;
	line-height:2.0em;
	padding:0px 10px 0px 10px;
	text-transform:uppercase;
	color:#FF0000;
}

#bg_title_content div#right_title{
	background:url(../images/right_title.gif) no-repeat;
	height:30px;
	width:5px;
	float:left;
}

#content_mid{
	background:url(../images/bg_mid_content.gif) repeat-y;
	width:548px;
}

#content_mid div#sub_content{
	width:96%;
	margin:0px auto;
	overflow:hidden;
	padding:15px 0px 10px 0px;
	text-align:justify;
	line-height:1.5em;
	
}
.cls_hinh{
	width:175px;
	float:left;
	margin-top:5px;
}

.cls_sumary{
	width:340px;
	float:right;
	text-align:justify;
	line-height:1.5em;
}
.cls_sumary p.name{
	clear:both;
	font-weight:bold;
	padding-bottom:3px;
	overflow:hidden;
}
.cls_sumary p.date{
	font-size:11px;
	color:#666;
	padding-bottom:5px;
	clear:both;
}
.bg_shadown{ 
	background:url(../images/shadown.gif) no-repeat;
	width:537px;
	height:27px;
	clear:both;
}

.detail-noidung{
	clear:both;
	overflow:hidden;
	border-bottom:dotted 1px #ccc;
	padding-bottom:15px;
}
.hinh_top{
	background:url(../images/bg_khung_top.gif) no-repeat;
	width:170px;
	height:10px;
}
.hinh_mid{
	background:url(../images/bg_khung_mid.gif) repeat-y;
	width:170px;
	padding-bottom:5px;
}
.hinh_bottom{
	background:url(../images/bg_khung_bottom.gif) no-repeat;
	width:170px;
	height:7px;
}
.cls_img_detail{padding-right:10px;margin-top:5px;}

#content_bottom{
	background:url(../images/bg_botom_content.jpg) no-repeat;
	width:548px;
	height:15px;
}
.cls_cot{ float:left;width:33.3%;}

.cls_cot1{ float:left;width:33.3%;height:190px;}

.cls_time{ color:#999999; font-style:italic;}
.format_lienhe{ width:350px; height:20px; border:solid 1px #cccccc;}
#format_text{ text-align:justify;line-height:1.5em;}

.left_relative{float:left;width:28%;}
.right_relative{float:left;width:70%;padding-left:10px;}

#sub_relative{
	clear:both;
	overflow:hidden;
	margin-left:10px;
	padding-top:10px;
}
#sub_relative ul li{
	padding:2px 0px 2px 7px;
	text-align:left;
	background:url(../images/icon_arrow.gif) no-repeat 0px 8px;
}
#sub_relative ul li a span{
	color:#666;
	font-size:11px;
}
.bg_relative{ 
	
	height:10px;
	clear:left;
	border:solid 1px #ccc;
	border-left:none;
	border-right:none;
	padding:5px;
	overflow:hidden;
	padding-bottom:10px;
}
.cls_lienquan_1{
	background:#FFFFFF;
	display:inline;
	padding:0px 10px 0px 0px;
	color:#FF0000;
	margin-left:5px;
	text-transform:uppercase;
}

.tk_button{
	border:solid 1px #CCCCCC;
	padding:3px 10px;;
	margin-top:5px;
	overflow:hidden;
}
#cot_pic_big{ 
	float:left;
	width:270px;
	clear:left;
}

#cot_sumary{
	float:left;
	width:250px;
	text-align:justify;
	line-height:1.5em;
}
#cot_sumary p.name{
	font-weight:bold;
	text-align:left;
	padding-bottom:3px;
}
#cot_sumary p.date{
	padding-bottom:5px ;
	color:#666;
	font-size:11px;
}
#hinhtinlon_bottom{
	background:url(../images/bg_khung_bottom_big.gif) no-repeat;
	width:260px;
	height:7px;
}
#hinhtinlon_mid{
	background:url(../images/bg_khung_mid_big.gif) repeat-y;
	width:260px;
	padding-bottom:10px;
	
}
#hinhtinlon_top{
	background:url(../images/bg_khung_top_big.gif) no-repeat;
	width:260px;
	height:10px;
}

ul.project-items{
	overflow:hidden;
}
ul.project-items li{
	float:left;
	width:260px;
	overflow:hidden;
	height:240px;
}
ul.project-items li div.bg-duan{
	clear:both;
	background:url(../images/bg-duan.gif) no-repeat;
	width:246px;
	height:220px;
	margin-left:7px;
	overflow:hidden;
}
ul.project-items li div.bg-duan p.img{
	width:220px;
	margin:auto;
	margin-top:10px;
	overflow:hidden;
	height:155px;
}

ul.project-items li div.bg-duan p.name{
	clear: both;
	overflow:hidden;
	padding-bottom:10px;
	width:220px;
	margin:auto;
	padding-top:3px;
}
/* phan css right */
#right {
	float:right;
	width:207px;
	overflow:hidden;
}

.cls_pad{ padding:5px 0px 0px 0px;}
.cls_combo{
	width:190px;
	height:22px;
	border:solid 1px #CCCCCC;
	margin-top:5px;
}
.bg_buttom_search{
	background:url(../images/bg_buttom_search.gif) no-repeat;
	background-position:5px 0px 0px 0px;
	width:89px;
	height:22px;
	border:none;
	font-size:12px;
	color:#fff;
	margin-top:10px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent:15px;
}

.bg_search_input{
	background:url(../images/bg_search_input.gif) no-repeat;
	width:191px;
	height:23px;
	border:none;
	text-indent:25px;
	float:left;
	margin-top:5px;
}


.bg_mid_right{ 
	background:url(../images/bg_mid_right.gif) repeat-y;	
	overflow:hidden;
	width:203px;
}
.bg_bottom_right{
	background:url(../images/bg_bottom_right.gif) no-repeat;
	width:203px;
	height:9px;
}
#format_rates{
	padding-bottom:10px;
	color:#000;
	width:93%;
	overflow:hidden;
	border:solid 1px #CCC;	
	margin-top:5px;
}

#format_rates .row{
	border-bottom:dotted 1px #CCC;
	height:25px;
	line-height:2em;
}

#format_rates .row .col{
	width:49%;float:left;
	border-right:solid 1px #CCC;
	height:25px;
}
#format_rates .row .col2{
	width:50%;float:left;
	height:25px;
}

/* phan css footer */

#footer{
	width:100%;
	margin:0px auto;
	position:relative;
	margin-top:5px;
	font-size:12px;
} 

#footer div#mid_f{
	
	background:url(../images/bg_footer.gif) repeat-x;
	width:1000px;
	height:120px;
	float:left;
}

#footer div#mid_f #cot1{
	width:34%;
	float:left;
	padding:7px 0px 10px 0px;
	color:#fff;
	font-weight:bold;
}


#footer div#mid_f #cot2{
	width:66%;
	float:right;
	padding:10px 0px 10px 0px;
}

#footer div#mid_f #cot2 ul li {
	color:#fff;
	display:inline;
}

#footer div#mid_f #cot2 ul li a{
	color:#fff;
	padding:0px 1px 0px 1px;
	
}

#footer div#mid_f #cot2 ul li a:hover{
	color:#000;
	padding:0px 1px 0px 1px;
}


#width_1{
	width:46%;
	float:left;
	text-align:left;
	color:#000;
	clear:left;
	padding-top:10px;
	overflow:hidden;
	padding-left:5px;
}

#width_1 ul li{
	color:#000;
	padding-top:5px;
}
#width_2{
	width:52%;
	float:right;
	text-align:left;
	color:#000;
	text-align:right;
	padding-top:15px;
	overflow:hidden;
	padding-right:5px;
}


#footer div#right_f{
	
	background:url(../images/right_footer.gif) no-repeat;
	width:7px;
	height:146px;
	float:left;
}
.menu-footer{
	clear:both;
	overflow:hidden;
	padding-bottom:10px;
}
.menu-footer ul li{
	display:inline;
}
.menu-footer ul li a{
	padding:0px 10px;
}	
#footer a{ color:#000;}
#footer a:hover{ color:#0F0;}