@font-face {
    font-family:"VNF-Futura";
    src: url(VNF-FuturaRegular.ttf); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: ItaliannoRegular;
    src: url('fonts/Italianno-Regular-OTF.otf');
    font-weight: normal;
    font-style: normal;
}
body{  
    font-size: 12px;
	line-height: 20px;
	font-family: "VNF-Futura";
    color: #000;
    position: relative;
    margin: 3px 0;
}
p,h2{
    margin-bottom: 7px;
    text-align: justify;
	color: #000;
	font-weight: normal;
}
h3{
	font-weight: normal;
	font-family: ItaliannoRegular;
}
.clearfloat{
    clear: both
}
a{
    color: #000; 
    text-decoration: none;
}
a:hover{
    text-decoration: none;
    cursor: pointer;
}
div {
    display: block;
	font-family: "VNF-Futura", sans-serif;
}
ul,li{
    margin:0; 
    padding:0;
    list-style: none;
}
input,textarea,select{
    background: #fff;
    margin: 0; 
    padding: 0;
}
select{
	padding: 1px;
	border: 1px solid #600700;
}
input[type="password"],input[type="text"],input[type="file"],textarea{
    color: #000; 
    border: 1px solid #600700; 
    padding: 3px;
}
input[type="password"]:focus,input[type="text"]:focus,input[type="file"]:focus, textarea:focus, select:focus{
    border: 1px solid #600700; 
    box-shadow: 0 1px 1px #600700; 
    outline: 0 none;
}
#page_container{
    margin: 0 auto; 
    text-align: center;
}

/*phan header*/
#header{
    margin: 0 0 2%; 
    max-width: 100%;
    position: relative;
}
.lg{
    position: absolute;
    z-index: 1;
    top: 11%;
    right: 250px;
	font-family: "";
}
.lg span{
    color: #cc3333;
    position: absolute;
    right: 54%;
    bottom: 7%;
	font-weight: bold;
}
.lg a{
    color: #000;
    padding: 0 10px;
}
.lg a:hover{
    color: #cc3333;
}
.lg a.active{
	color: #cc3333;
	font-weight: bold;
}
#weather{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}
#slide{
    width: 100%; 
    overflow: hidden; 
    position: relative; 
    z-index: 1; 
    max-height: 500px; 
    top: -7px; 
}
.link_img{
    font-size: 16px;
    color: #955017;
	padding-top:10px;
}
.link_img ul li{
    float: left; 
    overflow: hidden; 
    position: relative;
}
.link_img ul li a span{
    background: rgba(255, 255, 255, 0.6); 
    bottom: 0; color: #000; 
    font-size: 14px; 
    font-family: 'Verdana'; 
    left: 0; 
    position: absolute; 
    padding: 5px 0; 
    text-align: center; 
    text-transform: capitalize; 
    z-index: 2; 
    width: 100%;
}

/* content */
#wapper{  
    width: 1002px;  
    color: #000; 
    margin: 0 auto; 
    padding-bottom: 50px; 
	font-family: "";
}
.wap_top{
    width: 1002px;
    margin: 0 auto 20px;
    float: left;
}

.list .home_top {
    float: left;
    padding-bottom: 5px;
	margin: 0 4px; 
}
.home_top .img_border{
	border: 3px solid #e3d6c0;
}
.home_content{
    text-align: left;
    color: #996600;
    max-width: 236px;
	margin-top: 10px;
}
.widget_title{
    margin: 15px 0;
    text-align: left;
    font-size: 32px;
    font-style: italic;
	color: #403d3a;
}
@-moz-document url-prefix() {
	.summary_1{
		min-height: 117px;
	}
}
.home_content span{
    text-align: left;
    color: #000;
    font-size: 14px;
    float: left;
}
.home_content a{
    text-decoration: none;
    color: #fff;
    text-align: left;
    background: url(bg_btn.png) no-repeat;
	display: block;
    padding: 3px 10px;
	font-size: 14px;
	font-style: italic;
}
.widget_summary{
    text-align: left;
	margin-top: 10px;
	color: #8d6a57;
	min-height: 110px;
	font-size: 14px;
}
.widget_summary p{
	color: #8d6a57;
}
.article_detail{
	width: 70%;
	float: left;
	text-align: left;
}
.album_article_detail{
    width: 1002px;
    margin: 0 auto;
}
.article_detail .title, .album_article_detail .title{
    color: #955017; 
    font-size: 22px; 
    margin: 5px 0 15px; 
}
.breadcrumb{
    text-align: center; 
    padding-bottom: 5px; 
}
.breadcrumb a{
    color: #955017; 
    font-size: 24px; 
    text-decoration: none; 
    text-transform: uppercase;
}
.date_update{
    color: #ddd;  
    margin: 5px 0; 
    font-size: 14px; 
}
.summary{
    text-align: justify; 
    margin-bottom: 5px; 
    font-style: italic;
    color: #000;
    font-size: 15px;
}
.content{
    text-align: justify; 
    font-size: 14px;
    color: #000;
}
.content p{
    font-size: 15px;
    color: #000;
}
.content div{
    font-size: 15px;
    color: #000;
}
.other-link{
    color: #e5b449;
}
.list_item{ 
    float: left;
    text-align: left;
    width: 297px;
    margin: 0 15px;
}
.list_item a span{
    color: #000;
    padding: 5px;
    display: block;
    position: relative;
    bottom: 35px;
    font-size: 14px;
	background-color: rgba(255, 255, 255, 0.6);
	text-align: center;
}
.list_item a span:hover{
	font-size: 16px;
}
.wap_bottom{
    width: 1002px;
    margin: 20px auto 0;
    float: left;
}
.home_article{
    padding: 0 50px;
    text-align: center;   
    text-indent: 50px;
    color: #000;
}
.home_title{
	text-align: center; 
	font-size: 50px; 
	color: #955017; 
	padding-bottom: 20px
}
.home_cont p{
    margin-top: 10px; 
    color: #8d6a57;
    font-size: 15px;
}

.content_other{
    line-height: 22px; 
    float: right; 
    width: 27%;
}
.content_other h3{
	text-align:left;
	font-size: 30px;
	margin: 5px;
	color: #955017;
}
.content_other ul{
    list-style: none; 
    margin-bottom: 10px;
}
.content_other ul li{
    background: url(nut_right.png) no-repeat left 7px; 
    border-bottom: 1px solid #8c6239;
}
.content_other ul li a{
    padding: 0 0 3px 3px;
    display: block; 
    color: #000; 
    margin-left: 10px; 
    font-size: 15px; 
    text-align: left;
}
.content_other ul li a:hover{
    color: #e5b449; 
    text-decoration: none;
}
.content_other a{
    color: #e5b449;
    font-size: 15px;
}
.content_other embed{
    border: 3px solid #600700;
    background-color: #8c6239;
}
#galery{
    background-color: #c7974b; 
    width: 210px; 
    float: left; 
    border: 1px solid #dbdada; 
    text-align: center; 
    margin-top: 15px;
}
.album_title{
    color: #9c2b01; 
    font-size: 20px; 
    margin: 5px 0; 
    text-decoration: none; 
    text-align: left;
}
.album_item {
    padding: 0 45px;  
    text-align: center;
}

/*---booking-------*/
.booking_room{
    position: relative;
    bottom: 56px;
	font-size: 14px;
	text-transform: uppercase;
}
.book_opa{ 
    padding: 28px 0; 
    background-color: #673817; 
    opacity: 0.5; 
    filter: alpha(opacity=50); 
}
.book_room_1{
    position: absolute; 
    top: auto; 
    z-index: 10; 
    width: 100%; 
    bottom: 0;
}
.book_title{
    text-decoration: none; 
    color: #fff; 
    font-size: 20px; 
    line-height: 35px; 
    padding: 5.5px 25.5px; 
}
.bk_form{
    max-width: 1002px; 
    margin: 0 12%;
	display: block;
	
}
@-moz-document url-prefix() {
    .bk_form{
		max-width: 1002px; 
		margin: 0 17%;
		display: block;
	}
}
.bk_form input{
    background: url(bg_promo.png);
    border: 1px solid #fff;
    color: #fff;
}
.bk_form option{
    color: #000;
    padding: 0 3px;
}
#check_in_date{
    padding: 0 27px 0 15px; 
}
#check_out_date{
    padding: 0 32px; 
}
#check_room{
    padding: 0 23px;
}
#check_adult{
    padding: 0 32px; 
}
.txtbooking{
    color: #fff; 
    background: url(bg_book.png); 
    border: 1px solid #cccccc; 
}
.txtbooking:focus{ 
    color: #fff; 
    background: url(bg_book.png); 
    border: 1px solid #cccccc; 
}
#check_book{ 
    margin: 24px 0 6px 32px;
}
.check_booking{
	display: inline;
    text-align: left; 
    color: #fff; 
	margin-top: 10px;
	float: left;
}
#btnbooking2 {
    cursor: pointer;  
    background: url(btn_book.jpg) repeat-x;
    padding: 5px 15px;
    border: 1px solid #ffffb5; 
    color: #000; 
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
}
.booking {text-align: center;
          line-height: 22px; 
          cursor: pointer; 
          background: url(booking_bg2.jpg); 
          width: 77px;
          height: 22px;
          border: 0px; 
          display: block;
}
.booking:hover {
    text-decoration: none;
}
.selec{
    overflow: hidden ; 
    background: url(bg_book.png); 
    height: 20px; 
    border: 1px solid #fff; 
    color: #fff; 
	text-transform: none;
	
}
@-moz-document url-prefix() {
    .selec{
    overflow: hidden ; 
    background: url(bg_book.png); 
    height: 20px; 
    border: 1px solid #fff; 
    color: #fff; 
	padding: 2px;
}
}
.selec:focus{
    border: 1px solid #ccc; 
    background: url(bg_book.png);
}
.customStyleSelectBoxInner {
    text-align: left;
    padding-left: 5px; 
    line-height: 20px
}
#drpRoom{
    width: 140px;
}
#btnreservation {text-transform: uppercase; background: url(revervation.jpg); width: 96px; height: 27px; border: 0px; font-family: Arial; font-size: 12px; color: #fff;}
#btnreservation:hover {background: url(reservation_hover.jpg); width: 96px; height: 27px; border: 0px; font-family: Arial; font-size: 12px; color: #fff; cursor: pointer}

/* accommodation */
.list_acmd{
    width: 1002px;
    max-width: 100%;
    margin: 0 auto;
}
.acmd_intro{
    margin: 5% 10% 0;
    float: left;
}
.other_item{
    float: left;
    margin: 10px 0;
}
.other_item_list {
    float: left;
    font-size: 13px;
    margin: 0 7px;
}
.acmd_conntent{
    color: #fff;
    max-width: 226px;
    text-align: left;
}
.acmd_conntent h3{
    margin: 15px 0;
    text-align: left;
    font-size: 32px;
    color: #996600;
}
.acmd_conntent p{
    font-size: 15px;
    margin: 10px 0 15px;
	color: #8d6a57;
}
.btnlink{
    margin-bottom: 10px;
}
.btnlink a.btn_book{
    background: url(btn_book.jpg) repeat-x;
    padding: 4px 20px;
    border-radius: 5px;
    margin-right: 10px;
}
.btnlink a.btn_read{
    background: #cc9966;
    color: #fff;
    padding: 4px 20px;
}
.col_left{
	text-align: left; 
	height: 20px; 
	float: left; 
	width: 15%;
	font-size: 14px;
}
/*Phan bottom */
#bottom {
	color: #000; 
	background: url(bg_footer.jpg) no-repeat center; 
}
.info_us{
    border-bottom: 1px solid #bf9958;
}
.info_link{
    overflow: hidden;
    max-width: 1002px;
    margin: 0 auto;
}
.logo_social{
    margin-top: 5px;
    float: right;
}
.logo_social img{
	opacity: 1;
}
.logo_social img:hover{
	opacity: 0.6;
}
.newsletters{
    margin-top: 10px;
    float: left;
}
.newsletters a{
    color: #993333;
    font-size: 15px;
}
.info_footer{
    padding: 10px 0;
	font-size: 14px;
}
.info_footer a{
	color: #993333;
	font-size: 15px;
}
.info_footer a:hover{
	color: #000;
}
/* CSS VIDEO*/
.titlevideo{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:15px;
    color: #cd0a0a;
    font-weight: bold;
}
.video{
    height: 91px;
    width:  135px;  
    padding: 4px 4px 8px 4px ;
    background:  url(video.png) no-repeat;
}
.videodate{
    color: #858585;
}
.videoview{
    color: #8B0101;
}
.other_video{
    list-style: none;
    text-align: center;
    height: auto;
}
.other_videos{
    float: left;
    padding-left: 13px;
    padding-right: 13px;
}
.titlegallery{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:15px;
    color: #cd0a0a;
    font-weight: bold;
    text-align: center;
}
.other_album{
    list-style: none;
    -webkit-padding-start: 00px;
    height: auto;
}
.other_albums{
    float: left;
    padding: 0 13px 13px 13px;
    height: 133px;
}
.itemsalbum{
    height: 137px;
    width: 208px;
    padding: 6px 6px 12px 6px ;
    background:  url(albumcover.png) no-repeat;
}
.album{
    height: 137px;
    width:  208px;   
    padding: 6px 6px 12px 6px ;
    background:  url(albumcover.png) no-repeat;
}
.album2{
    height: 91px;
    width:  135px;  
    padding: 4px 4px 8px 4px ;
    background:  url(video.png) no-repeat;
}
.dategallery{
    color: #ddd;    
    font-weight:normal;
    text-align: left;
	font-size: 13px;
	margin-top: 7px;
}
.hs_thumb{
    border: solid 1px #D1D1D1;
    padding: 3px;
    display: inline-block;
    background-color: #ffffff; 
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.hs_thumb:hover{
    border: solid 1px #D1D1D1;
    padding: 3px;
    display: inline-block;
    background-color: #9BCDFF;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
/* KET THUC CSS THUVIEN HINH*/
a.button {
    cursor: pointer;
    display: inline-block;
}
a.button span {
    background-color: #78430d; 
    border: 0;
    padding: 4px 15px;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    display: inline-block; 
    font-weight: bold;
}
.button_send{
    background-color: #cc9966; 
    border: 0;
    padding: 4px 10px;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}
.button_reset{
    background-color: #cc9966; 
    border: 0;
    padding: 4px 10px;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}
input.newsletters_txt{
    color: #000; 
    width:150px; 
    background: #fff; 
    border: 1px solid #bf9958; 
    font-weight: bold;
}
input.newsletters_btn{
    font-weight: bold; 
    border: 1px solid #bf9958; 
    width: 70px; 
    background-color: #bf9958; 
    padding: 3px 0;
    color: #fff;
}
@-moz-document url-prefix() {
    input.newsletters_btn{
        font-weight: bold; 
        border: 1px solid #b08b35; 
        width: 70px; 
        background-color: #bf9958; 
        padding: 2px 0
    }
}

/*---------------support-------------------------*/
.support {
	cursor: pointer;
	width:35px;
	min-height:150px;
	position:fixed;
	left:0;
	bottom:250px;
	background:url(support.png) no-repeat left top;
	z-index:1000;
	font-family:Tahoma, Geneva, sans-serif;
}
#support-header
{
    height: 30px;
    //background: url(bg_support-header.png) repeat-x;
}
#support-body
{
    min-height: 109px;
    //background: #5f5f5f url(bg_support-body.jpg) bottom repeat-x;
}

.support-active {
	width:260px;
	border:#ccc solid 1px;
	height:auto;
	position:fixed;
	background:none;
	background:#F1F1F1;
	box-shadow:4px 4px 6px rgba(0,0,0,0.5);
	font-size:11px;
	left:-270px;
	z-index:110;
	bottom:150px;
	font-family:Tahoma, Geneva, sans-serif;
}
.support-active ul {
	margin:0;
	padding:10px 0 1px 20px;
}
.support-active li {
	margin:0;
	padding:0;
	list-style:none;
        line-height: 26px;
}

.support-active li a {
	display:block;

	color:#ffffff;
	font-size:11px;
}
.support-active li .sp-yahoo {
	background:url(yahoo-icon.png) no-repeat left top;
	padding:0 0 0 27px;
}
.support-active li .sp-phone {
	background:url(phone.png) no-repeat left top;
	padding:0 0 0 27px;
	color:#ffffff;
	font-weight:bold;
}
.support-active li .sp-mail {
	background:url(icon_mail.png) no-repeat left top;
	padding:0 0 0 27px;
	color:#ffffff;
	font-weight:bold;
        height:22px;
        margin:0;
}
.support-active li .sp-sky {
	background:url(icon_sale_sky.png) no-repeat left top;
	padding:0 0 0 27px;
	color:#ffffff;
	font-weight:bold;
        height:22px;
        margin:0;
}

.support-active li .sp-hotline {
	background:url(mobile.png) no-repeat left 4px;
	padding:5px 0 5px 27px;
	color:#ffffff;
	display:block;
	height:22px;
	margin:0;
}
.support-active li .sp-hotline strong {
	color:#FF5A00;
	font-weight:bold;
}
.support-active .sp-bottom {
	background: url(bg_support-bottom.jpg) repeat-x;
	height: 23px;

}
.support-active .sp-bottom p {
	margin:0;
	text-align:center;
	color:#9a9a9a;
        line-height: 23px;
}
.support-active .sp-close {
		cursor: pointer;
        line-height: 30px;
        float: right;
        width: 50px;
        background: url(support_close.png) right center no-repeat;

}
.support-active .sp-close a {
	color: #000000;
	text-decoration:none;
	font-size:11px;
}
.support-active .sp-close a:hover {
	color:#000;
	text-decoration:none;
}