@charset "UTF-8";

        div#menugeral{
            padding: 0 !important;
            width: 100% !important;
            min-width: max-content;
            position: fixed !important;
            margin: 0 !important;
            font-family: 'Roboto', sans-serif, Arial;
            font-size: 13px;
            box-shadow: 0px 7px 15px black;
        }
        

            *{
                margin:0;
                padding:0;
                }
 
.dp-menu ul{
    list-style-type:none;
    padding: 0;
    border: solid 4px #0084b9;
    /* background-color: #e0ebff; */
    background-image: linear-gradient(to bottom, #8ad9f9 , #d7f5ff, #fafafa, #d7f5ff , #8ad9f9);
    border-radius: 10px;
}

.dp-menu ul li{
    display: inline;
    position: relative;
}

.dp-menu ul li a{
    display: inline-block;
    text-decoration: none;
    padding: 10px;
    transition: background 0.33s;
    color: inherit;
}

.dp-menu ul li a:hover{
    color:white;
    background-color: #0153aa;
}

/* Sub menu */
.dp-menu ul ul {
    display: none;
    left: 0;
    position: absolute;
    box-shadow: 0px 5px 15px black;
    z-index: 101;
}

.dp-menu ul li:hover ul{
    display: block;
}

.dp-menu ul ul {
    width: 250px;
}

.dp-menu ul ul li a{
    display: block;
}

.dp-menu ul li a img{
    margin-bottom: -3px;
    margin-right: 5px;
    height: 15px;
}

.dp-menu ul li.cabeca a.cabeca img.imgmenu{
    margin-right: 0;
    margin-bottom: -4px;
    height: 20px;
}

img.seta_menu{
    border-right: 8px solid #0084b9; /* Define a cor de fundo da seta */
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin-left: 20px;
    margin-top: -16px;
    position: absolute;
    transform: rotate(90deg);
}