body {
text-align:center;/*centraliza no IE */
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.1em;
color:#fff;
background-color:#000;
text-align:center;
/*background: url(imagens/fundo_body.gif) repeat-y 79.2%;*/
}
#tudo {
margin: 0 auto; /*centraliza em navegadores padrao*/
	position:relative;
	top:200px;
	width:100%;
	max-width:980px;
	text-align:center; /*retorna alinhamento de texto a esquerda*/
	/*background:url(imagens/principal_total.gif) repeat-y 81.5%;*/
}

#topo {
	position:absolute;
	text-align:left;
	width:100%;
	height:200px;
	min-width:800px;
	top:0;
	left:0;
	z-index:20;
}

#tarja{
width:98%;
height:auto;
text-align: left;
font-size: 12px;
color:#999;
padding: 0 0 15px 30px;
}
#menu{
float:left;
width:20%;
}

#principal{
line-height:160%;
margin:0;
width:78%;
height:auto;
min-height:200px;
float:right;
}

* html #principal{height:200px;}

#principalleft{
position:relative;
padding:0 2% 5px 1%;
width:71%;
height:auto;
float:left;
text-align:center;
}
#principalright{
position:relative;
padding:0 1% 5px 1%;
width:23%;
height:auto;
float:right;
text-align:center;
font-size:90%;
color: #ccc;
border-left: 1px dotted #999;
}
.center{
text-align:center;
width:100%;
background:transparent;
} 

.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: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; paddin}

#rodape {
margin-top:10px;
padding:5px 3%;
clear: both;
height:auto;
width:94%;
font-size:90%;
text-align: center;
background:url(imagens/rodape.jpg) top center no-repeat;
}

.imgleft {float:left; margin:0; border:0;}

.imgright {float:right; margin:0; border:0;}



.imgclear {float:left; clear:both; margin:0; border:0;}



.logo{padding:0; border:0; margin:0;}

.menu{border:0; margin:0;}