body {
	margin:0;
	padding:0;
	background-color:#000;
	background:url(imagens/fundobody.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
#tudo {
margin: 0 auto;
	background:url(imagens/fundocorpo.jpg) repeat-x;
	width:780px;
	height:800px;
	}

#topo {
	position:relative;
	width:780px;
	height:220px;
	background:url(imagens/cabe.jpg);
}
#esq {
	position:absolute;
	width:110px;
	height:280px;
	top:0;
	left:-110px;
}
#dir {
	position:absolute;
	width:110px;
	height:280px;
	top:0;
	left:780px;
}
#titulo {
	position:absolute;
	width:728px;
	height:auto;
	top:190px;
	left:32px;
	z-index:10;
	margin:0;
}
#menu{
	position:absolute;
	width:200px;
	height:auto;
	left: 7px;
	top: 229px;
}

#principal{
	position:absolute;
	text-align:justify;
	width: 554px;
	left: 218px;
	top: 232px;
	height: 502px;
	overflow:auto;
	scrollbar-base-color: #fff;

}
li a {
font-family:Arial, Helvetica, sans-serif;
color:#000099;
}

#rodape {
position:absolute;
top:760px;
left:0;
width:780px;
height:40px;
background: url(imagens/rodape.jpg);
}
#rodapeinfo{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:80%;
	text-align:center;
	position:absolute;
	top:730px;
	left:15px;
	width:740px;
	height:40px;
	overflow: auto;
	border-top:#CCCCCC 1px solid;
}
#rodapeinfo a{
   color: #000099;
}
a{
color: #0099FF;
text-decoration:none;
}
a:hover
	{
	color: #FFFF00;
	text-decoration: none
	}

h1 {
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color: #000066;
font-weight:bold;
margin:0;
}

h2 {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #FF6600;
font-style:italic;
}

p{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
font-weight:normal;
line-height:150%;
text-indent:5%;
letter-spacing:2px;
}
.um{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
font-weight:bold;
line-height:150%;
letter-spacing:2px;
}
.mini{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
line-height:150%;
letter-spacing:2px;
}
.pullquote{
width:200px;
float:right;
margin: 10px 0 10px 10px;
padding: 5px;
text-align:center;
text-indent:0;
border-top: 3px double  #000099;
border-bottom: 3px  double #000099;
font-size:80%;
}
#navegacao, #navegacao *{margin: 0; padding: 0;}

#navegacao{
list-style: none;
font-family:Arial, Helvetica, sans-serif;
width:200px;
background:transparent;

}
#navegacao li {
display:block;
text-align:right;
text-decoration:none;
height:26px;
padding-top:2px;
}

#navegacao li a {
display:block;
text-decoration:none;
text-align:right;
background: url(imagens/menua.jpg);
height:21px;
color: #000000;
font-size:14px;
padding-right:10px;
padding-top:5px;
}
#navegacao li a:hover {
display:block;
text-align:right;
text-decoration:none;
background: url(imagens/menuahover.jpg);
height:21px;
color: #0000FF;
font-size:14px;
padding-right:10px;
padding-top:5px;
}
.center{width:100%; clear:both;}
.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:122px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:90px;/* a altura varia de acordo com a quantidade de texto a ser exibido */
	float:left;
	padding:6px 3px 3px;
	margin: 5px;
	background: #eee;
	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:80px;
	height:60px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:80px;
	height:60px;
	overflow:hidden;
	float:left;
	margin: 0 10px 10px 0;
	border: 1px solid #fff;
	}
img{border:0;}