/* ESTILO.CSS */

*{ margin: 0; padding: 0; }
header{ 
	/* min-height: 90px;  */
	background-color:#262626; }
body{ 
	height:100vh;
	font-family: helvetica, arial; font-size: 16px; color:#333;
	display:flex; 
	flex-direction:column; 
 }

article {
	padding: 50px 0;
}
footer{ 
	
	background-color: #333; 
	padding:5px 0; 
	text-align: center; 
	font-size:12px; 
	color: #d5d5d5; 
	margin-top:auto; 
	height: 30px;
}

/* a{
	border: 1px solid red;
} */

li ul{
	/* marker none */	
	padding-left: 30px;	
}

ul, ol {
	padding-left: 20px;
}

img{
	max-width: 100%;
	height: auto;
}

/* CLASSES */
.logo {
	float:left;
	padding: 5px 20px;
	height: 90px;
}

/* id */
#menu{ float:right; padding-top: 33px; }
#menu a{ text-decoration: none; padding: 37px 15px; color: #e3e3e3; }
#menu a:hover{ background-color:#d5d5d5; color:#333; }