body {
text-align:center;
line-height:120%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background-color:#4F7BF4;
font-size:15px;
}

#tudo_baixo {
	position:relative;
	padding-top:173px;
	width:100%;
	text-align:center;
	background:url(imagens/fundo_esq.jpg) top left repeat-y;
	background-color:#F3F9EB;
}

#tudo{
	width:100%;
	height:auto;

	background:url(imagens/fundo_dir.jpg) top right repeat-y;
}
#topo {
	position:absolute;
	text-align:right;
	width:100%;
	height:173px;
	top:0;
	left:0;
	z-index:10;
	background: url(imagens/fundo_topo.jpg) top repeat-x;
}
#menu {
	position:absolute;
	width:94%;
	height:26px;
	padding:0 0 6px 0;
	top:173px;
	left:3%;
	z-index:15;
    background: url(imagens/fundo_menu.jpg) top repeat-x;
}

#tarja{
position:relative;
width:100%;
height:20px;
border: solid #fff;
border-width: 1px 0;
}
#principal{
line-height:140%;
width:90%;
padding: 50px 5% 0 5%;
height:auto;
}

.center{
text-align:center;
width:100%;
background:transparent;
} 

.float_right{
    position:relative;
	width:auto;
	height:auto;
	float:right;
	padding:6px;
	margin: 0 0 10px 10px;
	}
	
.float_left{
    position:relative;
	width:auto;
	height:auto;
	float:left;
	padding:6px;
	margin: 0 10px 10px 0;
	}

.box_thumb{
    position:relative;
  	width:130px; /* 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:130px;
	height:130px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:130px;
	height:130px;
	overflow:hidden;
	float:left;
	margin: 8px;
	border: 1px solid #fff;
	}

#rodape {
clear: both;
height:auto;
width:100%;
font-size:90%;
text-align: center;
background:url(imagens/fundo_rod.jpg) right bottom no-repeat;
}
#rodape1 {background:url(imagens/fundo_rod_esq.jpg) left bottom no-repeat;padding:20px;}
img{border:0;}
.img_left {float:left;}
.img_border {border-top: #ccc 5px solid;border-left: #ccc 5px solid;border-right: #fff 5px solid;border-bottom: #fff 5px solid;}
