@charset "utf-8";
/* CSS Document */
*, html {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both; 
}
.clearing {
	clear: both;
	width: 100%;
	height: 2px;
	font-size: 2px;
	line-height: 2px;
}
html, body {
     height: 100%;
}
body {
	position: relative;
	color: #595959;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	text-align: center; 
    min-height: 100%;
    _height: 100%;
	background: #ffffff;
}
body {
    overflow-x: hidden;
}

ul {
	list-style: none;
}
h1, h2, h3, h4, h5, form, ul, li, table, tr, td, p, textarea {
	margin: 0;
	padding: 0;
	border: 0;
}
table {
	border-collapse: collapse;
}
table td {
	padding-top: 2px;
	padding-bottom: 2px;
}
a, a:hover, a:visited {
	color: #000000;
}
a:hover {
	text-decoration: none;
}
a.blok-odkaz {
	display: block;
	text-align: right;
	padding-right: 10px;
	text-transform: uppercase;
	padding-bottom: 5px;
	text-decoration: none;
	font-weight: bold;
	background: url("../obrazky/zatrh.png") bottom right no-repeat;	
	margin-bottom: 95px;
}
img {
	position: relative;
}
p {
	padding-bottom: 25px;
}
p.odhlasit a {
	margin-top: 45px;
	background-color: #eeeeee;
	text-align: center;
	padding: 10px 20px;
	color: #aaaaaa;
	text-decoration: none;
}
p.odhlasit a:hover {
	background-color: #cccccc;
	color: #888888;
}
a img {
	border: 0;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.semibold {
	font-weight: 600;
}
.tucne {
	font-weight: bold;
}
h1 {
	font-size: 50px;
	line-height: 80px;
	padding-top: 80px;
	font-weight: bold;
	text-align: center;
	color: white;
	font-family: 'Josefin Sans', sans-serif;	
}
h2 {
	font-size: 40px;
	line-height: 49px;
	padding-bottom: 35px;
	font-weight: 600;
	color: #2B2A29;
	font-family: 'Josefin Sans', sans-serif;	
}
h3 {
	font-size: 30px;
	line-height: 1.25em;
	padding-bottom: 45px;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;	
}
#podnadpis {
	font-size: 20px;
	line-height: 27px;
	font-weight: 300;
	color: white;
	text-transform: uppercase;
}
.obsah-in {
	position: relative;
}
.animation-element {
  position: relative;
}
.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.obsah-in ul {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.obsah-in ul li {
	padding-left: 30px;
	padding-bottom: 5px;
	background: url("../obrazky/li-bod.png") 0 7px no-repeat;	
}

ul#nad li {
	text-align: left;
	padding-left: 30px;
	padding-bottom: 5px;
	background: url("../obrazky/slide-dot-active.png") 0 7px no-repeat;	
}
#page {
	width: 100%;
	position: relative;
    min-height: 100%;
    _height: 100%; 
}
#private {
	padding-top: 70px;
	padding-bottom: 45px;
	background: none;	
}
#private h1 {
	color: #429BA8;
}
#uvod, #uvod-en, #uvod-es {
	position: relative;
	width: 100%;
	min-height: 100px;
	height:100vh;
	_height: 100%;
	overflow: hidden;
}
#uvod-bok-levy {
	display: none;
}
#uvod-bok-pravy {
	display: none;
}
#uvod-bok-dolni {
	display: none;
}
#uvod-bok-horni {
	display: none;
}
.single-item {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.uvod-obrazek-obal {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.uvod-obrazek {
	overflow: hidden;
	position: relative;
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	height: 100%;
	background-size: cover;
}
.uvod-obrazek img {
	display: block;
	width: 100%;
	min-height: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	object-fit: cover;
}	
.slider div {
    height: 100%; 
    width: 100%; 
}

.slider div img {
    width: 100%; 
	height: 100%; 
	height: 100vh; 	
    object-fit: cover;
}
.slider-sklep div {
    height: 100%; 
    width: 100%; 
}

.slider-sklep div img{
    width: 100%; 
	height: 100%; 
	height: 100vh; 	
    object-fit: cover;
}
.slick-dots {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 100%;
	margin: 0;
	text-align: center;
	display: flex;
	justify-content: center;
	padding: 1rem 0;
	list-style-type: none;
}
.slick-dots li {
	margin: 0 0.25rem;
	cursor: pointer;
}
	
.slick-dots button {
			display: block;
			width: 1rem;
			height: 1rem;
			padding: 0;
			
			border: none;
			border-radius: 100%;
			background-color: grey;
	cursor: pointer;
			text-indent: -9999px;
		}
	
.slick-dots li.slick-active button {
			background-color: #429ba8;
		}
#uvod-misto {
	position: absolute;
	bottom: 58px;
	left: 0;	
	width: 100%;
	text-align: center;
}
#posun-dolu {
	display: none;
}
#lokalita, #lokalita-en, #lokalita-es {
	position: relative;
	min-height: 1170px;
}
#lokalita img, #lokalita-en img, #lokalita-es img {
	width: 100%
}
#o-projektu, #o-projektu-en, #o-projektu-es {
	color: #ffffff;
	padding-top: 50px;
	padding-bottom: 45px;
	background: none;	
	background-color: #429BA8;
}
#projekt-nadpis {
	/*width: 50%;*/
	padding-top: 0;	
}
#projekt-nadpis-obal {
	height: 264px;
	width: 100%;
	/*background: url("../obrazky/logo.png") center center no-repeat;	
	background-size: 100% auto;	*/
}
#projekt-nadpis-obal img {
	max-width: 100%;
}
#projekt-text {
	padding-top: 20px;
	font-weight: 300;
}
#projekt-text2 {
	padding-top: 65px;
	font-weight: 300;
}
#projekt-text .tucne {
	font-weight: 600;
}
#projekt-text2 .tucne {
	font-weight: 600;
}
#projekt-text p {
	padding: 0 40px 30px 40px;
	text-align: left;
}
#projekt-text2 p {
	padding: 0 40px 30px 40px;
	text-align: left;
}
#projekt-text2 h1 {
	padding-top: 0;
}
#projekt-dum {
	padding-top: 65px;
	font-weight: 300;
}
#o-projektu-pruhy {
	display: none;
}
.obsah-in3 {
	padding-left: 35px;
	padding-top: 45px;	
	padding-bottom: 100px;	
}
#cenik, #cenik-en, #cenik-es {
	background: none;
	
}
#galerie, #galerie-en, #galerie-es {
	background: none;
}
.obsah-in3 h2 {
	text-align: left;
}
#domy-nad {
	padding-top: 60px;	
	width: 100%;
}
#domy-nadpis {
	width: 100%;
}
#legenda {
	width: 100%;
}
#vysledek {
	width: 1295px;
	height: 405px;
	position: absolute;
	top: 0;
	left: 0;
}
#okenko-vysledek {
max-width: 1295px;
	height: 405px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	overflow-x:hidden;	
}

#flag0, #flag1, #flag2, #flag3, #flag4, #flag5, #flag6, #flag7, #flag8, #flag9, 
#flag10, #flag11, #flag12, #flag13, #flag14, #flag15, #flag16, #flag17, #flag18, #flag19, 
#flag20, #flag21, #flag22, #flag23, #flag24, #flag25, #flag26, #flag27, #flag28, #flag29, 
#flag30, #flag31, #flag32, #flag33, #flag34, #flag35, #flag36, #flag37, #flag38, #flag39 {
	/*display: none;*/
}
.barvolne {
color: #70ff70;
}
.barprodano {
color: #ff7070;
}
.barrezervace, .barzamluveno {
color: #ffd746;
}

#legenda-d {
	display: none;
	padding-bottom: 45px;
}
#legenda-m {
	display: blok;
	text-align: left;
	padding-bottom: 45px;
}
#obal_slider {
	padding-top: 30px;
	padding-right: 35px;
	display: block;	
}
#obal_slider .ui-slider-horizontal .ui-state-default {
	border: none; 
	background: url("../obrazky/handle.png") no-repeat scroll 50% 50%;
	margin-top: -6px;
}
#obal_slider .ui-widget.ui-widget-content {
	line-height: 0;
	height: 0px;
}
.flaggie {
	display: none;
	position: absolute;
	top:0;
	left: 0;
	background: url("../obrazky/flag-pozadi.png") top left no-repeat;	
	width: 330px;
	height: 355px;
	color: white;
	font-size: 12px;
	line-height: 1.25em;
	text-align: left;
	padding-top: 21px;
	padding-right: 10px;
	z-index: 9999;
}
.flip {
	background: url("../obrazky/flag-pozadi2.png") top left no-repeat;	
}
.flagt1 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #2B2A29;
	width: 100%;
}
.flagt1 table, .flagt1 tr, .flagt1 td {
	padding: 0px;
	margin: 0px;	
}
.typbytu {
	color: #d1d1d1;
	text-align: right;
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
}
.rad1 {
	padding-top: 25px;
	padding-left: 40px;
	padding-right: 40px;
}
.rad2 {
	font-family: 'Josefin Sans', sans-serif;
	padding-bottom: 15px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 60px;
	line-height: 60px;
	font-weight: bold;
	color: #2B2A29;
	
}
.rad3 {
	padding-left: 40px;
	padding-right: 40px;
}
.flagt2 {
	width: 100%;
	color: #2B2A29;	
	font-size: 18px;
	line-height: 24px;	
}
.flagt2 td {
	padding: 10px 0;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.flagt22 {
	font-weight: bold;
	text-align: right;
}
.rad4 {
	font-family: 'Josefin Sans', sans-serif;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
	color: #2B2A29;
	text-align: right;
	padding-top: 20px;	
}

#kontakt, #kontakt-en, #kontakt-es {
	background-color: #429ba8;
	padding: 55px 37px;
	color: white;
}
#paticka {
	width: 100%;
}
#paticka1 {
	width: 100%;
	margin: 0;
	padding: 0;

}
#kontakt-logo {
	text-align: center;
	padding: 0 0 25px 0;
	color: #c6e1e5;
	font-weight: 300;
	text-transform: uppercase;
	font-size: .8em;
}
#kontakt-logo a {
	color: #c6e1e5;
	text-decoration: none;
	text-transform: none;
}
#kontakt-logo img {
	margin-bottom: 5px;
}
#kontakt-adresa {
	color: #c6e1e5;
	text-align: center;
	font-size: 17px;
	line-height: 28px;
	border-left: 0;		
	border-top: 2px solid #68afba;		
	padding: 25px 0;
}
#kontakt-osoby {
	text-align: center;
	background-color: #2d7f8a;		
	margin-bottom: 30px;
	padding-top: 30px;
}
#kontakt-osoba1, #kontakt-osoba2 {
	border-bottom: 2px solid #429ba8;
	margin-bottom: 30px;
}
#kontakt-osoba3 {


}
	.invalid input, .invalid textarea, .invalid checkbox {
     background-color: #f0a0a0;
}
.kontakt-photo {
	padding-bottom: 18px;
}
.kontakt-jmeno {
	font-size: 17px;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;	
}
.kontakt-funkce {
	font-size: 12px;
	line-height: 28px;
	padding-bottom: 15px;
	color: #7aaeb5;
	text-transform: uppercase;	
}
.kontakt-telefon {
	font-size: 15px;
	line-height: 28px;
	color: #7aaeb5;
}
.kontakt-email {
	font-size: 15px;
	line-height: 28px;
	padding-bottom: 25px;
	color: #7aaeb5;
}
.kontakt-email a {
	color: #7aaeb5;
}
#kontakt-navigation-obal {
	padding-bottom: 15px;
	border-bottom: 2px solid #a1cdd4;
}
#kontakt-navigation {
}
.kontakt-navigation-polozka {
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	width: 50%;
	float: left;
	font-weight: bold;
	padding: 10px 0;
}
.kontakt-navigation-polozka a {
	color: white;
	text-decoration: none;
}
.kontakt-poznamka {
	padding-top: 30px;
	font-size: 15px;
	line-height: 24px;
	color: #a1cdd4;
}
#hlavicka-obal-mobil {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	position: fixed;
	height: 60px;
	display: block;
	cursor: pointer;
	z-index: 8000;
}
#hlavicka-logo-mobil {
	width: 50%;
	background-color: #2B2A29;
	text-align: left;
	float: left;
}
#hlavicka-menu-mobil {
	width: 50%;
	background-color: #429BA8;
	text-align: right;
	float: left;
}
.nav-anim {
	opacity: 0;
}
.nav-anim.shownav {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
	#nav {position: relative;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100vh;
	position: fixed;	
		background-color: #429BA8;
		text-transform: uppercase;
		padding-top: 15px;
		/*display: none;*/
		z-index: 9990;
	}
	#nav-close {
	padding-bottom: 15px;
	cursor: pointer;
	padding-right: 15px;
	text-align: right;
	}	
	#nav ul {
		/*height: 0;*/
		overflow: hidden;
		/*opacity: 0;	*/
	}	
	#nav ul.navigation li {
		background-color: #429BA8;
		width: 100%;
		/*border-top: 1px solid #68afba;*/
		height: auto;
		padding: 0;
		margin:0;		
	}

	#nav ul.navigation li a, #nav ul.navigation li a:visited {
		background-color: #429BA8;
		padding: 0;
		margin:0;
		height: auto;	
		font-size: 25px;
		line-height: 25px;
		padding: 20px 0;
		display: block;
		width: 100%;
		font-weight: 600;
		color: #ffffff;
		text-decoration: none;
	}
	#nav ul.navigation li a:hover {
		background-color: #95c7ce;
		color: #ffffff;
		text-decoration: underline;
	}
	#nav ul.navigation li.active a, #nav ul.navigation li.active a:visited {
		color: #ffffff;
		text-decoration: underline;
	}	
#hlavicka-logo {
	display: none;	
}
#hlavicka-logo-m {
	display: none;	
}
#hlavicka-logo-b {
	display: none;	
}
#hlavicka-menu {
	display: none;	
}
#hlavicka-menu-m {
	display: none;	
}
#hlavicka-menu-b {
	display: none;	
}
#sipka-nahoru {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 4000;
	cursor: pointer;
	display: none;
}
#gallery-top {
	width: 100%;
}
#gallery-nadpis {
	width: 100%;
}
#gallery-prepinac {
	width: 100%;
}
#prepinacfoto {
	width: 100%;
	margin: 0 auto 30px auto;
	
}
.prepnis, #prepniv, #prepnip {
	padding: 0;
	color: #191919;
	text-align: center;	
	cursor: pointer;
	float: left;
}
#prepnip {
	display: none;
}
.prepnis div, #prepniv div, #prepnip div {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 10px;
	color: #191919;
	font-size: 16px;
	line-height: 50px;
	text-align: center;	
	background: url("../obrazky/galerie-menu.png") bottom center repeat-x;	
}
.prepnis div.aktivniprep {
	background: url("../obrazky/galerie-menu-act.png") bottom center repeat-x;	
}
#foto-blok-obrazek-1 {
	width: 100%;
	height: auto;
}
#foto-blok-obrazek-1 img {
	width: 100%;
}
#foto-blok-obrazek-2, #foto-blok-obrazek-3, #foto-blok-obrazek-4 {
	display: none;
}
#domy-pod {
	width: 100%;
	padding-top: 120px;
}
#pudorysy-nadpis h2 {

}
#pudorysy {
	width: 100%;
}
#pudorys-1 {
	width: 100%;
	text-align: center;
}
#pudorys-2 {
	width: 100%;
	text-align: center;
}
#uvod-dum {
	position: relative;
	width: 100%;
	height: 600px;
	height: 600px;
	overflow: hidden;
}

#uvod-dum-obrazek {
	overflow: hidden;
	position: relative;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
#uvod-dum-obrazek img {
	display: block;
	width: 100%;
	min-height: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	object-fit: cover;
}	
#vod-dum-nadpis {
	position: absolute;
	top: 220px;
	left: 0;
	width: 100%;

}
#vod-dum-nadpis h1 {
	padding-top: 20px;
	font-size: 80px;
	background-color: #429ba8;
	width: 60%;
	margin: 0 auto;
}
#uvod-prepinac {
	position: absolute;
	top: 80px;
	right: 50px;
	color: white;
	border: 1px solid white;
	height: 100px;
	border-radius: 5px;
	font-size: 16px;
	height: 33px;
	overflow: hidden;
}
#aktivni-jazyk {
	background: url("../obrazky/jazyk1.png") center right no-repeat;		
	

}
.hide #aktivni-jazyk {
	background: url("../obrazky/jazyk2.png") center right no-repeat;		
	

}
#uvod-prepinac a {
	color: white;
	padding: 0 20px 0 5px;
	display: block;
	text-decoration: none;
}
.con {
	width: 248px;
}
.con-left {
	float: left;
	width: 130px;
	padding-right: 10px;
}
.con-nadpis {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	padding-top: 20px;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
	color: #707070;	
}
.con-typ {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	padding-top: 10px;
	font-family: 'Josefin Sans', sans-serif;
	color: #aaaaaa;	
}
.con-right {
	width: 100px;
	height: 100px;
	float: left;
}
.con-right img {
	width: 100%;
}
#map-photo {
	position: static;
	width: 100%;
	height: 520px;
	overflow: hidden;
	position: relative;
}
.map-photo-x {
	width: 100%;
	height: 520px;
	background-repeat: no-repeat;
	position: relative;
}

#map-canvas {
	position: static;
	width: 100%;
	height: 650px;
}
#map-photo-sipky {
    height: 46px;
    position: absolute;
    bottom: 230px;
    left: 0;
    width: 100%;
}
#map-photo-sipka-vlevo {
  background: url("../obrazky/sipka-left.png") top right no-repeat;
  width: 56px;
  height: 46px;
  float: left;
  margin-left: 40px;
}
#map-photo-sipka-vpravo {
  background: url("../obrazky/sipka-right.png") top left no-repeat;
  width: 56px;
  height: 46px;
  float: right;
  margin-right: 40px;
}
#map-photo-sipka-vpravo:hover {
  background: url("../obrazky/sipka-right-b.png") top left no-repeat;
  cursor: pointer;
}
#map-photo-sipka-vlevo:hover {
  background: url("../obrazky/sipka-left-b.png") top right no-repeat;
  cursor: pointer;
}
.map-photo-text {
	color: white;
    position: absolute;
    bottom: 85px;
    right: auto;	
   left: 40px;
}
.map-photo-text-nadpis {
	font-size: 40px;
	line-height: 50px;	
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	text-align: left;
}
.map-photo-text-km {
	font-family: 'Josefin Sans', sans-serif;	
  background: url("../obrazky/auto.png") top left no-repeat;
	padding-left: 80px;
	font-size: 24px;
	line-height: 27px;	
	text-align: left;
}
#gal-main-pic {
	display:none;
}
#gal-main-pic2 {
	display:block;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 400px
}
.foto-blok-obrazek {
	display:block;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 400px
}
.foto-blok-obrazek a {
	display:block;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 400px
}
#gal-main-pic2 img {
	display: block;
	width: 100%;
	min-height: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	object-fit: cover;
}
#gal-main {
	position: relative;
}
#gal-main-sip-obal {
  position: absolute;
  top: 50%;	
  left: 0;
  bottom: auto;
	width: 100%;
  height: 46px;	
}
#gal-main-sip-obal-in {
	width: 100%;
}
#gal-main-ar-left {
	display:block;	
  background: url("../obrazky/sipka-left.png") top right no-repeat;
  width: 56px;
  height: 46px;
  float: left;
  margin-left: 40px;
padding: 0;
}
#gal-main-ar-right {
	display:block;		
  background: url("../obrazky/sipka-right.png") top left no-repeat;
  width: 56px;
  height: 46px;
  float: right;
  margin-right: 40px;

}
#gal-main-ar-right:hover {
  background: url("../obrazky/sipka-right-b.png") top left no-repeat;
  cursor: pointer;
}
#gal-main-ar-left:hover {
  background: url("../obrazky/sipka-left-b.png") top right no-repeat;
  cursor: pointer;
}
.obsah-in5b {

	padding-top: 45px;	
	padding-bottom: 10px;	
}
#spustene, #prohlidka {
	width: 1280px;
	height: 720px;
	z-index: 9050;
   position: fixed;
   left: 50%;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   display: none;
}
#spustene-podklad, #prohlidka-podklad {
	top:0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9049;
	background: url("../obrazky/cerna50.png") top center repeat;	
   position: fixed;
	cursor: pointer;
   display: none;
}
#spustene-zavrit, #prohlidka-zavrit {
	top:10px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: 9051;
	background: url("../obrazky/x.png") top center repeat;	
   position: fixed;
	cursor: pointer;
   display: none;
}
#moje-prohlidka {
	border: 0;
}


@media only screen and (max-width: 720px) {

	#vod-dum-nadpis h1 {
		width: 80%;
		font-size: 60px;	
	}

}
@media only screen and (max-width: 560px) {
	#pudorys-1 img {
		width: 100%;
	}
	#pudorys-2 img {
		width: 100%;
	}
	#vod-dum-nadpis h1 {
		width: 90%;
		font-size: 55px;
	line-height: 65px;
	
	}
}
@media only screen and (max-width: 400px) {
	#vod-dum-nadpis h1 {
		width: 90%;
		font-size: 50px;
	line-height: 60px;
	}
#hlavicka-logo-mobil {
	width: 50%;
	background-color: #2B2A29;
	text-align: left;
	float: left;
	height: 60px;	
}
#hlavicka-menu-mobil {
	width: 50%;
	background-color: #429BA8;
	text-align: right;
	float: left;
}
#hlavicka-logo-mobil img {
	max-width: 100%;
}	
}
@media only screen and (max-width: 340px) {
#hlavicka-logo-mobil img {
	margin-top: 5px;
}	
	#vod-dum-nadpis h1 {
		font-size: 50px;
	line-height: 60px;
	
	}
}

@media only screen and (min-width: 482px) {
#prepinacfoto {
	/*width: 480px;*/
	display: inline-block;
	margin: 0 auto 30px auto;
	width: auto;
}
}
@media only screen and (min-width: 720px) {


	#nav {
	width: 50%;

	}	
}




@media only screen and (max-width: 1169px) {
#map-photo {
	position: inherit;
	width: 100%;
	height: 520px;
}
#map-canvas {
	position: inherit;
	width: 100%;
	height: 650px;
}
	#pole4 {
		width: 100%;
		padding-bottom: 25px;
	}	
	#pole4 textarea {
		width: 88%;
		border: 1px solid #a8a8a8;
		font-size: 14px;
		line-height: 1.5em;
		color: #000000;
		height: 75px;
		padding: 15px;
		font-weight: 400;
		font-family: Open Sans, Arial, sans-serif;		
	}
	#pole1 input, #pole2 input, #pole3 input {
		height: 55px;
		width: 90%;
		padding-left: 15px;
		font-size: 14px;
		line-height: 55px;
		color: #000000;
		font-weight: 400;
		border: 1px solid #a8a8a8;
		font-family: Open Sans, Arial, sans-serif;		
	}
	#private input {
		height: 55px;
		width: 90%;
		padding-left: 15px;
		font-size: 14px;
		line-height: 55px;
		color: #000000;
		font-weight: 400;
		border: 1px solid #a8a8a8;
		font-family: Open Sans, Arial, sans-serif;	
		margin-bottom: 20px;	
	}	
	#pole1, #pole2, #pole3 {
		padding-right: 0px;
		width: 100%;
		padding-bottom: 25px;
	}
	#umistnenic {
		width: 310px;
		float: none;
		margin: 0 auto;
		padding-bottom: 25px;
	}
	#tlacitko-odeslat {
		background-color: #429ba8;
		display: block;
		width: 90%;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
		line-height: 56px;
		text-decoration: none;
		border: 2px solid #2d7f8a;
		font-family: 'Josefin Sans', sans-serif;	
		margin: 0 auto;
		margin-bottom: 80px;			
		-webkit-appearance: none;
	}	
	#tlacitko-odeslat:hover {
		background-color: #ffffff;
		color: #555555;
		text-decoration: none;
		cursor: pointer;
	}	

	#tlacitko-odeslat-private {
		background-color: #429ba8;
		display: block;
		width: 90%;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
		line-height: 56px;
		text-decoration: none;
		border: 2px solid #2d7f8a;
		font-family: 'Josefin Sans', sans-serif;	
		margin: 0 auto;
		
	}	
	#tlacitko-odeslat-private:hover {
		background-color: #ffffff;
		color: #555555;
		text-decoration: none;
		cursor: pointer;
	}		
	.obsah-in2g	 {
		background-color: #2d7f8a;		
		padding: 60px 35px;
	}	
	}
	#byt-tabulka-m {
		width: 80%;
		margin: 0 auto;
		font-size: 22px;
	}
	#byt-tabulka-m td {
		padding: 20px;
		border-bottom: 1px solid white;
	}






@media only screen and (min-width: 1170px) {
.obsah-in ul {
	width: 1170px;
	margin: 0 auto;
}	
.obsah-in ul#nad {
	width: 800px;
	margin: 0 auto;
}
	/*.slick-dots {
bottom: 30px;
	
}*/
.obsah-in5b {

	padding-top: 120px;	
	padding-bottom: 50px;	
}	
/*#gal-main-sip-obal {
  position: absolute;
  top: auto;
  bottom: 50px;	
  left: 0;

}
#gal-main-sip-obal-in {
	width: 200px;
	margin: 0 auto;
}*/

	/*#gal-main-pic {
	display:block;
}
#gal-main-pic2 {
	display:none;
}
#gal-main-ar-left {
	display:none;
}
#gal-main-ar-right {
	display:none;
}*/
	.obsah-in2g	 {
		/*background: #2d7f8a url("../obrazky/pruhy.png") center center repeat-y;	*/	
		padding: 120px 0;
		background-color: #2d7f8a;
	}		
	#kontakt-formular {
		width: 1050px;
		margin: 0 auto;
	
	}	
	#kontakt-formular h2 {
		text-align: left;
		color: white;
	
	}	
	#pole1 input, #pole2 input, #pole3 input {
		width: 293px;
		height: 55px;
		border: 1px solid #a8a8a8;
		padding-left: 15px;
		font-size: 14px;
		line-height: 55px;
		color: #000000;
		font-family: Open Sans, Arial, sans-serif;
		font-weight: 400;
	}
	#private input {
		width: 290px;
		height: 55px;
		border: 1px solid #a8a8a8;
		padding-left: 15px;
		font-size: 14px;
		line-height: 55px;
		color: #000000;
		font-family: Open Sans, Arial, sans-serif;
		font-weight: 400;
		margin-bottom: 30px;
	}	
	#pole1, #pole2, #pole3, #pole4 {
		float: left;
		padding-bottom: 31px;
	}
	#pole1, #pole2, #pole4 {
		padding-right: 25px;
	}
	#pole4 textarea {
		border: 1px solid #a8a8a8;
		font-size: 14px;
		line-height: 1.5em;
		color: #000000;
		width: 613px;
		height: 75px;
		padding: 15px;
		font-weight: 400;
		font-family: Open Sans, Arial, sans-serif;	
	}
	#umistnenic {
		width: 310px;
		float: left;	
	}
	#tlacitko-odeslat {
		background-color: #429ba8;
		display: block;
		width: 98%;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
		line-height: 56px;
		text-decoration: none;
		border: 2px solid #2d7f8a;
		/*margin: 0 auto;*/
		font-family: 'Josefin Sans', sans-serif;	
		
	}	
	#tlacitko-odeslat:hover {
		background-color: #ffffff;
		color: #555555;
		text-decoration: none;
		cursor: pointer;
	}	
	#tlacitko-odeslat-private {
		background-color: #429ba8;
		display: block;
		width: 300px;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
		line-height: 56px;
		text-decoration: none;
		border: 2px solid #2d7f8a;
		font-family: 'Josefin Sans', sans-serif;	
		margin: 0 auto;
		
	}	
	#tlacitko-odeslat-private:hover {
		background-color: #ffffff;
		color: #555555;
		text-decoration: none;
		cursor: pointer;
	}		
	#uvod-bok-levy {
		display: block;
		position: absolute;
		top: 0;
		left: 0;	
		width: 30px;
		height: 100%;
		z-index: 1000;
		background-color: #ffffff;
	}
	#uvod-bok-pravy {
		display: block;
		position: absolute;
		top: 0;
		right: 0;	
		width: 30px;
		height: 100%;
		z-index: 1000;
		background-color: #ffffff;
	}
	#uvod-bok-dolni {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;	
		width: 100%;
		height: 30px;
		z-index: 1000;
		background-color: #ffffff;
	}
	#uvod-bok-horni {
		display: block;
		position: absolute;
		top: 0;
		left: 0;	
		width: 100%;
		height: 30px;
		z-index: 1000;
		background-color: #ffffff;
	}
	#posun-dolu {
		display: block;
		position: absolute;
		bottom: 50px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#uvod-misto {
		position: absolute;
		bottom: 50px;
		right: 50px;	
		width: auto;
		text-align: right;
	}
	.obsah-in2b {
		width: 1170px;
		margin: 0 auto;
	}
	#o-projektu, #o-projektu-en, #o-projektu-es {
		/*background: #429BA8 url("../obrazky/pruhy.png") center center repeat-y;	*/
		padding-top: 150px;
		padding-bottom: 100px;	
	}
#private {
		padding-top: 230px;
		padding-bottom: 230px;	
}	
	/*#o-projektu-pruhy {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: block;	
		height:100vh;
		_height: 100%;	
		background: url("../obrazky/pruhy.png") center center repeat-y;	
		pointer-events: none;
	}*/
	#projekt-nadpis {
		padding-top: 75px;
		width: 50%;
		float: left;
	}
	#projekt-text {
		padding-top: 0;
		width: 50%;
		float: left;
	}
	#projekt-dum {
		padding-top: 0;
		width: 50%;
		float: left;
	}
	#projekt-text2 {
		padding-top: 0;
		width: 50%;
		float: left;
	}
	#projekt-text2 h1 {
		padding-top: 0;
	}
	#cenik, #cenik-en, #cenik-es {
		padding-top: 80px;
		/*background: url("../obrazky/pruhy_c.png") center center repeat-y;	*/
	}	
	#domy-nad {
	padding-top: 70px;
		width: 1170px;
		margin: 0 auto;
	
	}
	#domy-nadpis {
		/*padding-top: 75px;*/
		width: 48%;
		float: left;
	}
	#legenda {
		/*padding-top: 75px;*/
		width: 50%;
		float: left;
	
	}
	#legenda-m {
		display: none;
	}
	#legenda-d {
		display: block;
		text-align: center;
	}
	#domy-pod {
		width: 1170px;
		margin: 0 auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#pudorysy-nadpis h2 {
		text-align: left;
		padding-left: 20px;	
	}
	
	#pudorys-1 {
		width: 50%;
		float: left;
	}
	#pudorys-2 {
		width: 50%;
		float: left;
	}
	#gallery-nadpis h2 {
		text-align: left;
		padding-left: 20px;
	}
	#galerie, #galerie-en, #galerie-es {
		padding-top: 50px;	
		/*background: url("../obrazky/pruhy_c.png") center center repeat-y;	*/
	}	
	#gallery-top {
		width: 1170px;
		margin: 0 auto;
	}
	#gallery-nadpis {
		width: 50%;
		float: left;
	}
	#gallery-prepinac {
		width: 50%;
		float: left;
	}
	#foto-blok-obrazek-1 {
		width: 50%;
		height: 800px;
		float: left;
		overflow: hidden;
		display: block;
	    display: flex;
	    justify-content: center;
	    align-items: center;	
	}
	#foto-blok-obrazek-2 {
		width: 50%;
		height: 400px;
		float: left;
		overflow: hidden;
		display: block;
	    display: flex;
	    justify-content: center;
	    align-items: center;	
	}
	#foto-blok-obrazek-3, #foto-blok-obrazek-4 {
		width: 25%;
		height: 400px;
		float: left;
		overflow: hidden;
		display: block;
	    display: flex;
	    justify-content: center;
	    align-items: center;	
	}
	#foto-blok-obrazek-1 img, #foto-blok-obrazek-2 img, #foto-blok-obrazek-3 img, #foto-blok-obrazek-4 img {
		width: auto;
	 min-height:100%; min-width: 100%; object-fit: cover; 
	}
	
	#paticka {
		width: 1100px;
		margin: 0 auto;
	}
	#paticka1 {
		width: 620px;
		margin: 0 auto;
		padding-top: 65px;
		padding-bottom: 58px;
	}
	#kontakt-logo {
		padding: 0px 40px 0  40px;

	}
	#kontakt-adresa {
		border-top: 0;		
		border-left: 2px solid #68afba;		
		padding: 0 0 0  40px;
		float: left;
	}
	#kontakt-osoby {
	
	}
	#kontakt-osoba1, #kontakt-osoba2, #kontakt-osoba3 {
		border: 0;
		margin-bottom: 30px;
		width: 33%;
		float: left;
	}
	
	#kontakt-navigation-obal {
		padding-bottom: 15px;
		border-bottom: 2px solid #a1cdd4;
	}
	#kontakt-navigation {
	}
	.kontakt-navigation-polozka {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}	
	.es {
		width: auto;
		padding-left: 8px;
		padding-right: 8px;
	}
	.kontakt-navigation-polozka a {
	
	}
	.kontakt-poznamka {
		padding-top: 55px;
		padding-bottom: 20px;
	}
	#nav {
		width: 50%;
	}	
	/*#hlavicka-obal-mobil {
		display: none;
	}
	#nav {
		position: absolute;
		top: 0;
		right: 0;
		position: fixed;	
		left: auto;
		width: 100%;
		display: none;
		z-index: 5000;
	}
	#hlavicka-logo {
		position: absolute;
		top: 0;
		left: 0;
		position: fixed;
		display: block;	
		z-index: 4900;	
		cursor: pointer;
		visibility: hidden;
	}
	#hlavicka-logo-m {
		display: none;	
	}
	#hlavicka-logo-b {
		display: block;	
	}
	#hlavicka-menu {
		position: absolute;
		top: 0;
		right: 0;
		position: fixed;
		display: block;	
		z-index: 4900;		
		cursor: pointer;
		visibility: hidden;
		
	}
	#hlavicka-menu-m {
		display: none;	
	}
	#hlavicka-menu-b {
		display: block;	
	}*/
#lokalita, #lokalita-en, #lokalita-es {
	position: relative;
	min-height: 750px;
}	
	#map-photo {
		background-color: white;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 500;
		width: 100%;
		height: 750px;
		overflow: hidden;
		-webkit-clip-path: polygon(0% 0, 35% 0%, 70% 100%, 0 100%);
		clip-path: polygon(0% 0, 35% 0%, 70% 100%, 0 100%);
	}	
	.map-photo-x {
		height: 750px;

	}
	#map-canvas {
		position: absolute;
		top: 0;
		left: 35%;
		width: 65%;
		height: 750px;
	}
#map-photo-sipky {
    height: 46px;
    position: absolute;
    bottom: 200px;
    left: 5%;
}
#map-photo-sipka-vlevo {
  background: url("../obrazky/sipka-left.png") top right no-repeat;
  width: 56px;
  height: 46px;
  float: left;
  margin-right: 50px;
  margin-left: 0;  
}
#map-photo-sipka-vpravo {
  background: url("../obrazky/sipka-right.png") top left no-repeat;
  width: 56px;
  height: 46px;
  float: left;
  margin-right: 0;
}
#map-photo-sipka-vpravo:hover {
  background: url("../obrazky/sipka-right-b.png") top left no-repeat;
  cursor: pointer;
}
#map-photo-sipka-vlevo:hover {
  background: url("../obrazky/sipka-left-b.png") top right no-repeat;
  cursor: pointer;
}
.map-photo-text {
    position: absolute;
    bottom: 85px;
    right: 58%;	
    left: auto;
}

}
@media only screen and (min-width: 1170px) {
	
	}
@media only screen and (min-width: 1365px){
	#obal_slider {
		display: none;
	}


}
@media only screen and (min-width: 1680px){
	#obal_slider {
		display: none;
	}
#map-photo-sipky {
    height: 46px;
    position: absolute;
    bottom: 115px;
    left: 5%;
}

}

@media only screen and (min-width: 1000px){
#gal-main-pic2, .foto-blok-obrazek, .foto-blok-obrazek a {
	height: 562px;
}
#gal-main-pic2 img {

}
}
@media only screen and (min-width: 1170px){
#gal-main-pic2, .foto-blok-obrazek, .foto-blok-obrazek a {
	height: 658px;
}
#gal-main-pic2 img {

}
}
/*@media only screen and (min-width: 1295px){
#okenko-vysledek {
	max-width: 1295px;
}
}*/
@media only screen and (min-width: 1366px){
#gal-main-pic2, .foto-blok-obrazek, .foto-blok-obrazek a {
	height: 768px;
}
#gal-main-pic2 img {

}
}
@media only screen and (min-width: 1680px){
#gal-main-pic2, .foto-blok-obrazek, .foto-blok-obrazek a {
	height: 900px;
}
#gal-main-pic2 img {

}
}
@media only screen and (min-width: 1920px){
#gal-main-pic2, .foto-blok-obrazek, .foto-blok-obrazek a {
	height: 980px;
}
#gal-main-pic2 img {

}
}
@media only screen and (min-width: 2100px){
#gal-main-pic2, .foto-blok-obrazek, .foto-blok-obrazek a {
	height: 1080px;
}
#gal-main-pic2 img {

}
}
@media only screen and (max-height: 600px){
	#nav ul.navigation li a, #nav ul.navigation li a:visited {
		padding: 12px 0;
	}
}
@media only screen and (max-height: 500px){
	#nav ul.navigation li a, #nav ul.navigation li a:visited {
		padding: 10px 0;
	}
	#nav-close {
	padding-bottom: 0px;

	}		
}
@media only screen and (max-height: 400px){
	#nav ul.navigation li a, #nav ul.navigation li a:visited {
		padding: 5px 0;
		font-size: 20px;
		line height: 20px;
	}

}
@media only screen and (max-height: 350px){
	#nav ul.navigation li a, #nav ul.navigation li a:visited {
		padding: 3px 0;
		font-size: 17px;
		line height: 17px;
	}

}