/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#index { display: block; position: relative; width: 100%; min-height: 100%; padding: 0 0 0 0; margin: 0 auto; }
	div#index div.container { display: block; position: relative; width: 1200px; margin: 0 auto; height: auto; }

@media all and ( max-width: 1199px )
{
	div#index div.container { width: auto; padding: 0 5px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* empresa */

div#index div.company { display: block; position: relative; width: 1200px; margin: 75px auto 10px auto; font-size: 0; overflow: hidden; text-align: center; }
	div#index div.company h1 { display: block; position: relative; width: 100%; font-size: 30px; line-height: 35px; margin: 0 auto 0 auto; text-align: center; font-family: 'title', sans-serif; }
	div#index div.company p { display: block; position: relative; width: 100%; font-size: 16px; line-height: 25px; margin: 35px auto 0 auto; text-align: center; overflow: hidden; max-height: 125px; }
	div#index div.company a { display: inline-block; position: relative; border-top: 1px solid #231f20; border-bottom: 1px solid #231f20; font-size: 18px; line-height: 35px; font-family: 'title', sans-serif; padding: 0 35px; margin: 35px 0 0 0; text-decoration: none; }
	div#index div.company a:hover { background-color: #e2602c; color: #ffffff; border-top: 1px solid #e2602c; border-bottom: 1px solid #e2602c; }

@media all and ( max-width: 1199px )
{
	div#index div.company { width: auto; padding: 0 5px; margin: 25px 0 0 0; }
		div#index div.company h1 { font-size: 22px; line-height: 25px; }
		div#index div.company p { font-size: 14px; line-height: 20px; max-height: 120px; }
		div#index div.company a { font-size: 14px; line-height: 25px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* produtos */

div#index div.products { display: block; position: relative; width: 1200px; margin: 150px auto 10px auto; font-size: 0; overflow: hidden; text-align: center; }
	div#index div.products h1 { display: block; position: relative; width: 100%; font-size: 30px; line-height: 35px; margin: 0 auto 25px auto; text-align: center; font-family: 'title', sans-serif; background-color: #ffffff; }
	div#index div.products a.item { display: inline-block; position: relative; margin: 0 16px 50px 0; cursor: pointer; width: 200px; text-decoration: none; }
	div#index div.products a.item:nth-child(5) { margin: 0 0 50px 0; }
		div#index div.products a.item span.photo { display: block; position: relative; width: 200px; height: 250px; }
		div#index div.products a.item h1 { display: block; position: relative; width: 100%; top: auto; margin: 20px 0 0 0; padding: 5px 0; border-top: 1px solid #231f20; border-bottom: 1px solid #231f20; text-align: center; font-size: 14px; color: #231f20; line-height: 20px; }
		div#index div.products a.item:hover h1 { background-color: #e2602c; color: #ffffff; }

@media all and ( max-width: 1199px )
{
	div#index div.products { width: auto; padding: 75px 5px 25px 5px; margin: 0; }
		div#index div.products h1 { font-size: 22px; line-height: 25px; }
		div#index div.products a.item,
		div#index div.products a.item:nth-child(5) { margin: 0 10px 20px 10px; }
			div#index div.products a.item span.photo { height: 200px; }
			div#index div.products a.item h1 { background-color: #e2602c; color: #ffffff; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* slogan */

div#index div.slogan { display: block; position: relative; width: 100%; margin: 150px 0 0 0; padding: 50px 0; height: 140px; background: transparent url(../src/img/index_slogan.jpg) no-repeat center center fixed; background-size: cover; }
	div#index div.slogan h1 { display: block; position: relative; width: 800px; font-size: 30px; line-height: 35px; color: #ffffff; margin: 0 auto 0 auto; text-align: center; font-family: 'title', sans-serif; overflow: hidden; }

@media all and ( max-width: 1199px )
{
	div#index div.slogan { margin: 0; height: auto; }
		div#index div.slogan h1 { width: auto; font-size: 22px; padding: 0 20px; line-height: 25px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* certificacoes */

div#index div.brands { display: block; position: relative; width: 100%; margin: 150px auto 150px auto; padding: 0; font-size: 0; text-align: center; }
	div#index div.brands h1 { display: block; position: relative; width: 100%; font-size: 30px; line-height: 35px; margin: 0 auto 25px auto; text-align: center; font-family: 'title', sans-serif; background-color: #ffffff; }
	div#index div.brands span,
	div#index div.brands a { display: inline-block; position: relative; width: 200px; height: 200px; margin: 0 25px; vertical-align: top; }
	div#index div.brands span:nth-child(4n),
	div#index div.brands a:nth-child(4n) { margin: 0 0 66px 0; }

@media all and ( max-width: 1199px )
{
	div#index div.brands { width: auto; margin: 0; padding: 25px 5px; }
		div#index div.brands h1 { font-size: 22px; line-height: 25px; }
		div#index div.brands span,
		div#index div.brands a { height: 100px; margin: 10px; }
		div#index div.brands span:nth-child(4n),
		div#index div.brands a:nth-child(4n) { margin: 10px; }
}