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

#tudo {
    margin:0 auto;
	position:relative;
	padding-top:350px;
	width:980px;
	text-align:center;
	}

#topo {
	position:absolute;
	width:980px;
	height:350px;
	top:0;
	left:0;
}

#principal{
width:960px;
padding:10px;
height:auto;
}
#principal_left{
float:left;
width:550px;
}
#principal_right{
float:right;
width:390px;
}


#rodape {
padding:10px 1%;
clear: both;
height:auto;
width:98%;
color:#fff;
background:#ff0000;
border-top:3px double #ff0000;
}
.center{width:100%; clear:both;}
.float_right{
	width:auto;
	height:auto;
	float:right;
	border: 3px double #ccc;
	margin:0 0 10px 10px;
	}
	
.float_left{
    position:relative;
	width:auto;
	height:auto;
	float:left;
	margin:0 10px 10px 0;
	border: 3px double #ccc;
	}
.principal{
	width:auto;
	height:auto;
	float:left;
	margin:10px ;
	}

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