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

div#signUp { display: block; position: relative; width: 100%; margin: 50px auto 0 auto; }

@media all and ( max-width: 1199px ) {
	div#signUp { padding: 0 0 35px 0; }
}

/* ================================================================================================================== */
/* titulo e mensagens */
/* ================================================================================================================== */

div#signUp h1 { display: block; position: relative; font-weight: bold; font-size: 35px; line-height: 45px; margin: 0 auto 20px auto; width: 1200px; }
div#signUp p.errors { display: block; position: relative; font-size: 14px; color: #bc1111; line-height: 25px; margin: 0 auto 20px auto; width: 1200px; text-align: center; }
div#signUp p.success { display: block; position: relative; font-size: 14px; color: #3b2314; line-height: 25px; margin: 0 auto 20px auto; width: 1200px; text-align: center; }

@media all and ( max-width: 1199px ) {
	div#signUp h1 { width: 90%; margin: 0 auto; font-size: 25px; line-height: 35px; }
	div#signUp p.errors { width: 90%; margin: 0 auto 15px auto; font-size: 12px; }
	div#signUp p.success { width: 90%; margin: 0 auto 15px auto; font-size: 12px; }
}

/* ================================================================================================================== */
/* formulario */
/* ================================================================================================================== */

div#signUp form { display: block; position: relative; width: 100%; background-color: #3b2314; padding: 50px 0 75px 0; }
	div#signUp form div.container { display: block; position: relative; width: 800px; margin: 0 auto; }
		div#signUp form div.container p { display: block; position: relative; width: 200px; margin: 0 auto 15px auto; float: left; font-size: 16px; color: #ffffff; font-family: 'ArialNarrow', sans-serif; line-height: 25px; }
		div#signUp form div.container input[type=text] { display: block; position: relative; width: 550px; margin: 0 auto; float: right; border: 1px solid transparent; height: 23px; line-height: 23px; background-color: #ffffff; font-size: 14px; }
		div#signUp form div.container input[type=text]:focus { border: 1px solid #404041; }
		div#signUp form div.container input[type=password] { display: block; position: relative; width: 550px; margin: 0 auto; float: right; border: 1px solid transparent; height: 23px; line-height: 23px; background-color: #ffffff; font-size: 14px; }
		div#signUp form div.container input[type=password]:focus { border: 1px solid #404041; }
		div#signUp form div.container input[type=submit] { display: inline-block; position: relative; width: auto; line-height: 25px; padding: 5px 15px; background-color: #ffffff; cursor: pointer; border: none; float: right; font-size: 14px; }
		div#signUp form div.container input[type=submit]:hover { background-color: #404041; color: #ffffff; }

@media all and ( max-width: 849px ) {
	div#signUp form { padding: 25px 0; }
		div#signUp form div.container { width: 90%; margin: 0 auto; }
			div#signUp form div.container p { width: 100%; margin: 0 auto; float: none; font-size: 14px; }
			div#signUp form div.container input[type=password],
			div#signUp form div.container input[type=text] { width: 100%; float: none; }
			div#signUp form div.container input[type=submit] { margin: 10px 0 0 0; }
}