body.okno {
	height: auto;
  background:black url(zlin.jpg);
  background-size: auto;
  background-position: 0px 20%;
}

body.okno-zimni {
  height: auto;
  background:black url(zlin-zima.jpg) !important;
  background-size: auto;
}

@media only screen and (min-width: 2000px) {
  body {
    background-size: cover !important;
    background-repeat: no-repeat;
  }
}

/* Tablety */
@media only screen and (max-height: 800px) and (min-height: 601px) {
  .napad {
    top: 430% !important;
  }
}

/* HD/FHD */
@media only screen and (max-height: 1000px) and (min-height: 801px)  {
  .napad {
    top: 430% !important;
  }
}


.napad {
  text-align: center;
  position: absolute;
  top: 430%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000000ba;
  padding: 6px;
  border-radius: 2px;
  color: white;
  font-size: 20px;
}

.napad:hover {
  text-decoration: none !important;
  background: #000000;
  color: white;
  transition: all 0.7s;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5);
}

.evidence {
	color: white;
  font-weight: bold;
  background-color: #ff9921;
  font-size: 22px;
  padding: 1rem 2rem 1rem 2rem;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.evidence:hover {
	transform: scale(1.08);
	transition: all 0.5s;
	color: white !important;
}

.nadpis {
	font-family: calibri;
	text-align: center;
	font-weight: bold;
}

.logo {
	max-width: 50%;
}

img.logo:hover {
  transform: rotate(360deg);
  transition: all 5s;
}

.okno{
	/*margin-top: 50px;
	border-radius: 5px;*/
  max-width:320px;
  width:90%;
  background-color:#fff;
  padding:40px;
  border-radius:4px;
  transform:translate(-50%, -50%);
  position:absolute;
  top:50%;
  left:50%;
  color: black;
  box-shadow: 6px 4px 8px rgba(0, 0, 0, 0.3);
}

.odkazy {
  margin-top: 8%;
  margin-bottom: -10%;
}

.illustration {
  text-align:center;
  padding:15px 0 20px;
  font-size:100px;
  color:#2980ef;
}

.app-byhax {
  text-align: left;
  display: inline;
  color:#2980ef;
  padding-right: 15%;
}

img.app-byhax:hover {
  transform: scale(1.03);
  transition: all 5s;
}

.status-byhax {
  text-align: right;
  display: inline;
  color: #2980ef;
  padding-left: 15%;
}

img.status-byhax:hover {
  transform: scale(1.03);
  transition: all 5s;
}

.logo-app, .logo-status {
  max-width: 30%;
}

.tlacitko {
	text-align: center;
}

.tlacitko button {
	width: 20%;
}

.hlaska {
	text-align: center;
	font-family: calibri;
}

.footer {
	width: 100%;
	position: fixed;
    bottom : 0;
}

.center {
	text-align: center;
}

.form {
	width: 40%;

}

.tabulka {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.podle {
	width: 36%;
}

.vysledky {
	text-align: center;
}

.mezera {
	padding-left: 5px;
	padding-right: 5px;
}

.hledat_tlacitko {
	margin-top: 10px;
}


#jiny_login {
  display: none;
}

#dnes {
   position: absolute !important;
   top: 5% !important;
   left: 12% !important;
}