#navbar {
    width: 100%;
    background-color: rgb(220, 220, 220);
    
    #navbar-top {
        background-color: #568baf
    }

    #navbar-bottom {
        background-color: #3c5a96;
    }

    #navbar-top, #navbar-bottom {
        height: $navbarHeight;

        ul {
            list-style: none;
            padding: 2px;

            li {
                color: rgb(30, 30, 30);
                position: relative;
                display: inline-block;
                border: 2px outset black;

                &.selecionado {
                    border: 2px inset black;

                    img {
                        background-color: red;
                    }
                }
                
                a {
                    display: block;
                    text-decoration: none;
                    
                    img {
                        display: block;
                    }
                }
            }
        }
    }

}