/*stylovanie tela stranky*/
body {
    /*font pisma pouzity na stranke a aj nahrada v pripade nekompatibility so zardianim uzivatela*/
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    /*nastavenie farby pozadia na tmavo modru*/
    background-color: darkblue;
}

/*stylovanie obrazka v hlavicke*/
header > a > img {
    /*zarovnanie obrazka dolava aj obtekanie*/
    float: left;
    /*vonkajsi okraj okolo obrazka*/
    margin: 10px;
    /*radius okraju aby bol ostrí*/
    border-radius: 0;
}

/*stylovanie navigacneho menu neciselneho zoznamu*/
nav > ul {
    /*vymazanie odrazok*/
    list-style-type: none;
    /*odsadenie od vonkajsieho okraja o 35px*/
    margin-top: 35px;
    /*nastavenie vnutorneho okraja na 0*/
    padding: 0;
    /*nedovoli pretiect navigacii*/
    overflow: hidden;
    /*tmava farba pozadia navigacie*/
    background-color: #333;
    /*pozicia navigacie*/
    top: 0;
}

/*stylovanie poloziek zoznamu v nav*/
nav > ul > li {
    /*zarovnanie dolava na vytvorenie horizontalneho zoznamu*/
    float: left;
}

/*stylovanie pre odkazy navigacie*/
nav > ul > li > a {
    /*zarovnanie do bloku takze zabera celu sirku*/
    display: block;
    /*text odkazu biely*/
    color: white;
    /*zarovannie textu na stred*/
    text-align: center;
    /*pridanie vnutorneho odsadenia 14px hore a dole a 16px po stranach */
    padding: 14px 16px;
    /*aby nebol pociarknuty ako odkaz*/
    text-decoration: none;
}

/*stylovanie pri dani kurzora na odkaz v navigacii sa zmeni pozadie*/
nav > ul > li > a:hover {
    /*zmena na sivu farbu*/
    background-color: gray;
}

/*momentalna stranka*/
.aktivnas {
    /*nastavenie modrej farby na aktualnu stranku*/
    background-color: blue;
}

/*stylovanie sekcii*/
section {
    /*centrovanie obsahu sekcie na stred a vnutorny okraj 10px*/
    margin: 1.6rem auto;
    padding: 10px;
    /*max sirka sekcie 900px*/
    max-width: 900px;
    /*pridanie okraja sekcii*/
    border: 2px solid;
    /*tmava farba na pozadie sekcie*/
    background-color: #333;
}

/*stylovanie aside*/
aside {
    /*kvoli vyzoru stranky rovanke ako hlavna stranka*/
    margin: 1.6rem auto;
    padding: 10px;
    max-width: 900px;
    border: 2px solid;
    background-color: #333;
}

/*stylovanie odstavcov*/
p {
    /*farba textu na bielu*/
    color: white;
    /*vnutorny okraj 10px*/
    padding: 10px;
}

/*stylovanie pre zoznamy*/
dl, ul, ol {
    /*nastavenie bielej farby*/
    color: white;
}

/*vonkajsi okraj odsadenie 30px od vrchu*/
h1 {
    padding-top: 30px;
}

/*stylovanie pre napisy h1-h3 na podstranke*/
h1, h2, h3 {
    /*nastavenie farby na zlatu */
    color: gold;
}

/*stylovanie zvyraznia textu*/
mark {
    /*pozadie zvyraznenia*/
    background-color: blueviolet;
    /*farba textu vo zvyrazneni*/
    color: cyan;
}
table{
    background-color: darkgoldenrod;
}

/*stylovanie vsetkych obrazkou na strankach*/
img {
    /*pridanie vonkajsich okrajou z lava a z prava*/
    margin-left: 10px;
    margin-right: 10px;
    /*plynuly prechod zvacsania obrazka*/
    transition: transform 0.3s ease-in-out;
    /*zaoblenie rohov*/
    border-radius: 15px;
}

/*efekt obrazkou pri prechode myskou*/
img:hover {
    /*zvacsanie obrazka pi prechode myskou*/
    transform: scale(1.2);
}

/*trieda stylovania na zarovnanie obrazka z lava a obtekania textu*/
.obtekaniel {
    float: left;
}

/*trieda stylovania na zarovnanie obrazka z prava a obtekania textu*/
.obtekaniep {
    float: right;
}
/*popis tabulky*/
caption {
    /*farba popisu tabulky*/
    color: white;
    /*zarovnanie na stred*/
    text-align: center;
}
/*stylovanie tabulky aby neboli bunky odsadene*/
table {
    border-collapse: collapse;
}
/*stylovanie tabluky hlaviek a buniek*/
th, td {
    /*pridanie oramovania do bunky modrej farby*/
    border: 4px solid blue;
    /*vnutorne odsadenie 8px*/
    padding: 8px;
    /*zarvnanie textu v bunkach do lava*/
    text-align: left;
}


/*stylovanie len pre th*/
th {
    /*farba pozadia pre hlavicky*/
    background-color: #f2f2f2;
    /*hruby text*/
    font-weight: bold;
}

/*stylovanie obrazkou v tabulke*/
td > img {
    /*nastavenie velkosti obrazkou v tabulke*/
    height: 100px;
    width: 100px;
}

/*stlyovanie peticky stranky*/
footer {
    /*centrovanie textu v pate*/
    text-align: center;
}
/*odkazy budu mat bielu farbu*/
a{
    color: white;
}