*{ font-family: "FuturaStd-Book"; padding: 0; margin: 0; }
a{text-decoration: none;}

.conteudo{ max-width: 1000px; width: 100%; margin: 0 auto; }

#topo{ background: #f1f1f1; }
#topo #dados-contato-topo{ color: #0b1222; height: 40px; line-height: 40px; font-size: 16px; }
#topo #dados-contato-topo a{ width:24px; height:40px; float:right; display:inline-block; background-image: url(../img/facebook-topo.png); background-position:center; background-repeat:no-repeat; margin-left:5px; }

#topo #logo-menu{ background: #fff; border-radius: 0 18px 18px 18px; padding: 0 20px; width: calc(100% - 40px); height: 100px;}
#topo #logo-menu h1{ width: 240px; height: 100px; background-position: center; background-image: url(../img/logo_leviore.png); background-repeat: no-repeat; text-indent: -30000px; overflow: hidden; display: inline-block; }
#topo #logo-menu h1 a{display: inline-block; width: 100%; height: 100px;}
#topo #logo-menu ul{ display: inline-block; float: right; }
#topo #logo-menu ul li { display: inline-block; height: 100px; line-height: 100px; margin-right: 20px; }
#topo #logo-menu ul li a{ color:#0b1222; font-size: 16px; text-decoration: none; transition: 0.5s; }
#topo #logo-menu ul li a:hover{ color:#ec5631; }

#topo #banner-texto{ padding-top: 90px; width: 100%; background-image: url(../img/bg-banner.png); background-repeat: no-repeat; background-position: right bottom; }
#topo #banner-texto #subtitulo-banner{ font-family: "Georgia"; font-style: italic; color:#0b1222; font-size: 30px; letter-spacing: 0.5px; }
#topo #banner-texto #titulo-banner{ color:#0b1222;  font-family: "FuturaStd-Bold"; letter-spacing: 4.5px; text-transform: uppercase; margin-top: 15px; font-size: 50px;}
#topo #banner-texto #complemento-banner{ color:#0b1222; letter-spacing: 0.5px; font-size: 40px;  }
#topo #banner-texto #complemento-banner span{ color:#ff3200;  font-family: "FuturaStd-Bold"; letter-spacing: 0.5px; font-size: 40px;}

.botao-whatsapp{ margin-top: 90px; padding-bottom: 70px; }
.botao-whatsapp p{ color:#0b1222; letter-spacing: 0.5px; font-size: 22px; margin-bottom: 10px; }
.botao-whatsapp a{ color:#fff; letter-spacing: 0.5px; font-size: 16px; height: 41px; background-color: #01b549; display: inline-block; line-height: 40px; text-decoration: none; padding: 0 30px; border-radius: 3px; background-image: url(../img/icone_whatsapp.png); background-position: center left; background-repeat: no-repeat; padding-left: 66px; }

.base-titulo{ font-size: 26px; color:#0b1222; margin: 50px 0px; text-align: center; }

.btn-carregar{ height: 30px; line-height: 30px; width: 235px; margin: 0 auto; text-align: center; font-family: "Georgia"; color:#fff; font-size: 16px; font-style: italic; letter-spacing: 1.5px; background: #0b1222; display: block; border-radius: 0px 5px 5px 5px; text-decoration: none; margin-bottom: 20px; }



#lista-produtos .produto{ width: calc( (100% - 140px) / 4 ); background: #f7f8fb; -webkit-box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); height: 330px; padding: 10px; display: inline-block; margin-left: 20px; margin-bottom: 20px;  border-radius: 0px 5px 5px 5px; }
#lista-produtos .produto:nth-child(4n+1){ margin-left: 0px; }
#lista-produtos .produto .produto-interna{ vertical-align: top; background-image: url(../img/base-produto.png); background-size: contain; height: 330px; border-radius: 0px 5px 5px 5px; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center;}
#lista-produtos .produto .produto-interna .referencia-externa{ background: #fa5922; line-height: 30px; height: 30px; width: calc(100% - 20px); position: absolute; bottom: 10px; left: 10px; text-align: center; display: block; color:#fff; font-size: 16px; border-radius: 5px; }
#lista-produtos .produto .produto-interna .conteudo-hover{ background: rgba(0,0,0,0.8); width: calc(100% - 20px); padding: 10px;  height: 330px; transition: 0.8s; position: relative; display: none; }
#lista-produtos .produto .produto-interna:hover .conteudo-hover{display: block;}
#lista-produtos .produto .produto-interna .conteudo-hover .texto-hover{ position: absolute; bottom: 30px; width: calc(100% - 20px); }
#lista-produtos .produto .produto-interna .conteudo-hover .texto-hover span{ color:#fa5922; font-size: 14px; letter-spacing: 1px; }
#lista-produtos .produto .produto-interna .conteudo-hover .texto-hover p{ color:#fff; font-size: 18px; margin-bottom: 10px; }
#lista-produtos .produto .produto-interna .conteudo-hover .texto-hover a{ width: calc(100%); display: block; background: #fff; text-align: center; color:#fa5922; font-size: 16px; height: 30px; line-height: 30px; text-decoration: none; border-radius: 5px; letter-spacing: 1px; }

#controle-qualidade{ background: #003f51; padding: 20px 0; }
#controle-qualidade #titulo-controle-qualidade{ display: inline-block; width: calc(100% / 2); }
#controle-qualidade #titulo-controle-qualidade span{ font-family: "FuturaStd-Medium"; color:#95b9c3; text-transform: uppercase; margin-top: 20px; display: block; }
#controle-qualidade #titulo-controle-qualidade p{ font-family: "FuturaStd-Medium"; color:#fff; letter-spacing: 0.5px; font-size: 22px; margin-top: 15px; }
#controle-qualidade #titulo-controle-qualidade p b{ font-family: "FuturaStd-Heavy"; }

#controle-qualidade #btn-orcamento{ display: inline-block; width: calc(100% / 2); vertical-align: top; }
#controle-qualidade #btn-orcamento a{ background:#fa5922; color:#fff; letter-spacing: 1.2px; font-size: 16px; text-align: center; padding: 0 60px; height: 50px; line-height: 50px; width: calc(100% / 2); display: inline-block; text-decoration: none; border-radius: 5px; margin-top: 50px; float: right; } 

#tipo-uniformes .item-uniformes{ background: #104a5d; width: calc( ((100% - 60px) / 4) - 20px ); display: inline-block; margin-left: 20px; vertical-align: top; margin-top: 30px; height: 200px; border-radius: 0 8px 8px 8px; padding-left: 20px; background-image: url(../img/uniforme-poliviscose.png); background-position: right center; background-repeat: no-repeat;}
#tipo-uniformes .item-uniformes:nth-child(4n+1){ margin-left: 0px; }
#tipo-uniformes .item-uniformes p.titulo{ color:#fff; font-size: 18px; font-family: "FuturaStd-Bold"; text-transform: uppercase; margin-top: 30px;}
#tipo-uniformes .item-uniformes p.descritivo{ color:#fff; font-family: "FuturaStd-Book"; font-size: 16px; margin-top: 20px; padding-right: 70px; }

#sobre{}
#sobre #texto-destaque-sobre{ color:#232323; font-size: 22px; line-height: 36px; font-family: "FuturaStd-Medium"; margin-top: 60px; margin-bottom: 60px; width: calc(100%); text-align: center; }

#sobre #itens-sobre{ background: #f8f8f8; padding: 60px 0;}
#sobre #itens-sobre .item-sobre{ width: calc( ( ( 100% - 40px ) / 3 ) - 80px ); display: inline-block; vertical-align: top; margin-left: 20px; padding-left: 80px; background-image: url(../img/icone_entrega.png); background-repeat: no-repeat; background-position: center left; min-height: 67px; }
#sobre #itens-sobre .item-sobre:nth-child(3n+1){ margin-left: 0px; }
#sobre #itens-sobre .item-sobre p.titulo{ font-family: "FuturaStd-Bold"; font-style: italic; color:#3a3737; font-size: 18px; letter-spacing: 1.2px; text-transform: uppercase; }
#sobre #itens-sobre .item-sobre p.sub-titulo{ font-family: "FuturaStd-Medium";  font-size: 16px; color:#3a3737; letter-spacing: 1.2px; }

#rodape{ background: #003f51; padding: 50px 0; }
#rodape .coluna-rodape{ width: calc( (100% - 40px) / 3 ); display: inline-block; vertical-align: top; margin-left: 20px; }
#rodape .coluna-rodape:nth-child(3n+1){ margin-left: 0px; }

#rodape .coluna-rodape .logo-rodape{ width: 100%; background-image: url(../img/logo_leviore_rodape.png); width: 100%;  height: 50px; background-position: top left; background-repeat: no-repeat; text-indent: -3000px; overflow: hidden; }
#rodape .coluna-rodape .botao-whatsapp{ margin-top: 50px; padding-bottom:0; }
#rodape .coluna-rodape .botao-whatsapp a{ width: calc( 100% - 33px); padding: 0; padding-left: 33px; text-align: center; }

#rodape .coluna-rodape #menu-rodape p{ font-size: 18px; font-family: "FuturaStd-Bold"; letter-spacing:1.2px; color:#fff; text-transform: uppercase; margin-bottom: 5px;}
#rodape .coluna-rodape #menu-rodape a{ font-size: 16px; font-family: "FuturaStd-Medium"; letter-spacing:1.2px; color:#fff; text-decoration: none; width: 100%; display: inline-block; margin-top: 20px; }


#rodape .coluna-rodape #google-meu-negocio a{ -webkit-box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); }
#rodape .coluna-rodape #google-meu-negocio p{ background: #012934; color:#fff; font-size: 14px; line-height: 20px; padding: 10px 20px; text-align: center; width: calc(100% - 40px); border-radius: 5px 5px 0 0; letter-spacing: 1px; }


#produto-aberto { margin-top: 50px; }
#produto-aberto #foto-produto{ border-radius: 0 0 5px 5px; display: inline-block; width: calc( (100% - 20px) / 2 ); display: inline-block; background: #f7f8fb; -webkit-box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); box-shadow: 0px 0px 5px 0px rgba(39,39,39,0.5); height: 400px; position: relative; }
#produto-aberto #foto-produto .foto-interna{ width: calc( 100% - 20px ); margin-left: 10px; margin-top: 10px; height: 380px; background-image: url(../img/base-produto.png); background-repeat: no-repeat; background-position: center; background-size: contain; transition: 0.5s;}
#produto-aberto #foto-produto .controles-fotos {position: absolute; bottom: 20px; left: 20px; }
#produto-aberto #foto-produto .controles-fotos .btn-alterar{ display: inline-block; height: 33px; width: 33px; background: #fff; margin-right: 10px; border: 3px solid #ececec; border-radius: 0px 5px 5px; line-height: 33px; text-align: center; transition: 0.8s; }
#produto-aberto #foto-produto .controles-fotos .btn-alterar:hover{ border: 3px solid #787878; cursor: pointer; }
#produto-aberto #foto-produto .controles-fotos .btn-ativo{ border: 3px solid #fa5922 !important; cursor: default; !important; }

#produto-aberto #descritivo-produto{ width: calc( ((100% - 20px) / 2) - 20px ); display: inline-block; vertical-align: top; margin-left: 40px; }
#produto-aberto #descritivo-produto #id-referencia{ color:#0b1222; font-size: 16px; text-transform: uppercase; display: block; letter-spacing: 1.3px; }
#produto-aberto #descritivo-produto #nome-produto{ color:#0b1222;  font-family: "FuturaStd-Bold"; font-size: 36px; letter-spacing: 1.3px; margin-top: 20px; }
#produto-aberto #descritivo-produto #controle-gastos{ font-size: 18px; letter-spacing: 1px; color:#0b1222; padding: 20px 0; line-height: 40px; }
#produto-aberto #descritivo-produto #btn-solicitar-orcamento{ height: 50px; line-height: 50px; color:#fff; background: #fa5922;  letter-spacing: 1.5px; text-align: center; display: inline-block; font-size: 16px; padding: 0 50px; border-radius: 5px; }

#lista-clientes{ padding: 0 10px; }
#lista-clientes a img{ height: 80px; margin-right: 20px; }
#lista-clientes img{ height: 80px; margin-right: 20px; }

.link-rede-social{ color:#012934; background:#fff;  padding:10px; padding-left: 48px; background-repeat: no-repeat; background-position: center left 12px; background-image: url(../img/facebook.png); margin-top:10px; display:block; border-radius:3px; }

@media (max-width: 990px){

	.base-titulo{ margin: 30px 0px; }

	#topo #dados-contato-topo{ height: unset; line-height: 20px; padding: 5px 0; text-align: center;}
	#topo #logo-menu{width: calc(100% - 60px); margin-left: 10px;}
	#topo #logo-menu h1{ width: 100%; }
	#topo #logo-menu ul{ display: none; }

	#topo #banner-texto{ text-align: center; padding-top: 20px; background-image: none; }
	.botao-whatsapp{margin-top: 20px; padding-bottom: 20px;}


	#lista-produtos .produto{ margin-left: 10px; width: calc(100% - 40px); }
	#lista-produtos .produto:nth-child(4n+1){ margin-left: 10px; }
	#lista-produtos .produto .produto-interna .conteudo-hover{ display: block; width: calc(100% - 20px); height: unset; position: absolute; bottom: 0px; }
	#lista-produtos .produto .produto-interna .conteudo-hover .texto-hover{ bottom: 20px; width: calc(100%); position: unset; }

	#lista-produtos .produto .produto-interna .referencia-externa{ display: none; }

	#controle-qualidade{padding: 20px 0 10px 0;}

	#controle-qualidade #titulo-controle-qualidade{ width: calc(100%); text-align: center; }
	#controle-qualidade #btn-orcamento{ width: calc(100%); text-align: center; padding: 0px; }
	#controle-qualidade #btn-orcamento a{ margin-top: 30px; float: none; width: calc(100% - 60px); padding: 0; }

	#tipo-uniformes .item-uniformes{ width: calc( (100% - 50px) / 2 ); margin-left: 10px; padding-left: 10px; margin-top: 10px; }
	#tipo-uniformes .item-uniformes:nth-child(4n+1){ margin-left: 10px; }

	#sobre #texto-destaque-sobre{ margin-top: 40px; margin-bottom: 40px; font-size: 20px; line-height: 36px; }

	#sobre #itens-sobre{ display: none; }


	#rodape{padding: 50px 0 10px 0;}
	#rodape .coluna-rodape{ width: calc(100% - 20px); margin-left: 10px; margin-bottom: 20px; text-align: center; }
	#rodape .coluna-rodape:nth-child(3n+1){ margin-left: 10px; }
	#rodape .coluna-rodape .logo-rodape{ background-position: center; }
	#rodape .coluna-rodape .botao-whatsapp{ display: none; }
	#rodape .coluna-rodape #google-meu-negocio p{ width: calc(100% - 40px); margin-left: 20px; padding: 10px 0; }
	#rodape .coluna-rodape #google-meu-negocio img{ width: calc( 100% - 40px);}

	#produto-aberto{ margin-top: 10px; }
	#produto-aberto #foto-produto{ width: calc( (100% - 20px) ); margin-left: 10px; }
	#produto-aberto #descritivo-produto{ width: calc( (100% - 20px) ); margin-left: 10px; margin-top: 20px; }
	#produto-aberto #descritivo-produto #nome-produto{ margin-top: 0px; }
	#produto-aberto #descritivo-produto #controle-gastos{ padding: 10px 0; }
	#produto-aberto #descritivo-produto #btn-solicitar-orcamento{ width: calc(100%); padding: 0px; }

	#lista-clientes{overflow-x: hidden;}

}