html, body {

margin: 0;

padding: 0em;

font-family: Arial, Verdana, sans-serif;

color: #1b1818;

width: 97%;

}

#topo {



background-color: #ffffff;

color: #000000;

width: 100%;

}



#topo h1 {

	background: #fecd08;

border-left: 5px solid #000000;

border-bottom: 2px solid #000000;

font-size: 125%;

margin: 5px;

padding: 5px 10px;

Text-align: center;

}

#topo h2 {

	background-color: #ffffff;

	border-left: 5px solid #fecd08;

	border-top: 2px solid #fecd08;

	font-size: 100%;

	font-variant: smallcaps;

	margin: 3px 10px 3px 15px;

	padding: 5px;

	text-align: justify;

}



#topo p {

	color: #000000;

	margin: 0 20px;

	padding: auto;

	text-align: justify;

}



#conteudo {

border-bottom: 1px solid #000000;

border-top: 1px solid #000000;

margin-top: 10px;

margin-bottom: 3px;

height: auto;

width: 100%;

padding-right: 5px;

padding-left:0px;

float:right;

background-image: url(../img/marca-agua-pop.GIF);

background-position: bottom right;

background-repeat: no-repeat;

}



#conteudo h3 {

	border-top: 1px dashed #000000;

	font-transform: uppercase;

	font-weight: bold;

	margin:5px 0 2px 10px;

	padding: auto;

	Text-align: justify;

}



#conteudo h4 {

	font-transform: uppercase;

	font-weight: bold;

	margin-left: 10px;

	padding: auto;

	Text-align: justify;

}



#conteudo address {

	margin-left: 10px;

}

.escuro {

	font-weight: bold;

}

/* imagens - fixar à direita (drt) e à esquerda (esq) */



img.drt {

	padding:1em;

	margin:1em;

	border-top:.1em solid #fecd08;

	border-bottom:.1em solid #fecd08;

	float:right;

	background-color: white;

}

img.esq {

	padding:1em;

	margin:1em;

	border-top:.1em solid #fecd08;

	border-bottom:.1em solid #fecd08;

	float:left;

	background-color: white;

	}

	



#rodape{

margin-top: 10px;

text-align: center;

}