@charset "utf-8";
/* CSS Document */
body {background:#00abad; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; margin:0 auto;}
a {text-decoration:none; cursor:pointer; outline:none}
img {border:0px;}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}
p {padding:0; margin:0;}
.header {
	width:100%;
	height:224px;
	margin:0 auto;
	background:url(../images/header.jpg) 50% 0 no-repeat;
	text-align:right;
}
* {
	margin: 0px;
	padding: 0px;
}
.main {width:965px; background:url(../images/bg-main.png); padding:0 20px; margin:0 auto;}
.main .colleft {width:685px; float:left; padding:0px 0 0 20px;}
.main .colright {width:220px; float:right; clear:right; padding:0px 20px 0 0;}
.nav {background:url(../images/bg-nav.png) no-repeat; height:35px; padding:10px 15px 0; width:655px;}
.mainleft {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009576;
	padding:5px 0 5px 20px;
	float:left;
	width:685px;
}
.ngay {
	text-align: right; 
	padding:5px 20px;
	float:right;
	clear:right;
}
.class {
	margin: auto;
	width: 950px;
}

.nav span.title{color:#eb242d; font-weight:700; text-transform:uppercase; padding:5px 10px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}

.nav span.title a{color:#eb242d; font-weight:700; text-transform:uppercase; padding:5px 10px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}

.nleft span.title a{color:#eb242d; font-weight:700; text-transform:uppercase; padding:5px 10px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}
.nright span.title a{color:#eb242d; font-weight:700; text-transform:uppercase; padding:5px 10px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}

.nav span.title a:hover{color:#eb242d; font-weight:700; text-transform:uppercase; padding:5px 10px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}
.nav a{color:#fff; font-weight:700; padding:5px 35px; }
.nav a.active, .nav a.selected, .nav a:hover{color:#eb242d; font-weight:700; padding:5px 35px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}
.nav1 {background:url(../images/bg-nav3.png) repeat-x; padding:0 15px; border:solid #a3dbdc 1px; border-bottom:0px; border-top:0px; min-height:100px;}




.nav1 .image {float:left; padding-right:10px;}
.nav1 .image img {padding-right:20px;}
.nav1 .cleft {float:left; width:48%; padding-right:2%; border-right:solid #dedede 1px;}
.nav1 .cleftvlxd {float:left; width:100%; padding-right:2%;}
.nav1 .maintitle {color:#009597; font-weight:700; text-transform:uppercase;}
.nav1 .cleft .content {}
.nav1 .content  a {padding-bottom:5px; font-weight:700; color:#007576; display:block;}
.nav1 .cleft .content1 {}
.nav1 .content1  a {padding-bottom:5px; font-weight:700; color:#007576; display:block;}
.nav1 .cleft .image img {padding:3px; border:solid #dedede 1px;}
.nav1 .cleft .imagevlxd img {padding:3px; border:solid #dedede 1px;}
.nav1 .cright .content {}
.nav1 .cright .content1 {}
.nav1 .cright .image img {padding:3px; border:solid #dedede 1px;}
.nav1 .cright {float:right; clear:right; width:48%;}
.nav1 table.member {}
.nav1 table.member tr.title td{background:#dfdfdf; padding:6px 0 6px 30px; font-weight:700; width:50%;}
.nav1 table.member tr.content td.name {background:#f6f6f6; color:#00abad; padding:10px 30px; font-weight:700; text-transform:uppercase;}
.nav1 table.member tr.content td.desc { padding:10px 30px; background:#eeeeee;}
.nav1 table.transaction {background:#e7e7e7;}
.nav1 table.transaction tr.title td{background:url(../images/tran-title.png) repeat-x; padding:6px 0 6px 20px; font-weight:700; color:#009c9e;}
.nav1 table.transaction tr.content td.images {background:#ffffff; padding:10px; width:142px;}
.nav1 table.transaction tr.content td.images img {border:solid #e7e7e7 2px;}
.nav1 table.transaction tr.content td.desc { padding:10px 20px; background:#ffffff; width:50%;}
.nav1 table.transaction tr.content td.desc span.title a{color:#009c9e; font-weight:700; text-transform:uppercase;}
.nav1 table.transaction tr.content td.desc span.address {color:#ed9337;}
.nav1 table.transaction tr.content td.info { padding:10px 20px; background:#ffffff; width:30%; line-height:25px;}
.nav1 table.transaction tr.content td.info  ul {list-style:none; width:100%; margin:0; padding:0;}
.nav1 table.transaction tr.content td.info  ul li{display:inline; padding-right:3px;}
.nav1 table.transaction tr.content td.info  ul li.active  a{color:#008a8d;}
.nav1 table.transaction tr.content td.info span.code{color:#008a8d;}
.nav1 table.transaction tr.content td.info span.currency{color:#ee1c23;}
.nav1 table.transaction tr.content td.info a {border:solid #e7e7e7 1px; padding:2px 5px; color:#585858; font-size:10px; font-weight:700; display:inline;}
.nav1 table.transaction tr.content td.info a.active, .nav1 table.transaction tr.content td.info a:hover{color:#008a8d;}
.nav1 table.transaction tr.content td.info a.save {background:url(../images/ico-save.png) 0 50% no-repeat; color:#008a8d; font-size:11px; padding:3px 5px 3px 29px;}
.nav1 table.transaction tr.content td.info a.remove {background:url(../images/remove.gif) 7px 50% no-repeat; color:#008a8d; font-size:11px; padding:3px 5px 3px 29px;}
.nav1 ul.p-other {padding:0; margin:0;}
.nav1 ul.p-other li{padding:0 20px; margin:0; list-style:none; background:url(../images/arrow-green.png) 0 50% no-repeat;}
.nav1 ul.p-other li a {font-weight:700; color:#00888a; line-height:22px;}
.nav1 ul.n-other {padding:0; margin:0;}
.nav1 ul.n-other li{padding:0 20px; margin:0; list-style:none; background:url(../images/arrow-black.png) 0 50% no-repeat;}
.nav1 ul.n-other li a {color:#444444; line-height:22px;}
.nav1 ul.n-other li span.date{color:#777777;}
.nav1-s-t {color:#007576; text-transform:uppercase;}
.nav1-s-t a {color:#007576; font-weight:700;}

.nav2 {background:url(../images/bg-nav1.png); height:15px;}
.a-nav{background:url(../images/about-top.png) no-repeat; height:20px; padding:10px 20px; text-align:right; font-size:18px; font-weight:700; color:#00abad; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif;}
.image-home {padding:0 0 20px 0;}
.bg-search {background:url(../images/bg-seach.png) no-repeat; height:188px;}
.bg-search div.title {color:#ad050b; font-size:20px; padding:15px 0 0 80px;}
.bg-search .sleft{float:left; width:52%; padding:10px 2%; text-align:right; font-weight:700; line-height:30px; z-index:0;}
.bg-search .sright{float:right; clear:right; width:40%; padding:10px 2%; text-align:right; font-weight:700; line-height:30px;}
.bg-search .bt-search {background:url(../images/bt-search.gif) no-repeat; height:31px; width:97px; border:none; color:#000000; font-size:11px; font-weight:700;}
.main .colleft .nav1 .tb-ch {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 8px;
}
.tinchitiet {float:left; margin-top:10px; background:url(../images/bg-detail1.png); text-align:center; width:114px; height:21px; line-height:21px;}
.tinchitiet a {color:#00abad;}
.bg-search select {width:180px; color:#525252; font-size:11px;}
.bg-search .textinput {width:176px; color:#525252; font-size:11px;}
.bg-home-news {background:url(../images/bg-home-new.png); height:250px; padding:10px 0;}
.bg-home-news .nleft {float:left; width:46%; padding:0 2%;}
.bg-home-news .image {padding:0 0px 0 0; float:left;}
.bg-home-news .image img {padding:3px; border:solid #dedede 1px;}
.bg-home-news .content1 {padding-left:10px; float:left; width:185px;}
.bg-home-news .nright {float:right; clear:right; width:46%; padding:0 2%;}
.bg-home-news span.title{color:#eb242d; font-weight:700; text-transform:uppercase; padding:5px 10px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}
.bg-home-news a.n-title {color:#007576; font-weight:700;}
.bg-home-news a.n-title1 {color:#007576; font-weight:700;margin-top:10px;}

.bg-home-news span.date {color:#929292; font-size:11px;}

.partner-top {background:url(../images/partner-top.png) no-repeat; height:36px; padding:10px 0 0 20px;}
.partner-top span.title{color:#eb242d; font-weight:700; text-transform:uppercase; padding:5px 10px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}
.partner-middle {background:url(../images/part-mid.png) repeat-x; min-height:200px; border:solid #a3dbdc 1px; border-top:0px; border-bottom:0px; padding:0 18px; text-align:center;}


.partner-middle1 {
	background:url(../images/part-mid.png) repeat-x;
	min-height:180px;
	border:solid #a3dbdc 1px;
	border-top:0px;
	border-bottom:0px;
	padding-left:8px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009999;
}


.charge {background:url(../images/part-mid.png) repeat-x; min-height:200px; border:solid #a3dbdc 1px; border-top:0px; border-bottom:0px; padding:0 18px; text-align:center;}

.gallery-middle {background:url(../images/part-mid.png) repeat-x; min-height:140px; border:solid #a3dbdc 1px;text-align:center; border-bottom:0; border-top:0;}

.partner-middle img {border:solid #dedede 1px;}
.partner-bottom {background:url(../images/partner-bottom.png) no-repeat; height:20px;}
.bg-info {background:url(../images/bg-info.png); height:148px;}
.bg-info div.title{color:#eb242d; font-weight:700; text-transform:uppercase; width:150px; text-align:center; padding:10px 0;}
.bg-info div.content {padding-left:70px; }
.bg-info div.content a{color:#6a6a6a; text-decoration:none;}
.news-left {float:left; width:341px;}
.news-right {float:right; clear:right; width:341px;}
.news-top {background:url(../images/new-top.png); padding:10px 20px; height:26px;}
.news-bottom {background:url(../images/new-bottom.png); height:39px;}
span.news-title {color:#eb242d; font-weight:700; text-transform:uppercase; padding:5px 10px; background:#e7f7f7; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}
.news-image {float:left;}
.news-image img {padding:3px; border:solid #dedede 1px;}
.news-desc {padding-left:10px; float:left; width:185px;}
.news-desc a.n-title {color:#007576; font-weight:700;}
.news-desc span.date {color:#929292; font-size:11px;}
.footer {
	width:975px;
	height:80px;
	padding:24px 10px 0 20px;
	margin:0 auto;
	background: url(../images/footer.png) 50% 0 no-repeat;
}
.footer .cleft {float:left; width:190px; padding:13px; font-size:12px;}
.hitcountor {float:left; color:#feefd3; font-weight:700; width:35%; text-align:center; font-size:12px; margin-top:5px; letter-spacing:1px;}
.visitor {color:#feefd3; text-transform:none; font-weight:700; float:left; width:50%; text-align:left; margin-top:2px; padding-left:20px;}

.footer .cright {float:right; clear:right; width:740px; padding:0; text-align:right; padding:10px 0 0;}
.footer .cright .menufooter {color:#fff; line-height:20px;}
.footer .cright .menufooter a {color:#fff; padding:0 8px;}
.footer .cright .address {color:#80d5d6; padding-right:10px; line-height:20px;}
.footer .cright .address a {color:#fff;}
.clearboth {clear:both; height:0px; line-height:0px;}
.clearboth1 {clear:both; height:1px; line-height:1px; background:#dedede; margin:15px 0;}
.clearboth2 {clear:both; height:1px; line-height:1px; margin:0;padding:0; }
span.detail {background:url(../images/ico-detail.png) no-repeat; padding:1px 7px; text-align:center; float:right; line-height:16px;}
span.detail a{color:#000000; font-size:11px; font-weight:700;}
span.detail1 {margin-left:600px;text-align:right;}

span.detail1 a{background:url(../images/ico-detail.png) no-repeat;color:#000000; font-size:11px; font-weight:700;padding: 0 5px;}

.mainleft1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #009576;
	padding:5px;
	text-transform: uppercase;
	background:none;
	
}
.online {
	color:#feefd3;
	text-transform:none;
	font-weight:700;
	float:left;
	width:50%;
	text-align:left;
	padding-left:20px;
	margin-top: 0px;
}
.onlinecountor {
	float:left;
	color:#feefd3;
	width:35%;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	margin-top: 0px;
	font-weight:700;
}

#page {text-align:right; font-family:arial; color:#666; padding-top:10px; width:100%;}
#page ul {margin:0; padding:0; list-style:none; text-align:center; width:100%;}
#page ul li {display:inline;}
.pages {text-align:left; font-family:arial; font-size:10px; text-transform:uppercase; color:#666;width:100%; padding:10px 0;}
.pages ul {margin:0; padding:0; list-style:none; text-align:left; width:100%;}
.pages ul li {display:inline;}
 a.page {color:#333; font-family:arial;  padding:5px; border-right:solid #fff 1px;}
 a.page:hover{color:#BC0000;}
.page_cur {color:#BC0000; padding:2px 5px; border-right:solid #fff 1px; text-decoration:none;}

.table_content_project{ width:648px; margin:auto;}
.table_content_project .top{width:100%; clear:both; background:url(../images/top_project.jpg) no-repeat center; height:14px; }
.table_content_project .center{width:100%; clear:both; background:url(../images/center_project.jpg) repeat-y center;}
.table_content_project .bottom{width:100%; clear:both; background:url(../images/bottom_project.jpg) no-repeat center; height:12px; }
.table_content_project .center ul.listcontent{margin:0px; padding:0px; clear:both; float:left; width:60%; margin-left:20px;}
ul.listcontent li a{color:#444444; font-size:12px; line-height:180%}
ul.listcontent li a:hover{color:#999999}
.table_content_project .center ul.listcontent li{margin:0px; padding:0px; clear:both; list-style:none}


.table_content_project .center .right{float:right; width:30%; margin-right:30px; padding-top:50px; text-align:center}31px;}
.table_content_project .center .media{clear:right;6c6c6c;}
.media a{color:#444444}

.table_content_project .center .button{background:url(../images/register.jpg) no-repeat; width:149px; height:31px; margin:auto; margin-top:10px}
.center .button a{color:#000; font-weight:bold;line-height:240%}
.title_pageProject{color:#00888a; font-weight:bold; font-size:12px; text-transform:uppercase; margin-bottom:20px;}
.project_detail{ width:100%; background:#FFFFFF; padding-top:20px; padding-bottom:20px; }

.list_project{height:24px; width:668px; border-right:solid 1px #a3dbdc; border-left:solid 1px #a3dbdc; background:#2ebabc; color:#FFFFFF; font-weight:bold; line-height:180%; text-transform:uppercase; font-size:14px; padding-left:15px;}
ul.house{padding:0px; margin:0px; text-align:center}
ul.house li{border:#a6a6a6 solid 1px; padding:2px; margin:0px 5px 20px 5px; float:left; display:inline; list-style:none}
*html ul.house li{padding-bottom:0px}

ul.utis{padding:0px; margin:0px; width:100%;}
ul.utis li{padding:0px; margin:0px; width:212px; margin-left:5px; color:#108082; text-transform:uppercase; font-size:12px; list-style:none; font-weight:bold; float:left; height:60px;}

.bg-login {background:url(../images/bg-login.png) no-repeat; height:150px; width:221px;}
.login-top {padding:10px 0 10px 60px;}
.login-top span.title{color:#eb242d; font-weight:700; text-transform:uppercase;}
.bg-login  .frm {padding:10px 0 0 25px; line-height:25px;}
.bg-login  .fleft {float:left; padding:5px 0;}
.bg-login  .frm  .inputtext{width: 170px; height: 13px; font-family:arial; font-size:11px;}
.bg-login  .fleft .submit {background:url(../images/login.png) no-repeat; height:21px; width:78px; border:0; font-family:arial; font-size:11px; font-weight:700;}
.bg-login  .fright {line-height:18px;}
.bg-login  .fright  a{color:#525252; text-decoration:none;}
.bg-login  .fright  a:hover {text-decoration:underline;}





.menu {
	height: 28px;
	width: 965px;
	margin-top: 192px;
	
	position: absolute;
	z-index:1000;
	text-align:right;
}
/*div {
	border: 1px solid #FF0000;
}*/


	.menu ul{
	padding:0px;
	margin:0px;
	float:right;
	
	width: auto;
	text-align: right;
	
	}
	.menu ul li{
	position: relative;
	padding:0px;
	margin:0px;
	float:left;	
	list-style:none;
	width:auto;
	
	}
	
	.menu ul li a{
	color:#076968;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}
	
	.menu ul li a:hover, menu ul li a.active{	
	text-decoration:none;
	cursor:pointer;
	}
	.menu ul li .leftmenu{
	width:26px;
	height:28px;
	float:left;
	margin:0px;
	background-image: url(../images/hover1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	.menu ul li .center{
	height: 20px;
	padding: 8px 0px;
	float:left;
	padding-left:1px;
	margin:0px;
	clear:right;
	background-image: url(../images/hover2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
	.menu ul li .rightmenu{
	width:22px;
	height:28px;
	
	margin:0px;
	float:left;
	background-image: url(../images/hover3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
	
	.menu ul li .lgleft{
	width:15px;
	height:28px;
	float:left;
	margin:0px;
	background-image: url(../images/lgleft.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	.menu ul li .lgcenter_en{
	height: 29px;
	width:50px;
	margin-top:-1px;
	float:left;
	background-image: url(../images/lgcenter_vn.jpg);
	clear:right;
	background-position: 0px 0px;
	}
	
	.menu ul li .lgcenter_vn{
	height: 29px;
	width:50px;
	margin-top:-1px;
	float:left;
	background-image: url(../images/lgcenter.jpg);
	clear:right;
	background-position: 0px 0px;
	}
	.menu ul li .lgright{
	width:12px;
	height:28px;
	clear:right;
	margin:0px;
	float:left;
	background-image: url(../images/lgright.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
	
	.menu ul li a:hover .leftmenu, .menu ul li a.active .leftmenu, .menu ul li a.selected .leftmenu{
	background:  url(../images/hover12.jpg) left no-repeat;
	}
	.menu ul li a:hover .center, .menu ul li a.active .center, .menu ul li a.selected .center{
	color:#fff;
	background:  url(../images/hover22.jpg) repeat-x;
	}
	.menu ul li a:hover .rightmenu, .menu ul li a.active .rightmenu, .menu ul li a.selected .rightmenu{
	background:  url(../images/hover33.jpg) right no-repeat;
	}
	div.menu ul li ul{
	filter:alpha(opacity=50);
	opacity: 0.8;
	-moz-opacity:0.8;
	position: absolute;
	padding:0;
	margin:-4px 2px 0;
	left:0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	width: 160px;
	text-align:left;
	background:#009999;
	font-size:11px;
	z-index:10000;
	}
	
	div.menu ul li ul li{
	display:list-item;
	float: none;
	border:none;
	text-align:left;
	margin:0;
	padding:0 0 5px;
	border-top:solid #CCCCCC 1px;
	}
	
	div.menu ul li ul li a{
	width: 160px; /*width of sub menus*/
	padding: 5px 15px 0;
	margin: 0;
	text-align:left;
	text-transform:none;
	color:#fff;
	font-weight:100;
	display:block;
	}
	
	div.menu ul li ul li ul {
		position: absolute;
		width: 280px;
	}
	div.menu ul li ul li ul li a:hover{
		color:#d3261d;
	}
	div.menu ul li ul li a:hover{
	color:#00FFCC;
	}
	div.menu ul li a {
	
	}
	
	div.menu ul li a:hover, div.menu ul li a.active, div.menu ul li a.selected {
	
	}


	div.menu ul li ul.sub_new{
		filter:alpha(opacity=50);
		opacity: 0.8;
		-moz-opacity:0.8;
		position: relative;
		padding:0;
		margin:-110px 160px 0;
		left:0;
		display: none; /*collapse all sub menus to begin with*/
		visibility: hidden;
		width: 160px;
		text-align:left;
		background:#009999;
		font-size:11px;
		z-index:10000;
	}


	div.menu ul li ul.sub_new li{
		display:list-item;
		float: none;
		border:none;
		text-align:left;
		margin:0;
		padding:0 0 5px;
		border-top:solid #CCCCCC 1px;
	}

	div.menu ul li ul.sub_new li a{
	width: 160px; /*width of sub menus*/
	padding: 5px 15px 0;
	margin: 0;
	text-align:left;
	text-transform:none;
	font-weight:100;
	display:block;
	}	
		
.header .flash {
	margin: auto;
	width: 965px;
	text-align:right;
}
.charge {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00853E;
	float: left;
}

.partner-middle p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #017A37;
	clear: right;
	text-align: left;
}
.n-title a{color:#007576; font-weight:700;}
.n-title {padding-top:10px;}
.wper{margin-left:10px;
}