div.hlavicka {
  position: relative;
  width: 1024px;
  height: 50px;
}

div.tlacitka {
  position: relative;
  width: 1024px;
  height: 140px;
}

div.zaznamy {
  position: relative;
  width: 1024px;
}

div.login {
  position: absolute;
  width: 300px;
  color: #555;
  left: 850px;
  top: 28px;
  text-transform: uppercase;
}

div.zapati {
  position: relative;
  width: 1024px;
}

table, th, td {
  border: 1px solid #444;
  border-collapse: collapse;
  margin: 10px;
}

table {
  width: 1024px;
  text-align: center;
}

td {
  padding: 5px;
}

tr:nth-child(even) {background-color: #222;}

h2 {
  text-align: left;
}

h3 {
  text-align: left;
  color: #555;
}

h4 {
  text-align: center;
  color: red;
}

body {
  color: white;
  background-color: black;
}

a {
  text-transform: uppercase;
  text-decoration: none;
}

 /* unvisited link */

a:link {
  color: white;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: blue;
}

a.imglink{
  background: #222;
  display: inline-block;
  border-radius: 15px;
  margin: 10px;
}
a.imglink img{
  vertical-align: middle;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
a.imglink:hover img{
  opacity: 0.5;
} 

.button {
  border: none;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  border-radius: 8px;
  width: 180px;
  color: white;
  font-weight: bold;
}

.button_next {
  background: green;  
} 

.button_next:hover {
  background-color: white;
  color: green;
} 

.button_back {
  background: #888;   
}

.button_back:hover {
  background-color: red;
  color: white;
}   

.button_user {
  background: #888;    
} 

.button_user:hover {
  background-color: SkyBlue;
  color: white;
} 

.button_not_set {
  background: #444;
  color: black;    
} 

.button_not_set:hover {
  background-color: SkyBlue;
  color: white;
} 

.button_delete {
  background: LightCoral;  
} 

.button_delete:hover {
  background-color: red;
  color: black;
} 

#red_circle {
  width: 25px;
  height: 25px;
  background: red;
  border-radius: 50%
}

#green_circle {
  width: 25px;
  height: 25px;
  background: green;
  border-radius: 50%
}

#blue_circle {
  width: 25px;
  height: 25px;
  background: blue;
  border-radius: 50%
}

#yellow_circle {
  width: 25px;
  height: 25px;
  background: yellow;
  border-radius: 50%
}

#msg {
   color: red;
   text-align: left;
   font-size: 10px;
   font-weight: bold;
}