a {
  margin: 0; /* Zrusi okraje */
  padding: 0; /* Zrusi vnutorne odsadenie */
}

p {
    padding: 30px; /* Nastavuje vnutorne odsadenie */
    text-align: center; /* Zarovna text na stred */
    color:#717480;
  }

  body {
    background-image: url('images/9aafb5dcdb18b4f7d766b482607e0f3f.jpg'); /* Nastavi obrazok ako pozadie */
    background-size: cover; /* Upravi obrázok pozadia tak, aby pokryl cele pozadie */
    background-repeat: no-repeat;  /* Zabrani opakovaniu obrazka pozadia */
    background-position: center; /* Umiestni obrazok do stredu */
    margin: 0; /* Zrusi okraje pre telo stranky */
    cursor: crosshair; /* Zmeni kurzor na kriz */
  } 



img { 
  cursor: help; /* Zmeni kurzor na ikonu pomoci pri prechode mysou na obrazok */
}

 /* styl pre navigacnu listu */
 .navbar {
  background-color: #87ceeb; /* Farba pozadia listy */
  overflow: hidden;      /* Zabezpeci, že obsah nepresiahne hranice listy */
  width:max-content;     /* Nastavi sirku na maximalnu sirku obsahu */
}

/* styl pre odkazy na navigacnej liste */
.navbar a {
  float: left;             /* Zarovnanie odkazu dolava */
  display: block;          /* Zobrazi sa ako blok */
  color: white;            /* Farba textu */
  text-align: center;      /* Zarovnanie textu na stred */
  padding: 14px 20px;      /* Vnutorne odsadenie */
  text-decoration: none;   /* Bez podciarknutia */
}

.navbar {
  position: fixed; /* Urobi navigacnu listu fixovanu pri rolovani */
  width: 100%; /* Nastavi sirku na 100% */
  top: 0; /* Umiestni listu na vrchnu cast stranky */
  z-index: 1000; /* Urcuje vrstvenie, aby lista bola nad ostatnym obsahom */
}

/* Hover efekt */
.navbar a:hover {
  background-color: #ffbcd9; /* Farba pozadia pri prechode mysou */
}

h1 {  
  color: #ebf4f5;
  text-align: center;
  }

h2 {
  text-align: center;
  color: #43b1d3;
}

h3 {
  color:#ffffff;
}

dt {
  color: #43b1d3;
  text-decoration-line: underline;
  text-align: left;
}

dd {
  color:rgb(134, 74, 94);
  text-align: left;
  
}

.container {
  margin: 50px 0px 0px 250px; /* Nastavi okraje kontajnera */
  width: 1200px;
  height: 450px;
  display: flex; /* Pouzije flexbox na usporiadanie obsahu */
  justify-content: center; /* Zarovna obsah na stred */
  gap: 0px; /* Nastavi medzeru medzi prvkami na 0 */

}

.container img {
  width: 45%; /* Nastavi sirku obrazkov na 45% kontajnera */
  height: 450px; /* Nastavi vysku obrazkov */
  object-fit: cover; /* Upravi velkost obrazkov tak, aby sa zachoval pomer stran */
  border-radius: 5px; /* Zaobli rohy obrazkov */
  border: 2px solid rgba(255, 255, 255, 0.6); /* Nastavi biely okraj obrazkov */
  transition: all ease-in-out 0.5s; /* Nastavi plynuly prechod pri zmene vlastnosti */
}

.container img:hover {
  width: 100%; /* Zvacsi obrazok na 25% sirky kontajnera pri prechode mysou */
}

.container1 {
  margin-top: 20px; /* Nastavi horny okraj */
  margin-left: auto; /* Automaticke zarovnanie nalavo */
  margin-right: auto;  /* Automaticke zarovnanie napravo */
  width: 70%; /* Nastavi sirku kontajnera */
  height: 450px;  /* Nastavi vysku kontajnera */
  display: flex; /* Pouzije flexbox na usporiadanie obsahu */
  justify-content: center; /* Zarovna obsah na stred */
  gap: 10px; /* Nastavi medzeru medzi obrazkami */

}

.container1 img {
  width: 10%; /* Nastavi sirku obrazkov na 10% kontajnera */
  height: 100%; /* Nastavi vysku obrazkov na 100% */
  object-fit: cover; /* Upravi obrazky, aby pokryli cely priestor */
  border-radius: 10px; /* Zaobli rohy obrazkov */
  border: 2px solid rgba(255, 255, 255, 0.6); /* Nastaví biely okraj obrázkov */
  transition: all ease-in-out 0.5s; /* Nastavi plynuly prechod pri zmene vlastnosti */
}

.container1 img:hover {
  width: 25%; /* Zvacsi obrazok na 25% sirky kontajnera pri prechode mysou */
}


.obsah {
  margin-left: 350px; /* Nastaví ľavý okraj */
  margin-right: 350px; /* Nastaví pravý okraj */
  margin-top: 50px; /* Nastaví horný okraj */
  margin-bottom: 50px; /* Nastaví spodný okraj */
  background-color: #ffc8dd; /* Nastaví farbu pozadia */
  text-align: center; /* Zarovná text na stred */
  padding: 0; /* Zruší vnútorné odsadenie */
  border: 1px solid white; /* Nastaví biely okraj */
}


.obsah2 {
  margin-left: 350px; /* Nastaví ľavý okraj */
  margin-right: 350px; /* Nastaví pravý okraj */
  margin-top: 10px; /* Nastaví horný okraj */
}

.obsah3 {
  margin-left: 350px; /* Nastaví ľavý okraj na 350px */
  margin-right: 350px; /* Nastaví pravý okraj na 350px */
  margin-top: 100px; /* Nastaví horný okraj na 100px */
  background-color: #ffc8dd; /* Nastaví farbu pozadia na svetloružovú */
  text-align: left; /* Zarovná text doľava */
  padding: 0; /* Zruší vnútorné odsadenie */
  border: 3px solid white; /* Nastaví biely okraj hrubý 3px */
}

.tabulka {
  margin: 10px 250px 0px 550px;

}

#tabulka1 {
  text-align: left;
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}
th {
    background-color: #f2f2f2;
}
.img1 {
    max-width: 100px; /* Zmensuje velkosť obrazkov */
    height: auto;
}

.logo{
  width: 30px;
}

footer {
  background-color: #87ceeb; /* Nastaví farbu pozadia na svetlomodrú */
  color: white; /* Nastaví farbu textu na bielu */
  text-align: center; /* Zarovná text na stred */
  padding: 10px; /* Nastaví vnútorné odsadenie na 10px */
}

.kontakt {
  margin-left: 500px; /* Nastaví ľavý okraj na 500px */
  margin-right: 500px; /* Nastaví pravý okraj na 500px */
  margin-top: 100px; /* Nastaví horný okraj na 100px */
  background-color: #ffbad6; /* Nastaví farbu pozadia na svetloružovú */
  text-align: center; /* Zarovná text na stred */
  padding: 0; /* Zruší vnútorné odsadenie */
  border: 3px solid white; /* Nastaví biely okraj hrubý 3px */
}

.kontakt1 {
  width: 300px;
  height: 300px;
}

mark {
  background-color: #87e0f7;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#video {
  width: 300px;
  height: 300px;
}

.video1 {
  display: flex;
  justify-content: center; /* Horizontalne stred */
  align-items: center;    /* Verticalne stred */
}