#barra-brasil div,
#barra-brasil a,
#barra-brasil ul,
#barra-brasil li {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    font-size: 1rem;
}

#barra-brasil ul {
    list-style: none;
}

@font-face {
    font-family: "Raleway";
    font-weight: bold;
    font-display: swap;
    src: url("//barra.brasil.gov.br/static/Raleway-Bold.woff") format("woff");
}

.conteudo-escondido {
    display: block;
    background: transparent;
    background-image: none;
    background-image: none;
    border: none;
    height: 0.1em;
    overflow: hidden;
    padding: 0;
    margin: -0.1em 0 0 -0.1em;
    width: 1px;
}

#barra-brasil div,
#barra-brasil a,
#barra-brasil ul,
#barra-brasil li {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    font-size: 1rem;
}

#barra-brasil ul {
    list-style: none;
}

#barra-brasil {
    background-color: #071D41;
    box-sizing: content-box;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

#barra-brasil .conteudo-barra-brasil {
    height: 40px;
    width: 95%;
    max-width: 1150px;
    margin: 0 auto;
    height: 40px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

#barra-brasil .pic-gov {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2219%22%20version%3D%221.1%22%20viewBox%3D%220%200%2019%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22matrix%28.23%200%200%20.23%20-153%20-147%29%22%3E%3Cg%20transform%3D%22matrix%281.3%200%200%201.3%20-200%20-209%29%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m576%20765c0%2034-17%2046-50%2046-14%200-25-2.9-32-5.3l1.4-23c8.8%204.3%2016%206.9%2028%206.9%2017%200%2026-7.9%2026-24v-4.5h-.32c-6.9%209.8-17%2014-28%2014-23%200-37-17-37-42%200-25%2012-44%2038-44%2012%200%2022%206.8%2028%2017h.32v-15h26v74m-46-12c10%200%2018-8.7%2018-22%200-9.3-5.5-20-18-20-11%200-16%209.5-16%2021%200%2013%207.7%2020%2016%2020z%22%2F%3E%3Cpath%20d%3D%22m662%20686h28l22%2062%2022-62h28l-35%2089h-31l-34-89%22%2F%3E%3Cpath%20d%3D%22m576%20732c0-28%2021-44%2049-44s49%2016%2049%2044c0%2028-21%2044-49%2044-28%200-49-16-49-44m68%200c0-13-5.5-24-19-24s-19%2011-19%2024c0%2012%205.5%2024%2019%2024s19-11%2019-24z%22%2F%3E%3Cpath%20d%3D%22m760%20762c0%207.6-6.2%2014-14%2014-7.6%200-14-6.2-14-14%200-7.6%206.2-14%2014-14%207.6%200%2014%206.2%2014%2014z%22%2F%3E%3Cpath%20d%3D%22m762%20654h29v48h.32c7.4-9.3%2017-13%2029-13%2023%200%2036%2022%2036%2042%200%2025-13%2045-38%2045-13%200-25-7.6-29-17h-.32v15h-27v-121m47%2057c-11%200-18%209.3-18%2022%200%2012%208%2021%2018%2021%2011%200%2018-9.2%2018-22%200-11-6.3-21-18-21z%22%2F%3E%3Cpath%20d%3D%22m916%20714c-3.2-.97-6.4-.97-9.8-.97-14%200-21%209.8-21%2026v35h-29v-84h26v15h.32c5-11%2012-17%2025-17%203.4%200%206.9.48%209.8.96l-1.4%2024z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    display: block;
    height: 19px;
    min-width: 50px;
    margin-right: 10px;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

#barra-brasil .conteudo-barra-brasil nav {
    overflow-x: auto;
}

#barra-brasil .conteudo-barra-brasil nav ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: none;
}

#barra-brasil .conteudo-barra-brasil nav ul li.list-item {
    flex-shrink: 0;
}

#barra-brasil .conteudo-barra-brasil nav ul li.espacador {
    height: 20px;
    width: 1px;
    border-right: 1px solid rgba(151, 151, 151, 0.3);
    margin: 0 7px 0 20px;
}

#barra-brasil a {
    text-decoration: none;
    color: #fff !important;
    font-weight: bold;
    font-size: 0.7em;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
}

#barra-brasil .conteudo-barra-brasil nav a.link-externo-barra::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 10px;
    margin-right: 6px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M10.174.169l-.003%204.002L6.173.173z%22%2F%3E%3Cpath%20d%3D%22M4%204.51L7.91.6l1.768%201.768-3.91%203.91zM0%200h3.5v2.5H0z%22%2F%3E%3Cpath%20d%3D%22M0%202h2.5v5H0zM7.5%206H10v3H7.5z%22%2F%3E%3Cpath%20d%3D%22M0%207h10v2.5H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    opacity: 0;
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
}

#barra-brasil .conteudo-barra-brasil nav a.link-discreto,
#barra-brasil .conteudo-barra-brasil nav a.link-discreto-fixo,
#barra-brasil .conteudo-barra-brasil nav:hover li:not(:hover)>a {
    opacity: 0.3;
}

#barra-brasil .conteudo-barra-brasil nav a:hover {
    opacity: 1;
}

#barra-brasil .conteudo-barra-brasil nav a.link-externo-barra:hover::before {
    opacity: 1;
}

#barra-brasil .conteudo-barra-brasil nav a.link-interno-barra {
    margin-left: 13px;
}

#barra-brasil .conteudo-barra-brasil nav a.link-baixo-barra::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.9.033L8.4%206.531%206.63%208.3.133%201.801z%22%2F%3E%3Cpath%20d%3D%22M11.395%200L5.03%206.364l1.767%201.768%206.364-6.364z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 6px;
    background-color: #3b3b3b ;
    border-radius: 50%;
}

#barra-brasil .conteudo-barra-brasil nav a.link-baixo-barra.link-cima-barra::after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.9%208.967L8.4%202.469%206.63.7.133%207.199z%22%2F%3E%3Cpath%20d%3D%22M11.395%209L5.03%202.636%206.798.868l6.364%206.364z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

#barra-brasil .conteudo-barra-brasil a.botao-seta-direita {
    display: none;
    width: 9px;
    min-width: 9px;
    margin-left: 10px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.533%2011.232L7.03%204.734%208.8%206.502%202.301%2013z%22%2F%3E%3Cpath%20d%3D%22M.5%201.738l6.364%206.364%201.768-1.768L2.268-.03z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    line-height: 0;
    font-size: 0;
    color: transparent;
}

#barra-brasil .orgaos-governo-barra {
    width: 100%;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
    max-height: 0;
    overflow-y: hidden;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

#barra-brasil .orgaos-governo-barra.mostra-orgaos {
    max-height: calc(90vh - 40px);
}

#barra-brasil .orgaos-governo-barra>div {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}

#barra-brasil .orgaos-governo-barra ul {
    margin-top: 25px;
    width: calc(100% + 25px);
    display: flex;
    flex-flow: row wrap;
}

#barra-brasil .orgaos-governo-barra ul li {
    width: 168px;
    text-align: left;
    margin: 0 25px 25px 0;
}

#barra-brasil .orgaos-governo-barra ul li a {
    font-size: 0.75em;
    text-transform: none;
    font-weight: bold;
}

#barra-brasil .orgaos-governo-barra ul:hover li:not(:hover) a {
    opacity: 0.3;
}

#barra-brasil .orgaos-governo-barra ul li a:hover {
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    #barra-brasil .orgaos-governo-barra {
        overflow-y: auto;
    }

    #barra-brasil .orgaos-governo-barra ul {
        width: 100%;
        flex-flow: column nowrap;
    }

    #barra-brasil .orgaos-governo-barra ul li {
        width: 100%;
        margin: 0 0 25px 0;
    }

    #barra-brasil .conteudo-barra-brasil a.botao-seta-direita {
        display: block;
    }
}