.menu_spacer {

    width:100%;
    height:100px;
    position:relative;

}

.menu_container {

    width:100%;
    height:100px;
    position:fixed;
    background-color:rgba(38,38,38,1.0);
    z-index:20;

}

.menu_container .content {

    position:relative;

}

.menu_container .logo_holder {

    width:213px;
    height:181px;
    background-color:rgba(38,38,38,1.0);
    position:absolute;
    top:0;
    left:0;
    z-index:23;
    transition:height 0.3s;

}

.menu_container .logo {

    width:213px;
    height:181px;
    background-image:url('./files/elements/protetika_fullWhite.svg');
    background-size:165px auto;
    background-position:center center;
    background-repeat:no-repeat;
    transition:height 0.3s;

}

.menu_container .mobileMenu_button {

    width:26px;
    height:58px;
    background-image:url('./files/icons/menu_button_white.svg');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    float:right;
    display:none;
    cursor:pointer;
    position:relative;
    z-index:99999999;

}

.menu_container .menu_holder {

    width:calc(100% - 213px);
    /*min-height:100px;*/
    height:auto;
    float:right;

}

.menu_container .menu_holder .menu_table {

    width:10px;
    height:100px;
    border-collapse:collapse;
    float:right;

}

.menu_container .menu_holder .menu_table tr td {

    padding:0;
    margin:0;
    font-size:16px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    white-space:nowrap;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
    cursor:pointer;
    transition:background-color 0.5s;

}

.menu_container .menu_holder .menu_table tr td:hover {

    background-color:rgba(255,255,255,0.6);
    transition:background-color 0.5s;

}

.menu_container .menu_holder .menu_table tr td.noHover:hover {

    background-color:inherit;

}

.menu_container .menu_holder .menu_table tr td.active {

    background-color:rgba(255,255,255,0.6);

}

.menu_container .menu_holder .menu_table tr td .centrumChuze_menu {

    width:164px;
    height:52px;
    border-radius:50px;
    background-color:rgba(255,255,255,1.0);
    background-image:url('./files/elements/centrum_chuze_podSebou_greenBlack.svg');
    background-size:121px auto;
    background-position:center center;
    background-repeat:no-repeat;
    border:3px solid rgba(37,163,165,0.0);
    transition:border 0.5s;

}

.menu_container .menu_holder .menu_table tr td .centrumChuze_menu:hover {

    border:3px solid rgba(37,163,165,1.0);
    transition:border 0.5s;

}

.menu_container .menu_holder .subMenu_holder {

    width:100%;
    height:81px;
    padding-left:20px;
    background-color:rgba(38,38,38,0.9);
    display:none;

}

.menu_container .menu_holder .subMenu_table {

    width:10px;
    height:81px;
    border-collapse:collapse;
    display:none;

}

.menu_holder .subMenuMobileClose_tr {

    display:none;

}

.menu_container .menu_holder .subMenu_table tr td {
    
    padding:0;
    margin:0;
    font-size:20px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    white-space:nowrap;
    padding-left:8px;
    padding-right:8px;
    cursor:pointer;
    transition:background-color 0.5s;
    
}

.menu_container .menu_holder .subMenu_table tr td.alignLeft {
    text-align: left;
}

.menu_container .menu_holder .subMenu_table tr td:hover {

    background-color:rgba(255,255,255,0.6);
    transition:background-color 0.5s;

}

.menu_container .partner_holder {
    width: auto;
    display: flex;
    flex-direction: column;
}

.menu_container .partner_holder .partner_label {
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
    color: white;
    text-align: left;
    position: relative;
    top: 7px;
}

.menu_container .partner_holder .fn_plzen_logo {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.menu_container .socialButtons {

    width:102px;
    height:30px;

}

.menu_container .socialButtons .socialButton_item {

    width:30px;
    height:30px;
    background-color:rgba(255,255,255,1.0);
    border-radius:50%;
    margin:2px;
    float:left;
    background-size:15px auto;
    background-position:center center;
    background-repeat:no-repeat;

}

.menu_container .socialButtons .socialButton_item.facebook {
    background-image:url('./files/icons/facebook.svg');
}

.menu_container .socialButtons .socialButton_item.instagram {
    background-image:url('./files/icons/instagram.svg');
}

.menu_container .socialButtons .socialButton_item.youtube {
    background-image:url('./files/icons/youtube.svg');
}

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

    .menu_container .content {

        width:calc(100% - 30px);
        margin:0px auto;

    }

}

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

    .menu_spacer {

        height:58px;

    }

    .menu_container {

        height:58px;

    }

    .menu_container .logo_holder {

        width:148px;
        height:127px;

    }

    .menu_container .logo {

        width:148px;
        height:127px;
        background-size:115px auto;

    }

    .menu_container .menu_holder {

        width:calc(100% - 148px);

    }

    .menu_container .menu_holder .menu_table {

        width:10px;
        height:58px;
        border-collapse:collapse;
        float:right;

    }

    .menu_container .menu_holder .menu_table tr td {

        font-size:18px;

    }

    .menu_container .menu_holder .subMenu_holder {

        height:40px;

    }

    .menu_container .menu_holder .subMenu_table {

        height:40px;

    }

    .menu_container .menu_holder .subMenu_table tr td {

        font-size:18px;

    }

    .menu_container .menu_holder .menu_table tr td .centrumChuze_menu {

        width:110px;
        height:35px;
        border-radius:50px;
        background-color:rgba(255,255,255,1.0);
        background-image:url('./files/elements/centrum_chuze_podSebou_greenBlack.svg');
        background-size:81px auto;
        background-position:center center;
        background-repeat:no-repeat;
        border:3px solid rgba(37,163,165,0.0);
        transition:border 0.5s;

    }

}

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

    .menu_container .menu_holder .menu_table tr td {

        padding:0;
        margin:0;
        font-size:18px;
        font-weight:400;
        font-family:'Raleway',sans-serif;
        color:rgba(255,255,255,1.0);
        white-space:nowrap;
        padding-left:5px;
        padding-right:5px;
        text-align:center;
        cursor:pointer;
        transition:background-color 0.5s;

    }

    .menu_container .menu_holder .menu_table tr td .centrumChuze_menu {

        display:inline-block;

    }

}

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

    .menu_container .menu_holder {
        display:none;
        width:100%;
        background-color:rgba(38,38,38,1.0);
        position:relative;
    }

    .menu_container .mobileMenu_button {
        display:block;
    }

    .menu_container .menu_holder .menu_table {

        width:100%;
        height:auto;
        border-collapse:collapse;
        float:none;

    }

    .menu_container .menu_holder .menu_table tr td {

        width:100%;
        float:left;
        text-align:left;
        padding-top:5px;
        padding-bottom:5px;
        border-bottom:1px dotted rgba(255,255,255,0.6);

    }

    .menu_container .menu_holder .subMenu_holder {

        width:100%;
        height:auto;
        padding-left:0;
        background-color:rgba(38,38,38,1.0);
        display:none;
        position:absolute;
        top:0;

    }

    .menu_holder .subMenuMobileClose_tr {
        display:table-row;
    }

    .menu_container .menu_holder .subMenu_holder .subMenuMobile_close {

        width:17px;
        height:17px;
        background-image:url('./files/icons/back.svg');
        background-size:contain;
        background-position:center center;
        background-repeat:no-repeat;
        display:inline-block;

    }

    .menu_container .menu_holder .subMenu_table {

        width:100%;
        height:100%;
        border-collapse:collapse;
        display:none;

    }

    .menu_container .menu_holder .subMenu_table tr td {

        padding:0;
        margin:0;
        width:100%;
        float:left;
        text-align:left;
        padding-top:5px;
        padding-left:15px;
        padding-bottom:5px;
        border-bottom:1px dotted rgba(255,255,255,0.6);

    }

}
