@import url(main.css);

#content {
}

#destaque, #destaques {
	float: left;
}

#destaque {
	margin: 4px 0 0 0;
	width: 277px;
	height: 250px;
}
	#destaque img {
		margin: 0 0 0 9px;
	}

#destaques {
	margin: 4px 0 0 0;
	width: 270px;
}

	.destaque {

		height: 70px;
		width: 90px;
		float: left;
	}
		.destaque a {
			background: #FFF url(../img/design/catalogo/produto-bg.png) no-repeat;
			border-width: 0;
			display: block;
			height: 60px;
		}
		.destaque a:hover {
			background-position: left bottom;
		}
		.destaque img {
			margin: 3px;
		}

#download {
	background: #F1F2F3 url(../img/design/inicio/download-bg.png) no-repeat left top;
	width: 271px;
	float: right;
	height: 110px;
}
	#download img {
		float: right;
		margin: 10px;
	}

	#download a {
		background: #F1F2F3 url(../img/design/inicio/download-button.png) no-repeat left top;
		border-width: 0;
		display: block;
		margin: 10px 0 10px 50px;
		height: 36px;
		width: 128px;
		text-indent: -1000em;
		overflow: hidden;
	}
	#download a:hover {
		background-position: left bottom;
	}

	#download span {
		display: block;
		text-indent: -1000em;
	}

/* --[ Novidades / Promoções ]---------------- */

#novidades, #promocoes { float: left; }
	#novidades h2, #promocoes h2 {
		border-bottom: 1px solid #DFDFDF;
		font-size: 1.4em;
		font-weight: normal;
		margin: 0 0 10px 0;
		padding: 10px 0 4px 10px;
	}

#novidades {
	float: left;
	width: 300px;
}
	.novidade {
		clear: both;
		padding: 0 0 0 10px;
	}
		.novidade small, .novidade .inner { float: left; }
		/* datas */
		.novidade small { color: #E50D2E; display: block; width: 30px; }
			.novidade small span { display: block; text-align: center; }
			.novidade .mes { font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
			.novidade .dia { font-size: 2em; }
		.novidade .inner {
			border-left: 1px solid #DFDFDF;
			padding: 0 0 0 8px;
			width: 240px;
		}
			.novidade .imagem {
				/*border: 1px solid #DFDFDF;*/
				height: 62px;
				float: right;
				width: 82px;
			}
			.novidade h3 {
				font-size: 1.2em;
				margin: 0 0 5px 0;
			}
			.novidade p {
				margin: 0 85px 0 0;
			}
/* -- [ Promoções ] -------------------------- */

#promocoes {
	float: left;
	width: 248px;
}
	.promocao {
		margin: 0 0 10px 0;
		padding: 0 10px;
	}
		.promocao .imagem {
			border: 1px solid #DFDFDF;
			height: 44px;
			float: right;
			width: 60px;
		}
		.promocao strong {
			color: #E50D2E;
			text-transform: uppercase;
			font-weight: normal;
		}
		.promocao h3 {
			font-size: 1em;
		}
		.promocao h3 p {
			background: #FFF url(../img/design/bullet.png) no-repeat 6px center;
			display: inline;
			padding: 0 0 0 20px;
		}
		.promocao strike {
			color: #999;
		}

/* -- [ Recrutamento ] ----------------------- */

#recrutamento {
	background: #F1F2F3 url(../img/design/inicio/recrutamento-bg.png) no-repeat right bottom;
	clear: both;
	width: 290px;
	padding: 0 0 20px 0;
}
	#recrutamento h2 {
		background: url(../img/design/inicio/recrutamento-bg.png) no-repeat right top;
		font-size: 1.8em;
		font-weight: normal;
		padding: 20px 0 10px 10px;
	}
	#recrutamento p {

	}
	#recrutamento a {
		background: #F1F2F3 url(../img/design/inicio/recrutamento-button.png) no-repeat left top;
		border-width: 0;
		display: block;
		float: left;
		height: 30px;
		width: 118px;
		text-indent: -1000em;
		outline: none;
	}
	#recrutamento span {
		display: block;
		float: left;
		font-size: 1.2em;
		padding: 5px 0 5px 10px;
	}
	#recrutamento a:hover {
		background-position: left bottom;
	}

#catalogo {
	padding: 5px 0 0 0;
}
	#catalogo h2 {
		border-bottom: 1px solid #DFDFDF;
		font-size: 1.4em;
		font-weight: normal;
		margin: 0 0 10px 0;
		padding: 10px 0 4px 10px;
	}
	#catalogo #capa {
		margin: 0 0 0 10px;
	}


/* -- [ Introdução ] ------------------------- */

#introducao {
	font-size: 1.2em;
	/*padding: 10px 0 0 20px;*/
	margin: 0 0 0 1px;
	text-align: justify;
}
	#introducao p:first-letter {
		float: left;
		font-size: 2.9em;
		padding: 0 4px 0 0;
	}