html, body {
	height:100%;
}

body {
  background-color:#eeeded;
}

#tudo {
  background-image:url(../img/bg_body.gif);
  background-position:center top;
  background-repeat:repeat-y;
}  
#tudo2 {
  background-color: #FFFFFF;
  background-position:center top;
  background-repeat:repeat-y;
}

* html #tudo {
	height:100%; /* hack para IE6 que trata height como min-height */
}

#topo {
  width:770px;
  height:150px;
  background-image:url(../img/topo.gif);
  background-repeat:no-repeat;
}
#login {
  width:770px;
  height:20px;
  background-color:#027A80;
  text-align: left;
}

#rodape {
  height:70px;
  text-align:center;
  margin:0 auto;
  background-image:url(../img/rodape.gif);
  background-repeat:no-repeat;
  background-position:top center;
}

#principal {
  width:770px;
  margin:0 auto;
}


#conteudo {
  width:750px;
  padding:10px;
  margin:0 auto;
  background-color:#fff;
}

.clear {
  clear:both;
}

.menu{
	background-color:#027a80;
	height:34px;
	text-align:center;
}
.menu img{
	margin:0 12px;
}

/* Estilos para INDEX */
.div_index{
	margin-top:20px;
}
.div_quemsomos{
	width:350px;
	float:left;
	text-align:center;
}
.div_quemsomos p{
	width:275px;
	margin-top:30px;
	text-align:left;
}
.div_experimente{
	width:400px;
	float:left;
}

/* Estilos para QUEM SOMOS */

.fonte_10{
	font-size:9px;
	color:#333;
}
.italico{
	font-size:9px;
	font-style:italic;
}

/* Estilos para QUEM SOMOS */

.banner {
  width:700px;
  height:110px;
  text-align:center;
  margin:0 auto;
}

.publicidade {
  font-size:10px;
  text-align:center;
}