﻿body{ background:url(../images/bg.gif) repeat left top #103429;}

/*------------------------------- Layout: chua toan bo code html ------------------------------*/
/*---------------------box_top-----------------*/
#box_top{ width:100%; margin:0px auto; overflow:hidden; position:absolute; z-index:2; background:url(../images/bg-top.gif) repeat-x; top:0}
#box{ width:960px; margin:0px auto; position:relative}
.box_left{ float:left; margin:0px; overflow:hidden;	background:url(http://img.zing.vn/wjx/images/logo_zg.png) no-repeat center left; height:30px; width:139px; display:block; line-height:0px;}

.box_right{	width:810px; height:31px; float:left; margin:0px; overflow:hidden; margin-left:10px;}
.box_right .left{ padding-top:3px; font-size:11px}
.box_right .right{ width:280px; font-size:11px}
.box_right .right .left{ margin-top:5px;}
.box_right .right .left-tim{ margin-top:7px; padding-left:2px; float:left}
.box_right .right .right { width:122px; height:20px; margin-top:5px}

.style-link { color:#737373; text-decoration:none; padding-top:3px}
.style-link  a:link, a:visited, a:active{ color:#737373; text-decoration:none; }
.style-link  a:hover{ color:#000; text-decoration:none; }

.style-link_off { color:#ccc;}
.style-link_act { color:#000;}

.style-link a,.style-link a:visited,.style-link a:active { color:#737373; text-decoration:none; font-weight:bold;}
.style-link a:hover { color:#000; text-decoration:none; font-weight:bold;}

/*---------------------box-game-----------------*/
#box-game{ margin:0px auto;	width:100%; position:absolute; z-index:50; top:0}
#box-game #box{	width:980px; margin: 0 auto; position:relative}	
#box-game #box .box-ds-game{ position:absolute; z-index:50; top:5px; left:850px}

#box-out{ width:100%; background:url(../images/bg-out2.jpg) repeat-x; position:absolute; height:700px; z-index:1;}

/*---------------------wrapper-----------------*/
#wrapper{	margin:0px auto;	width:100%;	overflow:hidden;	background:url(../images/bg-header-sub.jpg) no-repeat top center; z-index:1;	position:absolute;	top:32px;}

#container{ width:1000px; margin:auto; overflow:hidden; position:relative;}

#hoa-van{ background:url(../images/hoa-van.png) no-repeat; position:absolute; top:265px; right:120px; z-index:10; width:60px; height:88px}

#event{ position:absolute; top:155px; left:360px; width:312px; height:168px; z-index:3}

#download{ position:absolute; width:200px; height:180px; top:134px; left:18px; z-index:2}
#download .content{ width:200px; height:180px;}


#logo-phienban{	width:215px; height:50px; overflow:hidden; position:absolute; left: 365px; top: 100px; z-index:3; background: url(../images/logo-songkiem.png) no-repeat; text-indent:-9999px}

#header{ width:1000px; overflow:hidden; height:290px;}

#logo{	width:267px;	height:97px;	overflow:hidden; position:absolute;	left: 365px;	top: 10px; z-index:5}
#logo .logo-content{ width:267px; height:97px;  background:url(../images/logo.png) no-repeat;}
#logo .logo-content p a{}

/* footer --------------------*/
.footer { width:1000px; height:130px; color:#89958c; font-size:11px; margin:0px 0 0 0; overflow:hidden; background:url(../images/bg-footer.jpg) no-repeat top center;}
.footer .top-page { width:512px; float:left; text-align:right; margin-top:52px;}
.footer .top-page a:link,.footer .top-page a:visited{ color:#fff000; font-weight:bold}
.footer .top-page a:hover{ color:#f6d160}
.footer .copyright{ float:right; color:#bfd1c3}
.footer .copyright p{ margin:50px 50px 0 0; text-align:right}


/* mainbox-----------------*/
#mainbox{ width:1000px; overflow:hidden; position:relative}

/* --------- nav ---------------*/
#col-1{ width:218px; float:left; overflow:hidden; margin-right:10px; margin-top:16px}
#col-1 .content{ margin-left:18px; background:#092119 url(../images/nav-bg.gif) no-repeat bottom; padding-bottom:0px}

/* quick-nav */
#quick-nav{}

.quick-nav-hd{ background:url(../images/bg-quick-nav-hd.jpg) no-repeat; height:86px}
.quick-nav-tt{ background:url(../images/bg-quick-nav-tt.jpg) no-repeat; height:86px}
.quick-nav-tv{ background:url(../images/bg-quick-nav-tv.jpg) no-repeat; height:86px}
.quick-nav-gt{ background:url(../images/bg-quick-nav-gt.jpg) no-repeat; height:86px}
.quick-nav-cd{ background:url(../images/bg-quick-nav-cd.jpg) no-repeat; height:86px}
.quick-nav-kh{ background:url(../images/bg-quick-nav-kh.jpg) no-repeat; height:86px}
.quick-nav-mp{ background:url(../images/bg-quick-nav-mp.jpg) no-repeat; height:86px}
.quick-nav-tn{ background:url(../images/bg-quick-nav-tn.jpg) no-repeat; height:86px}
.quick-nav-dt{ background:url(../images/bg-quick-nav-dt.jpg) no-repeat; height:86px}
.quick-nav-cn{ background:url(../images/bg-quick-nav-cn.jpg) no-repeat; height:86px}
.quick-nav-nv{ background:url(../images/bg-quick-nav-nv.jpg) no-repeat; height:86px}

.quick-nav-body{ background:url(../images/bg-quick-nav.jpg) repeat-y; overflow:hidden}
.quick-nav-bt{ background:url(../images/bg-quick-nav-bt.jpg) bottom no-repeat; padding-bottom:106px; overflow:hidden}

/* Thăm dò ý kiến*/
#thamdo-ykien{ width:180px; overflow:hidden; font-size:1.1em; margin-left:10px; display:none}
.thamdo-title{ width:180px; background:url(../images/kiemthe-box-tkyk-t.gif) no-repeat; height:25px;  }
.thamdo-title p{ text-indent:-9999px}

.thamdo-bt{ width:180px; background:url(../images/kiemthe-box-tkyk-bt.png) no-repeat;}

.thamdo-content{ width:180px; background:url(../images/kiemthe-box-tkyk.gif) repeat; padding-bottom:10px; color:#a1aea4}
.thamdo-content p{ padding:5px 30px 0px 20px; text-align:justify}
.thamdo-content ol{ margin:0 30px 0 50px }
.thamdo-content a:link{ color:#a1aea4}
.thamdo-content a:visited{ color:#a1aea4}
.thamdo-content a:hover{ color:#3e905b}

#nav-ad{ width:182px; margin:0 0 0 10px; overflow:hidden}
#nav-ad ul{ list-style-type:none; margin:0 ; padding:0 0; }
#nav-ad li{ margin-bottom:5px;}
#nav-ad .img-border1{ border:#858952 solid 1px; padding:0}
#nav-ad a:hover .img-border1 { border:#b4824e 1px solid; padding:0;}

/* --------- col-2 ---------------*/
#col-2{ float:left; width:618px; overflow:hidden;}
.content-t{ background:url(../images/content-t.png) no-repeat; height:130px; overflow:hidden}
.content-body{  width:618px; background:url(../images/content-re.jpg) repeat-y; overflow:hidden;}
.content-bt{ background:url(../images/content-bt.jpg) no-repeat bottom; overflow:hidden; padding-bottom:80px;}

.box-content{ overflow:hidden; width:558px; margin:auto; font-size:13px; }

/* toppage */
#col-3{ float:right; width:154px; overflow:hidden; padding-top:20px; padding-bottom:20px}
#col-3-content{ width:137px; margin-bottom:20px}
*html #col-3-content{ width:137px;}

.col3-t{ background:url(../images/col3-t.png) no-repeat; height:56px; overflow:hidden}
.col3-bt{ background:url(../images/col3-bt.png) no-repeat; height:43px; overflow:hidden}
.col3-bt .ontop{  margin:auto; margin-top:15px;height:25px}
.ontop a:link,.ontop a:visited,.ontop a:hover{ display:block; padding:0px 0 0 0px; color:#fff; font-weight:bold; text-align:center; text-indent:-9999px; height:25px;}

.col3-body{width:137px; background:url(../images/col3-bg.png) repeat-y; overflow:hidden}
.col3-body ul{ width:135px; list-style-type:none; overflow:hidden}
.col3-body li{ float:left; width:135px;}

.quick-huongdan a:link,.quick-huongdan a:visited{ background:url(../images/quick-huongdan.jpg) no-repeat top; height:30px; display:block; text-indent:-9999px;} 
.quick-huongdan a:hover{ background:url(../images/quick-huongdan.jpg) no-repeat bottom; height:30px; display:block; text-indent:-9999px} 
.quick-huongdan a.off:link,.quick-huongdan a.off:visited,.quick-huongdan a.off:hover{ background:url(../images/quick-huongdan-off.jpg) no-repeat top; height:30px; display:block; text-indent:-9999px; cursor:default} 

.quick-hotro a:link,.quick-hotro a:visited{ background:url(../images/quick-hotro.jpg) no-repeat top; height:31px; display:block; text-indent:-9999px;} 
.quick-hotro a:hover{ background:url(../images/quick-hotro.jpg) no-repeat bottom; height:31px; display:block; text-indent:-9999px} 
.quick-hotro a.off:link,.quick-hotro a.off:visited,.quick-hotro a.off:hover{ background:url(../images/quick-hotro-off.jpg) no-repeat top; height:31px; display:block; text-indent:-9999px; cursor:default} 

.quick-napthe a:link,.quick-napthe a:visited{ background:url(../images/quick-napthe.jpg) no-repeat top; height:35px; display:block; text-indent:-9999px;} 
.quick-napthe a:hover{ background:url(../images/quick-napthe.jpg) no-repeat bottom; height:35px; display:block; text-indent:-9999px} 
.quick-napthe a.off:link,.quick-napthe a.off:visited,.quick-napthe a.off:hover{ background:url(../images/quick-napthe-off.jpg) no-repeat top; height:35px; display:block; text-indent:-9999px; cursor:default} 

.quick-diendan a:link,.quick-diendan a:visited{ background:url(../images/quick-diendan.jpg) no-repeat top; height:35px; display:block; text-indent:-9999px;} 
.quick-diendan a:hover{ background:url(../images/quick-diendan.jpg) no-repeat bottom; height:35px; display:block; text-indent:-9999px} 
.quick-diendan a.off:link,.quick-diendan a.off:visited,.quick-diendan a.off:hover{ background:url(../images/quick-diendan-off.jpg) no-repeat top; height:35px; display:block; text-indent:-9999px; cursor:default} 


