/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

#budget { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* formulario */

@media all and ( max-width: 599px )
{
	#budget form { display: block; position: relative; width: 90%; margin: 0 auto; overflow: hidden; }
		#budget form h1 { display: block; position: relative; width: 100%; text-align: left; font-size: 30px; line-height: 40px; margin: 0 0 50px 0; }
		#budget form p.success { display: block; position: relative; width: 100%; line-height: 25px; font-size: 16px; margin: 40px 0; text-align: center; color: #17a6b6; }
		#budget form p.errors { display: block; position: relative; width: 100%; line-height: 25px; font-size: 16px; margin: 40px 0 40px 0; text-align: center; color: #e32027; }
		#budget form div.container { display: block; position: relative; width: 100%; margin: 30px auto 0 auto; }
			#budget form div.column { display: block; position: relative; width: 100%; text-align: left; margin: 30px 0 0 0; }
				#budget form div label { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; color: #17a6b6; margin: 20px 0 0 0; }
				#budget form div label:first-child { margin: 0; }
				#budget form div input.text { display: block; position: relative; width: 90%; border: 1px solid #bec3c7; background-color: #ffffff; line-height: 20px; margin: 0; font-size: 13px; }
				#budget form div textarea { display: block; position: relative; width: 90%; max-width: 100%; border: 1px solid #bec3c7; background-color: #ffffff; line-height: 20px; height: 40px; margin: 0; font-size: 13px; }
				#budget form div input.submit { display: block; position: relative; border: 1px solid #ffffff; background-color: #17a6b6; color: #ffffff; line-height: 15px; padding: 10px 15px; margin: 30px 0 0 0; font-size: 13px; cursor: pointer; }
				#budget form div input.submit:hover { background-color: #455560; }
				#budget form div p { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; margin: 40px 0 0 0; text-align: left; color: #17a6b6; }

				#budget form div input.responsive { display: block; }
				#budget form div input.noResponsive { display: none; }
				#budget form div p.responsive { display: block; }
				#budget form div p.noResponsive { display: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#budget form { display: block; position: relative; width: 90%; margin: 0 auto; overflow: hidden; }
		#budget form h1 { display: block; position: relative; width: 100%; text-align: left; font-size: 30px; line-height: 40px; margin: 0 0 50px 0; }
		#budget form p.success { display: block; position: relative; width: 100%; line-height: 25px; font-size: 16px; margin: 40px 0; text-align: center; color: #17a6b6; }
		#budget form p.errors { display: block; position: relative; width: 100%; line-height: 25px; font-size: 16px; margin: 40px 0 40px 0; text-align: center; color: #e32027; }
		#budget form div.container { display: block; position: relative; width: 100%; margin: 30px auto 0 auto; }
			#budget form div.column { display: block; position: relative; width: 100%; text-align: left; margin: 30px 0 0 0; }
				#budget form div label { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; color: #17a6b6; margin: 20px 0 0 0; }
				#budget form div label:first-child { margin: 0; }
				#budget form div input.text { display: block; position: relative; width: 90%; border: 1px solid #bec3c7; background-color: #ffffff; line-height: 20px; margin: 0; font-size: 13px; }
				#budget form div textarea { display: block; position: relative; width: 90%; max-width: 100%; border: 1px solid #bec3c7; background-color: #ffffff; line-height: 20px; height: 40px; margin: 0; font-size: 13px; }
				#budget form div input.submit { display: block; position: relative; border: 1px solid #ffffff; background-color: #17a6b6; color: #ffffff; line-height: 15px; padding: 10px 15px; margin: 30px 0 0 0; font-size: 13px; cursor: pointer; }
				#budget form div input.submit:hover { background-color: #455560; }
				#budget form div p { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; margin: 40px 0 0 0; text-align: left; color: #17a6b6; }

				#budget form div input.responsive { display: block; }
				#budget form div input.noResponsive { display: none; }
				#budget form div p.responsive { display: block; }
				#budget form div p.noResponsive { display: none; }
}
@media all and ( min-width: 1100px )
{
	#budget form { display: block; position: relative; width: 1000px; margin: 0 auto; overflow: hidden; }
		#budget form span { display: block; position: relative; width: 0; height: 0; margin: 0 auto; border-left: 512px solid transparent; border-right: 512px solid transparent; border-top: 25px solid #0880ba; border-bottom: none; }
		#budget form h1 { display: block; position: relative; width: 100%; text-align: left; font-size: 40px; line-height: 50px; margin: 0 0 50px 0; }
		#budget form p.success { display: block; position: relative; width: 100%; line-height: 25px; font-size: 16px; margin: 40px 0; text-align: center; color: #17a6b6; }
		#budget form p.errors { display: block; position: relative; width: 100%; line-height: 25px; font-size: 16px; margin: 40px 0 40px 0; text-align: center; color: #e32027; }
		#budget form div.container { display: block; position: relative; width: 750px; margin: 30px auto 0 auto; }
			#budget form div.column { display: block; position: relative; width: 400px; text-align: left; float: left; margin: 30px 0 0 75px; }
			#budget form div.column:first-child { margin: 0 75px 0 0; }
				#budget form div label { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; color: #17a6b6; margin: 20px 0 0 0; }
				#budget form div label:first-child { margin: 0; }
				#budget form div input.text { display: block; position: relative; width: 100%; border: 1px solid #bec3c7; background-color: #ffffff; line-height: 20px; margin: 0; font-size: 13px; }
				#budget form div textarea { display: block; position: relative; width: 100%; max-width: 100%; border: 1px solid #bec3c7; background-color: #ffffff; line-height: 20px; height: 40px; margin: 0; font-size: 13px; }
				#budget form div input.submit { display: block; position: relative; border: 1px solid #ffffff; background-color: #17a6b6; color: #ffffff; line-height: 15px; padding: 10px 15px; margin: 30px 0 0 0; font-size: 13px; cursor: pointer; }
				#budget form div input.submit:hover { background-color: #455560; }
				#budget form div p { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; margin: 40px 0 0 0; text-align: left; color: #17a6b6; }

				#budget form div input.responsive { display: none; }
				#budget form div input.noResponsive { display: block; }
				#budget form div p.responsive { display: none; }
				#budget form div p.noResponsive { display: block; }
}


/* ------------------------------------------------------------------------------------------------------------------ */