/* ============================================================================================================ */
/* ============================================================================================================ */
/* TOPNAV */
/* ============================================================================================================ */
/* ============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------ */
/* CONTAINER */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* CONTAINER */
/* ---------------------------------- */


.topnav_container
{
width: 100%;
top: 0;
left: 0;

background-color: #FFFFFF;
position: fixed;
z-index: 900;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* BOX */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* BOX 1 (FUNDO BRANCO) */
/* ---------------------------------- */


/* PC */
.topnav_box1
{
width: 100%;
height: 210px;
top: 0px;
left: 0px;
position: absolute;

background-color: transparent;
z-index: 901
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_box1
{
width: 100%;
height: 150px;
top: 0px;
left: 0px;
position: absolute;

background-color: transparent;
z-index: 901
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_box1
{
width: 100%;
height: 80px;
top: 0px;
left: 0px;
position: absolute;

background-color: transparent;
z-index: 901
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* BOX 2 (CONTEÚDO) */
/* ---------------------------------- */


/* PC */
.topnav_box2
{
width: 100%;
min-height: 80px;
top: 0px;
left: 0px;
position: relative;

background-color: transparent;
display:table; /* forçar a renderização da div como tabela para a propriedade "float" funcionar */
z-index: 902;
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* COLUNAS */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* COLUNA 1 (LOGOTIPO) */
/* ---------------------------------- */


/* PC */
.topnav_coluna1
{
width: 100%;
height: 130px;
top: 0px;
left: 0px;
margin-top: 0px;
margin-left: 0px;
position: relative;
background-color: transparent;
}
/* FIM */


/* SHOW ON SCROLL */
.topnav_coluna1
{
opacity: 0;
will-change: transform, opacity;

-webkit-transition: all 0.6s 0.1s ease-out;
-moz-transition: all 0.6s 0.1s ease-out;
-ms-transition: all 0.6s 0.1s ease-out;
-o-transition: all 0.6s 0.1s ease-out;
transition: all 0.6s 0.1s ease-out;

-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
/* FIM */


/* SHOW ON SCROLL */
.topnav_coluna1.is-visible 
{
opacity: 1;

-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_coluna1
{
width: 100%;
height: 90px;
top: 0px;
left: 0px;
margin-top: 0px;
margin-left: 0px;
position: relative;
background-color: transparent;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_coluna1
{
width: 170px;
height: 30px;
top: 0px;
left: 0px;
margin-top: 20px;
margin-left: 5%;
position: absolute;
background-color: transparent;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* COLUNA 2 (RISCO FINO CINZA) */
/* ---------------------------------- */


/* PC */
.topnav_coluna2
{
width: 100%;
height: 1px;
position: relative;
background-color: #EEEEEE;
background-image: linear-gradient(to right, #EEEEEE, #CCCCCC, #EEEEEE);
top: 0;
left: 0;
margin-left: 0%;
margin-right: 0%;
overflow: hidden;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_coluna2
{
width: 100%;
height: 1px;
position: relative;
background-color: #EEEEEE;
background-image: linear-gradient(to right, #EEEEEE, #CCCCCC, #EEEEEE);
top: 0;
left: 0;
margin-left: 0%;
margin-right: 0%;
overflow: hidden;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_coluna2
{
display: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* COLUNA 3 (CONTAINER LINKS + FAIXAS COLORIDAS) */
/* ---------------------------------- */

/* PC */
.topnav_coluna3
{
width: auto;
height: auto;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_coluna3
{
width: auto;
height: auto;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_coluna3
{
width: 100%;
height: auto;
/*top: 70px;*/
top: 0px;
left: 0px;
/*margin-top: 0px;*/
margin-top: 70px;
margin-left: 0px;
/*position: relative;*/
float: left;

background-color: transparent;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* COLUNA 4 (LINKS) */
/* ---------------------------------- */


/* PC */
.topnav_coluna4
{
height: 69px;
top: 0px;
left: 0px;
margin-top: 0px;
margin-right: 0px;
position: relative;
background-color: #FFFFFF;
background-image: linear-gradient(to top, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #F8F8F8, #F2F2F2);

display: block;
text-align: center;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_coluna4
{
height: 49px;
top: 0px;
left: 0px;
margin-top: 0px;
margin-right: 0px;
position: relative;
background-color: #FFFFFF;
background-image: linear-gradient(to top, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #F8F8F8, #F2F2F2);

display: block;
text-align: center;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_coluna4
{
/*
width: 120%;
height: 240px;
top: 70px;
left: 0px;
right: 0px;
margin-top: 0px;
margin-left: -7%;
margin-right: 0px;
float: left;
overflow-x: hidden;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
background-color: #4ED8DB;
display: none;
*/

width: 120%;
height: 240px;
top: 0px;
left: 0px;
right: 0px;
margin-top: 0px;
margin-left: -7%;
margin-right: 0px;
float: left;
overflow-x: hidden;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
background-color: #4ED8DB;
display: none;

}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* COLUNA 5 (FAIXAS COLORIDAS) */
/* ---------------------------------- */


/* PC */
.topnav_coluna5
{
width: 100%;
height: 10px;
top: 0px;
left: 0px;
position: relative;
background-color: transparent;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_coluna5
{
width: 100%;
height: 10px;
top: 0px;
left: 0px;
position: relative;
background-color: transparent;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_coluna5
{
width: 100%;
height: 10px;
top: 0px;
left: 0px;
position: relative;
background-color: transparent;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* COLUNA 6 (SANDWICH) */
/* ---------------------------------- */

/* PC */
.topnav_coluna6
{
width: 30px;
height: 30px;
background-color: #FFFFFF;

position: absolute;
top: 0;
right: 0;
margin-top: 20px;
margin-right: 5%;

display: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_coluna6
{
width: 30px;
height: 30px;
background-color: transparent;

position: absolute;
top: 0;
right: 0;
margin-top: 20px;
margin-right: 5%;

display: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_coluna6
{
width: 30px;
height: 30px;
background-color: transparent;

position: absolute;
top: 0;
right: 0;
margin-top: 20px;
margin-right: 5%;

display: block;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* FAIXAS */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* FAIXA VERMELHA */
/* ---------------------------------- */


.topnav_faixa1
{
width: 100%;
height: 5px;
position: relative;
background-color: #B20000;
background-image: linear-gradient(to right, #B20000, #B20000, #FF0000, #B20000, #B20000);
top: 0;
left: 0;
margin-left: 0%;
margin-right: 0%;
overflow: hidden;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* FAIXA VERDE */
/* ---------------------------------- */


.topnav_faixa2
{
width: 100%;
height: 5px;
position: relative;
background-color: #1FB53A;
background-image: linear-gradient(to right, #1FB53A, #1FB53A, #51E16A, #1FB53A, #1FB53A);
top: 0;
left: 0;
margin-left: 0%;
margin-right: 0%;
overflow: hidden;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* LOGOS */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* LOGOTIPO 1 */
/* ---------------------------------- */


/* PC */
.topnav_logo1
{
background-color: transparent;
position: relative;
width: 580px;
height: 70px;
top: 30px;
left: 50%;
margin-top: 0px;
margin-left: -290px;
}

.topnav_logo1 img
{
width: 580px;
height: 70px;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_logo1
{
background-color: transparent;
position: relative;
width: 496px;
height: 60px;
top: 15px;
left: 50%;
margin-top: 0px;
margin-left: -248px;
}

.topnav_logo1 img
{
width: 496px;
height: 60px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_logo1
{
display: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* LOGOTIPO 2 */
/* ---------------------------------- */


/* PC */
.topnav_logo2
{
display: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_logo2
{
display: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_logo2
{
width: 170px;
height: 30px;
display:inherit;
}

.topnav_logo2 img
{
width: 170px;
height: 30px;
display:inherit;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* LINKS */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* LINK 1 - HOME */
/* ---------------------------------- */


/* PC */
.topnav_link1
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_link1
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_link1
{
width:100%;
float:left;
margin-left:0;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* LINK 2 - O CARTÓRIO */
/* ---------------------------------- */


/* PC */
.topnav_link2
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
/* FIM */

/* TABLET */

@media screen and (max-width: 1000px)
{
.topnav_link2
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_link2
{
width:100%;
float:left;
margin-left:0;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* LINK 3 - PESSOAS NATURAIS */
/* ---------------------------------- */


/* PC */
.topnav_link3
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_link3
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_link3
{
width:100%;
float:left;
margin-left:0;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* LINK 4 - PESSOAS JURÍDICAS */
/* ---------------------------------- */


/* PC */
.topnav_link4
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_link4
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_link4
{
width:100%;
float:left;
margin-left:0;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* LINK 5 - TÍTULOS E DOCUMENTOS */
/* ---------------------------------- */


/* PC */
.topnav_link5
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_link5
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_link5
{
width:100%;
float:left;
margin-left:0;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* LINK 6 - CONTATO */
/* ---------------------------------- */


/* PC */
.topnav_link6
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_link6
{
/*float:left;
margin-left:0;*/
display: inline-block;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_link6
{
width:100%;
float:left;
margin-left:0;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* BOTÕES */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* BOTÕES 1 (FUNDO CLARO) */
/* ---------------------------------- */


/* PC */
.topnav_botoes1
{
display: block;
text-align: center;
padding-left: 10px;
padding-right: 10px;
line-height:69px;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
text-decoration: none;
color: #1FB439;
}
.topnav_botoes1:hover 
{
background-color: transparent;
color: #51E16A;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_botoes1
{
display: block;
text-align: center;
padding-left: 5px;
padding-right: 5px;
line-height: 49px;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
text-decoration: none;
color: #1FB439;
}
.topnav_botoes1:hover 
{
background-color: transparent;
color: #51E16A;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_botoes1
{
display: block;
text-align: center;
line-height: 40px;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
text-decoration: none;
background-color: #F4F4F4;
color: #1FB439;
}
.topnav_botoes1:hover 
{
background-color: #ddd;
color: #51E16A;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* BOTÕES 2 (FUNDO ESCURO) */
/* ---------------------------------- */


/* PC */
.topnav_botoes2
{
display: block;
text-align: center;
padding-left: 10px;
padding-right: 10px;
line-height: 69px;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
text-decoration: none;
color: #1FB439;
}
.topnav_botoes2:hover 
{
background-color: transparent;
color: #51E16A;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.topnav_botoes2
{
display: block;
text-align: center;
padding-left: 5px;
padding-right: 5px;
line-height: 49px;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
text-decoration: none;
color: #1FB439;
}
.topnav_botoes2:hover 
{
background-color: transparent;
color: #51E16A;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.topnav_botoes2
{
display: block;
text-align: center;
line-height:40px;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
text-decoration: none;
background-color: #EDEDED;
color: #1FB439;
}
.topnav_botoes2:hover 
{
background-color: #ddd;
color: #51E16A;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* SANDWICH */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* SANDWICH */
/* ---------------------------------- */

.topnav_sandwich
{
display: block;
width: 30px;
height: 30px;
background: url('../imagens/topnav/001.png');
text-indent: -99999px;
background-position: 0 0;
outline: none; /* tira a linha em volta do objeto quando clicado */
position: relative;
float: right;
margin-right: 0;
}
.topnav_sandwich:hover 
{
background-position: 30px 0;
}

/* DISPOSITIVOS MOBILE QUE NÃO INTERPRETAM HOVER CORRETAMENTE */
@media (hover:none), (hover:on-demand) 
{
.topnav_sandwich:hover 
{
background-position: 0 0;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */