iframe {
	width: 800px;
	height: 600px;
}

table, td, th {
	border: 1px #000 solid;
	border-collapse: collapse;
	padding: 5px;
}

.section, .section-subsection, .expansao, h1, h2 {
	max-width: 800px;
}

.section > div, .section-subsection > div {
	display: inline-block;
	border: 1px #000 solid;
	box-shadow: 5px 5px 5px #888888;
	padding: 5px;
	max-width: 33%;
	min-width: 20%;
	min-height: 50px;
	background-color: #FFF;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.expansao {
	border: 1px #000 solid;
	background-color: #FFF;
	box-shadow: 5px 5px 5px #888888;
	padding: 5px;
	min-height: 180px;
}


.card > div > h1, .card > li > h1 {
	font-size: x-large;
	text-align: justify;
}

.card > div > h2, .card > li > h2 {
  font-size: large;
  text-align: justify;
}

.card > table {
	width: 100%;
}

* > .card > div, * > .card > li {
	vertical-align: top;
	margin-bottom: 5px;
}

.card td li {
	margin-left: -20px;
}

.pendente, .pendente a {
	color: #C00;
}

.pago, .pago a, .concluido, .concluido a, .ok, .ok a {
	text-decoration: line-through;
	color: #999;
}

.checklist {
	display: inline-block;
	border: 0;
	vertical-align: top;
}

.checklist td {
	max-width: 200px;
}

.checklist caption {
	font-size: x-large;
}