/*
font-family: 'Khand', sans-serif;
font-family: 'Open Sans', sans-serif;

#5xab62d
#bx72
#9xc6b30

*/

img, legend {border:0;} legend, td, th {padding:0;} html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} body {margin:0;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;} audio, canvas, progress, video {display:inline-block; vertical-align:baseline;} audio:not([controls]) {display:none; height:0;} [hidden], template {display:none;} a {background-color:transparent;} a:active, a:hover {outline:0;} abbr[title] {border-bottom:1px dotted;} b, optgroup, strong {font-weight:700;} dfn {font-style:italic;} h1 {font-size:2em; margin:.67em 0;} mark {background:#ff0; color:#000;} small {font-size:80%;} sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;} sup {top:-.5em;} sub {bottom:-.25em;} svg:not(:root) {overflow:hidden;} figure {margin:1em 40px;} hr {box-sizing:content-box; height:0;} pre, textarea {overflow:auto;} code, kbd, pre, samp {font-family:monospace, monospace; font-size:1em;} button, input, optgroup, select, textarea {color:inherit; font:inherit; margin:0;} button {overflow:visible;} button, select {text-transform:none;} button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button; cursor:pointer;} button[disabled], html input[disabled] {cursor:default;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} input {line-height:normal;} input[type=checkbox], input[type=radio] {box-sizing:border-box; padding:0;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height:auto;} input[type=search] {-webkit-appearance:textfield; box-sizing:content-box;} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none;} fieldset {border:1px solid silver; margin:0 2px; padding:.35em .625em .75em;} table {border-collapse:collapse; border-spacing:0;} 

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
#fancybox-wrap, #fancybox-wrap * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

html, body {margin: 0; padding: 0;}
html {font: 300 14px/1.5 'Roboto', sans-serif; color: #333; background: #fff;}

h1 {margin: 0; font-size: 36px; font-weight: 300; color: #9b6b30; font-family: 'Khand', sans-serif;}
h2 {margin: 20px 0 0; font-size: 28px; font-weight: 300; color: #9b6b30; font-family: 'Khand', sans-serif;}
h3 {margin: 20px 0 0; font-size: 13px; font-weight: 300; font-family: 'Khand', sans-serif;}

p {margin: 20px 0;}
ul, ol {margin: 20px 0; padding: 0 0 0 40px;}

h1 + p {margin: 10px 0 20px;}
h2 + p {margin: 10px 0 20px;}
h3 + p {margin: 10px 0 20px;}
h2 + ul, h2 + ol {margin: 10px 0 20px;}
h3 + ul, h3 + ol {margin: 10px 0 20px;}
h1 + h2 {margin: 10px 0 0;}
h2 + h3 {margin: 10px 0 0;}

h2 + table {margin: 10px 0 20px;}
h3 + table {margin: 10px 0 20px;}

a {color: #9b6b30; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: none;}

b, strong {font-weight: 500;}

hr, .shadow {display: block; background: url('../img/shadow.png') no-repeat center top; height: 30px; margin: 40px 0 20px; border: none; opacity: 0.5;}

::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000; opacity: 1;}
::-moz-placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000;}

::selection {background: #3297fd; color: #fff;}
::-moz-selection {background: #3297fd; color: #fff;}

.left {float: left;}
.right {float: right;}
.clr {clear: both;}

.tc {text-align: center !important;}
.tr {text-align: right !important;}

.cf::before, .cf::after {content:""; display:table;}
.cf::after {clear:both;}
.cf {zoom:1;}

.in {position: relative; width: 100%; min-width: 320px; max-width: 1240px; margin: 0 auto; padding: 0 20px;}

.head {position: relative; margin: 0 0 30px; padding: 0; background: #eee url('../data/files/img/head.jpg?1806') center bottom no-repeat; background-size: cover;}
.head::before {content: ''; position: absolute; left: 0; right: 0; top: 58px; height: 60px; background: #fff;}
.head::after {content: ''; position: absolute; left: 0; right: 0; bottom: -30px; height: 30px; background: #9b6b30 linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));}
.head .in {height: 500px;}
.head .logo {position: relative; display: block; width: 270px; padding: 10px 20px; background: #9b6b30; z-index: 3; border-radius: 0 0 5px 5px;}
.head .logo img {display: block; max-width: 100%;}

.head .menu {position: absolute; top: 58px; left: 0; right: 20px; margin: 0; padding: 0 0 0 290px; line-height: 54px; font-family: 'Khand', sans-serif; font-size: 22px; text-align: left; z-index: 2;}
.head .menu li {display: inline-block; margin-left: 20px;}
.head .menu li a {display: block; padding: 3px 5px; text-decoration: none; background: #fff;}
.head .menu li a:hover {padding-bottom: 0; border-bottom: 3px solid #9b6b30}

.head .claim {position: absolute; bottom: 102px; left: 20px; margin-left: 1em; text-indent: -1em; color: #fff; font-family: 'Khand', sans-serif; font-size: 60px; font-weight: 500; line-height: 1; text-shadow: 0 0 10px rgba(0, 0, 0, .8);}

.head .lang {position: absolute; right: 0; top: 78px; z-index: 2;}
.head .lang a {display: inline-block; margin: 0;}
.head .lang a img {display: block;}


.foot {background: #9b6b30 linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); color: #fff; box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.2);}
.foot .in {padding-top: 25px; padding-bottom: 25px;}
.foot .right {text-align: right;}
.foot a {color: #fff; text-decoration: none;}
.foot a:hover {text-decoration: underline;}

.main {margin: 0 auto; padding: 40px 0 0; background: #fff;}
.main .content-wrap {width: 100%; float: left;}
.main .content {clear: both; margin-right: 340px; padding: 0 0 50px;}
.main .content img {max-width: 100%;}
.main .aside {float: right; width: 300px; margin-left: -300px; padding: 0 0 0 40px; border-left: 1px solid #eee;}

.slideshow {position: relative;}
.slideshow img {display: block;}
.slideshow .slidesjs-container {position: relative; z-index: 2;}
.slideshow .slidesjs-pagination {position: absolute; bottom: 10px; right: 0; left: 0; margin: 0; padding: 0; z-index: 2; text-align: center;}
.slideshow .slidesjs-pagination li {display: inline-block; margin: 0 2px;}
.slideshow .slidesjs-pagination li a {display: block; width: 15px; height: 15px; background: #fff; text-indent: -999px; overflow: hidden; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, .5);}
.slideshow .slidesjs-pagination li a.active {background: #9b6b30;}

.pokoje {}
.pokoje h2 {margin-top: 0;}
.pokoje h2 a {text-decoration: none;}
.pokoje h2 a:hover {text-decoration: underline;}
.pokoje .item-wrap {margin: 10px -2% 0;}
.pokoje .item {float: left; width: 29.3333%; margin: 0 2%;}
.pokoje .item h3 {margin: 10px 0 0; font-weight: 500; text-align: center; font-size: 22px;}
.pokoje .item h3 a {text-decoration: none;}
.pokoje .item h3 a:hover {text-decoration: underline;}
.pokoje .item p {margin: 0; text-align: center;}
.pokoje .item img {max-width: 100%; vertical-align: middle;}

.gallery {position: relative; margin: 10px 0;}
.gallery-page {margin: -.5%;}
.gallery a {position: relative; display: block; float: left; width: 32.3333%; margin: .5%; box-shadow: 0 0 5px rgba(0, 0, 0, .2); color: #fff; transition: transform .2s;}
.gallery a:hover {transform: scale(1.1); filter: grayscale(0%); z-index: 2;}
.gallery a img {display: block; width: 100%;}
.gallery a p {position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 10px; background: rgba(0, 0, 0, .25);  transition: opacity .2s;}
.gallery a:hover p {opacity: 0;}

.gallery-detail iframe {width: 100%; height: 250px;}

.js .gallery3x3 {padding: 0;}
.js .gallery3x3-wrap {position: relative; width: 100%; height: 0; padding: 0 0 75.44%;}
.js .gallery3x3 .gallery-page {position: absolute; top: 0; left: 0; width: 101%; margin: -.5%;}
.js .gallery3x3 .gallery3x3-prev, .js .gallery3x3 .gallery3x3-next {position: absolute; top: 50%; left: -28px; width: 24px; height: 34px; background: #9b6b30 url('../img/arrow-white.png') 0 0 no-repeat; cursor: pointer;}
.js .gallery3x3 .gallery3x3-prev:hover, .js .gallery3x3 .gallery3x3-next:hover {opacity: .5;}
.js .gallery3x3 .gallery3x3-next {right: -29px; left: auto; background-position: 0 -34px;}

.categories {width: 100%; margin: 10px 0; text-align: center;}
.categories a {display: inline-block; margin: 0 5px 10px 0; padding: 10px 20px; text-decoration: none; color: #fff; background: #9b6b30 linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));}
.categories a:hover {background: #000;}

.mapa {height: 330px; margin: 50px auto 0; background: #9b6b30 url('../img/mapa.png') center 0 no-repeat;}

.button {display: inline-block; width: 100%; padding: 20px; background: #9b6b30; background: #9b6b30 linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); border: 1px solid #9b6b30; color: #fff; text-transform: uppercase; font-weight: 500; text-decoration: none; border-radius: 5px; text-align: center;}
.button:hover {background: #fff; color: #9b6b30;}

a.fb-link {display: inline-block; padding: 0 0 0 42px; line-height: 32px; text-decoration: none; color: #485992; font-weight: 500; background: url('../img/icon-fb.png') left center no-repeat; background-size: 32px;}
a.fb-link:hover {text-decoration: underline;}

.yt-wrap {position: relative; width: 100%; height: 0; margin: 20px 0; padding: 0 0 56.25% 0;}
.yt-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.box {margin: 0 0 40px;}
.box h2 {margin: 0 0 10px; font-size: 22px;}
.box h2 .fa {font-size: 16px; vertical-align: middle;}
.box img {max-width: 100%}

.box.news {padding: 20px; background: #f2f1e1; border: 1px solid rgba(0, 0, 0, .1); font-size: 13px; border-radius: 5px;}
.box.news h3 {margin-top: 20px; padding: 20px 0 0; color: #9b6b30; font-size: 16px; font-weight: 500; border-top: 1px dashed #9b6b30}
.box.news h2 + h3 {margin-top: 10px; padding-top: 0; border-top: 0;}
.box.news p, .box.news ul {margin: 5px 0 0;}

.article {margin: 10px 0 0;}
.article h2 {margin: 0 0 20px; line-height: 1;}
.article__img {margin: 20px 0;}
.article__img img {vertical-align: middle;}

table {margin: 12px 0; border-collapse: collapse; border: 1px solid #ddd;}
table tr:nth-of-type(2n+1) {background: #f7f7f7;}
table th {text-align: left; font-weight: 500; color: #333; background: #f7f7f7; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff inset;}
table th, table td {padding: 5px 10px;}
table td a {color: #333;}
table.vertical th {border-bottom: none; border-right: 1px solid #ddd; background: #f7f7f7; box-shadow: none;}
table.vertical th, table.vertical td {border-bottom: 1px solid #ddd;}
table.vertical tr:nth-of-type(2n+1) {background: transparent;}

.alert {margin: 0 0 40px; padding: 20px; border: 1px solid #c3e6cb; background: #d4edda; color: #155724; text-align: center; font-weight: 500; border-radius: 5px;}

form.form-rezervace .row {margin: 0 0 10px;}
form.form-rezervace .left {width: 49%;}
form.form-rezervace .right {width: 49%;}
form.form-rezervace label {display: block; font-weight: 500;}
form.form-rezervace input, form.form-rezervace textarea {font: 300 14px/1.5 'Roboto', sans-serif}
form.form-rezervace input[type=text], form.form-rezervace input[type=date] {width: 100%; padding: 10px; border: 1px solid #ccc;}
form.form-rezervace textarea {width: 100%; height: 200px; padding: 10px; border: 1px solid #ccc;}
form.form-rezervace input[type=checkbox] + label {display: inline;}
form.form-rezervace input[type=submit] {display: inline-block; min-width: 200px; padding: 20px; background: #9b6b30; background: #9b6b30 linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); border: 1px solid #9b6b30; color: #fff; text-transform: uppercase; font-weight: 500; text-decoration: none; border-radius: 5px; text-align: center;}
form.form-rezervace input[type=submit]:hover {background: #fff; color: #9b6b30;}
form.form-rezervace .validator-msg {color: #f00;}
.js form.form-rezervace .validator-msg {display: none;}

@media (max-width: 1280px) {
	.js .gallery3x3 {padding: 0 10px;}
	.js .gallery3x3 .gallery3x3-prev {left: -18px;}
	.js .gallery3x3 .gallery3x3-next {right: -18px;}
}
@media (max-width: 1200px) {
	.head {background-image: url('../data/files/img/head-1100.jpg');}
}
@media (max-width: 1090px) {
	.head .menu li {margin-left: 10px;}	
}
@media (max-width: 1023px) {
	.head::before {top: 37px; height: 40px;}
	.head .in {height: 300px;}
	.head .logo {width: 180px;}
	.head .menu {top: 37px; font-size: 18px; line-height: 31px; padding-left: 200px;}
	.head .menu li {margin-left: 10px;}
	.head .menu li a {padding-top: 6px;}
	.head .claim {bottom: 52px; font-size: 40px;}
	
	.head .lang {top: 10px; right: 10px;}

	.main .content {margin-right: 250px;}
	.main .aside {width: 230px; margin-left: -230px; padding: 0 0 0 20px;}

	.pokoje .item h3 {font-size: 18px;}
	.box h2 {font-size: 18px;}
}
@media (max-width: 820px) {
	.head {background-image: url('../data/files/img/head-800.jpg');}
}
@media (max-width: 767px) {
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	.head::before {display: none;}
	.head .in {height: auto;}
	.head .logo {margin: 20px auto; border-radius: 5px;}
	.head .menu {position: static; margin: 0 -20px; padding: 0; background: transparent; text-align: center;}
	.head .menu li {margin: 0 5px 10px;}
	.head .menu li a {padding-left: 7px; padding-right: 7px; border-radius: 5px;}
	.head .claim {position: static; margin: 10px 0 20px; text-indent: 0; text-align: center; font-size: 30px;}
	
	.categories {text-align: left;}
	.categories a {padding: 5px 10px;}
}
@media (max-width: 620px) {
	.foot .left, .foot .right {float: none; text-align: center;}

	.main .content-wrap {float: none;}
	.main .content {margin: 0; padding: 0;}
	.main .aside {position: relative; width: auto; margin: 0 -20px; padding: 30px 20px 0; border-left: none;}
	.main .aside::before {content: ''; position: absolute; top: 0; left: 0; right: 0; background: url('../img/shadow.png') no-repeat center top; width: 100%; height: 30px; margin: 0; opacity: 0.5;}
}
@media (max-width: 480px) {
	.pokoje {margin: 0;}
	.pokoje .item {float: none; width: auto; margin: 0 0 20px;}
	
	form.form-rezervace .left, form.form-rezervace .right {float: none; width: auto;}
	form.form-rezervace input[type=submit] {width: 100%;}
}



.reservation {position: relative;}
.reservation:not(.loaded) {min-height: 31px; background: url('../img/loading.gif') center no-repeat;}

.reservation__fade {display: none; position: absolute; right: 0; top: 0; width: 30px; height: 100%; height: calc(100% - 45px); z-index: 3; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 2%, rgba(255,255,255,0.75) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,0.75) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,0.75) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfffffff',GradientType=1 );}
.reservation__fade::after {content: ''; position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-top: -8px; border-style: solid; border-width: 7.5px 0 7.5px 15px; border-color: transparent transparent transparent rgba(0, 0, 0, .25 ); z-index: 0;}
@media (max-width: 1256px) {.reservation__fade {display: block;}}

.reservation__wrap {position: relative; width: 100%; overflow: auto; overflow-y: hidden;}

.reservation__date {position: absolute; top: 0; left: 0; z-index: 2;}
.reservation__date select {width: 68px; margin: 0 0 0 5px; padding: 3px; font-size: 16px; border: 1px solid #bbb;}
.reservation__date select:first-child {width: 100px; margin-left: 0;}

.reservation__calendar {position: relative; width: 860px; z-index: 1;}

.reservation__head {margin: 0 0 5px; line-height: 15px; white-space: nowrap;}
.reservation__room {height: 21px; line-height: 21px; margin: 0 0 10px;}
.reservation__room:hover {font-weight: bold; color: #9b6b30;}

.reservation__head span,
.reservation__room span {position: relative; display: inline-block; width: 22px; height: 21px; background: #eee; vertical-align: middle; border-right: 1px solid #ccc;}
.reservation__room.is--even span {background-color: #ddd; border-color: #bbb;}
.reservation__head span:last-child,
.reservation__room span:last-child {border-right: none;}
.reservation__head span.is--title,
.reservation__room span.is--title {width: 178px; background: #fff; border-right: none;}
.reservation__room:hover span {background: #dccbb6; border-color: #b49064;}
.reservation__room:hover span.is--title {background: #fff;}

.reservation__head span {height: 30px; font-size: 12px; text-align: center; background: #fff; border-color: #ddd;}
.reservation__head span small {display: block;}
.reservation__head span.is--disabled {color: #bbb;}

.reservation__head span.is--disabled,
.reservation__room span.is--disabled,
.reservation__room.is--even span.is--disabled,
.reservation__room:hover span.is--disabled {background: #f7f7f7; border-color: #e7e7e7;}
.reservation__room span.is--weekend {background: #ddd;}
.reservation__room.is--even span.is--weekend {background: #ccc;}
.reservation__room:hover span.is--weekend {background: #c8ad8d;}
.reservation__room span.is--booked,
.reservation__room.is--even span.is--booked,
.reservation__room:hover span.is--booked  {background: #f00;}

.reservation__room span.is--booked_in::before {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 21px 21px; border-color: transparent transparent #f00 transparent; z-index: 0;}
.reservation__room span.is--booked_out::after {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 21px 21px 0 0; border-color: #f00 transparent transparent transparent; z-index: 0;}

.reservation__description {margin: 20px 0 0; padding: 0 0 0 178px; line-height: 25px; text-align: center; }
.reservation__description span {display: inline-block; margin: 0 5px;}
.reservation__description span i {position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px 0 0; vertical-align: text-bottom; border: 1px solid rgba(0, 0, 0, .1);}
.reservation__description span i.is--booked {background: #f00; vertical-align: text-bottom; border: 1px solid rgba(0, 0, 0, .1);}
.reservation__description span i.is--booked_in::before {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 13px 13px; border-color: transparent transparent #f00 transparent; z-index: 0;}
.reservation__description span i.is--booked_out::after {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 13px 13px 0 0; border-color: #f00 transparent transparent transparent; z-index: 0;}
@media (max-width: 1256px) {.reservation__description {padding: 0;}}