@charset "utf-8";
/* CSS Document */

/* FRONT-END: Wanderson Dantas */

/*@font-face {
    font-family: 'swis721_cn_btroman';
    src: url('fonts/tt0009m_-webfont.eot');
    src: url('fonts/tt0009m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0009m_-webfont.woff') format('woff'),
         url('fonts/tt0009m_-webfont.ttf') format('truetype'),
         url('fonts/tt0009m_-webfont.svg#swis721_cn_btroman') format('svg');
font-weight: normal; font-style: normal;}*/

body {background:url(../img/bg.jpg) repeat; color:#000000; font-family:Arial, Helvetica, sans-serif; }
#all {background:url(../img/bg-all.png) repeat-x left 124px; width:100%; float:left;}


#all.all-internas {
	 background:url(../img/bg-all-internas.png) repeat-x left 124px;
}

#topo {max-width:960px; /*height:178px;*/ background:url(../img/bg-topo.png) no-repeat 212px -59px; margin:0 auto;}
h1.logo  {
	/*background:url(../img/logo.png) no-repeat; 
	width:436px; 
	height:80px; 
	display:block; */
	margin:22px 0 0 9px; 
	float:left;
}

.phone {
	color: #b01116;  
	font-family: 'Roboto', sans-serif; 
	font-size: 17px; 
	font-weight: bold; 
	float: left; 
	margin: 25px 0 0 50px;
}

.menu {background:url(../img/bg-menu.png) no-repeat; width:685px; height:39px; float:left; margin-top:27px;}
.menu ul {height:39px; float:left; margin-left:21px;}
.menu ul li {height:39px; float:left; position:relative;}
.menu ul li.separa-menu {
	background:url(../img/ponto-branco.png) no-repeat center;
	 width:6px; 
	 margin:0 0px;
}
.menu ul li a {
	display:block; 
	height:39px;
	line-height: 39px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	padding: 0 10px;
	border-radius: 10px;
}

.menu ul li a:hover {
	background: #fff;
	color: #b01116;
}

.menu ul li span {display:block; height:39px; text-indent:-99999px;}
/*.m1 {background:url(../img/menu.png) no-repeat -21px 0; width:107px;}
.hover1 {background:url(../img/menu.png) no-repeat -21px -39px; width:107px;}
.m2 {background:url(../img/menu.png) no-repeat -144px 0; width:81px;}
.hover2 {background:url(../img/menu.png) no-repeat -144px -39px; width:81px;}
.m3 {background:url(../img/menu.png) no-repeat -241px 0; width:69px;}
.hover3 {background:url(../img/menu.png) no-repeat -241px -39px; width:69px;}
.m4 {background:url(../img/menu.png) no-repeat -326px 0; width:93px;}
.hover4 {background:url(../img/menu.png) no-repeat -326px -39px; width:93px;}
.m5 {background:url(../img/menu.png) no-repeat -435px 0; width:100px;}
.hover5 {background:url(../img/menu.png) no-repeat -435px -39px; width:100px;}
.m6 {background:url(../img/menu.png) no-repeat -551px 0; width:114px;}
.hover6 {background:url(../img/menu.png) no-repeat -551px -39px; width:114px;}*/
ul.sub {width:100px; position:absolute; left:0; margin:0; display:none; z-index:999999;}
ul.sub li {width:100px; height:30px; background:#A70F0F;}
ul.sub li a {background:#A70F0F; display:block; padding-left:10px; height:30px; text-decoration:none; color:#fff; line-height:26px;}
ul.sub li a:hover {background:#6B0909;}

#conteudo {max-width:960px; margin:0 auto;}

.painel {float: none; max-width:960px; }
.botoes-painel {width:80px; height:29px; margin:0 auto; margin-top:-31px; z-index:1000; position:relative;}
#left-but {background:url(../img/painel/seta-esquerda.png) no-repeat; width:29px; height:29px; border:none; cursor:pointer; margin-left:6px;}
#right-but {background:url(../img/painel/seta-direita.png) no-repeat; width:29px; height:29px; border:none; cursor:pointer;}

.separa-conteudo {background:url(../img/separa-conteudo.png) no-repeat; max-width:960px; height:26px; float:left; margin-top:3px;}

.secao-esquerda {float:left; width:306px; margin-top:10px;}
.promocoes-index {
	background: #efefef; 
	border: 5px solid #fff;
	height:190px; 
	margin-top:20px;
}


#carousel .slick-prev:before,
#carousel2 .slick-prev:before {
	content: url(../img/btn-anterior.png);
}
#carousel .slick-next:before,
#carousel2 .slick-next:before {
	content: url(../img/btn-proximo.png);
}

#carousel .slick-prev,
#carousel2 .slick-prev {
	left: 10px;
}

#carousel .slick-next,
#carousel2 .slick-next {
	right: 10px;
}

#carousel2 {
	margin-bottom: 0;
}

.c2item {
	height: 130px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.img-texto {width:100%; height:80px; overflow:hidden; margin-top:5px;}
.img-texto img {float:left; margin:5px 10px 0 0;}
.img-texto p {font-size:11px; width: 156px; float:right; margin-right:5px;}
.img-texto p a {color:#a70f0f; font-size:16px; font-weight:bold; text-decoration:none;}
.valor-produto {float:left;  text-align:center;}
.valor-produto span {font-size:14px; color:#a70f0f; font-weight:bold;}
.valor-produto .valor {background:#fff; border-radius:5px; padding:5px 8px; text-align:center; line-height:30px;}

.quem-somos-index {width:630px; float:right; margin-top:10px; /*height:418px;*/}
/*.quem-somos-index h2 {background:url(../img/tt/tit-quem-somos.png) no-repeat; width:630px; height:32px;}
*/
.quem-somos-index div {width:100%; height:100%; background:#fff;}
.quem-somos-index div p {margin:10px 8px 0; text-align:justify;}
.quem-somos-index div a {background:url(../img/btn-saiba-mais.png) no-repeat; width:82px; height:32px; float:right; display:block; margin:5px 8px 0 0;}

.principais-fornecedores {
	background: #efefef;
    border: 5px solid #fff;
	height:157px; 
	margin-top:15px;
}

.titulo01 {
	color: #b01116;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border-bottom: 3px solid #b01116;
    text-transform: capitalize;
}

/* INTERNAS */
.conteudo-internas {
	background:#fff url(../img/bg-cont-interna.jpg) no-repeat center top; 
	max-width:900px; /*float:left;*/ 
	padding:30px;
}
.conteudo-internas p {margin-top:15px; text-align:justify;}

/* QUEM SOMOS */
.img-quem-somos {float:left; margin:6px 7px 0 0;}
ul.nossos-fornecedores {float:left; width:100%; margin-right:42px;}
ul.nossos-fornecedores li {background:url(../img/bg-li-fornecedores.jpg) no-repeat; width:209px; height:153px; float:left; margin:15px 13px 0 0; text-align:center; overflow:hidden;}
.showroom {float:left; margin:35px 37px 0 0;}

/* PRODUTOS */
.produtos {
	/*background:#f5f5f5 url(../img/sombra-cinza.jpg) no-repeat center top; */
	/*width:860px; 
	float:left;*/
	 padding:10px;
	 display: flex; flex-wrap: wrap;}
.secao-produto {/*width:193px;*/  width: 22%; 	
 margin-top:20px;  margin-right:2%;
margin-bottom: 10px;
}
.img-produto {
/*background: url(../img/bg-img-produtos.png) no-repeat; */
    /* width: 193px; */
     height: 142px; 
     display: flex;
     align-items: center;
     justify-content: center;
    border: 1px solid #ccc;
    /* float: left; */
    text-align: center;

}
.txt-produto {background:#ccc;  /*height:42px;*/  margin-top:6px;

display: flex;
padding: 2px;
}
.txt-produto p {color:#800b0b; margin:5px 10px 0 10px; text-align: center;}

@media (max-width: 700px) {
	.secao-produto {
		width: 31%;	
	}
}

@media (max-width: 600px) {
	.secao-produto {
		width: 48%;	
	}
}

@media (max-width: 500px) {
	.secao-produto {
		width: 100%;
		margin-right: 0;	
	}
}

/* NOTÍCIAS */
.noticia {width: 100%; max-width:900px; margin-top:30px; float:left;}
.data {background:url(../img/bg-data-noticia.png) no-repeat; width:65px; height:20px; font-size: 12px; /*float:left;*/ text-align:center; color:#fff; padding-top:4px; display:block;}
.titulo-noticia {text-decoration:none; font-size:14px; color:#000; font-weight:bold; display:block; /*float:left;*/ margin:3px 0 0 9px;}
.chamada {/*width:880px; float:left;*/ background:#f5f5f5; padding:10px;}
.chamada a {text-decoration:none; color:#000;}
.separa-noticia {background:url(../img/separa-noticia.png) repeat-x; max-width:900px; height:1px; float:left;}
.chamada a.bt-saiba {background:url(../img/btn-saiba-mais.png) no-repeat; width:82px; height:32px; float:right; display:block; margin-left:10px;}

.noticia-interna {max-width:900px; float:left;}
.noticia-interna .data {background:url(../img/bg-data-noticia.png) no-repeat; width:65px; height:20px; margin-bottom: 15px; text-align:center; color:#fff; padding-top:4px; display:block;}
.noticia-interna .titulo-noticia {font-size:14px; font-weight:bold; float:left; margin:3px 0 0 0;}
.separa-titulo-noticia {background:#b4b4b4; max-width:900px; height:1px; float:left; margin-top:1px;}
.btn-noticias {background:url(../img/btn-todas-noticias.png) no-repeat; width:122px; height:32px; display:block; float:right; margin-top:15px;}

/* PROMOÇÕES */
.promocoes {background: #ccc; max-width:900px; /*height:169px;*/ float:left; margin-bottom:20px; padding:15px 15px 20px 15px; width:95% }
.img-promocoes {background: #fff; border-radius:10px; border:1px solid #adadad; width:100%; height:141px; display:block; margin:0 20px 0 0x; text-align:center;}
.promocoes h3 {font-size:16px; font-weight:bold; color:#a70f0f; margin-top:16px;}
.promocoes p {margin:0 10px 0 0; /*font-size:11px;*/}
@media (min-width: 960px) {
	.promocoes{
		width:45%;
	}
	.promocoes:nth-of-type(2n) {
  	float:right;
	}
}

@media (max-width: 700px) {
	.img-promocoes {
		float: none;
		margin: 0;
	}

	.promocoes {
		padding: 10px;
	}
}

/* LOCALIZAÇÃO */
.endereco2 {background:url(../img/bg-endereco.jpg) no-repeat; width:290px; height:25px; float:left; margin:12px 0 0 278px; padding:13px 0 0 54px;}

/* FALE CONOSCO */
#formulario {width: 100%; float:left;}
#formulario input {border:none; margin:0; padding:0; background: #ddd; width: 100%; box-sizing: border-box; height:31px; float:left; margin-top:3px;}
#formulario label {display:block; margin-top:13px; float:left; width: 100%;}
#formulario textarea {border:none; margin:0; padding:0; background: #ddd; width: 100%; box-sizing: border-box; height:176px; float:left; margin-top:3px;}
#formulario .btn-enviar {background:url(../img/btn-enviar.png) no-repeat; width:82px; height:32px; float:right; margin-top:10px; cursor:pointer;}

.contato {width: 100%; float:right; margin-top:18px;}
.contato div {
	background: #aaa;
	padding: 10px;
	border-radius: 5px;
	margin-top: 5px;
}

.contato hr {
	display: none;
}

.endereco3 {background:url(../img/bg-endereco3.jpg) no-repeat; width:338px; height:32px; float:left; margin:6px 0 0 0; padding:15px 0 0 58px;}
.telefone {background:url(../img/bg-telefone.jpg) no-repeat; width:338px; height:32px; float:left; margin:6px 0 0 0; padding:15px 0 0 58px;}
.fax {background:url(../img/bg-fax.jpg) no-repeat; width:338px; height:32px; float:left; margin:6px 0 0 0; padding:15px 0 0 58px;}
.email {background:url(../img/bg-email.jpg) no-repeat; width:338px; height:32px; float:left; margin:6px 0 0 0; padding:15px 0 0 58px;}

/* TÍTULOS */
h2.tit-quem-somos {background:url(../img/tt/quem-somos.png) no-repeat; max-width:960px; height:34px; margin-top:42px;}
h3.tit-fornecedores {background:url(../img/tt/tit-fornecedores.png) no-repeat; max-width:960px; height:34px; float:left; margin-top:36px;}
h2.tit-produtos {background:url(../img/tt/produtos.png) no-repeat; max-width:960px; height:34px; margin-top:42px;}
h3.tit-bombas {background:url(../img/tt/tit-bombas.png) no-repeat; max-width:900px; height:31px;}
h3.tit-motores {background:url(../img/tt/tit-motores.png) no-repeat; max-width:900px; height:31px;}
h3.tit-maquinas {background:url(../img/tt/tit-maquinas.png) no-repeat; max-width:900px; height:32px;}
h3.tit-geradores {background:url(../img/tt/tit-geradores.png) no-repeat; max-width:900px; height:31px;}
h3.tit-pecas {background:url(../img/tt/tit-pecas.png) no-repeat; max-width:900px; height:31px;}
h2.tit-noticias {background:url(../img/tt/noticias.png) no-repeat; max-width:960px; height:35px; margin-top:41px;}
h2.tit-promocoes {background:url(../img/tt/promocoes.png) no-repeat; max-width:960px; height:34px; margin-top:42px;}
h2.tit-localizacao {background:url(../img/tt/localizacao.png) no-repeat; max-width:960px; height:34px; margin-top:42px;}
h2.tit-fale-conosco {background:url(../img/tt/fale-conosco.png) no-repeat; max-width:960px; height:34px; margin-top:42px;}
h3.tit-confira-showroom {background:url(../img/tt/tit-confira-showroom.png) no-repeat; width:219px; height:17px; float:left; margin-top:26px;}
h2.tit-showroom {background:url(../img/tt/showroom.png) no-repeat; max-width:960px; height:34px; margin-top:42px;}

/* RODAPÉ */
#rodape {background:url(../img/bg-rodape.png) repeat-x; width:100%; height:138px; float:left; margin-top:15px;}
.rodape {max-width:960px; height:138px; margin:0 auto;}
.rodape h2 {background:url(../img/tt/tit-endereco.png) no-repeat; width:139px; height:35px; margin-top:7px;}
.rodape .txt-rodape,
.rodape p {color:#fff; margin-top:20px; font-size: 14px;}
.rodape .txt-rodape a,
.rodape p a {color:#fff; text-decoration:none;}
.endereco {float:left;}
.redes {float:right; margin-top:44px; margin-right:28px;}
.redes .facebook {background:url(../img/redes-sociais.png) no-repeat 0px 0px; width:45px; height:45px; float:left; display:block; margin-right:7px;}
.redes .twitter {background:url(../img/redes-sociais.png) no-repeat -45px 0px; width:45px; height:45px; float:left; display:block;}
.pratica {float:right; text-align:center; margin-top:50px!important;}

.ico1 {width: 40px; display: inline-block; vertical-align: top;}
.ico2 {width: 20px; display: inline-block; vertical-align: middle;}

/*--------------------- CLASSES IMPORTANTES -------------------------*/
.separador {clear: both;}
.text-none {display: none;}
/*.ultimo {margin-right: 0px !important;}*/
.borda-inferior {border-bottom: none !important;}
.borda-right {border-right: none !important;}
p.error {margin: 0 !important; padding: 5px 0 0 0 !important; color: #f00; font-size: 10px;}
.first {margin-top:0px !important;}


/* INICIO PAGINAÇÕES */
#paginacao {
	margin: 20px -30px 0 0;
	height: 50px;
	padding: 5px;
	width:100%;
	height:33px;
	text-align:center;
	vertical-align:middle;
	float:left;
}

#paginacao a{
	color:#666;
	border:1px solid #a70f0f;
	box-shadow:1px 1px 1px #999;
	border-radius:4px;
	line-height:20px;
	padding:3px 6px;
	margin-left:3px;
	font-size:12px;
}

#paginacao a.anterior{
	margin-left:0;
}

#paginacao strong{
	border:1px solid #a70f0f;
	box-shadow:1px 1px 1px #999;
	border-radius:4px;
	background:#a70f0f;
	line-height:0;
	padding:3px 6px;
	margin-left:3px;
	color:#FFF;
}
/* FIM PAGINAÇÕES */



.col1 {
	float: left;
	width: 48%;
}

.right {
	float: right;
}

	img {
		max-width: 100%;
	}

.menu-toggle,
.menu-mobile {display: none;}

@media (max-width: 960px) {
	body {
		overflow-x: hidden;
	}

	.adesivo {
		display: none;
	}



	#topo {
		margin-bottom: 30px;
		float: none;
	}

	#all {
		padding: 0 20px;
		background: none;
		box-sizing: border-box;
	}


	.menu {
		position: fixed;
		left: -100%;
		bottom: 0;
		top: 0;
		width: 220px;
		height: auto;
		background: #b70708;
		margin: 0;
		transition: all .5s;
		padding-top: 10px;
		z-index: 1200;
	}

	.menu-mobile {
		display: block;
	}

	.menu-desktop,
	.menu ul li.separa-menu {
		display: none;
	}

	.menu--active {
		left: 0;
	}

	.menu-toggle {
		display: block;
		position: absolute;
		right: 20px;
		top: 30px;
		background: #b70708;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 1000;
		margin: 20px 0 0 20px;
	}

	.menu ul li {
		float: none;
	}

	.menu ul li a {
		background: none;
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
		width: auto !important;
		height: auto !important;
		display: block;
		line-height: 20px;
		margin: 0;
		padding: 10px;
	}

	.menu ul li a:hover {
		text-decoration: none;
	}

	.menu ul li span {opacity: 1; filter:alpha(opacity=1); text-indent: 16px; background: none; width: auto; height: auto; display: block;}


	.secao-esquerda {
		width: 100%;

	}

	.banners {
		display: flex;
		justify-content: space-around;

	}

	.banners a {
		width: 100%;
		flex: 1 auto;
		display: block;
	}

	.banners img {
		margin-top: 0 !important;
	}

	.quem-somos-index {
		width: auto;
	}

	.quem-somos-index img {
		width: 100%;
		margin: 0 !important;
	}

	#rodape {
		background: #7b0b0b;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
	}

	.rodape {
		height: auto;
		width: auto;
box-sizing: border-box;
	}

	#all.all-internas {
		background: none;
	}

	#all.all-internas #topo {
		margin-bottom: 0;
	}

	/*.conteudo-internas img {
		display: block;
		float: none !important;
		margin: 0 auto 30px;
	}*/
}

@media (max-width: 750px) {


	.phone {
		display: none;
	}

	h1.logo {
		float: none;
	}

	h1.logo img {
		width: 250px;
	}

	#topo {
		padding-top: 10px;
		float: none;
		min-height: 70px;
		background: none;
	}

	.menu-toggle {
		top: 10px;
		right: 10px;
	}

	.col1,
	.right {
		float: none;
		width: auto;
	}



}

@media (max-width: 600px) {
	.painel {
		margin-bottom: 20px;
	}

	.banners {
		display: block;
		text-align: center;
	}

	.banners div {
		margin-bottom: 20px;
	}

	ul.nossos-fornecedores {
		display: flex;
		flex-wrap: wrap;
	}

	ul.nossos-fornecedores li {
		width: 48%;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
	}

}

@media (max-width: 400px) {
	h1.logo img {
	    width: 200px;
	}

	.promocoes {
    padding: 10px;
    box-sizing: border-box;
    }

    .img-promocoes {
    	height: auto;
    	width: 100%;
    	box-sizing: border-box;
    }

    /*.valor-produto {
    	float: none;
    	margin: 0 !important;
    }*/

    .conteudo-internas {
    	padding: 30px 5px;
    }
}