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

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

@media all and ( max-width: 1200px ) {
	#company { padding: 25px 0 0 0; }
		#company div.container { margin: 0 15px; }
}

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

#company div.details { display: block; position: relative; margin-top: 100px; background-color: #eeefea; padding: 100px 150px 0 150px; }
	#company div.details h1 { display: block; position: relative; font-size: 3.125em; color: #e81c24; margin-left: -50px; }
	#company div.details div.col { display: inline-block; position: relative; width: 50%; vertical-align: top; margin-top: 50px; margin-bottom: 100px; }
	#company div.details div.col.left { padding-right: 50px; }
	#company div.details div.col.right { padding-left: 50px; }
		#company div.details div.col p { text-align: justify; }

@media all and ( max-width: 1024px ) {
	#company div.details { padding: 50px; }
		#company div.details h1 { margin-left: 0; }
		#company div.details div.col { margin-bottom: 50px; }
}
@media all and ( max-width: 775px ) {
	#company div.details div.col { width: 100%; margin: 25px 0; }
	#company div.details div.col.left { padding-right: 0; }
	#company div.details div.col.right { padding-left: 0; }
}

/* ================================================================================================================== */
/* icons */
/* ================================================================================================================== */

#company div.icons { display: block; position: relative; padding: 150px 0; text-align: center; }
	#company div.icons div.col { display: inline-block; position: relative; width: 250px; vertical-align: top; text-align: center; margin: 25px 50px; vertical-align: top; }
		#company div.icons div.col span.icon { display: inline-block; position: relative; width: 136px; height: 101px; background: transparent url(../images/icons.png) no-repeat; margin-bottom: 25px; background-position-y: 0; }
		#company div.icons div.col span.icon._1 { background-position-x: 0; }
		#company div.icons div.col span.icon._2 { background-position-x: -136px; }
		#company div.icons div.col span.icon._3 { background-position-x: -272px; }
		#company div.icons div.col span.icon._4 { background-position-x: -408px; }
		#company div.icons div.col h1 { display: block; position: relative; color: #a2a4a7; line-height: 1.2em; margin-bottom: 25px; }
		#company div.icons div.col p { display: block; position: relative; line-height: 25px; height: auto; overflow: hidden; }

@media all and ( max-width: 825px ) {
	#company div.icons { margin-top: 50px; padding: 75px 0; }
		#company div.icons div.col { margin: 10px; }
}