@charset "iso-8859-1";
/* Folha de Estilo Alegrittos */
/* Criado por Diego Maeoka 03 de dezembro de 2010 */
/* Legulas.com.br 2010*/
html{height:100%;}
body,td,th {font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #000;}
body {background:#ED7B01; height:100%; }
a:link {color: #f46302;	text-decoration: none;}
a:visited {	text-decoration: none; color: #f46302;}
a:hover { text-decoration: none; color: #ff0005;}
a:active { text-decoration: none; color: #ff0005;}
p { margin:7px 0; text-align:justify;}
ul { margin:0; padding:0; list-style:none}
hr { margin:0; padding:0; clear:both; visibility:hidden; height:1px; }
/*-----------------------------------------------------------Classes genéricas-----------------------------------------------------------*/
.left { float:left }
.right { float:right; }
.clear { clear:both;}
.clear_left { clear:left }
.clear_right { clear:right }
.border { border:1px solid #000;}
.small { font-size:0.8em !important;}
.center { text-align:center }
.relative { position:relative; z-index:2; }
.absolute { position:absolute; z-index:3; }
.te, .td, .fe, .fd { display:block; height:8px; width:8px; font-size:1px; position:absolute; z-index:100; background:url(imagens/borda_redonda.gif) no-repeat; }
.te { top:0; left:0; background-position:left top; }
.td { top:0; right:0; _right:-1px; background-position:right top;}
.fe { bottom:0; left:0; background-position:left bottom; }
.fd { bottom:0; right:0; _right:-1px; background-position:right bottom; }
.center { text-align:center; }
.bold{ font-weight:bold}
.destaque{ font-weight:bold; color:#900}
.hidden{ display:none; visibility:hidden}

/*----------------------------------------------------------- ID's Principais -----------------------------------------------------------*/
#body{background:url(imagens/background_interno.jpg) center top repeat-x;}
	#main{width:960px; margin:0 auto}
		#cabecalho{width:100%; height:477px;}
			#flash{height:414px; width:960px; margin:0 auto}
				#flash .absolute{ bottom:-1px; left:30px;}
			#menu{height:63px; overflow:hidden; background:url(imagens/bg_menu.png) center top no-repeat;}
				#menu ul{ width:654px; margin:0 auto;}
					#menu ul li{ display:block; float:left;}
						#menu ul li a{ display:block; height:63px; overflow:hidden; text-indent:-999px; background:url(imagens/menu.png) no-repeat}
						#menu ul .home{ 				width:112px; background-position:0 -63px;}
						#menu ul .home:hover{			width:112px; background-position:0 0;}
						#menu ul .empresa{				width:124px; background-position:-112px -63px;}
						#menu ul .empresa:hover{		width:124px; background-position:-112px 0;}
						#menu ul .salgadinhos{			width:144px; background-position:-236px -63px;}
						#menu ul .salgadinhos:hover{	width:144px; background-position:-236px 0;}
						#menu ul .loja{ 				width:166px; background-position:-380px -63px;}
						#menu ul .loja:hover{			width:166px; background-position:-380px 0;}
						#menu ul .contato{				width:108px; background-position:-546px -63px;}
						#menu ul .contato:hover{		width:108px; background-position:-546px 0;}
		
		#corpo{background:url(imagens/fundo_rodape.png) center bottom repeat-x}
		
		#conteudo{width:960px; margin:0 auto; height:auto; overflow:hidden}		
			.salgado{height:149px; width:310px; position:relative; z-index:2}
			.pellets{height:177px; width:321px; margin:15px auto 0 auto; }
			#salgadinho-milho{left:123px;}
			#salgadinho-trigo{right:123px;}
			.conteudo_int{width:840px; margin:0 auto; min-height:170px; height:auto !important; _height:170px; margin-top:20px;}
				.conteudo_int h2{height:30px; overflow:hidden; text-indent:-999px; background:left center no-repeat}
				
					h2#tt_empresa{ background-image:url(imagens/tt_empresa.gif)}
					h2#tt_contato{ background-image:url(imagens/tt_contato.gif)}
					h2#tt_milho{ background-image:url(imagens/tt_milho.png)}
					h2#tt_trigo{ background-image:url(imagens/tt_trigo.png)}
					h2#tt_loja{	background-image:url(imagens/tt_loja.png)}
					h2#tt_pellets{	background-image:url(imagens/tt_pellets.png)}
					
				.conteudo_int h3{text-align:left; font-size:14px; font-weight:bold; margin:0}
					
				.coluna{width:410px;}
				.desc_salgadinho{ padding:0 10px;}
				/*contato*/
				.form { margin-top:10px}
					.form #li_descricao { height:76px; }
					.form li { display:block; height:32px; overflow:hidden; margin-bottom:10px; border:1px solid #FCE8B4; -moz-border-radius:5px; -webkit-border-radius:5px; background:#FB6E02 url(imagens/bg_input.gif) repeat-x left bottom}					
						.form label { display:inline-block; padding:7px 10px 7px 0; font-weight:bold; font-size:14px; width:90px; text-align:right}
						.form #li_descricao label { display:block; float:left; }						
						.form input, .form textarea { display:inline-block;	padding:7px 0; border:none; width:295px; background:none}
						.form textarea { height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:13px; overflow:auto}
						
						#bot_enviar { background:#FD1A00 url(imagens/bot_enviar.gif) repeat-x left bottom; font-weight:bold; text-align:center}
							#bot_enviar a { display:block; color:#fff; padding:6px 0;}
							
				.mapa{ margin-top:20px; }
					.mapa a{ display:block; width:571px; margin:0 auto; height:210px; overflow:hidden; text-indent:-999px; background:url(imagens/mapa.png) top center no-repeat }
					.mapa a:hover{ background-position: center bottom}

		#rodape{width:960px; margin:0 auto; height:148px; background:url(imagens/rodape_fundo.png) center 30px no-repeat}
			#rodape_logo{width:118px; height:45px; margin:0 auto; padding-top:10px}
			#rodape_text{width:490px; margin:10px auto 0 auto;}
				#rodape_text p{ font-size:12px;text-align:center; margin:5px 0}
				#rodape .small{ text-align:center; font-size:12px !important;}
					#rodape .small a{color:#000; font-weight:bold; }

/* tooltip*/
#salgadinho_popup {display:none; position:absolute; z-index:1000; top:0; left:0; width:auto; height:auto; background:url(imagens/bg_mascara.png); *border:1px solid #EC6302; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000;-moz-border-radius:5px; -webkit-border-radius:5px;}
	#salgadinho_popup .salgadinho_inner { padding:5px; text-align:center; font-weight:bold;  border:2px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px;}

/*POP-UP*/
#mascara{ width:100%; top:0; left:0; height:100%; position:fixed; z-index:901; display:none; background:url(imagens/bg_mascara3.png); opacity:.65; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65); }
* html #mascara{ position: absolute; top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+0+"px");}
	#popup{position:absolute; z-index:902; top:5%; left:50%; width:640px; margin:0 0 0 -320px; min-height:340px; height:auto !important; _height:340px; background:#fff; display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; border:1px solid #2F2933;display:none}
		#popup .relative{ min-height:310px; height:auto !important; _height:310px}
		#inner_popup .destaque{ display:block; text-align:center; margin:20px 0; padding-top:60px; background:url(imagens/lightbox-ico-loading.gif) center top no-repeat}
		#fechar{ position:absolute; top:-15px; right:-15px; height:30px; width:30px; overflow:hidden; text-indent:-999px; background:url(imagens/fancy_closebox.png) center no-repeat}
		a.flecha{ width:28px; height:56px; position:absolute; top:50%; margin-top:-28px; z-index:1000; overflow:hidden; text-indent:-999px}
			a.left{ background:url(imagens/flecha_popup.gif) no-repeat left top; left:20px}
			a.left:hover{ background-position:left bottom}
			a.right{background:url(imagens/flecha_popup.gif) no-repeat right top; right:20px;}
			a.right:hover{ background-position:right bottom}
		#popup #inner_popup{ position:relative; z-index:910; padding:20px;}
		
/*Produtos popup*/
.produto_wrap{background:#fff;}
	h3.tt_valor{ font-size:16px; text-align:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#2F2933; margin:5px 0}
	.produto_wrap .produto_img{width:100%; float:left; height:auto; text-align:center; padding-top:5px; margin:0 auto}
	.produto_wrap .produto_desc{width:315px; float:right; min-height:380px; height:auto!important; _height:420px;  border-left:1px dotted #333; padding:0 0 0 10px;}
	.produto_wrap h2{ font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#2F2933}
		
		.tb_valoes{ border-collapse:collapse; margin-top:10px}
			.impar{ background:#efefef ;}
			.tb_valoes th{ font-weight:bold; padding-bottom:7px; text-align:center; color:#333}
			.tb_valoes td{ border-top:1px dotted #2F2933; border-bottom:1px dotted #2F2933; padding:3px 0; text-align:center; color:#333}			
				.tb_valoes .td_label{ font-weight:bold; text-align:left;}
				
	.div_composicao{ color:#333; text-align:justify; }
	.asterisco{ background:#2F2933; color:#fff; font-size:11px; padding:10px; margin-top:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
		.asterisco p{ margin:3px 0; text-align:left}