/*====Header====*/
#wrappage, .pageall{
	background-color:#e4e5e7;
	}
/*header {
    background: url(images/bgr-body.jpg) repeat left top;
}
#header {
	background: url(images/bgr-top.png) no-repeat right top;
}*/
.menu {
    background: #0b67be;
	}
.nav > li:hover > a{
	color: #fff;
    background: #f9d316;
	}
.nav li .nav-column a{
	color: #0b67be;
	}
.nav .nav-column li a:hover{
	color:#f88509;
	}
.nav li.active a, .nav > li.active > a:hover, .nav > li > a:hover, #menu-wrapper .nav li.active a{
	color: #fff;
    background: #f9d316;
	}
.nav li.active a{
	background: none;
	color: #f9d316;
	}
.time-break{
	background:#fff;
	}
ol.breadcrumb.left{
	margin-left:10px;
	}
/*====main====*/

#main {
	margin:0 auto;
	background:#fff;
}
.news-large,.news-small{
	margin-top:10px;
	}

.news-small .item{margin-bottom:0;}
.callbacks_here a{
	background-color: #0b67be;
	}
/*.tab-news .nav, .bar{
	margin-bottom:10px;
	border-bottom: 1px solid #0b67be;
	background:#e7e7e7 url(images/icon.png) no-repeat 10px 5px;
	padding-left: 34px;
	}*/
.tab-news .nav li a{
	color:#fff;
	}
.tab-news .nav > li > a:hover{
	color:#f9d316;
	}
.tab-news .nav li.active a{
	color:#f9d316;
	background:none;
	border-bottom: 2px solid transparent;
	}

h2.title, .box-cung-chuyen-muc h4.title{
	color:#0b67be;
	}
h3.title a{
	border:2px solid transparent;
	border-width:2px 0;
	font-weight:bold;
	font-size:14px;
	color:#0b67be;
	}
h3.title span, h3.title a.active, h3.title a.active:hover{
	font-weight:bold;
	color:#f9d316;
	border-bottom-color:transparent;
	}
 h3.title a:hover{
	font-weight:bold;
	color:#f9d316;	
	border-bottom-color:#f9d316;
	}
h2.title, 
.box-cung-chuyen-muc h4.title,
.box-sub-hot-news ul li a:hover,
.box-lk ul li a:hover,
ul.list_news_dot li a:hover,
a.link-video:hover, 
a.link-video.active,
#detail-page h1.title,
.list-one a.tip:hover,
.news-small a.tip:hover{
	color:#0b67be;
	}
.col-beta{
	margin:10px 10px 0 0;	
	}
.col-beta .content-white{
	border:1px solid #e2e2e2;
	border-top-width:2px;
	margin-bottom:10px;
	}
.content-white{
	margin-bottom:0;
	border:0;
	}
.content-white.ad{
	padding:0 10px;
	margin:0;
	margin-bottom:15px;
	border:0;
}
h2.title-right, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background:#0b67be;
	}
h2.title-right{
	background:#0b67be;
	color:#fff;
	}
h3.title{
	border:0;
	}
.box-foot {
	padding: 5px 0;
    border-top: 2px solid #0b67be;
	}
a.icon-menu{
	background-color:#0b67be;
	}
a.more{
	color:#0b67be;
	}
.box-lk.dm2 ul li {
    border-bottom: 1px solid #eee;
    background: url(images/icon1.png) no-repeat 0 5px;
    padding-left: 30px;
}
.box-lk.dm3 ul li {
    border-bottom: 1px solid #eee;
    background: url(images/icon2.png) no-repeat 0 8px;
    padding-left: 25px;
}
/*#list-page .bar, #detail-page .bar{
	background-color:#dfdfdf;
	color:#0b67be;
	}*/
#list-page h3.title span, #list-page h3.title a.active{
	color:#0b67be;
	}
/*<!--Gallery oval-->*/
.galleryoval{
	position:relative;
	z-index:0;
	background:#eee;
	padding:2em 5em;
	margin:1.5em;
	  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
#showcase {
      height:250px;
	  position:relative;
	 background:#fff;
	  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	
	  }
    #item-title {
      /*color: #F31414;*/
      font-size: 15px;
      /*letter-spacing: 0.13em;*/
      /*text-shadow: 1px 1px 6px #C72B2B;*/
      text-align: center;
      margin-top: 15px;
      /*margin-bottom: 22px;*/
        font-family: arial;
        /*margin-top: -45px;*/
    }
    #nav {
      text-align: center;
    }
    #nav > button {
      width: 44px;
      height: 44px;
      color: #666;
      font: bold 16px arial;
      text-align: center;
	  overflow: hidden;
	  text-indent:-9999px;
      background: url(images/arrows.png) no-repeat 0 0;
	  border:0;
	  position:absolute;
	  top:50%;
	  margin-top:-22px;	 
	  outline:0; 
    }
	#nav > button.left:active, #nav > button.left:hover{
		outline:0; 
		border:0;
		background-position: 0 -44px;
		}
	#nav > button.right:active, #nav > button.right:hover{
		outline:0; 
		border:0;
		background-position: 100% -44px;
		}
	#nav > button.left{
		background-position: 0 0;
		left:10px;
		}
	#nav > button.right{
		background-position: 100% 0;
		right:10px;
		left:auto;
		}
	.cloud9-item{
		width:200px;
		height:150px;
		}
	.cloud9-item canvas{
		display:none !important;
		}
	.cloud9-item img{
		width:200px;
		height:150px;
		border:10px solid #ddd !important;
		}
	.box-tieudiem ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.box-tieudiem ul li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #ddd;
	}
.box-tieudiem ul li a.img{
	margin-right:10px;
	float:left;
	width:80px;
}
.box-tieudiem ul li a.title{
	color:#cb0606;
	font-size:14px;
	}
.box-tieudiem ul li .decription{
	font-style:italic;
	margin-top:5px;
	}
.list-one .row .col-md-6:nth-child(2n+1) {
    clear: left;
}
@media screen and (max-width: 767px){
.mm-menu {
    background: #0b67be;
}
ol.breadcrumb.left{
	margin-left:0;
	}
.galleryoval{
	margin:10px;
	}
}
@media screen and (max-width: 479px){	
.nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after{
	color:#fff;
	}
}
	

.bar{
	border-top: 2px solid #0b67be;
	background: #D9E8FF ;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	overflow:hidden;
	border-top-right-radius: 6px;
}
h2.title{
	font-size: 16px;
	line-height: 1;
	color: #fff;
	background:#0b67be url(/Content/assets/css/images/icon.png) no-repeat 5px 2px;
	text-transform: uppercase;
	font-weight: normal;		
	margin: 0;
	margin-bottom: -1px;
	padding: 0;		
	padding-left: 42px;		
	display:block;
	height:32px;		
	float:left;
		
}
h2.title::after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 32px 0 0;
	border-color: #0b67be transparent transparent transparent;
	content: "";
	float:right;
	background:#D9E8FF;
	padding-right:10px;		
	}
h2.title a {
	border: 2px solid transparent;
	border-width: 2px 0;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-decoration:none;
	line-height:32px;
	height:32px;
}