/*
	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/hotels/bgr_page.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;
	white-space: nowrap;
}
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#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/hotels/banner_bgr_title.png) top left repeat-x;
}
/*****************************************************
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: 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{
	margin:0px 10px 10px 0px;	
	width:130px;
	height:110px;
	overflow:hidden;
	float:left;
	text-align:justify;
	list-style:none;
	/*border-bottom:1px dashed #CCCCCC;	*/
	
}
ul.hotnews li a img{
	width:130px;
	height:80px;
}

ul.hotnews li a{
	width:100%;
}
ul.hotnews li a.title{
	width:100%;	
}
/*
*************************************************************
Quảng cáo
*/
div.page-ad{
	float:left;
	width:100%;
}
#masonry-dropped font{
line-height:1;
}

#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:367px; border:1px solid #000;}
.stripViewer								{ position: relative; overflow: hidden; width: 695px; height: 379px; }
.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:97px; 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%;}

/*
*************************************************************
HOTELS
*/
/*
*************************************************************

*/

/*
*************************************************************
FOTTER
*/
div#footer{
width:100%;
background:#f0f0f2;
float:left;
overflow:hidden;
/*padding: 0px 0px 13px 50px;*/
}

div#line_menu{
width:100%;
float:left;
overflow:hidden;
padding:0px 0px 5px;
}
div#line_menu ul.ft_menu{
width:170px;
float:left;
overflow:hidden;
list-style:none;
margin:15px 10px 15px  15px;
padding:0;
}
ul.ft_menu li.li_first{
width:100%;
float:left;
}
li.li_first h2{
width:100%;
height:20px;
margin: 0px 0px 5px;
}
.li_first a{
font: bold 12px arial;
color:#000;
text-decoration:none;
float:left;
}
.li_first a:hover{
color:#0358b7;
}

li.li_follow h2{
width:100%;
float:left;
height:14px;
margin: 0px 0px 3px;
}

li.li_follow a{
font:11px arial;
color:#606060;
text-decoration:none;
float:left;
}
li.li_follow a:hover{
text-decoration:underline;
}

div#copy_right{
width:100%;
float:left;
background: #fff;
}
div#copy_rightline{
float:left;
}
div#copy_rightline ul{
list-style:none;
padding: 0px 60px 0px 15px
}
ul li.cpr_first{
font: bold 12px arial;
color:#000;
}
ul li.cpr_follow{
font: 11px arial;
color:#606060;
}

div#footer_img{
float: left;
margin: 20px auto;
}

div#footer_img img{
border:none;
margin: 0px 10px;
}
/*
*************************************************************
album destinationa
*/

div#links_detail{
    float:left;
	/*
	width:140px;
	*/
	width:153px;
	padding:4px;
	height:80px;
	border:1px solid transparent;
	border-radius:3px;
}
div#links_detail:hover{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
div#links_detail_image{
	width:153px;
	height:80px;
	overflow:hidden;
	margin:0px auto;
	position:relative;
}
div#links_detail_image img{
	width:150px;	
}
/*********************************************************
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
*********************************************************/
/*********************************************************
Menu trên
*********************************************************/
ul.travels li a{
	color:#FFFFFF;
	text-decoration:none;	
}
/*********************************************************
End Grid
*********************************************************/
/*********************************************************
Khách sạn
*********************************************************/
div.content .banner-provinces, div.content .banner-provinces .backstretch{
	width:700px;
	height:250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.content .banner-provinces .description{
	top:140px;
	position:relative;
	height:100px;
	background-color:rgba(110, 149, 171, 0.6);
}
div.content .title-provinces{
	text-align:right;
	padding:15px 15px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em #333;
	text-transform:uppercase;
	color:#FFFFFF;
}
div.content .title-provinces h1{
	margin:0px;
	padding:0px;
}
div.content .content-provinces{
	text-align:right;
	padding:3px 15px;
	font-size:16pt;
	text-shadow: 0.1em 0.1em #333;
	color:#FFFFFF;
}
div.content .content-provinces span{
	padding:0px 4px;
}
div.content table.items-grid{
	background-color:#f9f9f9;
}
div.content table.items-grid td{
	background-color:#FFFFFF;
}
div.content table.items-grid, div.content table.items-grid td{
	border:1px solid #e0e0e0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.content table.items-grid td.advitems{
	background-color:#EBF6FB;
	border:1px solid #C9E7F4;
}
div.content table.items-grid td.booktitle{
	/*border:1px solid #CCC;
	background-color:#eae8e0;*/
	border:0px;
	font-size:14pt;
	font-weight:bold;
	margin:0px;
	padding:10px 5px;
	color:#000000;
}
div.content table.items-grid td.bookitems{
	border:0px solid #CCC;
	background-color:#f4f5f0;
}
div.content table.items-grid .hotels-items{
	/*width:340px;*/
	padding:5px;
	float:left;	
}
div.hotels-items .title{
	background:url(../images/hotels/arrow.png) left 7px no-repeat;
	padding:5px 0px 5px 15px;
}
div.hotels-items .title .name .items{
	color:#df553c;
	font-weight:bold;
}
div.hotels-items .address span,
div.hotels-items .tel span,
div.hotels-items .website span,
div.hotels-items .email span{
	color:#2fa1cf;
	font-weight:bold;
}
div.hotels-items .website a,
div.hotels-items .email a{
	color:#0181f9;
}
div.bookingbtn{
	border:2px solid #eae3f9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#aaa1d5;
	float:left;
	padding:5px;
}
div.bookingbtn span{
	
}
div.bookingbtn a{
	color:#FFFFFF;	
	font-size:8pt;
	font-style:italic;
}
/**************************************************
Tìm kiếm
***************************************************/
div.searchfrm{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #9BD4E0;
	background-color:#DAEEF7;
	width:268px;
	margin-bottom:10px;
	color:#002C5F;
}
div.searchfrm,
div.searchfrm .group,
div.searchfrm .group .items{
	float:left;	
}
div.searchfrm .group{
	width:248px;
	padding:10px;
}
div.searchfrm .first{
	border-bottom:1px solid #999;
}
div.searchfrm .first .title{
	border:0px;
}
div.searchfrm .group h2,
div.searchfrm .group h1{
	padding:0px;
	margin:0px;
}
div.searchfrm .group .items{
	float:left;
	width:100%;
	padding:5px 0px;
}
div.searchfrm .group .items .items-name{
	float:left;
	width:100px;
}
div.searchfrm .group .items .items-value{
	float:left;
	width:148px;
}
div.services{
	width:268px;
	float:left;
	margin-bottom:10px;
}
div.searchfrm .group .title{
	padding:7px 0px;
	border-bottom:1px dotted #446d93;
}
div.searchfrm .group span.name{
	color:#057CAC;
	font-weight:bold;
}
div.searchfrm .first .title{
	border-bottom:0px dotted #446d93;
}
/**************************************************
Booking
***************************************************/
div.booking{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #C9E7F4;
	background-color:#EBF6FB;
	width:268px;
	margin-bottom:10px;
}
div.booking,
div.booking .group,
div.booking .group .items{
	float:left;	
}
div.booking .group{
	width:248px;
	padding:10px;
}
div.booking .first{
	border-bottom:1px solid #999;
}
div.booking .first .title{
	border:0px;
}
div.booking .group h6,
div.booking .group h5,
div.booking .group h4,
div.booking .group h3,
div.booking .group h2,
div.booking .group h1{
	padding:0px;
	margin:0px;
}
div.booking .group .items{
	float:left;
	width:100%;
	padding:5px 0px;
}
div.booking .group .items .items-name{
	float:left;
	width:100px;
}
div.booking .group .items .items-value{
	float:left;
	width:148px;
}
div.booking .group .title{
	padding:7px 0px;
	color:#254CA2;
	/*border-bottom:1px dotted #446d93;*/
}
div.booking .group .title span.services{
	margin:5px 0px;
	padding:0px 15px;
	border-left:1px solid #000;
	/*border-bottom:1px dotted #446d93;*/
}
div.booking .group .title span.first1{
	margin:5px 0px;
	padding:0px 15px 0px 0px;
	border-left:0px solid #000;
	/*border-bottom:1px dotted #446d93;*/
}
div.booking .group .title span.servicesname{
	display:block;
	padding:5px;
	color:#1a4d7c;
	font-weight:bold;
	/*border-bottom:1px dotted #446d93;*/
}
div.booking .group .image{
	float:left;
	width:200px;
	height:140px;
	padding:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #E0E0E0;
	background-color:#FFF;
	margin-right:10px;
}
div.booking .group .image img{
	width:200px;
	height:140px;
}
div.booking .group span.name{
	color:#1a4d7c;
	font-weight:bold;
}
div.booking .first .title{
	border-bottom:0px dotted #446d93;
}
input.error { border: 1px dotted red; }
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
/*********************************************************
Khách sạn
*********************************************************/
div.map-des{
	padding-bottom:15px;
}