/*
	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: #e3e2e2 url(../images/nut/bgr_page_desti.png) left top repeat-x;	
	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;}

/*
*/
a.small_nav {
color: #a4f1fe;
font: 9pt arial;
}

/**************************************/
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:75px;
}
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{
	width: 980px;
padding: 0px 10px;
	float:left;	
	position:relative;
	display:block;
	/*background-color:#FFFFFF;	*/
	padding:10px;
}
div#page-bottom{
	float:left;
	width:100%;	
	position:relative;
	display:block;
}
div#topmenu_wrapper {
width: 980px;
padding: 0px 10px;
/*background-color: white;*/
float: left;
}
div#page-top-menu{
	float:left;
	width:100%;
	height:58px;
	background:url(../images/tourism/banner_bgr_title.png) top left repeat-x;
}
/*
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: 5px;
	padding: 0;
	/*
	bottom: 5px;
	right: 5px;
	*/
	z-index: 3;
}

	.slideshowlite ul 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;
	*/
	top:320px;	
	margin:0px;
	position: relative;
	overflow: hidden;
	width: 700px;
	overflow:hidden;
	font-size: 18px;
	/*text-transform:uppercase;*/
	color: #fff;
	/*background-color:#6e95ab;*/
	/* These three lines are for transparency in all browsers. */
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	
	opacity:0.6;
	filter:alpha(opacity=60); /* 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: 680px;
	color:#FFF;
	padding: 3px 10px;
	height:90px;
	background-color: rgba(110, 149, 171, 0.6);
	/*
	background-color:#6e95ab;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */			
	*/
}
.slideshowlite ol li span{	
	
}
.slideshowlite ol li span.title{
	font-size:14pt;
	color:#FFFFFF;
	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;
}
/*
*************************************************************
*/

/*********************************************************
End Grid
*********************************************************/

/*********************************************************
	Destination
*********************************************************/

/*********************************************************
	End Destination
*********************************************************/
div#page-content div.destination,
div#page-content div.destination .Hot-des,
div#page-content div.destination .New-des,
div#page-content div.destination .Events-des,
div#page-content div.destination .Heritage-des{
	width:100%;	
}
div#page-content div.destination,
div#page-content div.destination .left,
div#page-content div.destination .Hot-des,
div#page-content div.destination .New-des,
div#page-content div.destination .Events-des,
div#page-content div.destination .Heritage-des{	
	float:left;
}
div#page-content div.destination .Hot-des{
	padding-bottom:10px;
}
div#page-content div.destination .left{
	width:100%/*640px*/;
	height:450px;/*622px;*/
	overflow:hidden;
	position:relative;
}

div#page-content div.destination .left .logo{
	float:left;
	width:100%;
	text-align:left;
}
div#page-content div.destination .left .logo .img{
	float:left;
	width:49%;
	text-align:left;
}
div#page-content div.destination .left .logo .search{
	float:left;
	width:49%;
	text-align:right;
	padding:20px 0px;
}
div#page-content div.destination .left .des-detail{
	position: absolute;
	float:left;
	width:100%;
	bottom:0px;
	height:120px/*150px*/;
	overflow:hidden;
}
div#page-content div.destination .left .des-detail .title{
	float:left;
	width:100%;		
	padding:10px 0px;
}

div#page-content div.destination .left .des-detail .title a{	
	text-transform:uppercase;
	font-size:20pt;
	font-weight:bold;
	
	color:#FFFFFF;
	height:30px;
}

div#page-content div.destination .left .des-detail .detail{
	padding:10px;
	font-size:9pt;
	color:#FFF;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	width:98%/*620px*/;			
	background-color:rgba(51, 51, 51, 0.6);
}
div#page-content div.destination .right{
	overflow:hidden;
	float:right;
	width:320px;
}
div#page-content div.destination .right .search{
	padding:10px 0px 20px 0px;
	width:100%;
	float:left;
}
div#page-content div.destination .right .adv{
	/*margin:0px 25px 0px 15px;*/
	padding:0px 0px 10px 0px;
	width:100%;
	height:556px;
	float:left;
	background-color:rgba(128, 128, 128, 0.3);
}
div#page-content div.destination .right .adv .adv-title{
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#fdf630;
	padding:5px;
	background-color:rgba(51, 51, 51, 0.6);
}
div#page-content div.destination .right .adv .adv-item{
	width:280px;
	height:510px;
	margin:20px 25px 10px 15px;
}

div#page-content div.destination .New-des,
div#page-content div.destination .Events-des,
div#page-content div.destination .Heritage-des{	
	background-color:rgba(102, 102, 102, 0.3);
	margin:10px 0px;
	height:160px;
}
/**************************************************/
div#page-content div.destination .des-view{
	float:left;
	width:184px;
	text-align:center;
}
div#page-content div.destination .des-view .view{
	padding:5px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFFFFF;
	height:32px;
	overflow:hidden;
}
div#page-content div.destination .des-view .view a{
	color:#FFFFFF;
}
div#page-content div.destination .des-view img{
	border:0px;
}
/******************************************************/