.menu-header{
	color: black !important; 
	font-weight: bold !important; 
}
.style1{
	margin-bottom: 10px !important;
}


/*css para diminuir o espaço dos paragrafos pagina serviços.html OBS:sobrescreve o original; */
article.post  p {
	line-height: 1.5 !important;
	margin-bottom: 0.8em;
}
/*css para diminuir o espaço dos dos H2 e paragrafo pagina serviços.html OBS:sobrescreve o original; */
article.post h2 , article.post p {
	margin-top: 5px;
	margin-bottom: 2px;
}

article.post header {
	padding-bottom: 0px;
}

/* css para o header, muda o tamanho da tag <P> cambios automaticos */
p.negrito{
	color: rgb(255,64,64)!important; 
	font-size: 15px!important; 
	font-weight: bold;
}


/*css para os icones do index*/
.ico{
	padding-left: 0px;
	width: 50px;
	height: 50px;
	float: left;

}

.ico-inferior{
	margin-top: -10px;
}

section.icones{
	padding-left: 0;
}

div.icones{
	margin-left: 70px;
}

/*##########################################################*/
/*css para tamanho das imagens na parte duvidas do index*/
.imgs{
	width: 300px;
	height: 210px;
}

/*##########################################################*/

/*css para o footer*/

div.social{
	display: inline-flex;

}

div.ico-social{
	margin-left: 5px;
	width: 300px;
}

/*##########################################################*/

/*css pagina servicos icones dos serviços*/

.servico img{
	width: 60px;
	height: 60px;
	s: center !important;
}


/*css pagina serviços modal com informação*/
.fundo{
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.fundo .janela{
  width: 60%;
  height: 20%;  
  /* background-color: #fff !important; */
  position: absolute;
  left: 50%;
  top: 10%;
  margin-left: -30%;
  box-shadow: 1px 1px 10px rgb(0, 0, 0);
  height: auto !important; 
  display: none;

}



.fechar{
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -30px;
  
  

}

.fechar img{
  width: 35px !important;
  height: 35px !important;
}


/*css para a pagina contato.html, div com inputs para contato*/
@media(min-width: 1024px){
	div.contato{
		width: 100%;
		margin-left: 25% !important;
	}
}
/*##########################################################*/

/*css responsivo para paginas até 768px*/
@media(max-width: 768px){


.ico{
	padding-left: 0px;
	width: 50px;
	height: 50px;
	float: left;

}

.ico-768{
	margin-top: -10px; /*correção do icone mecanica*/
}

.ico-inferior{
	margin-top: -10px;
}

section.icones{
	padding-left: 0;
}

div.icones{
	margin-left: 70px;
}

/*css para ajustar o tamanho do mapa no footer todas as paginas*/
div.w768 iframe {
	
	width: 100%;
}

/*css para ajustar o tamanho da imagem das marcas pagina serviços*/
section.resp768 img {
	width: 100%;
}



}


@media(max-width: 435px){

.ico{
	padding-left: 0px;
	width: 50px;
	height: 50px;
	float: left;

}

.ico-768{
	margin-top: -10px; /*correção do icone mecanica*/
}


.ico-inferior{
	margin-top: -10px;
}

section.icones{
	padding-left: 0;
}

div.icones{
	margin-left:;
}

div.w768 {
	margin-left: 0px;
	
}

.fechar{
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -30px;
  margin-right: -20px;

}


@media(max-width: 375px){


section.modal-corpo .title{
	left: 50.5%!important;
	width: 100%!important;
	

}

.fechar{
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -30px;
  margin-right: -35px;
  
  

}

}

@media(max-width: 320px){

/*css para a div titulo do modal*/
section.modal-corpo .title{
	left: 59% !important;
	width:100% !important;
}

.fechar{
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -30px;
  margin-right: -35px;
  
  

}

}

