body {
	margin: 1; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padroes de navegador */
	padding: 0;
	text-align: left; /* Isso centraliza o conteiner em navegadores IE 5*. O texto é entao definido como o padrao de alinhamento a esquerda no seletor #container */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #A0B086;
}

#geral {
	width: 778px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#topo {
	height: 100px;
	width: 778px;
	background-color: #FFF;
	
}

#centro {
	height: 290px;
	width: 778px;
	color: #a3a3a3;
	background-color: #FF0000;
}

/* css usado só para paginas de produtos */
#centro-c {
	height: 290px;
	width: 778px;
	background-color: #FF0000;
	background-image: url(../imagem/fondo-centro-c.jpg);
	padding-top: 20px;
}

#centro_left{
	float: left;
	height: 285px;
	width: 376px;
	background-color: #Ff0000;
}

#centro_right{
	height: 285px;
	width: 395px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	overflow: auto;
	/*Uma prática bastante comum e difundida entre designers é a de se estilizar a barra de rolagem do navegador, integrando-a ou até em alguns casos constrastando-a com as cores do documento HTML.

Se você decidir adotar esse tipo de estilo para a barra de rolagem esteja ciente do seguinte:

1-) só vai "funcionar" em navegadores Internet Explorer 5.5+;

2-) não está prevista nas web standards. É uma funcionalidade disponível a um só tipo aplicação de usuário, ou seja, o MSIE;

3-) qualquer prática de estilização que interfira diretamente com o navegador do usuário, pode estar dificultando acessibilidade ou conflitando com preferências pessoais.

4-) use todo seu esforço e poder de persuasão no sentido de convencer seu cliente a não adotar esta prática. Isto é uma tecnologia proprietária e deve ser evitada. */	
	scrollbar-arrow-color:#333;
	scrollbar-3dlight-color:#d80808;
	scrollbar-highlight-color:#FF0000;
	scrollbar-face-color:#FF0000;
	scrollbar-shadow-color:#d80808;
	scrollbar-darkshadow-color:#ff0000;
	scrollbar-track-color:#ff0000;
	padding: 0px;
	clear: none;
	background-image: url(../imagem/fondo-centro-r.jpg);
}

#linea {
	height: 6px;
	width: 778px;
	background-color: #a3a3a3;
	clear: both;
	
}

/* -------Até aqui-------- */

#rodape {
	height: 235px;
	width: 778px;
	background-color: #a3a3a3;
	clear: both;
	background-image: url(../imagem/nome-ricardo-02.jpg);
	background-repeat: repeat;
}

#rodape-dados {
	height: 100px;
	width: 778px;
	background-color: #a3a3a3;
	clear: both;
	background-image: url(../imagem/nome-ricardo-02.jpg);
	background-repeat: repeat;
}
/* ----------------------classes------------------- */

.imgTopo_left{
	height: 70px;
	width: 204px;
	margin-top: 15px;
	margin-left: 25px;
	margin-right: auto;
	margin-bottom: auto;
}
.txt_produtos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: normal;
	white-space: normal;
	text-align: left;
	margin-left: 5px;
}
.fuente-titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	margin: 5px;
}
.fuente-titulo01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	margin: 5px;
}
.fuente-icono01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	margin: 5px;
}
.fuente-historia{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
}
.fuente-rodape-dados{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
}
.imgTopo_right{
	height: 57px;
	width: 262px;
	margin-top: 15px;
	margin-bottom: auto;
	margin-left: 250px;
}

.imgcenter01{
	height: 260px;
	width:778px;
	margin-top: 13px;
	margin-bottom: auto;
	margin-left: auto;
}

.imgcenter02{
	height: 280px;
	width:380px;
	margin-top: 2px;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #fF0000;
}

