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

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


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

@media all and ( max-width: 599px )
{
	#marking form { display: block; position: relative; width: 90%; margin: 0 auto; overflow: hidden; padding: 0; }
		#marking form h1 { display: block; position: relative; width: 100%; text-align: left; font-size: 30px; line-height: 40px; margin: 0 0 50px 0; }
		#marking form h2 { display: block; position: relative; width: 100%; text-align: left; font-size: 14px; line-height: 25px; margin: 25px 0 25px 0; color: #a39161; }
		#marking form h3 { display: block; position: relative; width: 100%; text-align: left; font-weight: bold; font-size: 14px; line-height: 25px; margin: 25px 0 0 0; }
		#marking form h4 { display: block; position: relative; width: 100%; text-align: left; font-size: 14px; line-height: 20px; color: #17a6b6; }


		#marking form p.success { display: block; position: relative; width: 100%; line-height: 22px; font-size: 14px; margin: 40px 0; text-align: left; color: #17a6b6; }
		#marking form p.errors { display: block; position: relative; width: 100%; line-height: 22px; font-size: 14px; margin: 40px 0 40px 0; text-align: left; color: #e32027; }

		#marking form hr { display: block; position: relative; width: 100%; height: 0; border: none; border-bottom: 1px solid #ced2d4; margin: 15px 0; }

		#marking form h1.title { display: block; position: relative; font-weight: bold; width: 100%; font-size: 16px; color: #455560; margin: 0 auto; line-height: 50px; }
		#marking form div { display: inline-block; position: relative; width: 100%; vertical-align: top; margin: 0 0 10px 0; padding: 0; }
			#marking form div p { display: block; position: relative; font-size: 14px; color: #17a6b6; margin: 0; line-height: 25px; padding: 0; }
			#marking form div .inline { display: inline-block; }
			#marking form div .input { display: block; width: 90%; max-width: 90%; }
			#marking form div .submit { 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; float: right; }
			#marking form div .submit:hover { background-color: #455560; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#marking form { display: block; position: relative; width: 90%; margin: 0 auto; overflow: hidden; padding: 0; }
		#marking form h1 { display: block; position: relative; width: 100%; text-align: left; font-size: 30px; line-height: 40px; margin: 0 0 50px 0; }
		#marking form h2 { display: block; position: relative; width: 100%; text-align: left; font-size: 14px; line-height: 25px; margin: 25px 0 25px 0; color: #a39161; }
		#marking form h3 { display: block; position: relative; width: 100%; text-align: left; font-weight: bold; font-size: 14px; line-height: 25px; margin: 25px 0 0 0; }
		#marking form h4 { display: block; position: relative; width: 100%; text-align: left; font-size: 14px; line-height: 20px; color: #17a6b6; }


		#marking form p.success { display: block; position: relative; width: 100%; line-height: 22px; font-size: 14px; margin: 40px 0; text-align: left; color: #17a6b6; }
		#marking form p.errors { display: block; position: relative; width: 100%; line-height: 22px; font-size: 14px; margin: 40px 0 40px 0; text-align: left; color: #e32027; }

		#marking form hr { display: block; position: relative; width: 100%; height: 0; border: none; border-bottom: 1px solid #ced2d4; margin: 15px 0; }

		#marking form h1.title { display: block; position: relative; font-weight: bold; width: 100%; font-size: 16px; color: #455560; margin: 0 auto; line-height: 50px; }
		#marking form div { display: inline-block; position: relative; width: 100%; vertical-align: top; margin: 0 0 10px 0; padding: 0; }
			#marking form div p { display: block; position: relative; font-size: 14px; color: #17a6b6; margin: 0; line-height: 25px; padding: 0; }
			#marking form div .inline { display: inline-block; }
			#marking form div .input { display: block; width: 90%; max-width: 90%; }
			#marking form div .submit { 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; float: right; }
			#marking form div .submit:hover { background-color: #455560; }
}
@media all and ( min-width: 1100px )
{
	#marking form { display: block; position: relative; width: 1000px; margin: 0 auto; overflow: hidden; padding: 0; }
		#marking form h1 { display: block; position: relative; width: 100%; text-align: left; font-size: 40px; line-height: 50px; margin: 0 0 50px 0; }
		#marking form h2 { display: block; position: relative; width: 100%; text-align: left; font-size: 18px; line-height: 35px; margin: 25px 0 25px 0; color: #a39161; }
		#marking form h3 { display: block; position: relative; width: 100%; text-align: left; font-weight: bold; font-size: 16px; line-height: 35px; margin: 25px 0 0 0; }
		#marking form h4 { display: block; position: relative; width: 100%; text-align: left; font-size: 14px; line-height: 22px; color: #17a6b6; }


		#marking form p.success { display: block; position: relative; width: 100%; line-height: 25px; font-size: 16px; margin: 40px 0; text-align: center; color: #17a6b6; }
		#marking 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; }

		#marking form hr { display: block; position: relative; width: 100%; height: 0; border: none; border-bottom: 1px solid #ced2d4; margin: 15px 0; }

		#marking form h1.title { display: block; position: relative; font-weight: bold; width: 100%; font-size: 16px; color: #455560; margin: 0 auto; line-height: 50px; }
		#marking form div { display: inline-block; position: relative; width: 49%; vertical-align: top; margin: 0 0 10px 0; padding: 0; }
			#marking form div p { display: block; position: relative; font-size: 14px; color: #17a6b6; margin: 0; line-height: 25px; padding: 0; }
			#marking form div .inline { display: inline-block; }
			#marking form div .input { display: block; width: 90%; max-width: 90%; }
			#marking form div .submit { 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; float: right; }
			#marking form div .submit:hover { background-color: #455560; }
}


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