body {
text-align:center;
line-height:120%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background: url(imagens/fundobody.jpg) top left no-repeat;
font-size:14px;
}

#tudo{
position:relative;
	width:94%;
	margin:3%;
	height:auto;
	background: url(imagens/logo.jpg) top right no-repeat;
}
#topo {
    margin:1%;
	text-align:center;
	width:98%;
	height:170px;
	background: url(imagens/cabe_fundo.jpg) top repeat-x;
}

#principal{
line-height:140%;
width:71%;
padding:1% 2%;
height:auto;
float: right;
}

#menu {
    float:left;
	width:22%;
	height:auto;
	padding:1%;
	text-align:right;
}
#data {
	position:absolute;
	width:90%;
	height:auto;
	top:160px;
	left:60px;
	z-index:20;
	text-align: right;
	color:#000;
	font-size:12px;
}

#tarja{
position:relative;
width:100%;
height:20px;
border: solid #fff;
border-width: 1px 0;
}

.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:110px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:160px;/* 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:110px;
	height:110px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:110px;
	height:110px;
	overflow:hidden;
	float:left;
	margin: 8px;
	border: 1px solid #fff;
	}

#rodape {
clear: both;
height:auto;
padding: 10px 0 0;
width:98%;
margin:1%;
text-align: center;
background: url(imagens/rodape_fundo.jpg) bottom repeat-x;
border-top: #FF6633 double 3px;
}
#info{
	position:relative;
	width: 100%;
	height: 60px;
	overflow:auto;
	text-align:center;
}

img{border:0;}
.img_right {float:right;}
.img_left {float:left;}

h1 {
margin-top:0; /*retira margem superior em navegadores padrao*/
font-size:18px;
color: #ff0000;
text-align:left;
}
h2 {
font-size:16px;
text-align:left;
color: #ff0000;
}
h3 {
font-size:14px;
text-align:left;
color: #ff0000;
}

p{
text-align:justify;
text-indent:3%;
line-height:140%;
}

em{
font-style:italic;
color: #006600;
}
strong{
color:#ff0000;
}
ul{text-align:left;}
p:first-letter {
font-family:"Times New Roman", Times, serif;
font-size: 130%;
font-weight:bold;
color:#ff0000;
}

a 
	{
	color: #0000ff;
	}

a:hover
	{
	color: #00cc00;
	}
	
.um{
text-align:left;
}
.dois{
text-align:left;
color:#0033FF;
font-size:12px;
}
.tres{color:#FF0000;}
.quatro{color: #0066FF;font-size:12px;}