body {
text-align:center;/*centraliza no IE */
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background:url(imagens/fundo_body.gif) repeat-y 81.6%;
color:#000;
font-size:14px;
}
#tudo {
	position:relative;
	width:100%;
	margin: 0 auto; /*centraliza em navegadores padrao*/
	text-align:center; /*retorna alinhamento de texto a esquerda*/
}

#topo {
	position:absolute;
	text-align:left;
	width:95%;
	height:163px;
	border:#fff solid 4px;
	border-left:0;
	top:6px;
	left:0;
	/*background:url(imagens/fundo_topo.jpg) top left repeat-y;*/
	background-color: #798A92;
	font-size: 12px;
	color: #fff;
}

#logo_topo {
	position:absolute;
	top: 40px;
	left: 10%;
	width: 329px;
	height: 143px;
	border: 4px solid #fff;
}

#principal{
line-height:160%;
margin:0;
width:79%;
height:auto;
min-height:400px;
float:right;
}

#principalleft{
    text-align:center;
	position:relative;
	padding:200px 1% 20px 1%;
	width:74%;
	height:auto;
	min-height: 360px;
	float:left;

}
#principalleft_g{
    text-align:left;
	position:relative;
	padding:200px 1% 20px 1%;
	width:98%;
	height:auto;
	min-height: 360px;
	float:left;
	}
* html #principalleft{ height:360px;}
#principalright{
	position:relative;
	color: #fff;
	padding:190px 1% 1% 1%;
	width:21%;
	height:auto;
	float:right;
	text-align:center;
	font-size:90%;
	line-height:150%;
}
#principalright a{color:#fff; text-decoration:none;}
#menu{
	position:relative;
	width:19%;
	padding: 200px 0 0 1%;
	height:auto;
	float:left;
	}
	
#menu table{width:100%;font-size:14px; border-collapse:separate;}
#menu a, #menu td a{color:#fff;}
#menu div a{color: #fff;}
#menu a:hover{color: #fc0;}
#menu td{padding: 5px 10px; background: #c00; vertical-align:top; text-align:center; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#menu td.red{background:#ff0000;}
.aberto{ padding:4px;}

#rodape {
color:#FFFFFF;
margin-top:10px;
padding:5px 3%;
clear: both;
height:auto;
width:94%;
font-size:90%;
text-align: center;
border-top: #fff 3px double;
background-color:#798A92;
}
#center{
text-align:center;
width:100%;
background:transparent;
}
.center{
text-align:center;
width:100%;

} 

.separa, .clear{clear:both;}
.float_left{ width:auto; height:auto; float:left; margin:0 10px 10px 0;}
.float_right{width:auto; height:auto; float:right; margin: 0 0 10px 10px;}

.box_thumb{
  	width:110px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:140px;/* 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:110px;
	height:110px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:86px;
	height:80px;
	overflow:hidden;
	float:left;
	border: 2px solid #eee;
	}
img{border:0;padding:0;}
.img{padding: 6px; border: 1px solid #CAE1E1;}
.promo{ font-size:24px; color:#ff9900; font-style:italic; margin: 10px 0;}

.sb {margin: 0; border:0; padding:0;}
.imgleft {float:left;}
.imgright {float:right;margin:0; border:0; padding:0;}

