body {
text-align:center;/*centraliza no IE */
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#000;
background:url(imagens/fundobody.gif) repeat-y 90%;
}
#tudo {
	position:relative;
	width:100%;
	margin: 0 auto; /*centraliza em navegadores padrao*/
	text-align:center; /*retorna alinhamento de texto a esquerda*/
}

#principal{
line-height:160%;
margin:0;
width:62%;
height:auto;
float:right;
text-align: center;
padding: 0 2% 0 1%;
}
	
#menu{
	position:relative;
	width:34%;
	min-width: 314px;
	height:auto;
	float:left;
	text-align:left;
	}

#rodape {
color:#fff;
margin-top:10px;
padding:5px 3%;
clear: both;
height:auto;
width:94%;
font-size:90%;
text-align: center;
background-color: #81A7B4;
border-top: 3px solid #fff;
}

.center{
text-align:center;
width:100%;
background:transparent;
} 

.float_right{
    position:relative;
	width:auto;
	height:auto;
	float:right;
	padding:10px 0 5px 10px;
	}
	
.float_left{
    position:relative;
	width:auto;
	height:auto;
	float:left;
	padding:6px;
	}

.box_thumb{
    position:relative;
  	width:140px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:170px;/* a altura varia de acordo com a quantidade de texto a ser exibido */
	float:left;
	padding:6px;
	margin: 0 10px 10px 0;
	border:1px solid #fff;
	color: #0066CC;
	background-color: #fff;
	text-align:center;
	overflow:hidden;
	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:140px;
	height:140px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:140px;
	height:140px;
	overflow:hidden;
	float:left;
	margin: 0 10px 10px 0;
	border: 1px solid #fff;
	}
	
img{ border:0; padding:0; margin:0 0 15px 0;}
.img{ border-right:3px solid #ccc; border-bottom:3px solid #ccc;padding:2px; margin-bottom:0;}