body {
text-align:center;
line-height:140%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size: 14px;
background:#eee;
line-height:140%;
}

#tudo {
	margin:0 auto;
	padding-top:190px;
	position:relative;
	width:100%;
	max-width:1100px;
	text-align:center;
	background:#000;
	margin-top:20px;
	border:6px solid #fff;
	}

#topo {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:180px;
	background: url(imagens/fundo_cabe.jpg) top repeat-x;
}

#menu{
	position:absolute;
	width:100%;
	height:40px;
	top:110px;
	left:0;
	letter-spacing:0.15em;
	}
#menu a{color:#000;}
#menu a:hover {color:#ff0000; font-weight:bold;}

#principal{
width:96%;
padding:0 2% 2%;
height:auto;
}
#principal_left{
position:relative;
width:53%;
height:auto;
float:left;
}
#principal_left img{
border: 5px solid #fff;
}
#principal_right{
padding-top:20px;
position:relative;
width:46%;
height:auto;
float:right;
}

#rodape{
clear:both;
width:98%;
padding:10px 1% 1% 1%;
background: url(imagens/fundo_rodape.jpg) top repeat-x;
color:#000;
}
#rodape a{color:#ff0000;}
#rodape strong{color:#000;}
.center{width:100%; clear:both;}
.float_right{
    position:relative;
	padding: 6px;
	width:auto;
	height:auto;
	float:right;
	border: 3px double #ccc;
	margin:20px;
	}
	
.float_left{
    position:relative;
	width:auto;
	height:auto;
	float:left;
	margin:0 10px 10px 0;
	}

.box_thumb{
    position:relative;
  	width:156px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:195px;/* 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:80px;
	height:60px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:80px;
	height:60px;
	overflow:hidden;
	float:left;
	margin: 10px;
	border: 1px solid #eee;
	}
img{border:0;}
.img{padding: 6px; border: 1px solid #CAE1E1;}
