@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#626262; }
body { background:#c8eadf /* verde -> E5F7E5 url(img/bg.gif) / azul-> D4E3F5 url(img/bg2.gif) */ ; padding:20px 0; overflow:-moz-scrollbars-vertical; }
a { text-decoration:none; cursor:pointer; color:#0089CF; }
a:focus { outline:none; }
a:hover { text-decoration:underline; }

input[type=text], select, textarea, 
input[type=buttom], input[type=submit], input[type=reset]
	{ padding:2px 3px; border:1px solid #B0CEBD; color:#519e7c }
input[type=buttom], input[type=submit], input[type=reset] { background-color:#FFF; }

h3 { padding-left:18px; color:#FFF; height:15px; line-height:14px; }
h3.verde { background:#079c42 url(img/setaVerde.gif) no-repeat top left; }
h3.azul { background:#0089CF url(img/setaAzul.gif) no-repeat top left; }

#geral { width:730px; border:5px solid #FFF; margin:0 auto; background-color:#FFF; min-height:500px; }

#topo { width:inherit; height:180px; background-color:#033 }

#menu { width:inherit; height:26px; line-height:26px; background:url(img/bgMenu.gif); margin:0 auto; margin-top:3px; }
	ul#menubar { display:block; width:inherit; height:inherit; margin:0 auto; text-align:center; padding-top:3px; }
	ul#menubar li { display:inline; height:20px; line-height:20px; text-align:center; float:left; width:120px; color:#FFF; cursor:pointer; border-right:1px solid #FFF }
	ul#menubar li:hover { text-decoration:none; font-weight:bold; }
	ul#menubar li:last-child, ul#menubar li.lastChild { border-right:none; }

#submenu { width:237px; padding-bottom:2px; }
	#submenu ul{list-style:none; margin:15px; }
	#submenu ul li{color:#090; font-size:12px; padding-left:5px; height:20px; line-height:20px; cursor:pointer;}
	#submenu ul li:hover{font-weight:bold;}
	
	#listaproduto { width:230px; text-align:left; }
	#listaproduto ul{list-style:none; margin:5px; }
	#listaproduto ul li{color:#0066B3; font-size:11px; padding-left:5px; height:15px; line-height:15px; cursor:pointer;}
	#listaproduto ul li:hover{ font-weight:bold; color:#FFF; /* background:#0066B3; */ }

#conteudo { clear:both; width:inherit; margin:0 auto; min-height:495px; margin-top:5px; }
	#destaque, #imc, #newsletter, #indique { float:right; width:238px; height:348px; margin-left:2px; }
	#banner, #receitas, #enquete { width:487px; height:348px; }
	
	#imc, #newsletter, #indique { clear:both; } 
	#indique{ height:185px; margin-top:5px;}
	#imc, #receitas { height:100px; }
	#imc{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
	#enquete, #newsletter { height:180px; }
	#imc, #receitas, #newsletter, #enquete { margin-top:5px; }
	#votacao { float:right; width:240px; }

	#submenu, #newsletter { background:#E5F7E5 /* url(img/bg.gif) repeat */; } /* VERDE */
	#listaproduto, #indique, #receitas, #votacao, #imc { background:#D4E3F5 /* url(img/bg2.gif) repeat */; } /* AZUL */
	
	#saibaMais { float:right; margin-right:20px; cursor:pointer; }
	#saibaMais:hover { text-decoration:underline; }
	
	#titulo{font-size:16px; color:#0089CF; font-weight:bold; }
	#subtitulo{font-size:12px; font-weight:bold; padding-bottom:10px; margin-top:10px;}
	
	#lista{padding-top:15px; clear:both;}
	#lista a{color:#0089CF; text-decoration:none}
	#lista a:hover{text-decoration:underline;}
	
#rodape { width:727px; margin:0 auto; margin-top:5px; height:auto; text-align:center; line-height:15px; padding-top:5px; border-top:1px solid #C0C0C0 }