* { margin: 0px;	padding: 0px; }
body { color: #000;	background: #000000; font-family: verdana, arial, sans-serif; font-size: 11px; text-align: center; }

a		{ color: #FFF; background-color: inherit;	text-decoration: underline; }
a:hover { color: #9e0100; background-color: inherit;}

span	{ }
.imgb		{ border:#ea741d 2px solid;}
/*p		{ padding: 7px 0px 8px; text-align: justify; }*/

.breakline { margin : 0px; height : 5px; clear : both; float : none; font-size: 1px; line-height: 0px; overflow : hidden; visibility: hidden; }

.clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size: 1px; line-height: 0px; overflow : hidden; visibility: hidden; }
.thumbnail { padding: 10px 0px; float: left; }


.body_wrapper {	margin: 0px auto; width: 1002px;	text-align: left; }
.container { float:left;  margin: 0px 0px;padding: 0px 0px 0px 0px; width: 1000px; height: 100%; border:#ea741d 1px solid; }

/* Phần top */
.top {width: 1000px;height: 120px; margin: 0px 0px 0px 0px;font-weight: bold;text-align: left;}
.top a		{color: #fff;}
.top a:hover{color: #f4d03f;}

/* Logo */
.logo	{float: left;width: 200px;height: 120px;}
.logo	.logo_top	{float: left;width: 200px;height: 114px;background: url('images/Interface/LogoLogik.jpg') no-repeat 0% 15px;}
.logo	.logo_bottom{float: left;width: 200px;height: 6px;background: url('images/Interface/Logo_Bottom2.jpg') repeat-x bottom;}

/* Banner */
.banner { width: 800px; height: 120px;color: #fff;float: right;}
/* Top Menu */
.banner .swf	{float: left;margin: 0px 0px 0px 0px; width: 800px;height: 90px;padding: 0px 0px 0px 0px; text-align:right;}
.banner .topmenu{float: left;margin: 0px 0px 0px 0px; width: 800px;height: 30px;}
.banner .topmenu a {text-decoration: none; }
.banner .topmenu ul {height: 30px; display:inline;list-style-type: none;}
.banner .topmenu li {float: left; height: 30px;list-style-type: none; }
.banner .topmenu li a { display:block ;padding-top: 8px; text-align:center;color:#171717;}

.banner .topmenu .first {width: 40px;background: url('images/Interface/Top_Menu_First.jpg') no-repeat 0% 0px;}
.banner .topmenu .bg {width: 104px;background: url('images/Interface/Top_Menu_Bg.jpg') repeat-x bottom; text-align:center; color:#ea741d;}
.banner .topmenu .ver {width: 5px;background: url('images/Interface/Top_Menu_Between.jpg') no-repeat 0% 0px;}
.banner .topmenu .last {width: 2px;background: url('images/Interface/Top_Menu_Last.jpg') no-repeat 0% 0px;}



.mid {float:left;width: 1000px;margin: 0px 0px 0px 0px;padding: 0px 0px 3px 0px;border-bottom:#ea741d 1px solid;}

/* Lề trái 

.left {float: left; width: 195px; background: url('images/Interface/between.png') repeat-y right 5px;} */
.left {float: left; width: 190px; }
.left .left_header	{ margin: 5px 0px 0px 10px; width: 170px;height: 30px;overflow: hidden;text-align: center;color: #ea741d;font-size: 14px;}
.left .left_box	{ margin: 10px 0px 10px 10px;width: 170px;padding: 0px 0px;text-align: left;background-color:#504c49;border:#FFFFFF 0px solid;}
.left .left_box .textleft	{ padding: 15px 10px;text-align: justify;color: #FFFFFF;}
.left .left_box .highlight	{ padding: 15px 5px;font-size: 12px; text-align: center;color: #FFFFFF;}
.left .left_box .pay_button {padding-top: 1px;text-align:center;}
.left .left_box .stat	{ padding: 10px 0px;text-align: justify;color: #FFFFFF;}
.left .left_box .stat	h2 { width: 170px; height: 20px;padding: 0px 0px;text-align: center;color: #ea741d;}
.left .left_box .stat	textleft { padding: 0px 10px;text-align: justify;color: #FFFFFF;}


.left .left_box2	{ vertical-align:bottom ;margin: 0px 0px 0px 10px; width: 170px;padding: 0px 0px;}
.left .left_box2 .stat	{ padding: 10px 0px 0px 0px; color: #FFFFFF;}
.left .left_box2 .stat	.titleleft { width: 170px; height: 20px; padding: 0px 0px; color: #ea741d; text-align: center;font-size: 14px;}
.left .left_box2 .stat	.textleft { padding: 0px 5px; text-align: left;color: #FFFFFF;}


/* Khung nội dung chính */
.main	{float: left;display: block;  margin: 0px 0px 0px 0px;padding: 0px 0px 0px 10px; width:795px;border-left:#ea741d 2px dotted; border-spacing:3px;}
.main .main_header{ margin: 0px 0px 0px 0px;width: 795px;height: 30px;overflow: hidden;background-color:#504c49;}
.main .main_header .title{ width:790px; height: 30px;padding: 5px 5px; color: #ea741d; text-align: left;font-size: 14px;}

.main .content	{padding: 5px 0px;text-align: justify;color: #FFFFFF; line-height:1.5;}
.main .content	ul	{ padding: 0px 10px 0px 20px;}
.main .content	li	{ padding: 0px 10px 0px 20px;}

.contact1	{float: left;display: block;  margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width:395px;height: 450px;background-color:#333333;}
.contact2	{float: right;display: block;  margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width:400px;height: 450px;background-color:#2A2A2A;}


.main .contentdefault		{padding: 0px 0px 5px 0px;text-align: justify;color: #FFFFFF;}
.main .contentdefault .box 	{float: left;margin: 8px 7px 0px 0px;width:256px; height: 180px;border:#FFFFFF 1px solid;position:relative;}
.main .contentdefault .box .title	{position:absolute; top:3px; left:3px; background:url(/images/fake_bg.png) top left no-repeat; height:20px; width:250px; line-height:1;  padding-left:3px; font-size:13px; text-align:left;color:white;}
.main .contentdefault .box .title	p{line-height:1.2;font-size:13px; text-align:center;font-weight: bold;color:white;}
.main .contentdefault .box	img	    {width:256px; height: 180px;}
.main .contentdefault .box .content	{position:absolute; top:23px; left:5px; height:145px; width:250px;margin: 5px 0px 0px 0px;padding: 0px 5px 0px 0px;  font-size:12px; text-align:left;color:gray;line-height:1.2;}
.main .contentdefault .box .content ul	{ float: left;width:250px;height:145px; padding: 0px 5px 0px 15px;}
.main .contentdefault .box .content li	{ margin: 3px 0px 0px 0px;padding: 0px 2px 0px 2px;color:white;line-height:1.3;}
.main .contentdefault .box .content li	a {color:white; text-decoration:none;}
.main .contentdefault .box .content li	a.qttk {color: #ea741d;font:14px arial;text-decoration:none;font-weight:bold;line-height:1.3;}

.main .contentdefault .box .content .newstitle {font:12px arial;color:#FFFFFF;text-decoration:none;font-weight:bold; text-align:center;}
.main .contentdefault .box .content .newstitle a {text-decoration:none;color:#FFFFFF;}
.main .contentdefault .box .content a {text-decoration:none;}
.main .contentdefault .box .content img {width:100px; height: 80px;margin:0px 1px 0px 1px;padding:1px;border:1px #ea741d solid;float:left;display:inline;}


.main .contentdefault .boxproject 	{float: left;margin: 5px 5px 0px 0px;width:256px; height: 190px;border:#FFFFFF 1px solid;}
.main .contentdefault .boxproject .title	{margin: 0px 0px 0px 0px; width:252px;height: 40px; overflow: hidden;background-color:#171717; line-height:1;  font-size:13px; text-align:center;color:white;}
.main .contentdefault .boxproject .title	p{line-height:1.5;font-size:13px; text-align:center;font-weight: bold;color:white;}
.main .contentdefault .boxproject .title	.name{line-height:1.5;font-size:13px; text-align:center;font-weight: bold;color:white; text-decoration:none;}
.main .contentdefault .boxproject .content	{margin: 0px 0px 0px 0px;padding: 0px 5px 0px 5px; line-height:1.3; font-size:11px; text-align:left; color:gray;}

.main .contentdefault .boxproject  img	{height: 115px;border:#FFFFFF 1px solid;}


/* Phần Bottom */
.bottom1 {display: block;float: left; width: 1000px; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-bottom:#ea741d 1px solid;}
.bottom1_left {float: left; width: 190px;color: #FFFFFF; border-right:#ea741d 2px dotted;}
.bottom1_left .title	{padding: 5px 0px;font-size: 12px;color: #ea741d; text-align: center;}
.bottom1_left .reg	    {padding: 0px 0px 0px 0px;display:block; height:20px;}

.bottom1_right {float: right; width: 806px; margin: 3px 0px 3px 0px;padding: 0px 0px 0px 0px;}
.bottom1_right .copyright {padding: 10px 0px;font-size: 14px; font-weight: bold;text-align: center;color: red;}

.bottom2 {display: block;float: left; width: 998px; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border:#353535 1px solid;background-color:#171717;}
.bottom2 .bottom2_copyright {padding: 5px 0px;text-align: center;color: #FFFFFF;background-color:#171717;}
.bottom2 .bottom2_copyright a{color: #FFFFFF; text-decoration:none;}

/* Phần tin tức */
.news {float:left; display:block ; width:780px;height:auto;margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px;text-align:justify; line-height:1.2;color: #FFFFFF;}
.news .newstitle {font:14px arial;color:#FFFFFF;text-decoration:none;font-weight:bold; text-align:left;}
.news .newstitle a {text-decoration:none;color:#FFFFFF;}

.news p {float:left;display:inline;width:780px;margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px;}
.news p span{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

.news a {text-decoration:none;}
.news .anh {margin:0 10px 10px 0;padding:1px;border:1px #ea741d solid;float:left;display:inline;}
.news ul {}	
.news ul li {font:12px arial;color:#feba02;height:auto;padding:10px 0;margin:0;}	
.news ul li a {font:12px arial;color:#FFFFFF;text-decoration:none;line-height:18px;padding:0 0 0 5px;background:url("/images/Interface/marker_head_list.gif") no-repeat left center;}	
.news ul li a:hover {text-decoration:underline;}
.news_plus {width:790px;height:auto;margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px;float:left;}
.titlegroup {font:14px arial;color:#feba02;text-decoration:none;font-weight:bold;}

/* Phần dự án */
.project {float:left; display:block ; width:780px;height:auto;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;color: #FFFFFF;}
.project .project_left {float:left;margin: 0px 0px 0px 0px;padding: 20px 5px 10px 5px; width: 238px;background-color:#504c49;border: 1px solid #353535;text-align:justify;line-height:18px;}
.project .project_right {float:right;margin: 0px 0px 0px 10px; width: 520px;}

#galleria {float: left;display:block;margin: 0px 0px 0px 0px;padding: 0px 0px;}


.link { float:left; margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px; width:780px;}
.link .link_left	 {width:140px;}
.link .link_left img {margin:0 10px 10px 0;padding:1px;border:1px #ea741d solid;float:left;display:inline;}
.link .link_right	 {width:740px;font:12px arial;color:#FFFFFF;text-decoration:none;}

.paging {color: #0AAAFD; text-decoration:none;font-size:13px;}



/* Định dạng cho hộp chú thích loại có khung*/
.style6 {font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif;text-align:justify; }
.art_title{font-size: 14px; color: #F3940B; font-weight: bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none;}
.xsmall { WIDTH: 100%;FONT-SIZE: 8pt; COLOR: #F3940B; FONT-FAMILY: Arial, Helvetica, sans-serif;text-decoration: none;}
.xstooltip{visibility: hidden;position: absolute;top: 0;left: 0;z-index: 2; font: normal 8pt Arial, Helvetica, sans-serif;}

#balloon {width:300px;BORDER-RIGHT: black 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 0px solid}
#balloonBody {CLEAR: both; Z-INDEX: 25; BACKGROUND: url(Jscript/Tooltip/corners_topleft.gif) no-repeat left top; FLOAT: left; PADDING-TOP: 34px; POSITION: relative}
#balloonBody H4 {PADDING-RIGHT: 20px; PADDING-LEFT: 20px; Z-INDEX: 28; RIGHT: 0px; BACKGROUND: url(Jscript/Tooltip/corners_topright.gif) no-repeat right top; PADDING-BOTTOM: 20px; MARGIN: 0px -16px 0px 0px; PADDING-TOP: 20px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
#balloonBody DIV.box H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px}
#balloonBody .boxBody {PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; Z-INDEX: 30; BACKGROUND: url(Jscript/Tooltip/corners_rightborder.gif) repeat-y right top; LEFT: 16px; PADDING-BOTTOM: 0px; MARGIN: -2em 0px 0px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left}
#balloonBody DIV.boxFooter {Z-INDEX: 35; BACKGROUND: url(Jscript/Tooltip/corners_bottomleft.gif) no-repeat left bottom; WIDTH: 100%; POSITION: absolute; HEIGHT: 20px}
#balloonBody DIV.boxFooter P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 40; RIGHT: 0px; BACKGROUND: url(Jscript/Tooltip/corners_bottomright.gif) no-repeat right bottom; PADDING-BOTTOM: 0px; MARGIN: 0px -16px 0px 0px; WIDTH: 20px; BOTTOM: 0px; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 50px}
.toparrow {CLEAR: both; DISPLAY: inline; Z-INDEX: 21; FLOAT: left; WIDTH: 96px; POSITION: relative; HEIGHT: 36px}
.toparrow {BACKGROUND: url(Jscript/Tooltip/tooltiparrow2.gif) no-repeat 50% top; MARGIN: 0px 0px -6px 5px}
.bottomarrow {CLEAR: both; DISPLAY: inline; Z-INDEX: 21; FLOAT: left; WIDTH: 96px; POSITION: relative; HEIGHT: 36px}
.bottomarrow {BACKGROUND: url(Jscript/Tooltip/tooltiparrow.gif) no-repeat 50% bottom; MARGIN: 10px 0px -25px 5px}
/* Hết định dạng cho hộp chú thích loại có khung*/








/*----------------------------------------------------------------------------Xong giao dien------------------------------------------------------------*/
.smallwhite		{font-family: arial;font-size: 1px;font-weight: normal;color: #FFFFFF;line-height:1.1;text-decoration:none;}


.little				{font-family: arial;font-size: 11px;font-weight: normal;color: black;line-height:1.1;text-decoration:none;padding-top:1px; text-decoration:none;}
.littlewhite		{font-family: arial;font-size: 11px;font-weight: normal;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.littleblack		{font-family: arial;font-size: 11px;font-weight: normal;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.littlered			{font-family: arial;font-size: 11px;font-weight: normal;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.littleblue			{font-family: arial;font-size: 11px;font-weight: normal;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.littleyellow		{font-family: arial;font-size: 11px;font-weight: normal;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.littlegray			{font-family: arial;font-size: 11px;font-weight: normal;color: gray;line-height:1.1;text-decoration:none;padding-top:1px;}
.littlegreen		{font-family: arial;font-size: 11px;font-weight: normal;color: green;line-height:1.1;text-decoration:none;padding-top:1px;}

.content			{font-family: arial;font-size: 12px;font-weight: normal;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentwhite		{font-family: arial;font-size: 12px;font-weight: normal;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentblack		{font-family: arial;font-size: 12px;font-weight: normal;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentred			{font-family: arial;font-size: 12px;font-weight: normal;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentyellow		{font-family: arial;font-size: 12px;font-weight: normal;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentgray		{font-family: arial;font-size: 12px;font-weight: normal;color: gray;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentgreen		{font-family: arial;font-size: 12px;font-weight: normal;color: green;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentorange		{font-family: arial;font-size: 12px;font-weight: normal;color: orange;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentblue		{font-family: arial;font-size: 12px;font-weight: normal;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentblue:visited 	{color: blue;}




.contentyellowblink	{font-family: arial;font-size: 14px;font-weight: bold;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentredblink	{font-family: arial;font-size: 14px;font-weight: bold;color: red;line-height:1.1;text-decoration:blink;padding-top:1px;}

.contentwhitebold	{font-family: arial;font-size: 12px;font-weight: bold;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentblackbold	{font-family: arial;font-size: 12px;font-weight: bold;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentredbold		{font-family: arial;font-size: 12px;font-weight: bold;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentyellowbold	{font-family: arial;font-size: 12px;font-weight: bold;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentgraybold	{font-family: arial;font-size: 12px;font-weight: bold;color: gray;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentgreenbold	{font-family: arial;font-size: 12px;font-weight: bold;color: green;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentbluebold	{font-family: arial;font-size: 12px;font-weight: bold;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.contentbluebold:visited 	{color: blue;}


.titlewhite			{font-family: arial;font-size: 13px;font-weight: bold;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleblack			{font-family: arial;font-size: 13px;font-weight: bold;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.titlered			{font-family: arial;font-size: 13px;font-weight: bold;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleblue			{font-family: arial;font-size: 13px;font-weight: bold;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleyellow		{font-family: arial;font-size: 13px;font-weight: bold;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.titlegray			{font-family: arial;font-size: 13px;font-weight: bold;color: gray;line-height:1.1;text-decoration:none;padding-top:1px;}
.titlegreen			{font-family: arial;font-size: 13px;font-weight: bold;color: green;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleorange		{font-family: arial;font-size: 13px;font-weight: bold;color: orange;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleblue			{font-family: arial;font-size: 13px;font-weight: bold;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.titleblue:visited 	{color: blue;}

.bigwhite			{font-family: arial;font-size: 16px;font-weight: bold;color: #FFFFFF;line-height:1.1;text-decoration:none;padding-top:1px;}
.bigblack			{font-family: arial;font-size: 16px;font-weight: bold;color: black;line-height:1.1;text-decoration:none;padding-top:1px;}
.bigred				{font-family: arial;font-size: 16px;font-weight: bold;color: red;line-height:1.1;text-decoration:none;padding-top:1px;}
.bigyellow			{font-family: arial;font-size: 16px;font-weight: bold;color: yellow;line-height:1.1;text-decoration:none;padding-top:1px;}
.bigray				{font-family: arial;font-size: 16px;font-weight: bold;color: gray;line-height:1.1;text-decoration:none;padding-top:1px;}
.biggreen			{font-family: arial;font-size: 16px;font-weight: bold;color: green;line-height:1.1;text-decoration:none;padding-top:1px;}
.bigorange			{font-family: arial;font-size: 16px;font-weight: bold;color: orange;line-height:1.1;text-decoration:none;padding-top:1px;}
.bigblue			{font-family: arial;font-size: 16px;font-weight: bold;color: blue;line-height:1.1;text-decoration:none;padding-top:1px;}
.bigblue:visited 	{color: blue;}

/*-------------*/