/*
	# Reset defaults ################### 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
 caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;
	vertical-align: baseline;*/
	background: transparent;
}
body
{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	background:#0054b5;
	
}
.container {background:url(../images/master_bg.jpg) top center no-repeat}
#wrapper 
{
	width:940px;
	margin:0 auto 10px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link, a:visited{text-decoration:none;outline:none;}

/*
	# LAYOUT ################### 
*/
body
{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	background:#0054b5 url(../images/bg.jpg) top center repeat-x;
	
}
.container {/*background:url(../images/master_bg.jpg) top center no-repeat*/}
#wrapper 
{
	width:940px;
	margin:0 auto 10px;
}
#middle-home {padding:0 10px; margin-top:8px;}
#middle {margin-bottom:20px; overflow:hidden; _overflow:visible; _height:1%;}
.main-box {padding:0 25px;}
.mainContent-2col {width:575px; float:left;}
.sitebar-2col {width:300px; float:right; }
.mainContent-3col {width:705px; float:left;}
.sitebar-3col {width:177px; float:right;}
.col1 {width:221px; float:left; }
.col2 {width:700px; float:right;}
.col3 {width:218px; float:right; border:#f4f4f4 1px solid; padding:4px 0;}
.leftcol {width:270px; float:left; border:#ffc629 1px solid;}
.mainContent {width:650px; float:right;}
.leftpro {width:205px; float:left;}

/*
	# HEADING ################### 
*/
h1 {font:normal 19px Arial, Helvetica, sans-serif; padding-bottom:7px; color:#09347a;}
h2{color:#0974c2; font:normal 18px Arial, Helvetica, sans-serif;}
h3 {color:#09347a;}
	h3 a {color:#0a50a0;}	
	h3 a:hover {text-decoration:none;}
	h3.head-pro {border-bottom:#84a7cf 1px solid; padding:22px 0 5px 0; margin-bottom:7px;}
h4 {font:bold 12px/25px Arial, Helvetica, sans-serif; color:#fff;  background:url(../images/bg_head.png) top left no-repeat; margin-left:-5px; height:25px; padding-left:20px;}
	h4 a {color:#0a50a0;}
	h4 a:hover {text-decoration:none;}
	h4.headcat {border-bottom:#84a7cf 2px solid; padding-bottom:2px; text-transform:uppercase;}
h5 {font-size:12px; color:#0a50a0; font-weight:bold; text-transform:uppercase;}
	h5.headp {border-bottom:#84a7cf 2px solid; padding:30px 0 2px;}
h6 {font-size:11px; font-weight:bold; color:#fff; height:28px; margin-left:-5px; padding:9px 0 0 15px; text-transform:uppercase;}
	h6 a {color:#fff;}
	h6 a:hover {text-decoration:none; color:#D5E4ED;}
	h6.hsmall {background:url(../images/bg_head_small.png) 0px 0px no-repeat; width:175px;}
	h6.hbig {background:url(../images/bg_head_big.png) 0px 0px no-repeat; width:279px;}
	

/*
	# NAVIGATOR ################### 
*/
.hor-menu {position:absolute; right:0px; top:67px; border-top:#d3d3d3 1px solid; padding:10px 35px 0 0;}
	.hor-menu li {float: left; margin-left:10px; }
	.hor-menu li:first-child {margin-left:0}
	.hor-menu li a {color:#000; font:bold 14px/41px Tahoma, Geneva, sans-serif;  padding-left:11px;  text-transform:uppercase; display:block;}
		.hor-menu li a {margin-right:11px; display:block;}
		.hor-menu li:hover, .hor-menu li.selected { background:url(../images/bg_menu.png) top right no-repeat; }
		.hor-menu li:hover a, .hor-menu li.selected a { background:url(../images/bg_menu.png) top left no-repeat; line-height:41px; text-decoration:none; color:#fff; cursor:pointer; }

	
.sub-menu {:#407aff; clear:both;height:35px;}
	.sub-menu li {float:left; background:url(../images/spre_sub.png) right center no-repeat; padding:0 10px; height:35px; line-height:35px; }
	.sub-menu li.last {background:none;}
	.sub-menu li a {color:#09367f; text-decoration:none; font-weight:bold;  }


/*
	# HEADER ############################
*/
#header {position:relative; background:url(../images/bg_top.png) top left no-repeat; height:155px;}
.logo {padding:10px 0 0 25px; float:left;}
.topright {float:right; padding:30px 36px 0 0; width:370px;}
	.topright p a {display:inline; float:right; height:22px; line-height:22px; width:30px; font-size:11px; color:#09347a; margin-left:10px; text-indent:-999999px;}
	.topright p a.en {background:url(../images/en.png) center left no-repeat;}
	.topright p a.vn {background:url(../images/vi.png) center left no-repeat;}
	.topright div {font:bold 11px Arial, Helvetica, sans-serif; color:#09347a; text-align:right;}
	
.slogan {position:absolute; top:49px; left:225px;}

.flash {position:absolute; top:155px; left:20px;}	

/*
	# FOOTER #########
*/
#footer {clear:both; background:url(../images/bg_footer.png) bottom left no-repeat; padding-bottom:15px;}
.footer-inner {position:relative;background:url(../images/bg_footer.png) top left no-repeat; padding:18px 7px 0; *display:inline-block}
	.footer-inner a {color:#09347a;}
.head-foot {border-bottom:#e1e1e1 1px solid; padding:2px 0 8px 6px; height:15px; margin-bottom:10px;}
.company-name {color:#005ab4; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; float:left}
.foot-menu {float:right;}
	.foot-menu a {float:left; border-left:#222 1px solid; color:#000; padding: 0 8px; line-height:normal}
	.foot-menu a:first-child {border:none}

.bot-foot {clear:both; padding:8px 26px 26px 26px;}
.footright {text-align:right; float:right; padding-top:10px;}
.footleft {float:left; padding-top:20px;}
.counter {color:#006699;float:right; }
.copyright {height:29px; background-color:#0a50a0; line-height:29px; padding:0 10px; font-size:11px;}
	.copyright a {color:#fff;}
	
	

/*
	# Lists ################### 
*/

.nav-pro {margin:0px 7px 0 7px; padding-bottom:7px;} 
	.nav-pro li {background:url(../images/bullet.png) left center no-repeat; padding:7px 12px; border-bottom:#fff 1px dotted}
	.nav-pro li a {color:#fff;}
	.nav-pro li a.cur_pag {font-weight:bold;}
	.submenu {margin-left: 10px;}
	.submenu .sp {background:url(../images/bullet.png) left center no-repeat; padding:7px 12px; border-bottom:#fff 1px dotted}
	
	.nav-pro1 {margin:0px 7px 0 7px; padding-bottom:7px;} 
	.nav-pro1 li {background:url(../images/bullet.png) left center no-repeat; padding:7px 12px; border-bottom:#fff 1px dotted}
	.nav-pro1 li a {color:#fff;}
	.nav-pro1 li a.cur_pag {font-weight:bold;}
	
	
.article-item {border-bottom:#D5E4ED 1px solid; padding:10px 0;}	
	.article-item div {padding-right:10px;}
	.article-item img {float:left; margin-right:15px; border:#a8a8a8 1px solid; padding:1px;}
	.article-item a {color:#333333; font-weight:bold;}

.other-article {padding:10px 10px 5px 40px; list-style-type:none;}
	.other-article li {background:url(../images/arr_red.png) 0px 10px no-repeat; padding:2px 0 2px 13px;}
	.other-article li a {color:#323232;}

.list-news {padding:0 5px;}
	.list-news li {background:url(../images/spre_service.png) bottom center no-repeat; padding:0 0 40px;  overflow:hidden; _overflow:visible; _height:1%;}
	.list-news li h2 {margin-bottom:15px;}
	.list-news li h2 a {color:#0974c2; font:bold 16px Tahoma, Geneva, sans-serif}
	.list-news li img {float:left; margin:0px 15px 0 0; border:#000 1px solid; padding:1px;}
	.list-news li.last {border-bottom:none;}
a.viewmore {float:right; background:url(../images/viewmore.gif) right center no-repeat; padding-right:18px; color:#ef2d33; font-weight:normal}

.list-pro {margin-left:-33px;}
	.list-pro li {
	width:142px;
	display:inline-block;



*display:inline; 				zoom:1;
	text-align:center;
	margin-top: auto;
	margin-right: auto;
	margin-left: 33px;
	margin-bottom: 23px;
	text-transform: uppercase;
}
.list-pro-c li {
	width:142px;
	display:inline-block;



*display:inline; 				zoom:1;
	text-align:center;
	margin-top: auto;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 23px;
	text-transform: uppercase;
	float: left;
}
	.list-pro li.last {margin-right:0px;}
	.list-pro li div {
	height:140px;
	height:150px;
	overflow:hidden;
	border:#d1d1d1 1px solid;
	text-align:center;
	margin-bottom:5px;
}
	.list-pro li a {color:#000;}
	
	.list-pro1 {margin-left:-33px;}
	.list-pro1 li { width:142px; margin:0 0 23px 33px; display:inline-block; *display:inline; zoom:1; text-align:center}

	.list-pro1-c li.last {margin-right:0px;}
	.list-pro1-c li div {height:140px; height:150px; overflow:hidden; text-align:center; margin-bottom:5px;}
	.list-pro1-c li a {color:#000;}

.list-info {}
	.list-info li { padding:10px 0; border-bottom:#09347a 1px dotted;}
	.list-info li.last {border-bottom:none;}
	.list-info li a {color:#000; }
	
	
	
	
	
	.list-pro-c li.last {margin-right:0px;}
	.list-pro-c li div {
	height:140px;
	height:150px;
	overflow:hidden;
	border:#d1d1d1 1px solid;
	text-align:center;
	margin-bottom:5px;
}
	.list-pro-c li a {color:#000;}
	
	.list-pro1-c {margin-left:-33px;}
	.list-pro1-c li { width:142px; margin:0 0 23px 33px; display:inline-block; *display:inline; zoom:1; text-align:center}
	.list-pro1-c li.last {margin-right:0px;}
	.list-pro1-c li div {height:140px; height:150px; overflow:hidden; text-align:center; margin-bottom:5px;}
	.list-pro1-c li a {color:#000;}

.list-info {}
	.list-info-c li { padding:10px 0; border-bottom:#09347a 1px dotted;}
	.list-info-c li.last {border-bottom:none;}
	.list-info-c li a {color:#000; }
	
	
	
	


/*
	Box Cornor
*/

.box-left {background:url(../images/bot_left.png) bottom left no-repeat; padding-bottom:8px; margin-bottom:25px;}
	.box-left-body {background:url(../images/top_left.png) top left no-repeat; padding-top:6px}
	.box-left-content {background:url(../images/body_left.png) top left repeat-y; padding:2px 4px;}
	.box-left-content h2 {background:url(../images/head.png) top left no-repeat; color:#0974c2; font:bold 16px/32px Arial, Helvetica, sans-serif; padding-left:33px; text-transform:uppercase; margin-top:-2px; height:32px;}

.box-right {background:url(../images/bot_right.png) bottom left no-repeat; padding-bottom:8px;}
	.box-right-content { border:#5a92c1 1px solid; border-width:0 1px; background-color:#fff;}
	.box-right-body {background:url(../images/top_right.png) top left no-repeat; padding-top:9px;}



/*
	ENTRY
*/	
.entry {line-height:20px;}
	.entry ul, .entry ol {margin:0 0 15px 35px;}
	.entry ul {list-style-type:disc;}
	.entry ol {list-style-type:decimal;}
	.entry p {margin-bottom:15px;}
.new-pro {background:#FFF; margin:7px 7px 0; padding:5px; text-align:center}
.new-pro img{ width:190px; height:100}	
	.new-pro a {display:block;}
	.new-pro a.title-pro {border-top:#d1d1d1 1px solid; padding:7px 0; color:#030303}
.breadcrum {border-bottom:#717171 1px solid; padding:2px 15px 7px; color:#9d9d9d;}
	.breadcrum a {color:#9d9d9d;}
.contentpro {padding:10px; overflow:hidden} 
.content {line-height:18px; padding:0 5px;}
h1.header-pro {font:bold 16px Arial, Helvetica, sans-serif; color:#0974c2; border-bottom:#c8c8c8 1px dotted; padding-bottom:7px; text-transform:uppercase; margin-bottom:20px;}
.left-col {width:325px; float:left}
.right-col {width:325px; float:right}
.thumb {width:315px; height:232px; border:#000 1px solid; overflow:hidden; text-align:center; margin-bottom:16px;}
.other-thumb li {float:left; width:97px; height:78px; border:#000 1px solid; text-align:center; margin-left:10px;}
	.other-thumb li:first-child {margin:0;}
.ts {font:bold 14px Arial, Helvetica, sans-serif; color:#0974c2; text-transform:uppercase; padding:20px 0 10px;}
.info-tech {border-collapse:collapse}
	.info-tech td {padding:5px; border:#8b8b8b 1px solid}
	.info-tech td.colleft {width:160px; background-color:#4b4b4b; text-align:center; color:#fff; vertical-align:top}
/*
	# Images ################### 
*/

img{border:none;}
.thumb img {
	width: 315px;
	height: 232px;
}

img.ileft{margin:0 10px 10px 0; float:left;}
img.iright{margin:0 0 10px 10px; float:right;}

/*
	# Links ################### 
*/

a{}
a:hover{text-decoration:underline;}

/*
	# Forms ################### 
*/
.form-search {float:right;}
	.form-search input {font-size:12px; border:none; border:#0f2362 1px solid; height:22px; font-family:Arial, Helvetica, sans-serif; vertical-align:middle}
	.form-search input.txt {width:155px; padding:0 5px;}
	.form-search input.btn-search { width:75px; height:24px; cursor:pointer; background:url(../images/bg_btnsearch.png) top left repeat-x; text-align:center; color:#dcdcdc; border:none; line-height:24px;}

	
	.search-pro input.txt {width:278px; padding:6px;float:left;}
	
.mybutton, .myform {border:#c4d2df 1px solid; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:2px; background-color:#fff;}
input.mybutton {font:bold 11px Arial, Helvetica, sans-serif;  width:60px; height:20px; color:#fff;  padding:0 0px 2px 0px; background:url(../images/bg_btn.png) top left repeat-x}

.newsletter {margin:0 45px 10px 0;}
	.newsletter input {font:normal 11px Arial, Helvetica, sans-serif;}
	.newsletter input.txt-letter { width:125px; padding:2px; border:#d4a00e 1px solid; color:#004b7a; background-color:#fff;}
	.newsletter input.btn-letter {height:20px; width:60px; color:#000; background-color:#fff; border:#d4a00e 1px solid; font-weight:bold; margin-left:-5px; float:right; float:none\9;}
/*
	# Tables ################### 
*/
/*
	# Typography ################### 
*/
/*
	# Other ################### 
*/

.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}

.icon-func {text-align:right; margin-top:15px;}
	.icon-func img {vertical-align:middle; margin-right:10px; margin-top:-5px;}
	.icon-func a {font-weight:bold; color:#0A50A0; font-size:11px;}


/*
	# PHAN TRANG #####################
*/	
.nav-paging {padding:10px 0px 10px; color:#000000;  float:right;  text-align:right;}
	.nav-paging	a {padding:3px 6px; margin:0px 0px 0px 1px; border:1px solid #d9d9d9;  color:#0046b6; text-decoration:none; font-weight:bold;}
	.nav-paging a:hover, .nav-paging a.curent-page { color:#ffc423;}
	
.other-thumb img {
	width: 95px;
	height: 77px;
}