body {
text-align:center;
margin:0;
padding:0;
line-height:130%;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size: 14px;
background:url(imagens/fundo_body.jpg) top center repeat-y;
}

#tudo {
    margin:0 auto;
	width:100%;
	max-width:1024px;
	background:#fff;
	}

#topo {
	width:100%;
	height:400px;
}
#menu{
	width:18%;
	padding:20px 0 1% 0 ;
	margin-left:2%;
	height:auto;
	float:left;
	padding: 1% 0;
	}

#principal{
width:77%;
height:auto;
float:right;
padding:1%;
}
#principal_left{
width:72%;
height:auto;
float:left;
}
#principal_right{
width:23%;
padding:1%;
height:auto;
float:right;
background:#eee;
border:3px double #eee;
color:#666;
}
#principal_right ul{text-indent:1%}
#principal_right a{color:#666;}
#principal_right a:hover{color: #0066ff;}
#meio{
position:relative;
padding:10px 0 0 1%;
width:71%;
height:auto;
float:left;
}
.meio_left{
position:relative;
width:46%;
height:auto;
float:left;
}
.meio_right{
position:relative;
padding:10px 2% 0 1%;
width:47%;
height:auto;
float:right;
}

#rodape {
padding:10px 3% 5px 3%;
clear: both;
height:auto;
width:94%;
font-size:90%;
margin-top:10px;
background-color: #ff9900;
border-top: 3px double #ff9900;
}
#rodape strong{font-size:150%; color:#0033ff;}

.center{width:100%; clear:both;}
.float_right{
    position:relative;
	width:auto;
	height:auto;
	float:right;
	padding:5px;
	clear:both;
	}
	
.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: 0 10px 10px 0;
	border: 1px solid #fff;
	}
	
.img{padding: 6px; border: 1px solid #CAE1E1;}
