body {
	text-align:center; /*centraliza no IE*/
	margin: 0;
	padding: 0;
	background: url(imagens/fundobody.jpg) repeat-x;
    font-family:Arial, Helvetica, sans-serif;
	background-color:#EDFEB8;
}
#tudo {
    margin: 0 auto; /*centraliza em navegadores padrão*/
	text-align:left; /* retorna alinhamento texto para a esquerda*/
	position:relative;
	width:780px;
	height:auto;
	background-color:#EAFBB5;
	}
	
#topo {
position:relative;
width:780px;
height:250px;
background:url(imagens/cabe.jpg);
}
#esq {
	position:absolute;
	background:url(imagens/esq.jpg);
	width:110px;
	height:200px;
	top:0;
	left:-110px;
}
#dir {
	position:absolute;
	background:url(imagens/dir.jpg);
	width:110px;
	height:600px;
	top:0;
	left:780px;
}
#flutuaesq{
	position:relative;
	width:140px;
	height:184px;
	float:left;
	border: 1px solid #A4C342;
	border-width:2px 2px 4px 1px;
	margin:6px;
	padding:6px;
	font-size:11px;
	text-align:center;
	overflow:hidden;
}

#flutuaesq img{
border:0;
}

#imagem{
position:absolute;
left:333px;
top: 251px;
visibility: hidden;
width:488px;
height:450px;
background-color: #FFFFFF;
text-align:center;
padding:30px;
z-index:10;
}
#menu{
	width:220px;
	background:url(imagens/fundomenu.jpg) right top no-repeat;
	height:auto;
	float:left;
}

#principal{
	text-align:left;
	min-height:400px;
	padding: 65px 10px 3px 10px;
	width: 526px;
	float:right;
	background:url(imagens/fundoprincipal.jpg) right top no-repeat;
}
* html #principal{ height:350px;}
#center{
text-align:center;
width:100%;
}
#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: #009900;
	border-top:  #A5C443 3px double;

}


a{
color: #0099FF;
text-decoration:none;
}
a:hover
	{
	color: #00CC00;
	text-decoration: none
}

ul{
list-style: square;
color:#669933;
text-align:left;
text-indent: 3%;
font-family:Arial, Helvetica, sans-serif;
line-height:150%;
letter-spacing:2px;
}

h1 {
margin-top: 0; /*retira margem superior em navegadores padrão*/
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#A5C444;
padding-right:20px;
}

h2 {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#A5C444;
font-weight:bold;
border-bottom:1px dotted #A5C443;
}

p{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
font-weight:normal;
line-height:120%;
text-indent:5%;
letter-spacing:2px;
text-align:left;
}
P + P {margin-top: -20px;}
.um{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
line-height:150%;
letter-spacing:2px;
text-align:center;
}
.recuo{text-indent:5%;}
.pullquote{
width:200px;
float:right;
margin: 10px;
padding: 5px;
text-align:center;
text-indent:0;
border-top: 3px double  #834532;
border-bottom: 3px double #834532;
}
.menu{
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
}
strong{
color:#7B952F;
font-weight:bold;
}
.thumb{
width:140px;
height:160px;
}
.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:140px;
	height:184px;
	float:left;
	border: 1px solid #A4C342;
	border-width:2px 2px 4px 1px;
	margin:6px;
	padding:6px;
	font-size:11px;
	text-align:center;
	overflow:hidden;
	}
	
.thumb {/* tem que ter medidas exatas para manter padrão -  está vinculado com o php que gera as miniaturas da galeria*/
	width:140px;
	height:160px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:140px;
	height:160px;
	overflow:hidden;
	float:left;
	margin: 8px;
	border: 1px solid #fff;
	}
img{border:0;}