body {
text-align:center;/*centraliza no IE */
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background:url(imagens/fundobody.jpg) top repeat-x;
background-color:#91CCEC;
color: #000099;
font-size:14px;
}
#tudo {
	position:relative;
	top:240px;
	width:96%;
	margin:0 2%; /*centraliza em navegadores padrao*/
	text-align:center; /*retorna alinhamento de texto a esquerda*/
	background:url(imagens/fundo1.gif) 24% repeat-y;
	background-color:#97CEED;
}
#tudo_fundo {
	width:100%;
	background:url(imagens/fundo.gif) 77.2% repeat-y;
}
#topo {
	position:absolute;
	text-align:left;
	width:96%;
	height:240px;
	min-width:800px;
	top:0;
	left:0;
	padding:0 2%;
	z-index:10;
}
#topo_fundo {
	top:0;
	left:2%;
position:absolute;
z-index:3;
width:96%;
height:240px;
background:url(imagens/fundo_topo.jpg) top repeat-x;
}

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

#principalleft{
position:relative;
padding:0 1% 20px 1%;
width:67%;
height:auto;
float:left;
color: #000066;
top: 10px;
text-align:center;

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

iframe{
border:#CCCCCC 3px double;
}
#flutuadir{
position:relative;
	width:auto;
	height:auto;
	float:right;
	padding:5px;
	}
#flutuaesq{
position:relative;
	width:auto;
	height:auto;
	float:left;
	padding:5px;
	}
	
.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:105px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:140px;
	height:105px;
	overflow:hidden;
	float:left;
	margin: 0 10px 10px 0;
	border: 1px solid #fff;
	}
	
img{ border:0; padding:0; margin:0;}	

	
#menu{
	position:relative;
	width:22%;
	padding:1% 0 1% 1%;
	height:auto;
	float:left;
	text-align:center;
	font-size:90%;
	color:#0033CC;
	}

#rodape {
padding:5px 3%;
clear: both;
height:auto;
width:94%;
font-size:90%;
text-align: center;
border-top: #fff 3px double;
background-color:#91CCEC;
}

img{
border: #fff solid 1px;
margin: 5px;
}

.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;}
.menu{border:0; margin:0;}