header img {
    width: 350px; /* nastavi sirku obrazka */
    background-color: white; /* nastavi biele pozadie */
    margin: auto; /* zarovna obrazok do stredu */
    display: block; /* odstrani inline spravanie obrazka */
    border-radius: 10px; /* zaobli okraje obrazka */
}

nav {
    display: flex; /* pouzije flexbox na rozmiestnenie prvkov */
    justify-content: center; /* zarovna prvky do stredu */
    background-color: silver; /* nastavi farbu pozadia na striebornu */
    color: black; /* nastavi ciernu farbu textu */
}

h1 {
    text-align: center; /* zarovna text na stred */
    background-color: silver; /* nastavi strieborne pozadie */
    padding: 30px; /* prida vnutorny okraj */
    margin: 0; /* odstrani vonkajsi okraj */
}

body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; /* nastavi font */
    background-color: rgb(219, 208, 208); /* nastavi farbu pozadia */
    margin: 0; /* odstrani predvoleny vonkajsi okraj */
    padding: 0; /* odstrani predvoleny vnutorny okraj */
}

nav ul {
    list-style-type: none; /* odstrani bodky alebo cislovanie zo zoznamu */
    display: flex; /* pouzije flexbox na zoznam */
    justify-content: center; /* zarovna prvky zoznamu do stredu */
    margin: 0; /* odstrani vonkajsi okraj */
}

nav ul li {
    padding: 30px; /* prida vnutorny okraj okolo poloziek zoznamu */
    font-size: 30px; /* nastavi velkost textu */
}

nav ul li a {
    text-decoration: none; /* odstrani podciarknutie z odkazov */
    font-weight: bold; /* nastavi text na tucny */
    color: black; /* nastavi ciernu farbu textu */
}

section {
    background-color: white; /* nastavi biele pozadie sekcii */
    border: silver solid 1px; /* prida strieborne oramovanie */
    margin: 20px; /* prida vonkajsi okraj */
    padding: 20px; /* prida vnutorny okraj */
    border-radius: 10px; /* zaobli okraje sekcie */
}

aside ul li {
    list-style-type: none; /* odstrani bodky zo zoznamu v sekcii aside */
}

footer {
    text-align: center; /* zarovna text v paticke na stred */
}

section {
    text-align: center; /* zarovna text v sekcii na stred */
}

aside {
    background-color: white; /* nastavi biele pozadie sekcii aside */
    border: silver solid 1px; /* prida strieborne oramovanie */
    margin: 20px; /* prida vonkajsi okraj */
    padding: 20px; /* prida vnutorny okraj */
    border-radius: 10px; /* zaobli okraje */
    text-align: center; /* zarovna text na stred */
}

p {
    text-align: center; /* zarovna odstavce na stred */
}

dt img {
    width: 30px; /* nastavi sirku obrazkov v zoznamoch */
}

.riadok1 {
    float: left; /* umiestni prvky na lavo */
}

.riadok2 {
    padding-top: 20px; /* prida odstup nad zoznamom */
}

dl {
    padding-left: 130px; /* prida odsadenie zlava */
    font-size: 15px; /* nastavi velkost textu */
    line-height: 40px; /* nastavi vysku riadku */
}

h3 {
    font-size: 20px; /* nastavi velkost nadpisu */
}

dt {
    font-size: 18px; /* nastavi velkost textu nadpisov v definiciach */
}

#video {
    width: 800px; /* nastavi sirku videa */
}

#audio {
    text-align: center; /* zarovna obsah audia na stred */
}
/*galeria*/
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

th {
    background-color: #f2f2f2;
}

img {
    max-width: 100%; 
    height: auto;
    width: 300px;
    border-radius: 8px;
}
table img:hover {
    transform: scale(1.3);
    cursor: pointer;
}
footer {
    text-align: center;
}
section h2 {
    text-align: center;
}
.sekcia1 {
    float: left;
    margin-right: 10px;
}