body {
    margin: 0;
    font-family: Open Sans;
}

div.translateNav {
    background-color: #f1f1f1;
    height: 1.6rem;
}

ul.translate {
    background: #8a8b8f;
    list-style: none;
    margin: 0;
}

li.dropdownTranslate {
    color: #fff;
    background: #8a8b8f;
    display: block;
    float: right;
    padding: .1rem 1rem .1rem 1rem;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
    clear: both;
}


    li.dropdownTranslate:hover,
    li.dropdownTranslate:focus-within {
        background: #0081c6;
        cursor: pointer;
    }

    li.dropdownTranslate a {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
    }

    li.dropdownTranslate:focus-within a {
        outline: none;
    }

    li.dropdownTranslate:hover > ul,
    li.dropdownTranslate:focus-within > ul {
        visibility: visible;
        opacity: 1;
        display: block;
    }

ul.dropdown {
    color: #0081c6;
    font-weight: normal;
    list-style: none;
    padding-left: 0;
    visibility: hidden;
    position: absolute;
}

    ul.dropdown:hover,
    ul.dropdown:focus {
        visibility: visible;
        opacity: 1;
        display: block;
    }

li.dropdownLanguage {
    background: #ffffff;
    color: #0081c6;
    border: 1px solid #333333;
    padding: .1rem .1rem .1rem .5rem;
    display: block;
    float: right;
    position: relative;
    text-decoration: none;
    margin: .1rem .20rem 0rem 0rem;
    transition-duration: 0.5s;
    clear: both;
    width: 100%;
}

    li.dropdownLanguage:hover,
    li.dropdownLanguage:focus-within {
        background: #cccccc;
        cursor: pointer;
    }

    li.dropdownLanguage a {
        font-size: 14px;
        color: #0081c6;
        font-weight: normal;
        text-decoration: none;
    }

    li.dropdownLanguage:focus-within a {
        outline: none;
        color: #ffffff;
    }