body {
	text-align:center; /*centraliza no IE*/
	margin: 0;
	padding: 0;
	background: url(imagens/fundobody.jpg) top repeat-x;
    font-family: "Courier New", Courier, monospace;
	font-style:italic;
	background-color:#FFF;
}
#tudo {
    margin: 0 auto; /*centraliza em navegadores padrão*/
	text-align:left; /* retorna alinhamento texto para a esquerda*/
	position:relative;
	width:780px;
	height:auto;
	}
#dir {
	position:absolute;
	width:110px;
	height:300px;
	top:0;
	left:780px;
	background:url(imagens/dir.jpg);
}
#esq {
	position:absolute;
	width:110px;
	height:650px;
	top:0;
	left:-110px;
	background:url(imagens/esq.jpg);
}
#datahora {
	position:absolute;
	font-size:80%;
	color:#FCEADA;
	text-align:right;
	width:550px;
	height:25px;
	z-index:3;
	left: 223px;
	top: 202px;
}

#topo {
	position:relative;
	width:780px;
	height:360px;
	text-align:center;
}

#flutuaesq{
	position:relative;
	width:auto;
	height:auto;
	float:left;
	padding:6px;
}
#principal{
	text-align:center;
	padding: 15px 10px;
	width: 756px;
	height:auto;
}
#principal_left{
	width: 420px;
	float:left;
	height:auto;
}
#principal_right{
	width: 320px;
	float:right;
	height:auto;
}

#rodape {
    clear: both;
	padding:6px;
	text-align:center;
	width:768px;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:170%;
	color: #660000;
	border-top: #fff 3px double;

}


a{
color: #993300;
text-decoration: none;
}
a:hover
	{
	color: #FF6600;
	text-decoration: none;
}
ul{
list-style: square;
list-style-position:inside;
font-family:Arial, Helvetica, sans-serif;
line-height:150%;
letter-spacing:2px;
}

h1 {
margin-top: 0; /*retira margem superior em navegadores padrão*/
font-size:120%;
color: #660000;
}

h2 {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
color: #CC3333;
font-weight:normal;
border-bottom:1px solid #CC3333;
}

h3 {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
color: #FF6666;
font-weight:bold;
font-style:italic;
text-indent: 3%;
}

p{
color: #660000;
font-weight:normal;
line-height:120%;
text-indent:5%;
letter-spacing:2px;
text-align:center;
}
strong{
font-size: 110%;
}
em{
font-size: 105%;
color:#FF6600;
}
.um{
font-size:100%;
text-align:center;
}
.pullquote{
width:250px;
float:right;
margin: 10px 0 10px 10px;
padding: 5px 5px 5px 5px;
text-align:center;
text-indent:0;
border-top: 3px double  #834532;
border-bottom: 3px double #834532;
}
.menu{
padding-top:6px;
color:#660000;
}
.box_thumb{
    position:relative;
  	width:130px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:140px;/* 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:130px;
	height:130px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:120px;
	height:120px;
	overflow:hidden;
	float:left;
	margin: 4px;
	}
img{border:0;}