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

body.font-size-is-default {
	font-size: 12px;
	line-height:16px;
}
.font-family-helvetica {
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}
body {
	background:transparent;
}
body {
	color:#333;
}
html, body {
	margin-bottom:1px;
}
body {
	font-size: 12px;
	line-height: 1.7em;
	font-family: Helvetica, Arial, Sans-Serif;
}
.cl {
	clear:both;
}
.cl {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.fc {
	text-align: center;
}
#main {
	margin:0 auto;
	width:982px;
}
#contener {
	background: url(../images/layout_bg_repeat.png) 50% 0 repeat-y;
	margin:0 auto;
	width:982px;
	text-align: justify;
}
#header {
	background-image: url(../images/back_top_02.jpg);
	height:98px;
	width:960px;
	margin-left:11px;
}
#search {
	background-image: url(../images/serch_06.png);
	background-repeat:no-repeat;
	height:25px;
	width:183px;
	float:right;
	margin-right:40px;
	margin-top:35px;
}
form {
	margin:0px;
	padding:0px;
}
#search .frm label {
	color:#555555;
	font-weight: bold;
	padding: 0 4px;
}
#search .textbox {
	background:transparent no-repeat scroll 0 0;
	border:medium none;
	margin:0;
	width:120px;
	height:14px;
	margin-top:3px;
}
.textsearch {
	background: url(../images/go.png) 0px 0px no-repeat;
	height:22px;
	width:35px;
	border:0px;
	cursor:pointer;
	float:right;
}
.menu {
	background-image:url(../images/back_menu_05.gif);
	background-repeat:repeat-x;
	width:960px;
	height:37px;
	float:left;
	margin-top:37px;
}
.menu ul {
	list-style: none;
	margin: 0;
	padding-left:15px;
}
.menu li {
	display: inline;
}
.menu a {
	color:#FFF;
	display: block;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	padding:10px 5px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:35px;
}
.menu a:hover {
	background-color: #1884f1;
	height:27px;
}
.menu .active{
	background-color: #1884f1;
	height:27px;
}
.sub_menu ul {
	background-color: #000;
	margin:0px;
	padding:0px;
	list-style:none;
}
.sub_menu li {
	display: inline;
}
.sub_menu a {
	color: #fff;
	display: block;
	float: left;
	font-size: 8pt;
	height: 25px;
	padding:15px 5px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:35px;
	font-family:Arial, Helvetica, sans-serif;
}
.sub_menu a:hover {
 color: # 333;
}
.sub_menu .active a {
	background: none repeat scroll 0 0 #FFCD04;
	border-bottom-color: #FFCD04;
}
#banner {
	float:left;
	width:960px;
	height:421px;
	margin-left:11px;
}
/*conten*/
	#conten {
	background-color:#FFF;
	margin: 0 auto;
	width: 960px;
}
#left {
	width:233px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:left;

}
#left .top {
	background-image:url(../images/menu_left_09.gif);
	background-repeat:no-repeat;
	width:233px;
	height:11px;
		float:left;

}
#left .medium {
	background-image:url(../images/menu_left_16_16.gif);
	background-repeat:repeat-y;
	width:233px;	float:left;

	
}
#left .menu_list{
	padding-bottom: 10px;

}
#left .bottum {
	background-image: url(../images/menu_left_41.gif);
	background-repeat:no-repeat;
	width:233px;
	height:18px;
	float:left;

}

#tieude-left-danhmuc{

	line-height:24px;
	text-align:left;
	list-style:none	;
	font-family:Tahoma, Geneva, sans-serif	;
	
	
}

	
.accordion a .dcjq-icon {
position: absolute;
left: 64px;
width: 34px;
height: 22px;
background: url(../images/hori3.gif) no-repeat 0 center;}

#tieude-left-danhmuc a.dcjq-parent{

	color:#06F;
	font-weight:bold;


}

#tieude-left-danhmuc a:hover{

	color:#06F;


}
#conten .banner2{
	width:705px;
	height:148px;
	margin-top:11px;
	float:left;
}
 #conten .right{
	 width: 180px;
	 background-image:url(../images/back_right_22.gif);
	 background-repeat:repeat-y;
	 float: right;
	 margin-right: 10px;
	 
	 
 }
 #conten .tieude{
	 margin:0 auto;

	 }
	
	.text{
	 font-weight:bold;
	 font-size:12px;
	 color:#333;
	 padding-top:13px;
	 z-index:1000;
	 text-align:left;
	
	 }
	 .img_tieude{
	

		 float:left;
		 margin-top:15px;
		 
		 
	 }

.dcjq-count{
	display:none;
}
.menu_body{
	margin-left:-40px;
	list-style: none;
}
.menu_body li{
	font-size:12px;
		
	
		}
.menu_body a{
	font-weight:normal;
	color:#333;
}
.menu_body li a:hover{
	font-weight:normal;
	color:#333;
}

.menu_body_2{
	list-style:none;
	margin-left:-40px;
}

.dcjq-icon{background:url(../images/hori3.gif) no-repeat 0 center;}	  
	 
/*conten 2*/
	#conten2 {
	margin: 0 auto;
	width: 982px;
}
#conten2 .show {
	width:718px;
	height:108px;
	margin-top:10px;
	margin-left: 20px;
	float:left;
}
#conten2 .show_top {
	background-image:url(../images/carousal_top_curve.gif);
	width:718px;
	height:9px;
	float:left;
}
#conten2 .show_medum {
	background-image: url(../images/carousal_repeat.gif);
	background-repeat:repeat-y;
	width:718px;
	float:left;
	margin:0 auto;
	padding-left:20px;
}
#conten2 .show_bottom {
	background-image: url(../images/carousal_bottom_curve.gif);
	width:718px;
	height:12px;
	float:left;
}
#conten2 .img {
	float:left;
	padding-left:15px;
}
.boder {
	border:solid 2px #6CC;
}
.prev browse left {
	margin-left: 0;
	margin-top: 37px;
}
a.prev {
	margin-left: 0;
	margin-top: 37px;
}
.basic_h a.prev {
	margin-left: 0;
	margin-top: 37px;
}
a.browse {
	background: url(../images/hori1.gif)no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1px;
	height: 10px;
	width: 6px;
}
body a {
	color: #06C;
}
a {
	outline: medium none;
	text-decoration: none;
}
a.next {
	background-position:0 -10px;
	clear: right;
	margin-right: 0;
	margin-top: 37px;
	margin-left:10px;
}
a.browse2 {
	background:  url(../images/hori2.gif) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	float:left;
	font-size: 1px;
	height:10px;
	width:6px;
}
a {
	outline:medium none;
	text-decoration: none;
}
#conten2 .boxright {
	width:210px;
	margin-top:10px;
	display: inline;
	float: left;
	margin-right: 10px;
	position: relative;
	margin-left:12px;
}
.blook {
	margin: 0;
	padding: 0;
}
#buton {
	background: url(../images/layout_bottom_curve.png) no-repeat scroll 50% 0 transparent;
	height: 26px;
	margin: 0 auto;
	width: 982px;
}
#forter {
	margin: 0 auto;
	color: #AAAAAA;
	width: 982px;
	margin-bottom: 60px;
}
.copy {
	width:460px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #999999;
	font-size: 0.9em;
	line-height:12px;
	margin-left:20px;
	float:left;
}
.sub {
	width: 450px;
	margin: 0;
	padding: 0;
	text-align:right;
	color: #999999;
	font-size: 0.9em;
	line-height:12px;
	float:right;
	margin-right:10px;
}
#main2 {
	margin:0 auto;
	padding:0;
	width:960px;
	margin-bottom:20px;
}
.left {
	width:231px;
	margin-left:10px;
	margin-top:10px;
	float:left;
}
.h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#C00;
	text-align:left;
	text-transform: uppercase;
	list-style-image:url(../images/nutt_14.png);
	padding-bottom:2px;
}
.left_top {
	width:231px;
	height:7px;
	background-image: url(../images/menu_left_top_03.gif);
}
.leftbox {
	text-align:left;
	background-image:url(../images/menu_left_medum_06.gif);
	background-repeat:repeat-y;
}
.leftbox ul {
	margin:0px;
	padding:0px;
}
.leftbox ul li {
	list-style-type:none;
	padding:12px 5px 0;
	margin-left:50px;
	text-transform: uppercase;
}
.leftbox ul li a {
	color:#333;
}
.leftbox ul li a:hover {
	color: #000;
	font-weight:bold;
}
.left_bottom {
	background-image: url(../images/menu_left_buttom_10.gif);
	width:231px;
	height:14px;
}
.nut_prev {
	background: url(../images/xanh.gif) no-repeat;
	height:70px;
	width:10px;
	display:block;
	background-position:0 35px;
	float:left;
	margin-top: 13px;
}
.nut_next {
	background:  url(../images/xanh_2.gif) no-repeat;
	height:70px;
	width:10px;
	display:block;
	background-position:0 35px;
	float:left;


	margin-top: 13px;
}
#noidung{
	width: 505px;
	border:1px #ccc solid ;
	float:left;
	margin-top:5px;
	
	text-align: justify;
	padding: 5px;
}
.thumb-modem {
width: 140px;
height: 88px;
}	
.list-post h4 {
font-size: 13px;
line-height: 18px;
font-family: arial;
font-weight: bold;
}
content-right.{
float: left;
text-align: justify;
height: auto;
width: 530px;
margin-left: 5px;
position: relative;
}
#content-right #one-news {

clear: both;
border-bottom: dotted #999 1px;


width: 505px;


padding-bottom: 15px;

margin: 0 auto;

}
#content-right #news-img {
width: 140px;
height: 86px;
float: left;
border: solid 2px #CCC;
margin-top:15px;
margin-left:5px;
}
#content-right #news-view {
width: 345px;
float: right;
text-align:left;
margin-left:10px;

}
#content-right h1, #box-comment-album h1 {
color: #03C;
font-size: 12px;
line-height: 24px;
font-family:Tahoma, Geneva, sans-serif;

}
p#news-day, p#news-day a {
font-size: 12px;
margin: -15px 0px -15px 0px;
color: #999;
}
.tieude-tintuc
{
	font:Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	color: #06F;
	min-height:360px;
	text-align:left;
	margin-left:5px;
	
}
div.hot-news-list-3 {
	width:500px;
	margin:10px;
	text-align:left;
}
a.hot-news-title {
	font-size:17px;font-weight:bold;color:#4DAB19;display:block;
}
.hot-news-title img {
	height:180px;
	width:250px;
	float:left;
	margin-right:10px;
}
a.hot-news-title {
	font-size:13px;font-weight:bold;color: #06F;display:block; font-family:Tahoma, Geneva, sans-serif;
}
.hot-news-title img {
	height:180px;
	width:250px;
	float:left;
	margin-right:10px;
}
a.hot-news-title span {
	font-weight:normal;
	font-size: 12px;
	color:#222;
	display:block;
	margin-top:10px;
	text-align: justify;
} 
a.hot-news-title span.in-sub-menu {
	width:477px;
}
ul.hot-news-list {
	list-style-type: none;
	margin:0;
	padding:0;
}
ul.hot-news-list li {
	margin:0;
	padding:0;
	height:36px;
	margin-top:5px;
	border-top:1px solid #CCCCCC;
	padding-top:5px;
	overflow: hidden;
}
ul.hot-news-list li:first-child {
	border-top-width: 0px;
	margin-top:0px;
	padding-top:0px;
}
ul.hot-news-list li a {
	font-size: 11px;
}
ul.hot-news-list li a img {
	float:left;
	margin-right: 7px;
	width:50px;
	height:36px;
}
hr.space {background:#fff;color:#fff;visibility:hidden;clear:both;height:1px;padding:0;margin:5px 0 5px 0;}
.twoline {
display: block;
max-height: 30px;
overflow: hidden;
line-height: 16px;
}
ul.top-news-list {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
margin-bottom: 10px;
}
a img {
border: none;
}

ul.top-news-list > li {
margin: 0;
padding: 0;
margin-left: 20px;
float: left;
width: 150px;
overflow: hidden;
}
ul.top-news-list li:first-child {
margin-left: 0px;
}

.title2 {
width: 490px;
border-bottom: solid 1px #ccc;
margin: 5px;
float:left;
text-align:left;
font-weight:bold;
}

<style>
/*====================Left Nav======================*/

/*Style*/
.LeftSide {
float: left;
width: 220px;
text-align:left;

}
.LeftNavInner {
padding: 3px 1px 0 1px;
}

.LeftNav ul{
	margin:0;
	padding:5px 10px
}

.LeftNav li{
	background:url(../images/hor-line-left-nav.png) repeat-x bottom;
	margin:0;
	padding:0 0 5px 0
}

.LeftNav li a{
	background:url(../images/arrow-left-nav.png) no-repeat 3px 7px;
	padding:3px 0 3px 13px;
	color:#1f2022;
	font-size:0.9em;
	font-weight:bolder
	text-align:left;

}

.LeftNav li a:hover{
	background:url(../images/arrow-left-nav-hover.png) no-repeat 3px 7px;
	color:#2776a7;
}

.LeftNav ul li ul li a{
	background:url(../images/arrow-left-nav-hover.png) no-repeat 3px 7px;
	color:white;
	font-weight:normal
}

.LeftNav ul li ul li a:hover{
	color:#2FA5E7
}

.LeftNav li a.subfolderstyle:hover{
	background:url(../images/arrow-left-nav-hover.png) no-repeat 3px 7px #03C;
	color:#FFFFFF;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;

	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;

	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.LeftNav li a.highlight{
	background:url(../images/arrow-left-nav-hover.png) no-repeat 3px 7px #03C;
	color:#FFFFFF;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;

	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;

	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.LeftNav ul li ul{
	background:#03C;
}

.LeftNav ul li ul li{
	border-bottom:#2A67AA solid 1px;
	background:none
}


.suckerdiv ul{
list-style-type: none;
width: 162px; /* Width of Menu Items */}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
z-index:1000;
width: 205px; /*sub menu width*/
top: 0;
visibility: hidden;
}

.suckerdiv ul li ul li ul{
width: 234px; /*sub menu width*/
left:205px !important
}


/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
}

.suckerdiv ul li a:visited{
}

.suckerdiv ul li a:hover{
}

.suckerdiv .subfolderstyle{
	background: url(../images/arrow-left-nav-folder.png) no-repeat center right;
}
	
.suckerdiv ul li ul li .subfolderstyle{
	background: url(../images/arrow-left-nav-folder-sub.png) no-repeat 3px 7px !important;
	padding-right:10px
}
#treeMenu{
	margin-left:30px;
	}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */



/*=================End of Left Nav===================*/
</style>


.qc{
	width:220px;
		border: solid  1px #CCC;
	}
.lienket{
	width:220px;
	margin-top:10px;
	border: solid  1px #CCC;

	}	
	
.album#photo {
padding-left: 0px;
}
#noidung_conten {
display: block;
float: left;
width: 520px;
overflow: hidden;
}
/* page-album */

.album#photo {

	padding-left: 0px;

}

.album#photo div {

	width: 150px;

	height: 120px;

	margin: 0px 5px 2px 5px;

	border: solid 5px #ccc;

}

.album#photo div:hover {

	border-color: #666;

}

.album#photo span {

	bottom: -10px;

	left: -5px;

	height: 35px;

	line-height: 18px;

	width: 150px;

	padding: 5px;

	opacity: .8;

	background: none;

	color: #333;

	font-size: 14px;

	opacity: 1;

}

.album#photo div:hover span {

	color: #C00;

}

/* end page-album */
/* page-photo */

.page_photo#content h1, .page_news_view#content h1{

	margin: 0px;

}

#photo div {

	position:relative;

	width: 195px;

	height: 150px;

	float: left;

	margin: 0px 15px 10px 0px;

	border: solid 5px #ccc;

	background-repeat: no-repeat;

	background-position: center center;

}

#photo span {

	position:absolute;

	width: 195px;

	height: 120px;

	background: url(../images/kinh-lup.png) no-repeat center center rgba(0,0,0,.4);

	opacity: .0;

}

#photo div:hover span {

	opacity: 1;

}

/* end page-photo */

img{border:none;}
pre{margin-top:-16px;display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;width:674px;}	
/* Sudo Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider, #slider li {width: 710px !important;overflow: hidden !important; height:421px !important;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;line-height:28px;}
ol li a{float:left;height: 16px; border:1px solid #ccc;background:#FFF;color:#555;padding: 0 5px;text-decoration:none;line-height: 18px;font-size: 10px;}
ol li.current a{background: #06F; color:#fff;line-height: 17px;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;cursor:pointer;}	
.nextBtn{left:960pxpx;}														
.nextBtn {}	

/* Some demos use this line */
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;position:relative;display:block;} #slider2, #slider2 li {width:696px;overflow:hidden;}
#controls{
	position:absolute;
	z-index:100;
	top:365px; 
	left:20px;
}
#controls a{
	border-radius:50px;
}
#opacity_slide a{
	color:#FFFFFF;
}
#opacity_slide ul{
	list-style:none;
	text-align:left;
}

#nums_photo {
	margin: 10px 5px 10px 0;
	float:right;
}
#nums_photo ul {
	text-align: center;
}
#nums_photo a {
	font-size: 14px;
	padding: 1px 5px;
	color: #FFF;
	background:#333333;
	text-decoration:none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
#nums_photo a:hover, #nums_photo a.active, #nums_photo a.stay:hover, #tags_right a:hover {
	background: #0473D3;
	color: #FFF;
}
#nums_photo a {
border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	float: right;
	margin-left: 2px;
	}
#nums_photo .nums_first a {
	border-radius: 15px 0px 0px 15px;
	-webkit-border-radius: 15px 0px 0px 15px;
	-moz-border-radius: 15px 0px 0px 15px;
	-o-border-radius: 15px 0px 0px 15px;
}
#nums_photo a.right {
	border-radius: 0px 15px 15px 0px;
	-webkit-border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
	-o-border-radius: 0px 15px 15px 0px;
}
.nums_news#nums_photo {
	margin: 0px;
}
.nums_news#nums_photo li {
	float: left;
	margin-right: 2px;
}
.nums_album#nums_photo {
	margin: 30px 0px 0px 0px;
}
.clr
{
clear:both;
}
.hot_new
{
	color:#FFFFFF !important;
}
.hot_new:hover
{
	color:#FF9933 !important;
}
#banner2 img 
{
	height:146px;
	width:705px;
}
#noidung h1
{
	font-size:15px;
}
.prevBtn, .nextBtn {display:block;width: 48px;height: 48px;position:absolute;left: 610px;top: 7px;z-index:1000;background:url(../images/arrow1.png) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left: 645px;top: 6px;}														
.nextBtn {background:url(../images/arrow2.png) no-repeat 0 0;}	
#noidung img
{
	max-width:490px;
	height:auto;
}