#site{
		width:100%;
		background:url(../../imagens/bk_index.jpg) center top repeat-x #8BC33E;	
	}
	
	#topo{
		background:url(../../imagens/bk_topo_index.jpg) center top no-repeat;
	}
	
	#conteudo{
		min-height:inherit;
		background:none;
	}
	
	#rodape{
		padding:110px 0 20px 0;
	}
	
		#index{
			display:inline-block;
			width:100%;
			padding:0 0 50px 0;
			background:url(../../imagens/bk_grama_index.jpg) center bottom no-repeat;	
		}
		
			#index #box_empresa{
				display:inline-block;
				float:left;
				width:27%;
				padding:35px 0 0 2%;
				color:#FFF;
				font-size:12px;
				text-align:left;
			}
				#index #box_empresa .titulo_empresa{
					color:#023207;
					font-size:33px;
					font-family:'Aller';
					padding:0 0 10px 0;
				}
				
				#index #box_empresa a{
					position:absolute;
					display:inline-block;
					float:right;
					margin:10px 0 0 0;
					padding:7px 10px 7px 10px;
					color:#FFF;
					font-size:13px;
					font-family:'Aller';
					text-decoration:none;
					background:#023207;
					border-radius:20px;
					transition:0.5s;
					z-index:9999;
				}
				#index #box_empresa a:hover{
					background:#9B6C5B;
				}
			
			
			#index #box_receita{
				display:inline-block;
				float:right;
				width:30%;
				padding:15% 0 5% 4%;
				margin:-60px 0 0 0;
				text-align:left;
				background:url(../../imagens/index/bk_receita.png) right top no-repeat;
				background-size:100%;
			}
				#index #box_receita a{
					position:absolute;
					display:inline-block;
					padding:20px 30px 20px 30px;
					margin:10px 0 0 0;
					color:#FFF;
					font-size:18px;
					font-family:'Aller';
					text-decoration:none;
					background:#023207;
					border-radius:30px;
					transition:0.5s;
					z-index:9999;
				}
				#index #box_receita a:hover{
					background:#9B6C5B;
				}
		
			
		
	
	#area_carrossel{
		display:inline-block;
		width:100%;
		padding:0;
		margin:-283px 0 -103px 0;
	}
		#area_carrossel ul{
			padding:0;
			margin:0;
		}
			#area_carrossel ul li{
			}
			
				.box_banner{
					display:inline-block;
					vertical-align:top;
					width:100%;
					text-align:center;
					margin:280px 0 100px 0;
				}
					.box_banner .conteudo{
						height:280px;
					}
					
					.box_banner .texto_produto{
						display:inline-block;
						vertical-align:top;
						width:22%;
						padding:40px 0 0 2%;
						text-align:left;
						font-size:12px;
						color:#FFF;
					}
						.box_banner .texto_produto .titulo_produto{
							color:#FFF;
							font-size:20px;
							font-family:'Aller';
							padding:0 0 20px 0;
						}
							.box_banner .texto_produto .titulo_produto span{
								color:#FFF;
								font-size:45px;
								line-height:30px
							}						
						.box_banner .texto_produto .peso{
							color:#FFF;
							font-size:18px;
							font-family:'Aller';
							padding:10px 0 0 0;
						}
						.box_banner .texto_produto a{
							display:inline-block;
							float:right;
							padding:10px 15px 10px 15px;
							margin-bottom:15px;
							color:#FFF;
							text-decoration:none;
							background:url(../../imagens/produtos/bk_bt_informacao.png) repeat;
							border-radius:30px;
							transition:0.5s;
						}
							.box_banner .texto_produto a:hover{
								opacity:0.7;
							}	
						
					
					.box_banner .embalagem{
						display:inline-block;
						vertical-align:top;
						width:25%;
						padding:0 20% 0 8%;
						text-align:left;
					}
						.box_banner .embalagem img{
							display:inline-block;
							width:136%;
							height:auto;
							margin:-87% 0 -15% 0;
						}
					
					.box_banner .imagem{
						display:inline-block;
						vertical-align:top;
						width:15%;
						padding:40px 7% 0 0;
						text-align:left;
					}
						.box_banner .imagem img{
							width:100%;
							height:auto;
						}
					
					
					
@media  (min-width : 851px) and (max-width: 1250px)
{
	
	#index{
	}
	
		#index #box_empresa{
			display:inline-block;
			float:left;
			width:27%;
			padding:35px 0 0 2%;
			color:#FFF;
			font-size:12px;
			text-align:left;
		}
			#index #box_empresa .titulo_empresa{
				color:#023207;
				font-size:33px;
				font-family:'Aller';
				padding:0 0 10px 0;
			}
			
			#index #box_empresa a{
				position:absolute;
				display:inline-block;
				float:right;
				margin:10px 0 0 0;
				padding:7px 10px 7px 10px;
				color:#FFF;
				font-size:13px;
				font-family:'Aller';
				text-decoration:none;
				background:#023207;
				border-radius:20px;
				transition:0.5s;
				z-index:9999;
			}
			#index #box_empresa a:hover{
				background:#9B6C5B;
			}
		
		
		#index #box_receita{
			display:inline-block;
			float:right;
			width:30%;
			padding:15% 0 5% 4%;
			margin:-60px 0 0 0;
			text-align:left;
			background:url(../../imagens/index/bk_receita.png) right top no-repeat;
			background-size:100%;
		}
			#index #box_receita a{
				position:absolute;
				display:inline-block;
				padding:20px 30px 20px 30px;
				margin:10px 0 0 0;
				color:#FFF;
				font-size:18px;
				font-family:'Aller';
				text-decoration:none;
				background:#023207;
				border-radius:30px;
				transition:0.5s;
				z-index:9999;
			}
			#index #box_receita a:hover{
				background:#9B6C5B;
			}
	
			
		
	
	#area_carrossel{
		display:inline-block;
		width:100%;
		padding:0;
		margin:-283px 0 -103px 0;
	}
		#area_carrossel ul{
			padding:0;
			margin:0;
		}
			#area_carrossel ul li{
			}
			
				.box_banner{
					display:inline-block;
					vertical-align:top;
					width:100%;
					text-align:center;
					margin:280px 0 100px 0;
				}
					.box_banner .conteudo{
						height:280px;
					}
					
					.box_banner .texto_produto{
						display:inline-block;
						vertical-align:top;
						width:22%;
						padding:40px 0 0 2%;
						text-align:left;
						font-size:12px;
						color:#FFF;
					}
						.box_banner .texto_produto .titulo_produto{
							color:#FFF;
							font-size:20px;
							font-family:'Aller';
							padding:0 0 20px 0;
						}
							.box_banner .texto_produto .titulo_produto span{
								color:#FFF;
								font-size:45px;
								line-height:30px
							}						
						.box_banner .texto_produto .peso{
							color:#FFF;
							font-size:18px;
							font-family:'Aller';
							padding:10px 0 0 0;
						}
						.box_banner .texto_produto a{
							display:inline-block;
							float:right;
							padding:10px 15px 10px 15px;
							margin-bottom:15px;
							color:#FFF;
							text-decoration:none;
							background:url(../../imagens/produtos/bk_bt_informacao.png) repeat;
							border-radius:30px;
							transition:0.5s;
						}
							.box_banner .texto_produto a:hover{
								opacity:0.7;
							}	
						
					
					.box_banner .embalagem{
					}
						.box_banner .embalagem img{
							margin:-80% 0 -15% 0;
						}
					
					.box_banner .imagem{
						padding:40px 5% 0 0;
					}
						.box_banner .imagem img{
						}	
		
}

/* --------------------- RESPANSIVO CELULAR --------------------- */

@media (max-width: 850px)
{		
	#index{
		padding:0 0 50px 0;
		background-size:contain;	
	}
	
		#index #box_empresa{
			float:none;
			width:90%;
			padding:35px 0 0 0;
			font-size:13px;
			text-align:center;
		}
			#index #box_empresa .titulo_empresa{
			}
			
			#index #box_empresa a{
				position:inherit;
				display:inline-block;
				float:none;
				padding:15px 20px 15px 20px;
			}
			#index #box_empresa a:hover{
			}
		
		
		#index #box_receita{
			display:inline-block;
			float:none;
			width:90%;
			max-width:650px;
			padding:50% 0 0 0;
			margin:40px 0 0 0;
			text-align:center;
			background:url(../../imagens/index/bk_receita.png) right top no-repeat;
			background-size:100%;
		}
			#index #box_receita a{
				position:inherit;
				padding:20px 30px 20px 30px;
				margin:10px 0 0 0;
				font-size:15px;
			}
			#index #box_receita a:hover{
			}
		
	
	#area_carrossel{
		display:inline-block;
		width:100%;
		padding:0;
		margin:-3px 0 -3px 0;
	}
		#area_carrossel ul{
			padding:0;
			margin:0;
		}
			#area_carrossel ul li{
			}
			
				.box_banner{
					margin:0 0 0 0;
				}
					
					.box_banner .conteudo{
						height:auto;
					}
					
					.box_banner .texto_produto{
						width:85%;
						padding:40px 0 0 0;
						text-align:center;
					}
						.box_banner .texto_produto .titulo_produto{
						}
							.box_banner .texto_produto .titulo_produto span{
							}						
						.box_banner .texto_produto .peso{
							padding:10px 0 10px 0;
						}
						.box_banner .texto_produto a{
							float:none;
						}
							.box_banner .texto_produto a:hover{
							}	
						
					
					.box_banner .embalagem{
						width:90%;
						padding:0 0 0 0;
						text-align:center;
					}
						.box_banner .embalagem img{
							display:inline-block;
							width:70%;
							height:auto;
							margin:0 0 0 0;
						}
					
					.box_banner .imagem{
						width:35%;
						padding:40px 0 30px 0;
						text-align:center;
					}
						.box_banner .imagem img{
						}
}