@font-face {
	font-family: 'Rawline';
	src: url('rawline-500.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rawline';
	src: url('rawline-700.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

body {
	margin: 0;
}

header {
	background: #f8f8f8cc;
	backdrop-filter: blur(5px);
	border-bottom: 2px solid #ccc;
	box-sizing: border-box;
	height: 180px;
	margin: 0 8px;
	padding-top: 20px;
	position: sticky;
	text-align: center;
	top: 0;
}
header img {
	height: 120px;
	opacity: .5;
	position: absolute;
}
header p {
	font-size: .9rem;
	margin: 0;
}
h1 {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.6;
	margin: 0;
}

table {
	border-collapse: collapse;
	margin: 0 auto;
	width: calc( 100% - 16px );
}
th,
td {
	border-bottom: 1px solid #ccc;
	padding: 1em .5em;
}
thead {
	position: sticky;
	top: 130px;
}
tbody tr:hover {
	background: #f2ffed;
}

ul {
	line-height: 1.5;
	list-style: none;
	padding: 0;
}
ul a {
	color: inherit;
	text-decoration: none;
}
ul a:hover {
	color: #00e;
	text-decoration: underline;
}

a.resumo {
	background: url('pdf_icon.png') no-repeat center top;
	display: block;
	width: 60px;
	margin-top: 5px;
	padding: 55px 0px 0px 0px;
	text-align: center;
	font-size: 10px;
	color: #666;
	text-decoration: none;
}

.banner {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.center {
	text-align: center;
}

.container {
	background: #f8f8f8;
	color: #333;
	font: 16px Rawline, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	min-height: 100vh;
}

.download {
	bottom: 60px;
	font-size: .8em;
	overflow: hidden;
	position: absolute;
	right: 140px;
	text-align: right;
	transition: .5s width;
	width: 16px;
	white-space: pre;
}
.download::before {
	content: '💾 ';
}
.download:hover {
	width: 220px;
}

.escudo-ufpel {
	right: 0;
}
.marca-siiepe {
	left: 0;
}