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

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

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

/* ================================================================================================================== */
/* gerencia */
/* ================================================================================================================== */

div#company div.management { display: block; position: relative; width: 100%; padding: 135px 0 100px 0; margin: 0 auto; font-size: 0; background: transparent url(../images/bg_gray2.jpg) no-repeat center center fixed; background-size: cover; overflow: hidden; text-align: center; }
	div#company div.management span.bg { display: block; position: absolute; top: 350px; left: 0; width: 100%; height: 250px; background: transparent url(../images/bg_transparent_bubbles.png) repeat; }

	div#company div.management div.text { display: inline-block; position: relative; width: 625px; vertical-align: top; text-align: left; }
		div#company div.management div.text h1 { font-size: 30px; line-height: 35px; color: #ffffff; }
		div#company div.management div.text p { margin: 35px 0 0 0; color: #ffffff; }

	div#company div.management div.photos { display: inline-block; position: relative; width: 500px; height: 350px; vertical-align: top; text-align: left; margin: 70px 0 0 75px; }
		div#company div.management div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#company div.management div.photos a:first-child { display: block; }
			div#company div.management div.photos a img { display: block; position: relative; max-width: 100%; max-height: 100%; margin: 0 auto; }

	div#company div.management div.ride { display: block; position: relative; padding: 100px 0 0 0; font-size: 0; font-size: 0; text-align: center; }
		div#company div.management div.ride a.icon { display: inline-block; position: relative; margin: 15px 80px; max-width: 240px; text-decoration: none; vertical-align: top; }
		div#company div.management div.ride a.icon:first-child { margin: 15px 80px 15px 0; }
		div#company div.management div.ride a.icon:last-child { margin: 15px 0 15px 80px; }
			div#company div.management div.ride a.icon div.icon { display: block; position: relative; height: 49px; background: transparent url(../images/ride_icons.png) no-repeat; margin: 0 auto; }
			div#company div.management div.ride a.icon div.icon.stores { width: 50px; background-position-x: 0; }
			div#company div.management div.ride a.icon div.icon.travels { width: 49px; background-position-x: -50px; }
			div#company div.management div.ride a.icon div.icon.team { width: 80px; background-position-x: -99px; }
				div#company div.management div.ride a.icon div.icon span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: transparent url(../images/ride_icons.png) no-repeat; background-position-y: -49px; }
				div#company div.management div.ride a.icon:hover div.icon span { height: 100%; }
				div#company div.management div.ride a.icon div.icon.stores span { width: 50px; background-position-x: 0; }
				div#company div.management div.ride a.icon div.icon.travels span { width: 49px; background-position-x: -50px; }
				div#company div.management div.ride a.icon div.icon.team span { width: 80px; background-position-x: -99px; }
			div#company div.management div.ride a.icon h1 { font-size: 30px; line-height: 35px; color: #ffffff; margin: 25px 0 15px 0; }
			div#company div.management div.ride a.icon:hover h1 { color: #010101; }
			div#company div.management div.ride a.icon p { color: #ffffff; }
			div#company div.management div.ride a.icon:hover p { color: #010101; }

@media all and ( max-width: 1199px )
{
	div#company div.management { padding: 35px 0; }

		div#company div.management div.text { width: auto; margin: 0; text-align: center; }

		div#company div.management div.photos { display: block; text-align: center; width: 100%; height: 240px; margin: 25px auto 0 auto; }

		div#company div.management div.ride { padding: 50px 0 0 0; }
			div#company div.management div.ride a.icon,
			div#company div.management div.ride a.icon:last-child,
			div#company div.management div.ride a.icon:first-child { margin: 25px 15px; }
}

/* ================================================================================================================== */
/* colaboradores */
/* ================================================================================================================== */

div#company div.workers { display: block; position: relative; width: 100%; padding: 85px 0; margin: 0 auto; font-size: 0; background: transparent url(../images/bg_gray1.jpg) no-repeat center center fixed; background-size: cover; overflow: hidden; text-align: left; }
	div#company div.workers h1 { font-size: 30px; line-height: 35px; text-align: left; margin: 0 0 35px 0; }
	div#company div.workers div.block { display: inline-block; position: relative; width: 293px; height: auto; margin: 0 9px 35px 0; vertical-align: top; text-align: center; }
	div#company div.workers div.block:nth-child(4n) { margin: 0 0 35px 0; }
		div#company div.workers div.block span.photo { display: block; position: relative; width: 100%; height: 340px; }
		div#company div.workers div.block h1 { color: #eb2227; font-size: 18px; line-height: 25px; margin: 10px 0 0 0; text-align: center; }
		div#company div.workers div.block h2 { font-size: 18px; line-height: 25px; margin: 0; text-align: center; }

	div#company div.workers div.block:hover *,
	div#company div.workers div.block:hover { transition-property: width, height, top, left; -webkit-transition-property: width, height, top, left; -moz-transition-property: width, height, top, left; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }
	div#company div.workers div.block *,
	div#company div.workers div.block { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }

@media all and ( max-width: 1199px )
{
	div#company div.workers { padding: 35px 0; text-align: center; }
		div#company div.workers h1 { text-align: center; }
		div#company div.workers div.block { margin: 10px 0; }
}