*{
margin:0px;
padding:0px;
border:0px;
text-decoration:none;
}

body{
background:#CCC;
text-align:center;
padding:20px ;
height: 100% ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%
}

#principal h2{
width:100%;
font-size:200%;
text-align:center;
margin-top:10px;
margin-bottom:20px;
color:#055AC7;
}

#principal h3{
width:100%;
font-size:150%;
text-align:center;
margin-top:10px;
margin-bottom:20px;
color:#055AC7;
}

h1{
 text-indent:-9000px;
}

#principal{
margin:0 auto;
background:#FFF;
border:1px solid #000;
width:732px;
text-align:left;

}

#topo{
 background: url('./img/topo.jpg') no-repeat;
 background-position:-1px -1px;
 width:732px;
 height:100px;

}

#brasao{
float:right;
margin:10px;
}

#imagem{
text-align:center;
float:right;

}




/************************************************
menu
************************************************/
#menu{
text-align:left;
float:left;
margin:20px;
border:2px dotted #000;
width:160px;
padding:10px 0 10px 0;
}

#menu ul {
list-style-image:url('img/seta.jpg');
margin:5px;
padding-left:20px;
}

#menu ul li{
font-size:150%;
font-weight:normal;
padding-bottom:7px;

}

#menu ul li a{
color:#000;
border-bottom:1px solid #000
}

#menu ul li a:hover{
color:#555;
margin-left:5px;
}


/************************************************
conteudo
************************************************/
#conteudo{
	float:left;
	margin:20px;
	padding:20px;
	width:400px;
	border:2px dotted #007CC2;
	vertical-align: middle;

}

#conteudo p{
	margin-bottom:10px;
	text-indent:15px;
	text-align:justify;
}

#conteudo p a{
	color:#000;
}

#conteudo p a:hover{
	color:#000;
	border-bottom:1px dotted #000;
}

#conteudo h3{
font-size:120%;
margin:15px 0 5px 0;
text-indent:10px
}

#conteudo ul{
	margin-left:40px;
}

#conteudo table{
width:400px;
border:1px solid #000;
}

td{
	vertical-align:top;
	background:#EEE;
	padding:5px;
	border:0.5px solid #FFF;
}

td ul{
	list-style:none;
}

td ul li {
	list-style:none;
	margin-left:-40px;
	padding-bottom:5px;
}

/************************************************
rodape
************************************************/
#rodape{
margin:0 auto;
width:733px;
text-align:center;
height:50px;
clear:both;
padding-bottom:20px;
}

#rodape p{
margin:0 auto;
padding-top:10px;
border-top:1px solid #000;
width:70%;
margin-top:10px;

}

/************************************************
classes formatacao
************************************************/
.left{
text-align:left;
width:100%;
}

.importante{
color:#F00;
}
.s{
border-bottom:1px solid;
}