/* BASE */
html,body {margin: 0; padding: 0; width: 100%; color:#ccc; background: #000; font:12px/150% "ms sans serif",geneva,sans-serif; }
body{overflow-x:hidden; position:relative; }
html.homepage,
body.home {height:100%;}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom: 1;}
.clearer {clear:both;}
/* commons */
strong, b{font-weight:bold;}
a{color:#fff;}
h2{line-height:1.3; font-weight:normal; font-family:"Raleway",georgia,serif; font-size: 32px; }
h3{line-height:1.2; font-weight:normal; font-family:"Raleway",georgia,serif; font-size: 24px; }
h4{font-family: "Raleway",georgia,serif; font-size: 18px; font-weight: 300; line-height: 1.3;}
p{margin:10px 0;}
li{list-style:disc inside none;}
.content b,
.content strong { color: #e4007d;}
.marker-booknow a,
.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;background: none repeat scroll 0 0 #e4007d; border-color: #e4007d; }
.marker-booknow a:hover,
.book_now:hover,
.button a:hover{cursor:pointer; border-color:#fff; background:none; }
#back { line-height: 40px; position: absolute; right: 20px; top: 10px; }
#back a {color: #e4007d; text-decoration: none; }
/* ////////// GENERAL STRUCTURE //////////// */
.container {width:100%; max-width:1410px; min-width:940px; margin:0 auto; position:relative; }
/* header_wrapper */
#header_wrapper { max-width: 1410px; min-width: 940px; margin: 0 auto; position: relative; z-index: 101; min-height:300px; }
/*lang & seo */
#topbar { width:100%; height:25px; }
.seobar { line-height:25px; float:right; }
.seobar h1,
.seobar span { color: #cccccc; float: right; font-size: 10px; font-weight: normal; line-height: 25px; margin-left:5px; padding-right: 20px; text-align: right; }
/* language menu */
#lang{ float:left; text-align:left; text-transform:uppercase; font-size:10px; padding:5px 0 0 20px; }
#lang a { color:#ccc; float:left; display:block; margin:0 4px 0 10px; padding:0; white-space: nowrap; text-decoration: none; }
#lang a:hover ,
#lang a.active { color:#fff; }
#lang a:hover img ,
#lang a.active img { opacity:1; filter:Alpha(opacity=100); cursor:pointer;}
#lang img { width:17px; margin-right: 4px; margin-top:2px; filter:Alpha(opacity=50); opacity:0.5; }
/* fl_menu with logo */
#fl_menu { width: 180px; z-index: 900; top:25px; left:50%; margin-left:525px; position:absolute; }
#fl_menu.fixed { position:fixed; top:0; }
/* hotel logo */
#logo{width:180px; height:180px; position:relative;z-index:500; margin:0;
background: #e4017d;
background: -moz-linear-gradient(top, #e4017d 0%, #810147 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4017d), color-stop(100%, #810147));
background: -webkit-linear-gradient(top, #e4017d 0%, #810147 100%);
background: -o-linear-gradient(top, #e4017d 0%, #810147 100%);
background: -ms-linear-gradient(top, #e4017d 0%, #810147 100%);
background: linear-gradient(to bottom, #e4017d 0%, #810147 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4017d', endColorstr='#810147', GradientType=0);
}
#logo img{width:100%; display:block;}
#logo a{display:block; height:100%; width:100%; overflow:hidden; text-indent:-99px;}
#logo a:hover{filter:Alpha(opacity=50); opacity:0.5;}
/* slideshow */
#slideshow_wrapper { max-width: 1410px; width: 100%; height: 580px; min-height: 380px; overflow: hidden; position: relative; z-index: 101; margin: 0; background-color:#333; }
#slideshow_wrapper.home { max-height:1000px; height: 100%; }
#slideshow { width: 100%; max-width: 1410px; height: 100%; }
#slideshow .cycle { width: 100%; height: 100%; position: relative; z-index: 110;}
#slideshow .cycle img { position: relative; z-index: 120;}
#slideshow .cycle .slide { width: 100%; height: 100%;}
#slideshow .loading_sshow { width: 100%; height: 100%; position: absolute; z-index: 130; top: 0; right: 0; background-color: #222; font-family: Arial, Helvetica, sans-serif;}
#slideshow .loading_sshow .msg { line-height: 30px; width: 150px; height: 60px; position: absolute; z-index: 132; top: 50%; margin-top:-30px; left: 50%; text-align: center; color: #fff; font-size: 22px; margin-left: -75px;}
#slideshow .bg_slideshow { width: 100%; height: 100%; position: absolute; z-index: 120; top: 0; right: 0; background: url("../images/bg_slideshow.png") repeat scroll 0 0 transparent; }
/* menu */
#main_menu { margin: 0 auto; position: relative; width: 180px; -webkit-transform: translate3d(0,0,0);}
#main_menu .menu li { border-color: #333333; border-style: dashed; border-width: 0 0 1px; height: 49px; line-height: 49px; list-style: none outside none; margin: 0; padding: 0; position: relative;}
#main_menu .menu li:last-child { border-width: 0;}
#main_menu .menu li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); color: #ffffff; display: block; height: 49px; line-height: 49px; padding: 0 10px; text-decoration: none;}
#main_menu .menu li.current-menu-item a,
#main_menu .menu li a:hover { text-decoration: none;}
#main_menu .menu li.current-menu-ancestor > a ,
#main_menu .menu li.current-menu-item > a { background: none repeat scroll 0 0 rgba(228, 1, 125, 0.8);}
#main_menu .menu > li > a:hover,
#main_menu .menu > li:hover > a { background: none repeat scroll 0 0 #333333;}
#main_menu .menu li.current-menu-item .sub-menu a:hover { text-decoration: none;}
/* submenu */
#main_menu .menu li:hover .sub-menu{display:block;}
#main_menu .menu .sub-menu { display:none; position:absolute; top:0; right:180px; padding:0 ; min-width:180px; z-index:400; overflow: hidden; }
#main_menu .menu .sub-menu > li > a:hover,
#main_menu .menu .sub-menu > li:hover > a { background: none repeat scroll 0 0 #333333;}
#main_menu .menu .sub-menu li.current-menu-item .sub-menu a:hover { text-decoration: none;}
/* QS */
#booking_form_wrapper { width:30%; height:350px; position:absolute; bottom:0; left:0; top:auto; z-index:900; background: url("../images/booking_texture.png") repeat scroll 0 0 transparent;
-webkit-transform: translate3d(0,0,0);
}
#booking_form{width:280px; height:300px; margin:0 auto; position:relative; z-index:100;}
#booking_form h4 { height: 20px; line-height: 20px; margin-top: 25px; font-size:12px; color:#fff; }
#booking_form h2 { color:#fff; height: 35px; line-height: 35px; font-size:24px; letter-spacing: 1px; }
/* tab style */
#booking_form .booking-tab { width:92px; height:154px; margin:0 2px 0 0; float:left; position:relative; z-index:210;}
#booking_form .booking-tab h5 { width:100%; display:block; height:30px; color:white; font-size:14px; line-height:30px; text-align:center; position:relative; z-index:220;}
#booking_form .booking-tab .quickbook-form-tab { font-size:13px; height:120px; width:82px; padding:0 4px; background: none repeat scroll 0 0 #FFFFFF; color: #333333; line-height: 30px; text-align: center; text-transform: capitalize; border-style: solid; border-width: 1px; border-color:white; }
#booking_form .booking-tab .quickbook-form-tab:hover { border-color: #666; cursor: pointer;}
#booking_form .booking-tab .quickbook-form-tab .calendar.visible { display: block;}
#booking_form .booking-tab .quickbook-form-tab.noselect { /* opacity: 0.6; */ }
/* date tab*/
#booking_form .booking-tab .quickbook-form-tab .calendar {display: none; top:-263px; bottom:auto; position: absolute; left: 0; z-index:300; min-height: 279px; width: 280px; background: none; }
#booking_form .booking-tab .quickbook-form-tab .date { border-color: #ccc; border-style: solid; border-width: 1px 0; font: 48px/58px impact,charcoal,sans-serif; height: 58px; text-align: center; color:#e4007d; }
#booking_form .booking-tab .quickbook-form-tab .month,
#booking_form .booking-tab .quickbook-form-tab .year { color: #000; font-size:12px; letter-spacing: 1px; }
/* iata tab */
#booking_form .booking-tab.arriving-tab { z-index:215;}
#booking_form .booking-tab.iata-tab {margin: 0; z-index:200;}
#booking_form .booking-tab.iata-tab .iata input { border:none; height:58px; width:82px; line-height:58px; margin:0; padding:0; border-style: solid; border-color:#ccc; border-width:1px 0 1px 0; text-align:center; }
#booking_form .booking-tab.iata-tab .adults { color: #9f834a; font: 25px/35px Impact,charcoal,sans-serif; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.quickbook-form-tab.noselect,
#booking_form .bf_input-iata.noselect{opacity:0.6; filter:Alpha(opacity=60);}
#booking_form .form { width:280px; float:left; margin:0; }
#booking_form .form form .section-nb_adults,
#booking_form .form form .section-check_in,
#booking_form .form form .section-check_out { float: left; overflow: hidden; width: 0; height:0; }
#booking_form .form form .section-iata { overflow: hidden; width:0px; height:0px; }
#booking_form .form form input#bf_submit {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
border: 0 none;
clear: both;
color: #fff;
display: block;
font: 18px/50px "Raleway",georgia,serif;
height: 50px;
letter-spacing: 2px;
transition: all 0.8s ease 0s;
width: 100%;
}
#booking_form .form form input#bf_submit:hover { background:none repeat scroll 0 0 #e4007d; cursor: pointer;}
#booking_form .form form .quick-search-cancel { color:#fff; clear: both; font-size: 14px; line-height: 40px; text-decoration: none; width: 100%; }
#booking_form .form form .quick-search-cancel:hover { text-decoration:underline; }
/**/
.calendar_wrapper {max-width:1300px; min-width: 960px;height:0; margin:0 auto; position:relative; z-index:900;}
.calendar {display: none; top:-144px; position: absolute; left: 0; z-index:300; min-height: 279px; width: 216px; background: none; }
.calendar.arrival { left:19px; }
.calendar.departure { left:113px; }
.calendar.visible { display: block;}
#ui-datepicker-div {z-index:9999 !important;}
/* datepicker colors */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { background: none repeat scroll 0 0 #eee;}
.ui-datepicker .ui-datepicker-title { font-family: "Raleway",georgia,serif; font-size: 18px; font-weight: 300; line-height: 40px;}
.ui-datepicker th { font-family: sans-serif; font-size: 14px; font-weight: normal;}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { border-color: #d3d3d3;}
.ui-datepicker .ui-datepicker-prev:hover span,
.ui-datepicker .ui-datepicker-next:hover span { background-color: #eee;}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { background: none repeat scroll 0 0 #ccc; border-color: #ccc;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { background: none repeat scroll 0 0 #e4007d; border-color: #e4007d; color: #fff;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border-color: #e4007d;}
/*date picker*/
.ui-datepicker{width:274px !important;}
.ui-widget-content {border:none ;border-radius: 0 !important;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{height:30px !important; width:30px !important; line-height:30px !important; width:30px !important; text-align:center !important;}
.ui-datepicker .ui-datepicker-title{margin:2px 0 0 !important; font-weight:bold !important; }
.ui-datepicker th{font-weight:normal !important;}
.ui-datepicker .ui-datepicker-header {background:none !important;border: medium none !important;border-radius: 0 !important;height: 40px !important;line-height: 40px !important;padding: 0 !important;}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {border-radius: 0 !important; height: 40px !important; width: 40px !important;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {height: 100% !important; left: 0 !important; top: 0 !important; width: 100% !important; margin:0 !important; }
.ui-datepicker .ui-datepicker-prev span {background: url("../images/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}
.ui-datepicker .ui-datepicker-next span {background: url("../images/arrows.png") no-repeat scroll -40px 0 rgba(0, 0, 0, 0) !important;}
.ui-datepicker .ui-datepicker-prev:hover , .ui-datepicker .ui-datepicker-next:hover {border-width:1px !important; border-style: solid !important;}
/* fixed boooking form */
#booking_form_wrapper.fixed { height:0; left: auto; position: fixed; top: 0; width: 330px; z-index: 9999; }
#booking_form_wrapper.fixed .form.closed { display:none; }
#booking_form_wrapper.fixed.open{overflow:visible;}
#booking_form_wrapper.fixed.animation-complete{ overflow:hidden;}
#booking_form_wrapper.fixed h4{display:none;}
#booking_form_wrapper.fixed h2{line-height:50px; font-size:18px; margin:0 0 10px 0 ; padding:0;}
#booking_form_wrapper.fixed .quickbook-form-tab .calendar{top:154px; bottom:auto;}
#booking_form_wrapper.fixed a#bookignformView {background:#000; top:5px; display: block;height: 40px;right: 5px;line-height: 40px; position: absolute;text-align: center;width: 40px; z-index:200; color:white; }
#booking_form_wrapper a#bookignformView {display:none;}
#booking_form_wrapper .close {width:40px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 0; z-index: 200; text-align: center; background: none repeat scroll 0 0 #000; }
#booking_form_wrapper .close:hover { background:none repeat scroll 0 0 #e4007d; }
#booking_form_wrapper.fixed .close {display:none;}
/* preview offers */
#preview_offers{ background: rgba(0, 0, 0, 0.6); bottom: 0; height: 240px; left: 430px; position: absolute; right: 180px; width: auto; z-index: 300; overflow:hidden; }
#special_offers{min-height:100%; background: url("../images/ajax-loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);}
#special_offers.noloading{background:none;}
#FB_so0 { height:100%; width:100%; }
#FB_so0 > ul { }
#FB_so0 > ul li { list-style:none inside none; }
#preview_offers .promo-wrapper{width:100%; border:none; float:none; height:auto; margin:0; padding:0;}
#preview_offers .promotion{padding:4% 3%; text-align:center; margin-bottom:10px; width:auto; color: #fff;}
#preview_offers .promotion .image{display:none;}
#preview_offers .promotion .description{display:none;}
#preview_offers .promotion .title{text-transform:lowercase; margin-bottom:10px;}
#preview_offers .promotion .title,
#preview_offers .promotion .title strong { font-family: 'Raleway', georgia, serif; font-size: 48px; line-height: 1.2; font-weight:normal;}
#preview_offers .promo-wrapper .promotion .title:hover,
#preview_offers .promo-wrapper .promotion .title:hover strong { color: #e4007d; }
#preview_offers .promotion .more{display:none;}
#preview_offers .promotion .price{margin-bottom:20px;font-size: 24px; font-family: 'Raleway', georgia, serif;}
#preview_offers .promotion span.price { color: #fff;}
#preview_offers .promotion .discount{display:none;}
#preview_offers .promotion .button a { border-color: #E4007D; color: #fff; background: #E4007D;}
#preview_offers .promotion .button a:hover { border-color: #fff; color: #fff; background: transparent;}
/* pager */
#preview_offers .pager{position:absolute; bottom:10px; left:10px; z-index:200;}
#preview_offers .pager a{display:inline-block; margin-right:5px; height:7px; width:7px; overflow:hidden; border-radius:100px; text-indent:-9999px; background: #fff;}
#preview_offers .pager a:hover,
#preview_offers .pager a.cycle-pager-active { background: #E4007D;}
/* offers details */
#offer_details{width:700px; padding:30px;background-color:white;}
#offer_details .image { width:298px; border-color: #333; border-width:1px; border-style:solid ; float:right; margin:0 0 10px 10px; height:auto;}
#offer_details .image img{width:100%; display:block; }
#offer_details .title{border-width:0 0 1px 0; border-style:solid ;margin-bottom:20px;padding-bottom:20px; line-height:130%;}
#offer_details .title,
#offer_details .title b ,
#offer_details .title strong { font-size: 32px; text-tranform: capitalize; font-family: 'Raleway', georgia, serif; color: #E4007D; border-color: #ccc; 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 .apd,
#offer_details .currency,
#offer_details .strike,
#offer_details .discount { font-size: 18px;}
#offer_details span.price { font-size: 32px; text-tranform: capitalize; font-family: 'Raleway', georgia, serif; color: #E4007D;}
#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; background-color: #E4007D; color: #fff; }
#offer_details .button a { background-color: #E4007D; color: #fff;}
#offer_details .button a:hover { background-color: #000;}
/* page content */
#page_content{ position:relative; z-index:100; padding:0; background: url("../images/page_description.png") repeat scroll 0 0 #222222; color: #999; }
/* content */
#content_wrapper {min-height: 280px; position: relative; width:100%;}
#content_wrapper.hasthumb .content_container {float: left; width: 60%;}
#content_wrapper.hasthumb .thumb_container {float: left; width: 40%; overflow:hidden;}
#content_wrapper .content { padding:5%; position: relative; z-index:300; }
#content_wrapper .content h2 { color:#e4007d; margin-bottom:20px; }
/* thumbnail box */
.thumb_container { position:relative; z-index:100; min-height:280px; }
.thumb_container .thumb_wrapper { width: 100%; height: 100%; position:relative; z-index:110; }
.thumb_container img { width:100%; height: auto;}
.thumb_container .shadow { width: 100%; height: 100%; position: absolute; z-index: 120; top: 0; right: 0; background: url("../images/bg_slideshow.png") repeat scroll 0 0 transparent; }
/* large */
#content_wrapper.large .content_container { padding-right:180px;}
/* preview_bar */
#preview_bar { height:380px; background:none repeat scroll 0 0 #222; }
/* highlight_pages */
#highlight_pages { width:30%; height:380px; float:left; position:relative; z-index:400;}
#highlight_pages .box { margin: 0; padding:12%; }
#highlight_pages .box .img_box { height: 100px; overflow: hidden; width: 100px; margin:10px 0; text-align:center; margin:20px auto; font-size:42px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
#highlight_pages .box .img_box a ,
#highlight_pages .box .img_box img { display: block; height: 100%; overflow: hidden; width: 100%; }
#highlight_pages .box .img_box a:hover { opacity: 0.70; filter: alpha(opacity=70); }
#highlight_pages .box h4.title { font-family: "Raleway",georgia,serif; font-size: 24px; font-weight: 300; line-height: 1.3;}
#highlight_pages .box h4.title a { text-decoration:none; color:#ccc; }
#highlight_pages .box h4.title a:hover { text-decoration:underline; }
#highlight_pages .box .excerpt { }
#highlight_pages .box .buttons { position:absolute; bottom:0; left:0; z-index:400; }
#highlight_pages .box .buttons a.more { color:white;float:right; margin:0; display:block; height:40px; width:40px; overflow:hidden; text-align:center; line-height:40px; font-size:11px; text-decoration:none; background:#e4017d; }
#highlight_pages .box .buttons a:hover.more { background:#000; }
/* preview_location */
#preview_location {float: left; width: 30%; height: 380px; margin: 0px; position:relative; z-index:500; overflow: hidden; background:transparent url('../images/booking_texture_dark.png') top left repeat; }
#preview_location .box { height: 380px; margin: 0; padding: 0; width: 100%; position:relative; z-index:510; }
#preview_location a.close { font-size:14px; color:#fff; height: 40px; line-height: 40px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; z-index: 200;}
#preview_location a.close:hover { background-color:#000;}
#preview_location .content { padding:12%; }
#preview_location .content h4.title { font-family: "Raleway",georgia,serif; font-size: 24px; font-weight: 300; line-height: 1.3;}
#preview_location .content h4.title a { text-decoration:none; color:#eee; }
#preview_location .content h4.title a:hover { text-decoration:underline; }
#preview_location .content .logo { height: 100px; overflow: hidden; width: 100%; margin:20px 0; text-align:center; }
#preview_location .content .logo a { display:block; height: 100px; overflow: hidden; width: 100px; margin:0 auto; font-size:42px; background: none repeat scroll 0 0 #fff; color: #e4017d; line-height:100px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px; }
#preview_location .content .logo a:hover { color:#fff; background: none repeat scroll 0 0 #e4017d; }
#preview_location .content .excerpt { color:#eee; }
#preview_location .buttons { position:absolute; bottom:0; left:0; z-index:400; }
#preview_location .buttons a.more { color:white;float:right; margin:0; display:block; height:40px; width:40px; overflow:hidden; text-align:center; line-height:40px; font-size:11px; text-decoration:none; background:#e4017d; }
#preview_location .buttons a:hover.more { background:#000; }
/* map */
#map_home_box { margin: 0; overflow: hidden; height: 380px; position:absolute; z-index:450; top:0; left:30%;right:0; }
.map_home { margin: 0; overflow: hidden; height: 100%; width:100%; }
#map_home_box img { width:100%;}
/* preview_services */
.services { padding-right: 180px; background: none repeat scroll 0 0 #0a0a0a; color: #999; max-height:400px; padding-bottom:3px; }
.services .content { line-height: 130%; padding: 4% 4% 3%; }
.services .box { border-style: solid; border-width: 0 0 0 1px; border-color: #333; border-style: dashed; display: inline-block; vertical-align: top; margin-bottom: 40px; padding: 0 2%; width: 28%; }
.services .box .thumb { max-height: 150px; margin-bottom: 10px; overflow: hidden; width: 100% }
.services .box .thumb a { display: block; height: 100%; width: 100%; }
.services .box .thumb a:hover img { opacity: 0.5; filter:Alpha(opacity=50); }
.services .box .thumb a img { height: auto; /* min-height: 100%;*/ width: 100%; }
.services .box h4 { font-family: "Raleway",georgia,serif; font-size: 24px; font-weight: 300; line-height: 1.3; margin-bottom:10px; }
.services .box h4 a { color: #e4007d; text-decoration:none; }
.services .box h4 a:hover {color:#fff;}
.services .box .text { margin:10px 0; }
.services .box a.more { text-decoration:none; }
.services .box a.more:hover { text-decoration:underline; }
.services a.more_services { text-decoration:none; color: #e4007d; bottom: 15px; height: 40px; line-height: 40px; position: absolute; right: 200px; text-align: right; z-index: 200; }
.services a:hover { text-decoration:underline; }
/* roooms main page */
#rooms_list { }
#rooms_list .box { float: left; height: 380px; position: relative; z-index:400; }
#rooms_list .box.odd { width:60%; }
#rooms_list .box.even { width:40%; }
#rooms_list .box .img_box { height: 380px; overflow: hidden; width: 100%; position: relative; z-index:450; }
#rooms_list .box .img_box .logo_box { height: 380px; width: 100%;}
#rooms_list .box .img_box .logo_box img {position:absolute; top:0;left:0; z-index:451;}
#rooms_list .box .content { min-height:70px; bottom: 0; left: 0; position: absolute; z-index:500; min-width: 180px; padding: 15px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); }
#rooms_list .box .content:hover { background-color:white; }
#rooms_list .box .content h3 a { color:#000; text-decoration:none; font-size:24px; }
#rooms_list .box .content a.book-room { margin-top:10px; color: #e4007d; float: right; text-decoration: none;text-transform: uppercase;cursor:pointer; }
/* MINIGALLERY */
#minigallery { overflow:hidden; /* padding-right:180px; */}
#minigallery .thumb { width:100%; height:300px; float:left; margin:0; overflow: hidden; }
#minigallery .thumb a {width:100%; height:100%; display:block; overflow:hidden;}
#minigallery .thumb img { height:100%; }
#minigallery .details_gallery{display:none;}
.fancybox-title {margin-top: -50px;overflow:hidden; }
.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:40px; width:100%; text-indent:20px; z-index:9999;}
.fancybox-title .caption_container span {text-indent:20px; display:block}
.owl-pagination { bottom: 0; left: 0; margin: 0; position: absolute; right: 180px; width: auto;}
.owl-controls.clickable { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); height: 40px; margin-top: -40px !important; padding: 0; position: relative; width: 100%;}
.owl-theme .owl-controls .owl-page span { background: none repeat scroll 0 0 #ccc; opacity: 1;}
.owl-theme .owl-controls .owl-page.active span { background: none repeat scroll 0 0 #e4007d;}
.fancybox-skin { background:none repeat scroll 0 0 #000 !important; }
/* service page */
#list_services { }
/* LOCATION PAGE */
#map_wrapper { max-width: 1410px; width: 100%; height: 580px; min-height: 380px; overflow: hidden; position: relative; z-index: 101; margin: 0; background-color:#333; }
#map_canvas { width:100%; height:100%; z-index: 10; clear:both; overflow: hidden; }
.marker-wrapper { line-height:1.35; overflow:hidden; width:300px; color:#000; }
.marker-wrapper .marker-title { font-size:1.2em; font-weight:bold; margin-bottom:10px; }
.marker-wrapper .marker-content { margin-bottom:10px; }
.marker-wrapper .marker-booknow a { font-weight:bold; }
.marker-wrapper .marker-booknow a:hover { color:#000; border-color:#000;}
/* location list */
#location_list { padding-right:180px; }
#location_list .content { padding:4% 4% 3%; }
#location_list .box { width: 45%; float: left; margin-bottom: 40px;padding: 0 2%; border-color: #333; border-style: dashed; border-width: 0 0 0 1px; }
#location_list .box .img_box { margin-bottom: 10px; overflow: hidden; width: 100%; height:250px; }
#location_list .box .img_box img { height: auto; min-height: 100%; width: 100%; }
#location_list .box .img_box a:hover img { opacity: 0.5; filter:Alpha(opacity=50); }
#location_list .box h3 { margin-bottom: 10px; }
#location_list .box h3 a { text-decoration:none; color:#e4007d; }
#location_list .box h3 a:hover { color:#fff;text-decoration:none; }
#location_list .box .excerpt { margin:10px 0; }
#location_list .box a.more { text-decoration:none; }
#location_list .box a:hover.more { text-decoration:underline; }
/* surroundings */
#content_wrapper.surroundings .content { padding:4% 4% 3%; }
#content_wrapper.surroundings .content h2 { margin-bottom:40px; }
#list_places { background:none; padding-right:0; max-height: none; }
#list_places .box h3 { color: #e4007d; margin-bottom: 10px; }
#list_places .box h3 a { color: #e4007d; text-decoration:none; }
#list_places .box h3 a:hover { color: #fff; text-decoration:none; }
#list_places .box h4 { color: #fff; font-family: "ms sans serif",geneva,sans-serif; font-size: 14px; }
#list_places .box .excerpt { line-height:130%; }
/* events page */
#content_wrapper.events .content { padding:4% 4% 3%; }
#content_wrapper.events .content h2 { margin-bottom:40px; }
#list_places {}
#list_places .box .book_now_events { cursor:pointer; margin-left:5px; padding-left:5px; border-left:1px solid #333; color:#e4007d; text-transform:uppercase; }
/* offers page */
.offers_page #header_wrapper { min-height :0; }
.offers_page #content_wrapper .content { padding:3% 5%; }
.offers_page #page_content { background: url("../images/bg_offers.jpg") no-repeat scroll 0 0 / 100% 100% #222222; }
.special_offers .promo-wrapper { border-style: dashed; border-width: 0 0 0 1px; border-color:#333; float: left; height: 350px; list-style: none inside none; margin: 2% 0; padding: 0 2%; width: 29%;}
.special_offers .promotion { position: relative; width: 100%;}
.special_offers .promotion .image { height: 150px; margin-bottom: 20px; overflow: hidden; width: 100%;}
.special_offers .promotion .image img { height: auto; min-height: 100%; width: 100%;}
.special_offers .promotion div.price {}
.special_offers .promotion span.price { color: #e4007d; font-family: "Raleway",georgia,serif; font-size: 18px;}
.special_offers .promotion .strike { text-decoration: line-through;}
.special_offers .promotion .title { margin: 10px 0 0;}
.special_offers .promotion .title,
.special_offers .promotion .title strong,
.special_offers .promotion .title b { font-weight: normal; color: #fff; font-family: "Raleway",georgia,serif; font-size: 24px; line-height: 130%; }
.special_offers .promotion .title:hover,
.special_offers .promotion .title:hover strong,
.special_offers .promotion .title:hover b { color: #e4007d; }
.special_offers .promotion .more { display: inline-block; float: right; height: 30px; line-height: 30px; width: 50%;}
.special_offers .promotion .more a { text-transform: capitalize;}
.special_offers .promotion .button { margin: 10px 0 0;}
.special_offers .promotion .description ul { list-style: disc inside none;}
.special_offers .promotion .description { float: left; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 48%;}
.special_offers .promotion .description p { margin:0;}
.special_offers .promotion .discount { border-radius: 500px; display: inline-block; height: 40px; line-height: 40px; margin-left: 10px; text-align: center; width: 40px;}
.special_offers .promotion .image:hover img {opacity: 0.5; filter:Alpha(opacity=50);}
.special_offers .promotion .image:hover,
.special_offers .promotion .title:hover,
.special_offers .promotion .price { cursor: pointer;}
/* faq */
.faq .question { color: #fff; font-size: 18px; font-family: "Raleway",georgia,serif; font-weight: 300; line-height: 1.3;}
.faq { border-color: #333; border-style: dashed; border-width: 0 0 1px; display: block; float: left; list-style: decimal inside none; margin: 1%; padding: 20px 0; width: 48%;}
.faq .answer { margin:10px 0;}
/* photogallery */
.photogallery_page #header_wrapper { min-height :0; }
.photogallery_page #content_wrapper .content { padding:0; }
.photogallery_page #content_wrapper .content h2 {text-align:center; }
#photogallery {}
#photogallery .thumb { width:20%; float:left; }
#photogallery .thumb a { display:block; width:100%; height:100%; overflow: hidden; }
#photogallery .thumb img { height: auto; min-height: 100%; width: 100%; opacity:0.70; filter:Alpha(opacity=70);}
#photogallery .thumb:hover img { opacity:1; filter:Alpha(opacity=100);}
/* FORM */
#form{margin-top:40px; border-width:1px 0 0; border-style:solid; padding:20px 0 0; display: none;}
#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 }
/* jobs */
#send_mail_job{padding:10px 20px; margin:20px 0 10px; text-align:left; background:none repeat scroll 0 0 #000; }
#send_mail_job .send { background: none repeat scroll 0 0 #fff; color: #333; display:inline-block; padding:10px; text-transform:lowercase; margin:0 5px; text-decoration:none;}
#send_mail_job .send:hover { background: none repeat scroll 0 0 #333; color: #fff;}
/* job list */
#preview_subcategories { }
#preview_subcategories .item { width:48%; float:left; list-style: none outside none; margin: 1%; border-color: #333; border-style: dashed; border-width: 0 0 1px; }
#preview_subcategories .item h3 { color: #fff; font-size: 18px; }
#preview_subcategories .item .text { padding:5px 0;}
.content .sitemap a { text-decoration: none; }
.content .sitemap a:hover { text-decoration: underline; }
.content .sitemap ul{ margin-left: 10px; }
.content .sitemap ul{ margin: 5px 0 5px 20px; }
.content .sitemap li{padding: 3px 0;}
.content .sitemap { margin: 20px 0; font-size: 16px;}
/*/////////////////////////////////////////////////////////////*/
/* FOOOTER */
#footer_wrapper { margin: 0 auto; max-width: 1410px; min-width: 940px; position: relative; width: 100%; z-index: 1; background: url("../images/page_description.png") repeat scroll 0 0 #222222; }
#footer_wrapper .footer_box { padding: 0 180px 0 0 ; }
#footer_wrapper .content { padding:4%;}
#footer_wrapper .footer_box .box { border-color: #333; border-style: dashed; border-width: 0 0 0 1px;float: left; position: relative; width: 29%; padding:0 2%; }
#footer_wrapper h4 {margin-bottom:10px; }
/* menu */
.footer-menu { padding:0; }
.footer-menu li { border-color: #333333; border-style: dashed; border-width: 0 0 1px; height: 49px; line-height: 49px; list-style: none outside none; margin: 0; padding: 0; position: relative;}
.footer-menu li a { color:#fff; display: block; height: 49px; line-height: 49px; padding: 0 10px; text-decoration: none;}
.footer-menu li:last-child { border-width:0 0 0 0;}
.footer-menu li.current-menu-item a ,
.footer-menu li a:hover { color:#e4007d; }
/* socials */
/* sharethis */
.sharethis { height: auto; margin:20px 0; padding: 0; width: 100%; overflow: hidden; }
.sharethis a { border-radius: 100px; display: block; float: left; margin: 0 5px 5px 0 !important; overflow: hidden; }
.sharethis span { font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px; background: none repeat scroll 0 0 #222; color: #fff; }
.sharethis a:hover .fa { background: none repeat scroll 0 0 #e4007d; }
/* manual ovverride pinterest */
.social.group .at_PinItButton:before { content: "\f0d2"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; }
.social.group .at_PinItButton:hover { background: none repeat scroll 0 0 #222; color: #fff; }
.social.hotel .at_PinItButton:before { content: "\f0d2"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; }
.social.hotel .at_PinItButton:hover { background: none repeat scroll 0 0 #e4007d; color: #e4007d; }
/* add this */
.addthis_toolbox {}
.addthis_toolbox a { border-radius: 0px !important; }
.addthis_toolbox a:hover { opacity:0.5; filter:Alpha(opacity=50); }
.addthis_toolbox span { }
.addthis_toolbox span.at_a11y { text-indent:-999px; overflow:hidden; height:0px !important; }
.addthis_toolbox .at_PinItButton { width: 32px; height: 32px; color:white; background-color:#D02329; }
.addthis_toolbox .at_PinItButton:hover { color:white !important; background-color:#D02329 !important; }
/* info box */
.address { font-size: 12px; margin: 10px 0; width: 100%; color:#CCCCCC; }
.address .hotelinfos { margin:10px 0 ;}
.address a { color:#FFF; }
.address .mail { text-decoration: underline; }
/* extra */
.footer_box .text {margin:20px 0 10px;}
@media (max-width : 1200px) {
/* menu */
#main_menu .menu li {height:34px;}
#main_menu .menu li a{height:34px; line-height:34px;}
#photogallery .thumb { width:25%}
}
/* social
#social{width:100%; padding: 0 0 20px 0;}
#social a { display:block; margin:5px 0; float: left; height: 40px; width: 40px; margin: 0 5px 0 0; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(255, 255, 255, 0.5) inset; text-decoration:none;overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#social a .fa { display:block; color:#fff; height: 40px; width: 40px; font-size:36px; text-align:center; line-height: 45px; background-color:#968A87; }
#social a:hover .fa-facebook { background-color:#3C599B; }
#social a:hover .fa-twitter { background-color:#00ABF0; }
#social a:hover .fa-share { background-color:#146635; }
#social a:hover .fa-pinterest { background-color:#CA1F26; }
#social a:hover .fa-google-plus { background-color:#B53323; }
#social a:hover .fa-youtube { background-color:transparent; background-image:url("../images/social_icon_big.png"); background-position:-161px -40px; background-repeat:no-repeat; text-indent:-999px; overflow:hidden; }
*/