body{ color: #000000; font-family: Open Sans, sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; position: relative; }
h1, h2, h3, h4, h5, h6{ font-family: Open Sans, sans-serif; padding: 0; margin: 0;}
h1 {font-size: 40px; font-weight: 300; color: #c3c62f; position: relative; top:-5px; left: 32px; padding-bottom: 50px;  }
h2 {font-size: 20px; }
h3 {font-size: 18px; }

h1.fp {top: -20px; padding-bottom: 0;}
h2.drinks {font-size: 40px; font-weight: 300; color: #c3c62f; position: relative; top: 25px; left: 55px; padding-bottom: 0;}
h2.big {font-size: 48px; color: #17a5c8; line-height: 54px; font-weight: 300;}

.clear{ 
	clear: both;
	height: 0px;
    width: 0px;
	line-height: 0px;
	border: none 0px;
	margin: 0px;
	padding: 0px;
}

.active-color {color: #c3c62f;}

.fr {float: right;}
.fl {float: left;}
.image-fl {float: left; margin-right: 20px;}
.image-fr {float: right; margin-left: 20px;}

p {padding: 0 0 6px 0; margin: 0; line-height: 18px;}


a {color: #c3c62f; text-decoration: none;}
a:hover {text-decoration: underline; }
a.underlined {text-decoration: underline;}
a.underlined:hover {text-decoration: none;}
a.artsy {display: inline-block; width: 552px; height: 87px; background: url(../images/btn_large.jpg) no-repeat top left;line-height: 62px;padding: 10px 0 0 30px; font-size: 22px; color: #e76200;}

form .third {float: left; width: 33%;}

input.form-text {width: 303px; height: 31px; line-height: 31px; padding: 0 5px; background: url(../images/bg_input.jpg) no-repeat top left; border: 0; margin: 0 0 15px 0;}
input.form-textarea {width: 303px; height: 110px; line-height: 31px; padding: 0 5px; background: url(../images/bg_textarea.jpg) no-repeat top left; border: 0; margin: 0 0 15px 0;}
input.form-submit {width: 183px; height: 43px; background: url(../images/btn_submit.png) no-repeat top left; font-size: 18px; color: #17a5c8; font-weight: 700; padding: 0 17px 11px 17px; line-height: 32px; border: 0; display: block; cursor: pointer; margin: 15px 0 0 0;}

.wrap {width: 996px; margin: 0 auto; position: relative;}

/* FULL WIDTH BANNER */
.fullwidthbanner-container {max-height: 534px !important;overflow: hidden;padding: 0;position: relative; width: 100% !important;}
.fullwidthbanner .text-content {width: 600px;white-space: normal; position: relative;}
.fullwidthbanner h2 {font-family: Open Sans, sans-serif; font-size: 40px; line-height: 45px; font-weight: 600; color: #FFFFFF; }
.fullwidthbanner h2 strong {font-size: 54px;}
.fullwidthbanner p {font-family: Open Sans, sans-serif; font-size: 18px; font-weight: 300; color: #FFFFFF; line-height: 24px; padding: 15px 0;}
.fullwidthbanner h3 {font-family: Open Sans, sans-serif; font-size: 24px; line-height: 24px; font-weight: 700; color: #FFFFFF;}
.fullwidthbanner .read-more {display: block; width: 130px; height: 44px; padding: 15px 0 0 95px; margin-top: 20px; line-height: 28px; background: url(../images/read-more.png) top left no-repeat; font-size: 18px; font-family: Open Sans,sans-serif; font-weight: bold; text-shadow: #333333 2px 2px 2px; color: #FFFFFF; }

/* HEADER */

header {width: 100%; position: relative; z-index: 100;}
header.subpage {background: url(../images/bg_header_repeat.png) repeat-x top left; height: 190px;}

header .fb-link-header {display: block; float: left; height: 28px; width: 150px; font-size: 12px; font-family: Open Sans, sans-serif; color: #FFFFFF; line-height: 14px; }
header .fb-link-header img {float: left; margin-right: 5px; position: relative; top: -2px;}

.overlay {position: absolute; z-index: 1000; top: 0; left: 0;}
.overlay.header {width: 100%; height: 234px; background: url(../images/bg_header.png) top center no-repeat;}
header.subpage .overlay.header {width: 100%; height: 190px; background: url(../images/bg_header_subpage.jpg) top center no-repeat;}
.overlay.header .logo {display: block; width: 300px; height: 99px; background: url(../images/logo.png) top left no-repeat; margin: 34px 348px 0 348px; }
.overlay.header .lang {margin-top: 34px;}
.overlay.header .lang a {float: right; display: block; margin-left: 8px; width: 32px; height: 32px; background: url(../images/icon_lang_sl.png) no-repeat top left; }
.overlay.header .lang a.en {background: url(../images/icon_lang_en.png) no-repeat top left; }
.overlay.header .lang a.ch {background: url(../images/icon_lang_ch.png) no-repeat top left; }
.overlay.header .lang a.active, .overlay.header .lang a:hover {background-position: bottom left; }
.overlay.header .fb {float: left;}

.overlay.header-line {top: 234px; left: -200px; height: 300px; width: 50px; background: url(../images/bg_header.png) -1057px -234px no-repeat;}


nav {width: 100%; height: 100px; position: relative; top: -27px; background: url(../images/bg_nav.png) repeat-x top left; z-index: 200;}
nav .wrap {text-align: center;}
nav a {display: inline-block; margin: 27px 23px 0 23px; height: 46px; line-height: 46px; font-family: Open Sans, sans-serif; font-size: 20px; color: #000000; font-weight: 300; text-decoration: none;}
nav a.active {font-weight: 700; text-decoration: underline;}

.art-subpage {width: 100%; height: 58px; position: absolute; top: 230px; left: 0; z-index: 30; background: url(../images/bg_article.png) repeat-y top center;}
.art-subpage .art-title {width: 100%; height: 100px; background: url(../images/art_title.png) no-repeat top center; position: absolute; top: 15px; left: 0;}

/* FRONT PAGE */

.fp-upper {width: 100%; height: 461px; margin-top: 20px; position: relative; }
.fp-upper .art-overlay {position: absolute; top: 0; left: 0; width: 100%; background: url(../images/bg_fp_upper.png) no-repeat top center; height: 461px;}
.fp-upper-wrap {position: relative;}

.fp-upper .drinks {margin-top: 35px; float: left; position: relative; top: -20px; width: 996px; height: 248px;}
.fp-upper .drinks .drinks-animation {width: 996px; height: 248px;}
.fp-upper .drinks .drink {display: block; float: left; width: 166px; height: 248px; text-align: center; position: relative; outline: none;}
.fp-upper .drinks .drink .title {width: 116px; padding: 0 7px; height: 45px; background: url(../images/drink_title.png) no-repeat top left; position: absolute; top: 140px; left: 18px; display: table;}
.fp-upper .drinks .drink .title:hover  {background-position: bottom left;}
.fp-upper .drinks .drink .title .inner  {display: table-cell; vertical-align: middle; height: 36px; line-height: 18px; color: #000000; }
.fp-upper .drinks .drinks-wrap {height: 248px; width: 996px;}
.fp-upper .drinks .arrow-drinks-left {display: block; height: 44px; width: 44px; background: url(../images/icon_arrow_small_left.png) no-repeat top left; position: absolute; top: -60px; right: 50px; z-index: 200;}
.fp-upper .drinks .arrow-drinks-right {display: block; height: 44px; width: 44px; background: url(../images/icon_arrow_small_right.png) no-repeat top left; position: absolute; top: -60px; right: 0; z-index: 200;}

.thirds {height: 175px; position: relative; top: 40px; width: 100%;}
.thirds .third {width: 33%; vertical-align: middle; height: 175px;}
.thirds .third h2 {display: block; padding-left: 40px; height: 31px; line-height: 31px; background: url(../images/icon_arrow_purple.png) no-repeat top left; font-size: 24px; font-weight: 300; color: #c51d5b; padding-bottom: 15px;}
.thirds .third p {padding: 0 30px 20px 0;}
.thirds .third a.read-more {color: #c51d5b;}

.thirds .third.blue h2 {color: #17a5c8; background: url(../images/icon_arrow_blue.png) no-repeat top left;}
.thirds .third.blue a.read-more {color: #17a5c8;}

.thirds .third.orange h2 {color: #e76200; background: url(../images/icon_arrow_orange.png) no-repeat top left;}
.thirds .third.orange a.read-more {color: #e76200;}

/* DRINKS */

.drinks-menu {width: 100%; background: url(../images/art_drinks.png) no-repeat top center; height: 206px; }
.drinks-menu .drinks-menu-wrap {display: table; padding-top: 55px;}
.drinks-menu .drinks-left{display: block; float: left; width: 44px; height: 44px; background: url(../images/icon_arrow_small_left.png) no-repeat top left; }
.drinks-menu .drinks-right{display: block; float: left; width: 44px; height: 44px; background: url(../images/icon_arrow_small_right.png) no-repeat top left; }
.drinks-menu .drinks-left-empty{float: left; width: 44px; height: 44px; }
.drinks-menu .drinks-right-empty{float: left; width: 44px; height: 44px; }
.drinks-menu .drinks-item{display: table; color: #000000; font-weight: 600; text-align: center; font-size: 13px; margin: 0 11px; line-height: 18px; padding: 5px 7px 0 7px; float: left; width: 116px; height: 40px; background: url(../images/btn_drink.jpg) no-repeat top left; }
.drinks-menu .drinks-item:hover{text-decoration: none;}
.drinks-menu .drinks-item .inner{display: table-cell; vertical-align: middle; line-height: 18px; height: 36px; padding-bottom: 4px;}
.drinks-menu .drinks-item.first {margin-left: 9px;}
.drinks-menu .drinks-item.last {margin-right: 9px;}
.drinks-menu .drinks-item:hover,.drinks-menu .drinks-item.active {background-position: 0 -45px;}
.drinks-menu .drinks-menu-animation-wrap {width: 908px; height: 45px; float: left;}
.drinks-menu .drinks-menu-animation {width: 908px; height: 45px;}

.one-drink-left {height: 515px; width: 60px; display: block; float: left; background: url(../images/one_drink_left.png) no-repeat center left;}
.one-drink-right {height: 515px; width: 60px; display: block; float: left; background: url(../images/one_drink_right.png) no-repeat center left;}
.one-drink-empty {height: 515px; width: 60px; float: left;}
.one-drink {float: left;}
.one-drink .image{float: left; width: 310px; text-align: center; margin: 0 50px 0 10px; }
.one-drink .description{float: left; width: 460px; margin-right: 45px; }
.one-drink .description h1 {font-size: 44px; color: #17a5c8; line-height: 50px; padding: 10px 0 20px 0; font-weight: 300; position: static;}
.one-drink .description p {padding-bottom: 15px; color: #232323; font-size: 13px; line-height: 14px;}
.one-drink .description p.big {font-size: 22px; line-height: 28px;}
.one-drink .description .half {width: 230px; float: left;}
.one-drink .description h3 {font-size: 18px; line-height: 24px; color: #e76200; font-weight: 400; padding-bottom: 15px;}

/* CONTENT */

article {width: 100%; position: relative; background: url(../images/bg_article.png) repeat-y top center; color: #232323;}
article p {color: #232323; padding-bottom: 20px;}
article .large {font-size: 18px; line-height: 24px;}
article h2 {font-size: 24px; line-height: 26px; color: #17a5c8; padding-bottom: 15px; font-weight: 400;}
article a {text-decoration: underline;}
article a:hover {text-decoration: none;}

article aside {float: left; width: 356px; margin-left: 50px;}
article aside .item {padding: 10px 0; border-bottom: 1px dashed #009bc2; }
article aside .item a {color: #000000;}
article aside .item a.active {font-weight: 700; text-decoration: underline; color: #17a5c8;}
article .date {font-size: 12px; color: #707070; font-weight: 400;}
article aside .item.last {border: 0;}

article .left-content {width: 590px; float: left;}

article a {color: #17a5c8;}

.gallery {}
.gallery .item {float: left; width: 130px; height: 130px; position: relative; margin: 20px 20px 0 0;}
.gallery .item.last {margin-right: 0;}
.gallery .item .img-overlay {width: 130px; height: 130px; position: absolute; top: 0; left: 0; background: url(../images/img_overlay.png) no-repeat top left; }

.map-wrap {position: relative; float: left; margin-right: 20px;}
.map-overlay{width: 650px; height: 470px; position: absolute; top: 0; left: 0; background: url(../images/map_overlay.png) no-repeat top left;}

/* FOOTER */

footer {width: 100%; height: 189px; padding-top: 127px; background: url(../images/bg_footer.jpg) no-repeat top center; margin-top: 3px; }
footer .footer-link {display: block; float: left; height: 18px; line-height: 18px; margin-left: 15px; padding-right: 15px; color: #000000; background: url(../images/bg_footer_link.png) repeat-y top right;}
footer .footer-link.first {margin-left: 0;}
footer .footer-link.last {background: none; padding-right: 0;}
footer .logo {display: block; float: left; width: 635px; height: 61px; background: url(../images/logo_footer.png) no-repeat top left; margin: 35px 0 25px 180px;}
footer .dimmed {color: #858383; font-size: 11px;}
footer .ns {color: #aaaaaa; font-size: 10px;}
footer .ns-img {position: relative; top: 3px; margin-left: 2px;}

/* MISC */
table.form_table .input_text {border: 0; background: url(../images/bg_input.jpg) no-repeat top left; width: 303px; height: 31px; line-height: 31px; padding: 0 5px; font-family: Open Sans, sans-serif; }
table.form_table .textarea {border: 0; background: url(../images/bg_textarea.png) no-repeat top left; width: 303px; height: 110px; line-height: 31px; padding: 5px; font-family: Open Sans, sans-serif; }
table.form_table .art-submit {border: 0; background: url(../images/btn_submit.png) no-repeat top left; width: 183px; height: 43px; line-height: 28px; padding: 0 15px 10px 15px; font-size: 18px; font-weight: 700; color: #17a5c8; margin-top: 15px; cursor: pointer; }
table.form_table label {font-size: 16px; color: #414141;}