/* ------------------------------------------------------------------------------------------------------------------ */
/* 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; font-size: 0; }

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

div#index div.company { display: block; position: relative; margin: 5px 0 0 0; }
div#index div.company div.block { display: inline-block; position: relative; height: auto; vertical-align: top; margin: 0; text-align: left; }
	div#index div.company div.block.text { width: 550px; padding: 125px 25px; height: 250px; background-color: #eceef1; text-align: center; }
	div#index div.company div.block.right { width: 600px; height: 500px; }
	div#index div.company span.photo { display: inline-block; position: relative; height: 200px; }
	div#index div.company span.photo._1 { width: 300px; }
	div#index div.company span.photo._2 { width: 300px; }
	div#index div.company span.photo._3 { width: 600px; }
	div#index div.company span.logo { display: block; position: relative; width: 136px; height: 128px; background: transparent url(../src/img/logo_index.png) no-repeat center center; background-size: contain; margin: 0 auto 25px auto; }
	div#index div.company h2 { text-align: center; font-weight: 700; font-size: 14px; line-height: 25px; max-height: 25px; overflow: hidden; }
	div#index div.company p.text { font-size: 14px; line-height: 22px; max-height: 88px; overflow: hidden; text-align: center; }

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

div#index div.slogan { display: block; position: relative; width: 100%; margin: 0; height: 70px; padding: 80px 0; background: transparent url(../src/img/index_bg.jpg) no-repeat fixed; background-size: cover; }
	div#index div.slogan h1 { display: block; position: relative; width: 100%; margin: 0 auto; height: 40px; padding: 0; font-weight: 300; color: #ffffff; font-size: 35px; text-align: center; overflow: hidden; }
	div#index div.slogan h2 { display: block; position: relative; width: 100%; margin: 0 auto; height: 30px; padding: 0; font-weight: 800; color: #ffffff; font-size: 20px; text-align: center; overflow: hidden; }

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

div#index div.brands { display: block; position: relative; width: 100%; margin: 25px 0; height: auto; padding: 0; font-size: 0; text-align: center; }
	div#index div.brands span.brand { display: none; position: relative; width: 210px; height: 210px; font-size: 0; margin: 15px; }
	div#index div.brands span.brand:nth-child(1),
	div#index div.brands span.brand:nth-child(2),
	div#index div.brands span.brand:nth-child(3),
	div#index div.brands span.brand:nth-child(4),
	div#index div.brands span.brand:nth-child(5) { display: inline-block; }