<!--

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


body { 
margin: 0;
overflow-x: hidden;
background: #83a6b3;
}


.marca_definitiva2{
position: absolute;
top:88px; 
left: 50%; 
margin-left:-142px;
width: 280px;
height: 38px;
padding:0 0px;
background-color: none;

}

.box_abertura {
       position:absolute;
       top: 17px;
       left: 50%;
       margin-left: -155px;
       width: 310px;
       height: 1330px;
       background: #ffffff;
       background-position: center 108px;
}


.maos_apertando {
       position:absolute;
       top: 130px;
       left: 50%;
       margin-left: -135px;
       width: 270px;
       height: 171px;
       background: none;
}


.box_empresa {
       position:absolute;
       top: 17px;
       left: 50%;
       margin-left: -155px;
       width: 310px;
       height: 1000px;
       background: #ffffff;
       background-position: center 120px;
}


.mulher_grafico {
       position:absolute;
       top: 140px;
       left: 50%;
       margin-left: -135px;
       width: 270px;
       height: 218px;
       background: none;
}


.box_solucoes {
       position:absolute;
       top: 17px;
       left: 50%;
       margin-left: -155px;
       width: 310px;
       height: 3250px;
       background: #ffffff;
       background-position: center 125px;
}


.bussola_branca {
       position:absolute;
       top: 140px;
       left: 50%;
       margin-left: -110px;
       width: 230px;
       height: 256px;
       background: none;
}


.box_noticias {
       position:absolute;
       top: 17px;
       left: 50%;
       margin-left: -155px;
       width: 310px;
       height: 2345px;
       background: #ffffff;
       
}


.box_contato {
       position:absolute;
       top: 17px;
       left: 50%;
       margin-left: -155px;
       width: 310px;
       height: 600px;
       background: #ffffff;
}


.menu2{
width: 42px;
height: 32px; 
position: absolute; 
top:32px; 
left: 50%; 
margin-left: 95px; 
border: 0px; 
background: transparent;
z-index:777;
}


#pop{
display:none;
width: 310px;
height: 250px;
position: absolute; 
top:17px; 
left: 50%; 
margin-left:-155px;
/*border: 1px solid #4989b5;*/
font-family: 'Nunito', sans-serif;
font-weight: 400;
font-size: 15px;
font-color: #000000;
letter-spacing: 0.05em;
background: #b1cdda;  /* era 83a6b3 */
z-index:999;
-webkit-animation-duration:0.30s;
-moz-animation-duration:0.30s;
-ms-animation-duration:0.30s;
-o-animation-duration:0.30s;
animation-duration:0.30s;
animation-delay: 0s;
animation-play-state: running;
animation-timing-function: easy-in-out;  /* era linear */
animation-fill-mode: forwards;
animation-name: anima_link;
}

@keyframes anima_link {
  from {
    margin-left: -435px;
    width: 310px;
  }

  to {
    margin-left: -155px;
    width: 310px;
  }
}


ul.square {

list-style-type: disc;
color: #3f769c;
line-height: 2.5em;
}


ul.square2 {

list-style-type: square;
color: #000000;
line-height: 2.5em;
}


.link_menu {
font-family: 'Nunito', sans-serif;
font-weight: 400;
font-size: 15px;
color: #000000;
letter-spacing: 0.05em;
text-decoration: none;
}


.texto_abertura{
position: absolute;
top:305px; 
left: 50%; 
margin-left:-135px;
width: 270px;
height: 600px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-size: 15px;
color: #414041;
text-align: left;
/*
letter-spacing: 0.01em;
word-spacing: 0.01em;
line-height: 25px;
*/
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding:0 0px;
background: none;

}


.texto_empresa{
position: absolute;
top:410px; 
left: 50%; 
margin-left:-135px;
width: 270px;
height: 600px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-size: 15px;
color: #414041;
text-align: left;
/*
letter-spacing: 0.01em;
word-spacing: 0.01em;
line-height: 25px;
*/
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding:0 0px;
background: none;

}


.texto_solucoes{
position: absolute;
top:440px; 
left: 50%; 
margin-left:-135px;
width: 270px;
height: 600px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-size: 15px;
color: #414041;
text-align: left;
/*
letter-spacing: 0.01em;
word-spacing: 0.01em;
line-height: 25px;
*/
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding:0 0px;
background: none;

}


.texto_contato{
position: absolute;
top:190px; 
left: 50%; 
margin-left:-138px;
width: 276px;
height: 600px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-size: 14.5px;
color: #414041;
text-align: left;

letter-spacing: 0.01em;
word-spacing: 0.01em;
line-height: 27px;

overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding:0 0px;
background: none;
}


.div_link{
              font-family: 'Nunito', sans-serif;
              font-weight: 400;
              font-size: 15px;
              color: #414041;
              outline: none;
}

.div_link a{
              color: #727376;
              text-decoration: underline;
              border: none;
              outline: none;
}


.div_link a:hover{
              color: #097f8b;
              text-decoration: none;
              background-color: rgba(0,0,0,0.2);
}


.titulo_animado_menor {
position: absolute;
width: 265px;
height: 12px;
top:370px; 
left: 50%; 
margin-left:-16px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-size: 14px;
color: #007ba5;
text-align: justify;
/*
letter-spacing: 0.01em;
word-spacing: 0.01em;
line-height: 25px;
*/
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border-bottom: 2px solid #007ba5;
border-image: linear-gradient(to right, #138ebf, yellow, red) 1;
z-index:1;
text-indent: 5px;
line-height: 90%;
color: #4989b5;	
padding: 2px 0px;
/*background: rgba(158,138,95,0.25);*/
animation: anima_titulo 3s ease -20ms 1 normal forwards;
}

@keyframes anima_titulo {
  from {
    margin-left: -420px;
    width: 265px;
    
 }

  to {
    margin-left: -134px;
    width: 265px;   /* era 605 */
  }
}


.titulo_animado_menor_2 {
position: absolute;
width: 265px;
height: 12px;
top:400px; 
left: 50%; 
margin-left:-16px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-size: 14px;
color: #007ba5;
text-align: justify;
/*
letter-spacing: 0.01em;
word-spacing: 0.01em;
line-height: 25px;
*/
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border-bottom: 2px solid #007ba5;
border-image: linear-gradient(to right, #138ebf, yellow, red) 1;
z-index:1;
text-indent: 5px;
line-height: 90%;
color: #4989b5;	
padding: 2px 0px;
/*background: rgba(158,138,95,0.25);*/
animation: anima_titulo 3s ease -20ms 1 normal forwards;
}

@keyframes anima_titulo {
  from {
    margin-left: -420px;
    width: 270px;
    
 }

  to {
    margin-left: -135px;
    width: 270px;   /* era 605 */
  }
}


.titulos {
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 800;
font-size: 14px;
color: #4989b5;
}


.calhau{
position: absolute;
top:160px; 
left: 50%; 
margin-left:-135px;
width: 270px;
height: 50px;
background: #ffffff;
}

-->