html body {
	top:0;
	margin:0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(imagens/fundo_dgd.jpg);
	background-attachment: fixed;
}

hr {
	display:none;
}

abbr, acronym {
	cursor: help;
}

#fundotopo {
	width:100%;
	height:200px;
	position:absolute;
	top:0;
	padding:0;
	background-image:url(imagens/fundo_topo.jpg);
	background-repeat:repeat-x;
	float:left;
}

#pagina {
	width:770px;
	position:absolute;
	top:0;
	left:30px;
	margin-right:30px;
	padding: 0;
}

#topo {
	width:770px;
	height:100px;
	margin:0;
	padding:0;
	background-image:url(imagens/barra_topo_1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}

/*#topo h1 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color:#FFCC00;
	text-align: center;
	letter-spacing: 2px;
}*/

#topo h1 {
	text-align: left;
	text-indent: -10000px;
	overflow: hidden;
	line-height: 0;
}

#botoes {
	width: 770px;
	height: 129px;
	margin: 0;
	padding: 0;
	background-image:url(imagens/barra_topo_2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}

#botoes ul {
	width: 600px;
	height: 30px;
	margin: 0;
 	padding: 55px 0 0 50px;
	list-style: none;
}

#botoes ul li {
	display: inline;
}

#botoes ul li a {
	margin-left: 2px;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	border-right: 2px solid #aa6600;
	float:left;
}

#botoes ul li a:link, #botoes ul li a:visited{
	color: #FF9933;
}

#botoes ul li a:hover, #botoes ul li a:active{
	color:#FFCC00;
	background-color:#aa0000;
}

#texto {
	width: 770px;
	height: 100%;
	margin: 0;
	padding: 0;
	color:#990000;
	background-image: url(imagens/fundo_pagina.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	float:left;
}

#texto h1 {
	margin: 0;
	padding: 0 25px 0 25px;
	font-size: 22px;
	font-weight: bold;
	font-style:italic;
}

#texto h2 {
	margin: 0;
	padding: 0 25px 0 25px;
	font-size: 18px;
	font-weight: bold;
	font-style:italic;
}

#texto p{
	width:705px;
	margin: 0;
	padding: 10px 25px 10px 25px;
	font-size: 13px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: 1px;
	text-align:justify;
	text-indent: 30px;
}

#texto img{
	margin: 15px;
	padding:3px;
	border: 3px solid #990000;
	background-color:#FFFFFF;
}

#texto a{
	padding: 5px;
	font-size: 12px;
	text-decoration: underline;
	color: #990000;
}

#texto a:hover, #texto a:active{
	color: #ffffff;
	background-color:#990000;
}

#texto ul{
	width: 720px;
	margin: 0;
	padding: 0 25px 0 25px;
	list-style: square inside;
	float:left;
}

#texto ul li{
	padding: 0 15px 0 5px;
	font-size: 14px;
	font-style:italic;
	line-height: 180%;
	text-align:justify;
}

#texto p.pagina1{
	width:480px;
	padding: 10px 0 10px 25px;
}

#texto p.pagina2{
	width:420px;
	padding: 10px 0 10px 25px;
}

#texto p.legenda{
	font-size: 11px;
	font-style:italic;
}

#texto p.leg_esquerda{
	width: 200px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
	float: left; 	
	}

#texto p.leg_direita{
	width: 200px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: right;
	float: right;
}

#texto p.leg_descoberta{
	width: 400px;
	margin: 0 10px 15px 0;
	padding: 0;
	text-align: right;
	float: right;
}

#texto p.leg_alvares{
	width: 290px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
	float: left;
}

#texto p.leg_urubus{
	width: 260px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
	float: left;
}

#texto p.leg_varadouro{
	width: 130px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: right;
	float: right;
}

#texto p.leg_nuvens{
	width: 150px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
	float: left; 	
	}
	
#texto p.leg_sobrinhos{
	height: 100%;
	width: 200px;
	float: right;
	margin: 0;
	padding: 0 15px;
	font-size: 12px;
	font-weight:bold;
	font-style:italic;
	text-align: right;
}

#texto p.leg_quemsomos{
	width: 255px;
	margin: 80px 0 0 0;
	padding: 0;
	font-size: 12px;
	font-style:italic;
	text-align: left;
	float: left;
}

#texto ul.nav{
	width: 700px;
	margin: 20px 0 20px 0;
	list-style: none;
	float:left;
	background-color: transparent;
}

#texto ul.nav li{
	display:inline;
}

#texto ul.nav li a{
	padding: 10px;
	font-size: 12px;
	text-decoration: underline;
	font-style: normal;
	color: #990000;
}

#texto ul.nav li a:hover, #texto ul.nav li a:active{
	color: #ffffff;
	background-color:#990000;
}

#indice{
	width: 380px;
	margin: 0 15px;
	padding: 0;
	background-color:#990000;
}

#indice ol{
	margin: 10px;
	padding: 10px;
	font-size: 12px;
	font-style:italic;
	list-style-position:inside;
	list-style-type: decimal;
	color:#FFCC00;
}

#indice ol li a{
	padding: 0;
	text-decoration: underline;
	line-height: 180%;
	color:#FFCC00;
}

#adendo{
	position:relative;
	width: 650px;
	margin: 20px 25px 20px 25px;
	padding: 0;
	background-color:#FFCC66;
	border: 2px dashed #FF0000;
	float:left;
}

#adendo h1{
	width: 590px;
	margin: 15px 30px 15px 30px;
	padding: 0;
	font-size: 18px;
	font-weight:900;
	font-style:italic;
	text-align: left;
}

#adendo p{
	width: 590px;
	margin: 15px 30px 15px 30px;
	padding: 0;
	font-size: 12px;
	font-weight:bold;
	font-style:italic;
	text-align: justify;
}

#rodape {
	width: 770px;
	height: 80px;
	margin: 0;
	padding: 0;
	background-image: url(imagens/rodape.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}

#rodape ul{
	width: 420px;
	height: 20px;
	margin:40px 15px 10px 0;
	padding:0;
	font-size: 10px;
	color:#CC6600;
	list-style:none;
	float:right;
}

#rodape ul li{
	display:inline;
}

#rodape ul li a{
	color:#CC6600;
	text-decoration:none;
}

#rodape ul li a:link, #rodape ul li a:visited{
	border-bottom: 1px dashed #000000;
} 

#rodape ul li a:hover, #rodape ul li a:active{
	color: #FFFFFF;
	background-color:#000000;
	border-bottom: 2px dashed #FFFFFF;
} 


.cheia {
	position:relative;
	width: 735px;
	height: 100%;
	margin: 0;
	padding:  20px 15px 20px 15px;
	float:left;
}

.sobrinhos {
	width: 300px;
	height: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	height: 1px;
	float: right;
}

.esquerda{
	float: left;	
}

.direita{
	float: right;
}