*{
	margin: 0;

}
header{
	height: 50px;
	width: 100%;
	background-color: black;	
	float: left;
	margin: 0;	
	
}

header p {
	color:white;
	float: right;
	margin-right: 40%;
	width: 20%;
	float: right;
}

header li {
	display: inline;	
	color: lightblue;
}

#HeaderP{
	padding-bottom: 30px;
	position: absolute;
	margin-left: 50%;
	margin-top: 15px;
}

.HeaderLista{
	width: 300px;
	padding-top: 15px; 
	padding-left: 10px;
	margin-left: 50px;
	position: absolute;
}

.HeaderLista li{
	padding: 8px;
	margin-top: 50%;	
}

nav{	
	display: flex;
	width: 100%;
	height: 50px;
	border-bottom:  5px solid gray;
	border-top:  5px solid gray;
	background-color: #0B2C4D;
}
nav li{
	display: inline;
}

nav a {
	color: white;	
	text-decoration: none;
	font-size: 20px;
	padding: 12px;
	padding-left: 20px;	 
}

main{
	width: 70%;
	float: left;
	height: 100%;
	border: 20px solid white;
}

main h2{
	text-align: center;

}
.active{
	background-color: #005685; 
}

article{
	border:15px solid #BABABA;
	height: 100%;
	width: 100%;

}
section{	
	background-color: #D8D8D8;
	height: 100%;
	width: 100%;
	padding-top: 20px;
}

section h2{
	color: #ACC4DC;
	padding-bottom: 25px;
	font-size: 35px;
}

.coluna {
  float: left;
  width: 20%;
  padding: 10px;
  padding-left: 25px;
}

.linha:after {
  content: "";
  display: table;
  clear: both;
}

aside{	
	width: 20%;
	float: right;
	height: 487px;
	background-color: #002252;
}

aside li{
	color: lightblue;
	margin-top: 8px; 
}

footer {
	padding-top: 20px;
	display: flex;	
	bottom: 0;
	height: 40px;
	width: 100%;
	background-color: black;
	color: white;
	text-align: left;		
}