ÿþ* { 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;}



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