@charset "UTF-8";

#heroBanner {float: left; width: 100%; color: #FFF;}
#heroBanner h1 {text-align: center; margin-bottom: 44px; font-size: 3em; line-height: 1.8em;}

#heroBanner hr {background-color: #f7f7f7; border: 0px;}
#heroBanner hr.um {height: 2px;}
#heroBanner hr.dois {height: 4px; margin-bottom: 6px;}

#listaCertificados h2 {margin: 40px 0px 16px 0px; float: left;}
#listaCertificados h2 img {vertical-align: middle; margin-right: 16px;}
#listaCertificados .item {margin: 4px; float: left; width: 90%; padding: 16px; border-radius: 4px; background-color: #f7f7f7;}
#listaCertificados .item.titulos {background-color: #DDD;}
#listaCertificados .item.titulos p {font-weight: bold;}
#listaCertificados .item p {float: left; width: 24.8%; text-align: center; border-right: 1px solid #AAA; }

#listaCertificados .item p.instituicao { border-right: 0px; }

#listaCertificados .item p.descricao { width: 100%; border: 0px; height: auto;}

#listaCertificados .conteudo {margin-bottom: 24px;}


#certificado h2 {margin: 40px 0px 16px 0px; }
#certificado .decricao p {line-height: 1.6em;}
#certificado .cert {padding: 32px 0px;}

@media(max-width: 979px) {
	#heroBanner h1 {font-size: 2em;}
	
	#listaCertificados .conteudo {width: 100%;}
	
	#listaCertificados h2 {float: none; font-size: 1em;}
	#listaCertificados .item {width: 260px; padding: 16px; margin: 32px auto; float: none; }
	#listaCertificados .item p {border-bottom: 1px solid #AAA; border-right: 0px; padding: 16px 0px; height: auto; float: none; width: 100%;}
	#listaCertificados .item p.instituicao { border-bottom: 0px;}
}