﻿
/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 

	*behavior: url(/scripts/boxsizing.htc); 
	
}
body {
	margin: auto;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color:#000 !important;
}


table
{
    font-size:11px;
    }

    #siteWrapper
    {
         background: none repeat scroll 0 0 #EEEDED;
    }
/*	MAIN CONTAINER 
	Set the width to whatever you want the width of your site to be. */
.container { 
	margin: 0 auto; 
	width: 1000px;
	background-color:#fff;
	padding-left: 5px;
    padding-right: 5px;
	
}
ul, li {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:hover {
	color: #005292;
}
img {
	border: none;
}
/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after, 
.col:after, 
.clr:after, 
.group:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
.row { padding-bottom: 0; }
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
	width: 99%;
}
	
	.gutters .col {
		margin-left: 0.5%;
	}
	
	.gutters .col:first-child { 
		margin-left: 0; 
	}
	   
    .gutters .span_1 { width: 4.375%; }
	.gutters .span_2 { width: 10.75%; }
	.gutters .span_3 { width: 17.125%; }
	.gutters .span_4 { display:table-cell;vertical-align: top;}
	.gutters .span_4_1 { width: 20%; }
	.gutters .span_4_2 { width: 24.6%; }
	*+html .gutters .span_4_2 { 
		width: 24%;
	}
	.gutters .span_5 { width: 29.875%; }
	.gutters .span_6 { width: 36.25%; }
	.gutters .span_7 { width: 36%; }
	.gutters .span_8_1 { display:table-cell;padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;}
	.gutters .span_8 { width: 51.0%; }
	*+html .gutters .span_8 { 
		width: 50.8%;
	}
	.gutters .span_9 { width: 63%; }
	.gutters .span_10 { width: 61.75%; }
	.gutters .span_11 { width: 68.125%; }
	.gutters .span_12 { width: 74.5%; }
	.gutters .span_12_1 { width: 75.5%; }
	.gutters .span_13 { width: 78.875%; }
	.gutters .span_14 { width: 87.25%; }
	.gutters .span_15 { width: 93.625%; }
	.gutters .span_16 { width: 100%; }

	
	*+html .gutters .col.first { 
		margin-left: 0;
	}
	*+html p.temp { 
		width: 70px;
	}
}
/**** BX-SLIDER ****/
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/* STYLES */

div#main {
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

div#cat {
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
div.index-default {
	overflow: hidden;
	/*margin-bottom: 8px;*/
       height: 475px;
}

/**** HEADER ****/

div#header {
	height: 140px;
	overflow: hidden;
	width: 100%;
	position: relative;
background:url('../images/web-traon-1000x140-20s.gif')
}

	/** SEARCH **/
div.search {
	background: #f3f2e0 url('../images/searchbg.png') no-repeat right top;
	background-size: cover;
	height: 95px;
	margin-top: 5px;
}

div#form-search label.title {
	display: block;
	background: url('../images/bi3d.png') no-repeat left center;
	color: #0f86e2;
	font-size: 13px;
	clear: both;
	font-weight:bold;
	padding: 4px 0 10px 30px;
	margin-left: 8px;
}

div#form-search input[type=text] {
	border: #cccccc;
	background: white;
	margin-left:5px;
	margin-bottom: 5px;
	padding-left: 5px;
	width: 185px;
	height:28px;
	font-size:12px;
	color:#0F86E2;
}
div#form-search input[type=submit] {
	margin:auto;
	display:block;
	width: 60px;
	height: 25px;
	font-weight:bold;
	color: #429DE2;
}

	/** TAB **/
	div.side-box {
	margin-bottom: 5px;
}

div.side-box > a > img {
	width: 100%;
}
div.side-box div.title p {
	margin: 0;
	padding-left: 25px;
	text-transform: uppercase;
	background: url(../images/icon_01.jpg) no-repeat 10px 5px;
}
div.tinnoibat div.side-cont {
	border-top: none;
	margin:5px;
	padding:0;
	
}		
	/** NEWS **/
	div.side-cont ul.foot-nav {
	padding-top: 10px;
	padding-bottom: 10px;
}
	div.side-cont ul.foot-nav li {
	list-style-image: url(../images/icon_03.png);
	list-style-position: inside;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-right:5px;
}
.navtop ul.foot-nav li a{
	display: inline-block;
}
ul.foot-nav li a {
	display: inline;
	color:#003366;
}
	
ul.news {
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.news li {
	list-style-image: url(../images/icon_03.png);
	list-style-position: inside;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-right: 5px;
	text-align: justify;
}
ul.news li:last-child {
	margin-bottom: 0;
}
ul.news li a {
	color:#003366;
	/*display: inline-block;*/
}
ul.foot-nav li a:hover,ul.news li a:hover {
	color: #FF0000;
}
a.readmore {
	font-size: 10px;
	color: #1469ad;
	background: url(../images/icon_arrow.png) no-repeat left 3px;
	padding-left: 15px;
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
}
a.readmore:hover {
	color: red;
}
/**** RIGHT ****/	
	/** NEWSLIST **/

div.newslist div.side-cont {
	border-top: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
div.newslist .newslist-cont{
	margin:5px 10px;
}
ul.news-list {
	
	min-height: 118px;
	padding: 5px;
	
}
ul.news-list li {
	list-style: url('../images/icon_02.jpg') inside;
}
ul.news-list li a {
	color: #02345E;
}
ul.news-list li a:hover {
	color: #ff0000;
}
	/** BANNER LIST **/
div#banner {
	padding: 10px 9px 12px 9px;
	border: 1px solid #d9d8d8;
	margin-bottom: 10px;
	overflow: hidden;
}
div#banner div.banner-list {
	border: 1px solid #f7f7f7;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div#banner div.banner-list img {
	width: 100%;
}

/**** MAIN ****/
	/** SLIDE CAPTION **/

div.slide-caption {
	
	color: #02345E;
	font-size:16px;
	line-height:20px;
	background: #fafafa;
	padding: 10px 8px;
}
div.slide-caption a
{
    color: #02345E;
}
div.slide-caption a:hover
{
    color: #FF0000;
}
.slide-caption h3{
	letter-spacing: 0px;
	line-height: 23px;
}
.slide-caption p{
	font-size: 11px;
	margin: 0px;
	font-weight: normal;
	color: #000;
}
	/** TINMOI **/

ul.tintucmoi li a {
	background: url(../images/icon_1.jpg) no-repeat 6px 7px;
	padding-left: 15px;
	display: block;
	color: #003366;
	
}
ul.tintucmoi li a:hover {
	color: #FF0000;
}
div.scroll-cont {
	height: 443px;
}
	/** TINNOIBAT **/
div.tinnoibat {
	border: 1px solid #dad9d9;
	border-top: none;
	overflow: hidden;
margin-bottom: 5px;
}
div.tinnoibat div.title h5 {
color: #c80600;
margin-bottom:0px;
}
div.tinnoibat div.title {
	
	/* background: linear-gradient(to bottom,#e0db96 1%,	#e0db96 100%,	#B22222 100%,#339900 100%); */
  /*background: linear-gradient(to bottom,#01aa01 1%,	#30a330 100%,	#B22222 100%,#339900 100%);*/ /* W3C */ /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	/*color: #FFFFE0;*/
    color:#ff071e;
	padding-top: 5px;
	font-weight: bold;
	font-size:13px;
	border-top:1px solid #D9D8D8;
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
    padding-bottom: 0 !important;
	text-align:center;
}
ul.tinnoibat-list li.tinnoibat-item {	
	margin-right: 2%;
	margin-bottom: 10px;
	
}

ul.tinnoibat-list li.tinnoibat-item div.tnb-cont h3 {
	margin: 0 0 5px 0;
	font-size: 12px;	
}


/**** FOOTER ****/
div#footer div.footer-nav {
	height: 34px;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	margin-bottom: 10px;
    -moz-box-sizing: border-box;
	/* Old browsers */
/*background: linear-gradient(to bottom,#e0db96 1%,	#e0db96 100%,	#B22222 100%,#339900 100%); */
background:linear-gradient(to bottom, #0F68DE 1%, #086AB3 100%, #B22222 100%, #390 100%) repeat scroll 0% 0%;
/*	background: linear-gradient(to bottom,#01aa01 1%,	#30a330 100%,	#B22222 100%,#339900 100%);*/ /* W3C */
/*	background: linear-gradient(to bottom,  #fafafa 0%,#fafafa 0%,#30b721 15%,#30b721 80%);  W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ebd6a6',GradientType=0 ); /* IE6-9 */

    
}
div#footer ul.foot-nav {
	text-align: center;
	padding-top: 9px;
}
div#footer ul.foot-nav li {
	list-style: none;
	display: inline;
	padding:0 20px;
	font-weight:bold;
	
}
div#footer ul.foot-nav li a {
/*	color: #FFFFE0;*/
color:white;
	display: inline;
}
div#footer ul.foot-nav li a:hover {
	color: 	#ff071e;
}
div#footer div.footer-info {
	text-align: center;
	color: #005393;
	padding-bottom: 15px;
}

div#footer div.footer-info p {
	margin: 0;
	line-height: 18px;
}


/*Search top*/
.search-top .search{
	background: none;
	background-size: cover;
	height: 31px;
	margin-top: 4px;
}
.search-top .search #form-search{
	padding: 0;
	float: right;
	line-height: 31px;
}
.search-top .search #form-search label.title{
	display: none;
}
.search-top .search #form-search input[type=text]{
	background: white;
	border: 1px solid #bbb;
	width: 395px;
	height: 20px;
	font-size: 14px;
}
.search-top .search #form-search input[type=submit]{
	background: url('../images/btn_search_tt.jpg') no-repeat left top;
	text-indent: -9999px;
	border: none;
	width: 31px;
	height: 25px;
	margin-left: -4px;
	display: inline;
	
}
.search-top .side-box{
	margin-bottom: 0px;
}
/* End Search top*/
/* Nav Top*/
.navtop ul{
	list-style: none;
	float: right;
	line-height: 22px;
	font-size: 11px;
}
.navtop ul li{
	display: inline;
	padding: 0px 5px;
	border-right: 1px solid #005A98;
}
.navtop ul li a{
	color: #005A98;
	
}
.navtop ul li a:hover{
	font-weight: bold;
}
.navtop ul.foot-nav li a:hover{
	color: #005A98;
	font-weight: bold;
}
#login .loginGroup{
	border: none;
}
#login .loginGroup a{
	color: #005A98;
	font-size: 11px;
	height: 18px;
	padding: 0px 10px;
	padding-top: 2px;
}
#login .registerGroup a:hover, #login .loginGroup a:hover{
	color: #005A98;
	background: none;
	font-weight: bold;
	text-shadow: none;
}
/* Nav Top*/
.center1 .span_8.left{
	width: 65%;
}
.center1 .span_8.left:after{
	content:" ";
	clear: both;
}
.center1 .span_8.right{
	width: 34%;
	margin-left: 1%;
}
.center1 .span_8.right:after{
	content: " ";
	clear: both;
}

.tinmoi li{
	border-bottom: 1px solid #bad0de;
	padding: 5px;
}
.tinmoi li:last-child{
	border:none;
}
.tinmoi li h3{
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 15px;
	margin: 0px;
}
div.slide-caption{
	background: #fafafa;
	padding: 10px 8px;
}
.slide-caption h3{
	letter-spacing: 0px;
	line-height: 23px;
}
.slide-caption p{
	font-size: 11px;
	margin: 0px;
	font-weight: normal;
	color: #000;
}
.TinCapNhat{
	/*background: linear-gradient(to bottom,#eabaa8  1%,#f7d6ca 90%,	#eabaa8 100%,#339900 100%); */
  /*  background: linear-gradient(to bottom,#e2dfaa  1%,#e2dfaa 90%,	#eabaa8 100%,#339900 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	height: 29px;
	border: 1px solid #BAD0DE;
}
.TinCapNhat p{
	margin: 0px;
    color: #FF071E;
    }
.TinCapNhat img{
	margin-top: 4px; 
}
/**/
ul.menu>li>a{
	/*background-color: #FCE7DF;*/
  /*  background-color:#e2dfaa;*/

}
ul.menu>li>a:hover{
background: linear-gradient(to bottom,#47a0e5 1%,	#47a0e5 100%,	#B22222 100%,#339900 100%); /* W3C */
color:white;
}
ul.menu-left>li>a{
	background-color: #FCE7DF;
}
/*Menu top*/
div.nav{
	background:rgb(233, 31, 31) linear-gradient(to bottom, rgb(6, 125, 242) 1%, rgb(4, 107, 173) 100%, rgb(178, 64, 34) 100%, rgb(51, 153, 0) 100%) repeat scroll 0% 0%;
   
	/*background: linear-gradient(to bottom,#e0db96 1%,	#e0db96 100%,	#B22222 100%,#339900 100%); *//* W3C */
}
.nav ul.nav-wrap li.date{
	/*color: #d3d341;*/
    /* color:#47a0e5;*/
	color:white;
  
}
.nav ul.nav-wrap li.item a{
	/*color: #FFFFE0;*/
    /*color:#47a0e5;*/
color:white;
}
.nav ul.nav-wrap li.item:hover,.nav ul.nav-wrap li.item.active{
	background: #fff0d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff0d6 0%, #f7d5a6 58%, #efce9e 62%, #e3c9a3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff0d6), color-stop(58%,#f7d5a6), color-stop(62%,#efce9e), color-stop(100%,#e3c9a3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff0d6 0%,#f7d5a6 58%,#efce9e 62%,#e3c9a3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff0d6 0%,#f7d5a6 58%,#efce9e 62%,#e3c9a3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff0d6 0%,#f7d5a6 58%,#efce9e 62%,#e3c9a3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff0d6 0%,#f7d5a6 58%,#efce9e 62%,#e3c9a3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0d6', endColorstr='#e3c9a3',GradientType=0 ); /* IE6-9 */

}
.nav ul.nav-wrap li.item a:hover,.nav ul.nav-wrap li.item.active a,.nav ul.nav-wrap li.item:hover a{
	color: #47a0e5;
}
.nav ul.submenu li.submenu-item:hover{
	background: #fff0d6;
}
.centerbottom{
	margin: 5px;
}
.centerbottom>div{	
	border: 1px solid #BAD0DE;
	margin-bottom: 5px;
}
.centerbottom>div:nth-child(odd){
	float: left;
	width: 49.5%;
}
.centerbottom>div:nth-child(even){
	float: right;
	width: 49%;
}
.centerbottom .title{
  /* background: linear-gradient(to bottom,#e2dfaa  1%,#e2dfaa 90%,	#eabaa8 100%,#339900 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #BAD0DE;
}
.centerbottom .title p{
	margin: 0px;
}
.centerbottom .title p span{
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	color: #FF071E;
   
}
.centerbottom .title .redmore_box{
	float: right;
	margin-right: 10px;
	font-size: 11px;
}
.centerbottom .box-top{
	padding: 5px;
	font-size: 11px;
	color: #000;
}
.centerbottom .box-top a img{
	padding-right:3px;
}
.centerbottom .box-top p{
	padding: 0px 3px;
	margin: 0px;
}
.centerbottom .box-bottom{
	padding: 0px 5px 5px 5px;
}
.centerbottom .box-bottom ul li{
	padding: 0px 10px;
}