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

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

/* ================================================================================================================== */
/* bloco */
/* ================================================================================================================== */

div#certificates .block { display: block; position: relative; background-color: var(--color7); text-align: left; padding: 25px; margin-bottom: 15px; width: 100%; }
	div#certificates .block h1 { font-size: 1.5em; color: var(--color8); }
	div#certificates .block p { text-align: left; }
	div#certificates .block div.photos { display: none; position: relative; vertical-align: top; width: 220px; height: 220px; margin: 15px 15px 0 0; }
	div#certificates .block div.photos:nth-child(1),
	div#certificates .block div.photos:nth-child(2),
	div#certificates .block div.photos:nth-child(3),
	div#certificates .block div.photos:nth-child(4) { display: inline-block; }
		div#certificates .block div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#certificates .block div.photos a:first-child { display: block; }

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

div#certificates div.scroll { display: block; position: relative; width: 100%; overflow: auto; margin-bottom: 75px; }
div#certificates form { min-width: 900px; }
div#certificates form label { display: block; position: relative; width: 100%; margin: 0; padding: 0; }
	div#certificates form table { width: 100%; vertical-align: top; box-sizing: border-box; }
		div#certificates form table td { line-height: 22px; vertical-align: top; padding-left: 10px; }
		div#certificates form table td.label { width: 1px; white-space: nowrap; line-height: 22px; font-size: 0.888em; }

	div#certificates form input[type="text"] { display: block; position: relative; width: 100%; font-size: 0.78em; border: none; color: var(--color1); border-bottom: 1px solid var(--color1); box-sizing: border-box; line-height: 22px; padding: 0 10px; }

	div#certificates form table.bg { border: 1px solid var(--color7); }
	div#certificates form table.bg thead th { border-bottom: 1px solid var(--color7); background-color: var(--color7); text-align: center; line-height: 22px; vertical-align: top; }
	div#certificates form table.bg td { text-align: center; border-right: 1px solid var(--color7); border-bottom: 1px solid var(--color7); }
	div#certificates form table.bg td:last-child { border-right: none; }
	div#certificates form table.bg tr:last-child td { border-bottom: none; }
	div#certificates form table.bg input[type="text"] { width: 100%; border: transparent; }

	div#certificates 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; margin-top: 25px; }
	div#certificates form input[type="submit"]:hover { background-color: var(--color1); color: var(--color3) }