@charset "UTF-8";

.content {max-width: 1104px; padding: 24px 48px 0px 48px;}
.sessao {padding-bottom: 24px;}
.sessaoPar {background-color: #FFF;}
h1 {font-size: 2.8em; margin-bottom: 16px;}
h2 {font-size: 2.4em; margin-bottom: 16px; margin-top: 24px;}
h3 {font-size: 2em; margin-bottom: 16px; margin-top: 24px;}
p {line-height: 1.6em;margin-bottom: 16px;}
li {line-height: 1.6em;}

#destaque {background-color: #EEE; background-image: url("../images/FundoSessaoBranco.png"); background-repeat: no-repeat; background-position: 100% 50%;}
#destaque #inicio {width: 100%;}
#destaque #autorDados {margin-top: 10px;}
#destaque #autorImg {width: 60px;}
#destaque .data {color: #666; font-size: .9em;}
#destaque #compartilhar {float: right; text-align: right;}
#destaque #compartilhar a {margin-right: 7px;}

img.imgGrande {width: 95%; height: auto;}
p.espaco {margin-top: 24px; margin-bottom: 24px;}
p.center {text-align: center;}
p.atencao {font-size: 1.2em; font-style: italic;}
p.citacao {background-color: #DDD; margin: 32px; padding: 8px;}

#sessao1 img {vertical-align: middle;}

table {background-color: #000; margin: 0 auto; width: 85%;}
th {background-color: #76C1B2; padding: 4px;}
td {background-color: #FFF; padding: 4px;}

@media(min-width: 1200px) {
	.content {float: none; width: 1104px; margin: 0 auto;}
	#destaque #inicio {width: 1104px;}
}

@media(max-width: 959px) {
	.content {padding: 12px 24px 0px 24px;}
	h1 {font-size: 2em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.6em;}
}

@media(max-width: 619px) {
	.content {padding: 0px; margin: 0px; width: 100%;}
	.sessao {padding-bottom: 24px;}
	
	h1, h2, h3, p {margin: 8px 12px 12px 12px;}
	table { width: 90%;}
	td p {margin: 2px 4px 4px 4px;}
	p {line-height: 1.4em;}
	
	#destaque {background-image: none;}
	
	#sessao1 p.center img {width: 95%; height: auto;}
}

@media(max-width: 359px) {
	h1 {font-size: 1.6em;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.2em;}
	
	th {padding: 2px;}
	td {padding: 2px;}
}