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;}
#center{
text-align:center;
width:100%;
background:transparent;
}
.center{
text-align:center;
width:100%;

} 

.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;
	border:#BB1D1A solid 1px;
	margin: 0 10px 10px 0;
	}
.float_left1{
    position:relative;
	width:43%;
	height:auto;
	float:left;
	padding:0 4% 0 0 ;
	margin: 2% 0 2% 1%;
	}
.float_right1{
    position:relative;
	width:43%;
	height:auto;
	float:right;
	padding:0 0 0 3% ;
	margin: 2% 0 2% 1%;
	}

.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;
	}
	
#menu{
	position:relative;
	width:19%;
	padding: 200px 0 0 1%;
	height:auto;
	float:left;
	}
	
#menu td {
text-align:right;
font-size:13px;
padding: 2px 0;
border-bottom:#999 solid 1px;
border-top:#fff solid 1px;
}

#menu td a{
padding:2px 10px 2px 2px;
display:block;
text-decoration:none;
color: #fff;
background-color: #CC0000;
}
#menu td a:hover{
color: #fff;
background-color: #0066CC;
}

#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;
}

img{margin: 5px;}
.sb {margin: 0; border:0; padding:0;}
.imgleft {float:left;}
.imgright {float:right;margin:0; border:0; padding:0;}
