body {
text-align:center;
margin:0;
padding:0;
line-height:130%;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size: 14px;
background: #000099;
}

#tudo {
    margin:0 auto;
	width:100%;
	max-width:900px;
	padding:20px 2%;
	}
#tudo1 {
border: 6px solid #fff;
width:100%;
height:auto;
padding-top:150px;
background:#fff;/* url(imagens/fundo_tudo.gif) 21% repeat-y*/
}
#topo {
	width:100%;
	height:140px;
	position:absolute;
	top:20px;
	left:0;
	text-align:center;
}
#menu{
	width:20%;
	height:auto;
	float:left;
	margin-right:1%;
	text-align:right;
	}

#principal{
width:76%;
height:auto;
float:right;
padding:0 1% 0 0;
}


#rodape {
margin-top:15px;
padding:20px 3%;
clear: both;
height:60px;
width:94%;
font-size:90%;
background: url(imagens/fundo_rodape.jpg) top repeat-x;
border-top:1px solid #eee;
}
#rodape strong{font-size:120%; color: #990000;}

.left{
float:left;
width:48%;
padding:0 1%;
}
.right{
float:right;
width:48%;
padding:0 1% 0 0;
}

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

.box_thumb{
    position:relative;
  	width:156px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:195px;/* 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:140px;
	height:140px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:140px;
	height:140px;
	overflow:hidden;
	float:left;
	margin: 10px;
	border: 3px solid #CCC;
	}
img{border:0;}
.img{padding: 6px; border: 1px solid #CAE1E1;}