body {
  margin: 0;
  /*font-family: 'Vesper Libre', serif;*/
  font-family: "Lexend", sans-serif;
  text-align: center;
  background-color: #aed9ff;
  overflow-y: scroll; }

#prihlaseni .login {
  display: inline-block;
  width: 90px; }
#prihlaseni input[type="text"],#prihlaseni [type="password"] {
  width: 200px; }  
  
a {
  text-decoration: none; }
a.odhlasit {
  float: left;
  margin-right: 50px;
  margin-bottom: 20px;}
a.novinky {
  float: left;
  margin-right: -85px;}

a.odhlasit:hover {
  text-decoration: underline; }  
a.pridat {
  margin: 10px auto;
  display: inline-block;
  padding: 4px 20px;
  border: 1px solid black;
  font-size: 15px;
  color: white;
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
  background-color: blue;
  cursor: pointer; }
a.pridat:hover {
   background: linear-gradient(rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2));
   color: black; }
a.upravit {
  padding: 0 6px;
  border: 1px solid black;
  line-height: 1.2rem;
  font-size: 0.9rem;
  color: white;
  background: linear-gradient(rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
  background-color: green;
  cursor: pointer; }
a.upravit:hover {
  background: linear-gradient(rgba(255, 255, 255, 0.4),rgba(0, 0, 0, 0.2));
  background-color: lightgreen;
  color: yellow; }
a.smazat {
  padding: 0 6px;
  border: 1px solid black;
  line-height: 1.2rem;
  font-size: 0.8rem;
  color: white;
  background: linear-gradient(rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
  background-color: red;
  cursor: pointer; }
a.smazat:hover {
  background: linear-gradient(rgba(255, 255, 255, 0.4),rgba(0, 0, 0, 0.2));
  background-color: black;
  color: yellow; }
a.smazat_vse {
  margin-top: 15px;
  font-size: 12px;
  display: inline-block;
  padding: 0 5px;
  border: 1px solid black;
  color: white;
  background-color: black;
  cursor: pointer; }
a.smazat_vse:hover {
  background-color: red;
  color: yellow; }  

a.pravidelna {
  /*display: inline-block;*/
  padding: 0 5px;
  border: 1px solid black;
  border-radius: 15px;
  color: white;
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
  background-color: blue;
  cursor: pointer; }
a.pravidelna:hover {
  background: linear-gradient(rgba(255, 255, 255, 0.4),rgba(0, 0, 0, 0.2));
  background-color: lightblue;
  color: black; }

.datum {
  float: right; }
.datum .zobrazit_vsechno {
  font-size: 15px; }
.datum .zobrazit_vsechno:hover {
  text-decoration: underline;
  color: black; }

hr {
  border: 1px dotted black;
  margin: 25px 10px 10px 10px; }      

#admin {
  margin: 10px auto;
  padding: 10px;
  display: inline-block;
  background-color: white; }
  
h1 {
  font-size: 22px;
  margin: 5px 0 2px 0;
  text-transform: uppercase; }

table {
  border-collapse: collapse;
  min-width: 960px;
  text-align: left;
  border: 1px solid black; }
tr:nth-child(even) {
  background-color: rgb(245,245,245); }
tr.dnes_bude {
  background-color: yellow; }
tr.dnes_probehlo {
  background-color: lightgrey; }
th {
  font-weight: 600;
  text-align: center;
  background-color: lightgreen;
  border: 1px solid grey; }
td {
  padding: 0 4px;
  line-height: 2.1rem;
  border: 1px solid grey; }
td.opakovani {
  line-height: 28px; }  
  
table.editace {
  min-width: 400px; }  
table.editace th {
  width: 100px; }

.zpet {
  display: block;
  text-align: left;
  padding: 0 5px 5px 5px; }

input[type="submit"] {
  margin: 10px auto;
  display: inline-block;
  width: 150px;
  border: 1px solid black;
  font-size: 15px;
  color: white;
  line-height: 30px;
  font-weight: bold;
  background: linear-gradient(rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2));
  background-color: green;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  cursor: pointer; }
input[type="submit"]:hover {
  background: linear-gradient(rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
  background-color: green;
  color: yellow;
  border-color: yellow; }

input[type="text"],input[type="password"] {
  padding: 2px 5px 2px 5px;
  width: 220px;
  margin: 2px 0; }
input[type="date"] {
  padding: 2px 5px 2px 5px;
  width: 130px;
  margin: 2px 0; }
input[type="time"] {
  padding: 2px 5px 2px 5px;
  margin: 2px 0; }
input[type="number"] {
  padding: 2px 5px 2px 5px;
  width: 40px;
  margin: 2px 0; }
input[type="radio"] {
  margin: 2px 5px; }
label {
  margin-right: 30px;
  font-weight: bold; }
select {
  min-width: 140px;
  padding: 2px 5px 2px 5px;
  margin: 2px 0; }
textarea {
  min-width: 220px;
  height: 60px;
  padding: 2px 5px 2px 5px;
  margin: 2px 0; }
  
#fotky {
  width: 620px; }
#fotky .fotka {
  position: relative; }
#fotky .smazat_fotku {
  position: absolute;
  bottom: 6px;
  left: 6px; }
#fotky .smazat_fotku img {
  height: 16px;
  border: 2px solid white;
  border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
#fotky .oznacit,#fotky .oznacit_hlavni {
  position: absolute;
  bottom: 80px;
  right: 10px; }
#fotky .oznacit span,#fotky .oznacit_hlavni span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid lightgrey;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
#fotky .oznacit span:hover,#fotky .oznacit_hlavni span:hover {
  border-color: black; }
#fotky .oznacit_hlavni span {
  background-color: yellow;
  border-color: red; }
#fotky .snimek {
  display: inline-block;
  margin: 1px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  height: 100px;
  width: 100px;
  object-fit: cover;
  object-position: center; }