.btnDdl {
    position: relative;
    z-index: 4;
}

    .btnDdl .toggleTitle {
        padding-right: 20px;
        position: relative;
    }


        .btnDdl .toggleTitle:after {
            content: '';
            position: absolute;
            top: 8px;
            right: 0px;
            border: 5px solid transparent;
            border-top: 5px solid #666;
            width: 0px;
            height: 0px;
        }


    .btnDdl.opened .toggleTitle:after {
        top: 4px;
        border: 5px solid transparent;
        border-bottom: 5px solid #666;
    }




    .btnDdl > .ddlContent {
        display: none;
        z-index: 4;
        position: relative;
        border-top: 1px solid #808080;
        margin-top: 5px;
        padding-top: 10px;
        text-align: left;
    }




#header {
    position: relative;
    vertical-align: middle;
    background: #ffd400;
    color: #000;
    padding: 0px 1.5rem;
    display: flex;
    align-items: center;
}




    #header .topMenu > a {
        color: #000;
        font-size: 20px;
        margin: 0px 20px;
    }



        #header .topMenu > a.active {
            color: #FDD322;
        }



.btn-fotoskoda {
    background: #FDD323;
    border-color: #e0bc25;
    color: #65696A;
}







#menu {
    text-align: center;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}


    #menu a {
        display: inline-block;
        font-size: 13px;
        font-weight: bolder;
        padding: 5px 10px;
        color: #696A76;
        background: #EBECEB;
        text-decoration: none;
        margin: 8px 15px;
    }

        #menu a.selected {
            background: #65696A;
            color: #fff;
        }


    #menu ul li.selected {
        background: url('../images/menu_selected.png') repeat-x left top;
    }



@media only screen and (max-width: 600px) {

    #header {
        display: flex;
    }
}