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

div#human_resources_form { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; }
div#human_resources_form h1 { margin-bottom: 25px; font-size: 2.857em; color: var(--color2); }
	div#human_resources_form p.description { color: var(--color4); }

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

div#human_resources_form form { display: block; position: relative; margin-bottom: 25px; text-align: left; padding-bottom: 25px; }
	div#human_resources_form form div.container { text-align: left; margin-top: 15px; }
	div#human_resources_form form label { display: inline-block; position: relative; vertical-align: top; width: 400px; font-size: 0.78em; margin: 0 30px 10px 0; }
		div#human_resources_form form label input[type="text"] { display: block; position: relative; width: 100%; line-height: 22px; font-size: 0.78em; box-sizing: border-box; border: 2px solid var(--color1); vertical-align: middle; }
	div#human_resources_form form input[type="submit"] { display: inline-block; position: relative; width: auto; border: 2px solid var(--color1); padding: 10px 25px; background-color: var(--color3); cursor: pointer; }
	div#human_resources_form form input[type="submit"]:hover { background-color: var(--color1); color: var(--color3) }

@media all and ( max-width: 1265px ) {
	div#human_resources_form form label,
	div#human_resources_form form label:nth-child(2n) { margin: 5px 0; width: 280px; }
}