/* classic popup */
.classic-popup{background: rgba(255,255,255, 0.24);border-radius: 5px;-moz-border-radius: 5px;padding:5px}
.classic-popup-title{width:100%; background:#096DB5; height:41px; text-align:center;}
.classic-popup-title,.classic-popup-title .fl,a.classic-popup-close{height:40px;line-height:40px;font-weight:bold;color:#fff}
.classic-popup-title .fl{padding-left:20px;font-size:16px;text-transform:uppercase;text-shadow:0 1px 0 #666666}
a.classic-popup-close{float:right;font-size:13px;line-height: 30px;padding:0 10px}
a.classic-popup-close:hover{text-decoration:none;color:#4f2d00}
.classic-popup-content{width:100%;background:#fff; }
#bannerPopup { position:relative;}
.close-popup { text-align:right; margin-bottom:5px;}
.close-popup a { display:inline-block; background:url(../images/close-popup.gif) no-repeat; color:#FFF; font-size:12px; text-decoration:none; padding-left:20px;}
.bannerPopupContent { background:#fff;}
/* fix for bold in FF4 win 64bit */
b{font-weight:bold}
.classic-popup .error { border:1px solid red;}
 
 
/*------------ css cho box ------------*/  
.box {
	padding-bottom:15px;
	padding-left:10px;
}
.box_mid {
	padding-bottom:15px;
}
 
.box-title{
	background: url(../images/bg_f_title.gif) bottom left repeat-x;
	padding-bottom:10px;
	color:#100f48;
	font-weight:normal;
	text-align:left;
	font-size:18px;
	line-height:normal;
	text-transform:uppercase;
	font-family:UTM_Avo;
	padding-left:10px;
} 
.box-title a { color:#100f48; text-decoration: none;}

.box-content {
	padding-top:10px; 
}
.mid-title {	
	background: url(../images/bg_f_title.gif) bottom left repeat-x;
	padding-bottom:10px;
}
.mid-title .titleL {
	float:left;
	color:#242459;
	font-weight:normal;
	text-align:left;
	font-size:20px;
	line-height:normal;
	text-transform:uppercase;
	font-family:UTM_Avo;
	padding:10px;
}
.mid-title .titleL h1, .mid-title .titleL h2{
	font-weight:normal;
}
.mid-title .titleL a {color:#99ca3c;}
.mid-title .titleR {
	float:right;	
}

.mid-content {
	padding-top:20px;
}


#floating_banner_left img ,  #floating_banner_right img {
	width: 100%;
	max-width: 235px !important;
}
.desc ol{
	margin-left:10px;
	padding-left:10px;
	list-style:decimal ;
}
.desc ul{
	list-style:disc;
	margin-left:10px;
	padding-left:10px;
}

.box-tags {
	background:#fff;
	margin-bottom:20px;
}
.box-tags .tags-list {
	padding:7px 0px;
	min-height:30px;
	color:#666666;
}
.box-tags {padding:0px 5px; color:#333333; line-height:20px; font-weight:bold}
.box-tags a  { color:#666666; text-decoration:none; font-weight:normal; background:#f5f5f5; border-bottom:#dcdcdc solid 1px; display:inline-block; line-height:20px; padding:5px 10px; margin-right:5px; }


/*CATEGORY*/
.box_category {padding:0px;   }
.box_category  ul {list-style:none;}
.box_category  li {
	border-bottom:#ccc dotted 1px;
	padding:5px 0px;
}
.box_category  ul ul{
	border-top:#ccc dotted 1px;
}
.box_category  ul ul li.last {
	border-bottom:none;
}
.box_category  li a {
	background:url(../images/icon_cat.png) 0px 12px no-repeat;
	display:block;  
	font-weight:bold;
	padding-left:15px;
	color:#333333;
	line-height:30px;
	 text-transform:uppercase;
}
.box_category  li a:hover{
	 text-decoration:none;
	 color:#99ca3c;
	  text-transform:uppercase;
} 

.box_category ul ul {
	list-style:none;
}
.box_category ul ul li {
	background:none;
	
}
.box_category ul ul li a {
	background:url(../images/icon_sub_cat.gif) 0px 12px no-repeat;
	font-weight:normal;
	padding-left:15px; 	
	margin-left:15px; 
}
.box_category ul ul li a:hover { }
.box_category ul ul li a.current { font-weight:bold; }
.box_category ul ul ul li {
	padding: 1px 0px !important;
}
.box_category ul ul li ul li a {
	background: no-repeat;
	padding-left: 15px;
}
.box_weblink{
	border:#d7d7d7 solid 1px;
	background:#fff;
	padding:6px;
	margin-top:10px;
	position:relative;
}
.select_weblink{
	border:#e5e5e5 solid 5px;
	background:#fff;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}

.list_weblink{
	position:absolute;
	top:54px;
	left:0px;
	width:100%;
	border:#e5e5e5 solid 2px;
	z-index:20;
	display:none;
	background:#fff;
}
.list_weblink li{
	border-bottom:#e5e5e5 solid 1px;
}
.list_weblink li.last{
	border-bottom:none;
}
.list_weblink li, .list_weblink li a{
	line-height:34px;
	display:block;
	color:#333333;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
}

 @media screen and (max-width: 767px) {
	/*------------ css cho box_sidebar ------------*/  
	.navbar-header{
		margin-bottom:10px;
		background:#99ca3c;
		padding:5px 0;
	}
	.advertise{
		display:none;
	}
	.box-title{
		display:none;
	}
	.box-content{
		padding-top:0px;
	}
	.box {
		margin-bottom:0px;
	}
	.box_quangcao{
		display:none;
	}
	.box_news{
		display:none;
	}
	.list_cat .fl{
		width:100%;
	}
	.list_cat .fr{
		width:100%;
	}

	/*------------ css cho box mid ------------*/
	#vnt-main{
		margin-top:20px;
	}
}
 @media screen and (max-width: 767px) {
	/*------------ css cho box_sidebar ------------*/  
	.navbar-header{
		margin-bottom:10px;
		background:#99ca3c;
		padding:5px 0;
	}
	.advertise{
		display:none;
	}
	.box-title{
		display:none;
	}
	.box-content{
		padding-top:0px;
	}
	.box {
		margin-bottom:0px;
	}
	.box_quangcao{
		display:none;
	}
	.box_news{
		display:none;
	}
	.list_cat .fl{
		width:100%;
	}
	.list_cat .fr{
		width:100%;
	}

	/*------------ css cho box mid ------------*/
	#vnt-main{
		margin-top:20px;
	}
}

@media (max-width: 490px){
	#vnt-navation{
		display:none;
	}
	.navation{
		display:none;
	}
	.mid-title .titleL {
		font-size:150%;
	}
	
	.menu_head a{
		padding-left:4px;
	}
	.menu_head a span{
		padding-right:4px;
	}
	.menu_head a:hover, .menu_head a.current{
		background:none;
		padding-left:4px;
	}
	.menu_head a:hover span, .menu_head a.current span{
		background:none;
		padding-right:4px;
	}

}

@media (max-width: 410px){
	
	#vnt-header	.logo {float:left; width:30%; }
	#vnt-header .header_search {
		width:70%;
		padding-top:15px;
	}

}