@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;}

#listaTreinamentos h2 {margin: 40px 0px 16px 0px; float: left;}
#listaTreinamentos h2 img {vertical-align: middle; margin-right: 16px;}
#listaTreinamentos .item {margin: 16px; float: left; width: 90%; padding: 16px; border-radius: 4px; box-shadow: 0px 4px 16px rgba(129, 129, 129, 0.25); background-color: #f7f7f7;}
#listaTreinamentos .item p {float: left; width: 19%; text-align: center; border-right: 1px solid #AAA; height: 80px; }

#listaTreinamentos .item p.training {width: 14%; height: 92px; padding-top: 0px; }
#listaTreinamentos .item p.agenda {width: 27%; height: 76px; padding-top: 16px; font-size: .86em; }
#listaTreinamentos .item p.formato {width: 18%; height: 68px; padding-top: 24px; }
#listaTreinamentos .item p.idioma {width: 12%; height: 66px; padding-top: 26px; }
#listaTreinamentos .item p.parceiro {width: 16%; height: 64px; padding-top: 28px; }
#listaTreinamentos .item p.inscricao {width: 12%; height: 58px; padding-top: 34px; border-right: 0px;}

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

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


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