body {
  background-color: rgb(200, 203, 231); /*urcuje farbu pozadia stranok*/
}
header,
footer {
  background-color: #0a963d; /*nastavuje footer a header-farbu, umiestnenie, odsadenie, okraje, zarovnanie*/
  border-radius: 0;
  color: rgb(18, 2, 2);
  text-align: center;
  padding: 15px 0;
}

.logo {
  /*nastavuje sirku a vysku loga*/
  width: 50px;
  height: auto;
}

h2,                                                   /*nastavuje nadpisy-odsadenie, zarovnanie, typ pisma, sirku */
h3,
h4 {
  margin: auto;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  width: 50%;
  padding: 10px;
}
h1 {
  /*nastavuje hlavny nadpis, jeho farbu, typ pisma, umiestnenie*/
  color: rgb(12, 18, 19);
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  text-align: center;
  margin: 20px 0;
}
h2 {
  font-style: italic; /*urcuje upravu nadpisu typu h2*/
}
#titleimage {
  display: block; /*nastavuje umiestnenie titulneho obrazku pre id=title image*/
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid white;
}

p {
  /*urcuje typ pisma pri texte, jeho velkost, zarovnanie*/
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 15px;
  text-align: left;
}

li {
  /*hrube pismo pri polozkach zoznamu*/
  font-weight: bold;
}

.gallery {
  /*nastavuje vizual galerie - vysku, sirku obrazkov a ich ohranicenie*/
  height: 330px;
  width: 50%;
  border: 5px solid gray;
}

.scroll-container {
  /*nastavenie galerie*/
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}

.text {
  /*nastavenie prvkov s clasou text - umiestnenie*/
  margin: 0 auto;
  width: 80%;
}

.center {
  /*nastavenie prvkov s klasou center - umiestnenie*/
  margin: auto;
  text-align: center;
  width: 50%;
  padding: 10px;
}

.aside {
  /*nastavenie elementu s klasou aside*/
  margin: auto;
  text-align: left;
  width: 50%;
  padding: 10px;
}

a:hover {
  /*nastavuje zmenu farby textu pri priblizeni kurzora*/
  color: burlywood;
}

.blok {
  /*nastavuje umiestnenie elementu s klasou blok*/
  display: flex;
  align-items: center;
  padding: 10px;
  text-align: center;
  margin: auto;
  width: 50%;
}

.blok ul {
  /*nastavuje umiestnenie elementu s klasou blok a ul*/
  margin-right: 20px;
}

.blok .mapa {
  /*nastavuje umiestnenie mapy*/
  width: 300px;
  height: auto;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid black;
}
.popis {
  /*nastavuje atributy elementu s klasou popis - typ textu, velkost, zarovnanie*/
  font-family: "Times New Roman", Times, serif;
  font-size: 8px;
  text-align: center;
  margin-left: 20%;
}
dt {
  font-weight: bold;
}
map {
  margin-left: 15px;
}

.itinerar {
  color: rgb(93, 67, 241);
}

table {
  width: 100%;
  border-collapse: collapse; /* Spojí okraje buniek do jedného */
  margin: 20px 0; /* Pridá okraj nad a pod tabuľkou */
}

th,
td {
  border: 1px solid #ddd; /* Jednoduchý okraj pre bunky */
  padding: 8px; /* Odsadenie textu od okraja bunky */
  text-align: left; /* Zarovnanie textu vľavo */
  background-color: rgb(157, 157, 234);
}

th {
  background-color: #dbae78; /* pozadie pre hlavičky */
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f9f9f9; /* Striedavé farebné pozadie pre riadky */
}
/*nastavenie vizualu audioprehravaca*/
.my-audio {
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 180px;
  height: 1cm;
  opacity: 0.5;
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0.5;
}
#popis {
  text-align: left;
  font-size: small;
}
#mapa {
  padding-left: 180px;
}

.video {
  width: 320px;
  height: 180px;
}
#foot {
  background-color: #dbae78;
}