#clanekSeznam {
    border-radius: 5px;
    border: 1px solid black;   
    max-width: 840px;
    padding: 1px;
    margin: 5px 0px;
    background-color: white;
}
.clanekSeznamContainer {
    position: relative; /* umožňuje absolutní pozicování vnořených prvků vůči tomuto kontejneru */
    display: flex; /* aktivuje flexbox – děti se řadí vedle sebe */
    gap: 13px 15px; /* mezera (20px) mezi jednotlivými položkami ve flexboxu */
    flex-wrap: wrap; /* umožní zalamování položek na nový řádek, pokud se nevejdou */
    max-width: 850px; /* maximální šířka kontejneru */
    padding: 0px 0px 0px 16px; /* vnitřní okraj (odsazení obsahu od okraje boxu) */
}
#clanekSeznamItem {
    position: relative;
    height: 180px;
    width: 258px;
    max-width: 260px;
    border-radius: 10px;
    border: 1px solid silver;
    align-content: center;
    text-align: right;
}
    #clanekSeznamItem img {
        width: auto;
        max-width: 240px;
        min-width: 100px;
        height: auto;
        max-height: 150px;
        display: block;
        margin: 0 auto;
        object-fit: cover;
        text-align: center;
        border-radius: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0px 0px 25px 0px;
    }
.clanekSeznamCaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(192, 192, 192, 0.6);
    color: white;
    padding: 5px 0px;
    text-align: center;
    font-size: 15px;
    border-radius: 10px;
}
    .clanekSeznamCaption a {
        font-weight: bold;
        color: black;
        text-decoration: none;
        bottom: 0;
    }

#clanek_box {
    overflow: auto; /*overflow: scroll;*/
    font-size: 16px;    border-radius: 5px;    border: 1px solid black;    text-align: center;    width: 100%;    max-width: 820px;
    padding: 10px;    margin: 5px 0px 0px 0px;    background-color: white;    max-height: 6000px;}
.clanek_logoAutor {    text-align: center;}
.clanek_logoAutor img {    margin: 10px;}
.clanek_nadpis {    font-size: 20px;    color: black;    font-weight: bold;    margin: 15px 0px 10px 0px;}
.clanek_popis {    font-weight: bold;    margin: 5px;    text-align: justify;}
.clanek_text {    margin: 5px;    text-align: justify;}
.clanek_velkefoto img {    max-width: 800px;}
.clanek_malefoto img {    max-width: 60px;}
.clanek_info {    font-size: 12px;    margin: 0px 20px 20px 20px;}
.clanek_rubrikaClankuNazev {
    font-size: 25px;
    padding: 20px;
    font-weight: bold;
    text-align: center;
}

/* nejsou doresene jazyky*/



#dalsiJazykyClanek {
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid black;
    text-align: center;
    width: 100%;
    max-width: 820px;
    padding: 10px;
    margin: 5px 0px;
    background-color: white;
}

#dalsiJazykyClanekB {
    text-transform: uppercase;
}
#dalsiJazykyClanekB a {
        text-decoration: none;
        color: green;
        font-weight: bold;
    }
#dalsiJazykyClanekB img {
        width: 30px;
        margin: 5px;
        border: 1px solid black;
    }
#clanekSeznamPrezentace {
    font-weight: bold;
    color: red;
    padding: 25px 0px;
    text-align: center;
    font-size: 25px;
}