/*
	Tỷ lệ ảnh slideshow là 16:9
	Tye lệ ảnh ở bài viết và các phần khác là 4:3
*/
@charset "utf-8";
/* CSS Document */
body { 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;  
	margin:0px;
	padding:0px;	
	/*background:url(../images/nut/banner_bgr.png) left top repeat-x;  */
	background-color:#E3E2E2;	
	font-size:10pt;
}
/***************************************************/
.clear{
	width:1px;
	font-size:0px;
	clear:both;
}
/***************************************************/

a:focus, 
a:hover     { text-decoration: underline;}
a           { color:#0358b7;font-size:10pt;font-weight:bold;text-decoration: none;}

/*
*/
/*********************************************************
Grid
*********************************************************/
	$pad: 3px;	
	.grid {
	  background: white;
	  margin: 0 0 $pad 0;
	  
	  &:after {
		/* Or @extend clearfix */
		content: "";
		display: table;
		clear: both;
	  }
	}
	
	[class*='col-'] {
		float: left;
	  padding-right: $pad;
	  .grid &:last-of-type {
		padding-right: 0;
	  }
	}
	.col-1-1 {
		width: 100%;
	}
	.col-2-3 {
		width: 66.66%;
	}
	.col-1-3 {
		width: 33.33%;
	}
	.col-1-2 {
		width: 50%;
	}
	.col-1-4 {
		width: 25%;
	}
	.col-1-8 {
		width: 12.5%;
	}
	/* Opt-in outside padding */
	.grid-pad {
	  padding: $pad 0 $pad $pad;
	  [class*='col-']:last-of-type {
		padding-right: $pad;
	  }
	}
/*********************************************************
End Grid
*********************************************************/
/**************************************/
div.pagenav
{
	margin:5px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
div.pagenav .items
{
	float:left;		
}
div.pagenav .items:hover
{	
	color:#F00;	
}

div.pagenav .items a
{
	color:navy;
	text-decoration:none;
	display:block;
	padding:5px;
}
div.pagenav .items a:hover
{
	color:#F00;	
	text-decoration:underline;
}
div.pagenav .pages
{
	padding:5px;	
	float:left;
}
div.pagenav .items a.current
{
	color:#F00;
	text-decoration:none;
	display:block;
	padding:5px;
}
div.list-item-nav
{
	margin:5px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
div.list-item-nav .next,
div.list-item-nav .prev
{
	display:none;
}

div.list-item-nav .items
{
	float:left;	
	border:1px solid #F9F9F9;
}
div.list-item-nav .items-next
{
	float:right;
	background-image:url(../images/pagination/next.png);
	background-repeat:no-repeat;	
	margin-left:10px;
}
div.list-item-nav .items-next a
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#313131;
	text-decoration:none;
	display:block;
	padding-bottom:6px;
	padding-top:6px;
	padding-right:27px;
	width:63px;	
}
div.list-item-nav .items-prev a
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#313131;
	text-decoration:none;
	display:block;
	padding-bottom:6px;
	padding-top:6px;
	padding-left:27px;
	width:63px;
}
div.list-item-nav .items-prev a:hover
{
	background-image:url(../images/pagination/prevh.png);
	background-repeat:no-repeat;	
}
div.list-item-nav .items-next a:hover
{
	background-image:url(../images/pagination/nexth.png);
	background-repeat:no-repeat;	
}
div.list-item-nav .items-prev
{
	float:right;
	background-image:url(../images/pagination/prev.png);
	background-repeat:no-repeat;	
	text-align:left;
	margin-right:10px;
}
div.list-item-nav .current
{
	float:left;	
	border:1px solid #F9F9F9;
	color:#F00;
	text-decoration:none;
	display:block;
	padding:5px;
}
div.list-item-nav .items:hover
{
	background-color:#EBEBEB;
	border-left: 1px solid #F9F9F9;
	border-top: 1px solid #F9F9F9;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color:#F00;
	
}

div.list-item-nav .items a
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#313131;
	text-decoration:none;
	display:block;
	padding:5px;
}
div.list-item-nav .items a:hover
{
	color:#F00;
	
	text-decoration:underline;
}
div.list-item-nav .pages
{
	padding:5px;
	background-color:#F9F9F9;
	float:left;
}
div.list-item-nav .items a.current
{
	color:#F00;
	text-decoration:none;
	display:block;
	padding:5px;
}
/*****************************************************
News
******************************************************/
div.layout1{
	width:100%;
	position:relative;
	float:left;
	/*background-image:url(../images/nut/bgr_leftright.png);
	background-position:center 152px;
	background-repeat:no-repeat;
	*/
}
div#wrapper{
	width:1000px;
	margin:0px auto 0px;	
	position:relative;
	display:block;
}
div#page-banner{
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:157px;
}
div#page-banner .page-banner-lang{
	float:right;	
	
	padding:5px;
	color:#FFFFFF;
}
div#page-banner .page-banner-lang a{
	color:#FFFFFF;
	padding:5px;
}
div#page-content{
	float:left;	
	position:relative;
	display:block;
	background-color:#FFFFFF;	
	padding:10px;
}
div#page-bottom{
	float:left;
	width:100%;	
	position:relative;
	display:block;
}
div#page-top-menu{
	float:left;
	width:100%;
	height:58px;
	background:url(../images/nut/banner_bgr_title.png) top left repeat-x;
}
table.hotnews{
	border-collapse:collapse;
}
table.hotnews td{
	color:#3E3E3E;
}
table.hotnews td a{
	color:#3E3E3E;
	display:block;
	padding:5px 3px;
	font-size:10pt;
	font-weight:bold;
}
table.hotnews td table a{
	padding-bottom:15px;
	font-size:13pt;	
}
div.items-cat{
	padding-top:15px;
	float:left;
	width:100%;
}
div.items-cat .items-title{	
	height:30px;
	margin-bottom:7px;
}
div.items-cat .items-title a{
	background-image:url(../images/nut/bgr_title.png);
	background-position:left top;
	background-repeat:no-repeat;		
	display:block;	
	padding:7px 5px;	
}
div.items-cat .items-title a span{	
	background-image:url(../images/nut/bgr_title.png);
	background-position:left -60px;
	background-repeat:no-repeat;
	padding:7px 5px;		
}
div.items-cat .items-subtitle{
	margin-bottom:7px;
	background-color:#ECF4F7;
	padding:5px;	
}
div.items-cat .items-subtitle a{
	color:#034A80;
	font-size:10pt;
	padding-right:7px;
	
}

div.items-cat .items-detail{
	width:100%;
	float:left;
}
div.items-cat .items-detail .items-detail-title{
	width:100%;
	float:left;
	display:block;
	margin-bottom:10px;
}
div.items-cat .items-detail .items-detail-title a{
	color:#3E3E3E;
	font-size:12pt;
	font-weight:bold;
	display:block;
}

div.items-cat .items-detail .items-detail-image{	
	float:left;
	position:relative;
	overflow:hidden;
	margin:0px 10px 0px 0px; 
}
div.items-cat .items-detail .items-detail-image img{	
	width:160px;
	height:100px;
}
div.items-cat .items-detail .items-detail-summery{	
	text-align:justify;
}
div.items-cat .items-more{
	margin-left:10px;
}
div.items-cat .items-more a{
	display:block;
	color:#3E3E3E;
	padding:7px 0px;
	border-bottom:1px solid #C0C0C0;
}
div.items-cat .items-more a span{
	color:#FF9900;
	padding-right:7px;
}
div.items-cat .table-list4{
	border-collapse:collapse;
}
div.items-cat .table-list4 td{
	text-align:center;
}
div.items-cat .table-list4 td img{
	width:110px;
	height:160px;
}
div.items-cat .table-list4 td a{
	display:block;
	color:#3E3E3E;
	padding:10px 3px 0px 3px;
}
div.items-cat .table-list3{
	border-collapse:collapse;
}
div.items-cat .table-list3 td{
	padding-right:5px;
}
div.items-cat .table-list3 td img{
	margin-right:10px;
}
div.items-cat .table-list3 td a{
	display:block;
	color:#3E3E3E;
	padding:10px 3px 0px 3px;
}

div.items-cat .table-list3 td a span{
	color:#FF9900;
	padding-right:7px;
}
div.items-cat .table-list3 td a.solid{
	border-bottom:1px solid #C0C0C0;
}

div.cat-nav{
	display:block;
	background:url(../images/nut/bgr_title.png) left top no-repeat;
	padding:7px 5px;
	margin-bottom:10px;
}
div.cat-nav a{
	background:url(../images/nut/bgr_title.png) left -30px no-repeat;
	padding:7px 5px;
}
div.cat-nav a.top-nav-curr{
	background:url(../images/nut/bgr_title.png) left -60px no-repeat;
	padding:7px 5px;
}


div.items-cat-detail table{
	border-collapse:collapse;
}
div.items-cat-detail .items-list{
	width:100%;
	float:left;
	padding:10px 0px;
	border-bottom:1px #E4E4E4 dotted;
}
div.items-cat-detail .items-list .items-list-img,
div.items-cat-detail .items-list .items-list-img1{
	float:left;	
}

div.items-cat-detail .items-list .items-list-img1 img{
	width:150px;
	height:93px;
	margin-right:10px;
	border:1px solid #000;
}

div.items-cat-detail .items-list .items-list-img img{
	width:160px;
	height:100px;
	margin-right:10px;
	border:1px solid #000;
}
div.items-cat-detail .items-list .items-list-title{
	text-align:justify;	
	padding-bottom:10px;
}
div.items-cat-detail .items-list .items-list-title span{ 
	color:#808080;
	font-size:10pt;
	padding-left:10px;
}
div.items-cat-detail .items-list .items-list-title a{
	font-size:12pt;
	color:#3E3E3E;
}
div.items-cat-detail .items-list .items-list-summery{
	text-align:justify;	
	color:#3E3E3E;
}

div.items-cat-detail .first .items-list-img img{
	height:304px;
	width:488px;
	margin:0px;
	border:1px solid #000;
}
div.items-cat-detail{	
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}
div.items-cat-detail .item-detail-tool,
div.items-cat-detail .items-tags,
div.items-cat-detail .item-detail-content-source{	
	width:100%;
	float:left;
	padding:7px 0px;
}
div.items-cat-detail .items-tags .title{	
	color:#79077C;
	text-transform:uppercase;
	font-weight:bold;
}

div.items-cat-detail .item-detail-content-source{	
	text-align:right;
}

div.items-cat-detail .first{	
	background:url(../images/nut/line_bottom.png) center bottom no-repeat;
	padding-bottom:30px;
	margin-bottom:10px;
}
div.items-subcat-detail .sub-cat-list{
	background:url(../images/nut/box/nut1.png) bottom left no-repeat;
}
div.items-subcat-detail .sub-cat-list a{	
	display:block;
	padding:7px 7px 7px 0px;
	font-size:9pt;	
}
div.items-subcat-detail .sub-cat-list .sub-cat-list-wrapper{	
	float:left;
	background:url(../images/nut/box/bg.png) top left repeat-y;
	padding:7px;
	width:186px;
	margin-bottom:9px;
}
div.items-subcat-detail .title a{
	text-align:center;
	padding:7px 7px 7px 7px;
	text-transform:uppercase;
	background:url(../images/nut/box/nut.png) top left no-repeat;
}
div.items-subcat-detail .sub-cat-list{
	padding-top:10px;
	float:left;
	width:100%;
}

div.items-subcat-detail .sub-cat-list ul{	
	padding:0px;
	margin:0px;
	width:100%;
	float:left;
}
div.items-subcat-detail .sub-cat-list ul li{	
	list-style:none;
	border-bottom:1px dashed #CCCCCC;
}
div.items-subcat-detail .sub-cat-list ul li.items{	
	list-style:none;
}
div.items-subcat-detail .sub-cat-list ul li.first a{		
	font-size:10pt;
}
div.items-subcat-detail .sub-cat-list ul li.first img{	
	width:184px;
	height:116px;
	border:1px solid #000;
}

/*
div.items-cat-detail .sub-cat_list .sub-items-list .items-list-title{	
	width:100%;
	float:left;
}
*/
div.item-detail{
	float:left;
	width:100%;
	position:relative;
}
div.item-detail .item-detail-title{	
	position:relative;
	float:left;
	width:100%;
}
div.item-detail .item-detail-title a{
	display:block;
	color:#3E3E3E;
	font-size:14pt;
}
div.item-detail .item-detail-title .item-detail-tool{
	float:left;
	width:100%;
	padding:7px 0px;
}
div.item-detail .item-detail-title .item-detail-tool span.update,
div.item-detail .item-detail-title .item-detail-tool span.hits{
	float:left;
	padding:3px;
}
div.item-detail .item-detail-title .item-detail-tool span.social{
	float:right;
}
div.item-detail .item-detail-title .item-detail-tool span.hits{
	display:block;
	width:100%;
}
div.item-detail .item-detail-content{
	position:relative;
	float:left;
	/*width:100%;*/
	width:490px;
	overflow:hidden;
}
div.item-detail .item-detail-content img{
	max-width:490px;
}
div.item-detail .item-detail-content video{
	max-width:490px;
}
div.item-detail .item-detail-content .item-detail-content-related{
	position:relative;
	float:left;
	width:100%;
	padding-bottom:10px;
}
div.item-detail .item-detail-content .item-detail-content-related span{	
	display:block;
	padding:5px 3px;
	color:#0358b7;
}
div.item-detail .item-detail-content .item-detail-content-related a{	
	background:url(../images/nut/button.png) -5px 113px no-repeat;
}
div.item-detail .item-detail-content .item-detail-content-detail{
	float:left;
	width:100%;
	padding-bottom:10px;
	text-align:justify;
}
div.item-detail .item-detail-content .item-detail-videos,
div.item-detail .item-detail-content .item-detail-pictures,
div.item-detail .item-detail-content .item-detail-content-linked{
	float:left;
	width:100%;
	padding-bottom:10px;
}
div.item-detail .item-detail-content .item-detail-videos a,
div.item-detail .item-detail-content .item-detail-pictures a{
	display:block;
	padding:3px 5px;
	text-align:center;
}
div.item-detail .item-detail-content .item-detail-videos .title,
div.item-detail .item-detail-content .item-detail-pictures .title,
div.item-detail .item-detail-content .item-detail-content-linked .linked-title{
	border-bottom:3px solid #666;
	padding:5px;
	margin-bottom:7px;
}
div.item-detail .item-detail-content .item-detail-videos .title span,
div.item-detail .item-detail-content .item-detail-pictures .title span{
	border-bottom:3px solid #0F0;
	padding:5px 7px;
	text-transform:uppercase;
	font-weight:bold;
}
div.item-detail .item-detail-content .item-detail-content-linked .linked-title span{
	border-bottom:3px solid #0CF;
	padding:5px 7px;
	text-transform:uppercase;
	font-weight:bold;
}
div.item-detail .item-detail-content .item-detail-content-linked a{
	background:url(../images/nut/button.png) -2px -110px no-repeat;
	padding:8px 7px 5px 25px;
	display:block;
}
div.item-detail .item-detail-more{
	float:left;
	width:100%;
}
div.item-detail .item-detail-more .more-title{
	border-bottom:3px solid #666;
	padding:5px;
	margin-bottom:7px;
}
div.item-detail .item-detail-more .more-title span {
	border-bottom:3px solid #3FF;
	padding:5px 7px;
	text-transform:uppercase;
	font-weight:bold;
}

div.item-detail .item-detail-more .more-items{
	padding:7px 0px;	
	width:100%;
	float:left;	
}
div.item-detail .item-detail-more .more-items .items{
	padding:7px 0px 0px 0px;		
	width:100%;
	float:left;	
}
div.item-detail .item-detail-more .more-items .items .images{
	position:relative;
	float:left;
	height:68px;
	
}
div.item-detail .item-detail-more .more-items .items .titles{
	padding:7px 0px;
}
div.item-detail .item-detail-more .more-items .items .titles a{
	background:url(../images/nut/button.png) -2px -118px no-repeat;
	padding-left:25px;
}
div.item-detail .item-detail-more .more-items .items img{
	width:110px;
	height:68px;
	margin-right:7px;
}
div.item-detail .item-detail-more .more-items .items a.doted{
	background:none;
}
/*****************************************************


******************************************************/
/*****************************************************
End news
******************************************************/
/*
Slide show lite
*/
.slideshowlite {
	position: relative;
	/*border: 2px solid #111;*/
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.slideshowlite img {
		border: none;
		width:100%;
		height:100%;
	}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 5px;
	right: 5px;
	z-index: 3;
}

	.slideshowlite ul li,
	.slideshowlite ol li {
		float: left;
		margin: 0 3px;
		width: 16px;
	}
	
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 14px;
		padding-top: 2px;
		text-decoration: none;
		color: #666;
		background: #eee;
		border: 1px solid #666;
		text-align: center;
		font-size: 11px;
	}
	
	.slideshowlite ul li a.current {
		color: #111;
		font-weight: bold;
		border: 1px solid #111;
		background: #fff;
	}
	
	.slideshowlite ul li a:hover {
		color: #fff;
		background: #333;
	}
	
	.slideshowlite ul li div {
		display: inline-block;
		width: 16px;
		height: 16px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center;
		/*background-image: url(../images/bt_list_off.png);*/
	}
	.slideshowlite ul li div:hover {
		/*background-image: url(../images/bt_list_on.png);*/
		text-decoration: none;
	}
	.slideshowlite ul li div.on {
		/*background-image: url(../images/bt_list_on.png);*/
	}
/* caption control */
.slideshowlite ol {
	top: 0px;
	left:15px;
	position: relative;
	overflow: hidden;
	width: 25%;
	font-size: 18px;
	/*text-transform:uppercase;*/
	color: #fff;
	background-color:#6e95ab;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */	
	padding: 3px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
}

.slideshowlite ol li {
	width: 100%;
}
.slideshowlite ol li {
	color:#FFF;
}
.slideshowlite ol li span.title{
	font-size:12pt;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}
.slideshowlite ol li span.desc{
	font-size:10pt;
	font-weight:normal;
	display:block;
	padding-bottom:5px;
}
/*
***********************************************
*/
ul.hotnews{
	padding:0px;
	margin:0px;
}
ul.hotnews li{
	padding:5px 3px;
	text-align:justify;
	list-style:none;
	border-bottom:1px dashed #CCCCCC;	
}
ul.hotnews li a{
	width:100%;
}

/*
*************************************************************
Quảng cáo
*/
div.page-ad{
	float:left;
	width:100%;
}
#masonry-dropped{
	margin:0px;
	padding:0px;
	float: left;
	width: 280px;
	position: relative;
}
#masonry-dropped > li {
    width: 130px;
    display:block;
	overflow:hidden;
    padding: 0px 0px 10px 10px;
}
#masonry-dropped > li div.advertising-items{
	float:left;
	width:100%;
}

#masonry-dropped > li.bigun {
  width: 270px;
  overflow:hidden;
}

#masonry-dropped > li li {
    display:block;
    height:20px;
}
/*
Quảng cáo mục tiện ích
*/
div.utilities{
	float:left;
	width:100%;
}
div.banner-utilities div{
	padding-bottom:10px;
}
/*
Quảng cáo vị trí trên cùng
*/
div.banner-top{
	float:left;
	width:750px;
	overflow:hidden;
	height:72px;	
}
div.banner-top div.items{
	float:left;
	padding-right:10px;
}
div.banner-top div.items img{
	height:60px;
}
/*
*************************************************************
*/

/*
	SLIDER
*/
.slider-wrap								{ width: 695px; position: absolute; top: 0px; left: 0px; }			
.stripViewer .panelContainer .panel ul		{ text-align: left; margin: 0 15px 0 30px; }
.panelContainer img							{ width:490px; height:306px; border:1px solid #000;}
.stripViewer								{ position: relative; overflow: hidden; width: 695px; height: 319px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 695px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
/*#movers-row									{ margin: -43px 0 0 62px; }*/
#movers-row									{ float:left;width:100%;}
#movers-row div								{ width: 20%; float: left; }
#movers-row div img							{ width:130px;height:81px; border:1px solid #000;}
.photo-meta-data							{ text-align:justify; z-index: 9999;}
.photo-meta-data .title	a					{ color:#3E3E3E; font-size:13pt;}
.photo-meta-data .content					{ padding-top:15px;}
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; width:139px;}
.cross-link span							{ padding:5px; text-align:left;}
/*.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }*/
.active-thumb img							{ opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}
.wrapper-img 								{ float:left; margin-right:10px;}
.wrapper	 								{ float:left; width:100%;}

/*
*************************************************************
TOURISM
*/
div.tourism-items-detail{
	float:left;
	width:100%;	
}
div.tourism-items-detail .items-more{
	width:100%;
	float:left;
}
div.tourism-items-detail .items-more .title{
	padding-bottom:5px;
	color:#990033;
	font-weight:bold;
	float:left;
	width:100%;
	display:block;
}
/*
*************************************************************
album
*/

div#links_detail{
    float:left;
	width:215px;
	padding:4px;
	height:134px;
	border:1px solid transparent;
	border-radius:3px;
}

div#links_detail_image{
	width:215px;
	height:134px;
	overflow:hidden;
	margin:0px auto;
	position:relative;
}
div#links_detail_image img{
	width:215px;	
}