.container {
	max-width: 1100px;
}

.titulo-principal {
	display: inline-block;
	font-size: 1em;
    font-weight: bold;
}

.acessibilidade {
	margin: 20px 0;
}

.blocos {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	max-width: 1170px;
    margin: auto;
}

.box {
	background: #f8f8f8;
	width: 330px;
	min-height: 350px;
	margin: 20px;
	border-radius: 10px;
	padding: 10px;
}

.box h3 {
	text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

.box ul {
	list-style: square;
}

.box li {
	margin: 5px 0;
	transition: .2s;
}

.box li:hover {
	background: #e1e1e1;
}

.box a {
	color: #383838;
	text-decoration: none;
}

a:focus, 
a:hover {
    color: inherit !important;
    text-decoration: inherit !important;
}

.border-azulescuro {
 	border-top: 13px solid #215ea2;
}

.border-verdeescuro {
 	border-top: 13px solid #165251;
}

.border-vinho {
 	border-top: 13px solid #820014;
}

.border-ciano {
 	border-top: 13px solid #31bbce;
}

.border-verde {
 	border-top: 13px solid #238f41;
}

.border-vermelho {
 	border-top: 13px solid #cd2122;
}

.border-laranja {
 	border-top: 13px solid #f06c28;
}

.border-oliva {
 	border-top: 13px solid #ada81e;
}

.border-roxo {
 	border-top: 13px solid #7c3096;
}

.border-laranjaclaro {
 	border-top: 13px solid #fba451;
}

.border-amarelo {
 	border-top: 13px solid #fdd34b;
}

.border-lilas {
 	border-top: 13px solid #cf84ea;
}

footer {
	background: #ECECEC;
	font-size: .8em;
	padding: 15px;
}

footer h3 {
	font-size: 1.3em;
}