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

div#company { display: block; position: relative; width: 100%; padding: 0; overflow: hidden; margin: 0 auto; font-size: 0; text-align: center; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* fotos e titulo */

div#company div.details { display: block; position: relative; width: 100%; padding: 50px 0 0 0; font-size: 0; vertical-align: top; }
	div#company div.details div.photos { display: block; position: absolute; top: 0; left: 0; width: 1300px; height: 450px; vertical-align: top; z-index: 2; }
		div#company div.details div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: top; }
		div#company div.details div.photos a:first-child { display: block; }
	div#company div.details div.text { display: block; position: relative; margin: 50px 0 0 110px; background: transparent url(../src/img/beige_bg.png) repeat; padding: 235px 0 75px 0; z-index: 1; text-align: right; }
		div#company div.details div.text h1 { display: inline-block; position: relative; width: 350px; margin: 0 50px 0 0; color: #231f20; font-size: 45px; line-height: 60px; word-spacing: 9999999px; text-align: left; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* descricao */

div#company p.description { display: block; position: relative; width: 800px; font-size: 18px; line-height: 25px; color: #c3996b; margin: 75px auto; left: -200px; text-align: left; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* missao */

div#company div.mission { display: block; position: relative; width: 1000px; margin: 0 auto; padding: 50px 100px; background: transparent url(../src/img/beige_bg.png) repeat; }
	div#company div.mission h1 { display: block; position: relative; width: 100%; font-size: 24px; line-height: 40px; color: #231f20; text-align: left; }
	div#company div.mission p { display: block; position: relative; width: 400px; font-size: 14px; line-height: 20px; color: #231f20; text-align: justify; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* valores */

div#company div.values { display: inline-block; position: relative; width: 400px; margin: 50px auto 0 auto; padding: 100px 50px; background: transparent url(../src/img/beige_bg.png) repeat; text-align: left; vertical-align: top; }
	div#company div.values h1 { display: block; position: relative; width: 100%; font-size: 24px; line-height: 40px; color: #231f20; }
	div#company div.values p { display: block; position: relative; width: 100%; font-size: 14px; line-height: 20px; color: #231f20; text-align: justify; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* visao */

div#company div.vision { display: inline-block; position: relative; width: 300px; margin: 50px auto 0 100px; padding: 50px 50px; background: transparent url(../src/img/beige_bg.png) repeat; text-align: left; vertical-align: top; }
	div#company div.vision h1 { display: block; position: relative; width: 100%; font-size: 24px; line-height: 40px; color: #231f20; }
	div#company div.vision p { display: block; position: relative; width: 100%; font-size: 14px; line-height: 20px; color: #231f20; text-align: justify; }