@charset "utf-8";
/* Content List
=======================================*/
/* 1.) Index Page Style 
2.) About us page Style
3.) Facility Page Style
4.) Gallery Page Style
=======================================*/
.banner-details {
	position:relative;
	z-index:3;
	margin-bottom:20px;
	
}
.banner-details img {
	width:100%;
	display:block;
}
#content {
	padding-top:30px;
	padding-bottom:30px;
}
/* Sidebar Style
============================================*/
.cl{ clear:both;}
.sidebar {
	width:25%;
	float:right;
	margin-left:2%;
}

.side-panel{ width:100%; float:left; margin-bottom:10px;}
.side-panel h3{ background:#f4d599; line-height:45px; padding-left:20px; font-family:Tahoma, Geneva, sans-serif; font-size:20px; font-weight:normal;}
.side-panel ul{ background:#fff; }
.side-panel ul li{ background:url(../img/arrow.png) no-repeat 8px 15px; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding-left:32px; line-height:37px; border-bottom:1px solid #000; }
.side-panel ul li a{ color:#000; text-decoration:none;}
.side-panel ul li a:hover{ color:#000; text-decoration:underline; }

.calendar-block {
	margin-bottom: 20px;
padding-bottom: 15px;
background-color: #fff;
border-radius: 5px 5px 0 0;
margin-bottom: 50px;
box-shadow: 0px 2px 0px rgb(146, 146, 146);
}
.sidebar .title-section {
	border-radius:5px 5px 0 0;
	text-align: center;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	
	margin-bottom:10px;
}
.sidebar .title-section1 {
	border-radius:5px 5px 0 0;
	text-align: center;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	background-color:#202020;
	
	margin-bottom:10px;
}
.sidebar .title-section h2 {
	color:rgb(255,255,255);
	margin-bottom:0;
	padding-bottom:2px;
}
.sidebar .title-section1 h2 {
	color:rgb(255,255,255);
	margin-bottom:0;
	padding-bottom:2px;
	background-color:#202020;
}
.calendar-detail {
	padding:4px 6%;
}
.calendar {
	margin-bottom:20px;
}
.calendar .textbox, .calendar-detail .textbox {
	margin-bottom:12px
}
#calendar-container .Zebra_DatePicker {
	position:relative;
}
.staying-information .textbox {
	background: rgb(255, 255, 255);  border: 1px solid #DADADA;
	color:rgb(0,0,0);
	position:relative;
	margin-bottom:10px;
}
.check-in, .check-out {
	position:relative;
	z-index:10;
	margin-bottom:10px;
}
.check-in span, .check-out span {
	width:100%;
}
.check-in button.Zebra_DatePicker_Icon, .check-out button.Zebra_DatePicker_Icon {
	background:url(../img/calendar-icon.png) left top no-repeat !important;
	display:block;
	width:21px;
	height:22px;
	position:absolute;
	right:10px;
	z-index:10;
	top:9px;
	margin-right:10px;
	cursor:pointer;
}
.selection-block select {
	color:rgb(0,0,0);
	margin-bottom:10px;
	padding-top:10px;
}
.adults, .child {
	width:80px;
}
.adults {
	float:left;
}
.child {
	float: left;
	margin-left: 20px;
}
.calendar-detail .btn {
	border:none;
	float:none;
	width:150px;
	margin: 0 auto 10px;
	cursor:pointer;
	text-align: center;
	line-height:2.8;
}
.calendar-detail .btn:hover {
	background-color:#202020;
}
/*.latest-news {
}
.news-box {
	padding:0 10px 15px;
	margin-bottom:5px;
	border-bottom:1px solid #e1e1e1;
}
.news-image {
	float:left;
	width:25%;
	margin-right:2%;
	background-color:#f6f6f6;
	border:1px solid rgb(223,223,223);
	padding:2px;
}
.news-image img:hover {
	opacity:0.8;
}
.news-content {
	float:left;
	width:70%;
}
.news-content h3 {
	line-height:1;
	font-size:1.5em;
	margin-bottom:3px;
	text-transform:uppercase;
}
.news-content h3 a {
	color:#A4202A;
}
.news-content h3 a:hover {
	color:#6d0b13;
}
.news-content span a {
	float:left;
}
.news-content span a, .news-content span small {
	color:rgb(0,0,0);
	font-size:1.2em;
	line-height:1.3;
	display:block;
}
.news-content span small {
	float:right;
}*/
/* Main Content Style
===============================================*/
.feature-section {
	text-align:center;
	margin-bottom:40px;
	padding-bottom:10px;
}
.features-detailbox {
	width: 18%;
float: none;
display: inline-block;
margin-right: 40px;
text-align: center;
margin-bottom: 10px;
background-color: white;
box-shadow: 0px 0px 2px rgb(196, 196, 196);
padding: 10px;
	border: 2px solid rgb(255, 255, 255);
}
.features-detailbox:hover{border: 2px solid #bf9f62;box-shadow: 0px 0px 4px rgb(131, 123, 123);}
.features-detailbox p {
	line-height:1.6;
}
.features-detailbox h3 {
	line-height:2;
	margin-bottom:10px;
}
.features-detailbox h3 a, .features-detailbox a.readmore {
	color: #202020;
	display:block;
	text-transform:capitalize;
}
.last-featurebox {
	margin-right:0;
}
.features-detailbox p {
	font-size:1.3em;
	color: gray;
}
.features-detailbox a.readmore {
	text-align:center;
	font-size:1.5em;
	line-height:1.5;
	padding:5px;
}
.features-detailbox:hover.features-detailbox img {
	opacity:0.7;
}
.features-detailbox span {
	display:block;
	background:url(../img/curve-small.png) center bottom no-repeat;
	min-height:95px;
	text-align:center;
}
.features-detailbox img {
	display:inline-block;
}
.recommendations {
	margin-bottom:15px;
}
.recommendation-detail > a {
	display:block;
	border:1px solid rgb(0,0,0);
	float:left;
	margin-right:10px;
}
.recommendation-detail img:hover {
	opacity:0.8;
}
.main-content {
	overflow:hidden;
}
.room-details {
	margin-bottom:30px;
}
.title-section {
	background:url(../img/curve-small.png) center bottom no-repeat;
	text-align:center;
}
.title-section h2 {
	color: #FFFFFF;
	text-transform:uppercase;
	background-color: #bf9f62;
}
.room-options {
	width: 49%;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
	cursor:pointer;
	box-shadow: 0px 2px 0px rgb(143, 143, 143);
}
.less-margin {
	margin-right:0;
}
.room-box-image {
	position:relative;
}
.room-details img {
	width:100%;
}
.room-box-image:hover.room-box-image img {
	opacity:0.8;
}
.room-price {
	background-color:rgb(255,255,255);
	padding:10px 3%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:6;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:bordder-box;
	display:block;
}
.room-options:hover{box-shadow: 0px 2px 0px #bf9f62;}
.room-price h3 {
	float:left;
}
.room-price h3 a {
	color: #bf9f62;
}
.room-price span {
	display:block;
	float:right;
	font-size:1.4em;
	color:rgb(0,0,0);
	line-height:2;
}
.room-price span small {
	color:rgb(0,0,0);
}
.events-section {
	margin-bottom:40px;
}
.events-box {
	width:49%;
	float:left;
	margin-right:2%;
	cursor:default;
}
.events-section .less-margin {
	margin-right:0;
	float:right;
}
.event-image {
	margin-bottom:20px;
}
.evet-image:hover {
	opacity:0.8;
}
.event-content {
	position:static;
	left:auto;
	right:auto;
	float:left;
	display:block;
}
.event-content h2 {
	color:rgb(0,0,0);
	margin-bottom:0px;
}
.event-content p {
	font-size:1.3em;
}
.event-content .btn {
	line-height:normal;
	background:none;
	color:#A4202A;
	text-transform:capitalize;
	margin-top:0;
	font-size:100%;
	display:inline-block;
}
.btn {
	color:rgb(255,255,255);
	display:block;
	text-align:center;
	line-height:2.2;
	font-size:1.4em;
	background: #bf9f62;
	
	padding:0 15px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}
.event-content .btn:hover {
	color:rgb(86,75,95);
}
.testimonials {
}
.testimonial-box {
	width: 47%;
	margin-right:2%;
	float:left;
}
blockquote {
	font-size: 1.20em;
	color: rgb(71, 71, 71);
	float:left;
	font-style:italic;
	line-height: 25px;
}
blockquote i {
	background:url(../img/quotes.png) left top no-repeat;
	display:block;
	width:35px;
	height:35px;
	float:left;
	margin:-15px 10px 0 0;
}
.testimonial-box span {
	font-size:1.3em;
}
.testimonial-box span:before {
	content:"-";
}
.testimonials .less-margin {
	margin-right:0;
	margin-left: 28px;
}
/* Slider Style

=======================================*/
#slides {
	display: none;
	height:470px;
}
.next, .prev, .slidesjs-previous, .slidesjs-next {
	width:50px;
	height:50px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	z-index:11;
	top:50%;
	margin-top:-30px;
	
	border-radius:100%;
	display:none;
	margin-right: 20px;
}
.next, .slidesjs-next {
	background-image:url(../img/next-arrow.png);
	background-repeat: no-repeat;
	background-position:center center;
	right:0;
}
.prev, .slidesjs-previous {
	background-image:url(../img/prev-arrow.png);
	background-repeat: no-repeat;
	left:0;
	background-position:center center;
	margin-left: 20px;
}
.banner-details:hover .slidesjs-next, .banner-details:hover .slidesjs-previous {
	display:block;
}
.slidesjs-pagination {
	position:absolute;
	z-index:12;
	bottom:20px;
	right:50%;
	display:none;
}
.slidesjs-pagination li {
	float:left;
	margin-right:5px;
}
.slidesjs-pagination li a {
	background-color:rgb(26,26,26);
	display:block;
	width:12px;
	text-indent:-9999px;
	border-radius:100%;
	height:12px;
}
.banner-content {
	background:url(../img/transparent-image.png) repeat;
	position:absolute;
	width:350px;
	top:auto;
	bottom:60px;
	padding:20px;
	
	left:auto;
	right:43%;
	margin-right:-501px;
}
.banner-content h3, .banner-content p {
	color:rgb(255,255,255);
}
.banner-content h3 {
	font-size:2.5em;
}
.banner-content p {
	font-size:1.4em;
}
/* 2.) About us Page Style
	========================================*/
	.links {
	float:left;
	padding-bottom:10px;
	width:100%;
}
.links li {
	float:left;
}
.links li a {
	display:block;
	font-size:1.3em;
	text-transform:uppercase;
	line-height:1.4;
	color:rgb(51,51,51);
	padding-right:5px;
}
.links li.current a {
	color:rgb(113,36,36);
}
.links li a:hover {
	text-decoration:none;
}
.links li.current a:hover {
	text-decoration:underline;
}
.about-section p {
	font-size:1.6em;
	color:rgb(0,0,0);
	line-height:1.4;
}
.content {
	border-bottom:1px solid #666;
	padding:10px 0 25px 0;
	margin-bottom:10px;
}
.content img {
	float:right;
	padding-left:30px;
}
.content h2 {
	color:rgb(0,0,0);
	font-weight:bold;
	margin-bottom:5px;
}
/* 3.) Facilities Page Style
=============================================*/
 .content li {
	font-size:1.4em;
	color:#A4202A;
	line-height:1.8;
	background:url(../img/list-arrow.png) left top no-repeat;
	padding-left:20px;
}
/* 4.) Gallery Page Style
=====================================*/
.dg-container {
	width: 100%;
	height: 450px;
	position: relative;
	margin-top:40px;
}
.dg-wrapper {
	width: 481px;
	height: 316px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a {
	width: 482px;
	height: 316px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../images/browser.png) no-repeat top left;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
	z-index:2000;
}
.dg-wrapper a.dg-transition {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img {
	display: block;
	padding: 0px 0px 0px 1px;
	float:none;
	width:100%;
	height:100%;
}
.dg-wrapper a div {
	font-style: italic;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
.dg-wrapper a.dg-center div {
	display: block;
}
.dg-container nav {
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
}
.dg-container nav span {
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
}
.dg-container nav span:hover {
	opacity: 1;
}
.dg-container nav span.dg-next {
	background-position: top right;
	margin-left: 10px;
}
.dg-container nav span.dg-next {
	background:url(../img/next-arrow.png) no-repeat;
}
.dg-container nav span.dg-prev {
	background:url(../img/prev-arrow.png) no-repeat;
}
.image-gallery .content {
	border:none;
}
.gallery {
	padding-top:20px;
}
.gallery li {
	float: left;
width: 23%;
height: 160px;
box-shadow: 0px 0px 3px #8D8D8D;
border: 3px solid #FFF;
padding: 0px;
margin-right: 19px;
margin-bottom: 19px;
position: relative;
}
.gallery li img:hover{opacity: 0.5;}
.gallery li img {
	width:100%;
	height:100%;
	float:none;
	padding:0;
}
.gallery li.last-image {
	margin-right:0;
}

.lightbox-prev{background:url(../img/prev-arrow.png) no-repeat;}
/* 5.) tariff Page Style
======================================*/
.tariff table {
	margin:0 auto;
	width:100%;
	border:1px solid #BF9F62;
}
.tariff tr {
}
.tariff th, .tariff td {
	color:rgb(0,0,0);
	font-size:1.3em;
	text-align:center;
	line-height:2;
	padding:5px;
}
.tariff th {
	font-weight:bold;
	border-bottom:1px solid #BF9F62;
	border-right:1px solid #BF9F62;
}
.tariff td {
	border-right:1px solid #BF9F62;
	border-bottom:1px solid #BF9F62;
}
.tariff:last-child {
	border-bottom:none;
}
.td-txt h4{ font-size:16px; font-family: Tahoma, Geneva, sans-serif; color:#FFF; margin:0px; padding:0px;}

.tariff p{ font-family:Tahoma, Geneva, sans-serif; font-size:14px;}

.tariff h4{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; margin:0px; padding:0px; text-transform:uppercase; line-height:14px;}

/* Contact us Page style
======================================*/
.contact-page .content {
	border-bottom:0;
}
.form {
	float:left;
}
.g-map iframe {
	width:100%;
}
.form ul {
	width:300px;
	float:left;
}
.form li{
	background-image:none; padding-left:0;}
.form ul li input.textbox, .form ul li textarea {
	font-size:1.1em;
}
.form ul li textarea {
	height:90px;
}
.form ul li input.btn {
	border-radius:5px;
}
.contact-address {
	float: left;
padding-top: 25px;
margin-left: 30px;
}
.branches {
	margin-bottom:20px;
}
.branches address{background-color: white;
padding: 15px;
box-shadow: 0px 0px 1px rgb(146, 146, 146);}
.contact-addressq{padding-top: 10px;}
.contact-address address {
	font-style:normal;
}
.contact-address address span {
	display:block;
	font-size:1.4em;
	color:rgb(0,0,0);
	line-height:1.6;
}
.contact-address address strong {
	font-size:1.8em;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	color:#C93942;
	lline-height:1.6;
}
.contact-address address span a {
	color:rgb(0,0,0);
}
/* Accommodation Page Style
-----------------------------------*/
.accommodation .content img {
	float:left;
	padding:15px 45px 0 0;
}
.accommodation .content{
	border-bottom:none;}
.room-info {
	float:left;
	width:50%;
	padding:30px 0 30px 0;
}
.room-info strong {
	font-size:1.8em;
	color:#712424;
	line-height:1.5;
	text-transform:uppercase;
	margin-bottom:12px;
	display:block;
}
.room-info p {
	font-size:1.3em;
}
/* Services Page style
	========================================*/
	.services .room-info {
	width:100%;
}
.services .content{
	border-bottom:none;}
.row-1 {
	padding:20px 0;
	margin-bottom:25px;
	border-bottom:1px solid #666;
}
.facility-content {
	float:left;
	width:68%;
}
.facility-content-image {
	float:left;
	margin-right:40px;
	width:25%;
	border:1px solid rgb(0, 0, 0);
}

.facility-content-image img {
	float:left;
	padding:0;
}
.facility-content h3 {
	margin-bottom:12px;
}
.facility-content h3 a {
	color:#712424;
}
.facility-content p {
	font-size:1.4em;
}
.facility-list li{float:left; width:30%;}
.colrname{
    min-width: 1195px;
}
span.emkl{float: left;
width: 100%;
margin-bottom: 10px;}
.texti{
   float: left;

   width: 96%;
background-color: white;

   padding: 25px 13px 25px 20px;
}
h2.textim{margin:0px;}
.mhf{margin-bottom: 0px;
padding: 0% 7% 0.8% 7%;
width: 86%;
background-color:rgb(32, 32, 32);margin-top: 10px;}

.abt1{width: 97%;
float: left;
background-color: white;
padding: 10px 14px;
margin: 0px;
margin-bottom: 15px;}

.abt1 p{
    font-size: 1.5em;
    color: rgb(65, 65, 65);
    text-align: justify;
    width: 94%;
}
.abt1 img{
    width: 48%;
    margin: 0px;
    padding: 0px 15px 0px 0px!important;
}
.abt1 h2{color: rgb(49, 49, 49);
font-weight: bold;
margin-bottom: 5px;
text-transform: uppercase;}

.abt{width: 97%;
float: left;
background-color: white;
padding: 10px 14px;
margin: 0px;
margin-bottom: 15px;}
.abt p{
    font-size: 1.5em;
    color: rgb(65, 65, 65);
    text-align: justify;
}
.abt img{height: 200px;}
.abt h2{color: rgb(49, 49, 49);
font-weight: bold;
margin-bottom: 5px;
text-transform: uppercase;}
p.jytr{float: left;
width: 98%;
background-color: white;
color: rgb(44, 107, 202);
padding: 10px 10px;}
.abtlk{background-color: white;
padding: 10px 10px;width: 98%;box-shadow: 0px 1px 0px rgb(117, 115, 115);}
.abuts{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.abuts h1{
    color: #FFFFFF;  text-transform: uppercase;  background-color: #bf9f62;
    margin: 0px;
    padding: 0px;
    font-size: 2.2em;
}
.fk h2{
    float: left;
    width: 100%;
    color: rgb(49, 49, 49);  font-weight: bold;  
    margin-top: 10px;  text-transform: uppercase;
}
ul.facility-list{float: left;
width: 100%;
margin: 0px;
background-color: white;
padding: 15px 15px;
box-shadow: 0px 1px 0px rgb(104, 104, 104);}
ul.facility-list li{background-image: url(../img/ok-list-arrow.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 0px 0px 0px 26px;
color: rgb(44, 107, 202);}


ul.facility-list1{float: left;
width: 87%;
margin: 0px;
background-color: white;
padding: 15px 15px;
box-shadow: 0px 1px 0px rgb(104, 104, 104);min-height: 329px;}
ul.facility-list1 li{background-image: url(../img/ok-list-arrow.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 0px 0px 0px 26px;
color: rgb(44, 107, 202);}
.inf{padding: 30px 0 20px 0;}
.widr{width:100%;}
.wht{background-color:#FFF;}
table.bgf{background-color:white;}
.tariff1{
    background-color: white;
    float: left;
    width: 98%;
    margin-top: 10px;
    border: 0px;
    padding: 10px;
}
.qwidr{
    float: left;
    width: 100%;
    border: 0px;
    margin: 0px;
}
.qwidr1{
    float: left;
    width:100%;
    border: 0px;
    margin: 0px;
}
.qwidr1 img{
    float: left;
    border: 0px;
    margin: 0px;
}

.qwidr2{
    float:right;
    width:295px;
    border: 0px;
	margin-top:25px;
	}

.qwidr2 img{
    float:right;
    width:295px;
	border:2px solid #fff; margin-bottom:20px;
}

.qwidr-text{
    float:left;
    width:100%;
    border: 0px;
	margin-top:20px;
}

.qwidr-text p{ font-size:13px; text-align:justify;}
.qwidr-text h4{ font-size:16px; margin:0px; padding:0px; line-height:28px;}

.facility-list12{width: 100% !important; min-height:100% !important;}
.g-map{border: 2px solid white;
box-shadow: 0px 0px 2px rgb(143, 143, 143);
width: 99%;
margin-left: 2px;}
.conta{width: 40%;}
.conta h2{color: #FFFFFF;
text-transform: uppercase;
background-color: #bf9f62;
margin: 0px;
padding: 0px;
font-size: 2.2em;
text-align: center;}
.foro{width: 93% !important;
background-color: white;
padding: 0px 17px;}
.foro li label{font-size: 1.2em;margin-top: 10px;}
.batns{border: none;
float: none;
width: 150px;
margin: 0 auto 10px;
cursor: pointer;
text-align: center;
line-height: 2.4; color: rgb(255,255,255);
display: block;font-size: 1.2em;
background: #bf9f62;
padding: 0 15px;
text-transform: uppercase;}

.so_l{float: right;width: 300px;margin-right: 7px;margin-top: 9px;}
.kin{
    margin-left: 0px;
    width: 370px;
}
.food img{margin-bottom: 10px;
border: 3px solid white;
padding: 0px !important;
box-shadow: 0px 0px 2px black;
margin-right: 10px;}