body {
text-align:center;/*centraliza no IE */
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color: #3f4e6b;
background:url(imagens/fundobody.jpg) top repeat-x;
}
#tudo {
position:relative;
top:250px;
width:100%;
margin: 0 auto; /*centraliza em navegadores padrao*/
text-align:center; /*retorna alinhamento de texto a esquerda*/
max-width:1050px;
}
#topo {
	position:absolute;
	text-align:center;
	width:100%;
	height:250px;
	top:0px;
	left:0px;
	border-bottom:#fff solid 3px;
}
#tarja{
width:100%;
height: 20px;
margin-bottom:30px;
}

#principal{
line-height:160%;
margin:0;
width:74%;
height:auto;
float:right;
padding-bottom:40px;
background:url(imagens/fundo_tudo.jpg) right top no-repeat;
}

#principalleft{
position:relative;
padding:0 1%;
width:60%;
height:350px;
overflow:auto;
float:left;
text-align:center;
}

#principalright{
text-align:center;
color:#CCCCCC;
position:relative;
padding:0 1%;
width:35%;
height:auto;
float:right;
}
#center{
text-align:center;
width:100%;
background:transparent;
}
#topomodificar{
text-align:left;
} /* iguala alinhamento do div principal com div no painel*/

.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: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: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:130px;
	height:130px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:130px;
	height:130px;
	overflow:hidden;
	float:left;
	margin: 10px;
	border: 1px solid #fff;
	}
	
img{ border:0; padding:0; margin:0;}	
#menu{
	position:relative;
	width:25%;
	height:auto;
	float:left;
	text-align:right;
	font-size:90%;
	}
	
#menu ul{
list-style-type:none;
padding: 0 20px 0 0;
}

#menu li{
color: #ccc;
text-align:right;
padding: 5px 0;
border-bottom: #FF9900 solid 1px;
text-decoration:none;
display:block;
}
#menu li a{
display:block;
text-decoration:none;
color: #FF9900;
}
#menu li a:hover{
color: #00FF00;
border-bottom: #00FF00 solid 1px;
}
#rodape {
margin:40px 0 0 0 ;
padding:40px 3%;
clear:both;
height:auto;
width:94%;
font-size:90%;
text-align: center;
color:#fff;
background:#506286;
}
#rodape a {color: #0099FF;}
#rodape a:hover{color: #00CC00;}

img{
padding: 2px;
border: #ccc solid 1px;
margin: 0 20px 20px 0;
}

.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-top: 2px; border:0; margin:0;}