body {
    margin: 0 0 0 1%;
    background-image: url(../imagens/aquarela2.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    background-color: #b8c1bc73;
}

html {
    scroll-behavior: smooth;
}

footer {
    height: 280px;
    background-image: url(../imagens/footer.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
    margin: 0 0 -60px -20px;
}

#preloader {
    margin-left: -1%;
    background: #b8c1bc url(../imagens/preloader.gif) no-repeat center center;
    background-size: 15%;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 100;
}

p {
    font-variant: normal;
    text-align: left;
}

.header-top {
    height: 85px;
}

.header-nav {
    height: 100%;
    position: static;
    min-width: 1080px;
}

.header-nav ul {
    list-style: none;
    margin-top: 0;
}


.header-nav ul li {
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-block;
    padding-right: 30px;
    margin: 20px 0 0 -10px;
    max-lines: 10;
}

.header-nav ul li a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #FFF;
    font-size: 17px;
    transition: color 0.3s;
}

.header-nav ul li a h1 {
    margin-right: 40px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: #FFF;
    font-size: 20px;
}

.header-nav ul li a h1:hover {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    color: #324d3c;
    font-size: 20px;
}

.header-nav ul li a:hover {
    color: #324d3c;
}

.header-nav .ativo a {
    color: #324d3c;
    font-weight: 600;
}

/* 
 fim do menu 
 */



/*menu lateral*/

* {
    margin: 0;
}

.acoes {
    margin: 60px 0 0 30px;
    width: 13%;
    min-width: 100px;
    list-style-type: none;
    gap: 5px;
    position: fixed;
    align-items: center;
    height: 550px;
    overflow: auto;
    overflow-y: scroll;
    direction: rtl;
    max-width: 200px;
    background-color: #6c8f7917;
    border: 1px solid #446d540c;
    border-radius: 5px;
}

.acoes::-webkit-scrollbar {
    width: 8px;
}

.acoes::-webkit-scrollbar-track {
    background: #b8c1bc73;
}

.acoes::-webkit-scrollbar-thumb {
    background: #324d3c;
    border-radius: 10px;
}

.acoes::-webkit-scrollbar-thumb:hover {
    background: #6c8f79;
}


.acoes li {
    list-style: none;
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;

}

.acoes li a {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    color: #274131;
}

.acoes li a:hover {
    color: #324d3c;
}


.acoes ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.acoes h2 {
    font-family: 'Roboto', sans-serif;
    color: #335540;
    font-weight: bold;
    font-size: 25px;
    padding-top: 0;
    padding-bottom: 20px;
}

.acoes h3 {
    font-family: 'Roboto', sans-serif;
    color: #1c241f;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 20px;
}

.acoes h5 {
    font-family: 'Roboto', sans-serif;
    color: #375240;
    font-weight: bold;
    font-size: 15px;
    margin: 5px 0 5px 5px;
}

/*conteudo*/

main {
    width: 70%;
    margin-top: 120px;
    margin-left: 20%;
}

section {
    min-height: 100px;
    margin: 30px 0 60px 0;
    font-family: 'Roboto', sans-serif;
    color: #446d54;
    font-size: 15px;
    width: 75%;

}

.linha-do-tempo {
    width: 100%;
}


section h3 {
    font-family: 'poppins', sans-serif;
    color: #446d54;
    font-size: 20px;
    margin: 10px 0 10px 0;
}

section h4 {
    font-family: 'poppins', sans-serif;
    font-weight: 500;
    color: #53745f;
    font-size: 18px;
    margin: 30px 0 10px 0;
}

section h5 {
    font-family: 'poppins', sans-serif;
    font-weight: 500;
    color: #203527;
    font-size: 20px;
    margin: 20px 0 10px 0;
    font-style: normal;
}

section h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #688a74;
    font-size: 15px;
    margin: 6px 0 12px 0;
    font-style: normal;
}

section h7 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #688a74;
    font-size: 10px;
    margin: 6px 0 6px 0;
    font-style: normal;
}



a {
    font-family: 'Poppins', sans-serif;
    color: #446d54;
}

a:link {
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #324d3c;
}

a:active {
    text-decoration: none;
}

P {
    font-size: 22px;
}

.img_linha {
    width: 300px;
    border: 1px solid #446d54;
    border-radius: 5px;
    box-shadow: 0 0 5px #141d18(0, 0, 0, 0.3);
    margin: 1% 1% 1% 5%;

}

.img1_linha {
    width: 500px;
    border: 1px solid #446d54;
    border-radius: 5px;
    box-shadow: 0 0 5px #141d18(0, 0, 0, 0.3);
    margin: 1% 1% 1% 5%;

}




.img_sudecap {
    width: 210px;
    border: 1px solid #446d54;
    border-radius: 20px;
    box-shadow: 0 0 5px #141d18(0, 0, 0, 0.3);

}

.legenda {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #688a74;
    font-size: 17px;
    margin: 6px 0 6px 0;
    font-style: normal;
}

iframe {
    border: 1px solid #446d54;
    border-radius: 20px;
    box-shadow: 0 0 5px #141d18(0, 0, 0, 0.3);
    margin: 1% 1% 1% 5%;
}


/*sliders*/

/*slider atêlie*/

.slider {
    width: 594px;
    height: 420px;
    position: relative;
    margin: 1% 1% 1% 5%;
    overflow: hidden;
    justify-content: center;
    align-items: center;

}

.slider img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    border: 1px #44576d;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}

.slider img.active {
    opacity: 1;
}


.navigation-button {
    text-align: center;
    position: relative;
    margin-top: 20px;
    width: 594px;
    gap: 12px;
    align-items: center;
    margin: 1% 1% 1% 5%;
}

.dot {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 2px;
    outline: 1px solid #446d54;
    border-radius: 50%;
    display: inline-block;
}

.active,
.dot:hover {
    background-color: #446d54;
    border-color: #446d54;
}

.arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: #446d54;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    opacity: 0.7;
    transition: opacity 0.1s ease-in-out;
}

.arrow:hover {
    opacity: 1;
}

.arrow-left {
    left: 10px;
}

.arrow-right {
    right: 10px;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    padding-left: 3%;
    font-weight: 300;
}


/*slider reconciliar*/


.slider1 {
    width: 594px;
    height: 420px;
    position: relative;
    margin: 1% 1% 1% 5%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.slider1 img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    border: 1px #44576d;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}

.slider1 img.active {
    opacity: 1;
}

.navigation-button1 {
    text-align: center;
    position: relative;
    margin-top: 20px;
    width: 594px;
    gap: 12px;
    align-items: center;
    margin: 1% 1% 1% 5%;
}

.dot1 {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 2px;
    outline: 1px solid #446d54;
    border-radius: 50%;
    display: inline-block;
}

.active,
.dot1:hover {
    background-color: #446d54;
    border-color: #446d54;
}



/*slider pflex*/

.slider2 {
    width: 594px;
    height: 420px;
    position: relative;
    margin: 1% 1% 1% 5%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.slider2 img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    border: 1px #44576d;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}

.slider2 img.active {
    opacity: 1;
}

.navigation-button2 {
    text-align: center;
    position: relative;
    margin-top: 20px;
    width: 594px;
    gap: 12px;
    align-items: center;
    margin: 1% 1% 1% 5%;
}

.dot2 {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 2px;
    outline: 1px solid #446d54;
    border-radius: 50%;
    display: inline-block;
}

.active,
.dot2:hover {
    background-color: #446d54;
    border-color: #446d54;
}


/*slider planejamento*/
.slider3 {
    width: 594px;
    height: 420px;
    position: relative;
    margin: 1% 1% 1% 5%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.slider3 img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    border: 1px #44576d;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}

.slider3 img.active {
    opacity: 1;
}

.navigation-button3 {
    text-align: center;
    position: relative;
    margin-top: 20px;
    width: 594px;
    gap: 12px;
    align-items: center;
    margin: 1% 1% 1% 5%;
}

.dot3 {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 2px;
    outline: 1px solid #446d54;
    border-radius: 50%;
    display: inline-block;
}

.active,
.dot3:hover {
    background-color: #446d54;
    border-color: #446d54;
}