/* ---------------------------------------------------------------------------------------------- */
/* corpo e titulos */

#budget { display: block; position: relative; width: 100%; background: transparent url(../src/images/bodyBg.png) repeat; padding: 50px 0 100px 0; margin: 25px 0 0 0; text-align: center; }
#budget
{
	min-height: 100%;
	min-height: -webkit-calc( 100vh - 340px );
	min-height: -moz-calc( 100vh - 340px );
	min-height: calc( 100vh - 340px );
}
	#budget h1 { display: block; position: relative; width: 900px; font-family: 'PalatinoBold', sans-serif; color: #ffffff; font-size: 45px; line-height: 60px; margin: 0 auto; }
	#budget p { display: block; position: relative; width: 900px; color: #ffffff; font-size: 16px; line-height: 25px; margin: 25px auto 0 auto; }

#budget
{
	-moz-animation: enterFromLeft;
    -moz-animation-duration: 0.7s;
    -webkit-animation-name: enterFromLeft;
    -webkit-animation-duration: 0.7s;
    animation-name: enterFromLeft;
    animation-duration: 0.7s;
}

@media all and ( max-width: 699px )
{
	#budget h1 { width: 90%; font-size: 25px; line-height: 35px; }
	#budget p { width: 90%; font-size: 14px; line-height: 20px; }
}
@media all and ( min-width: 700px ) and ( max-width: 1199px )
{

}


/* ---------------------------------------------------------------------------------------------- */
/* container */

#budget div.container { display: block; position: relative; width: 1000px; margin: 0 auto; }

@media all and ( max-width: 699px )
{
	#budget div.container { width: 90%; }
}
@media all and ( min-width: 700px ) and ( max-width: 1199px )
{

}


/* ---------------------------------------------------------------------------------------------- */
/* orcamento */

#budget div.column { display: block; position: relative; width: 400px; text-align: left; float: left; margin: 75px 0 0 50px; }
	#budget div.column:first-child { margin: 75px 50px 0 0; }
		#budget div label { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; color: #ffffff; margin: 20px 0 0 0; }
		#budget div label:first-child { margin: 0; }
		#budget div input.text { display: block; position: relative; width: 100%; border: 1px solid #becee1; background-color: #ffffff; line-height: 20px; margin: 0; font-size: 13px; }
		#budget div textarea { display: block; position: relative; width: 100%; max-width: 100%; border: 1px solid #becee1; background-color: #ffffff; line-height: 20px; height: 40px; margin: 0; font-size: 13px; resize: none; }
		#budget div input.submit { display: block; position: relative; border: none; background-color: #ffffff; color: #0066ae; line-height: 15px; padding: 5px 10px; margin: 30px 0 0 0; font-size: 13px; cursor: pointer; }
		#budget div input.submit:hover { background-color: #ffffff; color: #231f20; }
		#budget div input.submit.responsive { display: none; }
		#budget div p.normal { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; margin: 40px 0 0 0; text-align: left; color: #ffffff; }
		#budget div p.responsive { display: none; }

@media all and ( max-width: 699px )
{
	#budget div.column { width: 100%; margin: 25px 0 0 0; }
	#budget div.column:first-child { margin: 25px 0 0 0; }

	#budget div input.submit.responsive { display: block; position: relative; border: none; background-color: #ffffff; color: #0066ae; line-height: 15px; padding: 5px 10px; margin: 30px 0 0 0; font-size: 13px; cursor: pointer; }
	#budget div input.submit.responsive:hover { background-color: #ffffff; color: #231f20; }
	#budget div input.submit.normal { display: none; }
	#budget div p.normal { display: none; }
	#budget div p.responsive { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; margin: 40px 0 0 0; text-align: left; color: #ffffff; }
}
@media all and ( min-width: 700px ) and ( max-width: 1199px )
{

}


/* ---------------------------------------------------------------------------------------------- */
/* animacoes */

@-moz-keyframes enterFromLeft { 0% { left: -100% } 100% { left: 0; } }
@-webkit-keyframes enterFromLeft { 0% { left: -100% } 100% { left: 0; } }
@keyframes enterFromLeft { 0% { left: -100% } 100% { left: 0; } }