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

#company { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }

/* ================================================================================================================== */
/* topo */
/* ================================================================================================================== */

#company div.first { display: block; position: relative; width: auto; margin: 0 100px 0 100px; padding: 0; }
	#company div.first div.col { display: inline-block; position: relative; vertical-align: top; width: 40%; }
	#company div.first div.col:nth-child(1) { margin: 35px 0; }
	#company div.first div.col:nth-child(2) { width: 60%; margin: 0; padding: 65px 50px }
	#company div.first h1 { display: inline-block; position: relative; vertical-align: top; width: 40%; font-size: 30px; line-height: 35px; }
	#company div.first span.bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #eceded; z-index: 1; }
	#company div.first p { display: block; position: relative; z-index: 3; line-height: 25px; }

@media all and ( max-width: 899px ) {
	#company div.first { margin: 0; }
		#company div.first div.col { display: block; width: auto; }
		#company div.first div.col:nth-child(1) { margin: 0; }
		#company div.first div.col:nth-child(2) { width: auto; padding: 0; }
		#company div.first h1 { width: auto; font-size: 22px; line-height: 30px; margin: 0 0 15px 0; }
}

/* ================================================================================================================== */
/* banner */
/* ================================================================================================================== */

#company span.banner { display: block; position: relative; width: 100%; height: 475px; background: transparent url(../images/company_banner.jpg) no-repeat center center; background-size: cover; }

@media all and ( max-width: 899px ) {
	#company span.banner { height: 200px; }
}

/* ================================================================================================================== */
/* fundo */
/* ================================================================================================================== */

#company div.last { display: block; position: relative; width: auto; margin: 50px 0 0 35px; padding: 0; }
	#company div.last div.line { display: block; position: relative; width: 100%; margin: 0 0 30px 0; padding: 0; }
		#company div.last div.line div.col { display: block; position: relative; width: auto; vertical-align: top; margin: 0 100px; padding: 0; }
		#company div.last div.line div.col:nth-child(1) { padding: 50px 60px; }
		#company div.last div.line:nth-child(1) div.col { display: inline-block; width: 50%; padding: 50px 60px 60px 60px; min-height: 325px; margin: 0; }
			#company div.last div.line div.col span.bg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #eceded; z-index: 1; }
			#company div.last div.line:nth-child(1) div.col span.bg { display: block; }
			#company div.last div.line div.col h2 { display: block; position: relative; font-size: 18px; line-height: 25px; margin: 0 0 10px 0; }
			#company div.last div.line div.col p { display: block; position: relative; z-index: 3; line-height: 25px; }
			#company div.last div.line div.col a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; background-size: cover; }
			#company div.last div.line div.col a:nth-child(1) { display: block; }

			#company div.last div.line h3 { display: block; position: relative; bottom: 0; left: 0; z-index: 3; font-size: 28px; line-height: 35px;    margin-bottom: 25px; }

@media all and ( max-width: 899px ) {
	#company div.last { margin: 0; }
			#company div.last div.line div.col { margin: 0; }
			#company div.last div.line div.col:nth-child(1) { padding: 10px; }
			#company div.last div.line:nth-child(1) div.col { display: block; width: auto; padding: 10px; min-height: 200px; }
				#company div.last div.line div.col span.bg { width: 100%; }
}