/* CSS Document */
*{	padding:0; 	margin:0;}  

body { font-size:12px; 	color:#a2b1c0;	line-height:16px;	font-family:Arial;	background:#38414c url(../images/bg-re.gif) repeat-x;} /* updated */
img{	border:0;}
h1,h2,h3,h4,h5,h6{	font-size:100%;}
a:focus{ outline:none}
a:link,a:visited{	color:#E1E8F9;	text-decoration:none;}

a:hover{	color:#E1E8F9;	text-decoration:none;}
a:active{	color:#E1E8F9;	text-decoration:none;}
table, td, input, select, textarea{	font-size:100%;	margin:0px;	padding:0px;}

.imgsd img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);-moz-opacity: 0.85;}
.imgsd:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
.clear { clear:both}
.left{ float:left}
.left-right10{ float:left; margin-right:10px}
.right{ float:right}
.right-left10{ float:right; margin-left:10px}

/* COLOR  text --------------------*/
.text-orange{ color:#ffa400; font-size:16px; font-weight:bold}


.text-red{ color:#d44608; font-weight:bold;}
.text-red a:link{color:#d44608; text-decoration:none;}
.text-red a:visited{color:#d44608; text-decoration:none;}
.text-red a:hover {color:#000; text-decoration: underline;}
.text-red a:active {color:#d44608; text-decoration:none;}
 

/*---------- Layout: chua toan bo code html ----------*/

#wrapper{ margin:0px auto;	width:100%; overflow:hidden; background:url(../images/volam-bg-header.jpg) no-repeat top center;}
#container{	width:100%;	 background:url(../images/volam-bg-footer.gif) no-repeat right bottom; margin:auto; overflow:hidden;}	
#box-content-main{ width:1000px; margin:auto; position:relative}

#bt-dangky{
	position:absolute;
	z-index:500;
	top:379px;
	width:220px;
	height:65px;
	left: 1px;
}
#bt-dangky a,#bt-dangky a:visited,#bt-dangky a:active{ width:220px; height:65px; display:block; text-indent:-9999px; background:url(../images/jx-nav-dangky.jpg) no-repeat top}
#bt-dangky a:hover{ width:220px; height:65px; display:block; text-indent:-9999px; background:url(../images/jx-nav-dangky.jpg) no-repeat bottom}

/* header*/

#header{ width:1000px;	position:absolute;	margin:0px;	overflow:hidden; height:410px; z-index:2; top:0; left:0; background:url(../images/header.jpg) no-repeat top center}

.header_01{	width:1000px;	margin:0px auto;	height:36px; z-index:3; }
.menu_top{	width:790px;	float:left; color:#b1b2b8; font-size:11px}
.menu_top p{margin-left:27px; padding-top:5px;}
.menu_top ul{margin-left:27px; padding-top:5px; font-weight:bold}
.menu_top ul li{ margin-right:3px; display:inline} 
.menu_top a:link{ color:#b1b2b8}
.menu_top a:visited{ color:#b1b2b8}
.menu_top a:hover{ color:#fff}

.box_find{ float:right; width:200px; overflow:hidden}
.form_timkiem_01{ float:left; width:109px; text-align:left; overflow:hidden; margin-top:6px;background: url(../images/bgsearch.jpg) no-repeat}
.form_timkiem_01input{	margin-top:0px;}
.form_timkiem_01input input{ padding:1px 2px 5px 7px; font-size:10px; line-height:14px; color:#fff; background:none; border:none; display:block;}
.form_timkiem_02{ float:left; width:38px; margin-top:6px}


/*----------- Flash Header  -------*/
.flash{ background:none; width:1000px;  overflow:hidden; height:370px; position:relative}
#menu-head{ width:960px; margin:8px 0 0 20px;}
.event-1{ position:absolute; width:310px; height:210px; z-index:2; top:65px; left:65px}
.event-2{ position:absolute; width:290px; height:204px; z-index:2; top:65px; right:15px}
.logo-1{ position:absolute; width:172px; height:89px; z-index:2; top:268px; left:210px}
.nap-the{
	position:absolute;
	width:361px;
	height:102px;
	z-index:2;
	bottom:0px;
	right:0px;
	
}

/* footer updated--------------------*/
.foot-er { width:770px; height:100px; color:#e1e8f9; font-size:11px; float:right; overflow:hidden; padding:0 8px 0 5px; margin:0; margin-top:15px}
.footer { width:770px; height:100px; color:#e1e8f9; font-size:11px; float:right;  padding:0 8px 0 5px; margin:0; margin-top:15px; position:relative} 
.footer .left p,.footer .left img{ margin:0 0 0 0}
.footer select{ }

.width_160{ background:#192029; border:#414a55 solid 1px; color:#b1c1d2; padding:2px 0}

/*---------------------mainbox-----------------*/
#mainbox{	width:1000px; overflow:hidden; position:relative; padding-top:380px; z-index:1}

/* --------- Content Nav_left ---------------*/
#box-col1{ width:220px; float:left; overflow:hidden;}
#nav-bt{ width:200px; overflow:hidden; background:url(../images/nav-bt.gif) no-repeat top; margin-left:10px;}
.nav-line{  height:10px; width:160px; margin:auto}

/* style cho box dangky */
#nav-dangky{ width:220px; overflow:hidden; background:url(../images/nav-line.gif) no-repeat; background-position:bottom; padding-bottom:20px;}
#nav-dangky ul{ list-style-type:none; margin:0; }
#nav-dangky ul  li{}

.bt-dangky a,.bt-dangky a:visited,.bt-dangky a:active{ width:220px; height:65px; display:block; text-indent:-9999px; background:url(../images/jx-nav-dangky.jpg) no-repeat top}
.bt-dangky a:hover{ width:220px; height:65px; display:block; text-indent:-9999px; background:url(../images/jx-nav-dangky.jpg) no-repeat bottom}

.bt-hotro a,.bt-hotro a:visited,.bt-hotro a:active{ width:220px; height:50px; display:block; text-indent:-9999px; background:url(../images/jx-nav-hotro.jpg) no-repeat top}
.bt-hotro a:hover{ width:220px; height:50px; display:block; text-indent:-9999px; background:url(../images/jx-nav-hotro.jpg) no-repeat bottom}

.bt-hotro a.off,.bt-hotro a.off:visited,.bt-hotro a.off:hover{ width:220px; height:50px; display:block; text-indent:-9999px; background:url(../images/jx-nav-hotro-off.jpg) no-repeat top; cursor:default}

.bt-huongdan a,.bt-huongdan a:visited,.bt-huongdan a:active{ width:220px; height:42px; display:block; text-indent:-9999px; background:url(../images/jx-nav-huongdan.jpg) no-repeat top}
.bt-huongdan a:hover{ width:220px; height:42px; display:block; text-indent:-9999px; background:url(../images/jx-nav-huongdan.jpg) no-repeat bottom}

.bt-huongdan a.off,.bt-huongdan a.off:visited,.bt-huongdan a.off:hover{ width:220px; height:42px; display:block; text-indent:-9999px; background:url(../images/jx-nav-huongdan-off.jpg) no-repeat top; cursor:default}

.bt-duongta a,.bt-duongta a:visited,.bt-duongta a:active{ width:220px; height:39px; display:block; text-indent:-9999px; background:url(../images/jx-nav-duongta.jpg) no-repeat top}
.bt-duongta a:hover{ width:220px; height:39px; display:block; text-indent:-9999px; background:url(../images/jx-nav-duongta.jpg) no-repeat bottom}

.bt-duongta a.off,.bt-duongta a.off:visited,.bt-duongta a.off:hover{ width:220px; height:39px; display:block; text-indent:-9999px; background:url(../images/jx-nav-duongta-off.jpg) no-repeat top; cursor:default}

.bt-server a,.bt-server a:visited,.bt-server a:active{ width:220px; height:40px; display:block; text-indent:-9999px; background:url(../images/jx-nav-server.jpg) no-repeat top}
.bt-server a:hover{ width:220px; height:40px; display:block; text-indent:-9999px; background:url(../images/jx-nav-server.jpg) no-repeat bottom}

.bt-server a.off,.bt-server a.off:visited,.bt-server a.off:hover{ width:220px; height:40px; display:block; text-indent:-9999px; background:url(../images/jx-nav-server-off.jpg) no-repeat top; cursor:default}

.bt-diendan-thuphi a,.bt-diendan-thuphi a:visited,.bt-diendan-thuphi a:active{ width:220px; height:40px; display:block; text-indent:-9999px; background:url(../images/jx-nav-diendan-thuphi.jpg) no-repeat top}
.bt-diendan-thuphi a:hover{ width:220px; height:40px; display:block; text-indent:-9999px; background:url(../images/jx-nav-diendan-thuphi.jpg) no-repeat bottom}

.bt-diendan-thuphi a.off,.bt-diendan-thuphi a.off:visited,.bt-diendan-thuphi a.off:hover{ width:220px; height:40px; display:block; text-indent:-9999px; background:url(../images/jx-nav-diendan-thuphi-off.jpg) no-repeat top; cursor:default}

.bt-diendan-free a,.bt-diendan-free  a:visited,.bt-diendan-free  a:active{ width:220px; height:43px; display:block; text-indent:-9999px; background:url(../images/jx-nav-diendan-free.jpg) no-repeat top}
.bt-diendan-free  a:hover{ width:220px; height:43px; display:block; text-indent:-9999px; background:url(../images/jx-nav-diendan-free.jpg) no-repeat bottom}

.bt-diendan-free  a.off,.bt-diendan-free  a.off:visited,.bt-diendan-free  a.off:hover{ width:220px; height:43px; display:block; text-indent:-9999px; background:url(../images/jx-nav-diendan-free-off.jpg) no-repeat top; cursor:default}

/*style cho box tham do y kien */
#box-thamdo{ width:180px; margin:0 0 0px 10px; background:#1e1f21}
.thamdo-top{ background:url(../images/box-thamdo-top.gif) no-repeat; height:36px; text-indent:-9999px;}
.thamdo-body{ background:url(../images/box-thamdo-bt.gif) no-repeat bottom; color:#fff}
.thamdo-content{ width:160px; padding:10px;font-size:12px; line-height:16px }
.thamdo-content ol{ margin:5px 0 15px 20px; }
.thamdo-content li{ margin-bottom:5px; list-style-type:decimal;}
.thamdo-content a,.thamdo-content a:visited{ color:#fff}
.thamdo-content a:hover{ color:#ffff2e}

/*style cho box quang cao */
#box_banner{ width:180px; overflow:hidden; margin:auto}
#box_banner img{ display:block}
#box_banner p{ margin-bottom:5px}


/*box-block */
#box-col2 { width:390px; float:left; overflow:hidden; padding:30px 0 0 0;}
#box-col3 { width:390px; float:left;  overflow:hidden;padding:30px 0 0 0;}

/* block ad */
.block-ad{ width:772px; height:118px; background:url(../images/block-ad-bg.gif) no-repeat; margin-left:220px; overflow:hidden;float:left}
.block-ad-content{  margin:13px 0 0 12px; width:760px; overflow:hidden}
.ad-border{ width:140px; float:left; background:url(../images/ad-bg.gif) no-repeat; padding:5px; margin:0; display:block}

#ad_zone_293 { margin-bottom:10px;}

/* tuyen dung */

.bt-tuyendung { margin-left:10px; margin-bottom:5px; border-bottom:#000 dotted 0px; padding-bottom:5px; width:180px}
.bt-tuyendung a:link,.bt-tuyendung a:visited,.bt-tuyendung a:active{ width:180px; height:45px; display:block; background:url(../images/but_tuyendung.gif) no-repeat; text-indent:-9999px;}
.bt-tuyendung a:hover{ width:180px; height:45px; display:block; background:url(../images/but_tuyendung.gif)  bottom no-repeat; text-indent:-9999px}

#flash-download {height:130px;left:434px;position:absolute;top:0px;width:132px;z-index:10;outline:none;z-index:11}

/* block tab menu */
.out-box_tabmenu{ width:362px; margin:5px 0 0 9px; background:url(../images/tab-menu-bg.gif) no-repeat;font-size:11px}
.out-box_tabmenu .box_tintuc_body_box02{ width:350px; margin:0px 0 5px 7px;}
.out-box_tabmenu .tin-chi-tiet{ margin:0 15px; text-align:justify}

.out-box_tabmenu2{ width:362px; margin:5px 0 0 11px; background:url(../images/tab-menu-bg2.gif) no-repeat}
.out-box_tabmenu2 .box_tintuc_body_box02{ width:350px; margin:0px 0 5px 7px;}
.out-box_tabmenu2 .tin-chi-tiet{ margin:0 15px; text-align:justify}

ul#menu-tab{ margin:0 ; list-style-type:none; height:28px; margin-bottom:3px}
ul#menu-tab li{float:left; margin-right:2px; line-height:18px;}
ul#menu-tab li a{display:block; padding:0 0 0 10px; background:url(../images/sub-tab-menu-left-ac.gif) no-repeat bottom left;}
ul#menu-tab li a span{display:block;padding:5px 10px 5px 0px; background:url(../images/sub-tab-menu-right-ac.gif) no-repeat bottom right;  color:#a4a7aa; font-weight:bold;}
ul#menu-tab li a:hover{ background-position:top left;}
ul#menu-tab li a:hover span{ background-position:top right;}

ul#menu-tab li a.act, ul#menu-tab li a.act:hover{background-position:top left;}
ul#menu-tab li a.act span, ul#menu-tab li a.act:hover span{ background-position:top right; cursor:default; color:#fff}
