@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
*{margin: 0; padding: 0; font-family: 'Roboto', sans-serif; list-style: none; text-decoration: none}
a{color: inherit}
/*TOPO*/
nav#white{border-bottom: thin solid #ECEFEF; min-height: 50px; display: flex}
nav#white div{display: flex; justify-content: space-between; width: 1024px; margin: auto;}
nav#logotopo{padding: 10px}
nav#logotopo div{display: flex; justify-content: space-between; width: 1000px; margin: auto}
nav#blue{background: rgb(0,77,149);}
ul#menusuperiorwhite{
    display: flex;
    justify-content: space-between;
}
ul#menusuperiorwhite li{
    list-style: none;
    font-size: 12px;
    font-weight: 300;
    color: #BBBBBB;
    padding: 10px;
}
ul#menusuperior{margin: auto; max-width: 1024px; display: flex; justify-content: space-between;}
ul#menusuperior li{
    list-style: none;
    font-size: 15px;
    font-weight: 700;
    color: white;
    padding: 15px 10px;
}
/*PESQUISA*/
div#pesquisa{width: 1024px; margin: auto; display: flex; justify-content: flex-end}
div#pesquisa input[type='text']{display: block;border: thin solid #ECEFEF; padding: 10px; border-radius: 20px; min-width: 200px; margin: 10px}