@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,200italic);




/* global + resets */
html, body  { margin:0px; font-family:'Source Sans Pro', Arial, Tahoma, sans-serif; color:#333; }

p { margin:0px; }
* { margin:0px; padding:0px; }
a { text-decoration:none; transition-duration:0.2s; }
div.clear { clear:both; }
img { border:none; }
h1, h2, h3, h4, h5, h6 { margin:0.2em 0px; font-weight:bold; }
ul { margin-left:2em; }


/* header */
#header { width:980px; margin:0px auto; height:120px; background-color:#fff; padding:10px 10px; position:relative; color:#666; z-index:25; overflow:hidden; box-sizing: content-box; }
#header #logo { height:120px; display:table-cell; vertical-align: middle; }
#header #logo a { display:block; border:0px; }
#header #logo a img { display:block; max-height:120px; max-width:500px; }

#header .contact { position:absolute; bottom:15px; right:30px; font-size:13px; text-align:right; line-height:22px; }
#header .contact p { background:url('../images/back-header-entypo.png') no-repeat; background-size:18px 60px; height:22px; padding-right:25px; }
#header .contact .phone { background-position:top 2px right 0px;  }
#header .contact .address { background-position:center right;  }
#header .contact .email { background-position:bottom right;  }

#header .contact .phone span { font-weight:bold; }
#header .contact a { font-weight:bold; }

#header .header-top-wrapper { position:absolute; top:13px; right:26px; }
#header .social { float:right; clear:none; margin-left:10px; }
/*#header .social a { margin:0px 4px; opacity:1; }
#header .social a:hover { opacity:0.8; } */
#header .translation { float:right; clear:none; }

#header .addText { float:right; clear:none; margin-left:10px; }


#google_translate_element { float:left; width:150px; overflow:hidden; height:28px; }
#google_translate_element select { padding:2px 2px; margin-top:2px; border-radius:2px; border:1px solid #999; }



/* menu */
#menu { width:100%; height:50px; box-shadow:0px 1px 2px rgba(0,0,0,0.5); position:relative; border-top-width:1px; border-top-style:solid; text-align:center; min-width:1000px; z-index:25; text-transform:uppercase; }
#menu-inner { margin:0; padding:0; list-style:none; display:inline-block; }
#menu-inner li { float:left; display:inline-block; height:50px; line-height:50px; padding:0px 5px; margin:0px auto; text-align:center; position:relative; }
#menu-inner li a {  display:block; text-decoration:none; font-size:14px; padding:0px 10px; }

#menu-inner .submenu { position:absolute; top:50px; left:0px; z-index:100; padding:0px; margin:0px; min-width:120px; z-index:2000; display:none; }
#menu-inner .submenu li { white-space:nowrap; display:block; border-bottom:1px solid #444444; width:100%; padding:0px; height:40px; background:rgba(0,0,0,0.85); color:#fff; }
#menu-inner .submenu li a { width:auto; height:40px; line-height:40px; padding:0px 10px; color:#aaa; font-size:12px; text-align:left; }
#menu-inner .submenu li a:hover { color:#fff; }



/* header slideshow */
#header-slideshow { display:block; position:relative; z-index:14; width:100%; min-width:1000px; border-bottom-width:1px; border-bottom-style:solid; background:url('../images/pattern.png') repeat; overflow:hidden; }
#header-slideshow .slider { margin:0; min-height:320px; }
#header-slideshow .slide {  width:100% !important; height:100% !important; margin:0px auto; background-size:cover; background-position:center center; }

#header-slideshow:before { content:" "; position:absolute; width:100%; height:30px; top:0px; left:0px; z-index:15; background:url('../images/slideshow-shadow.png') repeat top center; }
#header-slideshow:after { content:" "; position:absolute; width:100%; height:30px; bottom:0px; left:0px; z-index:15; background:url('../images/slideshow-shadow-bottom.png') repeat; }

#header-slideshow .slider-nav { display:block; top:43%; width:100%; z-index:1000; position:absolute; }
#header-slideshow .slider-prev, #header-slideshow .slider-next {
    position:absolute; display:block; top:43%; width:60px; height:60px; font-size:40px; z-index:100;
    background:url('../images/slider-arrows.png') no-repeat;  transition-duration:0.2s;
    filter:alpha(opacity=20); opacity:0.20;
}
#header-slideshow .slider-prev { left:50px; }
#header-slideshow .slider-next { right:50px; background-position:right; }
#header-slideshow .slider-prev:hover, #header-slideshow .slider-next:hover { filter:alpha(opacity=80); opacity:0.8; }

#header-slideshow .slider-caption { position:absolute; display:block; bottom:0px; width:100%;; z-index:100; line-height:20px; padding:5px; background:url('../images/black_80.png') repeat;  color:#fff; text-shadow: 1px 1px 0 #000; font-size:14px; text-align:center; }
#header-slideshow .slider-caption h3 { color:#fff; margin:0; }


/* content basics */
#content-frame { width:1100px; margin:0px auto; background-color:#fff; padding:10px; position:relative; }
#page { min-height:400px; padding:20px; overflow:hidden; width: 97%;}




#roomsSelectBoxItText { width: 30%; }
#nightsSelectBoxItText { height: 17px;}


/* content band */
#contentBand { overflow:hidden; width:100%; padding:10px 0px; }
#contentBand .bandInner { width:1000px; margin:0px auto; overflow:hidden; }

#promoScroller { width:430px; height:100px; border:1px solid #333; position:relative; margin:0px 18px; float:left; font-size:12px; box-shadow:0px 0px 5px rgba(0,0,0,0.3); background:#fff; }
#promoScroller #promo-slides { width:430px; height:100%; overflow:hidden;  }
#promoScroller .promo-slide { width:100%; height:100%; overflow:hidden; text-decoration:none; color:inherit; display:block; background:#fff; }
#promoScroller .promo-slide img { width:130px; max-height:90px; float:left; margin:5px 10px 5px 5px; }
#promoScroller .promo-slide h3 { margin-top:5px; font-size:18px; }
#promoScroller .promo-slide .summary { margin:0px 5px; }
#promoScroller .cycle-pager { position:absolute; bottom:5px; right:5px; z-index:50; }
#promoScroller .cycle-pager a { display:block; float:left; width:12px; height:12px; border-radius:16px; text-indent:-9999px; margin:0px 1px; opacity:0.8; background-color:#ccc; }
#promoScroller .cycle-pager a:hover,
#promoScroller .cycle-pager a.activeSlide { opacity:1; }


#bandGallery { float:left; width:500px; margin-left:10px; height:102px; overflow:hidden; }
#bandGallery .imageContainer { display:block; float:left; max-height:100px; margin:0px 5px 5px 5px; }
#bandGallery .imageContainer img { height:100px; max-width:150px; border:1px solid #ccc; }




/* footer */
#footer { width:100%; margin:0px; background-color:transparent; border-top-width:1px; border-top-style:solid; font-size:12px; min-height:60px; padding-top:5px; padding-bottom:20px; }
#footer-inner { width:980px; margin:0px auto; }


#footer #copyright { float:right; clear:right; color:#eee; font-size:12px; }

#footer .sitemap { clear:both; padding-top:15px; text-transform:uppercase; }
#footer .footer-menu { border-collapse:collapse; width:100%; border:0px; }
#footer .footer-menu td { padding:5px; vertical-align:top; }
#footer .footer-menu a { display:block; margin-bottom:5px; }
#footer .footer-menu a:first-child { font-size:12px; margin-bottom:10px; }

#footer .contact { display:none; }
#footer .contact { background:url('../images/back-header-entypo.png') no-repeat center left; padding-left: 25px; margin-left:5px; }
#footer .contact > p { padding:2px 0; }


/* fixes... */
iframe[name='google_conversion_frame'] { position:fixed; height:1px; width:1px; }





.breadcrumb-bar { font-size:13px; color:#666; margin-bottom:10px; }
#page .breadcrumb-bar a { color:#666 !important; }
#page .breadcrumb-bar a:hover { text-decoration:underline; }


#mobile-book-button  { display:none; }





/* RESPONSIVITY */
@media (max-width: 1000px) {
  #content-frame { width:100%!important; }
  #header { height:4em; position:fixed; top:0; left:0; padding:0; width:100%; box-shadow:-2px 0px 5px 2px rgba(0,0,0,0.8); background:#fff; }

  #footer { height:auto; padding:5px 0; min-height:0; }
  #footer-inner { width:auto; }
  #footer-inner .sitemap { display:none; }
  #footer #copyright { padding:0 10px; }
  #footer .contact { display:block; }


  #header .contact { display:none; }
  #header .social { display:none; }

  #header #logo { height:3em; margin-top:0.6em; margin-left:0.6em; display:block; float:left; }
  #header #logo a img { height:3em; }


  #booking-panel-frame.block { width:auto; }
  #header-slideshow { min-width:0px; padding-top:4em; }
  #header-slideshow #prev, #header-slideshow #next { display:none; }

  #contentBand .bandInner { width:auto; }

  #menu { min-width:0px; position:fixed; top:4em; bottom:0; height:auto; display:none; overflow-y:auto; background:#00f; z-index:200; max-height:400px; background:#111 !important; }
  #menu ul { margin:20px; padding:-top:2px; max-height:350px; overflow:auto; width:auto; border-radius:3px; }
  #menu li { display:block; width:100%; border-bottom:1px solid #111; height:auto; padding:0; text-align:left; }
  #menu .submenu { width:100%; position:relative; top:0; left:0; border-radius:0; display:block; background:#202020; border-top:1px solid #111; }
  #menu .submenu li { background:transparent; border-bottom:1px solid #111; }
  #menu-inner { width:100%; }
  #menu ul li:last-child { border-bottom:0; }


  #menu-toggle,
  .mobileCallButton { display:block !important; font-size:30px; line-height:65px; width:60px; text-align:center; color:#fff; position:absolute; right:0; top:0; background:rgba(0,0,0,0.05); border-left:1px solid rgba(0,0,0,0.05); }
  #menu-toggle:hover,
  .mobileCallButton:hover { color:#eee; }
  .mobileCallButton { right:61px; }



  body.menu-open { overflow:hidden; }


  #contentBand .bandInner > div { margin:10px auto; float:none; }
  #contentBand #bandGallery { width:100%; text-align:center; }
  #contentBand #bandGallery a { display:inline-block; float:none; }



  #content-frame { padding:0; }
  #page { padding:10px; }

  #header .header-top-wrapper { right:70px; }
}




@media (max-width: 768px) {
  #page { padding:10px; }

  .breadcrumb-bar { display:none; }

  #header { height:auto; }
  #header .addText,
  #header .translation { display:none; }
  #mobile-book-button { float:left; display:block; clear:both; line-height:45px; font-size:16px; width:100%; text-transform:uppercase; text-decoration:none; background:#333; color:#fff; font-weight:bold; text-align:center; margin-top:7px; }
  #header-slideshow { padding-top:110px; }
  #header-slideshow .slider-nav,
  #header-slideshow .slider-caption { display:none; }

  #promoScroller { width:95%; overflow:hidden; height:200px; }
  #promoScroller #promo-slides { width:auto; }
  #promoScroller .promo-slide img { width:90%; margin:5px 5%; float:none; display:block; max-height:100px; }
  #promoScroller .promo-slide h3 { display:block; clear:both; float:none; height:20px; width:90%; margin:5px 5%; }
  #promoScroller .promo-slide .summary { height:50px; overflow:hidden; text-overflow:ellipsis; margin:5px 5%; width:90%; }


  #menu .submenu { background:transparent; }
  #menu-inner .submenu li a { text-indent:20px; }

}



.landingPageContainer { height:100%; width:100%; }
.landingImage { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 60%; position: relative; }
.landingLogoContainer { box-sizing: border-box; height: 40%; padding-bottom: 91px; }
.landingLogo { background-position: center center; background-repeat:no-repeat; background-size:contain; height:100%; }
.landingFooter { bottom: 0; height: 20%; max-height: 91px; position: absolute; text-align: center; width: 100%; }