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

#company { display: block; position: relative; width: 100%; height: auto; margin: 0; padding: 0; text-align: left; }

/* ================================================================================================================== */
/* texto */
/* ================================================================================================================== */

#company h1 { display: block; position: relative; font-size: 2.5em; }

/* ================================================================================================================== */
/* fotografias */
/* ================================================================================================================== */

#company div.photos { display: block; position: relative; margin-top: 50px; width: 100%; height: 650px; }
	#company div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; background-size: cover; }
	#company div.photos a:first-child { display: block; }
	#company div.logos .block { display: inline-block; position: relative; width: 25%; height: auto; vertical-align: top; padding: 0 20px 0 0; margin-bottom: 20px; }
		#company div.logos .block img.normal { display: block; position: relative; max-width: 100%; max-height: 200px; margin: 0 auto; }
		#company div.logos .block img.hover { display: none; position: relative; max-width: 100%; max-height: 200px; margin: 0 auto; }
		#company div.logos .block:hover img.normal { display: none; }
		#company div.logos .block:hover img.hover { display: block; }

@media all and ( max-width: 950px ) {
	#company div.photos { margin-top: 25px; height: 350px; }
}

/* ================================================================================================================== */
/* blocos */
/* ================================================================================================================== */

#company div.block { display: inline-block; position: relative; width: 30%; height: auto; background-color: #ececec; margin-bottom: 75px; margin-right: 3%; border-top: 2px solid #535266; padding-top: 25px; vertical-align: top; }
#company div.block:first-child { display: block; width: 50%; margin-top: -200px; padding: 25px 25px 0 0; }
	#company div.block h1 { display: block; position: relative; font-size: 2.5em; line-height: 1em; margin: 0; }
	#company div.block:first-child h1 { font-size: 5.625em; }
	#company div.block p.sub_description { display: block; position: relative; font-size: 1.5em; }
	#company div.block p { margin-top: 15px; }

@media all and ( max-width: 950px ) {
	#company div.block { display: block; width: 80%; margin: 0 auto; padding: 25px; }
	#company div.block:first-child { display: block; width: 80%; margin: -100px auto 0 auto; padding: 25px; }
}
@media all and ( max-width: 450px ) {
	#company div.block { width: 100%; }
	#company div.block:first-child { width: 100%; margin: 0 auto; }
}

/* ================================================================================================================== */
/* organigrama */
/* ================================================================================================================== */

#company div.chart { display: block; position: relative; height: auto; background-color: #1e1d38; padding: 75px 50px; text-align: center; }
	#company div.chart span.bg { display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: transparent url(../images/chart_pattern.png) no-repeat right top; background-size: 100% 100%; }
	#company div.chart h1 { color: #ffffff; }
	#company div.chart span.chart { display: block; position: relative; width: 716px; height: 453px; margin: 50px auto 0 auto; background: transparent url(../images/chart.png) no-repeat center center; background-size: contain; }

@media all and ( max-width: 950px ) {
	#company div.chart { display: none; }
}