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

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


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

div#company div.banner { display: block; position: relative; width: 100%; height: auto; padding: 100px 0; text-align: center; }
	div#company div.banner span.bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../src/img/company_banner_bg.png) repeat; }
	div#company div.banner span.photo { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: top; }
	div#company div.banner h1.banner { display: block; position: relative; width: 600px; margin: 0 auto; font-size: 60px; font-weight: 800; text-align: center; color: #c4c9ce; }
	div#company div.banner h2.banner { display: block; position: relative; width: 600px; margin: 20px auto 0 auto; font-size: 40px; font-weight: 300; text-align: center; color: #c4c9ce; }
	div#company div.banner h3.banner { display: block; position: relative; width: 600px; margin: 20px auto 0 auto; font-size: 14px; font-weight: 700; text-align: center; color: #ffffff; }
	div#company div.banner h4.banner { display: block; position: relative; width: 600px; margin: 20px auto 0 auto; font-size: 13px; text-align: center; color: #ffffff; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* blocos */

div#company div.block { display: inline-block; position: relative; height: auto; vertical-align: top; margin-top: 35px; text-align: left; }
div#company div.block.left { width: 550px; }
div#company div.block.right { width: 550px; margin-bottom: 35px; }
div#company a.photo.right { display: inline-block; position: relative; width: 600px; height: 450px; vertical-align: top; margin: 188px 0 0 50px; text-align: left; }
div#company a.photo.left { display: inline-block; position: relative; width: 600px; height: 450px; vertical-align: top; margin: 35px 50px 35px 0; text-align: left; }
div#company span.logo { display: block; position: relative; width: 136px; height: 128px; background: transparent url(../src/img/logo_company.png) no-repeat center center; background-size: contain; margin: 0 auto 25px auto; }
div#company p.text { font-size: 14px; line-height: 22px; }
div#company a.photos { display: none; position: relative; width: 600px; height: 450px; vertical-align: top; margin: 0; text-align: left; }
div#company a.photos:nth-child(1) { display: inline-block; }
div#company a.photos:nth-child(2) { display: inline-block; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* colunas */

div#company div.columns_bg { display: block; position: relative; width: 100%; background-color: #ede0d2; padding: 35px 0; margin: 0 0 35px 0; font-size: 0; }
	div#company div.columns_bg div.col { display: inline-block; position: relative; width: 320px; vertical-align: top; margin: 0; }
	div#company div.columns_bg div.col:nth-child(2) { margin: 0 120px; }
		div#company div.columns_bg div.col h2 { text-align: center; }
		div#company div.columns_bg div.col p.text { text-align: center; padding: 0; }