@charset "UTF-8";

div#destaque {background-color: #EEEDF3; color: #000;}
div#destaque h1 {color: #756C9E;}
div#destaque .realcar {font-weight: bold; color: #5B2585;}

#compre .venda {font-weight: bold;}
#compre .dados {margin-bottom: 12.5px;}
#compre .realcarRed {margin-top: 16px;}
#compre .realcar {margin-bottom: 32px;}
#compre .combo .realcarRed {margin-top: 16px;}

#compre .esconde { display: none;}

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

#conteudo ul {margin-bottom: 32px;}
#conteudo .capa {float: left; width: 136px; margin-left: 24px;}
#conteudo .livro {float: left; width: 200px; height: 116px; line-height: 1.4em; margin-top: 32px;}

#outros div.content {float: none;}
#outros #outrosJuntos {margin: 0px auto; float: none;}
#outros p {text-align: center; font-size: 1.2em; margin: 0px 16px 8px 16px;}
#outros .badge {margin-top: -16px;}
#outros .esconde {color: #666;}
#outros .esconde img {opacity: 0.5;}

#outros .outroTKP { width: 220px; margin-top: 16px;}

#outros .outroKMP, #outros .outroKCP { width: 400px; margin-top: 16px;}
#outros .outroKMP div.curso, #outros .outroKCP div.curso {width: 50%; float: left;}

@media(max-width: 619px) {
	#outros h2 {padding: 24px 12px 24px 12px;}
	#compre.bestfriday {background-image: none;}
}

@media(max-width: 399px) {
	#outros #outrosJuntos {width: auto;}
	
	#outros .outroKMP { width: auto; }
	#outros .outroKCP { width: auto; }
}

@media(max-width: 359px) {
	#outros .outroKMP p.traco img {width: 150px; height: 27px;}
	#outros .outroKCP p.traco img {width: 150px; height: 27px;}
}