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

div#company { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; text-align: center; }
	div#company div.dark { display: block; position: relative; background-color: #f5f5f5; padding: 50px 0; }
	div#company div.dark.big_padding { padding: 100px 0; }
	div#company div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0; font-size: 0; }
		div#company div.container div.col { display: inline-block; position: relative; width: 50%; margin: 0; padding: 20px 0; vertical-align: top; }

@media all and ( max-width: 1199px )
{
	div#company { padding: 0; }
		div#company div.dark { padding: 25px 0; }
		div#company div.dark.big_padding { padding: 25px 0; }
		div#company div.container { margin: 0 10px; width: auto; }
			div#company div.container div.col { display: block; width: auto; padding: 0; }
}

/* ================================================================================================================== */
/* quem somos */
/* ================================================================================================================== */

div#company div.about_us { display: block; position: relative; vertical-align: top; width: auto; min-height: 650px; margin: 0; text-align: left; }
	div#company div.about_us div.text { display: block; position: relative; width: 600px; padding: 40px 0 0 0; z-index: 2; }
		div#company div.about_us div.text h1 { margin: 0; }
		div#company div.about_us div.text h2 { margin: 25px 0 50px 0; }
		div#company div.about_us div.text div.menu { display: block; position: relative; width: 400px; margin: 0 auto 100px auto; }
			div#company div.about_us div.text div.menu a { text-transform: capitalize; text-decoration: none; }
			div#company div.about_us div.text div.menu a:hover { color: #0000fe; }
			div#company div.about_us div.text div.menu a:after { content: ""; display: block; }
	div#company div.about_us span.photo { display: block; position: absolute; top: 0; right: 0; width: 800px; height: 650px; background: transparent url(../images/company_photo.jpg) no-repeat center center; background-size: cover; z-index: 1; }

@media all and ( max-width: 1199px )
{
	div#company div.about_us { min-height: auto; }
		div#company div.about_us div.text { width: auto; padding: 25px 0 0 0; }
			div#company div.about_us div.text div.menu { display: none; }

		div#company div.about_us span.photo { position: relative; width: 100%; height: 300px; top: auto; right: auto; margin: 25px 0 0 0; }
}

/* ================================================================================================================== */
/* historia */
/* ================================================================================================================== */

div#company div.history { display: block; position: relative; vertical-align: top; width: auto; padding: 100px 0; text-align: left; }
	div#company div.history div.timeline { display: block; position: relative; width: 900px; margin: 35px 0 0 0; padding: 61px 0; overflow: hidden; }

	div#company div.history div.timeline div.event { display: block; position: relative; margin: 0 0 50px 0; font-size: 0; }
	div#company div.history div.timeline div.event:last-child { margin: 0; }
		div#company div.history div.timeline div.event p.year { display: inline-block; position: relative; margin: 0; width: 200px; text-align: right; vertical-align: top; line-height: 22px; }
		div#company div.history div.timeline div.event span { display: inline-block; position: relative; width: 18px; height: 18px; border: 1px solid #0000fe; background-color: #ffffff; text-align: right; vertical-align: top; margin: 0 20px; border-radius: 100%; }
		div#company div.history div.timeline div.event p.text { display: inline-block; position: relative; width: 640px; text-align: left; vertical-align: top; }
		div#company div.history div.timeline div.event:hover p.text { color: #0000fe; }

		div#company div.history div.timeline span.mainline { display: block; position: absolute; top: 0; left: 230px; width: 1px; height: 100%; background-color: #808184; }
			div#company div.history div.timeline span.mainline:before { content: ""; display: block; position: absolute; top: 0; left: -5px; width: 11px; height: 11px; background-color: #808184; border-radius: 100%; }
			div#company div.history div.timeline span.mainline:after { content: ""; display: block; position: absolute; bottom: 0; left: -5px; width: 11px; height: 11px; background-color: #808184; border-radius: 100%; }

@media all and ( max-width: 1199px )
{
	div#company div.history { padding: 25px 0; }
		div#company div.history div.timeline { width: auto; padding: 0; margin: 0; }
			div#company div.history div.timeline div.event,
			div#company div.history div.timeline div.event:last-child { margin: 25px 0 0 0; }
				div#company div.history div.timeline div.event p.year { display: block; width: auto; text-align: left; }
				div#company div.history div.timeline div.event span { display: none; }
				div#company div.history div.timeline div.event p.text { width: auto; margin: 10px 0 0 0; }

			div#company div.history div.timeline span.mainline { display: none; }
}

/* ================================================================================================================== */
/* ambito */
/* ================================================================================================================== */

div#company div.scope { display: block; position: relative; vertical-align: top; width: auto; text-align: left; }
	div#company div.scope p { margin: 45px 0 0 0; }
	div#company div.scope h3 { margin: 45px 0 0 0; font-size: 20px; line-height: 25px; }
	div#company div.scope div.inside { display: block; position: relative; margin: 0 85px; }

@media all and ( max-width: 1199px )
{
	div#company div.scope p { margin: 25px 0 0 0; }
	div#company div.scope h3 { font-size: 18px; line-height: 22px; margin: 25px 0 0 0; }
	div#company div.scope div.inside { margin: 0; }
}

/* ================================================================================================================== */
/* empresa */
/* ================================================================================================================== */

div#company div.company { display: block; position: relative; vertical-align: top; width: auto; margin: 0 85px; font-size: 0; padding: 100px 0; text-align: left; }
	div#company div.company p { margin: 45px 0 0 0; }
	div#company div.company div.col { display: inline-block; position: relative; width: 465px; vertical-align: top; }
	div#company div.company div.col:nth-child(2n) { margin: 0 0 0 100px; }

@media all and ( max-width: 1199px )
{
	div#company div.company { margin: 0; padding: 15px 0; }
		div#company div.company p { margin: 25px 0 25px 0; }
		div#company div.company div.col:nth-child(2n),
		div#company div.company div.col { display: block; width: auto; margin: 10px 0; }
}

/* ================================================================================================================== */
/* qualidade */
/* ================================================================================================================== */

div#company div.quality { display: block; position: relative; vertical-align: top; width: auto; margin: 0; font-size: 0; text-align: left; }
	div#company div.quality h1 { display: inline-block; position: relative; width: 300px; vertical-align: top; }
	div#company div.quality div.block { display: inline-block; position: relative; width: 800px; margin: 0 0 0 100px; vertical-align: top; }
		div#company div.quality div.block a { display: inline-block; position: relative; width: 120px; height: 120px; margin: 25px 50px; vertical-align: top; }
			div#company div.quality div.block a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
			div#company div.quality div.block a:hover span { opacity: 0.50; }
			div#company div.quality div.block a p.description { display: block; position: absolute; top: 50px; left: 50px; padding: 25px 40px; background-color: #ffffff; box-shadow: 0 0 10px #aaaaaa; text-align: left; z-index: -10; opacity: 0; }
			div#company div.quality div.block a:hover p.description { opacity: 1; z-index: 10; }

@media all and ( max-width: 1199px )
{
	div#company div.quality h1 { display: block; width: auto; }
	div#company div.quality div.block { display: block; width: auto; margin: 0; text-align: center; }
		div#company div.quality div.block a { margin: 15px; }
}

/* ================================================================================================================== */
/* voltar ao topo */
/* ================================================================================================================== */

div#company div.back_to_top { display: inline-block; position: relative; margin: 50px 0; border: 1px solid #808184; }
	div#company div.back_to_top a { display: block; position: relative; text-decoration: none; font-size: 12px; line-height: 28px; padding: 0 50px; z-index: 10; text-align: center; }
	div#company div.back_to_top:hover a { color: #ffffff; }
	div#company div.back_to_top span { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #808184; z-index: 1; }
	div#company div.back_to_top:hover span { height: 100%; }

@media all and ( max-width: 1199px )
{
	div#company div.back_to_top { margin: 25px 0; }
}