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


.content_page{
	width:100%;
	float:left;
}


.main{
	width:980px;
	margin:0 auto;
	height:auto!important;
}

.top_main{
	width:980px;
	float:left;
	height:10px;
	background:url(../images/top_main_index.png);
}

.content_main{
	width:980px;
	float:left;
	background:url(../images/content_main_index.png) repeat-y;
}


.gioithieu{
	width:920px;
	float:left;
	padding:10px 30px;
}

.gioithieu h1{
	font-size:30px;
	font-weight:bold;
	color:#721A1A;
	font-family:"Times New Roman", Times, serif;
	background:url(../images/bg_h1.png) no-repeat;
	height:40px;
	line-height:40px;
	letter-spacing:-.05em;
	position:relative;
}

.gioithieu p{
	padding:3px 0;
	text-align:justify;
	text-indent:20px;
}

.gioithieu h2 a{
	color:#0FF;
	font-weight:bold;
	font-size:12px;
	padding:3px;
}

.gioithieu h2 a:hover{
	color:#F00;
	text-decoration:underline;
}

/*--Box nội dung trang chủ--*/
.box_top_content{
	width:980px;
	float:left;
	height:29px;
	background:url(../images/box_top_content.png) no-repeat;
}

.box_bottom_content{
	width:980px;
	float:left;
	height:29px;
	background: url(../images/box_bottom_content.png) no-repeat;
}

.box_content_center{
	width:980px;
	float:left;
	background:url(../images/box_content_center.png) repeat-y;
	
}

.box_content_center .title{
	width:55px;
	float:left;
}

.box_baiviet_thumb{
	width:375px;
	float:left;
	padding:0 18px;
}

.box_baiviet_thumb p{
	text-align:justify;
	text-indent:20px;
	padding:3px 0;
	color:#FFF;
}

.box_baiviet_thumb h3{
	font-size:18px;
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:10px;
	color:#721A1A;
	background:url(../images/bg_h3.png) no-repeat;
	height:30px;
	line-height:30px;
	letter-spacing:-.05em;
	position:relative;
	font-weight:bold;
}

	.box_baiviet_thumb a{
		color:#FF9;
		font-weight:bold;
	}
	
	.box_baiviet_thumb a:hover{
		color:#600;
	}

.box_baiviet_thumb h4{
	font-size:12px;
	margin-top:5px;
}

.box_baiviet_thumb h4 a{
	color:#0FF;
	font-weight:normal;
}

.box_baiviet_thumb h4 a:hover{
	
	color:#F00;
	text-decoration:underline;
	
	font-weight:normal;
	
}

.tag_words{
	display:block;
}

.tag_words h5{
	font-size:12px;
}

.box_hinhminhhoa{
	width:220px;
	float:left;
	padding-right:5px;
	padding-left:10px;
}

.box_hinhminhhoa img{
	width:220px;
}

.box_cacbaivietkhac{
	width:250px;
	float:left;
}

.box_cacbaivietkhac h3{
	font-size:18px;
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px dashed #333;
	margin-bottom:10px;
	color:#721A1A;
	font-weight:bold;
}

.box_cacbaivietkhac ul{
	width:242px;
	padding-left:8px;
	float:left;
}

.box_cacbaivietkhac li{
	padding:3px 0;
	padding-left:12px;
	background:url(../images/list_quicklink.jpg) left center no-repeat;
}

.box_cacbaivietkhac li a{
	color:#F0FFB3;
	font-weight:bold;
}

.box_cacbaivietkhac li a:hover{
	color:#0F0;
	text-decoration:underline;
}

.box_cacbaivietkhac h4{
	font-size:12px;
	margin-top:5px;
}

.box_cacbaivietkhac h4 a{
	color:#0FF;
}

.box_cacbaivietkhac h4 a:hover{
	color:#F00;
	text-decoration:underline;
}


/*--Liên hệ--*/
.box_thongtinlienhe{
	width:500px;
	float:left;
}

.box_thongtinlienhe h4{
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	color:#000
}

.box_thongtinlienhe p{
	padding:3px 0;
	text-indent:0;
}

.box_formlienhe{
	width:400px;
	float:left;
}

.box_formlienhe h4{
	font-size:24px;
	color:#000;
	font-family:"Times New Roman", Times, serif;
}

.box_formlienhe label{
	display:block;
	color:#FFF;
	font-weight:bold;
}

.box_formlienhe input{
	width:400px;
	background:none;
	border:1px solid #fff;
	color:#0FF;
}

.box_formlienhe .inline{
	display:inline;
}
.box_formlienhe textarea{
	width:390px;
	height:200px;
	background:none;
	border:1px solid #fff;
	color:#0FF;
	padding:5px;
}

.box_formlienhe em{
	color:#721A1A;
}

#form_contact label.error {
	margin-left: 5px;
	width: auto;
	display: block;
}
						
/*--//--*/


.box_thietkeweb_thumb{
	width:660px;
	float:left;
	padding:0 0px 0 20px;
}

	.box_thietkeweb_content{
		width:654px;
		float:left;
		background:url(../images/bg_box_baiviet_thumb_top.png) top center no-repeat;
		padding-top:15px;
		margin-bottom:15px;
	}
	
	.box_thietkeweb_content h1{
		padding-left:40px;
		font-size:24px;
		font-family:"Times New Roman", Times, serif;
		line-height:26px;
		color:#651616;
	}
	
	.box_thietkeweb_content h1 a:link{
		font-family:"Times New Roman", Times, serif;
		line-height:26px;
		color:#651616;
	}
	
	.box_thietkeweb_content h1 a:hover{
		font-family:"Times New Roman", Times, serif;
		line-height:26px;
		color:#571008;
	}
	
	.box_thietkeweb_content h1 a:visited{
		font-family:"Times New Roman", Times, serif;
		line-height:26px;
		color:#651616;
	}
	
	.box_thietkeweb_content .img{
		width:128px;
		float:left;
		padding-left:10px;
		padding-right:10px;
	}
	
	.box_thietkeweb_content .img img{
		width:128px;
	}
	
	.box_thietkeweb_content p{
		text-align:justify;
		padding:3px;
		padding-right:10px;
		padding-left:10px;
		text-indent:20px;
		color:#fff !important;
	}
	
	.box_thietkeweb_content p img{
		padding-right:5px;
	}
	
	.box_thietkeweb_content a{
		color:#e8ff8e;
		font-weight:bold;
	}
	
	
	.box_thietkeweb_content a:hover{
		color:#571008;
	}
	
	
	
	.box_thietkeweb_content h3 a{
		font-size:12px;
		color:#0FF;
	}
	
	.box_thietkeweb_content h3 a:hover{
		color:#F00;
	}
	
	.box_thietkeweb_content table{
		width:640px !important;
	}
	
	.box_thietkeweb_content table, .box_thietkeweb_content td{
		font-size:11px;
		font-family:Tahoma, Geneva, sans-serif;
	}
	.box_thietkeweb_content table{width:100%;border-collapse:collapse;margin:5px 0;}
	.box_thietkeweb_content th, .box_thietkeweb_content td{text-align:left;padding:2px;}
	.box_thietkeweb_content th{color:#fff;}
	.box_thietkeweb_content td{border:solid 1px #fff;}
	
	.box_thietkeweb_content .tag_words {
		padding-left:40px;
		display:block;
	}

	.box_danhmucbaiviet{
	width:220px;
	float:right;
	padding:0 15px 0 0;
}
.box_content_danhmucbaiviet{
	width:220px;
	float:left;
}
	
.box_content_danhmucbaiviet h1{
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	line-height:20px;
	height:24px;
	background:url(../images/bg_title_danhmuc.png) no-repeat;
	padding-top:8px;
	color:#FFF;
}

.box_content_danhmucbaiviet #tags .tags_content{
	margin:10px;
}

.box_content_danhmucbaiviet #tags a{
	
	font-family:Tahoma;
	
	color:#F0FFB3;
	font-weight:bold;
	
	padding:5px;
}

.box_content_danhmucbaiviet #tags a:hover{
	color:#0F0;
	text-decoration:underline;
	font-family:Tahoma;
}
	
.box_content_danhmucbaiviet ul{
	width:220px;
	float:left;
}

.box_content_danhmucbaiviet li{
	padding:2px 0;
	padding-left:15px;
	background:url(../images/icon_title_content_1.png) no-repeat;
	width:200px;
	margin:5px 0;
}

.box_content_danhmucbaiviet li a{
	color:#F0FFB3;
	font-weight:bold;
}

.box_content_danhmucbaiviet li a:hover{
	color:#0F0;
	text-decoration:underline;
}

.box_content_danhmucbaiviet h4{
	font-size:12px;
	margin-top:5px;
}

.box_content_danhmucbaiviet h4 a{
	color:#0FF;
}

.box_content_danhmucbaiviet h4 a:hover{
	color:#F00;
	text-decoration:underline;
}

	
<!--Cac bai viet trang trong-->
.box_cacbaivietkhac_trangtrong{
	width:100%;
	float:left;
}

.box_cacbaivietkhac_trangtrong h3{
	font-size:18px;
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
}

.box_cacbaivietkhac_trangtrong ul{
	width:95%;
	padding-left:8px;
	float:left;
}

.box_cacbaivietkhac_trangtrong li{
	padding:3px 0;
	padding-left:12px;
	background:url(../images/list_quicklink.jpg) left center no-repeat;
}

.box_cacbaivietkhac_trangtrong li a{
	color:#F0FFB3;
	font-weight:bold;
}

.box_cacbaivietkhac_trangtrong li a:hover{
	color:#0F0;
	text-decoration:underline;
}

.box_cacbaivietkhac_trangtrong h4{
	font-size:12px;
	margin-top:5px;
}

.box_cacbaivietkhac_trangtrong h4 a{
	color:#0FF;
}

.box_cacbaivietkhac_trangtrong h4 a:hover{
	color:#F00;
	text-decoration:underline;
}

/*--Mẫu thiết kế--*/
#mauthietke{
	width: 880px;
	float:left;
	padding:0 20px;
}

#mauthietke .img{
	position:relative;
	width:194px;
	height:235px;
	float:left;
	border:1px solid #222;	
	margin:10px;
	overflow:hidden;
}

#mauthietke .img img{
	border:2px solid #000;
	position:absolute;
	width:194px;
	height:235px;
}

#mauthietke .img .caption {
	width:194px;
	height:50px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	

}

#mauthietke .img .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	padding:5px;
	display:block;
}

.qitem {
	width:194px;
	height:235px;
	border:2px solid #674718;	
	margin-left:8px;
	margin-right:8px;
	margin-bottom:20px;
	background:url(../images/bg_por.jpg) !important;
	display:block;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.qitem img {
	border:0;

	/* allow javascript moves the img position*/
	position:absolute;
	z-index:200;
}

.qitem div.caption {
	position:relative;
	z-index:0;	
	color:#fcfaf7;
	height:0;
}

.qitem .caption h4 {
	font-size:12px;
	padding:5px 5px 5px 8px;
	margin:0;
	color:#feb20f;
}

.qitem .caption p {
	font-size:10px;	
	padding:3px 5px 0 8px;
	margin:0;
}

/* Setting for corners */

/* Generic setting for corners */  
.topLeft, .topRight, .bottomLeft, .bottomRight {  
    /* allow javascript to move the corners */  
     position:absolute;  
     background-repeat: no-repeat;   
     z-index:200;  
 }  
   
 /* set the background position for different corners */  
.topLeft {  
     background-position: top left;    
 }   
   
 .topRight {       background-position: top right;   
 }   
  
 .bottomLeft {  
     background-position: bottom left;   
 }   
   
 .bottomRight {  
     background-position: bottom right;   
 }  
   
.clear {  
     clear:both;   
 }