@font-face {
		font-family:'CicleSemi';
		src: url('../fontes/CicleSemi/CicleSemi.eot');
		src: url('../fontes/CicleSemi/CicleSemi.eot') format('embedded-opentype'),
			 url('../fontes/CicleSemi/CicleSemi.woff2') format('woff2'),
			 url('../fontes/CicleSemi/CicleSemi.woff') format('woff'),
			 url('../fontes/CicleSemi/CicleSemi.ttf') format('truetype'),
			 url('../fontes/CicleSemi/CicleSemi.svg#CicleSemi') format('svg');
	}
	
		
	*{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		padding:0;
		margin:0;
		border:0;
	}
	
	html, body{
		width:100%;
		height:100%;
		margin:0 auto;
		text-align:center;
	}
	body{
		background:#FFF;
	}
	img{		
		width:100%;
		height:auto;
		border:0;
		margin-bottom:-3px;
	}
	a{
		text-decoration:none;
		transition:0.5s;
	}
	div{
		display:inline-block;
		vertical-align:top;
		width:100%;
	}
	.limpar_css{
		clear:both;
	}


/* --------------------- Menu --------------------- */		
			.atalho_menu {
				width:90%;
				padding:15px 5% 15px 5%;
				cursor:pointer;
				color:#FFF;
				background:url(../../imagens/icone_menu.png) 95% center no-repeat;
				font-size:16px;
				text-align:left;
				font-weight:bold;
				border-bottom:1px solid #FDB813;
				border-top:1px solid #FDB813;
				font-family:'CicleSemi';
			}
					
			.menu {display: inline-block; width:100%; vertical-align:middle; height:auto; position: relative;}
			.menu ul  {clear: both; list-style: none; margin: 0; padding: 0; z-index: 1000;}
			.menu ul > li {display:inline-block; margin:0 0.5% 0 0.5%;}
			.menu ul > li:first-child {}
			.menu ul > li a {}
			.menu ul > li a:hover {}
			.menu ul > li ul {display: none; position: absolute; visibility: hidden; vertical-align: middle; opacity: 0; width: 20%; filter: alpha(opacity=0); background:url(../../imagens/bk_submenu.png) left 20px repeat-x; padding:25px 2% 15px 2%; text-align:left;}
			.menu ul > li:hover ul { display: block; visibility: visible; opacity: 1.0; filter: alpha(opacity=100);}
			.menu ul > li li {width:100%; margin:10px 0 10px 0;}
			.menu ul > li li a {}
			.menu ul > li li a:hover {}
			.menu ul > li li ul {}
			
			
		@media (min-width: 1001px) {
			.menu .atalho_menu { display:none; }
		}
		@media (min-width: 1400px) {
			.menu ul > li {display:inline-block; margin:0 1.5% 0 1.5%;}
		}
		@media (min-width: 2000px) {
			.menu ul > li {display:inline-block; margin:0 2% 0 2%;}
		}
		@media (max-width: 1000px) {
			.menu { height:inherit !important; width:100%;}
			.menu ul { min-width:100%; }
			.menu .js { display: none; width:100%;}
			.menu .js li { border: 0 none !important; width:100%; padding:0; margin:0;}
			.menu .js > li a {}
			.menu .js li ul { display:none; opacity: 1; position: inherit; visibility: visible; background:none; padding:0; margin:0; width:100%; text-align:center}
			.menu ul > li:hover ul { display: none; visibility: visible; opacity: 1.0; filter: alpha(opacity=100);}
			.menu .js li ul li a {}
			.menu ul > li ul {max-width: 100%;}
		}

/* ----- TOPO ----- */
	header{
		position:fixed;
		width:100%;
		background:#003306;
		z-index:999;
	}
		header #logo-topo{
			display:inline-block;
			vertical-align:middle;
			width:10%;
			max-width:160px;
			margin:0 0 0 7%;		
		}
			header #logo-topo #box-logo{
				width:91%;
				min-height:102px;
				padding:20px 2% 20px 7%;
				background:url(../../imagens/bk-logo-alalub.png);
				background-size:100% 100%;
			}
				header #logo-topo #box-logo img{
					max-width:122px;
				}
		header menu{
			display:inline-block;
			vertical-align:middle;
			width:75%;
			padding:10px 0 10px 0;
			margin:0 7% 0 0;
			text-align:center;
			background:#003306;
		}
			header menu #menu{
				display:inline-block;
				vertical-align:middle;
			}	
			header menu #icone-logo{
				display:none;
				vertical-align:middle;
				width:5%;
				padding:5px 1% 5px 1%;
				text-align:center;
				background:#FFF;
				border-radius:10px;
			}
			
			header menu .link-menu, header menu .link-menu-up{
				padding:5px 0 5px 0;
				font-family:'CicleSemi';
				font-size:13px;
				color:#FFF;
				opacity:1.0;
			}
				header menu .link-menu:hover{
					color:#FDB813;
				}
			header menu .link-menu-up{				
				padding:5px 10px 5px 10px;
				font-family:'CicleSemi';
				font-size:12px;
				color:#203F59;
				background:#FDB813;
				border-radius:5px;
			}


/* ----- BANNER ----- */
	#home{
		width:100%;
		padding:142px 0 0 0;
	}


/* ----- QUEM SOMOS ----- */
	#empresa{
		width:100%;
		padding:75px 0 15px 0;
	}
		#empresa #box-galeria{
			width:50%;
			padding:0 4% 0 0;
			margin:0 0 0 -1%;
		}
			#empresa #box-galeria .galeria{
			}
				#empresa #box-galeria .galeria .legenda{
					width:96%;
					margin:-1px 0 0 0;
					padding:7px 2% 7px 2%;
					font-size:12px;
					color:#FFF;
					border-bottom:2px solid #FDB813;
					background:#003306;
				}
		
		#empresa #box-empresa{
			width:36%;
			padding:0 10% 0 0;
			text-align:left;
		}
			#empresa #box-empresa .risco{
				width:25%;
				max-width:210px;
				height:2px;
				background:#FDB813;
			}
			#empresa #box-empresa .titulo{
				padding:0 0 20px 0; 
				font-family:'CicleSemi';
				font-size:33px;
			}
			#empresa #box-empresa .texto{
				font-size:13px;
				line-height:20px;
				font-weight:bold;
			}
				#empresa #box-empresa .texto .subtexto{
					padding:15px 0 0 0;
					font-size:13px;
					line-height:20px;
					font-weight:bold
				}
					#empresa #box-empresa .texto .subtexto strong{
						font-size:15px;
						font-weight:bold
					}
					
/* ----- SERVIÇOS ----- */
	#servico{
		width:100%;
		padding:75px 0 15px 0;
	}
		#servico #box-menu-servico{
			width:40%;
			padding:15px 0 15px 10%;
			margin:0 4% 0 -1%;
			background:#FCFCFA;
			border-top:2px solid #FDB813;
			text-align:left;
		}
			#servico #box-menu-servico .box-link-menu{
				padding:20px 0 20px 5%;
			}
				#servico #box-menu-servico .risco-menu{
					display:none;
					vertical-align:middle;
					margin:0 2% 0 0;
					width:15%;
					max-width:50px;
					height:2px;
					background:#FDB813;
				}
				#servico #box-menu-servico a .link-menu .texto{
					transition:0.5s;		
				}
					#servico #box-menu-servico a:hover .link-menu .texto{
						color:#FDB813;
					}
				#servico #box-menu-servico .link-menu{
					vertical-align:middle;
					width:83%;					
				}
					#servico #box-menu-servico .link-menu img{
						vertical-align:middle;
						width:25%;
						max-width:60px;
					}
					#servico #box-menu-servico .link-menu .texto{
						vertical-align:middle;
						width:55%;
						padding:0 0 0 2%;
						font-family:'CicleSemi';
						font-size:22px;
						color:#7E7E7D;
						line-height:22px;
					}			
		
		#servico #box-servico{
			width:36%;
			padding:0 10% 0 0;
			text-align:left;
		}
			#servico #box-servico .risco{
				width:38%;
				max-width:320px;
				margin:0 0 0 -12%;
				height:2px;
				background:#FDB813;
			}
			#servico #box-servico .servico{
				display:none;
			}
			#servico #box-servico .titulo{
				padding:10px 0 40px 0; 
				font-family:'CicleSemi';
				font-size:33px;
			}
			#servico #box-servico .titulo-servico{
				padding:0 0 0 0; 
				font-family:'CicleSemi';
				font-size:28px;
			}
				#servico #box-servico .titulo-servico img{
					display:inline-block;
					vertical-align:middle;
					max-width:40px;
					padding:0 5px 8px 0;
				}
			#servico #box-servico .texto{
				padding:15px 0 65px 0;
				font-size:13px;
				line-height:20px;
				font-weight:bold;
			}			
			#servico #box-servico a{
				display:inline-block;
				padding:5px 5% 5px 5%;
				font-family:'CicleSemi';
				font-size:23px;
				color:#FFF;
				background:#003306;
				border-radius:10px;
				transition:0.5s;
			}
				#servico #box-servico a:hover{
					background:#FDB813;
				}


/* ----- RESPONSABILIDADE AMBIENTAL ----- */
	#responsabilidade-ambiental{
		width:80%;
		padding:75px 10% 30px 10%;
	}
		#responsabilidade-ambiental #imagem-icone{
			width:50%;
		}
			#responsabilidade-ambiental #imagem-icone img{
				max-width:405px;
			}
		#responsabilidade-ambiental #box-responsabilidade{
			width:45%;
			padding:0 0 0 4%;
			text-align:left;
		}
			#responsabilidade-ambiental #box-responsabilidade .risco{
				width:25%;
				max-width:210px;
				height:2px;
				background:#FDB813;
			}
			#responsabilidade-ambiental #box-responsabilidade .titulo{
				padding:0 0 20px 0; 
				font-family:'CicleSemi';
				font-size:33px;
			}
			#responsabilidade-ambiental #box-responsabilidade .texto{
				font-size:13px;
				line-height:20px;
				font-weight:bold;
			}


/* ----- MARCAS ----- */
	#marcas{
		width:100%;
		padding:75px 0 75px 0;
	}
		#marcas #box-marcas{
			width:80%;
			padding:0 10% 60px 10%;
		}
			#marcas #box-marcas .titulo{
				padding:0 0 15px 0; 
				font-family:'CicleSemi';
				font-size:33px;
			}
			#marcas #box-marcas .marca{
				width:9.5%;
				padding:5px 0.5% 5px 0.5%; 
			}
				#marcas #box-marcas .marca img{
					max-width:104px;
				}
		
		#marcas #box-imagem-marcas{
			width:100%;
			height:277px;
			background:url(../../imagens/marcas/bk-rodape.png) center top repeat-x;
		}
		
/* ----- FALE CONOSCO ----- */
	#fale-conosco{
		width:80%;
		padding:75px 10% 75px 10%;
		background:#003306;
	}
		#fale-conosco .titulo{
			padding:0 0 15px 0; 
			font-family:'CicleSemi';
			font-size:33px;
			color:#FFF;
		}
		#fale-conosco .risco{
			width:20%;
			max-width:150px;
			height:2px;
			margin:0 0 75px 0;
			background:#FDB813;
		}
		#fale-conosco .box-campo{
			width:45%;
			padding:0 0 40px 0;
			text-align:left;
		}
		#fale-conosco .box-campo-direita{
			padding:0 9% 0 0;
		}
		#fale-conosco .box-campo-total{
			width:99%;
		}
			#fale-conosco .box-campo .titulo-campo{
				font-family:'CicleSemi';
				font-size:15px;
				color:#809983;
			}
			#fale-conosco .box-campo .campo{
				width:100%;
				padding:7px 0 7px 0;
				background:none;
				font-family:'CicleSemi';
				font-size:18px;
				color:#FFF;
				border:none;
				border-bottom:1px solid #FFF;
				outline:none;
				resize:none;
			}
			
		#fale-conosco .enviar_contato{
			padding:15px 5% 15px 5%;
			background:none;
			font-family:'CicleSemi';
			font-size:22px;
			color:#FFF;
			border:1px solid #FFF;
			outline:none;
			resize:none;
			cursor:pointer;
			transition:0.5s;
		}
			#fale-conosco .enviar_contato:hover{
				color:#FDB813;
				border-color:#FDB813;
			}
		
		

/* ----- CONTATO ----- */
	#contato{
		width:80%;
		padding:75px 10% 75px 10%;
	}
		#contato #maps{
			width:55%;
		}
			#contato #maps iframe{
				width:100%;
				height:405px;
			}
		
		#contato #contatos{
			width:40%;
			padding:0 0 0 4%;
			font-size:16px;
			line-height:20px;
			text-align:left;
		}
			#contato #contatos strong{
				font-size:20px;
				line-height:20px;
				font-weight:bold;
			}
			#contato #contatos span{
				font-size:15px;
				line-height:15px;
				font-weight:bold;
			}
			#contato #contatos .box-contato{
				padding:7px 0 7px 0;
				font-size:15px;
				font-weight:bold;
			}
				#contato #contatos .box-contato a{
					font-size:15px;
					font-weight:bold;
					transition:0.5s;
				}
					#contato #contatos .box-contato a:hover{
						opacity:0.7;
					}
				
			#contato #contatos .box-contato img{
				vertical-align:middle;
				width:20px;
				height:20px;
				margin:0 5px 0 0;
			}
			

/* ----- RODAPÉ ----- */		
	footer{
		width:96%;
		padding:45px 2% 15px 2%;
		background:#FDB813;
	}
		footer #rodape{
		}
			footer #rodape #endereco{
				width:100%;
				font-size:12px;
				color:#FFF;		
			}
			footer #rodape #desenvolvedor{
				padding:20px 0 0 0;
				font-size:10px;
				color:#FFF;	
				text-align:right;		
			}
				footer #rodape #desenvolvedor a{
					font-size:10px;
					color:#FFF
				}
					footer #rodape #desenvolvedor a:hover{
						color:#E10C0C;	
					}



@media (max-width: 1000px)
{
/* ----- TOPO ----- */
	header{
	}
		header #logo-topo{
			width:80%;
			max-width:inherit;
			padding:5px 10% 5px 10%;
			background:#FFF;
			margin:0 0 0 0;		
		}
			header #logo-topo #box-logo{
				width:100%;
				min-height:inherit;
				padding:0 0 0 0;
				background:none
			}
				header #logo-topo #box-logo img{
					max-width:95px;
				}
		header menu{
			width:100%;
			padding:0 0 0 0;
			margin:0 0 0 0;
		}	
			header menu #icone-logo{
				display:none;
				vertical-align:middle;
				width:5%;
				padding:5px;
				text-align:center;
				background:#FFF;
				border-radius:10px;
			}
			
			header menu .link-menu, header menu .link-menu-up{
				display:inline-block;
				width:90%;
				padding:10px 5% 10px 5%;
				border-bottom:1px solid #FDB813;				
			}
				header menu .link-menu:hover{
					color:#FDB813;
				}
			header menu .link-menu-up{				
				padding:10px 5% 10px 5%;
				border-radius:0;
			}


/* ----- QUEM SOMOS ----- */
	#empresa{
		width:100%;
		padding:50px 0 30px 0;
	}
		#empresa #box-galeria{
			width:90%;
			padding:0 5% 0 5%;
			margin:0 0 0 0;
		}
			#empresa #box-galeria .galeria{
			}
				#empresa #box-galeria .galeria .legenda{
				}
		
		#empresa #box-empresa{
			width:90%;
			padding:30px 5% 0 5%;
			text-align:center;
		}
			#empresa #box-empresa .risco{
				width:100%;
				max-width:inherit;
			}
			#empresa #box-empresa .titulo{
				padding:0 0 20px 0; 
				font-family:'CicleSemi';
				font-size:33px;
			}
			#empresa #box-empresa .texto{
				font-size:14px;
				line-height:20px;
			}
				#empresa #box-empresa .texto .subtexto{
					padding:15px 0 0 0;
					font-size:14px;
					line-height:20px;
				}
					#empresa #box-empresa .texto .subtexto strong{
						font-size:14px;
						font-weight:bold
					}


/* ----- SERVIÇOS ----- */
	#servico{
		padding:50px 0 30px 0;
	}
		#servico #box-menu-servico{
			width:90%;
			padding:15px 5% 15px 5%;
			margin:0 0 0 0;
			text-align:center;
		}
			#servico #box-menu-servico .box-link-menu{
				padding:10px 0 10px 0;
			}
				#servico #box-menu-servico .risco-menu{
					display:none;
				}
				#servico #box-menu-servico a .link-menu .texto{
				}
					#servico #box-menu-servico a:hover .link-menu .texto{
					}
				#servico #box-menu-servico .link-menu{
					width:100%;					
				}
					#servico #box-menu-servico .link-menu img{
						width:25%;
						max-width:35px;
					}
					#servico #box-menu-servico .link-menu .texto{
						width:100%;
						padding:5px 0 0 0;
					}			
		
		#servico #box-servico{
			width:90%;
			padding:0 5% 0 5%;
			text-align:center;
		}
			#servico #box-servico .risco{
				display:none;
			}
			#servico #box-servico .titulo{
				padding:20px 0 20px 0; 
				font-family:'CicleSemi';
				font-size:25px;
			}
			#servico #box-servico .titulo-servico{
				padding:0 0 10px 0;
				font-size:22px;
			}
				#servico #box-servico .titulo-servico img{
					max-width:40px;
					padding:0 0 0 0;
				}
			#servico #box-servico .texto{
				padding:5px 0 30px 0;
			}			
			#servico #box-servico a{
				font-size:20px;
			}
				#servico #box-servico a:hover{
				}
	
	
/* ----- RESPONSABILIDADE AMBIENTAL ----- */
	#responsabilidade-ambiental{
		width:90%;
		padding:50px 5% 30px 5%;
	}
		#responsabilidade-ambiental #imagem-icone{
			display:none
		}
			#responsabilidade-ambiental #imagem-icone img{
			}
		#responsabilidade-ambiental #box-responsabilidade{
			width:100%;
			padding:0 0 0 0;
			text-align:center;
		}
			#responsabilidade-ambiental #box-responsabilidade .risco{
				width:100%;
				max-width:inherit;
			}
			#responsabilidade-ambiental #box-responsabilidade .titulo{
				font-size:25px;
			}
			#responsabilidade-ambiental #box-responsabilidade .texto{
			}

/* ----- MARCAS ----- */
	#marcas{
		padding:50px 0 30px 0;
	}
		#marcas #box-marcas{
			width:90%;
			padding:0 5% 0 5%;
		}
			#marcas #box-marcas .titulo{
				font-size:25px;
			}
			#marcas #box-marcas .marca{
				width:23%;
				padding:5px 0.5% 5px 0.5%; 
			}
				#marcas #box-marcas .marca img{
					max-width:104px;
				}
		
		#marcas #box-imagem-marcas{
			display:none;
		}

/* ----- FALE CONOSCO ----- */
	#fale-conosco{
		width:90%;
		padding:50px 5% 50px 5%;
	}
		#fale-conosco .titulo{
			font-size:25px;
		}
		#fale-conosco .risco{
			width:100%;
			max-width:inherit;
			margin:0 0 30px 0;
		}
		#fale-conosco .box-campo{
			width:100%;
			padding:0 0 30px 0;
		}
		#fale-conosco .box-campo-direita{
			padding:0 0 30px 0;
		}
		#fale-conosco .box-campo-total{
			width:100%;
		}
			#fale-conosco .box-campo .titulo-campo{
				font-family:'CicleSemi';
				font-size:13px;
				color:#809983;
			}
			#fale-conosco .box-campo .campo{
				padding:5px 0 5px 0;
				font-size:15px;
			}
			
		#fale-conosco .enviar_contato{
			padding:10px 5% 10px 5%;
			font-size:18px;
		}
			#fale-conosco .enviar_contato:hover{
			}


/* ----- CONTATO ----- */
	#contato{
		width:90%;
		padding:50px 5% 30px 5%;
	}
		#contato #maps{
			width:100%;
		}
			#contato #maps iframe{
				height:300px;
			}
		
		#contato #contatos{
			width:100%;
			padding:30px 0 0 0;
			text-align:center;
		}
			#contato #contatos strong{
			}
			#contato #contatos span{
			}
			#contato #contatos .box-contato{
			}
				#contato #contatos .box-contato a{
				}
					#contato #contatos .box-contato a:hover{
					}
				
			#contato #contatos .box-contato img{
			}

/* ----- RODAPÉ ----- */					
	footer{
		width:90%;
		padding:25px 5% 25px 5%;
	}
		footer #rodape{
		}
			footer #rodape #endereco{	
			}
			footer #rodape #desenvolvedor{
				padding:20px 0 0 0;
				text-align:center;		
			}
				footer #rodape #desenvolvedor a{
				}
					footer #rodape #desenvolvedor a:hover{
					}
}