html,body {height:100%; margin: 0; padding: 0; width: 100%;  color:#fff; background: #f3f3f3; font:12px/140% arial, helvetica, sans-serif;}
body{overflow-x:hidden; position:relative; }

.clearfix:before, .clearfix:after {content:"";  display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom: 1;}
.clear{clear:both;}

strong, b{font-weight:bold;}
a{color:#000;}
h2{line-height:1.2; font-weight:normal;}
h3{line-height:1.2; font-weight:normal;}
h4{line-height:1.2; font-weight:normal;}
p{margin:10px 0;}
li{list-style:disc inside none;}

a.title{text-decoration:none;}
a.title:hover{text-decoration:underline;}

.foto_container{width:auto; height:100%; position: relative; z-index: 10; clear:both;}
.foto {height: 100% !important;overflow: hidden;position: relative;z-index:1;}
.foto .img_container {height: 100% !important;position: relative;width: 100% !important;}
.foto .single_slide {height: 100% !important;position: relative;width: 100% !important;}
.foto .img_container img {height: auto;position: absolute;width: auto; z-index:1;}
.foto .img_container .caption { min-height:20px; position: absolute;width: 100%; z-index:100; bottom:170px; left:0; padding:10px 30px 0 30px; font-family: Arial,Helvetica,sans-serif; color:#fff; font-size:14px; }

#map_canvas,
#map_canvas_more_points {width:auto; height:100%; z-index: 10; clear:both; overflow: hidden; min-height:100%; position:fixed !important; top:0; left:220px; right: 0;}
#map_canvas.small{width:340px; height:200px; position:relative !important; min-height:100px; margin:20px 0; left:auto; top:auto;}
.marker-wrapper {
	line-height:1.35;
	overflow:hidden;
	white-space:nowrap;
}
.homepage_page #map_canvas.small{width:338px; height:198px; border-style:solid; border-width:1px;}

#slide, #photogallery {margin: 0; padding: 0; overflow: hidden; min-height:100%; position:fixed; top:0; left:220px; right: 0;}

#slide .cycle, #photogallery .cycle{z-index:100;}
#slide .single_slide {height: 100%; width: 100%;}
#slide .arrow{position:absolute;z-index:200; bottom:35px;}
#slide .arrow.prev{right:60px;}
#slide .arrow.next{right:10px;}
#slide .caption{position:fixed ; z-index:200; bottom:85px; right:10px;  height:80px; width:220px; font-size:24px; padding:20px; line-height:140%; text-align:right;}

.arrow{display:block; height:39px; width:39px; border-width:1px; border-style:solid;  overflow:hidden;  text-align:center; line-height:39px; font-size:24px;}

#header_container {top: 0; bottom: 0; height: auto; left: 0; position: fixed;  width: 220px; z-index: 300;}
.admin-bar #header_container {top: 32px;}

#header {height: auto;position: fixed; top:0; left:0; width: 220px; }
.admin-bar #header {top: 32px;}

.seobar { top:15px; left:260px; position:absolute; z-index:200; width:380px; line-height:150%; color:#666;text-align:center; }
.seobar h1, .seobar span { font-size:10px; font-weight:normal; color:#666; display: inline; margin-right:3px;}

#content_wrapper{width:460px; margin:0 0 0 220px; position:relative;  min-height:100%; z-index:100;}
#content_wrapper.close{overflow:hidden;}

.accomodation_page #content_wrapper{width:700px;}
#content{position:relative; margin:60px; width:340px; }
.accomodation_page #content{width:580px;}
#content h2{margin-bottom:20px;}
#content .col_left{width:460px; float:left;}
#content .col_right{width:460px; float:right;}

#content  #faq{list-style:decimal inside none;}
#content  #faq h3{display:inline;}
#content  #faq > li{padding:20px 0; border-width:0 0 1px 0; border-style:solid; list-style:decimal inside none;}
#content  #faq > li p, #content  #faq > li ol, #content  #faq > li ul{margin-left:20px;}

#content  #faq > li:last-child{border:0; padding-bottom:0;}

.openCloseContent {display: block;font-size: 10px;font-weight: bold;height: 25px;line-height: 25px;position: absolute;right: 0;text-align: center;text-decoration: none;top: 0;width: 25px;z-index: 300;}

#logo{width:220px; height:120px; position:relative; margin:0;}
#logo img{width:100%;height:100%; display:block;}
#logo a{display:block; height:100%; width:100%; overflow:hidden; text-indent:-99px;}
#logo a:hover{filter:Alpha(opaciy=50); opacity:0.5;}

#lang{text-align:left; text-transform:uppercase; font-size:10px; top:10px; right:10px; z-index:200; position:fixed;}
#lang a{display:block; margin:2px 0; padding:5px 7px; white-space: nowrap; text-decoration: none}
#lang a:hover{cursor:pointer;}
#lang a.active:before, #lang a:hover:before{opacity:1; filter:Alpha(opacity=100); cursor:pointer;}
#lang img { margin-right: 4px; vertical-align: middle; }

#main_menu{width:180px; height:250px; margin:0 auto; position:relative; padding:10px 20px; overflow:visible;}
#main_menu.mini { overflow:auto; }

.menu li{list-style:none outside none; border-style:solid; border-width:0 0 1px 0;padding:0; margin:0; position:relative;}
.menu li a{text-decoration:none; padding:0 10px; line-height:30px; height:30px; display:block; text-transform:uppercase; } 
.menu li.current-menu-item a,
.menu li a:hover{text-decoration:none;}

.sub-menu{display:none; position:absolute; top:-20px; left:180px; padding:10px 0 ; min-width:100%;}
.sub-menu:after{content:""; border-width:10px; border-style:solid; position:absolute; top:26px; left:0;}
.sub-menu li{border-width:0; float:none; padding:0 20px;}
.sub-menu li:last-child{border-right:none; padding-bottom:10px; border-left:0;}
.sub-menu li:first-child{padding-top:10px; }
.sub-menu li a{line-height:30px; border-style:solid; border-width:1px 0 0; white-space:nowrap; }
.sub-menu li a:hover{text-decoration:none;}
.sub-menu li:first-child a{border-width:0; }
.menu li:hover .sub-menu{display:block;}
#main_menu.mini .menu li:hover .sub-menu { position:static; padding:0; margin-bottom:10px;}
#main_menu.mini .menu li:hover .sub-menu li { padding:0; }
#main_menu.mini .menu li:hover .sub-menu li a { height:auto; white-space:normal; }
#main_menu.mini .menu li:hover .sub-menu li:last-child a { border-width:0;}
#main_menu.mini .menu li:hover .sub-menu:after { border-width:0px; }
.menu li.current-menu-item .sub-menu a{text-decoration:none;}

#booking_form{width:180px; height:180px; margin:10px 0 0; font-size:11px; text-transform:uppercase; padding:10px 20px;}
#booking_form_wrapper{padding:0 20px;}
#booking_form h2{text-transform:uppercase; text-align:left; margin-bottom:5px; line-height:20px; margin-bottom:10px;}
#booking_form h2 span{text-transform:capitalize; font-size:11px;}
#booking_form .date-picker { cursor: pointer; }
.bf_select-frommonth,
.bf_select-fromday,
.bf_select-fromyear{display:none;}

.bf_check-in,
.bf_check-out,
.date-picker{margin:0; padding:0; border:0;}

.bf_check-in,
.bf_check-out, .date-picker,
.bf_iata, .bf_input-iata{display:block; border:0; padding:0; margin:0;}
.date-picker{background:url("../images/calendar.png") no-repeat scroll 70px center #fff;}
.date-picker{border-style:solid; border-width:1px; width:85px; height:28px; font-size:11px; text-indent:5px;}


.section-check_in,
.section-check_out,
.section-iata{ width:87px; height:50px;}
#bf_submit {text-align:center; text-transform:uppercase; display:block; width:178px; height:38px; border-width:1px; border-style:solid; line-height:38px; font-size:11px; float:left; margin-right:10px; margin-bottom:5px;}
.quick-search-cancel, 
.quick-search-iata{width:180px; height:15px;text-align:center; text-decoration:none; line-height:15px; font-size:9px; display:inline-block;}

.section-check_in,
.section-check_out,
.section-iata, 
.quick-search-cancel{float:left; margin:0 3px 0 0;}
.quick-search-cancel{margin-right:0;}

.section-iata{display:none;}

.book_now, .button a{line-height:40px; display:inline-block; text-align:center; text-transform:uppercase; border-width:1px; border-style:solid; padding:0 20px; text-decoration:none;}
.book_now:hover, .button a:hover{cursor:pointer;}
.info, .more a{text-transform:uppercase; text-decoration:none; display:inline-block;}
.info:hover, .more a:hover{text-decoration:underline;}
.info{display:block;}

.pager{position:absolute; bottom:20px; left:15px; z-index:200;}
.pager a{display:block; float:left; width:10px; height:10px; margin-left:3px; overflow:hidden; text-indent:-9999px; }

#footer_container{width:100%; position:fixed; bottom:0; left:0; z-index:300; height:25px; line-height:25px;}
#footer .menu{float:left;}
#footer .menu li{float:left; line-height:25px; border:none;}
#footer .menu li a{line-height:25px;}

#footer #gds{float:right;}

#page_content{margin-bottom:40px; position:relative; min-height:190px;}
#page_content.children-0, #page_content.children-1  { margin-top: 20px;}
#preview_subcategories{width:340px; margin-top:40px;}
#preview_subcategories .item{width:340px; position:relative;  margin:0 0 20px; border-style:solid; border-width:0 0 1px 0; padding:0 0 20px 0;}
#preview_subcategories .item:last-child{border:none;}
#preview_subcategories .item .thumb{width:158px; height:108px; overflow:hidden; border-width:1px; border-style:solid; float:left; margin:10px 0 0 ;}
#preview_subcategories .item .thumb a{display:block; width:100%; height:100%; overflow:hidden;}
#preview_subcategories .item .thumb img{min-width:100%; min-height:100%; width:100%; height:auto;}
#preview_subcategories .item .content{width:160px; float:right; line-height:130%;}
#preview_subcategories .item .content.wide{width:100%;}
#preview_subcategories .item h3 {margin:0 0 10px 0;}
#preview_subcategories .item h3 a {text-decoration: none; }
#preview_subcategories .item .info,
#preview_subcategories .item .book_now{display:inline-block; text-align:right; line-height:150%;}
#preview_subcategories .item .book_now{padding:0; background:transparent; border:none; margin-left:10px; padding-left:10px; border-width:0 0 0 1px; border-style:solid;}

.homepage_page #preview_subcategories{width:340px;}
.homepage_page #preview_subcategories .item .thumb{width:338px; height:218px; float:none;}
.homepage_page #preview_subcategories .item .content{width:340px; float:none; margin:20px 0 0;}

#welcome_moreinfo{overflow:hidden; height:0;}
#welcome_moreinfo p:first-child{margin-top:0;}
#welcome_moreinfo p:last-child{padding-bottom:20px;}

#tabs{margin:40px 0 20px;}
#tabs li{float:left; display:block; list-style:inside none; border-style:solid; border-width:0 0 1px; margin:0 0 0 5px; position:relative;}
#tabs li:first-child{margin-left:0;}
#tabs li:before {content: " "; height: 40px; left: -5px; position: absolute; width: 5px; border-style:solid; border-width:0 0 1px;}
#tabs li:first-child:before {display:none;}
#tabs li a{display:block; text-decoration:none; border-style:solid; border-width:1px 1px 0; height:39px; line-height:39px; padding:0 13px; text-transform:uppercase; margin:0 -1px;}
#tabs li a span.fa{line-height:39px; font-size:20px;}
#tabs li.current_tab{border-width:0;}

.tab_description.invisible{display:none;  min-height:190px; width:100%;}

#location_contacts{border-style:solid; border-width:0 0 1px; margin-bottom:40px; padding-bottom:20px; text-align:center;}
#location_contacts span.fa{margin:0 auto; font-size:48px;}

.column_description #col_sx{float:left; width:280px;} 
.column_description #col_sx.nogallery {float:none; width:auto;} 
.column_description #col_dx{float:right; width:280px;} 
.column_description #col_dx .book_now{float:right;}
.column_description #col_dx .minigallery{width:278px; height:278px; border-style:solid; border-width:1px; margin:20px 0; padding: 0; overflow: hidden; min-height:100%; position:relative; top:auto; left:auto;}
.column_description #col_dx h4{text-transform:uppercase; margin-bottom:10px;}

#gallery {width:360px; margin:30px 0 30px -10px; }
#gallery .thumb{width:158px; height:108px; float:left; margin:10px;  border-width:1px; border-style: solid;}
#gallery .thumb a{width:100%; height:100%; display:block; overflow:hidden;}
#gallery .thumb img{width:100%; height:auto; min-height:130px;}
#gallery .details_gallery{display:none;}

.fancybox-title .book_now{float:right; z-index:99999;text-indent: 0}
.fancybox-title .caption_container{ display:block; color:#fff; background:rgba(0,0,0,0.6); line-height:42px; width:100%; text-indent:20px; z-index:9999;}
.fancybox-title .caption_container span {text-indent:20px; display:block}
.minigallery .thumb{width:280px; height:280px; }
.minigallery .thumb a{width:100%; height:100%; display:block; overflow:hidden;}
.minigallery .thumb img{width:auto; height:100%; min-height:100%;}
.minigallery .details_gallery{display:none;}

.minigallery .arrow{position:absolute; z-index:200; bottom:10px;}
.minigallery .arrow.next{right:10px;}
.minigallery .arrow.prev{right:60px;}

#back{clear:both; height:40px;}
#back .back{display:inline-block; float:right; }

#form{margin-top:40px; border-width:1px 0 0; border-style:solid; padding:20px 0 0;}
#form #left, #form #right{width:48%;}
#form #left{float:left;}
#form #right{float:right;}
#form .field{width:100%;margin-bottom:10px;}
#form .field label{width:100%; display:block; margin-bottom:5px;}
#form .field input, #form .field textarea{width:100%; text-indent:5px; font-size:11px;}
#form .field textarea{height:85px;}
#form .check-field #cc{width:auto; float:left; margin:2px 10px 0 0;}
#form .check-field label{margin-bottom:0;}
#form .form-submit{clear:both; border-width:1px 0 0; border-style:solid; margin:10px 0 0; padding:20px 0 0;}
#form .form-submit input{margin:0; display:block; min-width:120px;}
#form .error, .form-success {padding:0px 0px 15px; text-decoration:underline; font-size:1.3em; line-height: 1.3em }

#send_mail_job{padding:10px 20px; margin:20px 0 10px; text-align:left; }
#send_mail_job .send{display:inline-block; padding:10px; text-transform:lowercase; margin:0 5px; text-decoration:none;}

#special_offers{min-height:120px; background: url("../images/ajax-loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);}
#special_offers.noloading{background:none;}

.promo-wrapper {list-style: none inside none; }
.promotion{width:340px;  border-width:0 0 1px; border-style:solid; margin:20px 0; padding:20px 0;}
.promotion:first-child{margin-top:0; padding-top:0;}
.promotion .image{width:138px; height:89px; border-width:1px; border-style:solid;  overflow:hidden; float:left; margin:0 20px 20px 0;}
.promotion .image img{width:100%; height:auto; min-height:89px;}
.promotion div.price{clear:both;  margin-bottom:10px;}
.promotion span.price{border:none;}
.promotion .strike{text-decoration:line-through;}
.promotion .title{margin:0 0 20px 0;}
.promotion .title strong, .promotion .title b{font-weight:normal;}

.promotion .more a{line-height:40px; margin-right:10px;}
.promotion .button, .promotion .more {float:right;}
.promotion .more {margin-right:10px;}
.promotion .description ul{padding:0;}
.promotion .description ul{list-style:inside disc none;}
.promotion .description{overflow-y:hidden; height:87px;}

.promotion .image:hover, 
.promotion .title:hover,
.promotion .price{cursor:pointer;}



#preview_offers{position:relative; margin:20px 0 0; padding:20px 0; border-width:1px 0; border-style:solid; overflow:hidden; min-height:100px;}
#preview_offers .promo-wrapper {margin:0; padding:0;}
#preview_offers .promotion{border:none; padding:0; margin:0; width:580px;}
#preview_offers .promotion .title {margin:0 0 20px 160px; max-height: 53px; overflow:hidden;}
#preview_offers .promotion .image{position:absolute; top:0; left:0; float:0;}
#preview_offers .promotion .description{float:right; width:420px; display:none;}
#preview_offers .promotion div.price{margin:0 0 0 160px; width:420px;}
#preview_offers .pager{left:0;}

#preview_offers.no_standard {position:relive; margin:20px 0 0; padding:0; border:none;}
#preview_offers.no_standard .promo-wrapper {margin:0; padding:0;}
#preview_offers.no_standard .promotion{border:none; padding:0; margin:0; width:340px;}
#preview_offers.no_standard .promotion .image,
#preview_offers.no_standard .promotion .description,
#preview_offers.no_standard .promotion div.price span.strike,
#preview_offers.no_standard .promotion div.price span.discount{display:none;}
#preview_offers.no_standard .promotion .title{margin:130px 0 10px; text-align:center; border-width:0 0 1px; border-style:solid; padding-bottom:10px;}
#preview_offers.no_standard .promotion .more{float:none; margin-top:-40px;}
#preview_offers.no_standard .promotion .button {float: none;margin: 0 auto; width: 98px;}
#preview_offers.no_standard .promotion div.price{border-width:1px; border-style:solid; border-radius:500px; width:110px; height:110px; margin:0 0 0 -55px; position:absolute; top:0; left:50%; text-align:center;}
#preview_offers.no_standard .promotion div.price span{display:block;}
#preview_offers.no_standard .promotion div.price span.apd {left: 50%;margin-left: -55px;position: absolute;top: 20px;width: 110px;}
#preview_offers.no_standard .promotion div.price span.currency {left: 50%;margin-left: -55px;position: absolute;bottom: 20px;width: 110px;}
#preview_offers.no_standard .promotion div.price span.price{line-height:110px;}

#preview_services{width:360px; margin-left:-10px;}
#preview_services .service{float:left; width:160px; margin:10px;}

.internal_page #preview_services{margin-top:20px;}

#offer_details{width:700px; padding:30px;}
#offer_details .image{width:298px; border-width:0px; border-style:solid ; float:right; margin:0 0 10px 10px; height:auto;}
#offer_details .image img{width:100%;}
#offer_details .title{border-width:0 0 1px 0; border-style:solid ;margin-bottom:20px;padding-bottom:20px; line-height:130%;}
#offer_details .promotion .title strong, #offer_details .promotion .title b{font-weight:normal;}
#offer_details .price{text-align:right; text-transform:uppercase; padding:20px 0; clear:both;}
#offer_details .price .strike{text-decoration:line-through;}
#offer_details .more a{float:left; line-height:40px; margin-right:10px;}
#offer_details .button {margin-bottom:30px;}
#offer_details .description li{list-style:inside disc none;}
#offer_details .description ul{padding:10px 0;}
#offer_details .description{margin-bottom:10px;}
#offer_details .room{text-align:right; padding-bottom:20px;}
#offer_details .discount {border-radius: 200px; display: inline-block;height: 70px; line-height: 70px; text-align: center; width: 70px; margin-left:20px;}

#social{position:fixed; bottom:210px; right:10px; z-index:300;} 
#social a{display:block; margin:5px 0;}
#social a .fa{font-size:20px; width:32px; line-height:32px; text-align:center;}

#photogallery_thumbs{bottom:50px;height: 120px;left: 220px;margin: 0;min-height: 10px;position: fixed;right: 0;width: auto; z-index:200; background:red; }
#photogallery_thumbs .thumb{margin:10px 5px; height:100px; overflow:hidden; border-style:solid; border-width:2px; background:#000;}
#photogallery_thumbs .thumb img{width:auto; height:100%; min-width:100%; opacity:0.80; filter:Alpha(opacity=80);} 
#photogallery_thumbs .thumb.activeSlide img{opacity:1; filter:Alpha(opacity=100);} 
#photogallery_thumbs .owl-controls.clickable{position:absolute; bottom:-25px; height:25px; left:0; width:100%; background:red;}

#photogallery .arrow {position: absolute;top: 50%;z-index: 500; margin-top:-100px;}
#photogallery .arrow.prev {left: 60px;}
#photogallery .arrow.next {right: 60px;}
#photogallery div.foto div.single_slide img { top:50% !important; left:50%!important; }

#video {margin: 0; padding: 0; overflow: hidden; min-height:768px; position:fixed; top:0; bottom:25px; left:220px; right:0; width:auto; height:auto; z-index: 10; clear:both;}
.fancybox-title {
	margin-top: -52px;
}
.addthis_toolbox {
	padding: 5px;
	border-radius: 3px;
	position:absolute;
	z-index:4000;
	bottom: -52px;
	right: 0;
	width: 144px
}

html.jobs_page #preview_subcategories .item{
	display: list-item;
	list-style: decimal outside none;
	margin-bottom: 30px;
}
html.jobs_page #preview_subcategories .item h3 {
	margin-top: -26px;
}

.the_content .sitemap a { text-decoration: none; }
.the_content .sitemap a:hover { text-decoration: underline; }
.the_content .sitemap ul{ margin-left: 10px; }
.the_content .sitemap ul{ margin: 5px 0 5px 20px; }
.the_content .sitemap li{padding: 3px 0;}
.the_content .sitemap {
	margin: 20px 0;
	font-size: 16px;
}

#guest_comments ul {list-style: none inside none;}
#guest_comments ul li {list-style: none inside none; display: block; margin-bottom: 10px; padding-bottom: 10px; border-width: 0 0 1px 0; border-style: solid;}
#guest_comments ul li .header {margin-bottom: 10px; overflow:hidden; font-weight: bold;}
#guest_comments ul li .header .date {float: right; }
#guest_comments ul li .header .average:after { content: ':' }
#guest_comments ul li .header .note {font-size: 120%; }
#guest_comments ul li .comment > div:last-child { font-style: italic;}

#guest_comments ul li .comment > div:last-child:before { content: '“ '  }
#guest_comments ul li .comment > div:last-child:after { content:' ”'; }

/* faq */
.faq { border: 1px solid #ddd; border-radius: 2px;  display: block;   margin: 0 0 5px;  position: relative; }
.faq .question { border-radius: 3px 3px 0 0;  color: #565656;  display: block;  font-size: 14px;   padding: 10px 20px 10px 35px;   position: relative;    transition: all 0.25s ease 0s;    z-index: 1;}
.faq .question:hover {    cursor: pointer;}
.faq .question:hover, 
.faq.opened .question {    background: none repeat scroll 0 0 #565656;    color: #fff;}
.faq .answer {    display: block;    height: 0;    overflow: hidden;}
.faq .answer .content {    border-top: 1px solid #ddd;    display: block;    margin: 0;    padding: 20px;}
.faq:before {    color: #565656;    content: "\f078";    font-family: FontAwesome;    font-size: 12px;    left: 10px;    position: absolute;    top: 10px;    transition: all 0.8s ease 0s;    z-index: 2;}
.faq:hover:before {    color: #fff;}
.faq.opened:before {    color: #fff;    content: "\f077"; }
.faq .answer  {    background: none repeat scroll 0 0 #eee;}

/* single events page */
html.events_detail .gps {   margin:10px 0;}
html.events_detail .thumb { float:left; margin:0 20px 20px 0;}
html.events_detail .thumb img { display:block; }
html.events_detail h5 { font-weight:bold; font-size:1.1em; margin:0 0 10px 0;}

@media (max-width : 1100px) {
	.accomodation_page #slide .arrow {display:none;}
}
@media (max-width : 1230px) {
	.accomodation_page #slide .caption{display:none;}
}

@media (max-height: 600px) {
	#booking_form h2, #booking_form .section-check_in, #booking_form .section-check_out,#booking_form .quick-search-cancel {
		display:none;
	}
	#booking_form {
		height: auto;
	}
}