@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

h1, h2, h3, h4, p, ul, li {
	padding: 0;
	margin: 0;
}

#topo {
	width: 100%;
	min-height: 50px;
	background: #000000;
	color: #FFF;
	line-height: 50px;
}

#topo p i {
	color: #fcc025;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 20px;
}

#cabecalho {
	width: 100%;
	min-height: 140px;
	background: url(../imgs/bg-header.jpg) center no-repeat;
}

#cabecalho nav.menu ul li {
	display: inline;
	padding-right: 20px;
}

#cabecalho nav.menu ul li a {
	text-decoration: none;
	color: #000;
}

#cabecalho nav.menu ul li a:hover {
	text-decoration: underline;
}

#cabecalho nav.menu ul li:last-child a {
	background: #000;
	color: #FFF;
	padding: 10px;
	border-radius: 30px;
}

#cabecalho nav.menu ul li:last-child a:hover {
	text-decoration: none;
}


footer {
	width: 100%;
	background: #000000;
	padding-bottom: 10px;
	color: #FFF;
}

footer #direitos {
	padding-top: 10px;
}

#rodape .socialmedia ul li {
	display: inline;
}

#rodape .unidadeGuaruja h3, #rodape .unidadeSantos h3 {
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 10px;
}

#rodape .unidadeGuaruja p, #rodape .unidadeSantos p {
	color:#000;
}



#rodape .botaoLocal a {
	color: #000;
	text-decoration: none;
	font-weight: 700;
}

#rodape .botaoLocal a i {
	font-size: 20px;
}

#pg-home h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 28px;
}

#pg-home #chamada-loja p {
	font-size: 18px;
	line-height: 35px;
	padding-right: 40px;
}

.bloco-icone .bg-icone .elementor-widget-container {
	background: #ec9c3d;
	border-radius: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#promo-slider .swiper-slide {
	padding-left: 5px;
	padding-right: 5px;
}

#slider {
	padding-top: 20px;
}

#topo-internas {
	max-width: 100%;
	min-height: 140px;
	background: url(../imgs/bg-internas.jpg);
	
}

#topo-internas h1 {
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	line-height: 140px;
}

#formulario p {
	padding-bottom: 10px;
}

#formulario label {
	font-weight: bold;
}

#formulario input.campo {
	width: 100%;
	height: 40px;
	border: 1px solid #9e9e9e;
}

#formulario textarea.campo {
	width: 100%;
	height: 180px;
	border: 1px solid #9e9e9e;
}

#formulario input.btEnviar {
	width: 100%;
	background: #ea9a3b;
	border: 0;
	height: 40px;
	padding: 10px;
	color: #FFF;

}

#bg-servicos-interna {
	max-width: 100%;
	min-height: 600px;
	background: url(../imgs/bg-interno-servicos.jpg) top center no-repeat;
}

#box-form {
	background: #27272f;
	border-radius: 30px;
}

#box-form label {
	color: #FFF;
}

#box-form input.campo {
	height: 25px;
}

#box-listagem ul li {
	padding-bottom: 20px;
}











/********     AJUSTES PARA RESPONSIVO    **********/

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

.dspnone, #topo p b {
	display: none;
}

#cabecalho .logo img {
	width: 200px;
	height: 74px;
}

#rodape {
	width: 100%;
	min-height: 275px;
	background: url(../imgs/bg-footer-mobile.jpg) top center no-repeat;
}

#rodape .socialmedia ul li {
	padding-right: 10px;
}

#rodape .socialmedia ul li a {
	color: #FFF;
	font-size: 25px;
}

#rodape .logo {
	padding-top: 25px;
}

#rodape .unidadeGuaruja, #rodape .unidadeSantos {
	padding-top: 20px;
	
}

#rodape .logo img {
	width: 200px;
	height: 74px;
}

#rodape .botaoLocal {
	padding-top: 20px;
	padding-bottom: 20px;
}
	
#formulario textarea.campo {
	width: 100%;
	height: 309px;
	border: 1px solid #9e9e9e;
}


}

@media (min-width: 400px) and (max-width: 575px) { /*************************************SM*/

.dspnone {
	display: none;
}

#cabecalho .logo {
	padding-top: 10px;
}

#rodape {
	width: 100%;
	min-height: 275px;
	background: url(../imgs/bg-footer-mobile.jpg) top center no-repeat;
}

#rodape .socialmedia ul li {
	padding-right: 10px;
}

#rodape .socialmedia ul li a {
	color: #FFF;
	font-size: 25px;
}

#rodape .logo {
	padding-top: 25px;
}

#rodape .unidadeGuaruja, #rodape .unidadeSantos {
	padding-top: 20px;
	
}

#rodape .botaoLocal {
	padding-top: 20px;
	padding-bottom: 20px;
}
	
#formulario textarea.campo {
	width: 100%;
	height: 309px;
	border: 1px solid #9e9e9e;
}


}

@media (min-width: 576px) and (max-width: 767px) { /*************************************SM*/

.dspnone {
	display: none;
}

#cabecalho .logo {
	padding-top: 10px;
}

#rodape {
	width: 100%;
	min-height: 275px;
	background: url(../imgs/bg-footer-mobile.jpg) top center no-repeat;
}

#rodape .socialmedia ul li {
	padding-right: 10px;
}

#rodape .socialmedia ul li a {
	color: #FFF;
	font-size: 25px;
}

#rodape .logo {
	padding-top: 25px;
}

#rodape .unidadeGuaruja, #rodape .unidadeSantos {
	padding-top: 40px;
}

#rodape .botaoLocal {
	padding-top: 20px;
	padding-bottom: 60px;
}
	
#formulario textarea.campo {
	width: 100%;
	height: 309px;
	border: 1px solid #9e9e9e;
}


}

@media (min-width: 768px) and (max-width: 991px) { /*************************************MD*/

#cabecalho .logo {
	padding-top: 20px;
}

#cabecalho .logo img {
	width: 235px;
	height: 87px;
}

#cabecalho nav.menu {
	padding-top: 60px;
	font-size: 12px;
}

#rodape {
	width: 100%;
	min-height: 275px;
	background: url(../imgs/bg-footer-desk.jpg) top center no-repeat;
}

#rodape .logo img {
	width: 230px;
	height: 85px;
}


#rodape .socialmedia ul li {
	padding-right: 10px;
}

#rodape .socialmedia ul li a {
	color: #FFF;
	font-size: 25px;
}

#rodape .logo {
	padding-top: 65px;
}

#rodape .unidadeGuaruja, #rodape .unidadeSantos {
	padding-top: 80px;
	padding-left: 10px;
}

#rodape .unidadeGuaruja p, #rodape .unidadeSantos p {
	font-size: 12px;
}

#rodape .botaoLocal {
	padding-top: 20px;
	padding-left: 10px;
}
	
	#esquerdo {
	width: 48%;
	float: left;
}

#direito {
	width: 48%;
	float: right;
}

.cb {
	clear: both;
}

#formulario textarea.campo {
	width: 100%;
	height: 309px;
	border: 1px solid #9e9e9e;
}

}

@media (min-width: 992px) and (max-width: 1199px) { /************************************LG*/

#cabecalho .logo {
	padding-top: 10px;
}

#cabecalho nav.menu {
	padding-top: 60px;
}

#rodape {
	width: 100%;
	min-height: 275px;
	background: url(../imgs/bg-footer-desk.jpg) top center no-repeat;
}

#rodape .logo img {
	width: 260px;
	height: 96px;
}

#rodape .socialmedia ul {
	padding-right: 20px;
}

#rodape .socialmedia ul li {
	padding-right: 10px;
}

#rodape .socialmedia ul li a {
	color: #FFF;
	font-size: 25px;
}

#rodape .logo {
	padding-top: 65px;
}

#rodape .unidadeGuaruja, #rodape .unidadeSantos {
	padding-top: 80px;
	padding-left: 10px;
}

#rodape .botaoLocal {
	padding-top: 20px;
	padding-left: 10px;
}
	
	#esquerdo {
	width: 48%;
	float: left;
}

#direito {
	width: 48%;
	float: right;
}

.cb {
	clear: both;
}

#formulario textarea.campo {
	width: 100%;
	height: 309px;
	border: 1px solid #9e9e9e;
}

}

@media (min-width: 1200px) { /***********************************************************XL*/

#cabecalho .logo {
	padding-top: 10px;
}

#cabecalho nav.menu {
	padding-top: 60px;
}

#rodape {
	width: 100%;
	min-height: 275px;
	background: url(../imgs/bg-footer-desk.jpg) center no-repeat;
}

#rodape .logo img {
	width: 260px;
	height: 96px;
}

#rodape .socialmedia ul {
	padding-right: 20px;
}

#rodape .socialmedia ul li {
	padding-right: 10px;
}

#rodape .socialmedia ul li a {
	color: #FFF;
	font-size: 25px;
}

#rodape .logo {
	padding-top: 65px;
}

#rodape .unidadeGuaruja, #rodape .unidadeSantos {
	padding-top: 80px;
	padding-left: 10px;
}

#rodape .botaoLocal {
	padding-top: 20px;
	padding-left: 10px;
}
	
	#esquerdo {
	width: 48%;
	float: left;
}

#direito {
	width: 48%;
	float: right;
}

.cb {
	clear: both;
}

#formulario textarea.campo {
	width: 100%;
	height: 309px;
	border: 1px solid #9e9e9e;
}






}