.chromeframe {
    position:fixed !important;
    top:0 !important;
    right:0;
    left:0;
    width:100% !important;
    z-index:99999999999999 !important;
    background-color:#ffff00 !important;
    color:#000 !important;
    height:25px;
    line-height:25px;
    padding:0.2em 0;
    text-align:center !important;
}

#timeoutsess {
    display:none;
}

#timeoutsess a {
    color:#2f70a7 !important;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #fff;
	line-height: 1.4;
	background:#eaeaea url(../images/bg2.png) 50% 0 repeat-y;
}

a:link,a:active,a:visited {
	color: #097eaf;
	text-decoration: none;
}

a:hover {
	color: #4491b2;
}

h1, h2, h3, h4, h5, h6{
	margin-top:0;
	margin-bottom:10px;
	font-family: 'Roboto', sans-serif;
	line-height: 22px;
}

.panel-heading h3 {
    font-weight: 700;
    margin-bottom: 0;
}

h3{
	font-size: 13px;
}

.container {
	background-color: #fff;
}
@media (min-width: 1200px) {
.container {
    width: 980px;
}
}

#header {
	height: 140px;
	position: relative;
    background: url("../images/header.jpg") no-repeat;
    background-size: 100% 140px !important;
}

#header #logo {
	float: left;
}

#logo a img{
	max-height: 140px!important;
	width: auto;
	padding: 10px;
}

@media (max-width: 992px){
	.container{
		width: 100%;
	}
}

@media (max-width: 980px){
	#logo a img{
		padding: 18px 10px;
	}
}

@media (max-width: 980px){
	#logo a img{
		padding: 23px 10px;
	}
}

@media (min-width: 769px)
{
	#logo {
		display: none;
	}
}
@media (max-width: 768px){
	#logo a img{
		padding: 10px 10px;
	}
	#header{
		background: #0EAAFD;
		background-image: none !important;
		background-size: 70%;
		height: 100px;
	}
	#logo {
		width: 100%;
		text-align: center;
		padding: 0!important;
	}
	#logo a img{
		height: 100px;
		padding: 5px;
	}

	.menu-collapser>a{
		float: left;
		margin-top: -37px;
		height: 35px;
	}
}

@media (max-width: 360px){
	#header{
		background: #0EAAFD;
		background-image: none !important;
		height: 100px;
	}
	#logo {
		width: 100%;
		text-align: center;
		padding: 0!important;
	}
	#logo a img{
		height: 100px;
		padding: 5px;
	}

	.menu-collapser>a{
		float: left;
		margin-top: -37px;
		height: 35px;
	}
}

#header .sitename {
	color: #0842ae;
    font-family: Courier New;
	font-size: 28px;
	font-weight: bold;
	padding-top: 20px;
	margin-left: 10px;
	float: left;
    text-shadow: 0 0.1em 0.1em #fff;
}

#header .language {
	position: absolute;
	top: 10px;
	right: 10px;
}

div.nav {
	position: relative;
	background: #01546d url(../images/nav-bg.png) repeat-x;
	height: 33px;
	z-index: 990;
}

ul.slimmenu{
	background: #01546d url(../images/nav-bg.png) repeat-x !important;
	/*height: 33px;*/
}
ul.slimmenu li{
	width: auto!important;
	min-height: 33px;
	background:url(../images/spector-z.png) right 0 repeat-y!important;
	border: none!important;
}
.sub-collapser{
	height: 33px!important;
}

ul.slimmenu li a, ul.slimmenu li a:link, ul.slimmenu li a:visited{
	color: #d8f0f7;
    display: block;
    font-weight: 700;
    line-height: 33px;
    padding: 0px 9px;
    font-size: 15px!important;
    width: 100%;
}

ul.slimmenu li a:hover{
	background: #0A6077!important;
}
@media (min-width: 801px) {
	ul.slimmenu li .sub-collapser > i{
		display: none!important;
	}
	ul.slimmenu li .sub-collapser{
		display: none!important;
	}

	ul.slimmenu li > ul{
		background: #fff;
		width: 200px!important;
	}
	ul.slimmenu li > ul li{
		width: 100%!important;
	}
	ul.slimmenu li > ul li a, ul.slimmenu li > ul li a:link, ul.slimmenu li > ul li a:visited{
		width: 100%!important;
		color: #333;
		border-left: 1px solid #E0DFE3;
		border-bottom: 1px solid #E0DFE3;
	}
	ul.slimmenu li > ul li a:hover{
		color: #fff;
	}
}

@media (max-width: 800px) {
	ul.collapsed>li:first-child{
		display: none!important;
	}
	.menu-collapser{
		background: #01546d!important;
		height: 40px!important;
		border-top: 1px solid #14627A;
		border-bottom: 2px solid #163F4C;
	}
	ul.slimmenu{
	background: #01546d !important;
	}

	ul.slimmenu li ul li a,ul.slimmenu li ul li a:link ,ul.slimmenu li ul li a:visited{
		padding-left: 30px!important;
		background: #255E70 !important;
	}

	ul.slimmenu li{
	width: 100%!important;
	}

	ul.slimmenu li .sub-collapser > i{
		color: #ff0!important;
		font-size: 14px!important;
	}
	.collapse-button{
		background: #073a49!important;
		background-image: none!important;
	}

	.rss{
		background: #01546D;
		margin-left: 10px;
		padding-left:  10px;
	}
	.rss a{
		margin-top: 0!important;
		height: 27px!important;

	}
}
.menu-collapser a:link, .menu-collapser a:active,.menu-collapser a:visited{
	color: #fff !important;
}

.rss a {
	background: url(../images/rss.png) 0 50% no-repeat;
	height: 32px;
	width: 40px;
	display: block;
	margin-right:10px;
	margin-top: -32px;
}

#message {
	height: 27px;
	line-height: 25px;
	background: #fff url(../images/nav-sub-bg.png) 0 0 repeat-x;
	padding: 0 10px;
	margin-bottom: 10px
}

#message div.clock {
	display: block;
	float: left;
	background: url(../images/message_time_bg_r.png) no-repeat top right;
	padding: 0 13px 0 0;
}

#message div.clock span {
	display: block;
	float: left;
	background: url(../images/message_time_bg_l.png) no-repeat;
	padding: 0 0 0 13px;
	font-size: 11px;
	color: #333;
}
#message form.search {
	background:url(../images/search-bar-bg.png) right 4px no-repeat;
	height:25px;
	line-height:25px;
	overflow:hidden;
	padding-left:10px;
}
#message form.search input.txt {
	width: 130px;
	border:0;
	background:none;
	font-size:11px;
	color:#7b8183;
}

#message form.search input.submit {
	padding: 0;
	width:24px;
	border:0;
	background:none;
	text-indent:-9999em;
	cursor:pointer;
}

div.contentwrapper {
	padding: 10px 0;
}

div.contentcolumn p {
	padding: 4px 0;
}

div.box form.login {
	padding: 0 10px 10px 10px;
}

div.box form.login input.txt {
	border: 1px solid #b2b0b1;
	padding: 3px;
	width: 160px;
}

div.box form.login label {
	display: block;
	font-weight: 700;
	padding: 5px 0 4px 0;
}

div.box form.login img {
	vertical-align: middle;
}

div.box div.signed img {
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: 4px;
	width: 80px;
}

div.box div.signed a {
	display: block;
	color: #333;
}

div.online p {
	margin: 0 0 4px 0;
}

div.online img {
	vertical-align: middle;
	margin-right: 2px;
}

div.online span.item {
	padding: 0 0 0 20px;
}

div.online span.item strong {
	padding-right: 4px;
}

div.box p.about {
	text-indent: 20px;
	text-align: justify;
	padding: 10px 4px;
}

div.box div.ads {
	padding: 10px 4px;
}

form.newsletter {
	padding: 4px;
}

form.newsletter input.txt {
	font-size: 11px;
	color: #999;
	padding: 4px;
	width: 150px;
	margin-right: 4px;
}

#footer {
	border-top: 8px solid #01516a;
	background: url(../images/footer_bg.jpg) repeat-x;
	padding: 5px 0;
}

#footer p.footer,p.show_query {
	padding: 0 10px;
	margin: 0;
	font-size: 11px;
	color: #9c9c9c;
}

#footer ul.bottom_nav,#footer ul.bottom-toolbar {
	font-size: 11px;
	text-align: right;
}

#footer ul.bottom_nav li,#footer ul.bottom-toolbar li {
	display: inline;
}

#footer ul.bottom_nav li span {
	padding: 0 0 0 4px;
}

#footer ul.bottom-toolbar {
	margin-top: 0px;
}

#footer ul.bottom-toolbar img {
	vertical-align: middle;
	padding: 0 4px;
}

/*Voting*/
div.box form.voting {
	padding: 10px;
}

/*Breakcolumn*/
h3.breakcolumn {
	line-height: 27px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

h3.breakcolumn span.breakcolumn {
	font-size: 14px;
	font-weight: 700;
	padding: 0 4px;
}

.column,.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-20,.span-21,.span-22,.span-23,.span-24,.span-25
	{
	float: left;
	margin-right: 10px;
}

.last {
	margin-right: 0 !important;
}

.span-4 {
	width: 150px;
}

.span-5 {
	width: 190px;
}

.span-6 {
	width: 230px;
}

.span-7 {
	width: 270px;
}

.span-8 {
	width: 310px;
}

.span-9 {
	width: 350px;
}

.span-10 {
	width: 390px;
}

.span-11 {
	width: 430px;
}

.span-12 {
	width: 470px;
}

.span-13 {
	width: 500px;
}

.span-16 {
	width: 630px;
}

.span-19 {
	width: 750px;
}

.span-25 {
	width: 370px;
}

hr {
	background: #ccc;
	color: #ccc;
	clear: both;
	float: none;
	width: 100%;
	height: .08em;
	margin: 0;
	border: none;
}

/*Captcha*/
img.refresh {
	cursor: pointer;
	padding-left: 10px;
}

/*Boxed*/
div.box {
	margin-bottom: 15px;
	width: 100%;
}

div.content {
	padding: 8px;
}

div.silver {
	background: #f2f2f2;
}

div.white {
	background: #fff;
}

div.orange {
	background: #ffe9da;
}

div.bordersilver {
	border: 1px solid #d9d9d9;
}

div.box h3.header {
	height: 33px;
	line-height: 33px;
	color: #fff;
	text-indent: 10px;
	background: #0B41A5 url(../images/h3.header.jpg) repeat-x;
    margin-bottom: 0;
}

div.box h3.header a {
	color: #fff;
}

div.box h3.header strong {
	padding-right: 4px;
	color: #00ff00;
}
.block_content .metismenu{
    margin-bottom: 0;
}
.box.silver .block_content li a img.img-thumbnail {
    margin-right: 5px;
    margin-bottom: 5px;
}

/*Button*/
form div.submit {
	background: url(../images/button01_r.png) top right no-repeat;
	padding: 0 2px 0 0;
	float: left;
}
form div.submit input {
	border: 0;
	color: #333;
	height: 22px;
	line-height: 22px;
	display: block;
	background: url(../images/button01_l.png) top left no-repeat;
	cursor: pointer;
}

a.forgot {
	display: block;
	line-height: 22px;
	height: 22px;
	white-space: nowrap;
	color: #0674f1;
	font-size: 11px;
	padding-left: 4px;
}

a:hover.forgot {
	color: #333;
}

/*background*/
.bggreen {
	background: #e9ffd4;
}

#ver_menu {
	padding-bottom: 6px;
	text-indent: 24px;
}

#ver_menu a {
	background: #e4e4e4 url('../images/vertical_menu_bg.jpg') no-repeat left
		top;
	color: #333;
	display: block;
	font: bold 11px/ 24px tahoma, arial, sans-serif;
	height: 25px;
	text-decoration: none;
}

#ver_menu a.current {
	background: #ffd9d9 url('../images/vertical_menu_bg.jpg') no-repeat left
		-25px;
	color: #333;
}

#ver_menu a.sub_normal {
	background: #f5fbfe url('../images/vertical_menu_bg.jpg') no-repeat left
		-75px;
	color: #333;
	padding-right: 5px;
	text-align: right
}

#ver_menu a.sub_current {
	background: #f5fbfe url('../images/vertical_menu_bg.jpg') no-repeat left
		-75px;
	color: #cb0000;
	padding-right: 5px;
	text-align: right
}

#ver_menu a.current:hover {
	background: #ffd9d9 url('../images/vertical_menu_bg.jpg') no-repeat left
		-25px;
	color: #0943ae;
}

#ver_menu a:hover {
	background: #d9e5ff url('../images/vertical_menu_bg.jpg') no-repeat left
		-50px;
	color: #cb0000;
}
.padding_10{padding: 10px !important}
.m-bottom{margin-bottom:1em}
.s-border{border:1px solid #e5e5e5;padding: 4px;background: #fff;}
.margin-right_10{margin-right: 10px}
.margin-left_10px{margin-left: 10px}

.ui-tabs .ui-tabs-hide { display: none !important; }

.header-tabs a{display:block;-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;border:1px solid #e5e5e5;border-bottom:none;padding: 4px 10px;background:url(../images/ui-deactive.jpg) 0 0 repeat-x;font-weight: 700;text-shadow:0 0 1px #fff;color:#444;}
.header-tabs li.ui-tabs-selected a{background:url(../images/ui-active.jpg) 0 0 repeat-x}

.tabbed{background:url(../images/ui-gradient.jpg) bottom repeat-x;clear:both;border:1px solid #e5e5e5;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px}
.tabbed p{margin-left: 68px}
.tabbed a{color:#333}
.tabbed li{border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.tabbed li.last{padding-bottom: 0;border-bottom: 0}

.box-border{border:1px solid #e5e5e5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px}

.statistics{background:url(../images/statistics.png) 0 0 no-repeat;padding:0 8px}

.comment-reply{background:url(../images/comment_reply.png) 0 0 no-repeat;padding:0 8px}
ul.listnews {
    padding: 0 2px 10px;
}
ul.listnews li {
    border-bottom: 1px solid #CCCCCC;
    padding: 8px 10px;
}
ul.listnews li.bg {
    background: none repeat scroll 0 0 #FFFFFF;
}

.block_content{
	padding: 3px;
}

.tree ul ul{
	padding-left: 40px;
}

.panel-primary{
    border-color: #01556f;
}
.panel-primary>.panel-heading,
.btn-primary{
    border-color: #01556f;
    background-color: #01556f;
}
a.btn-primary, a.btn-danger{
    color: #fff!important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
    border-color: #155a6f;
    background-color: #155a6f;
}
/* Fixed Jquery UI Style */

.ui-widget {
    font-size:12px !important;
    font-weight:400 !important;
    line-height:18px !important;
}

.ui-datepicker {
    width:18em !important;
}

.ui-datepicker select.ui-datepicker-month {
    width:59% !important;
    font-weight:normal !important;
}

.ui-datepicker select.ui-datepicker-year {
    width:39% !important;
    font-weight:normal !important;
}

figure {
    position: relative;
    padding: 3px;
    display: block;
    float: left;
    margin: 5px 10px 10px 0;
    text-align: center
}
figure.article{
    background-color: #939393;
}
figure.left{
    float: left;
    margin: 5px 10px 10px 0;
}
figure.right{
    float: right;
    margin: 5px 0 10px 10px;
}
figure.center{
    float: none;
    background: transparent;
    margin: 0 auto 10px;
    padding-top: 0;
    text-align:center
}
figure.noncaption{
    background: transparent;
    padding: 0;
}
figcaption{
    text-align: center;
    margin-top: 5px;
    font-weight: 700;
}
figure figcaption {
    font-size: 12px;
    font-weight: normal;
}
figure.article figcaption {
    color: #fff;
}
figure.article.center figcaption{
    color: inherit
}
figure.avatar{
    margin-top:0 !important
}
figure.avatar figcaption{
    position: absolute;
    bottom: 12px;
    left: 3px;
    width:calc(100% - 6px);
    background-color: #357ebd;
    color:#fff;
    font-size:11px
}
.fa-fix {
    margin-right:-5px;
}

.fa-pointer {
    cursor:pointer;
}

.fa-horizon {
    width:14px;
}

.fa-lg.fa-horizon {
    width:22px;
}
.pointer {
    cursor:pointer;
}
/* Responsive theme */
@media (max-width: 768px){
	#header{
		/*background: url("../images/banner.jpg") !important;*/
	}

	div.nav {
		height: auto !important;
	}
}
@media (min-width: 992px) {

}

@media (max-width: 1200px){

}
@media (min-width: 768px){

}
@media (min-width: 992px){

}
@media (min-width: 1200px){

}

.aright {
    text-align: right;
}

/* BLOCK LAW+DOWNLOAD */
.block_content .list_item {
    margin-bottom: 0;
    margin-left: 0!important;
}
.block-law.marquee .item,
.block_content .list_item li{
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #CCC;
    padding-bottom: 5px!important;
    margin-bottom: 5px!important;
}
.block-law.marquee .item:last-child,
.block_content .list_item li:last-child {
    border-bottom-width: 0;
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}
.nv-block-banners img{
    max-width: 100%!important;
    height: auto!important;
}

.nv-block-banners {
    margin-bottom: 5px;
}


/* Menu ngang */
.menu-form-right{
	background-color: #01546d !important;
}
.navbar-brand{
	color: #d8f0f7 !important;
	padding-left: 15px;
}
.navbar-default .navbar-toggle {
	border-color: #064481;
}
.navbar-default .navbar-toggle:focus {
	background-color: #064481;
}
@media(min-width:800px){
	.navbar{
		min-height: auto;
		background-color: none;
		border: none;
	}
	.navbar-header{
		display: none;
	}
	.navbar-collapse{
		padding: 0;
	}
}
@media(max-width:799px){
	.navbar .navbar-collapse.collapsing{ 
		height:auto !important;
	}
	.navbar .lateral-left{
		left:-100%; 
		animation: slide-out-left 200ms forwards;
	}
	.navbar .lateral-left.open{ 
		animation: slide-in-left 200ms forwards;
	}
	.navbar .lateral-right{
		right:-100%;
		animation: slide-out-right 200ms forwards;
	}
	.navbar .lateral-right.open{ 
		animation: slide-in-right 200ms forwards;
	}
	.navbar .navbar-collapse{ 
		top:0px; bottom:0px; 
		position:fixed; 
		width:80%; width:calc(100% - 60px); 
		max-width:320px; 
		height:auto !important;
		background:#0c2e36;
		padding:0;
		z-index: 100;
	}
	.navbar .lateral-left.open,
	.navbar .lateral-right.open{
		display:block !important;
		overflow-y:auto;
	}
	.slimmenu li {
		padding: 10px;
	}
}

@keyframes slide-in-left{ 
	0%		{ left:-100%; }
	100%	{ left:0px; }
}
@keyframes slide-out-left{
	0%		{ left:0px; }
	100%	{ left:-100%; }
}
@keyframes slide-in-right{ 
	0%		{ right:-100%; }
	100%	{ right:0px; }
}
@keyframes slide-out-right{
	0%		{ right:0px; }
	100%	{ right:-100%; }
}

/* End of menu ngang */