body { margin: 0px; padding: 0px; background-image:url('../imagem/fundo.jpg'); background-repeat:repeat-x; font-family: Segoe UI; font-size: 12px; }
a { color: white; }
a:hover { color: black; }

#fundoG { position: absolute; top: 0px; left: 0px; width: 100%; height: 250px; background: url('../imagem/fundo1.jpg') center center; z-index: -1; }
#fundoG #img2 { width: 100%; height: 250px; background: url('../imagem/fundo2.jpg') center center; display: none; }


#corpo { position:relative; left:50%; width:800px; margin-left:-400px; height: auto; min-height: 100%; }

#topo { width: 800px; height: 305px; }
#topo #logo { width: 100%; padding-bottom: 6px; text-align: center; }
#topo #biscoitos { width: 100%; height: 137px; }

#topo #menu { width: 100%; }
#topo #menu ul { list-style-type: none; width: 100%; height: 45px; margin-left: -40px; margin-top: 0px; }
#topo #menu ul a {padding-right: 25px; padding-left: 25px; display: block; line-height: 45px; text-decoration: none; }
#topo #menu ul a:hover { color: black; background-image:url('../imagem/menu.jpg'); background-repeat:repeat-x; }
#topo #menu  li { float: left; }

#menuhover{ color: black; background-image:url('../imagem/menu.jpg'); background-repeat:repeat-x; }

#atendimento { margin-right: 15px; margin-top: -50px;float: right; font-family: Segoe UI; font-size: 10px; color: white; }
#atendimento span { font-size: 15px; font-weight: bold; }

#centro { display: table; width: 720px; padding-top: 20px; padding-left: 40px; padding-right: 40px; padding-bottom: 20px; }
#centro #produtos { width: 465px; height: 325px; background: #FFF2CA; margin-right: 20px; float: left; }
#centro #produtos #imagem { width: 247px; height: 325px; float: left; background: #FFE390; }
#centro #produtos #imagem img { width: 247px; height: 325px; }
#centro #produtos #descricao { width: 187px; height: 250px; padding: 15px; float: right; }
#centro #produtos #descricao span { font-size: 21px; font-weight: bold; }
#centro #produtos #descricao #conteudo { margin-top: 10px; }
#centro #produtos #descricao #conteudo span { font-size: 12px; font-weight: bold; }

#centro #localizacao { width: 217px; height: 325px; background: #FFF2CA; float: right; }
#centro #localizacao #imagem { width: 217px; height: 143px; background: #FFE390; }
#centro #localizacao #descricao { width: 187px; height: 107px; padding: 15px; }
#centro #localizacao #descricao span { font-size: 21px; font-weight: bold; }
#centro #localizacao #descricao #conteudo { margin-top: 10px; }
#centro #localizacao #descricao #conteudo span { font-size: 12px; font-weight: bold; }

#centro #geral { width: 100%; font-size: 12px; font-weight: italic; }
#centro #geral span { font-size: 21px; font-weight: bold; }
#centro #geral #retorno, #centro #geral #retornoLogin,#centro #geral #retornoTrabalhe  { margin: 15px; text-align: center; font-size: 21px; font-weight: bold; }

#centro .produto { display:table; width: 690px; background: #FFF2CA; margin-bottom: 15px;}
#centro .produto #imagem { margin: 15px; margin-right: 0px; float: left; }
#centro .produto #imagem img { width: 190px; height: 235px; }
#centro .produto #descricao { margin: 15px; margin-right: 0px; width: 220px; float: left; }
#centro .produto #descricao #titulo { font-size: 16px; }
#centro .produto #descricao #conteudo { margin-top: 10px; }
#centro .produto #descricao #conteudo span { font-size: 12px; font-weight: bold; }
#centro .produto #descricao #conteudo a { color: red; text-decoration: none; }
#centro .produto #descricao #conteudo a:hover { color: black; }
#centro .produto #infonutricinal { background: red; float: left; margin: 15px; width: 220px; height: 210px; }
#centro .produto #infonutricinal table { width: 100%; height: 100%; background: white; }
#centro .produto #infonutricinal tr { text-align: center; }
#centro .produto #infonutricinal td { padding: 2px; }

/*
#centro #produto img { width: 160px; height: 200px; float: left; margin-right: 15px; }
#centro #produto span { font-size: 16px; font-weight: bold; }
#centro #produto #conteudo { margin-top: 10px; }
#centro #produto #conteudo span { font-size: 12px; font-weight: bold; }
*/

#vejamais { width: 70px; margin-right: 15px; background: #FFE390; text-align: center; float: right; }
#vejamais a { line-height: 30px; text-decoration: none; color: black; }
#vejamais a:hover { font-weight: bold; }

#rodape { position: relative; width: 100%; height: 68px; color: white; background-image:url('../imagem/rodape.jpg'); background-repeat:repeat-x;	 bottom: 0px !important; }
#rodape #texto { padding-top: 25px; text-align: center; }
#rodape #texto span { font-size: 10px; }

#mask { position:absolute; top: 0px; left: 0px; z-index: 9000; background-color: #000; display: none; }

.window {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	border-top: 4px solid #D8A400;
	border-bottom: 4px solid #D8A400;
	border-radius: 5;
	display: none;
	padding: 15px;
	z-index: 9999;
}