/* Normalization css... */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; width: 100%; color: #333; font-family: 'Lora', serif;  font-size: 14px;  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, p, blockquote, figure, ol, ul, li, a { margin: 0; padding: 0; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; margin: 0; text-transform: uppercase; }
h4 { font-size: 16px; margin: 0 0 20px 0; text-transform: uppercase; }
main { display: block; }
strong { font-weight: bold; }
img { border: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: white; }
.ui-widget-content { border: none; }
button,textarea { font-size: 90%; margin: 0; }
ul { vertical-align: top; }
ul li { list-style-image: url('/img/icons/lapa.png'); }


table { border-collapse: collapse; margin: 0 0 20px 0; }
table td, table th { border: none; padding: 3px; position: relative; }
table th { font-size: 16px; }

a:link { text-decoration: none; color: #333; }
a:visited { color: #333; }
a:hover { color: #97AA18; }
a:active {  }
:focus { outline: 0; }

/* BP Colors */
.green { background: #97AA18; }
.charcoal { background: #5e5e5e; }
.tan { background: #cccca3; }


.tableHeading { height: 50px; }

.wrapper { width: 900px; margin: 0 auto; }
.content { padding: 20px 0; }	

.mainHeading { font-size: 20px; margin: 0 0 15px 0; }
.mainText { font-family: 'Lora', serif; font-size: 14px; text-align: justify; }
.mainText ul, .mainText ol { padding: 0; margin: 10px 20px 0 30px; }


/* HEADER */
.header {  }
#home a.homeLink, #services a.servicesLink, #about a.aboutLink, #gallery a.galleryLink, #contacts a.contactsLink { color: #97AA18; border-bottom: 1px solid #97AA18; height: 20px; }
.headerMenu a { text-transform: uppercase; }

.mainFrontLogo { width: 200px; margin: 40px auto; }
.social { position: absolute; top: 20px; left: 20px; }
.lang { display: inline-block; position: absolute; top: 20px; right: 20px; }

/* Dropdown menu - Level 1 */
ul.dropdown									{ position: relative; white-space: nowrap; height: 30px; padding: 0; margin: 0 auto; text-align: center; }
ul.dropdown li								{ display: inline-table; zoom: 1; font-size: 20px; list-style: none; margin: 0 10px; }
ul.dropdown a:hover							{  }
ul.dropdown a:active						{  }
ul.dropdown li a							{ display: block; }
ul.dropdown li:last-child a					{ border-right: none; }
ul.dropdown li.hover, ul.dropdown li:hover	{ position: relative; }
ul.dropdown li.hover a						{  }

/* Dropdown menu - Level 2 */
ul.dropdown ul 		{ visibility: hidden; position: absolute; top: 100%; background: white; text-align: left; font-size: 14px; padding: 5px 0; border: 1px solid gray; }
ul.dropdown ul li 	{ padding: 2px; display: block; font-size: 14px; }
ul.dropdown ul li a	{ border-right: none; width: 100%; display: inline-block; font-size: 14px; }


.slideshow { position: relative; height: 310px;	width: 900px; padding: 0; background-origin: border-box; background-size: cover; background-position: center center; background: #574E39; z-index: -1; box-shadow: 0 0 5px 3px #ccc; }
.slideshow > div { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.bxslider ul, .bxslider li { padding: 0; margin: 0; }
.bx-wrapper { margin-bottom: 20px; }
.slide { width: 100%; max-height: 550px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.slideCaption { position: absolute; background: rgba(0,0,0,0.6); letter-spacing: 1px; word-spacing: 3px; width: 100%; height: auto; text-align: center; }
.captionContent { font-family: 'light', serif; padding: 20px 0; height: auto; width: 85%; margin: 0 auto; }

/*HOME*/

.content table td { border: 1px solid #333; }
#home p { text-indent: 30px; margin-bottom: 5px; }
.news { padding: 20px; text-align: center; box-shadow: 0 0 5px 3px #ccc; margin-bottom: 20px; }
.newsHeading { margin: 0 0 10px 0; font-size: 20px; display: none; }
.newsText { font-size: 16px; }

#services p { text-indent: 30px; margin-bottom: 5px; }
.servicesBP { padding: 20px; width: 585px; display: inline-table; vertical-align: 2px; }
.servicesBP .mainHeading {  }
.servicesBP li a { vertical-align: inherit; color: #97AA18; }

.hoursBP { padding: 50px 20px 16px 17px; width: 230px; height: 325px; display: inline-table; background-image: url('/img/hoursframe.gif'); background-size: 260px 365px; background-repeat: no-repeat; text-align: center; }
.hoursBP .mainText { text-align: center; }
.underTableDesc { padding: 10px 30px 0 30px; display: block; text-align: justify; font-size: 14px; }

.hoursBP .mainText table { margin: 0 auto; text-align: left; width: 185px; }
.hoursBP table td { padding: 1px; }

.pricesBP { padding: 20px; }
.pricesBP .mainText span { display: block; margin: 20px 0; text-align: center; }
.pricesBP .table5 td, .hoursBP table td { border: none; }
.table1, .table2, .table3, .table4 { margin: 0 auto; text-align: center; display: inline-table; vertical-align: top; }
.table1, .table2 {  height: 160px; }
.table1, .table3 { margin-right: 20px; }
.table1 { width: 365px; }
.table3 { width: 400px; }
.table4 { width: 405px; }
.table3, .table4 { height: 130px; }
.table5 { width: 350px; margin: 20px auto 0 auto; border: none; }
.table5 td { padding: 0; }

.spaDay { padding: 20px; }

.faqBP { padding: 20px; }
.faqBP .mainText {  }



/*SERVICES*/
.saunaServices, #noma, #classes, #host, #massage, #hair, #cafe, #history, #media { padding: 20px; /* border-bottom: 2px solid gray; */ }

.cafeLogos { width: 600px; height: 200px; margin: 0 auto; }
.cafeLogos a:first-child { float: left; }
.cafeLogos a:last-child { float: right; }
.subTitle { font-size: 16px; display: block; margin-bottom: -5px; }
.bold {  }

#classes a { color: #74AB2B; text-decoration: underline; }

.legend { position: absolute; top: 85px; left: 0; font-family: Verdana,sans-serif; font-size: 12px; }
.roomColor { display: inline-block; height: 20px; width: 20px; border-radius: 3px; }
.green { background: #A7B828; border: 1px solid #5F6B02; }
.purple { background: #BE9494; border: 1px solid #865A5A; }
.yellow { background: #E0C240; border: 1px solid #AB8B00; }
.blue { background: #94A2BE; border: 1px solid #5A6986; }
.roomText { vertical-align: 6px; margin: 0 0 0 3px; }
.roomBox { margin: 2px 0; }

#accordion { font-family: 'Lora', serif; }
#accordion h3 { cursor: pointer; font-size: 16px; font-weight: 100; border-width: 0 0 1px 0; border-style: solid; border-color: #333; border-radius: 0; }
img.portrait { float: left; margin: 0 20px 20px 20px; width: 125px; }

#noma { position: relative; }
#noma table:first-child { width: 570px; }
#noma table:first-child th { height: 35px; }
.booking { font-size: 16px; padding: 30px 7px; border-radius: 7px; box-shadow: 0 0 5px 3px #ccc; position: absolute; top: 130px; right: 50px; width: 150px; height: 40px; text-align: center; }


.slider { width: 100%; height: 200px; position: relative; padding: 0 1px; float: left; }
.sliderScroll { height: 220px; overflow-x: scroll; width: 100%; margin: 10px 0 10px 0; }
.sliderScroll::-webkit-scrollbar { height: 5px; background-color: white; border: 1px solid #97AA18; }
.sliderScroll::-webkit-scrollbar-thumb { background-color: #97AA18; }
.sliderScroll::-webkit-scrollbar-thumb:hover { background-color: #333; }
.sliderScroll::-webkit-scrollbar-thumb:active { background-color: #333; }


.placeholder1, .placeholder2 { height: 100px; width: 1px; position: absolute; top: 0; }
.placeholder1 { left: 0; }
.placeholder2 { right: 0; } 
.images { white-space: nowrap; }
.images img { height: 200px; }
.images a { margin: 0 10px 0 0; }
.images a:last-child { margin: 0; }


.table6, .table7 { display: inline-table; vertical-align: top; }
.table6 { width: 515px; margin-right: 20px; height: 223px; }
.table6 img { position: absolute; right: 5px; top: 12px; }
.table7 { width: 320px; }
.tableItalic { font-weight: normal; font-style: italic; display: block; }

.food { margin: 0 0 10px 0; }



/* ABOUT */
#about p { text-indent: 30px; margin-bottom: 5px; }
.aboutBP { padding: 20px; }
.aboutBP .mainText { text-align: center; }

#message { padding: 20px; }
.signature { float: right;  margin: -35px 150px 0px 0px; }
.sigIMG { width: 275px; }

#history { text-align: justify; position: relative; padding-bottom: 180px; }
.historyImg { width: auto; height: auto; }
.imgDesc { display: block; text-align: center; font-size: 12px; }
.left { float: left; margin: 10px 15px 15px 0; }
.right { float: right; margin: 10px 0 5px 15px; }

#media { clear: both; }
.pressEntry  { display: inline-table; width: 120px; margin: 10px; text-align: center; }
.pressEntry h4 { font-weight: normal; font-size: 14px; margin: 10px 0 0 0; }
#media .mainText div:first-child { margin: 10px 10px 10px 0; }
#media .mainText div:last-child { margin: 10px 0 10px 10px; }

.fbBox, .twBox { display: inline-table; vertical-align: top; height: 310px; padding-top: 15px; }
.fbBox { width: 60%; margin-right: 20px; }
.twBox { width: 37%; text-align: right; }

#subscribe { text-align: center; margin: 0 auto; padding: 20px 0 20px 0; }
.emailField { font-family: 'Lora', serif; font-size: 12px; color: #333; height: 25px; width: 200px; border: 1px solid #C0C0C0; border-radius: 4px; padding: 0px 5px; margin-left:20px; }
.button { font-family: 'Lora', serif; font-size: 14px; font-weight: bold; color: #fff; height: 25px; width: 65px; border: 1px solid #6e6e6e; border-radius: 4px; background-color: #97AA18; margin: 0 10px; }



/* CONTACT */
.contactBP { padding: 20px; }
.contactBP .mainText { text-align: center; }
.contactLeft { width: 420px; display: inline-table; vertical-align: middle; }
.contactRight { width: 412px; display: inline-table; vertical-align: middle; }

.findBP { padding: 20px; }
.findBP li { font-size: 16px; }
.findBP .mainText {  }
.cabLink { list-style-image: none; font-size: 14px !important; }

.findBP a, .positionsBP a { color: #97AA18; font-size: 1.1em; }
.findBP a:hover .positionsBP a:hover { text-decoration: underline !important; }

.positionsBP { padding: 20px; }
.positions { margin: 25px 0; }
.positionEntry { width: 90%; padding: 0px; margin: 0 auto 40px auto; }
.positionTitle { text-transform: uppercase; font-weight: bold; display: block; margin: 0 0 5px 0; font-size: 17px; }
.positionDesc, .positionDoc { display: inline-block; }
.positionDesc { width: 78%; vertical-align: top; }
.positionDoc { width: 20%; text-align: center; vertical-align: bottom; padding: 0px; }
.positionDoc img { height: 60px; margin: 0px 0px -5px 0px; }
.positionDoc a {text-decoration: none; }
.noPositionsOpen {width: 60%; height: 65px; margin: 30px auto; padding: 30px; font-size: 14px; text-align: center;  border: 1px solid #a3a3a3; border-radius: 4px; }



/*GALLERY*/
.gallerySliderScroll { height: 110px; overflow-x: scroll; width: 100%; margin: 5px 0 20px 0; }
.gallerySlider { width: 100%; height: 100px; position: relative; padding: 0 1px; float: left; }
.placeholder1, .placeholder2 { height: 100px; width: 1px; position: absolute; top: 0; }
.placeholder1 { left: 0; }
.placeholder2 { right: 0; } 
.galleryImages { white-space: nowrap; }
.galleryImages img { height: 100px; }
.galleryImages a { margin: 0 2px 0 0; cursor: pointer; }
.galleryImages a:last-child { margin: 0; }
.gallerySliderScroll::-webkit-scrollbar { height: 5px; background-color: white; border: 1px solid #97AA18; }
.gallerySliderScroll::-webkit-scrollbar-thumb { background-color: #97AA18; }
.gallerySliderScroll::-webkit-scrollbar-thumb:hover { background-color: #333; }
.gallerySliderScroll::-webkit-scrollbar-thumb:active { background-color: #333; }

.galleryBorder { vertical-align: 5px; }

.mainImg { width: 896px; height: 450px; margin: -15px auto auto auto; box-shadow: 0 0 5px 3px #ccc; background-size: cover; background-position: center center; display: block; background-image: url('/img/gallery/1.jpg'); }
#imagelinks { text-align: justify; padding-bottom: 15px; }
.floor1 { /* float: left; */ display: inline-table; }
.floor2 { /* float: right; */ display: inline-table; }
.map {}

.list360 { display: inline-table; padding: 20px 0px 0px 40px; }
.listItem360 { list-style-image: url('/img/icons/360.png'); }
.listItem360 a { height: 35px; vertical-align: middle; margin: 0px; padding: 0px; vertical-align: 9px; }


/* FOOTER */
.footer { /* border-width: 1px 0 0 0; border-color: gray; border-style: solid; */ font-size: 12px; text-align: center; }
.footer table { margin: 0; }
.footerInfo { width: 25%; vertical-align: 45px; display: inline-block; text-transform: uppercase; text-align: right; }

.divider { margin: 5px 0; }

.pageMap { box-shadow: 0 0 5px 3px #ccc; margin: 20px 0 20px 0; padding: 20px; }
.pageMap table { font-size: 12px; padding: 10px; text-align: left; width: 70%; display: inline-block; }
.pageMap table td { padding: 0 0 7px 0; }
.pageMapTop { font-size: 14px; height: 30px;  }
.pageMapBottom { font-size: 11px; height: 20px; }
.pageMap table td { border: none; /* width: 110px; */ }
.pageMapBottom td a { display: inline-block; margin-left: 10px; }
.pageMap table td { border-right: 20px solid white; }


/* ERROR PAGE */
.errorText { color: black; width: 80%; margin: 0 auto; }
.number { height: 150px; font-size: 100%; border-right: 3px solid black; display: inline-block; font-size: 150px; min-width: 210px; width: 30%; vertical-align: middle; }
.sideText { height: 135px; width: 65%; display: inline-block; font-size: 40px; vertical-align: middle; position: relative; padding: 45px 0 0 20px; }
.errorLink { position: absolute; font-size: 20px; color: black; width: 195px; bottom: 10px; right: 0; }
.errorLink a { color: #009CDE; }

label.error { z-index: 999; color: #b80000; white-space: nowrap; }