body {
text-align:center;
line-height:110%;
margin:0;
padding:0;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
color:#000;/*ALTERAR cor do texto da pagina*/
}
/*ALTERAR AS CORES DA PÁGINA*/
body {background-color: #E0EA9F;} /*ALTERAR cor dos lados*/
#rodape {background-color: #009966;}/*ALTERAR cor rodape*/

#tudo {
	position:relative;
	padding-top:220px;
	width:100%;
	max-width:1000px;
	text-align:center;
}

#tudo_fundo{
	width:100%;
	height:auto;
}
#topo {
	position:absolute;
	text-align:left;
	width:100%;
	height:220px;
	min-width:800px;
	top:0;
	left:0;
	z-index:10;
	border-bottom:3px solid #ccc;
	background:#669934;
}

#tarja{
position:relative;
width:100%;
height:20px;
border: solid #fff;
border-width: 1px 0;
}
#principal{
width:75%;
height:auto;
min-height:400px;
float:right;
text-align: center;
}

#principalleft{
text-align:center;
position:relative;
padding:10px 1% 10px 1%;
width:65%;
height:auto;
float:left;
color:#000;
background-color:#fff; /*ALTERA COR DO MEIO */
}

* html #principalleft{ height:400px;}

#principalright{
	position:relative;
	padding:1%;
	width:29%;
	height:auto;
	float:right;
	text-align:center;
}
#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{
	width:auto;
	height:auto;
	float:right;
	padding:5px;
	clear:both;
	}
	
.float_left{
	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:24%;
	padding: 20px 0 0 0;
	height:auto;
	}
	
table{
width:100%;
}

td{
width:100%;
padding: 2px;
border-bottom:#666 solid 1px;
border-top:#fff solid 1px;
}
	
td a:hover{
display:block;
color: #fff;/*ALTERAR cor da letra do botao do link quando o mouse esta em cima*/
background-color: #00CC33;/*ALTERAR cor do botao quando o mouse esta em cima*/
}	

td a{
padding:2px;
color:#fff;/*ALTERAR cor da letra do botao do link */
display:block;
text-decoration:none;
background-color: #669933;/*ALTERAR cor do botao*/
}
#menu li a:hover{
color: #fff;/*ALTERAR cor da letra do botao do link quando o mouse esta em cima*/
background-color: #660099;/*ALTERAR cor do botao quando o mouse esta em cima*/
}
#rodape {
color:#fff; /*ALTERAR cor da letra do rodape*/
padding:5px 3%;
clear: both;
height:auto;
width:94%;
font-size:90%;
text-align: center;
border-top: #fff 1px solid;/*ALTERAR cor da borda do rodape*/
background-color:#003333; /* ALTERA COR DO FUNDO DO RODAPÉ*/
}

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