/* reset */
* { border: 0; margin: 0; padding: 0; outline: 0; font-size: 100%; }

html, body { height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

b, strong { font-weight: bold; }

img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

li { display: list-item; }

table { border-collapse: collapse; border-spacing: 0; }

th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }

svg { overflow: hidden; }

/* forms */
form input[type="search"]::-webkit-search-decoration { display: none; }
form input, form button, form select, form textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; }
form button, form input[type="reset"], form input[type="submit"], form input[type="button"] { -webkit-appearance: none; -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; cursor: pointer; outline: 0; overflow: visible; width: auto; }
form button, form input[type="reset"], form input[type="submit"], form input[type="button"] { font: bold 13px/15px Georgia, serif; color: #333333; text-shadow: white 0 1px 1px; background-color: #dddddd; *background: #dddddd url('img/button.png?1304387260') left top repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(2%, rgba(255, 255, 255, 0.1))); background-image: -webkit-linear-gradient(#dddddd, rgba(255, 255, 255, 0.1) 2%); background-image: -moz-linear-gradient(#dddddd, rgba(255, 255, 255, 0.1) 2%); background-image: -o-linear-gradient(#dddddd, rgba(255, 255, 255, 0.1) 2%); background-image: -ms-linear-gradient(#dddddd, rgba(255, 255, 255, 0.1) 2%); background-image: linear-gradient(#dddddd, rgba(255, 255, 255, 0.1) 2%); border: 1px solid; border-color: #dddddd #bbbbbb #999999; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; padding: 4px 10px 4px 10px; }
form textarea, form select, form input[type="password"], form input[type="search"], form input[type="text"] { -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; outline: none; width: auto; *height: auto !important; }
form textarea, form select[size], form select[multiple] { height: auto !important; }
.is_webkit form select[size], .is_webkit form select[multiple] { background-image: none !important; padding: 0 !important; }
form optgroup { font-style: normal; font-weight: normal; }
form textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; }
form textarea, form select, form input[type="password"], form input[type="search"], form input[type="text"] { font-family: Georgia, serif; color: black; background-color: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; font-size: 13px; height: 25px; padding: 2px 3px 2px 3px; *padding-bottom: 1px; }
.is_webkit form select { background-image: url('img/select_arrow.gif?1304387260'); background-repeat: no-repeat; background-position: right center; padding-right: 16px; }
form option, form optgroup { font-size: 13px; }
form optgroup { color: black; }
form button:focus, form button:active, form input:focus, form input:active, form select:focus, form select:active, form textarea:focus, form textarea:active { z-index: 1; }
form input[type="file"]:focus, form input[type="file"]:active, form input[type="radio"]:focus, form input[type="radio"]:active, form input[type="checkbox"]:focus, form input[type="checkbox"]:active { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; }
form button:focus, form button:active, form input:focus, form input:active, form select:focus, form select:active, form textarea:focus, form textarea:active { -moz-box-shadow: #0066ff 0 0 7px; -webkit-box-shadow: #0066ff 0 0 7px; -o-box-shadow: #0066ff 0 0 7px; box-shadow: #0066ff 0 0 7px; }
form button[disabled], form input[disabled], form select[disabled], form select[disabled] option, form select[disabled] optgroup, form textarea[disabled] { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; }
form select[disabled], form textarea[disabled], form input[type="password"][disabled], form input[type="search"][disabled], form input[type="text"][disabled] { background-color: #eeeeee; }
form button[disabled], form input[disabled], form select[disabled], form select[disabled] option, form select[disabled] optgroup, form textarea[disabled] { color: #888888; }
form ::-moz-focus-inner { border: 0; padding: 0; }
form ::-webkit-input-placeholder { color: #888888; }
form input:-moz-placeholder, form textarea:-moz-placeholder { color: #888888; }
form input.placeholder_text, form textarea.placeholder_text { color: #888888; }
form .input_full { width: 100% !important; }
form .input_full_wrap { display: block; padding-right: 8px; }

/* global */
body { font: 13px/19px Georgia, serif; color: #4c4c4c; cursor: default; }

h1, h2, h3, h4, p, pre, ul, ol, dl, address, caption, table, form, hr { margin-bottom: 19px; }

ul ul, ul ol, ul dl, ol ol, ol ul, ol dl, dl dl, dl ul, dl ol { margin-bottom: 0; }

ul, ol, dd { margin-left: 1.615em; }

dd ul, dd ol { margin-left: 0; }

blockquote { padding: 0 1.615em; }

a { text-decoration: none; }

nav ul { list-style: none; margin-left: 0; }

.fill { position: absolute; z-index: 10; top: -50%; left: -50%; width: 200%; height: 200%; }
.fill img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; *top: 25%; *left: 25%; }

.koun { text-align: center; font-size: 14px; line-height: 21px; font-weight: normal; color: #666; width: 320px; -webkit-font-smoothing: antialiased; position: absolute; z-index: 50; top: 50%; left: 50%; margin-left: -200px; margin-top: -120px; padding: 30px 40px; background: #f4f3ef; background: rgba(244, 243, 239, 0.9); -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); }

.gallery { list-style: none; margin: 0; }
.gallery img { -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.gallery li:hover img { opacity: 0.9; }

.copy { padding: 30px; }

.scrollview { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; }

.scrollview-container { width: 100%; height: 100%; overflow: hidden; }
.scrollview-container .scrollview { padding-right: 70px; }

.scrollview-handle { position: absolute; z-index: 50000; width: 8px; height: 8px; margin: 10px; border-radius: 8px; background: #ccc; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition-property: background,opacity,box-shadow; -webkit-transition-property: background,opacity,box-shadow; -o-transition-property: background,opacity,box-shadow; transition-property: background,opacity,box-shadow; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; -moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.scrollview-handle:hover, .scrollview-handle.active { background: #333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
.scrollview-handle.vertical { min-height: 100px; top: 0; right: 0; }
.scrollview-handle.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.kouniou { background: white; }

/* layout */
body { background: white url('img/about/bgl-home.jpg?1325604493') left top repeat-y; min-width: 980px; min-height: 480px; }
body#group { background-image: url('img/about/bgl-group.jpg?1325604493'); }
body#hotel { background-image: url('img/about/bgl-hotel.jpg?1325604493'); }
body#amea { background-image: url('img/about/bgl-amea.jpg?1325604493'); }
body#suites { background-image: url('img/about/bgl-suites.jpg?1325604493'); }
body#apartments { background-image: url('img/about/bgl-apartments.jpg?1325604493'); }
body#home { background-image: url('img/about/bgl-home.jpg?1325604493'); }
body#rooms { background-image: url('img/bgl-rooms.jpg?1325604493'); }
body#location { background-image: url('img/about/bgl-form.jpg?1325604426'); }
body#about { background-image: url('img/bgl-about.jpg?1325604391'); }
body#contact { background-image: url('img/about/bgl-contact.jpg?1325604462'); }

.g .z1-1, .g .z2-1, .g .z2-2, .g .z3-1, .g .z3-2 { height: 100%; position: absolute; z-index: 90; top: 0; background: white; }
.g .z1-1 { width: 708px; left: 0; }
.g .z2-1 { width: 300px; left: 0; }
.g .z2-2 { width: 408px; left: 300px; }
.g .z3-1 { width: 408px; left: 0; }
.g .z3-2 { width: 300px; left: 408px; }
.g .z-a, .g .z-b, .g .z-c { float: right; width: 100%; height: 100%; }
.g .z-a figure, .g .z-b figure, .g .z-c figure { height: 100%; }
.g .z-a figure img, .g .z-b figure img, .g .z-c figure img { min-width: 100%; min-height: 100%; }
.g .z-a { margin-left: -300px; }
.g .z-a figure { margin-left: 300px; }
.g .z-b { margin-left: -408px; }
.g .z-b figure { margin-left: 408px; }
.g .z-c { margin-left: -708px; }
.g .z-c figure { margin-left: 708px; }

.fade { position: relative; }
.fade .slide { background-size: cover; background-position: center; width: 100%; height: 100vh; }
.fade .slide .title { position: absolute; display: inline-block; top: 50%; left: 50%; }
.fade .slide-1 { background-image: url(img/01.jpg); }
.fade .slide-2 { background-image: url(img/02.jpg); }
.fade .slide-3 { background-image: url(img/03.jpg); }
.fade .slide-4 { background-image: url(img/04.jpg); }
.fade .slide-5 { background-image: url(img/05.jpg); }

#mapa img { min-width: 0 !important; min-height: 0 !important; }

#main { position: absolute; z-index: 50; left: 272px; top: 0; right: 0; bottom: 0; *height: 100%; overflow: hidden; }

#masthead { position: absolute; z-index: 100; left: 42px; top: 0; width: 230px; height: 100%; text-align: center; }
#masthead #logotype { display: block; margin-top: 20px; margin-bottom: 35px; }
#masthead #sitenav { margin-left: 15px; margin-right: 15px; margin-bottom: 2em; }
#masthead #sitenav ul { border-top: 1px solid #e6e6e6; }
#masthead #sitenav a { display: block; font-size: 13px; line-height: 35px; letter-spacing: 1px; border-bottom: 1px solid #e6e6e6; color: #1a1a1a; -moz-transition-property: color; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; -moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#masthead #sitenav a:hover { color: #8eb41d; }
#masthead #sitenav a.current { color: #8eb41d; cursor: default; }

#masthead #subnav {
    margin-bottom: 35px;
}
#masthead #subnav a {
    color: #1a1a1a;
    display: block;
    margin-bottom: 3px;
}
#masthead #subnav a:hover {
    color: #8eb41d;
}

#masthead #langnav a { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('img/flags.png?1325083177'); background-repeat: no-repeat; background-position: center top; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; width: 30px; height: 22px; border: 1px solid transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; opacity: 0.4; *float: left; }
#masthead #langnav a { *display: inline; }
#masthead #langnav a.lang-el { *margin-left: 80px; }
#masthead #langnav a:hover { opacity: 1; }
#masthead #langnav a.current { background-color: #f4f3ef; border-color: #e6e6e6; opacity: 1; }
#masthead #langnav a.lang-el { background-position: center 2px; }
#masthead #langnav a.lang-en { background-position: center -48px; }
#masthead #langnav a.lang-de { background-position: center -80px; }

#home #main { text-align: center; }
#home #main h1 { font-size: 24px; line-height: 30px; letter-spacing: 2px; font-weight: normal; color: white; width: 480px; -webkit-font-smoothing: antialiased; position: absolute; z-index: 50; top: 50%; left: 50%; margin-left: -240px; margin-top: -50px; text-shadow: rgba(0, 0, 0, 0.7) 0 0 12px; }

#about .z2-2, #about .z3-1, #about .copy, #location .z2-2, #location .z3-1, #location .copy, #rooms .z2-2, #rooms .z3-1, #rooms .copy, #contact .z2-2, #contact .z3-1, #contact .copy { background: #f4f3ef; }

#contact #main { -webkit-font-smoothing: subpixel-antialiased !important; }
#contact #main address { font-style: normal; }
#contact #main address a { text-decoration: underline; color: #4c4c4c; }
#contact #main address a:hover { color: #8eb41d; }
#contact #main .row { *zoom: 1; margin-bottom: 10px; }
#contact #main .row:after { content: ""; display: table; clear: both; }
#contact #main .row h2 { font-weight: normal; margin-bottom: 5px; }
#contact #main .submit-row { text-align: center; }
#contact #main .submit-row input, #contact #main .submit-row select { background: #8eb41d; color: white; font-weight: normal; text-shadow: none; line-height: 26px; letter-spacing: 1px; padding-left: 20px; padding-right: 20px; border-color: transparent; opacity: 1; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#contact #main .submit-row input:hover, #contact #main .submit-row select:hover { opacity: .8; }
#contact #main input, #contact #main select, #contact #main textarea { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; }
#contact #main .error { color: red; display: block; font-size: 11px; font-family: Arial, sans-serif; }
#contact #main .field label { *margin-bottom: 4px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; }
#contact #main .field label { *display: inline; }
#contact #main .field input, #contact #main .field select { width: 100%; *width: 98%; }
#contact #main .field.half { width: 48%; *width: 151px; margin-left: 3%; display: inline; float: left; }
#contact #main .field.half.first { margin-left: 0; }
#contact #main .field.third { width: 66%; }
#contact #main .note { margin-top: -30px; }
#contact #main .required { color: #8eb41d; font-size: 21px; font-weight: bold; position: relative; top: 7px; *position: static; margin-left: 0.2em; margin-right: 0.2em; }
#contact #main fieldset { padding: 19px 0; border-top: 1px solid #c2c2c2; }