#login { display: block; position: relative; width: 300px; margin: 50px auto; padding: 50px; background: transparent url(../../../../src/img/body_bg_white.png) repeat; text-align: left; font-size: 0; border-top: 4px solid #69B246; }

@media all and ( max-width: 399px )
{
	#login { padding: 25px; margin: 25px auto; }
    #login
	{
		width: auto;
		width: -webkit-calc( 90% - 50px );
		width:    -moz-calc( 90% - 50px );
		width:         calc( 90% - 50px );
	}
}

    /* titulo */
    #login h1 { display: block; position: relative; font-family: 'Arial-Bold', Arial, sans-serif; font-size: 20px; text-align: left; margin: 0 0 0 0; }
    #login p.text { display: block; position: relative; font-family: 'Arial-Narrow', Arial, sans-serif; font-size: 14px; line-height: 25px; margin: 10px 0 35px 0; text-align: left; }

	/* formulario */
	#login label { display: block; position: relative; width: 100%; font-size: 12px; line-height: 15px; margin: 0 0 5px 0; }
	#login input[type="password"],
	#login input[type="text"] { display: block; position: relative; width: 100%; margin: 0; line-height: 18px; border: 1px solid #B4C9D5; background-color: #ffffff; font-size: 12px; }
	#login input[type="submit"] { display: inline-block; position: relative; width: auto; line-height: 20px; border: none; background-color: #195D80; font-size: 12px; resize: none; color: #ffffff; padding: 5px 15px; cursor: pointer; }
	#login input[type="submit"]:hover { background-color: #e21e24; }