body {
text-align:center;
line-height:120%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

#tudo {
	position:relative;
	margin:0 auto;
	width:98%;
	max-width:980px;
	text-align:center;
	background:url(imagens/fundo_body.jpg) top repeat-x;
}

#tudo1{
	width:100%;
	height:auto;
	background:url(imagens/esq.jpg) top left no-repeat;
}
#tudo2{
padding-top:270px;
	width:100%;
	height:auto;
	background:url(imagens/dir.jpg) top right no-repeat;
}
#topo {
	position:absolute;
	text-align:center;
	width:90%;
	height:250px;
	top:0;
	left:5%;
	z-index:10;

}


#principal{
line-height:140%;
width:72%;
height:auto;
min-height:400px;
float:right;
text-align: center;
padding:0 2% 1% 1%;
}

#principalleft{
text-align:center;
position:relative;
padding:0 2% 10px 2%;
width:79%;
height:auto;
float:left;
}

* html #principalleft{ height:300px;}

#principalright{
	position:relative;
	color: #CC9933;
	padding:0 1% 0 0;
	width:15%;
	height:auto;
	float:right;
	text-align:center;
	font-size:80%;
	border-left: 1px dashed #CC9933;
	margin-bottom: 10px;
}
#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;
} 

.box_thumb{/*usado para galeria de foto com descrição - necessita do .thumb abaixo para conter foto maior*/
    position:relative;
  	width:120px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:160px;/* 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:120px;
	height:90px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante, usado para fotos clicáveis sem descrição */
	width:120px;
	height:90px;
	overflow:hidden;
	float:left;
	margin: 0 10px 10px 0;
	border: 1px solid #fff;
	}

#menu{
	position:relative;
	text-align:center;
	width:22%;
	margin-left:2%;
	height:auto;
	/*border-right: 1px dashed #CC9933;*/
	margin-bottom: 10px;
	}

#rodape {
padding:5px 3%;
clear: both;
height:auto;
width:94%;
font-size:90%;
text-align: center;
border-top:  #CC9933 1px solid;/*ALTERAR cor da borda do rodape*/
}

img{ border:0; padding:0; margin:0;}