body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    /*background-color: rgba(219, 112, 147, 0.5); /* 50% průhlednost */
    background-image: url("/images/prechod_zelena_bila_zelena.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    padding: 0px 0px;
    margin: 0px;
    align-content: center;
}


#StatusovyLabel {    font-size: 25px;    color: red;}


.clanek_01_obal {
    overflow: hidden; /* aby float vnitřku nevytrhal layout */
    border-radius: 15px;
    border: 2px solid #ccc;
    /*width: 100%;*/
    max-width: 650px;
    padding: 5px;
    background-color: aquamarine;
}
.clanek_01_foto_L {    float: left;    margin: 5px;    max-width: 200px;    height: auto;}
.clanek_01_foto_L img {    max-width: 200px;    height: auto;}

.clanek_01_foto_R {    float: right;    margin: 5px;    max-width: 200px;    height: auto;}
.clanek_01_foto_R img {        max-width: 200px;        height: auto;    }


.clanek_01_nadpis { margin: 5px;}

.clanek_01_nadpis a {
        font-weight: bold;        color: green;
        text-decoration: none;
        font-size: 16px;
}

.clanek_01_popis { margin: 5px;}
.clanek_01_popis a { color: red; text-decoration: none; font-size: 15px; }





/*  plati i pro jine seznamy*/
.container {
    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) */
}

#item {
    position: relative;
    width: 252px;
    max-width: 260px;
    border: 3px solid red;
    align-content: center;
    text-align: right;
}

    #item img {
        width: auto;
        display: block;
        margin: 0 auto;
        min-width: 100px;
        object-fit: cover;
        max-height: 150px;
        text-align: center;
    }

.caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(0, 255, 33, 0.6); /* poloprůhledné pozadí */
    color: white;
    padding: 5px 0px;
    text-align: center;
    font-size: 15px;
}

    .caption a {
        font-weight: bold;
        color: white;
        text-decoration: none;
    }





/* strankovani ve vyberu clanku */
.vybranaStrana a {
    font-weight: bold;
    color: white; background-color: black;
    font-size: 20px;
    margin: 10px;
    text-decoration: none;
    border: 2px solid black; padding: 4px;
}
.prvniStrana a {
    color: red;
    font-size: 20px;
    margin: 10px;
    text-decoration: none;
    border: 1px solid black;
    padding: 4px;
}
.nedulezitaStrana a {    color: red;    font-size: 3px;    margin: 10px;}