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

body{
	margin:0;
	padding:0;
	font-family: "Tahoma",Verdana, Arial;
	font-size:12px;
	color:#3d3d3d;
	line-height:16px;
	background-color:#f6f3e8;
}

a{text-decoration:none; color:#3d3d3d}
a:hover{text-decoration:underline; color:#3d3d3d}
* {
	margin:0;
	padding:0;
}

/*-----------------------------DROPDOWN MENU-----------------------------------*/


#dropmenudiv {
position:absolute;
border:1px solid #7A4727;
line-height:20px;
z-index:100;
background-color: #7A4727;
margin-top:15px;
margin-left: 0px;
margin-right: 0px;
font-size:12px;

}

#dropmenudiv a {
width:100%;
display: block;
padding-left: 0px;
padding-right: 0px;
COLOR: #000;
border-bottom: 1px solid #7A4727;
TEXT-DECORATION: none;

}

#dropmenudiv a:hover { /*hover background color*/
background-color: #7A4727 ;
COLOR: #FFFFFF;
TEXT-DECORATION: none;
}

/*-----------------------------DROPDOWN MENU-----------------------------------*/

#main{
	width:980px; height:auto;
	margin:0 auto;
	}
	#top{
			height:80px; width:980px;
		}
		#logo{
				width:200px; height:80px;
				float:left;
			}
		#lang{
				float:right; padding-top:30px
			}
	#menu{
			height:45px; width:980; background-color:#4f4727; clear:both;
		}
		#menu a{text-decoration:none; color:#fff}
		#menu a:hover{text-decoration:none; color:#f6d312}
		
		#menu_text{
				font-weight:bold; float:left; color:#fff;
				padding-top:15px
			}
		/*Begin menu*/
		
		#menu_text ul {
			
			float:left;
		}
		
		#menu_text li {
			float:left;
			display:block;
			width:100px;
			height:25px;
			text-align:center;
			font-size:12px;	
		}
		
		#menu_text li a {
			display:block;
			width:100px;
			height:25px;
			font-weight:bold;
			text-decoration:none;
			background:url(../images/button.jpg);
		}
		
		#menu_text li a span {
			display:block;
			padding-top:5px;	
			color:#fff;
		}
		
		#menu_text li a:hover {
			display:block;
			width:100px;
			height:25px;
			font-weight:bold;
			text-decoration:none;
		}
		/*End menu*/
			
		#search{
				float:left; width:180px; padding-top:12px; padding-left:75px
			}
		#contact{
				float:left; 
				background:url(../images/ico_contact.jpg) no-repeat; margin-left:25px;
				padding-top:15px; padding-left:18px; background-position:0 20px
			}
	#arch{
			height:265px; width:980px; clear:both;
			background-color:#e5dec1; background-color:#e5dec1;
		}
		.img_arch1{
				width: 748px;float:left;
			}
		#arch_left{
				width:232px; float:left; padding-top:19px;	
			}
			#next{
					background:url(../images/ico_view.jpg) no-repeat; 
					padding:0 0 0 15px; 
					margin:20px 0 0 15px; 
					background-position:0 6px
				}
				#small_arch{
						margin:25px 0 0 0; padding:0;
					}
					#small_arch ul{
							margin:0; padding:0;
						}
					#small_arch li{
							list-style:none; display:block; float:left;
							padding-left:13px
						}
		#block{
				/*margin:5px 0 0 0; height:223px; clear:both;*/
				margin:5px 0 0 0; height:223px; clear:both;				
			}
			#block1{
					float:left; height:194px;
					width:315px;background-color:#b2ab98; padding-bottom:25px
				}

			#block2{
					float:left;
					height:219px;
					width:303px;
					margin-left:23px;background-color:#b2ab98;
				}
				#block2_intro{
						padding:15px 15px 0 15px; clear:both
					}
			#block3{
					float:left;
					width:316px;
					height:203px;
					margin-left:23px;background-color:#b2ab98; padding-bottom:16px
				}
				#block3_news{
						margin:0; padding:0 10px 0 10px;
					}
					#block3_news ul{
							margin:0; padding:0;
						}
					#block3_news li{
							list-style:none; float:left;
							margin-top:17px; display:block
							
						}
						#bl3_news_img{
								float:left; width:43px; height:39px;
								border:1px solid #726b50
							}
						#bl3_news_content{
								float:left; margin-left:15px; width:236px
							}
						#bl3_news_content a{text-decoration:underline; color:#3d3d3d}
						#bl3_news_content a:hover{text-decoration:none; color:#3d3d3d}
	#footer{
			clear:both; width:980px;
		}
		#footer_left{
				float:left; width:664px
			}
			#ft_left_menu{
					font-size:11px; font-weight:bold; padding:15px 0 0 0
				}
		#footer_right{
				float:left; width:316px
		}

/* INTRODUCTION */
#sub{
		padding:5px 0 0px 0;
	}
#sub:after {
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	height:0;
}
#sub_left{
		float:left; width:232px; background-color:#b2ab98; padding-bottom:15px
	}
	#sub_left_news{
			clear:both; width:217px;
			margin:0; padding:15px 5px 0px 10px;
		}
		#sub_left_news_img{
				border:1px solid #726b50
			}
		#sub_left_news_ct{
				
			}
			#sub_left_news_ct a{text-decoration:underline; color:#3d3d3d}
			#sub_left_news_ct a:hover{text-decoration:none; color:#3d3d3d}
#sub_right{
		float:left; width:713px; padding:15px 10px 15px 25px;
	}
#sub_right .title{
		margin-bottom:20px;font-size:18px;font-weight:bold;text-transform:uppercase
	}
	
/* DOWNLOAD */	

#sub_download{
		margin:0; padding:0;
	}
	
	#sub_download ul{
			margin:0; padding:0;
		}
	#sub_download li{
			list-style:none; display:block;
		}
	#download_img{
			float:left; width:112px; height:112px; margin:15px 0;
		}
	#download_text{
			float:left; padding-left:25px; width:576px; margin:15px 0;
		}
/* NEWS */

#sub_news{
		margin:0; padding:0;
	}
	
	#sub_news ul{
			margin:0; padding:0;
		}
	#sub_news li{
			list-style:none; display:block;
		}
	#news_img{
			float:left; width:162px; height:112px; margin:25px 0;
		}
	#news_text{
			float:left; padding-left:15px; width:536px; margin:25px 0;
		}

#more_news{
		margin:0; padding:15px 0 0 0;
	}
	
	#more_news ul{
			margin:0; padding:0;
		}
	#more_news li{
			list-style:none; display:block; line-height:22px;
			background:url(../images/ico_news_detail.jpg) no-repeat;
			background-position:0 8px; padding:0 0 0 10px
		}
	
/* PRODUCCT */

#product{
		margin:0px 0px 0px 5px; padding:0;
	}
	#product ul{
			margin:0; padding:0;
		}
	#product li{
			list-style:none; display:block; float:left;
			width:154px; padding:10px 22px 10px 0px; height:208px
		}
	#product_img{
			width:145px; height:126px;
		}
	#product_text{
			background-color:#fff; width:138px; padding:8px
		}
	.pt_mm {
			/*background-color:#FFCC66; width:138px; padding:8px*/
			background-color:#ecb91c; width:129px; padding:8px
		}
	.pt_mo {
			background-color:#4f4727; width:129px; padding:8px
		}
/* CONTACT */

#contact_form{
		margin-top:40px
		}
		
	form, dl, dt, dd{
	padding:0;
	margin:0;
	}
	
	#contact_form dl {
	clear:both;
	min-height:35px; 			/* Dung cho FireFox*/
	height:auto !important;    /* Dung cho FireFox*/
	height:35px;
	}
	#contact_form dt {
		width:175px;
		float:left;
	}
	#contact_form dd {
		size:20px;
	}
	#contact_form input {background:#f9f6ef;border:1px solid #CCCCCC;height:18px}
	#contact_form textarea {background:#f9f6ef;border:1px solid #CCCCCC}
	
	#bt_submit{
		padding:15px 0 0 70px; color:#fff;
	}	
	#bt_submit input{
		background:url(../images/bt_submit.jpg) no-repeat; width:65px; height:21px; border:none
	}

.sub_menu_left{
	padding:15px 5px 15px 10px; min-height:350px; height:auto;
}
	.sub_menu_left a{
		color:#fff; text-decoration: none;
	}
	.sub_menu_left a:hover{
		color:#70694d; text-decoration: none;
	}