* {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
}

body {
    height: 100vh;
    margin: 0px;
    display: grid;
    grid-template-areas: "header" "conteudo" "footer";
    grid-template-rows: 135px 1fr 200px;
    grid-template-columns: 1fr;
}

.o-header {
    grid-area: header;
    width: 100%;
    background: linear-gradient(86.41deg, #7CA600 0.13%, #007CA6 32.9%, #CF5300 67.2%, #FEB623 98.43%);
}

.div-header {
    display: flex;
    justify-content: center;
    height: 100px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    /* border: 5px solid #CCC; */
}

.img-index {
    width: 260px;
}

.o-conteudo {
    grid-area: conteudo;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    padding: 20px;
}

.flex-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    flex-wrap: wrap;
    padding: 20px;
}


.cidade {
    display: flex;
    width: 50%;
    min-height: 50px;
    border-radius: 10px;
    background: #ffffff;
    color: rgb(0, 0, 0);
    justify-content: center;
    align-items: center;
    margin: 5px;
    padding: 20px;

}

.cidades:hover {
    background: #CF5300;
}

.pesquisa {
    width: 200px;
    min-height: 50px;
}

.o-footer {
    grid-area: footer;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    color: white;
    bottom: 0;
    /* text-align: left; */
    vertical-align: middle;
}

.flex-container-ropade {
    width: 100%;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
    bottom: 0;
    /* border: 5px solid #CCC; */
    /* margin-bottom: 0px; */
}

.flex-rodape {
    display: flex;
    flex-direction: column;
    width: 200px;
    /* border: 5px solid #CCC;*/
    justify-content: top;
    padding-top: 30px;
    align-items: center;
}

.direitos {
    flex: 100%;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    align-content: center;
    justify-content: center;
}

.lista {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    align-content: left;
}

.suporte {
    display: flex;
    flex-direction: row;
}

#svg-map path {
    fill: #007CA6
}

#svg-map text {
    fill: #fff;
    font: 12px Arial-BoldMT, sans-serif;
    cursor: pointer
}

#svg-map a {
    text-decoration: none
}

#svg-map a:hover {
    cursor: pointer;
    text-decoration: none
}

#svg-map a:hover path {
    fill: #CF5300 !important
}

#svg-map .circle {
    fill: #FEB623
}

#svg-map a:hover .circle {
    fill: #CF5300 !important;
    cursor: pointer
}

.gradient-anim {
    background: linear-gradient(60deg, #7CA600, #007CA6, #CF5300, #FEB623);
    background-size: 300%, 300%;
    animation: colors 12s ease infinite;
}

@keyframes colors {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.brasao_estado {
    max-width: 100px;
}

h1 {
    font-size: 30px;
    text-transform: uppercase;
}

.erro_sistema {
    font-size: 20px;
    color: red;
}

.logo_sistema1 {
    display: flex;
    width: 250;
    height: 200px;
    border-radius: 10px;
    background: #007CA6;
    color: rgb(255, 255, 255);
    justify-content: center;
    align-items: center;
    margin: 8px;
    padding: 25px;
}

.logo_sistema1:hover {
    background: #CF5300;
}

.logo_sistema {
    width: 180px;
    color: white;
}