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

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

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

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

#export_intro div.title { display: block; position: relative; width: 100%; height: 50px; margin: 25px auto 0 auto; }
	#export_intro 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 ) {
	#export_intro div.title { height: auto; }
		#export_intro div.title h1 { font-size: 30px; line-height: 35px; }
}
@media all and ( max-width: 599px ) {
	#export_intro div.title { height: auto; }
		#export_intro div.title h1 { font-size: 22px; line-height: 30px; }
}

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

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

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

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

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