@charset "utf-8";
/* CSS Document */


/*--Defaults--*/

* {
	margin: 0;
	padding: 0;
	outline:none;
}



body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	background:#000 url(../images/background.jpg) top center repeat-y;
	font-size: 12px;
}

a {
	color:#3d140b;
	text-decoration: none;
}

a {
	color:#bf2403;
}


img{
	border:0;
}
/*--Defaults--*/


#wrapper{
	width:960px;
	margin:0 auto;
}


ul, li{
	list-style:none;
}

/*--header--*/
	#banner{
		width:960px;
		height:276px;
		background:url(../images/banner.jpg) no-repeat;
		float:left;
		position:relative;
	}
	
		h1.logo{
			width:343px;
			height:103px;
			position:absolute;
			top:92px;
			left:35px;
		}
		
		h1.logo a{
			width:343px;
			height:103px;
			float:left;
			background:url(../images/logo.png) no-repeat;
			text-indent:-1000000px;
			outline:none;
		}

/*--End: header--*/



/*--menu--*/
#menu{
	width:958px;
	float:left;
	height:35px;
	background:url(../images/bg_menu.jpg) repeat-x;
	margin-left:1px;
}

.lavaLamp {
    position: relative;
    height: 35px; 
	width: 100%;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
			height: 35px;
            z-index: 8;
            position: absolute;
			background:url(../images/li_hover.jpg) repeat-x;
        }
		
		
        
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; 
			overflow: hidden;
            text-align: center;
			padding:0 15px;
			width:auto;
			_padding:0;
			_width:106px;
            height: 35px; 
            z-index: 10; 
            float: left; 
			line-height:35px;
			display: block;
			font-size:11px;
			color:#ffa405;
			font-weight:bold;
        }
/*--End: menu--*/



/*--slide--*/
#slide{
	width:930px;
	float:left;
	padding:25px 15px 15px 15px;
	position:relative;
}

.title_slide{
	width:500px;
	height:28px;
	line-height:28px;
	float:left;
	font-size:18px;
	font-weight:normal;
	color:#000;
	background:url(../images/bg_title_left.jpg) no-repeat;
	text-indent:33px;
	font-family:Arial, Helvetica, sans-serif;
}

.img_slide img{
	width:520px;
	height:222px;
	float:left;
	margin-top:17px;
	margin-left:17px;
	display:inline;
}

.img_slide img:hover{
	width:512px;
	height:214px;
	padding:2px;
	border:2px solid #999;
	background:#fff;
}

#slider{
	margin-top:15px;
	float:left;
	_float:none;
}	


#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:930px;
	height:256px;
	overflow:hidden; 
	background:url(../images/bg_slide.jpg) no-repeat;
}	
#prevBtn, #nextBtn{ 
	position:absolute;
	z-index:1000;
	width:39px;
	height:27px;
	top:20px;
}	
#nextBtn{
	background:url(../images/next.jpg) no-repeat;
	right:30px;
	}	
	
#prevBtn{
	background:url(../images/preview.jpg) no-repeat;
	right:72px;
}

#prevBtn a, #nextBtn a{  
	width:39px;
	height:27px;
	float:left;
	text-indent:-100000px;
	outline:none;
}	

	
table.content_slide{
	margin-top:30px;
	margin-left:50px;
	width:325px;
	font-size:11px;
	float:left;
	border-collapse:collapse;
}

table.content_slide th, td{
	padding:3px;
	vertical-align:top;
}

table.content_slide th{
	width:95px;
	color:#a59985;
	text-align:left;
}

table.content_slide td a{
	color:#2687b9;
	text-decoration:underline;
}

table.content_slide td a:hover{
	color:#a59985;
}
/*--End: slide--*/



/*--main--*/
#main{
	width:960px;
	float:left;
	background:url(../images/bg_main.jpg) repeat-y;
	overflow:hidden;
}

h1.nav{
	width:960px;
	height:53px;
	float:left;
	background:url(../images/title_main.jpg) no-repeat;
	font-size:14px;
	color:#47160a;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:20px;
	padding-top:10px;
}

h1.nav a{
	color:#fff;
	font-size:12px;
}

h1.nav a:hover{
	color:#000;
}
/*--End: main--*/




/*--left--*/
#left{
	width:600px;
	float:left;
	padding-left:15px;
}

	/*---box_left---*/
	.box_left{
		width:600px;
		float:left;
		background:url(../images/bg_line.jpg) bottom center no-repeat;
		margin-bottom:20px;
		padding-bottom:20px;
	}
	
	.title_boxleft{
		width:100%;
		height:28px;
		background:url(../images/bg_title_left.jpg) top left no-repeat;
		text-indent:30px;
		font-size:18px;
		color:#000;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		line-height:28px;
		float:left;
		margin-bottom:15px;
	}
	
	.img_boxleft{
		width:207px;
		float:left;
		margin-right:10px;
	}
	
	.img_boxleft img{
		width:207px;
		float:left;
	}
	
	.thumb p{
		font-size:11px;
		color:#3d140b;
		line-height:16px;
		text-align:justify;
		padding:3px 0;
	}
	
	.chitiet_baiviet a{
		text-decoration:underline;
		color:#3d140b;
	}
	
	.chitiet_baiviet a:hover{
		color:#000;
	}
	
	
	.view{
		font-size:12px;
		color:#3d140b;
	}
	
	.view p{
		padding:5px 0;
		text-indent:15px;
	}
	
	.view a{
		color:#F00;
	}
	
	.view a:hover{
		color:#F60;
	}
	
	.view table{
		width:100%;
		float:left;
	}
	
	.view img{
		max-width:580px;
	}
	
	table#form{
		border-collapse:collapse;
	}
	
	table#form th, table#form td{
		padding:4px;
		vertical-align:top;
	}
	
	table#form th{
		text-align:right;
	}
	
	.input_text{
		width:300px;
		background:#f3eee3;
		border:1px solid #d1c2a5;
		color:#6f5728;
	}
	
	ul.cacbaivietkhac{
		float:left;
		padding-left:30px;
	}
	
	ul.cacbaivietkhac li{
		padding:3px 0;
		width:45%;
		float:left;
	}
	
	ul.cacbaivietkhac li a{
		color:#333;
		background:url(../images/li_navigation.jpg) no-repeat;
		background-position:0 3px;
		padding-left:12px;
	}
	
	ul.cacbaivietkhac li a:hover{
		text-decoration:underline;
	}
	
	
	table.banggia{
		float:left;
		border-collapse:collapse;
		margin:10px 0;
	}
	
	table.banggia th, table.banggia td{
		border:1px solid #d2c098;
		padding:5px;
		text-align:center;
	}
	
	table.banggia th{
		font-size:12px;
	}
	
	/*---End: box_left---*/	
	
	
	/*---box_game---*/
	table.box_game{
		border-collapse:collapse;
		float:left;
	}
	
	table.box_game td{
		width:170px;
		padding:6px 15px;
	}
	
	table.box_game td p.img_game_thumb{
		width:170px;
		height:108px;
		float:left;
		background:url(../images/box_game.png) no-repeat;
	}
	
	table.box_game td p{
		margin:0;
		padding:0;
	}
	
	table.box_game td p.img_game_thumb img{
		width:124px;
		height:67px;
		float:left;
		margin-top:20px;
		margin-left:21px;
		display:inline;
	}
	
	table.box_game td p.ten_game{
		text-align:center;
		font-weight:bold;
		color:#390b09;
		margin-top:3px;
	}
	
	table.box_game td p.chitiet_game{
		width:122px;
		height:20px;
		float:left;
		margin-left:25px;
		display:inline;
		margin-top:3px;
	}
	
	table.box_game td p.chitiet_game a{
		width:122px;
		height:20px;
		float:left;
		background:url(../images/click_game.png) top center no-repeat;
	}
	
	table.box_game td p.chitiet_game a:hover{
		background:url(../images/click_game.png) bottom center no-repeat;
	}
	/*---box_game---*/
	
	
	/*---game_detail---*/
	#game_detail{
		width:100%;
		text-align:center;
		margin-top:20px;
		float:left;
	}
	
	#game_detail{
	}
	
	.more_game{
		width:244px;
		height:56px;
		text-align:center;
		margin:0 auto;
	}
	
	.more_game a{
		width:244px;
		height:56px;
		float:left;
		background:url(../images/more_game.png) no-repeat;
	}
	/*---End: game_detail---*/
	
	
	
	
	/*---project_thumb---*/
	table.project_thumb{
		float:left;
		border-collapse:collapse;
		margin-left:20px;
		margin-top:20px;
		display:inline;
		position:relative;
	}
	
	table.project_thumb td{
		width:250px;
		height:170px;
		position:relative;
		background:url(../images/bg_project_thumb.jpg) bottom  left no-repeat;
		padding:0;
		padding:0 20px;
		float:left;
		display:inline;
	}
	
	table.project_thumb td:hover{
		
		background:url(../images/bg_project_thumb.jpg) top  left no-repeat;
	}
	
	table.project_thumb p{
		margin:0;
		padding:0;
	}
	p.name_proj{
		width:263px;
		height:27px;
		line-height:23px;
		font-weight:bold;
		color:#fff;
		position:absolute;
		top:0;
		left:10px;
	}
	
	p.imgthumb_proj{
		width:222px;
		height:95px;
		position:absolute;
		top:24px;
		left:11px;
	}
	
	p.imgthumb_proj img{
		width:222px;
		height:95px;
		float:left;
	}
	
	
	p.bg_proj2{
		width:16px;
		height:14px;
		position:absolute;
		background:url(../images/bg_p2.png) no-repeat;
		top:24px;
		right:57px;
	}
	
	p.chitiet_proj{
		width:60px;
		height:27px;
		line-height:27px;
		position:absolute;
		left:12px;
		top:120px;
		_top:125px;
	}
		p.chitiet_proj a, p.home_proj a{
			color:#f89a45;
		}
		
		p.chitiet_proj a:hover, p.home_proj a:hover{
			color:#fff;
		}
		
	p.home_proj{
		width:90px;
		height:27px;
		line-height:27px;
		position:absolute;
		text-align:right;
		right:57px;
		top:120px;
		_top:125px;
	}
	
	/*---project_thumb---*/
	
	
	/*---project_detail---*/
	table.content_project_detail{
		width:100%;
		float:left;
		border-collapse:collapse;
		background:#fff;
	}
	
	table.content_project_detail th, table.content_project_detail td{
		vertical-align:top;
		text-align:left;
		padding:5px 7px;
		border-bottom:1px dotted #CCC
	}
	
	table.content_project_detail th{
		width:130px;
		text-align:right
	}
	
	#parent2{
		margin-top:20px;
		float:left;
	}
	
	#parent2-wrap{
		margin-top:20px;
	}
	#parent2 li{
		
	}
	
	#parent2-menu{
		margin-top:10px;
		position:absolute;
		top:0;
		right:0;
	}
	
	#parent2-menu a{
		color:#000;
		border:1px solid #ccc;
		margin:0 2px;
		padding:1px 3px;
	}
	
	#parent2-menu a.wactive{
		font-weight: bold;
		background:#fff;
		padding:2px;
		border:1px solid #ccc;
		color:#730000;
	}
	#parent2-menu a:hover{
	}

	/*---End: project_detail---*/
	
	
	
	/*---service_thumb---*/
	table#service_thumb{
		float:left;
		width:100%;
		margin-left:15px;
		display:inline;
		margin-top:15px;
	}
	
	table#service_thumb td{
		width:153px;
		padding:0px 22px;
		position:relative;
		float:left;
		height:180px;
	}
	
	p.img_service{
		width:140px;
		height:127px;
		position:absolute;
		top:5px;
		left:5px;
	}
	
	p.img_service img{
		width:140px;
		height:127px;
		float:left;
		border:0;
		padding:0;
		margin:0;
	}
	
	
	p.link_service{
		width:153px;
		height:140px;
		position:absolute;
		top:0;
		left:0;
	}
	
		p.link_service a{
			width:153px;
			height:140px;
			float:left;
			background:url(../images/box_service.png) top left no-repeat;
		}
		
		p.link_service a:hover{
			background:url(../images/box_service.png) bottom left no-repeat;
		}
		
	p.name_service{
		width:153px;
		text-align:center;
		position:absolute;
		top:140px;
		left:0;
		text-indent:0;
	}
	
		p.name_service a{
			font-size:11px;
			color:#560000;
			font-weight:bold;
		}
		
		p.name_service a:hover{
			color:#000;
		}
	
	/*---End: service_thumb---*/
	
	
	/*---news_thumb---*/
	table.news_thumb{
		width:100%;
		float:left;
		
	}
	
	table.news_thumb td{
		width:280px;
		padding:10px;
		border:1px solid #c8b177;
	}
	
	table.news_thumb td p{
		line-height:normal;
	}
	
	h2.title_news{
		color:#3c0101;
		font-size:12px;
	}
	
	.img_news{
		margin:0;
		padding:0;
		display:block;
	}
	
	
	
	.img_news img{
		float:left;
		width:108px;
		margin-top:10px;
		margin-right:5px;
	}
	
	p.link_news{
		width:45%;
		float:left;
	}
	
	table.news_thumb td a{
		color:#3c0101;
	}
	
	table.news_thumb td a:hover{
		text-decoration:underline;
	}
	/*---End: news_thumb---*/
	
	
	/*---download_hinh---*/
	table.download_hinh{
		float:left;
	}
	
	table.download_hinh td{
		width:178px;
		height:140px;
		position:relative;
		float:left;
		padding:0 10px;
	}
	
	p.img_down{
		width:117px;
		height:94px;
		position:absolute;
		top:0;
		left:10px;
	}
	
	p.img_down img{
		width:117px;
		height:94px;
		border:3px solid #d2c6a6;
	}
	
	p.btn_down{
		width:172px;
		height:56px;
		position:absolute;
		bottom:0;
		left:0;
	}
	
	p.btn_down a{
		width:172px;
		height:56px;
		float:left;
		background:url(../images/dowload_hinh.png) no-repeat;
	}
	
	
	/*---End: download_hinh---*/
	
	
/*--End: left--*/




/*--right--*/
#right{
	width:312px;
	float:right;
	padding-right:12px;
}
	
	
	/*---box_right---*/
	.box_right{
		width:312px;
		float:left;
	}
	
	h1.title_boxright{
		width:312px;
		height:55px;
		float:left;
		background:url(../images/title_boxright.png) top left no-repeat;
		font-size:18px;
		font-weight:normal;
		color:#390b09;
		text-indent:45px;
		line-height:55px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.content_boxright{
		width:272px;
		float:left;
		background:url(../images/content_boxright.png) top left repeat-y;
		padding:0 20px;
		position:relative;
		z-index:100;
	}
	
	.bottom_boxright{
		width:312px;
		height:60px;
		float:left;
		background:url(../images/bottom_boxright.png) top left no-repeat;
		position:relative;
		z-index:10;
	}
	
	
	.container_boxright{
		width:100%;
		float:left;
		margin-bottom:-30px;
		margin-top:-5px;
		position:relative;
		z-index:1000;
	}
	
	
	/*---End: box_right---*/	
		
		

		/*----bannenxemgi---*/
		#bannenxemgi{
			margin-bottom:10px;
		}
		
		#bannenxemgi h1{
			width:312px;
			height:58px;
			background:url(../images/title_bannenxemgi.png) top left no-repeat;
			float:left;
			text-align:center;
			color:#f8e5b5;
			font-size:12px;
			font-weight:bold;
			line-height:50px;
		}
		
		#content_bannenxemgi{
			width:312px;
			float:left;
			background:url(../images/content_bannenxemgi.png) top left repeat-y;
			position:relative;
			z-index:100;
		}
		
			#content_bannenxemgi ul{
				width:292px;
				float:left;
				padding-left:20px;
				
			}
			
			#content_bannenxemgi ul li{
				width:126px;
				height:22px;
				text-align:center;
				font-size:11px;
				line-height:18px;
				float:left;
				margin:4px;
				display:inline;
			}
			
			#content_bannenxemgi ul li a{
				width:126px;
				height:22px;
				float:left;
				background:url(../images/btn_bannenxemgi.png) top center no-repeat;
				color:#ffc000;
			}
			
			#content_bannenxemgi ul li a:hover{
				width:126px;
				height:22px;
				float:left;
				background:url(../images/btn_bannenxemgi.png) bottom center no-repeat;
				color:#FFF;
			}
		
		#bottom_bannenxemgi{
			width:312px;
			float:left;
			height:30px;
			background:url(../images/bottom_bannnenxemgi.png) top left no-repeat;
			position:relative;
			z-index:10;
		}
		
		
		#search{
			width:260px;
			height:37px;
			background:url(../images/search.png) no-repeat;
			float:left;
			margin-top:15px;
			margin-left:24px;
			display:inline;
		}
		/*----End: bannenxemgi---*/

		
		
		
		/*----doitac----*/
		table.doitac{
			float:left;
			width:100%;
		}
		
		table.doitac td{
			vertical-align:middle;
			padding:3px;
		}
		
		table.doitac td img{
			width:120px;
			height:70px;
		}
		
		table.doitac td img:hover{
			width:114px;
			height:64px;
			padding:2px;
			border:1px solid #999;
		}
		
		/*----End: doitac----*/
		
		
		
		/*----banner_right----*/
		.banner_right{
			margin-bottom:10px;
		}
		
		.banner_right img{
			width:302px;
			float:left;
			margin-left:3px;
			display:inline;
			margin-top:5px;
		}
		
			
		/*----End: banner_right----*/
		
		
		
		/*----thongtinlienhe----*/
		.thongtinlienhe p{
			text-align:center;
			color:#566565;
			font-family:Arial, Helvetica, sans-serif;
		}
		/*----thongtinlienhe----*/
		
		
		/*----list_navigation----*/
		.list_navigation{
		}
		
		.list_navigation ul{
			width:100%;
			float:left;
		}
		
		.list_navigation ul li{
			width:100%;
			float:left;
			padding:3px 0;
		}
		
		.list_navigation ul li a{
			padding-left:12px;
			background:url(../images/li_navigation.jpg) no-repeat;
			color:#440300;
			background-position:0 5px;
		}
		
		.list_navigation ul li a:hover{
			text-decoration:underline;
		}
			
		/*----End: list_navigation----*/
		
		
		
		
/*--End: right--*/



/*--footer--*/
#footer{
	width:100%;
	background:#000 url(../images/bg_footer.jpg) top center no-repeat;
	padding-top:80px;
	overflow:hidden;
	padding-bottom:10px;
}


.content_footer{
	width:960px;
	margin:0 auto;
}

.left_footer{
	width:370px;
	float:left;
	color:#e2ce9d;
}

.top{
	width:36px;
	height:43px;
	float:right;
	
}

.top a{
	width:36px;
	height:43px;
	float:left;
	background:url(../images/top.jpg) top left;
}

.top a:hover{
	width:36px;
	height:43px;
	float:left;
	background:url(../images/top.jpg) bottom left;
	outline:none;
	
}


.rss{
	width:72px;
	height:72px;
	float:left;
	display:inline;
	margin-top:-10px;
}

.rss a{
	width:72px;
	height:72px;
	float:left;
	background:url(../images/RSS.png) bottom left no-repeat;
}

.rss a:hover{
	width:72px;
	height:72px;
	float:left;
	background:url(../images/RSS.png) top left no-repeat;
}


.rank{
	width:120px;
	height:65px;
	display:inherit;
	margin-top:-10px;
	margin-right:30px;
	position:relative;
	z-index:100000;
	float:right;
}

.trinhduyet{
	width:250px;
	float:left;
	display:inline;
	margin-left:20px;
}

/*--End: footer--*/





/*---Phan trang---*/
#phan_trang{
	float:right;
	margin-top:10px;
	margin-right:10px;
	display:inline;
}



#phan_trang ul{
	border:0; 
	margin:0; 
	padding:0;
	float:left;
}



#phan_trang li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	float:left;
}

#phan_trang a{
	border:solid 1px #999;
	margin-right:2px;
}

#phan_trang .previous-off,
#phan_trang .next-off {
	color:#999;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}

#phan_trang .next a,
#phan_trang .previous a {
	font-weight:bold;
	border:solid 1px #999;
}

#phan_trang .active{
	color:#333;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}

#phan_trang a:link,
#phan_trang a:visited {
	color:#4b3623;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

#phan_trang a:hover{
	border:solid 1px #4b3623;
}

/*--End: phantrang--*/




#boxview{
	width:100%;
	height:360px;
	overflow:hidden;
	position:relative;
	z-index:10;
}


#boxcontent{
	width:100%;
	float:left;
	position:relative;
	z-index:1;
	padding-bottom:30px;
}

#control{
	width:587px;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10000;
	display:block;
}

#control a{
	width:587px;
	height:40px;
	float:left;
	background:url(../images/show_hide.jpg) top left no-repeat;
}