@font-face {
		font-family: 'Aller';
		src: url('../fontes/Aller/Aller.eot');
		src: url('../fontes/Aller/Aller.eot?#iefix') format('embedded-opentype'),
			 url('../fontes/Aller/Aller.woff') format('woff'),
			 url('../fontes/Aller/Aller.ttf') format('truetype'),
			 url('../fontes/Aller/Aller.svg#Aller') format('svg');
	}
	

	*{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#FFF;
		padding:0;
	}
	
	html, body {
		width:100%;
		height:100%;
	  	background:#FFF;
		margin:0 auto;
		font-size:12px;
	}
	img{
		border:0;
	}	

	.limpar_css{
		clear:both;
	}

	.sem_sublinhado{
		text-decoration:none;
	}
	
	#site{
		width:100%;
		background:url(../../imagens/bk_interna.jpg) center top repeat-x #8BC33E;	
	}
	
	.conteudo{
		width:100%;
		max-width:1400px;
		margin:auto;
	}
	
			
			
/* --------------------- Menu --------------------- */
		
		.atalho_menu {
			width:90%;
			padding:15px 5% 15px 5%;
			cursor:pointer;
			color:#FFF;
			font-weight:bold;
			background:url(../../imagens/icone_menu.png) 95% center no-repeat #023207;
			font-size:15px;
			text-align:left;
		}
				
		.menu {display: block; height:auto; position: relative; padding-bottom:5px;}
		.menu ul  {clear: both; list-style: none; margin: 0; padding: 0; z-index: 1000;}
		.menu ul > li {display:inline-block;}
		.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; padding: 0; opacity: 0; max-width: 25%; filter: alpha(opacity=0); background:#023207; border-radius:10px; text-align:center;}
		.menu ul > li:hover ul { display: block; visibility: visible; opacity: 1.0; filter: alpha(opacity=100);}
		.menu ul > li li { float: none; left: -1px; margin: 0; position: relative; white-space: nowrap; width: auto; min-width: 100% !important }
		.menu ul > li li a {}
		.menu ul > li li a:hover {}
		.menu ul > li li ul { width:100%}
		
		
		@media (min-width: 651px) {
			.menu .atalho_menu { display: none }
			#menu_link_pacote{display:inline-block;}
		}
		@media (max-width: 650px) {		
			.menu { height: auto !important; 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:inline-block; opacity: 1; position: inherit; visibility: visible; background:none; padding:0; margin:0; width:100%;}
			.menu .js li ul li a {}		
			#menu_link_pacote{display:none;}
			.menu ul > li ul {max-width: 100%;}
		}
		
/* --------------------- FIM Menu --------------------- */	

	
	
/* ---------------------- TOPO ---------------------- */
	
	#topo{
		width:100%;
		min-height:120px;
		background:url(../../imagens/bk_topo.jpg) center top no-repeat;
	}
		#topo #logo{
			display:inline-block;
			vertical-align:top;
			width:19%;
			padding:30px 0 0 1%;			
		}
			#topo #logo img{
				width:100%;
				max-width:170px;
				height:auto;
			}
		
		#topo #menu{
			display:inline-block;
			vertical-align:top;
			width:64%;
			padding:30px 0 0 0;
			text-align:center;		
		}
			#topo #menu .link_menu, #topo #menu .link_menu_up{
				display:inline-block;
				padding:20px 15px 20px 15px;
				text-decoration:none;
				color:#457387;
				font-size:15px;
				font-family:'Aller';
				transition:0.5s;
				background:none center 38px;
			}
				#topo #menu .link_menu:hover{
					color:#02330D;
					
				}
			#topo #menu .link_menu_up{
				color:#02330D;
				font-weight:bold;
				background:url(../../imagens/bk_link_menu.png) center 38px repeat-x;
				padding:20px 5px 20px 5px;
				margin:0 10px 0 10px;
			}
			
			#topo #menu .divisao_menu{
				vertical-align:top;
				width:23px;
				height:55px;
				background:url(../../imagens/bk_divisao_menu.png) center top no-repeat;
				padding:0;
				margin:0;
			}
		
		#topo #frase{
			display:inline-block;
			vertical-align:top;
			width:15%;
			padding:20px 0 0 0;
			color:#FFEECD;
			font-size:16px;
			font-family:'Aller';	
			text-align:right;		
		}
	
		
/* -------------------- CONTEÚDO -------------------- */		
	
	#conteudo{
		width:100%;
		min-height:700px;
		background:url(../../imagens/bk_grama.png) center bottom repeat-x /*, url(../../imagens/bk_interna.png) center top no-repeat */;
		text-align:center;
	}
	
	
	
/* --------------------- RODAPÉ --------------------- */		
	#rodape{
		width:100%;
		min-height:115px;
		padding:40px 0 20px 0;
		background:url(../../imagens/bk_rodape.jpg) center top repeat-x #FFF;
		text-align:center;
	}
		#rodape .rodape_box{
			display:inline-block;
			vertical-align:top;
			width:33%;
		}
			#rodape .rodape_box .rodape_box_1{
				min-height:35px;
				padding:15px 0 0 70px;
				margin:15px 0 0 1%;
				color:#9A6C5A;
				font-size:18px;
				font-family:'Aller';
				background:url(../../imagens/icone_sac.png) left top no-repeat;
				text-align:left;
			}
				#rodape .rodape_box .rodape_box_1 span{
					color:#9A6C5A;
					font-size:20px;
					font-family:'Aller';
					font-weight:bold;
				}
				
			#rodape .rodape_box .rodape_box_2{
				min-height:52px;
				padding:30px 0 0 170px;
				color:#AC9F99;
				font-size:18px;
				font-family:'Aller';
				background:url(../../imagens/logo_fito_alimentos_rodape.png) 80px top no-repeat;
				text-align:left;
			}
			
			#rodape .rodape_box .rodape_box_3{
				display:inline-block;
				vertical-align:top;
				width:45%;
				padding:15px 0 0 0;
				text-align:left;
			}
				#rodape .rodape_box .rodape_box_3 .newsletter{
					padding:0 0 0 65px;
					color:#9B6C5B;
					font-size:20px;
					font-family:'Aller';
					background:url(../../imagens/icone_newsletter_rodape.png) left top no-repeat;					
				}
					#rodape .rodape_box .rodape_box_3 .newsletter a{
						display:inline-block;
						padding:7px 10px 7px 10px;
						margin:15px 0 0 0;
						color:#FFF;
						font-size:12px;
						text-decoration:none;
						background:#9B6C5B;
						border-radius:20px;
						transition:0.5s;
					}
					#rodape .rodape_box .rodape_box_3 .newsletter a:hover{
						background:#D3BDB5;
					}
					
				#rodape .rodape_box .rodape_box_3 .sociais{
					padding:0 0 0 0%;			
				}
					#rodape .rodape_box .rodape_box_3 .sociais a img{
						display:inline-block;
						vertical-align:top;
						margin:0 10px 5px 0;
						text-decoration:none;			
					}
					#rodape .rodape_box .rodape_box_3 .sociais .siganos{
						display:inline-block;
						vertical-align:top;
						padding:12px 0 0 0;
						color:#9B6C5B;
						font-size:14px;
						font-family:'Aller';			
					}
				
			#rodape .rodape_box .rodape_box_3_divisao{
				display:inline-block;
				vertical-align:top;
				width:8%;
				min-height:60px;
				background:url(../../imagens/bk_divisao_rodape.png) center top repeat-y;
			}			
		
		#rodape .rodape_copy{
			display:inline-block;
			width:96%;
			padding:15px 0 0 0;
			color:#CAC5C4;
			font-size:12px;
			text-align:right;
		}

/* --------------------- RESPANSIVO TABLET --------------------- */

@media  (min-width : 651px) and (max-width: 1250px)
{
	#topo{
		text-align:center;
	}
		#topo #logo{
			display:inline-block;
			vertical-align:middle;
			width:13%;
			padding:15px 0 0 1%;			
		}
		
		#topo #menu{
			display:inline-block;
			vertical-align:middle;
			width:85%;
			padding:15px 0 0 0;	
		}
			#topo #menu .link_menu, #topo #menu .link_menu_up{
				padding:20px 0 20px 0;
			}
				#topo #menu .link_menu:hover{
					color:#02330D;
					
				}
			#topo #menu .link_menu_up{
				color:#02330D;
				font-weight:bold;
				background:url(../../imagens/bk_link_menu.png) center 38px repeat-x;
				padding:20px 0 20px 0;
				margin:0;
			}
			
			#topo #menu .divisao_menu{
				width:3px;
				margin:0 1% 0 1%;
			}
			@media  (min-width : 800px) and (max-width: 1250px)
			{
				#topo #menu .divisao_menu{
					margin:0 2.5% 0 2.5%;
				}
			}
		#topo #frase{
			width:90%;
			padding:15px 0 15px 0;
			text-align:center		
		}
	
	
	#conteudo{
	}
	
	
	#rodape{
	}
		#rodape .rodape_box{
			width:45%;
		}
		
		#rodape .rodape_box_1250{
			display:inline-block;
			vertical-align:top;
			width:90%;
		}
		
			#rodape .rodape_box .rodape_box_1{
			}
				#rodape .rodape_box .rodape_box_1 span{
				}
				
			#rodape .rodape_box .rodape_box_2{
				padding:30px 0 0 100px;
				background:url(../../imagens/logo_fito_alimentos_rodape.png) 10px top no-repeat;
			}
			
			#rodape .rodape_box .rodape_box_3{
				width:49%;
				padding:30px 0 0 0;
				margin:30px 0 0 0;
				border-top:1px dotted #D9C7C0;
			}
				#rodape .rodape_box .rodape_box_3 .newsletter{
				}
					#rodape .rodape_box .rodape_box_3 .newsletter a{
					}
					#rodape .rodape_box .rodape_box_3 .newsletter a:hover{
					}
					
				#rodape .rodape_box .rodape_box_3 .sociais{
					padding:0;			
				}
					#rodape .rodape_box .rodape_box_3 .sociais a img{		
					}
					#rodape .rodape_box .rodape_box_3 .sociais .siganos{
						padding:15px 0 0 0;		
					}
				
			#rodape .rodape_box .rodape_box_3_divisao{
				display:none;
			}			
		
		#rodape .rodape_copy{
		}
}

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

@media (max-width: 650px) {		
		
	
	#topo{
		width:100%;
		min-height:inherit;
		background:none;
	}
		#topo #logo{
			width:100%;
			padding:15px 0 15px 0;
			text-align:center;					
		}
			#topo #logo img{
			}
		
		#topo #menu{
			width:100%;
			padding:0;
		}
			#topo #menu .link_menu, #topo #menu .link_menu_up{
				width:100%;
				padding:15px 0 15px 0;
				border-top:1px solid #A9D521;
				background:#02330D;
				color:#FFF;
			}
				#topo #menu .link_menu:hover{
					color:#A9D521;			
				}
				
			#topo #menu .link_menu_up{
				width:100%;
				background:#A9D521;
				padding:15px 0 15px 0;
				margin:0;
				border-top:1px solid #A9D521;
			}
			
			#topo #menu .divisao_menu{
				display:none;
			}
		
		#topo #frase{
			width:100%;
			padding:20px 0 20px 0;
			text-align:center;		
		}
	
	
	#conteudo{
		background:url(../../imagens/bk_grama.png) center bottom repeat-x;
		background-size:contain;
	}
	
	
	#rodape{
		padding:20px 0 20px 0;
	}
		#rodape .rodape_box{
			width:95%;
		}
			#rodape .rodape_box .rodape_box_1{
				padding:50px 0 0 0;
				background:url(../../imagens/icone_sac.png) center top no-repeat;
				text-align:center;
			}
				#rodape .rodape_box .rodape_box_1 span{
				}
				
			#rodape .rodape_box .rodape_box_2{
				min-height:inherit;
				padding:85px 0 0 0;
				margin:20px 0 20px 0;
				background:url(../../imagens/logo_fito_alimentos_rodape.png) center top no-repeat;
				text-align:center;
			}
			
			#rodape .rodape_box .rodape_box_3{
				width:95%;
				text-align:center;
			}
				#rodape .rodape_box .rodape_box_3 .newsletter{
					padding:35px 0 0 0;
					background:url(../../imagens/icone_newsletter_rodape.png) center top no-repeat;		
				}
					#rodape .rodape_box .rodape_box_3 .newsletter a{
						display:block;
						padding:15px 10px 15px 10px;
						margin:5px 0 0 0;
					}
					#rodape .rodape_box .rodape_box_3 .newsletter a:hover{
					}
					
				#rodape .rodape_box .rodape_box_3 .sociais{
					padding:15px 0 0 0;			
				}
					#rodape .rodape_box .rodape_box_3 .sociais a img{
						margin:0 5px 10px 5px;	
					}
					#rodape .rodape_box .rodape_box_3 .sociais .siganos{
						width:100%;
						padding:0 0 10px 0;
						text-align:center;	
					}
				
			#rodape .rodape_box .rodape_box_3_divisao{
				display:none;
			}			
		
		#rodape .rodape_copy{
			width:90%;
			text-align:center
		}
}