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

div#certificates { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; }
	div#certificates p.description { color: var(--text_3rd_color); }

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

div#certificates .block { display: block; position: relative; border-bottom: 4px solid var(--1st_color); text-align: left; }
div#certificates .block:first-child { padding-top: 0; }
div#certificates .block:last-child { border: none; }
	div#certificates .block h1 { margin: 0 0 25px 0; text-align: left; }
	div#certificates .block p { text-align: left; }
	div#certificates .block div.photos { display: none; position: relative; vertical-align: top; width: 220px; height: 220px; }
	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; }
div#certificates form { min-width: 900px; }
div#certificates form label { display: block; position: relative; width: 100%; }
	div#certificates form table { width: 100%; vertical-align: top; box-sizing: border-box; }
		div#certificates form table td { line-height: 22px; vertical-align: top; }
		div#certificates form table td.label { width: 1px; white-space: nowrap; }

	div#certificates form input[type="text"] { display: block; position: relative; width: 100%; font-size: 12px; border: 1px solid var(--white); border-bottom: 1px solid var(--input_text_border_color); box-sizing: border-box; }

	div#certificates form table.bg { border: 1px solid var(--table_header_border_color); }
	div#certificates form table.bg thead th { border-bottom: 1px solid var(--table_header_border_color); background-color: var(--table_header_bg); text-align: center; line-height: 22px; vertical-align: top; }
	div#certificates form table.bg td { text-align: center; border-right: 1px solid var(--table_header_border_color); border-bottom: 1px solid var(--table_header_border_color); }
	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: 1px solid var(--white); }

	div#certificates form input[type="submit"] { display: block; position: relative; width: auto; background-color: var(--input_submit_button_bgcolor); border: none; line-height: 25px; font-size: 12px; color: var(--text_1st_color); cursor: pointer; margin: 0 auto; }
	div#certificates form input[type="submit"]:hover { background-color: var(--input_submit_button_bgcolor_hover); }