/*  */
.containerTOPa {
    position: relative;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    height: 100%;
    background-color: rgba(127, 255, 212, 0.5); /* 50% průhlednost */

    width: 100%;
    margin: 0px;
    padding: 0px;
    gap: 10px;
    justify-content: center; /* vodorovné centrování */
    align-items: center; /* svislé centrování */
}
.containerPodClankem {
    position: relative;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    height: 100%;
    background-color: rgba(127, 255, 212, 0.5); /* 50% průhlednost */

    width: 100%;
    margin: 5px;
    padding: 0px;
    gap: 10px;
    justify-content: center; /* vodorovné centrování */
    align-items: center; /* svislé centrování */
}


#banner_3  {}
#banner_3 img {     margin: 40px 4px;}
#banner_6 {
}

    #banner_6 img {
        margin: 4px 4px; width: 600px;
    }

#menu_toggle3 {
    display: inline;
    font-size: 20px;
    width: auto;
    margin: 1px;
}


#menu3 {
    position: absolute; /* nad obsahem */
    left: auto;
    top: 30px; /* pozice to neni vychytana */
    width: auto;
    max-height: 0; /* zavřené menu */
    overflow: hidden; /* skrýt obsah při zavřeném menu */
    background-color: #fff; /* barva menu */
    transition: max-height 1s ease; /* animace vysouvani a zasouvani*/
    z-index: 1000; /* aby bylo nad ostatním obsahem */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
    
    #menu3.active {/* Menu aktivní */
        max-height: 3000px;        /* overflow: scroll;  nastav podle obsahu menu */
    }    
    #menu3 a {/* Styl pro odkazy uvnitř menu */
        display: block;        padding: 1px 1px;        text-decoration: none;
        color: #333;        text-align: center;    }
    #menu3 a:hover {  background-color: #f0f0f0;        }
    #menu3 li {        margin: 8px;        padding: 0;
        font-size: 20px;        list-style-type: none; /* odstraní kolečka nebo čísla */
    }