/* CSS Document */

/*navigačni menu*/
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

nav ul li {
  float: left;
}

nav ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav ul li a:hover {
  background-color: #111111;
}


/*footer*/
footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #333333;
  color: white;
  text-align: center;
}

/*posunuti section od navigačniho menu*/
section {
  margin: 20px;
}

/*navigace stránek*/

.navigace-stran a {
  text-decoration: none;
  color: white;
  text-align: center;
  padding: 3px 6px;
  
  border: 2px solid #D3D3D3;
}

.navigace-stran {
  position: fixed;
  left: 20px;
  bottom: 0;
  width: fit-content;
  background-color: #333333;
  margin-bottom: 50px;
  
  
  padding: 12px 24px;
  border-radius: 10px;
}

/*mezera proti překrytí obsahu*/
.mezera {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
}

/*zkrašlení tabulek*/
table {
  padding: 30px 30px;
  background-color: #333333;
  border-radius: 10px;
}

table th {
  color: white;
  padding: 5px 5px;
  background-color: #A9A9A9;
}

table td {
  padding: 5px 5px;
  background-color: #D3D3D3;
}

/*zkrasleni obrazku*/
img {
  border-radius: 10px;
  padding: 5px 5px;
  background-color: #333333;
  
  max-width: 100%;
  height: auto;
}

/*zkrašleni nečíslovaneho seznamu v seckci*/
section ul {
  width: fit-content;
  padding: 30px 30px;
  background-color: #333333;
  border-radius: 10px;
  
  list-style: none;
}

section ul li {
  width: fit-content;
  margin-bottom: 10px;
  padding: 5px 5px;
  background-color: #D3D3D3;
}

/*zkrasleni nadpisů a podnadpisů*/
section h1 {
  padding: 5px 5px;
  background-color: #D3D3D3;
  border-radius: 10px;
  border: 2px solid #333333;
}

section h2 {
  width: fit-content;
  padding: 5px 5px;
  border-radius: 10px;
  border: 2px solid #333333;
}