/******************************************************************************/

html{
	overflow: auto;
	
}





body,
ul {
  margin: 0px;
  padding: 0px;
}

 a {
  color: black;
  text-decoration: none;
  font-family: sans-serif;
} 



#logo {
  font-size: 1.5rem;
  font-weight: bold;
}



#menu {
  display: flex;
  list-style: none;
  gap: 0.5rem;
}

#menu a {
  display: block;
  padding: 0.5rem;
}

#btn-mobile {
  display: none;
}

/* @media (max-width: 600px) {
  
} */



.fonte_vermelha{
    
    color: red;
}




/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/* MOBILE ***********************************************************************/

@media screen and (max-width: 1080px) , screen and (orientation: portrait) {
	
	a:hover {
  background: rgba(0, 0, 0, 0.05);
}
	
	
	
	#img_logo {
		height: unset;
		width: 335px;
	}
	
	#header {
  box-sizing: border-box;
    height: 170px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background: #e7e7e7; */
	
    background: white;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 1000;
}
	
	
	
	#menu {
    display: block;
    position: absolute;
/*     width: 100%;
 */	
    width: 260px;
    top: 170px;
    right: 0px;
    /* background: #e7e7e7; */
	
    background: white;
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
	font-size: 60px;
	
    opacity: 0.9;
  }
  #nav.active #menu {
   /*  height: calc(100vh - 70px); */
	
   height: 539px;
    width: 670px;
	
    visibility: visible;
    /* overflow-y: auto; */
  }
  #menu a {
    padding: 2rem 0;
    padding-left: 2rem;
    /* margin: 0 1rem; */
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  }
  #btn-mobile {
        display: flex;
    padding: 0.5rem 1rem;
    font-size: 50px;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
    position: absolute;
    height: 60px;
    width: 220px;
    top: 50px;
    right: 23px;
  }
  #hamburger {
    border-top: 6px solid;
    width: 60px;
  }
  #hamburger::after,
  #hamburger::before {
    content: '';
    display: block;
    width: 60px;
    height: 6px;
    background: currentColor;
    margin-top: 14px;
    transition: 0.3s;
    position: relative;
  }
  #nav.active #hamburger {
    border-top-color: transparent;
  }
  #nav.active #hamburger::before {
    transform: rotate(135deg);
  }
  #nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -20px;
  }
	
	
	
	
	
	@media screen and (max-width: 860px){
		#txt_menu{
			display: none;
		}
		#btn-mobile{
			width: 90px;
		}
	}
	
	
	
	
	
	
	
	
	:target {
		scroll-margin-top: 240px;
	}
	
	
	#lista_menu{
	width: 978px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    font-size: 37px;
	}
	#lista_menu li{
		
		margin-left: 15px;
		margin-right: 12px;
	}

	#barra_superior{
		position: fixed;
		float: left;
		top: 0px;
		min-height: 50px;
		/* padding-bottom: 10px; */
		width: 100%;
		background-color: 3c3c3c;
		color: ffffff;
		z-index: 10;
	}

	#dados{
		font-size: 40px;
		width: 370px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		height: 20px;
		top: -10px;
	}
	#dados li{
		margin-left: 25px;
		margin-right: 25px;
		
		
	}
	#menu_flutuante{
		position: relative;
		top: 0px;
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;
		/* top: 133px; */
		width: 100%;
		height: 148px;
		background-color: ffffff;
		/* width: 100%; */
		z-index: 10;
	}
	
	#logo {
		position: relative;
		width: 335px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	#dados img {
		height: 45px;
		position: absolute;
		top: 3px;
		left: -10px;
	}
	.telefone {
		position: relative;
		left: 50px;
		top: 0px;
	}
	
	#li_email{
		display: none;
	}
	#li_localizacao{
		display: none;	
	}
	#li_oab{
		display: none;
	}
	#li_social{
		display: none;
	}
	
#mapa {
    width: 100%;
    height: 850px;
    position: absolute;
    top: 1600px;
    left: 0%;
}
#contato {
    position: relative;
    height: 2430px;
    float: left;
}

#contato .fundo_box_direita{
    height: 1000px;
}

#rodape {
    position: relative;
    /* top: 0px; */
    min-height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    background-color: 3c3c3c;
    color: ffffff;
    float: left;
}

.box{
    position: relative;
    float: left;
	top: 240px;
	min-height: 400px;
    width: 100%;
	/* background-position: 0px -165px; */
	background-position: 0px 195px;
    background-size: cover;
    background-repeat: no-repeat;
	padding-bottom: 20px;
    background-attachment: fixed; /* Efeito Interessante */
	font-size: 50px;
}


.box_esquerda{
    position: relative;
    top: 0px;
	left: 0px;
	width: 88%;
    padding: 3%;
	color: ffffff;
}

.fundo_box_esquerda{
    position: absolute;
    top: 0px;
	left: 0px;
    height: 100%;
	width: 100%;
	background-color: 000000;
    opacity: 0.7;
}

.box_direita{
    position: relative;
    top: 0px;
	left: 0%;
    width: 88%;
    padding: 3%;
}

.box_direita2{
    position: relative;
    top: 0px;
	left: 0%;
    width: 88%;
    padding: 3%;
	color: ffffff;
}

.fundo_box_direita{
	left: 0%;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: ffffff;
    opacity: 0.7;
}

.fundo_box_direita2{
	left: 0%;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: 000000;
    opacity: 0.7;
}

.fundo_box{
    position: absolute;
    top: 0px;
	left: 0px;
    height: 100%;
	width: 100%;
	background-color: 000000;
    opacity: 0.7;
}


.box_centro{
	position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
}

.box1{
	position: relative;
    float: left;
    top: 0px;
    width: 90%;
    padding: 5%;
    text-align: center;
}

.box2{
	position: relative;
    float: left;
    top: 0px;
    width: 90%;
    padding: 5%;
    text-align: center;
}

#contato .box_direita{
	position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
}



.simbolo img{
	width: 200px;
}

.titulo{
	font-family: kaiseiextrabold;
	font-size: 100px;
}

.icone_contato{
    position: relative;
    top: 10px;
	
}

.icone_contato img{
	height: 75px;
	
}

.icone_telefone{
	position: absolute;
    top: -4px;
}

#email_contato{
	position: relative;
    /* left: 30px; */
    top: 0px;
}

#localizacao_contato{
	position: relative;
    /* left: 30px; */
    top: 0px;
}
#oab_contato{
	position: relative;
    /* left: 30px; */
    top: 0px;
}


#banner{
    background-image: url(../imagens/1.jpg);
	background-position: right;
}


}  

/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/* DESKTOP ****************************************************************************************************/

@media screen and (min-width: 1081px) {/* 1081 */
	
	
	:target {
		scroll-margin-top: 124px;
	}
	
	#lista_menu{
		position: absolute; 
		right: 40px;
		width: 610px;
	}
	
	#barra_superior{
		position: fixed;
		float: left;
		top: 0px;
		min-height: 50px;
		
  /*  height: 250px;
		 padding-bottom: 10px; */
		width: 100%;
		background-color: 3c3c3c;
		color: ffffff;
		z-index: 10;
	}
	
	#menu{
		position: relative;
		right: 7px;
	}

	#dados{
		font-size: 12px;
		height: 20px;
		position: absolute;
		top: -10px;
		width: 1060px;
		/* width: 920px; */
	}
	
	#dados .lista li{
		
		float: left;
		position: relative;
		margin-left: 28px;
		margin-right: 37px;
		margin-top: 20px;
		
		
	}
	#menu_flutuante{
		position: relative;
		top: 35px;
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;
		/* top: 133px; */
		width: 100%;
		height: 77%;
		background-color: ffffff;
		/* width: 100%; */
		z-index: 10;
	}
	
	
	#header {
  box-sizing: border-box;
    height: 90px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
/*     background: #e7e7e7;
 */	
    background: white;
    position: relative;
    top: 35px;
    width: 100%;
    z-index: 1000;
}
	
	
	
	
	
	#logo{
		position: relative;
		top: 0px;
		float: left;
		left: 15px;
		padding-right: 40px;
	}
	
	#dados img{
		height: 15px;
		position: absolute;
		top: 3px;
		left: 4px;
	}

	.top130{
		top: 130px;
	}

	.telefone {
		position: relative;
		left: 30px;
		top: 0px;
	}
	
	.box{
    position: relative;
    float: left;
	top: 124px;
	min-height: 400px;
    width: 100%;
	/* background-position: 0px -165px; */
	background-position: 0px 0px;
  /*   background-size: cover; */
	background-size: 50%;
    background-repeat: no-repeat;
	padding-bottom: 20px;
    background-attachment: fixed; /* Efeito Interessante */
}

#mapa{
	width: 50%;
    height: 100%;
    position: absolute;
    left: 0%;
}

#rodape{
	position: relative;
    top: 124px;
    min-height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    background-color: 3c3c3c;
    color: ffffff;
}

.lista{
	list-style-type: none;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    float: left;
	left: -30px;
}

.box_esquerda{
    position: relative;
    top: 0px;
	left: 0px;
	width: 44%;
    padding: 3%;
	color: ffffff;
}

.fundo_box_esquerda{
    position: absolute;
    top: 0px;
	left: 0px;
    height: 100%;
	width: 50%;
	background-color: 000000;
    opacity: 0.7;
}

.box_direita{
    position: relative;
    top: 0px;
	left: 50%;
    width: 44%;
    padding: 0% 3% 3%;
}

.box_direita2{
    position: relative;
    top: 0px;
	left: 50%;
    width: 44%;
    padding: 0% 3% 3%;
	color: ffffff;
}

.fundo_box_direita{
	left: 50%;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 50%;
    background-color: ffffff;
    opacity: 0.7;
}

.fundo_box_direita2{
	left: 50%;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 50%;
    background-color: 000000;
    opacity: 0.7;
}

.fundo_box{
    position: absolute;
    top: 0px;
	left: 0px;
    height: 100%;
	width: 100%;
	background-color: 000000;
    opacity: 0.7;
}

.fundo_box2{
    position: absolute;
    top: 0px;
	left: 0px;
    height: 100%;
	width: 100%;
	background-color: ffffff;
}

.box_centro{
	position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
    text-align: center;
}

.box1{
	position: relative;
    float: left;
    top: 0px;
    left: 15%;
    width: 25%;
    padding: 5%;
    text-align: center;
}

.box2{
	position: relative;
    float: right;
    right: 15%;
    top: 0px;
    width: 25%;
    padding: 5%;
    text-align: center;
}

.titulo{
	font-family: kaiseiextrabold;
	font-size: 30pt;
}

.letra_maior{
	font-size: 39pt;
}

.simbolo img{
	width: 100px;
}

.icone_contato{
    position: relative;
    top: 10px;
	
}

.icone_contato img{
	height: 25px;
	
}

.icone_telefone{
	position: absolute;
    top: -4px;
    left: 6px;
}

#icone_telefone_contato{
	left: 12px;
    top: 5px;
}

#icone_email_contato{
	
}

#icone_localizacao_contato{
	
    top: -30px;
    left: 13px;
}
#icone_oab_contato{
	
    top: -62px;
    left: 8px;
}

#telefone_contato{
	
}

#email_contato{
	position: relative;
    left: 49px;
    top: -34px;
}

#localizacao_contato{
	position: relative;
    left: 49px;
    top: -71px;
}
#oab_contato{
	position: relative;
    left: 49px;
    top: -106px;
}

}  


/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/
/* CSS COMUM *************************************************************************************************************/

html {
  scroll-behavior: smooth;
  
}

body{
	font-family: dmsans;
	margin: 0;
	padding: 0;
}



.simbolo{
	position: relative;
}


@font-face {
  font-family: dmsans;
  src: url(../fontes/dmsansregular.ttf);
}

@font-face {
  font-family: kaiseibold;
  src: url(../fontes/kaiseibold.ttf);
}

@font-face {
  font-family: kaiseiextrabold;
  src: url(../fontes/kaiseiextrabold.ttf);
}







/* #menu{
	position: relative;
    float: left;
    top: 0;
    width: 100%;
    min-height: 90px;
    padding-top: 20px;
	background-color: ffffff;
	
    width:100%;
    padding:20px;
}



#menu .lista{
	position: relative;
    float: right;
    right: 45px;
	letter-spacing: 5px;
}

#menu .lista li{
    display: inline-block;

    margin-left: 100px;
    margin-top: 25px;
    margin-bottom: 25px;
} */



.lista{
	list-style-type: none;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    float: left;
}

.lista li{
	float: left;
    position: relative;
	margin-left: 50px;
	margin-top: 20px;
}

#li_social{
	margin-left: 25px;	
}



.letra_branca{
	color: ffffff;
}




.icone_email{
	position: absolute;
    top: -4px;
    left: 0px;
}

.icone_localizacao{
	position: absolute;
    top: -5px;
    left: 2px;
}

.icone_oab{
	position: absolute;
    top: -3px;
    left: -2px;
}
.oab{
	position: relative;
    left: 24px;
    top: 0px;
}

.email{
	position: relative;
    left: 30px;
    top: 0px;
}
.localizacao{
	position: relative;
    left: 24px;
    top: 0px;
}


.separador{
	background-image: url(../imagens/separador.png);
    width: 100%;
    height: 2px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -30px;
    margin-bottom: -20px;
}

.separador_branco{
	background-image: url(../imagens/separador_branco.png);
    width: 100%;
    height: 2px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -30px;
    margin-bottom: -20px;
}

#banner{
    background-image: url(../imagens/1.jpg);
	/* background-position: left; */
}

/* #areas_atuacao{
    background-image: url(../imagens/2.jpg);
} */

#empresarial{
    background-image: url(../imagens/3.jpg);
}

#penal{
    background-image: url(../imagens/4.jpg);
}

#familia{
    background-image: url(../imagens/5.jpg);
}

#tributario{
    background-image: url(../imagens/6.jpg);
}

#ambiental{
    background-image: url(../imagens/7.jpg);
}

#administrativo{
    background-image: url(../imagens/8.jpg);
}

#civil{
    background-image: url(../imagens/9.jpg);
}

#aduaneiro{
    background-image: url(../imagens/10.jpg);
}

/* .lista{
  transition: color 2s;
}

.lista:hover {
color: red;
} */

#contato{
	
}


#quem_somos_texto{
	text-align: justify;
}


#logo_rodape{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 290px;
}

.fixar {
    position:fixed !important;
    margin-top: 0px !important;
}

.banner_rolar {
top:200px;	
	
}

a{
	text-decoration: none;
}
 a:visited{
	color: 000000;
}