/* CSS Document */

@charset "UTF-8";

h3 {font-size: 1.6em; padding-bottom: 24px;}

div#destaque {background-color: #F9EEE8; color: #000;}
div#destaque h1 {color: #D47343;}
div#destaque .realcar {font-weight: bold; color: #CB622E;}

#compre .venda {font-weight: bold;}
#compre .dados {margin-bottom: 8px;}
#compre .realcarRed {margin-top: 16px;}
#compre .realcar {margin-bottom: 32px;}
#compre .esconde { display: none;}

#compre .combo .realcarRed {margin-top: 61px;}

#instrutor .apresenta {margin-top: 20px; margin-bottom: 8px;}

#conteudo ul {width: 220px; float: left; min-height: 220px;}
#conteudo ul li.modulo {list-style: none; font-weight: bold; margin-top: 12px;}
#conteudo ul.avancado {min-height: 60px; width: 180px;}

#gravado {background-color: #EEE;}

#videos {background-color: #EEE;}



@media(max-width: 619px) {
	#compre.bestfriday {background-image: none;}
	
	#consultoria h2 {padding: 24px 12px 24px 12px;}
	#consultoria p { padding: 0px 12px 0px 12px; }
	#consultoria.sessao {padding-bottom: 24px;}
	
	#conteudo p { padding: 0px 12px 0px 12px; }
	
	#gravado h2 {padding: 24px 12px 24px 12px;}
	#gravado h3 {padding: 24px 12px 24px 12px;}
	#gravado p { padding: 0px 12px 0px 12px; }
	#gravado.sessao {padding-bottom: 24px;}
	
	#videos h2 {padding: 24px 12px 24px 12px;}
	#videos h3 {padding: 24px 12px 24px 12px;}
	#videos p { padding: 0px 12px 0px 12px; }
	#videos.sessao {padding-bottom: 24px;}
	
}

@media(max-width: 580px) {
	#conteudo ul {min-height: inherit;}
}