/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

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

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

/* ================================================================================================================== */
/* empresa */
/* ================================================================================================================== */

div#index div.company { display: block; position: relative; width: 800px; padding: 100px 0; margin: 0 auto; font-size: 0; overflow: hidden; text-align: center; }
	div#index div.company h1 { display: block; position: relative; font-size: 32px; line-height: 45px; text-align: center; }
	div#index div.company p { display: block; position: relative; font-size: 18px; line-height: 25px; margin: 35px 0 0 0; }
	div#index div.company a { display: block; position: relative; font-size: 18px; line-height: 25px; margin: 35px 0 0 0; text-decoration: none; color: #929497; }
	div#index div.company a:hover { color: #404041; }

@media all and ( max-width: 1199px )
{
	div#index div.company { display: block; width: auto; padding: 35px 10px; }
		div#index div.company h1 { font-size: 22px; line-height: 35px; }
		div#index div.company p { font-size: 16px; line-height: 25px; }
		div#index div.company a { font-size: 16px; line-height: 25px; }
}

/* ================================================================================================================== */
/* produtos */
/* ================================================================================================================== */

div#index div.products { display: block; position: relative; width: 100%; padding: 35px 0; background-color: #f1f1f2; text-align: center; }
	div#index div.products h1 { display: block; position: relative; font-size: 32px; line-height: 45px; text-align: center; margin: 0 0 25px 0; }
	div#index div.products a.item { display: inline-block; position: relative; width: 380px; height: 400px; margin: 5px; text-decoration: none; vertical-align: top; }
		div#index div.products a.item div.photo { display: block; position: relative; width: 100%; height: 300px; }
			div#index div.products a.item div.photo span.hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/products_hover_bg.png) repeat; opacity: 0; }
			div#index div.products a.item:hover div.photo span.hover { opacity: 1; }
		div#index div.products a.item div.text { display: block; position: relative; width: 90%; margin: 25px auto 0 auto; text-align: left; }
			div#index div.products a.item div.text h2 { display: block; position: relative; font-size: 18px; line-height: 25px; margin: 0; }
			div#index div.products a.item:hover div.text h2 { color: #a6a8ab; }
			div#index div.products a.item div.text span { display: block; position: relative; width: 50px; height: 3px; background-color: #abadb0; margin: 10px 0; }
			div#index div.products a.item div.text p { display: block; position: relative; font-size: 14px; line-height: 25px; margin: 0; max-height: 100px; overflow: hidden; }
			div#index div.products a.item:hover div.text p { color: #a6a8ab; }

		div#index div.products div.doubt { display: block; position: relative; width: auto; border: 10px solid #231f20; margin: 50px 0 0 0; text-align: left; padding: 125px 0 75px 0; background: transparent url(../images/index_doubt_bg.jpg) fixed no-repeat center center; background-size: cover; }
			div#index div.products div.doubt h1 { display: block; position: relative; font-size: 32px; line-height: 45px; color: #ffffff; text-align: left; text-shadow: 0 0 5px #000000; }
			div#index div.products div.doubt p { display: block; position: relative; font-size: 24px; line-height: 35px; color: #ffffff; text-align: left; text-shadow: 0 0 5px #000000; }

@media all and ( max-width: 1199px )
{
	div#index div.products h1 { font-size: 22px; line-height: 35px; }
	div#index div.products a.item { width: 300px; margin: 10px; height: 300px; }
		div#index div.products a.item div.photo { height: 200px; }

	div#index div.products div.doubt { border: 5px solid #231f20; margin: 25px 0 0 0; padding: 50px 15px; }
		div#index div.products div.doubt h1 { font-size: 20px; line-height: 30px; }
		div#index div.products div.doubt p { font-size: 16px; line-height: 25px; }
}

/* ================================================================================================================== */
/* ultimos produtos */
/* ================================================================================================================== */

div#index div.last_products { display: block; position: relative; width: 100%; padding: 35px 0; background-color: #ffffff; text-align: center; }
	div#index div.last_products h1 { display: block; position: relative; font-size: 32px; line-height: 45px; text-align: center; margin: 0 0 25px 0; }
	div#index div.last_products a.item { display: inline-block; position: relative; width: 380px; height: 400px; margin: 5px; text-decoration: none; vertical-align: top; }
		div#index div.last_products a.item div.photo { display: block; position: relative; width: 100%; height: 300px; }
			div#index div.last_products a.item div.photo span.hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/products_hover_bg.png) repeat; opacity: 0; }
			div#index div.last_products a.item:hover div.photo span.hover { opacity: 1; }
		div#index div.last_products a.item div.text { display: block; position: relative; width: 90%; margin: 25px auto 0 auto; text-align: left; }
			div#index div.last_products a.item div.text h2 { display: block; position: relative; font-size: 18px; line-height: 25px; margin: 0; }
			div#index div.last_products a.item:hover div.text h2 { color: #a6a8ab; }
			div#index div.last_products a.item div.text span { display: block; position: relative; width: 50px; height: 3px; background-color: #abadb0; margin: 10px 0; }
			div#index div.last_products a.item div.text p { display: block; position: relative; font-size: 14px; line-height: 25px; margin: 0; max-height: 100px; overflow: hidden; }
			div#index div.last_products a.item:hover div.text p { color: #a6a8ab; }

@media all and ( max-width: 1199px )
{
	div#index div.last_products h1 { font-size: 22px; line-height: 35px; }
	div#index div.last_products a.item { width: 300px; margin: 10px; height: 300px; }
		div#index div.last_products a.item div.photo { height: 200px; }
}