body {
	margin:0;
	padding:0;
	background-color:#FFA403;
}
#esq {
	position:absolute;
	width:110px;
	height:280px;
	top:0;
	left:-110px;
}
#dir {
	position:absolute;
	width:110px;
	height:280px;
	top:0;
	left:780px;
}
#datahora {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#0000CC;
	text-align:right;
	width:550px;
	height:25px;
	z-index:3;
	left: 210px;
	top: 248px;
}
#tudo {
	position:relative;
	background:url(imagens/fundocorpo.jpg);
	background-repeat:repeat-y;
	width:780px;
	height:auto;
	}
#topo {
position:relative;
width:780px;
height:230px;

}
#tarja {
	width:780px;
	height:50px;
	z-index:1;

}
#menu{
	width:200px;
	z-index:6;
	height:auto;
	float:left;
}

#principal{
	text-align:justify;
	padding: 0 20px 4px 10px;
	width: 540px;
	float:right;
	z-index: 2;

}
#rodape {
    clear: both;
	padding:6px 0;
	text-align:center;
	width:780px;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:170%;
	color:#FFFFFF;
	background-color: #FFA403;

}
#rodape1 {
    clear: both;
	padding-top:4px;
	width:780px;
	height: 64px;
	color:#FFFFFF;
	background-color: #FFA403;


}

a{
color: #0099FF;
text-decoration:none;
}
a:hover
	{
	color: #FFFF00;
	text-decoration: none
}
ul{
list-style: square;
list-style-position:inside;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
line-height:150%;
letter-spacing:2px;
}

h1 {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color: #FF9900;
}

h2 {
text-align:left;
width:70%;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color: #AF1F07;
font-weight:bold;
border-bottom:1px solid #AF1F07;
}
h3 {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color: #000000;
font-style:italic;
font-weight:normal;
}

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:justify;
}
.um{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
line-height:150%;
letter-spacing:2px;
text-align:center;
}
.pullquote{
width:200px;
float:right;
margin: 10px 0 10px 10px;
padding: 5px 5px 5px 5px;
text-align:center;
text-indent:0;
border-top: 3px solid  #FF9900;
border-bottom: 3px solid #FF9900;
}
.menu{
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
}
#navegacao, #navegacao *{margin: 0; padding: 0;}

#navegacao{
list-style: none;
width:200px;
float:left;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
}
#navegacao li {
padding-top:2px;
border:0;

}

#navegacao li a {
height:auto;
font-size:16px;
display:block;
text-decoration:none;
color: #AF1F07;
padding: 4px 6px 2px 0;
border-right: 6px solid   #AF1F07;
background: #FFFFFF;
}

#navegacao li a:hover {
display:block;
text-decoration:none;
color: #00CC00;
padding: 4px 6px 2px 0;
border-right: 6px solid   #00CC00;
background: #FFA403;
}
#navegacao2, #navegacao2 *{margin: 0; padding: 0;}

#navegacao2{
list-style: none;
width:200px;
float:left;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
}
#navegacao2 li {
padding-top:2px;
border:0;

}

#navegacao2 li a {
height:auto;
font-size:13px;
display:block;
text-decoration:none;
color: #AF1F07;
padding: 4px 6px 2px 0;
border-right: 6px solid   #AF1F07;
background: #FFFFFF;
}

#navegacao2 li a:hover {
display:block;
text-decoration:none;
color: #00CC00;
padding: 4px 6px 2px 0;
border-right: 6px solid   #00CC00;
background: #FFA403;
}
.box_thumb{
    position:relative;
  	width:130px; /* 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:130px;
	height:130px;
	overflow:hidden;
	}
	
.thumb_float {/* igual ao decima porém flutuante  */
	width:130px;
	height:130px;
	overflow:hidden;
	float:left;
	margin: 0 5px 5px 0;
	border: 1px solid #fff;
	}
	
img{ border:0; padding:0; margin:0;}
.img_left{float:left;}
.img_right{float:right;}