html {box-sizing: border-box; font-size: 100%;}
*,*:before, *:after{box-sizing:inherit;}

html, body {margin: 0; padding: 0; width: 100%;}
body {min-height: 100%;}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 15px;
	line-height: 1.4;
	background: white;
	color: #000;
}

a {color: #00bcdd; text-decoration: underline;}
a:hover, a:active {color: #00bcdd; text-decoration: none;}

a img {border: 0;}
b, strong, .bold {font-weight: 700;}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	font-family: 'isidora', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #000;
	margin: 0.7em 0 0.4em;
}
h1 {margin: 1em 0 0.5em;}

h1 {font-size: 34px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

/*removes margin of each element which is first child of an subelement*/
h1:first-of-type {margin-top: 0 !important;}

/* Add margins to floating images by tinymce */
img[style~="left;"]  {margin:0 1em 1em 0;}
img[style~="right;"]  {margin:0 0 1em 1em;}

/* Form basics */
form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: 0;}
legend {padding: 0; font-weight: 700; margin: 1em 0;}
input, textarea, select{
	font-size: 1em;
	font-family: inherit;
}

/******************/
/* TODO / REM */
.b-btn {
	font-size: 20px;
	font-family: 'isidora';
	font-weight: bold;
	box-shadow: 0 2px 5px 0 rgba(0, 1, 1, .2)
}

.s-btn{
	font-size: 18px;
	font-family: 'isidora';
	font-weight: bold;
}
/*****************/

/* Buttony na odkazu v textu */
a.b-btn, a.s-btn {
	font-family: 'isidora';
	font-weight: bold;
	box-shadow: 0 2px 5px 0 rgba(0, 1, 1, .2);
	display: inline-block;
	background: #00bcdd;
	color: white;
	padding: 12px 18px 8px;
	border-radius: 3px;
	text-decoration: none;
	line-height: 1;
	text-align: center;
}
a.b-btn {font-size: 20px;}
a.s-btn {font-size: 18px;}

a.b-btn:focus, a.s-btn:focus,
a.b-btn:hover, a.s-btn:hover {
	background-color: #00a4c1;
}

a.s-btn.active {
	background-color: #00a4c1;
}

a.s-btn.page-btn {
	margin-right: 5px;
}

a.red-btn {background-color: #e0601a} /* Back button only */
a.red-btn:focus, a.red-btn:hover {background-color: #c54f0e;}

input,
button {
	margin: 0;
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 0.5em;
}

input.submit,
input[type="submit"],
button.submit,
button[type="submit"] {
	background: #00bcdd;
	color: white;
	cursor: pointer;
	border: 0;
	padding: 12px 24px 8px;
	border-radius: 3px;
	line-height: 1.1;
}

input.submit:hover,
input[type="submit"]:hover,
button.submit:hover,
button[type="submit"]:hover {
	background: #00bcdd;
}

input.placeholder {color: #999}
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}
textarea {display: block; resize:vertical; height: 90px; background-color: #fff; border: 1px solid #aaa; width: 100%;
	box-sizing: border-box; padding: 0.5em; margin: 0;}
select {box-sizing: border-box; margin: 0;  background-color: #fff;}
select option {background-color: #fff;}

select, input {
	border: 1px solid rgb(226,154,0);
	border-radius: 4px;
	padding: 9px 6px 7px;
	width: 100%;
	line-height: 1;
}

select {
	--padding: 0.5em;
	--line-height: 1.2em;
	--background: #fff;
}

/* box siying for some elements */
table, tr, th, td, input {box-sizing: border-box;}

/* Default list style */
ul {padding-left: 1.1em;}
ul li {margin: 0.2em 0; line-height: 1.4;}

/* UL layout for programmers ;) */
ul.layout {margin: 0; padding: 0; list-style: none;}
ul.layout li {margin: 0; padding: 0;}
ul.layout li a {display: block;}

/* clearfix for floating uls */
/*ul.clearfix:after {content: ' '; display: table; clear: both}*/ /* Bootstrap has its own clearfix defined */

/* Paragrapgs and perex by tinymce */
p {margin: 1em 0;}

/* Perex */
p.perex, blockquote {
	font-size: 18px; line-height: 1.3; color: #000;
	margin-left: 0; margin-right: 0; margin-bottom: 40px;
}

/* Perex */
p.greater {
	font-size: 18px; line-height: 1.3; color: #000; margin: 1em 0;
}

p span[style] {line-height: 1.4em}

p.hilighted {
	background-color: #fffcc9;
	padding: 1em;
	border-radius: 5px;
}

/* Citations */
p.cite {
	font-style: italic;
	background-color: #FDF7CD;
	padding: 0.5em 0.9em;
	padding-right: 45px;
	position: relative;
	font-size: 17px;
}

p.cite:before {
	font-family: 'FontAwesome', sans-serif;
	content: "\201D";
	float: right;
	font-size: 46px;
	color: #b3ad82;
	position: absolute;
	top: 0;
	right: 15px;
}

/* Bacis tables */
table {font-size: 1em; border-collapse: collapse; border-spacing: 1px; margin-top: 0; margin-bottom: 2em;}
table tr {}
table td {border: 1px solid #aaa; padding: .3em .5em}
table tbody td {font-size: 15px; background: #f2f2f2; vertical-align: top;}
table thead td, table th {
	padding: .4em .5em .3em; border: 1px solid #aaa; border-bottom: 2px solid #555 !important;
	font-size: 15px; font-weight: bold; background: #d3d3d3; color: black; text-align: left;
}

/* Lined table */
table.lines {}
table.lines tr {}
table.lines td {border: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
table.lines thead td, table.lines th {background-color: #d3d3d3; border: 0; border-bottom: 1px solid #aaa !important;
	font-weight: 700; color: black}
table.lines tbody td {}

/* Layout table */
table.layout {border-spacing: 0; border: 0; width: 100%}
table.layout td, table.layout th {padding: 0; padding-bottom: 5px; padding-top: 5px; vertical-align: top; background-color: transparent; border: 0 !important;}

/* Responsive 2col table */
table.responsive2col {width: 100%}
table.responsive2col td, table.responsive2col th {width: 50%; vertical-align: top; background-color: inherit; border-bottom: inherit !important; font-weight: normal;}

/* Price table */
table.price {border: 0; border-collapse: collapse; margin: 0.5em 0;}
table.price tr th, table.price tr td {
	text-align: left; font-size: 13px; padding: 0.4em 0.5em;
	border: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;
}
table.price thead td, table.price tr th {font-weight: bold; border-bottom: 0 !important;}
table.price tbody tr td {vertical-align: top;}
table.price tbody tr:nth-child(odd) td {background-color: rgba(200,200,200,0.2)}
table.price tbody tr:nth-child(even) td {background-color: rgba(255,255,255,0.5)}
table.price tbody tr:hover td {background-color: #e2fbff;}
table.price tbody tr:focus td {background-color: #e2fbff;}
table.price a {white-space: nowrap;}
table.price a:after {
	content: '\f105'; 
	font-family: 'FontAwesome'; 
	padding-left: 5px; 
	text-decoration: none;
	display: inline-block;
}

table tr:nth-child(even) td {
	background-color: #fff !important;
}

/* Responsive attributes for all images */
img {max-width: 100%; height: auto;}


/* ---------------- header ---------------- */

header{background: #0e2960; padding: 1.2em 0 1.1em}
main {
	background-color: #fff;
	background: -webkit-linear-gradient(180deg, #e5e5e5 0%, #fff 200px);
	background: -moz-linear-gradient(180deg, #e5e5e5 0%, #fff 200px);
	background: -o-linear-gradient(180deg, #e5e5e5 0%, #fff 200px);
	background: -ms-linear-gradient(180deg, #e5e5e5 0%, #fff 200px);
	background: linear-gradient(180deg, #e5e5e5 0%, #fff 200px);
}

img.logo {width: 273px; height: auto; margin-top: 0;}

/* SEARCH */
.search-block {
	background-color: #555; color: white; padding: 1em 0; 
	box-shadow: inset 0px -3px 5px #444; display: none;
}
.search-block form {}
.search-block fieldset {}
.search-block h2 {
	font-size: 32px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal; 
	margin: 0; 
	color: white; 
	display: block;
	line-height: 1.3;
}
.search-block input {width: auto; box-shadow: 0 0 5px #333;}
.search-block input.text {border: 0; color: black}
.search-block input.submit {padding: 10px 14px 8px; font-weight: bold;}
.search-block .search-tips {margin-top: 5px}
.search-block .search-close {text-decoration: none; font-size: 0;}
.search-block .search-close:before {
	display: block; font-family: Verdana, sans-serif; content: "×";
	font-weight: bold; font-size: 38px; text-align: center; color: white;
	position: absolute; top: 0px; right: 16px; line-height: 1;
}

/* MAIN MENU */

/* http://pencidesign.com/soledad/ - updated original code */
.open-sidebar-nav {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
} /* open menu disables page scrolling */

.open-sidebar-nav .main-navigation {
	left: 300px;
}
.open-sidebar-nav a.mobile-menu-close {
	left: 280px; visibility: visible; opacity: 1; -moz-opacity: 0.5; -khtml-opacity: 1;
}

.main-navigation {
	font-family: 'isidora'; font-weight: 600; font-size: 16px; font-style: normal;
	position: fixed; background: white; width: 280px; height: 100%; z-index: 9999;
	top: 0; left: 0px; overflow-y: auto; overflow-x: hidden;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
	transform: translateX(-300px); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px);
}

/* search link */
.main-navigation a.search-link {display: block; margin: 1em 0; padding: 0.5em 0 0.4em; text-decoration: none; font-size: 14px;}
.main-navigation a.search-link:hover {background-color: #f3f3f3;}
.main-navigation a.search-link i.fa {margin-right: 2px;}

/* Scrollbar */
.main-navigation::-webkit-scrollbar-track{background-color: #555;}
.main-navigation::-webkit-scrollbar{width: 5px; background-color: #aaa;}
.main-navigation::-webkit-scrollbar-thumb {background-color: #aaa;}

/* Menu */
.main-navigation div:first-of-type{padding: 0;}
.main-navigation ul {padding: 0; margin: 0;}
.main-navigation li {list-style: none; margin: 0; padding: 0; border-top: 1px solid #ddd; position: relative;}
.main-navigation li:first-child {}
.main-navigation li a {color: black; text-decoration: none; padding: 11px 0 10px 15px; display: inline-block; position: relative; font-size: 16px; width: 100%;}
.main-navigation li a:hover {
	color: black; background: #f3f3f3; 
	-moz-transition: color 0.3s, background-color 0.3s;
	-webkit-transition: color 0.3s, background-color 0.3s;
	transition: color 0.3s, background-color 0.3s;
}
.main-navigation li a:active {color: #00bcdd; background: #eee;}
.main-navigation li a.submenu-opener:active {color: black; font-weight: normal; background: white;}
.main-navigation li.active > a {color: #00bcdd;}

li.has-submenu {}
li.has-submenu a.submenu-opener {}
li.has-submenu a.submenu-opener i.fa {position: absolute; top: 15px; right: 15px;}
li.has-submenu a.submenu-opener.opened {background-color: aliceblue;}

/* Submenu */
ul.submenu {display: none;}
ul.submenu li:first-child {border-top: 1px solid #ddd; left: 0;}
ul.submenu li a {padding-left: 30px; color: #777;}
/* 3rd level submenu */
ul.submenu li ul.submenu li a {padding-left: 60px;}

/* Mobile menu - close button */
a.mobile-menu-close {
	position: fixed; visibility: hidden; top: 0; left: 0; right: 0; z-index: 9999; opacity: 0;
	text-decoration: none; font-size: 0; padding: 10px; color: transparent; background: rgba(0,0,0,0.5);
	height: 100%; width: 100%;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
a.mobile-menu-close:before {
	display: block; font-family: Verdana, Geneva, sans-serif; content: "×";
	font-weight: bold; font-size: 16px; text-align: center; color: black; background: white;
	position: absolute; top: 8px; left: 8px;
	width: 24px; height: 24px; border-radius: 50%; line-height: 23px;
}

/* Mobile menu - opener */
.mobile-menu-content {float: right;}
.mobile-menu-content a.mobile-menu-open {color: white; text-decoration: none;}
.mobile-menu-content i.fa {display: block; text-align: center; font-size: 28px;}

/*flags*/
.flags { margin: 13px;}
.flags a{  padding-right: 5px;}


/* ---------------- Main ---------------- */

/* ---- breadcrumbs ---- */
.sec-navigation {font-size: 13px; line-height: 1.6; margin: 1em 0 1.5em}
.sec-navigation a {
	color: #777; display: inline-block; background-color: #fff; 
	border: 1px solid #ccc; border-radius: 3px;
	padding: 4px 7px 2px; text-decoration: none; margin-bottom: 0.5em;
}
.sec-navigation a:hover {background-color: #e2fbff; color: black}
.sec-navigation span {margin-bottom: 0.5em;}
.sec-navigation span:after {content: '\f105'; font-family: 'FontAwesome', sans-serif; margin-left: 5px}
.sec-navigation span:last-child {display: inline-block;}
.sec-navigation span:last-child:after {content: none;}


/* ---- third-navigation-content ----*/
.third-navigation {margin: 20px 0 20px;}
.third-navigation .navyline {display: none}
.third-navigation ul {list-style: none; padding: 0; margin: 0;}
.third-navigation ul li {display: block; padding: 0; margin: 10px 0;}
.third-navigation a {
	font-size: 18px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 15px 8px;
	display: inline-block;
	border: solid 1px #cdcdcd;
	border-bottom: 5px solid #112b60;
	background: #ececec;
	width: 100%;
	border-radius: 3px;
	text-align: left;
	background-color:  #ddd;
	background: -webkit-linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
	background: -moz-linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
	background: -o-linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
	background: -ms-linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
	background: linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
}
.third-navigation a.active {
	border-bottom: 5px solid #00bcdd;
	background-color: #fff;
	background: -webkit-linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
	background: -moz-linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
	background: -o-linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
	background: -ms-linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
	background: linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
}
.third-navigation a:focus {border-bottom: 5px solid #00bcdd;}


/* ------ fourth-navigation-container -------- */
.fourth-navigation {margin: 20px 0 20px;}
.fourth-navigation .navyline {display: none}
.fourth-navigation ul {list-style: none; padding: 0; margin: 0;}
.fourth-navigation ul li {display: block; padding: 0; margin: 10px 0;}
.fourth-navigation a {
	font-size: 18px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 15px 8px;
	width: 100%;
	text-align: left;
	border: 1px solid #ccc;
	border-top: 5px solid #ccc;
	border-radius: 3px;
	background-color:  #ddd;
	background: -webkit-linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
	background: -moz-linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
	background: -o-linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
	background: -ms-linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
	background: linear-gradient(0deg, #ddd 0%, #eee 40%, #f3f3f3 100%);
}
.fourth-navigation .active {
	border-top: 5px solid #00bcdd;
	background-color: #fff;
	background: -webkit-linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
	background: -moz-linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
	background: -o-linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
	background: -ms-linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
	background: linear-gradient(0deg, #e9e9e9 0%, #fcfcfc 40%, #fff 100%);
}
.fourth-navigation a:focus {border-top: 5px solid #00bcdd;}


/* ---- content-one/content-one-gallery ----*/
.content-one {}
.content-one-gallery {text-align: center;}

/* Div pro button hledat nad gelrií */
.jump-search {margin: 1em 0 2em}

.prize-anchor-box {margin-bottom: 3em;}
.back-btn {margin: 1em 0 2em}

/* Gallery */
.gallery {padding: 0; margin-bottom: 1em}
.gallery .big-image {padding-bottom: 10px; position: relative;}
.gallery .big-image img {max-width: 100%; border-radius: 5px;}
.gallery ul a {display: block; position: relative;}
.gallery ul a div.image-cover {display: none;}
.gallery ul a:hover div.image-cover {
	display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	cursor: pointer; text-align: center;
	background-color: rgba(47, 129, 189, 0.5); border-radius: 2px;
}
.gallery ul a:hover div.image-cover i.fa {
	font-size: 14px; line-height: 1.2; color: white;
	position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);
}
.gallery ul {}
.gallery ul li {width: 25%; display: block; float: left; padding: .3em 0em;}
.gallery ul li.onload {display: none}
.gallery ul li.loaded {display: block}
.gallery ul li img {border-radius: 2px;}

.gallery-link {font-size: 19px; margin-bottom: 2em; text-align: center;}


/* labels over image in gallery */
.labels-block {right: -7px; position: absolute; top: 20px; z-index: 10;}
.labels-block .img-label {
	box-shadow: 0 2px 0 rgba(0,0,0,0.3);
	color: white; 
	font-weight: bold; 
	font-size: 15px;
	display: block; 
	float: right; 
	clear: right; 
	padding: 6px 10px; 
	line-height: 1.4; 
	border-radius: 3px; 
	margin-bottom: 7px;
}
.labels-block .orange {background-color: #f24d13;}
.labels-block .green {background-color: #00ad08;}
.labels-block .purple {background-color: #9000c5;}
								

/* Content boxes barevne boxy v textech */
.content-box {padding: 1em 1em; border-radius: 5px; margin: 1em 0}
.content-box.blue {background-color: #e2fbff;}
.content-box.blue p {font-size: 18px; line-height: 1.4;}
.content-box.yellow {background-color: #febe10;}
.content-box.yellowlight {background-color: #fffcc9;}
.content-box.yellow p {font-size: 18px; line-height: 1.4;}
.content-box.discount {background-color: #ffece2;}
.content-box.terms-taxes {background-color: #eee;}

/* Vyhody apartmanu jako ikony v textu */
ul.apt-icons {}
ul.apt-icons:after {content: ' '; display: table; clear: both}
ul.apt-icons li {width: 50%; display: block; float: left; margin: 5px 0; font-weight: bold; font-size: 14px; line-height: 1.2;}
ul.apt-icons li img {display: inline-block; max-width: 30px; max-height: 30px; margin-right: 10px; float: left;}
ul.apt-icons li span {display: block; max-width: 70%; float: left;}


/* Cenova nabidka v detailu apartmanu */
.offer {background-color: #dcffc1; padding: 10px 3px; border-radius: 5px; margin-bottom: 1em;}
.offer .image {width: 25%; float: left; position: relative;}
.offer .image span {
	position: absolute;
	display: block;
	text-decoration: underline;
	width: 100%;
	top: 100%;
	padding: 5px 0;
	text-align: center;
	line-height: 1.1;
	font-size: 12px;
}
.offer .image a {}
.offer .image a:hover span {}
.offer .image img {border-radius: 5px;}
.offer .textinfo {padding-left: 10px}
.offer .title {font-size: 17px;}
.offer .dates {font-size: 14px; margin: 3px 0 6px}
.offer .dates .fa-calendar {}
.offer .pricebox {}
.offer .price {font-size: 22px; font-weight: bold; color: #d00;}
.offer .price.big {font-size: 30px;}
.offer .priceinfo {font-style: italic; color: #d00; font-size: 17px;}
.offer .button {}
.offer .s-btn {padding: 10px 12px 8px; font-size: 16px;}
.offer .s-btn.green {background-color: #00bb3a;}
.offer .s-btn.green:hover {background-color: #00a533;}


	  
.sails-group {margin: 2em 0;}
.sails-group h2 {}
.sails-group p.subheader {font-style: italic; font-size: 1.1rem; color: #555}
.sails-item {margin: 1.6em 0 4em}
.sails-item img {border-radius: 4px; box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); margin-bottom: 1em; display: block;}
.sails-item h3.item-title {}
.sails-item p.type-trace {}
.sails-item .prize-group {margin: 1em 0;}
.sails-item .prize {font-size: 1.6rem; color: #009207;}
.sails-item .prize-info {font-style: italic;}


/* ---- apartments - bloky s vypisem apartmanu ---- */

/* obal pro cely apartment item (foto, nadpis, texty) */
.apart-content {margin: 30px 0 30px; padding: 0;}

/* nadpis nazvu apartmanu */
.apart-name {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px; color: #00bcdd; line-height: 1.2;
}

/* lokace apartmanu / oblast, letovisko */
.apart-location {font-size: 17px; margin-top: 7px; margin-bottom: 12px;}
.apart-location span {white-space: nowrap;}
.apart-location span:first-child {margin-right: 35px;}

/* obal pro obrazek apartmanu v seznamu apartmanu */
.spec-apart-img a {}
.spec-apart-img img {
	border-radius: 4px; 
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
	margin-bottom: 1em;
}


/* ---- Destination/letoviska ---- */
/* seznam oblasti a seznam letovisek (ty jsou s fotkou) */

ul.destination-links {}
ul.destination-links a {font-size: 20px; line-height: 1.2; display: inline !important;}
ul.destination-links div {}
ul.destination-links b {}
ul.destination-links li {width: 50%; height: 70px; display: block; float: left;}

ul.letoviska-links {}
ul.letoviska-links li {width: 50%; height: 180px; display: block; float: left; padding: .5em; text-align: center}
ul.letoviska-links img {border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); display: block; margin-bottom: 5px;}
ul.letoviska-links a {font-size: 18px; line-height: 1.2; display: inline !important;}
ul.letoviska-links .capacity {font-style: italic}

/* Ships */
.ships {}
.ships .ship-icon {width: 60px; float: left}
.ships .ship-text {padding-left: 80px; width: 100%;}

/* Cena v detailu */
.prize-detail {margin-bottom: 2em}
.prize-detail .prize {font-size: 1.6rem;}
.prize-detail .prize span {color: #009207;}
.prize-detail .prize-info {font-style: italic;}

/* ------ Interiery (nejake zarovnani na stranece interieru) ------- */
.interier-box {border-bottom: 1px solid #ccc; margin-bottom: 2em;}
.interier-box:last-child {border-bottom: 0;}


/* ------ PAGE ------- */
.page-sidebox {margin-bottom: 2em;}
.page-sidebox .heading {
	background: #e0e0e0 url('../images/wave_blue.png') repeat-x center bottom; 
	padding: 30px 30px 15px 30px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
}
.page-sidebox .heading h3 {font-size: 26px;}
.page-sidebox .content {
	background: #e2fbff;
	padding: 5px 30px 30px 30px; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
}
.page-sidebox .button {text-align: center; margin-top: 30px}
.share {margin-bottom: 2em;}


/* -------------------------- Formular -------------------------- */
/*Vsetky elementy vo formulary maju width:100% az na checkbox a radio input*/
input[type="checkbox"],
input[type="radio"]{
	width: 14px;
	position: relative;
	top: 5px;
	margin-right: 4px;
}

.form-content {margin: 15px;}
.form-group {margin: 10px 0;}
.form-info {text-align: center; background: #6d511e; color: honeydew; font-size: 18px; margin-top: 1em; margin-bottom: 1em;}
.form-info p {margin-left: 1em; margin-right: 1em}

label {font-weight: normal;}

input[type="checkbox"],
input[type="radio"] {
	width: 1.2rem;
	height: 1.2rem;
	margin-top: 0;
}

button.b-btn{margin-bottom: -1px;}

button#dropdownMenu1 {
	color: black;
	outline: none;
	background-color: #febe10;
	border-color: #febe10;
	font-size: 18px;
	font-family: 'isidora';
	text-align: left;
	width: 100%;
	font-weight: 700;
	margin-bottom: .4rem;
	border-radius: 4px;
	padding: 10px 10px 8px;
}

ul.dropdown-menu{padding-bottom: 0; padding-top: 0;}

.btn-default:active:hover, 
.btn-default.active:hover, 
.open>.dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open>.dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus, 
.open>.dropdown-toggle.btn-default.focus {
	color: #333;
	background-color: #febe10;
	border-color: #febe10;
}

.open>.dropdown-menu {
	display: block;
	width: 100%;
	background: #febe10;
	margin-top: .5rem;
}

.btn:active, .btn.active {
	-webkit-box-shadow: none;
	 box-shadow: none;
}

.form-nadpis {
	font-family: 'isidora';
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.dropdown-menu {        /*zrusenie nastaveni bootstrapu*/
	border: none;
	-webkit-box-shadow:none;
	box-shadow: none;
	position: relative;
}

form.yellowform {
	background: #febe10;
	border-radius: 4px;
	padding: 5px 0 10px;
	margin-bottom: 1em;
}

form#formList {}

.dropdown {margin-bottom: 2em}
.edit-checkbox {margin: 7px 0;} /* radio buttony bounind box */

/* Search open close */
.search_opener {white-space: nowrap;}
.search_opener button {}
.search_opener i.fa {}
.search_opener i.fa-chevron-down {float:right; font-size: 17px; position: relative; top: 3px;}
.search_opener i.fa-search {}

.count-apart {font-size: 20px; font-weight: bold; color: #25a310;} /* search - pocet nalezenych apartm. */


/***************************************************/
/* HELPER CLASSES */
/***************************************************/

/* Bootstrap aligning / typografie neni v v bootstrap.css */
.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
.text-justify {text-align: justify}
.text-nowrap {white-space: nowrap;}

/* Headings nomargins */
h1.no-margin-top,
h2.no-margin-top,
h3.no-margin-top,
h4.no-margin-top {margin-top: 0;}

h1.no-margin-bottom,
h2.no-margin-bottom,
h3.no-margin-bottom,
h4.no-margin-bottom {margin-bottom: 0;}

.float-right {float: right}
.float-left {float: left}


/* ---- RATING ----*/
.rating-title {margin-bottom: .5em;}
.rating-explain {font-size: 12px; font-style: italic;}

.overall-container {}
.overall-container div {
	background: #f3f3f3;
	border-radius: 3px;
	padding: 10px;
	border: 1px solid #ccc;
	display: inline-block;
	margin-bottom: .5em;
}
.overall-container i.fa {font-size: 18px; margin: 0 1px}
.overall-container i.fa.fa-star {color: #ffbe00;}
.overall-container i.fa.fa-star-o {color: silver;}
.overall-container i.fa.fa-star-o {color: silver;}

/* Rating podrobné info */
.rating-content {margin: 25px 0; padding-left: 0; font-size: 14px;}
.rating-content .content-three {margin-top: 44px; padding: 0;}
.rating-content i.fa.fa-star {color: #ffbe00;}
.rating-content i.fa.fa-star-o {color: silver;}
.rating-content .rating-text p:last-child {color: #929292;}
.rating-content .star {margin-bottom: 5px; font-size: 17px;}
.rating-content .star i.fa {margin: 0 1px}
.rating-content .head-rating {border-bottom: 1px solid silver; padding-bottom: 8px; margin-top: 5px; margin-bottom: 5px;}
.rating-content .head-rating span {margin-right: 16px;}
.rating-content .plus{color: #0b0;}
.rating-content .minus {color: #d00;}
.rating-content p {margin: .7em 0;}
.rating-content .reakce p {color: #999}
.rating-content .reakce b {color: #000}

/* blok se souhrnnym hodnocenim na strance recenzi */
.complete-box {background-color: #eee; padding: 15px; border-radius: 3px; border: 1px solid #ddd; margin-bottom: 2em;}
.complete-box .overall-container div {background: #fff}
.complete-box .rating-explain {font-size: 15px;}


/* ---- footer ---- */
footer {margin-top: 2em}
.footer-icon{ float: left; width: 20%; padding-right: 18px;}
.footer-icon i.fa{ font-size: 38px; float: right;}
.footer-text { float: right; width: 80%;}

.pre-footer { background: #052947; color:white;}
.pre-footer-content, .post-footer-content {margin: 24px 0 26px 0;}

.post-footer { background: #000e28; color:#697893;}
.post-footer-icon { font-size: 16px; font-weight: bold; color: #7992c1; margin-top: 6px; text-align: center;}
.post-footer-icon a { color: #7992c1;}
.post-footer-text { margin: 0 auto; text-align: center;}
.post-footer-icon i.fa{ padding-right: 6px}



/******** home page  ***********/
/* post-header */
.post-header{ background: url("../images/bg_cover_lode_mobile.jpg") top center; /*border-bottom: 4px solid #febe10;*/
	box-shadow: 0 3px 10px rgba(0,0,0,0.2); position: relative;}
.post-header-content { padding: 25px 15px; text-align: center; background: rgba(14, 41, 96, 0.60);}

.top-nadpis { font-family: "isidora"; font-size: 32px; font-weight:bold; margin-top: 1.5em; margin-bottom: 1.5em; color: white;}
.top-nadpis span {margin-top: 1em !important;}
.middle-nadpis { font-weight: bold; font-size: 20px; margin-bottom: 1em; color: white;}
.bottom-nadpis { font-size: 30px; font-weight: bold; color: #febe10; margin-bottom: 1em;}

/* content */
.bg_grey_sea {background: url('../images/bg_grey_sea.jpg') top center no-repeat; background-size: contain;}

/* homepage-form*/
.formular{ background: #febe10; border-radius: 5px;}
.formular h3 {padding: 0 15px}
.homepage-form-nadpis h3 { text-align: center;}
.homepage-form { margin-bottom: 1rem; }
.detail-search {margin: 1em 0 0}
.bigger-search { color: #d00;}
.bigger-search:hover { color: darkred; text-decoration: none;}
.checkbox-left{float: left; position: relative; bottom: 3px;}

.wave { background: url("../images/wave_orange.png") center center; height: 16px;}

.contact-person { margin-bottom: 1rem;}
.contact-person ul { padding-left: 0;}
.contact-person ul li{ float: left; list-style: none; padding-right: 7px; width: 33%;}
.contact-person ul li:last-child{ padding-right: 0;}
.contact-person ul li img{ width: 5rem; display: block; margin: 0 auto;}
.contact-name { font-size: 14px; text-align: center; margin-top: 7px;}
.contact-email { font-size: 17px; margin-bottom: 4px;}
.contact-email a{ color:red;}
.konzultacne-hodiny { font-size: 14px;}


/* odporucanie */
.odporucanie{ margin: 1rem 0 1.5em;}
.odporucanie-content { margin-bottom: 1rem;}
.odporucanie-content img { border-radius: 4px; margin-bottom: 6px; display: block; width: 100%; box-shadow: 0 2px 5px 0 #e6e6e6;}
.odporucanie-content a { font-size: 18px;}


/* kategorie */
.kategorie { margin-bottom: 2rem}
.kategorie-item { margin-bottom: 1.5rem; max-width: 21rem;}
.kategorie-icon { float: left; width: 20%; padding: 4px 8px 8px 8px;}
.kategorie-icon img { width: 50px; vertical-align: middle; margin-bottom: 6px;}
.kategorie-linky { float:right; width: 75%;}

.butlink{ text-align: center;}


/* o dovolenke */
.o-dovolenke { text-align: center; padding: 1.5rem 0 2.5em; background: #fdf9f8 url("../images/bg_lightsea.jpg") no-repeat top center;}
.o-dovolenke h2 { margin-bottom: 1rem;}
.o-dovolenke img { width: 5rem; margin-bottom: 15px;}
.viac-o-dovolenke{ margin: 0 auto; padding-bottom: 1.5rem}



/*************************************************************/
/*************************************************************/
/* THESE MEDIA QUERIES STACK & EXTEND */
/*************************************************************/
/*************************************************************/

/* Extra Extra Small devices (mobile phones, 420px and up) */
@media (min-width:420px) {
	ul.letoviska-links li {height: 220px;}
}

/* Extra Small devices (bigger mobile phones, 530px and up) */
@media (min-width:530px) {
	button#dropdownMenu1 {font-size: 22px;}
	
	.gallery ul li {width: 16.66666666666667%;}
	
	ul.letoviska-links li {width: 33%; height: 220px;}
	
	.checkbox-left { bottom: 4px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	p.perex, blockquote {font-size: 20px;}
	
	img.logo {margin-top: 13px;}
	
	/* search */
	.search-block h2 {display: inline-block; margin-right: 10px; position: relative; top: 3px}

	/* main-navigation */
	.mobile-menu-content, .mobile-menu-close {display: none;}
	
	.main-navigation {
		position: static; background: none; width: auto; height: auto; z-index: 9999;
		overflow-y: inherit; overflow-x: inherit; 
		transition: inherit; -webkit-transition: inherit; -moz-transition: inherit; 
		transform: inherit; -webkit-transform: inherit; -moz-transform: inherit;
		transform-style: inherit; -webkit-transform-style: inherit;
	}

	.main-navigation a.search-link {display: inline; text-decoration: none; color: white; margin-right: 1em;}
	.main-navigation a.search-link:hover {background-color: transparent; color: #00bcdd;}

	.main-navigation ul {display: inline-block; float: right;}
	.main-navigation li {border: none; display: inline-block; margin: 6px 0 5px 18px; float: left}
	.main-navigation li a {color: white; text-decoration: none; font-size: 18px; padding: 0;}
	.main-navigation li a:hover {color: #00bcdd; background: transparent; text-decoration: none;}
	.main-navigation li a:active {color: #00bcdd; font-weight: normal;}
	.main-navigation li a.submenu-opener:active {color: white; font-weight: normal; background: none;}
	.main-navigation li.active > a {color: #00bcdd; font-weight: normal;}
	.main-navigation li.homepage {}
	
	li.has-submenu a.submenu-opener {}
	li.has-submenu a.submenu-opener i.fa {position: static; display: inline-block; padding-left: 3px;}
	li.has-submenu a.submenu-opener.opened {background-color: aliceblue;}
	
	/* JS powered submenu opening by class addition */
	ul.submenu.open {
		visibility: visible; opacity: 1;
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}

	/* 3rd level submenu needs static when opened */
	ul.submenu li ul.submenu.open {
		position: static; /* absolute makes 3 level submenu floating */
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: color 0 ease-in;
		transition: none;
	}
	
	/* submenu */
	ul.submenu {
		position: absolute; z-index: 9999; padding-top: 5px; float: none; display: block;
		visibility: hidden; opacity: 0;
		
		border-radius: 5px;
		
		box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
		
		-webkit-transition: all 0.27s ease-in-out;
		-moz-transition: all 0.27s ease-in-out;
		-o-transition: all 0.27s ease-in-out;
		transition: all 0.27s ease-in-out;
		
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
		
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		-ms-transform: rotateX(-90deg);
		-o-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	}
	ul.submenu li {display: block; margin: 0; border-top: 1px solid #ddd; min-width: 10rem; max-width: 14rem;}
	ul.submenu li:first-child {border-top: none;}
	ul.submenu li a {text-decoration: none; background: white; padding: 8px 10px 7px; font-size: 14px; line-height: 20px; display: block;}
	ul.submenu li:first-child a {border-top-left-radius: 5px; border-top-right-radius: 5px;}
	ul.submenu li:last-child a {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	ul.submenu li a:hover {background: #f3f3f3; color: black;}
	ul.submenu li a:active {font-weight: normal;}
	ul.submenu li.active a {color: #00bcdd;}
	ul.submenu li a.submenu-opener i.fa {position: absolute; top: 10px; right: 10px;}
	ul.submenu li a.submenu-opener:active {color: black; background: #ddd;}
	/* 3rd level submenu */
	ul.submenu li ul.submenu {
		padding-top: 0;
		
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: color 0 ease-in;
		transition: none;
	}
	ul.submenu li ul.submenu li:first-child {border-top: 1px solid #ddd;}
	ul.submenu li ul.submenu li a {padding-left: 30px;}
	ul.submenu li ul.submenu li:first-child a {border-radius: 0;}
	ul.submenu li ul.submenu li:last-child a {border-radius: 0;}
	
	/*flags*/
	.flags{ display: inline-block; float: right; margin: 0 0 8px;}
	.flags a{ padding-left: 5px; padding-right: 0;}
	
	   
	.third-navigation ul li {display: block; float: left; margin: 0; width: 25%; padding: 0 5px;}
	.third-navigation a {font-size: 15px; padding: 6px 15px; text-align: center}
	.third-navigation i.fa {display: block;}
	
	.fourth-navigation {}
	.fourth-navigation .navyline {display: block; border-bottom: 4px solid #132c60; position: relative; top: -2px}
	.fourth-navigation ul {}
	.fourth-navigation ul li {display: inline-block; margin: 0;}
	.fourth-navigation ul li:first-child {margin-left: 5px}
	.fourth-navigation a {font-size: 15px; padding: 12px 15px}
	.fourth-navigation .active {box-shadow: 0 -1px 5px 0 #eee;}
	.fourth-navigation a:hover {border-top: 5px solid #00bcdd;}
	
	table.price tr th, table.price tr td {font-size: 14px;}

	ul.destination-links a {font-size: 24px; line-height: 1.2;}
	ul.destination-links li {width: 33%; height: 80px;}
	
	ul.letoviska-links li {width: 33%; height: 220px;}
	
	.offer .image span {top: 80%; color: white; background-color: #000; background-color: rgba(0,0,0,0.6);}
	
	.prize-anchor-box {display:none}
	.term-detail-mobile {display:none}
	.terms-mobile {display:none}

	/* footer */
	.footer-icon i.fa { font-size: 51px; border-radius: 5px;}


	/* homepage*/
	.post-header {background: url("../images/bg_cover_lode.jpg") top center; height: 650px}
	.post-header header {background: transparent}
	.post-header-content { background: none; padding: 20px 15px 15px;}
	
	.top-nadpis {text-align: left; font-size: 40px; line-height: 1.2; margin-top: 0; margin-bottom: 6em; text-shadow: 0 3px 0 #0496d4;}
	.top-nadpis span {display: inline-block; background-color: rgb(0,173,224); background-color: rgba(0,173,224,0.8); 
		padding: 12px 20px 7px; border-radius: 4px}
	.middle-nadpis {text-align: left; font-size: 18px; margin-bottom: .6em; text-shadow: 0 2px 0 #00354c;}
	.middle-nadpis p {display: inline-block; margin: .2em 0; background-color: rgba(5, 37, 98, 0.7); 
		padding: 11px 20px 9px; border-radius: 4px;}
	.bottom-nadpis {text-align: left; font-size: 36px; text-shadow: 0 2px 0 #ffbe18; color: white;}
	.bottom-nadpis span {display: inline-block; background-color: #febe10; background-color: rgba(254,190,16,0.8); 
		padding: 10px 20px 7px; border-radius: 4px;}
	
	.contact-person { text-align: center;}

	.o-dovolenke-info { float: right; width: 70%; text-align: left; }
	.spec-margin-butlink {  margin-top: 1rem;}
	.o-dovolenke-img { width: 30%; float: left; position: relative; top: 12px; }
	.o-dovolenke img { width: 4rem;}

	.formular { padding: 0 3rem;}
	.one-child-free-homepage{ margin-top: 34px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h1 {font-size: 42px;}
	h2 {font-size: 36px;}
	h3 {font-size: 30px;}
	h4 {font-size: 26px;}
	h5 {font-size: 22px;}
	h6 {font-size: 18px;}
	
	img.logo {margin-top: 8px;}
	
	.sails-group h2 {text-align: center;}
	.sails-group p.subheader {text-align: center; font-size: 1.2rem;}
	.sails-item h3 {font-size: 26px;}
	
	/* search */
	.search-block form {float: left; width: 60%;}
	.search-block .search-tips {float: left; width: 30%;}
	
	.gallery.x5col ul li {width: 25%;}
	
	.third-navigation a {padding: 12px 15px;}
	.third-navigation a:hover {border-bottom: 5px solid #00bcdd;}
	.third-navigation i.fa {display: inline-block;}

	.search_opener {display: none;}

	/* formular*/
	.formular { padding: 0 1rem;}

	ul.destination-links a {font-size: 26px; line-height: 1.2;}
	ul.destination-links li {width: 25%; height: 85px;}
	
	ul.letoviska-links li {width: 25%; height: 220px;}
	ul.letoviska-links a {font-size: 20px}
	
	.complete-box h3 {font-size: 26px;}
	.complete-box .rating-explain {font-size: 18px;}
	
	.offer .image span {background-color: #000; background-color: rgba(0,0,0,0.6); color: white; top: 40%; display: none;}
	.offer .image a:hover span {display: block;}
	
	/* footer */
	.post-footer-icon{ margin-top: 0}

	/* homepage */
	.top-nadpis {margin-top: 0.5em;}


	.o-dovolenke img { width: 4.5rem;}
	.o-dovolenke-img { top: 17px; left: 4px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	img.logo {}
	
	.sails-item .prize-group {float: left; margin-top: 0}
	.sails-item a.s-btn {float: right}
	
	/* search */
	.search-block form {float: left; width: 50%;}
	.search-block .search-tips {float: left; width: 25%;}
	
	nav.main-navigation {margin: 1em 0}
	
	ul.letoviska-links li {width: 33.33%; height: 260px;}

	/* formular*/
	.formular { padding: 0 3rem;}

	/* homepage */
	.o-dovolenke img { width: 5rem; position: relative; left: 9px; }
}



/*************************************************************/
/*************************************************************/
/* THESE MEDIA QUERIES DOES EXACTS */
/*************************************************************/
/*************************************************************/

/* Fix form - page:detail-cena.php */
@media (max-width:364px) {

}

/* Extra Small devices (small mobile phones) - EXACT */
@media (max-width:529px) {
	form#formList {display: none;}
}

/* Extra Small devices (small mobile phones) - EXACT */
@media (max-width:767px) {
	.terms-desktop {display: none;}
}

/* Extra Small devices (mobile phones) - EXACT */
@media (min-width:530px) and (max-width:767px) {
	form#formList {display: none;}
}

/* Small devices (tablets) - EXACT */
@media (min-width:768px) and (max-width:991px) {
	form#formList {display: none;}
	form#formList .one-child-free {margin-top: 35px;}
	.one-child-free { margin-top: 34px;}
	.del-mar-bottom {margin-bottom: 0;}
}

/* Medium devices (desktops) - EXACT */
@media (min-width:992px) and (max-width:1199px) {

}

div.hilighted ul, .content-box ul {
	margin: 0px;
}



div.hilighted {
	background-color: #fffcc9;
	padding: 1em;
	border-radius: 5px;
}

img.responsive {
	width: 100%;
	height: auto;
}

img.float-left {
	float: left;
	padding: 0px 10px 10px 0px;
}

img.float-right {
	float: right;
	padding: 0px 0px 10px 10px;
}

h2 {
	clear: both;
}

a.btn {
	color: black;
	background-color: white;
	border: 1px solid gray;
	padding: 2px 10px;
	display: inline-block;
	text-decoration: none;
	border-radius: 5px;
}

a.btn:before {
	font-family: FontAwesome;
	content: "\f019\00a0";
}

a.btn:hover {
	background-color: #EEEEEE;
}