@charset "utf-8";

.overlay {
	display: none;
  }

header { 
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  padding: 10px; 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  z-index: 10; 
  background-color: #000;
  }

.mezera { 
  width: 100%;
  height: 30px;
  background-color: #000;
  }

.logo-section img { 
  height: 20px; 
  }

.logo-jh {
  display: none;
  }

.contact-icons { 
  display: flex; 
  gap: 7px; 
  align-items: center; 
  }

.phone {
	display:none;
}

.center-content img { 
  width: 80%;
  margin-bottom: 70px; 
  }

.buttons { 
  display: flex; 
  gap: 10px; 
  justify-content: center; 
  }
  
.buttons a { 
  padding: 5px 10px;
  width: 130px; 
  background-color: rgba(231, 222, 177, 0.9); 
  color: #000; 
  border-radius: 50px; 
  text-decoration: none; 
  font-size: 12px; 
  border: 1px solid white; 
  }
  
.buttons a:hover { 
  background-color: rgba(231, 222, 177, 0.7);
  }

.hero {
	width: 100%;
	height: 400px;
	color: #FFF;
}

#hero-oprojektu {
	background-image:url(../images/hero-oprojektu-small.jpg);
}

#hero-lokalita {
	background-image:url(../images/hero-lokalita-small.jpg);
}

#hero-financovani {
	background-image:url(../images/hero-financovani-small.jpg);
}

#hero-galerie {
	background-image:url(../images/hero-galerie-small.jpg);
}

#hero-kontakt {
	background-image:url(../images/hero-kontakt-small.jpg);
}

#hero-standardy {
	background-image:url(../images/hero-standardy-small.jpg);
}

.hero h1 {
	font-size: 38px;
	padding-top: 200px;
  }

h2 {
	font-size: 28px;
	padding: 15px;
	font-weight: 600;
	color: #133d42;
}

.sloupec-50 {
	float: left;
	width: 100%;
}

.sloupec-50-padding {
	float: left;
	width: 100%;
	padding: 0px;
}

.sloupec-40 {
	float: left;
	width: 100%;
}

.sloupec-60 {
	float: left;
	width: 100%;
}

.sloupec-60-padding {
	float: left;
	width: 100%;
	padding: 0px;
}

.sloupec-30 {
	float: left;
	width: 100%;
}

.sloupec-20 {
	float: left;
	width: 100%;
}

.sloupec-25 {
	float: left;
	width: 100%;
}

.img-40 {
	float: left;
	width: 100%;
	height: auto;
	padding: 15px;
	overflow: hidden;
}

.img-60 {
	float: left;
	width: 100%;
	height: auto;
	padding: 15px;
	overflow: hidden;
}

.galerie {
	display: inline-block;
	width: 100%;
	margin: 0px;
}

.footer {
	background: #133d42;
	background-image: url(../images/bg-menu.jpg);
	height: 1100px;
}

.footer-in {
	max-width: 100%;
	min-width: 100%;
	margin: 0 auto;
	color: #FFF;
}

form {
	margin-top: 0;
	padding-top: 10px;
}

form input {
	width:95%;
	font-size:14px;
	border:#e7deb1 solid 1px;
	margin: 2px;
	padding: 6px;
	background-color: #0b2b2f;
	color: #fff;
}

form textarea {
	width:95%;
	height: 140px;
	font-size:14px;
	border:#e7deb1 solid 1px;	
	margin: 2px;
	padding: 6px;
	background-color: #0b2b2f;
	color: #fff;
}

form .vyber {
	width: 20px;
	border:#0b2b2f solid 1px;
	margin: 2px;
}

form .button {
	width: 95%;
	font-size: 18px;
	color: #27293f;
	font-weight: normal;
	background-color: #e7deb1;
	border: none;
}

.kalkulacka form input {
	width:140px;
	font-size:14px;
	border:#e7deb1 solid 1px;
	margin: 2px;
	padding: 6px;
	background-color: #0b2b2f;
	color: #fff;
}

.kalkulacka form .button {
	width: 140px;
	font-size:18px;
	color:#27293f;
	font-weight: normal;
	background-color: #e7deb1;
	border: none;
}

.kontakt-logo {
	max-width: 300px;
	padding-left: 15px;
	padding-top: 15px;
}

.harmonogram {
	width: 100%;
	padding-left: 15px;
}