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

div#company { display: block; position: relative; width: 100%; min-height: 100%; padding: 0 0 50px 0; margin: 0 auto; font-size: 0; }
	div#company div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 35px 0; }
	div#company div.photos { display: block; position: relative; width: 100%; height: 335px; }
		div#company div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#company div.photos a:nth-child(1) { display: block; }
	div#company div.col { display: inline-block; position: relative; width: 50%; vertical-align: top; font-size: 0; }
		div#company div.col div.text { display: block; position: relative; padding: 35px 45px; }
		div#company div.col div.text.dark { background-color: #f1f1f2; }
			div#company div.col div.text h1 { display: block; position: relative; font-size: 30px; line-height: 35px; }
			div#company div.col div.text h1.slogan { margin: 125px 0 0 0; }
			div#company div.col div.text p { display: block; position: relative; font-size: 18px; line-height: 25px; margin: 25px 0 0 0; }
		div#company div.col div.tabs { display: block; position: relative; padding: 35px 45px; margin: 75px 0 0 0; }
			div#company div.col div.tabs h2 { display: inline-block; position: relative; font-size: 18px; line-height: 25px; padding: 10px 20px; background-color: #f1f1f2; margin: 0 3px 0 0; cursor: pointer; }
			div#company div.col div.tabs h2[data-selected="true"] { background-color: #f1f1f2; }
			div#company div.col div.tabs h2[data-selected="false"] { background-color: #d0d2d3; color: #ffffff; }
			div#company div.col div.tabs h2[data-selected="false"]:hover { background-color: #404041; }
			div#company div.col div.tabs p.content { display: none; position: relative; padding: 20px; background-color: #f1f1f2; font-size: 16px; line-height: 25px; }
			div#company div.col div.tabs p.content[data-selected="true"] { display: block; }
			div#company div.col div.tabs p.content[data-selected="false"] { display: none; }

@media all and ( max-width: 1199px )
{
	div#company { padding: 0; }
		div#company div.container { width: auto; padding: 0; }
		div#company div.photos { height: 250px; }
		div#company div.col { display: block; width: auto; margin: 10px; }
			div#company div.col div.text { padding: 15px; }
				div#company div.col div.text h1 { font-size: 22px; line-height: 35px; }
				div#company div.col div.text h1.slogan { margin: 50px 0 0 0; }
				div#company div.col div.text p { font-size: 16px; line-height: 25px; }
			div#company div.col div.tabs { padding: 0; margin: 50px 0 0 0; }
				div#company div.col div.tabs h2 { font-size: 14px; line-height: 20px; }
				div#company div.col div.tabs p.content { font-size: 14px; line-height: 20px; }
}