body  {
	margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	padding: 0;
	text-align: center; /* Isso centraliza o contêiner em navegadores IE 5*. O texto é então definido como o padrão de alinhamento à esquerda no seletor #container */
  background: #B4EAA7 url(../img/fndhead.jpg) repeat-x;
}
.conteudo #layout {
	width: 1010px;  /* Usar 20 pixels a menos que a largura total de 800 pixels permite incluir todo o quadro do navegador e evita uma barra de rolagem horizontal */
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	text-align: left; /* Isso substitui text-align: center do elemento body. */
  background: url(../img/faux_fundo.jpg) repeat-y
}
.conteudo #header {
  width: 100%;
}
.conteudo #header h1 {
 font: bold 14px Arial;
  text-align: left;
  padding: 10px
}

.conteudo #esquerda {
	float: left; /* Como esse elemento é flutuante, uma largura deve ser fornecida */
	width: 180px; /* A largura real deste div, em navegadores padrão ou no modo padrão no Internet Explorer, inclui o preenchimento e a borda, além da largura */
}
.conteudo #container {
margin: 0 0 0 190px;
}
.conteudo #CntContainer {
width: 100%;
}
.conteudo #rodape{
width: 100%;
height: 25px;
background-color: #369610;
border-top: 3px solid #B4EAA7;
margin: 0
}


.fltrt { /* Esta classe é usada para flutuar um elemento à direita na página. O elemento flutuante deve preceder o elemento e estar próximo dele na página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Esta classe é usada para flutuar um elemento à esquerda em sua página */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Esta classe deve ser colocada em um elemento div ou break e deve ser o último elemento antes do fechamento de um contêiner que deve conter uma flutuação completamente */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}