body {
text-align:center;
line-height:130%;
margin:0;
padding:0;
font-family:Helvetica, Arial, sans-serif;
color: #000;
font-size:14px;
background:url(imagens/fundo_body.jpg) top repeat-x;
}
	
#tudo {
margin:0 auto;
position:relative;
width:960px;
height:auto;
background:url(imagens/fundo_tudo.jpg) center repeat-y;
	}

#topo{
	width:960px;
	height:40px;
	padding:280px 0 20px 0;
	background:url(imagens/topo.jpg) top center no-repeat;
	text-align:center;
}
#topo a{color:#000;}
#topo a:hover{color:#000; font-weight:bold;color:#0033ff;}
#principal{
width:900px;
margin:0 30px;
height:auto;
}
#principal strong{font-size:15px; color: #CC6633;}
.float_left{ width:auto; height:auto; float:left; margin:0 20px 20px 0;}
.float_right{width:auto; height:auto; float:right; margin: 0 0 20px 20px;}

#anima{
width:900px;
position:absolute;
top:0;
left:30px;
width:900px;
height:212px;
}

#rodape {
clear:both;
height:auto;
width:960px;
background: url(imagens/rodape.jpg) bottom no-repeat;
margin-top:10px;
padding:10px 0 20px 0;
}
#rodape strong {font-size:115%; letter-spacing:2px;}
#parceiros{
width:940px;
margin:0 10px;
height:55px;
overflow:auto;
}

.centralizada{width:900px; clear:both; text-align:center;}<!-- tem que ter o mesmo tamanho da principal ou onde será usada-->
.box_thumb{
  	width:110px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:140px;/* a altura varia de acordo com a quantidade de texto a ser exibido */
	float:left;
	padding:4px;
	margin: 8px;
	border:1px solid #ccc;
	text-align:center;
	overflow: scroll;
	font-size: 12px;/* definindo em pixel fica mais fácil determinar as linhas que serão exibidas no box*/
	line-height:120%;
	}
	
.thumb {/* tem que ter medidas exatas para manter padrão -  está vinculado com o php que gera as miniaturas da galeria*/
	width:110px;
	height:110px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:110px;
	height:110px;
	overflow:hidden;
	float:left;
	margin: 4px;
	}
img{border:0;padding:0;}
.img{padding: 6px; border: 1px solid #CAE1E1;}