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

#company { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 40px 0 0 0; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#company { width: 600px; }
}
@media all and ( max-width: 599px ) {
	#company { width: 320px; }
}

/* ================================================================================================================== */
/* titulo */
/* ================================================================================================================== */

#company div.title { display: block; position: relative; width: 100%; height: 50px; margin: 25px auto 0 auto; }
	#company div.title h1 { display: block; position: relative; width: auto; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 40px; line-height: 50px; text-align: center; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#company div.title { height: auto; }
		#company div.title h1 { font-size: 30px; line-height: 35px; }
}
@media all and ( max-width: 599px ) {
	#company div.title { height: auto; }
		#company div.title h1 { font-size: 22px; line-height: 30px; }
}

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

#company div.photos { display: block; position: relative; margin: 25px auto 0 auto; width: 800px; height: 435px; overflow: hidden; background-color: #ffffff; }
	#company div.photos a { display: none; position: absolute; top: 15px; left: 15px; width: 770px; height: 405px; }
	#company div.photos a:first-child { display: block; }
		#company div.photos a img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#company div.photos { width: 600px; height: 400px; }
		#company div.photos a { width: 600px; height: 400px; }
}
@media all and ( max-width: 599px ) {
	#company div.photos { width: 320px; height: 300px; }
		#company div.photos a { width: 320px; height: 300px; }
}

/* ================================================================================================================== */
/* tabs */
/* ================================================================================================================== */

#company #tabs { display: block; position: relative; margin: 55px 0 0 0; width: 1100px; }

	#company #tabs ul { display: block; position: relative; width: 350px; float: left; }
		#company #tabs ul li { display: block; position: relative; border: none; margin: 0 0 2px 0; }
			#company #tabs ul li.ui-state-active a { font-family: 'ArialRoundedMTBoldRegular', sans-serif; background-color: #3b2314; color: #ffffff; }
			#company #tabs ul li.ui-state-active:hover a { text-decoration: underline; }
			#company #tabs ul li:hover a { font-family: 'ArialRoundedMTBoldRegular', sans-serif; }
			#company #tabs ul li a { display: block; position: relative; line-height: 30px; font-size: 14px; padding: 0 20px; text-decoration: none; font-family: 'ArialRoundedMTLight', sans-serif; }

	#company #tabs div { display: block; position: relative; width: 725px; float: right; }
		#company #tabs div p { display: block; position: relative; line-height: 25px; margin: 0 0 25px 0; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#company #tabs { width: 600px; }
		#company #tabs ul { width: 550px; margin: 0 auto; float: none; }
		#company #tabs div { width: 500px; float: left; margin: 30px 0 0 50px; }
}
@media all and ( max-width: 599px ) {
	#company #tabs { width: 320px; }
		#company #tabs ul { width: 320px; }
		#company #tabs div { width: 300px; float: left; margin: 30px 10px 0 10px; }
}