*{ padding: 0px; }
body, html{ height: 100%; margin: 0;height: auto; min-height: 100%;background:#f9f5e9}
body{ 
	font: 13px PT Sans, sans-serif; 
	color:#382102;								
	}
a{ outline: none; text-decoration:none;color:#382102}
a:hover{text-decoration:none;color:#c77b00}
a img{ border: none; }
p {margin:0 0 10px 0}
h1, h2 {text-transform:uppercase}

.clear {clear:both; display:block; width:100%}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }
sup {vertical-align: super}

.float-right { float:	right; }
.float-left {float:	left; }

.align-right { float:right; }
.align-left { float:left; }
.align-center { margin:0 auto; display:block;}

.single-header-space { margin: 25px 0 0 0; }
.blank-head-space-1 { margin: 24px 0 0 0; }

.gradient {
filter:none;
}

.type-post, .type-mtheme_portfolio, .type-page {
	margin: 0;
	}
strong {font-weight:bold}
em {font-style:italic}

@font-face {
  font-family: 'PT Sans Narrow';
  src: url('../font/pt_sans-narrow-web-regular-webfont.eot');
  src: url('../font/pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-narrow-web-regular-webfont.woff') format('woff'),
         url('../font/pt_sans-narrow-web-regular-webfont.ttf') format('truetype'),
         url('../font/pt_sans-narrow-web-regular-webfont.svg#PT Sans Narrow') format('svg');
   font-weight: 400;
   font-style: normal;
}
@font-face {
  font-family: 'PT Sans Narrow';
  src: url('../font/pt_sans-narrow-web-bold-webfont.eot');
  src: url('../font/pt_sans-narrow-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-narrow-web-bold-webfont.woff') format('woff'),
         url('../font/pt_sans-narrow-web-bold-webfont.ttf') format('truetype'),
         url('../font/pt_sans-narrow-web-bold-webfont.svg#pt_sans_narrowbold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: url('../font/pt_sans-web-regular-webfont.eot');
  src: url('../font/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/pt_sans-web-regular-webfont.woff') format('woff'),
       url('../font/pt_sans-web-regular-webfont.ttf') format('truetype'),
       url('../font/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
}
@font-face {
  font-family: 'PT Sans';
  src: url('../font/pt_sans-web-italic-webfont.eot');
    src: url('../font/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-web-italic-webfont.woff') format('woff'),
         url('../font/pt_sans-web-italic-webfont.ttf') format('truetype'),
         url('../font/pt_sans-web-italic-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
  font-family: 'PT Sans';
  src: url('../font/pt_sans-web-bold-webfont.eot');
    src: url('../font/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-web-bold-webfont.woff') format('woff'),
         url('../font/pt_sans-web-bold-webfont.ttf') format('truetype'),
         url('../font/pt_sans-web-bold-webfont.svg#pt_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* website */
.mobile-slide {display:none}
header {position:fixed; bottom:100px; left:50px; width:200px; height:460px; background: url(http://www.dendrohotel.com.vn/images/bg-header.png) top left no-repeat}
img.logo {width:180px; height:auto; display:block; margin:10px auto}
nav {width:100%;}
nav ul {margin:0 0 15px 8px;}
nav li {margin:0;}
nav a { text-transform:uppercase;display:block; padding:5px 0 3px 15px; font-size:13px;color:#382102}
nav a:hover {color:#382102;background: url(http://www.dendrohotel.com.vn/images/bg-nav.png) left no-repeat}
img.hot {width:38px; height:auto; margin:0 0 0 -20px; float:left}
.social {height:40px; position:fixed; top:0; right:50px; background:rgba(255,229,136,.8); border-radius:0 0 5px 5px}
.social span {line-height:45px; margin:0 0 0 10px; font-size:12px; float:left; margin-right:10px}
.social img {margin:10px 10px 0 0; width:auto; height:20px; float:left}
hgroup {display:block; position:fixed; right:50px; bottom:130px; text-align:right; color:#fff}
hgroup p {margin:0; font-size:23px}
hgroup p,hgroup h1,hgroup h2,hgroup a {text-shadow: -1px -1px 0 #382102,  1px -1px 0 #382102, -1px 1px 0 #382102, 1px 1px 0 #382102;}
hgroup h1 {font-size:45px; line-height:47px}
hgroup h2 {font-size:23px; text-transform:none}
hgroup a {color:#fff}
.forecast {max-width: 160px; width: 160px; background:none; position:fixed; top:50px; right:50px}
.content {position:absolute; left:290px; bottom:130px; width:620px; padding:20px; height:390px; background: url(http://www.dendrohotel.com.vn/images/bg-content.png) top repeat-x; border-radius:5px}
.long-content {position: absolute; top:100px; left:290px; padding-bottom:125px;width:660px; height: auto; background:none}
img.full-image {width:100%; height:auto; margin-bottom:10px}
section {width:620px; padding:20px; height: auto; background: url(http://www.dendrohotel.com.vn/images/bg-content.png) top repeat-x; border-radius:5px; margin-bottom:10px}
.content h1,.long-content h1 {font-size:22px; line-height:22px; margin-bottom:15px; padding-bottom:10px;color:#382102; border-bottom:#382102 1px solid}
.content h2,.long-content h2 {font-size:17px; line-height:17px; margin-bottom:5px;}
.content h2 span {text-transform:none; font-size:15px}
.content ul {float:left; margin-right:40px}
.content li {list-style:disc; margin:3px 0 0 15px}
.content table {border-bottom:#382102 1px solid;border-right:#382102 1px solid; margin-bottom:10px}
.content td {padding:5px 10px;border-top:#382102 1px solid;border-left:#382102 1px solid; vertical-align:top}
.wrap-list {width:100%; float:left; margin-top:20px}
.three-list {width:30.2%; margin:0 .5%; background:#d7b15f; padding:1%; border-radius:5px; float:left}
.four-list {width:22%; margin:0 .5%; background:#d7b15f; padding:1%; border-radius:5px; float:left}
.four-list img,.three-list img {width:100%; height:auto; margin-bottom:5px}
.four-list:hover,.three-list:hover {background:#f8a739; color:#382102}
aside { position: absolute; top:70px; right:-10px}
aside li {list-style:none !important; width:100%; padding:0!important; margin:5px 0 10px 0!important;}
aside a {text-transform:uppercase;background:#d7b15f; color:#382102; padding:5px 10px 3px 10px; display:block; border-radius:5px}
aside a:hover,aside .select a {background:#f8a739; color:#382102}
.left-content {width:66%; float:left;}
.facilites {}
.facilites ul {width:30%; margin-right:1%}
ul.two-col-list {width:49%; float:left; margin-right:0}
.map-iframe {width:100%; height:100%; position:fixed; top:0; left:0 ;z-index:-1;}
.content-half {width:49%; float:left; margin:0 0.5%}

.booking-tab-wrap {position:fixed; bottom:60px; width:100%; height:60px}
.booking-tab {width:660px; height:60px; background:#f5df92; margin:0 auto; border-radius:5px; border-radius:5px; border:#cbb157 1px solid}
.booking-tab span,.booking-tab2 span {line-height:65px; font-family:PT Sans Narrow; font-size:24px; margin-left:20px; text-transform:uppercase; float:left}
.booking-tab2 {width:660px; height:60px; background:#f5df92; border-radius:5px; border-radius:5px; position: fixed; bottom:60px; left:290px; border:#cbb157 1px solid}
.booking-form {float:left !important;width:470px;position:relative; margin:18px 0 0 20px;}
.booking-field {margin-right:20px; float:left; position:relative}
img.cal { width:25px; height:auto; position: absolute; right:2px; top:0}
.booking-field2 {margin-bottom:15px; padding:0 0 0 35%; position:relative; float:left}
.booking-field label {display:block;float:left;width:100%; line-height:20px;}
.booking-field2 label {font-size:11px;}
.booking-field input[type="text"],.booking-field select,.booking-field2 input[type="text"],.booking-field input[type="email"] {height:20px; padding:2px 5px 3px 5px; background:#eee; width:95px; border:none; float:left; border-radius:5px 0 0 5px}
.booking-field2 input[type="text"] {width:86%}
.booking-field select {width:90%;}
.booking-field textarea {padding:0 2px; background:#eee; width:90%;height:75px; border:none}
.booking-field .button {display:block; padding:5px 5px 3px 5px; background:#f8a739; border:none; cursor:pointer; float:left; margin:0 10px 0 0; text-transform:uppercase; font-size:18px; font-family: PT Sans, serif; border-radius:5px}
.booking-field input[type="reset"] {background:#666}
.booking-field2 img {position:absolute; width:32%; height:auto; left:0; top:5px}
form {margin:0;padding:0;}
.booking-button {width:100px;}
img.checkrate { width:150px; height:auto; float:left; margin-top:-7px; background:none; border:none}

.contact {width:100%; float:left !important}
.contact-form {float:left !important;width:100%;}
.contact-field {width:100%; margin-bottom:5px; float:left}
.contact-field2 {margin-bottom:15px; padding:0 0 0 35%; position:relative; float:left}
.contact-field label {display:block;float:left;width:100%; line-height:20px;}
.contact-field2 label {font-size:11px;}
.contact-field input[type="text"],.contact-field select,.contact-field2 input[type="text"],.contact-field input[type="email"] {height:20px; padding:0 0 5px 0; background:#eee; width:90%; border:none}
.contact-field2 input[type="text"] {width:86%}
.contact-field select {width:90%;}
.contact-field textarea {padding:0 2px; background:#eee; width:90%;height:75px; border:none}
.contact-field input[type="submit"],.contact-field input[type="reset"] {display:block; padding:5px 5px 3px 5px; background:#f8a739; border:none; cursor:pointer; float:left; margin:0 10px 0 0; text-transform:uppercase; font-size:18px; font-family: PT Sans, serif; border-radius:5px}
.contact-field input[type="reset"] {background:#666}
.contact-field2 img {position:absolute; width:32%; height:auto; left:0; top:5px}
form {margin:0;padding:0;}
.contact-button {width:100px;}
.error {color:#ff0000;margin:0 0 10px 0;}
.accept {color:#339966;margin:0 0 10px 0;}
.address { display:block;float:right; margin:0; width:30%; line-height:20px}
.note {font-style:italic; font-size:11px}
.gallery img {width:15.6%; height:auto; margin:0.5%; float:left}
.gallery img:hover {
-moz-box-shadow:    0 0 5px 2px #f7a638;
  -webkit-box-shadow: 0 0 5px 2px #f7a638;
  box-shadow:         0 0 5px 2px #f7a638	;
}
img.newsletter {width:173px; height:auto; display:block; margin:0 auto}
a.readmore {padding:5px 10px 3px 10px; background:#ffa700; border-radius:5px; margin-top:10px; display:block; float:right}

footer {position: fixed; bottom:0; left:0; width:100%; height:40px; background:#bb8733; border-top:#f5b047 4px solid; z-index:1}
footer a {text-decoration:underline}
footer a:hover {text-decoration:underline; color:#000}
footer p {line-height:16px; margin:0 0 0 50px; font-size:11px; float:left}
.counter {height:15px; margin:1px 45px 0 0; font-size:11px; float:right; line-height:14px; padding-top:3px; text-align:right; width:50%}
.counter span {margin-right:5px; line-height:20px;}
.counter img { height:15px; width:auto;float: right;}

/* show hide button */
.menu-toggle {width:105px;height:30px;text-indent:-99999px;cursor:pointer;position:absolute;opacity:1;bottom:535px;left:850px ;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;z-index:1}
.toggle2 {left:145px;bottom:530px;}
.menu-toggle:hover {opacity:1;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;}
.menu-toggle-off {background: url(http://www.dendrohotel.com.vn/images/menu_toggle.png) 0 top;}
.menu-toggle-on {background: url(http://www.dendrohotel.com.vn/images/menu_toggle.png) 0 bottom; left:0;}

.phone-only {display:none}
.x-phone {display:block}