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

div#customization { display: block; position: relative; width: 100%; padding: 25px 0; margin: 0 auto; font-size: 0; }
	div#customization div.container { display: block; position: relative; width: 1200px; margin: 0 auto; text-align: center; }
		div#customization div.container p.text { margin: 25px 0 50px 0; }

@media all and (max-width: 1199px) {
	div#customization div.container { width: auto; }
}

/* ================================================================================================================== */
/* produtos */
/* ================================================================================================================== */

div#customization a.item { display: inline-block; position: relative; margin: 10px 10px 0 10px; text-decoration: none; vertical-align: top; max-width: 280px; border-bottom: 20px solid #ffffff; background-color: #a6a8ab; color: #ffffff; line-height: 30px; padding: 0 20px; }
	div#customization a.item h2 { display: block; position: relative; background-color: #a6a8ab; color: #ffffff; line-height: 30px; padding: 0 20px; }
	div#customization a.item.selected,
	div#customization a.item:hover { background-color: #b40e3c; }
	div#customization a.item.selected { border-bottom: 20px solid #b40e3c; }

@media all and (max-width: 1199px) {
	div#customization a.item { display: none; }
}

/* ================================================================================================================== */
/* detalhes */
/* ================================================================================================================== */

div#customization .details { display: block; position: relative; border-top: 5px solid #b40e3c; }
	div#customization .details div.bg { background-color: #f4f4f4; padding: 15px 25px; }
	div#customization .details div.col { display: inline-block; position: relative; width: 50%; vertical-align: top; margin: 0 0 20px 0; }
	div#customization .details div.col.photos { height: 425px; }
		div#customization .details div.col.photos span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; background-size: contain; }

@media all and (max-width: 1199px) {
	div#customization .details { border-top: none; }
		div#customization .details div.col { width: 100%; margin: 0; text-align: center; }
		div#customization .details div.col.photos { height: 250px; }
}

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

div#customization form { display: block; position: relative; margin: 0; vertical-align: top; text-align: left; }
	div#customization form label { display: inline-block; position: relative; margin: 10px; text-align: left; vertical-align: top; }
	div#customization form div.center { display: block; position: relative; text-align: center; }
	div#customization form label.full { display: block; }
		div#customization form label p { display: block; position: relative; font-size: 12px; line-height: 20px; margin: 0 55px 0 5px; }
		div#customization form label input[type="text"],
		div#customization form label input[type="file"],
		div#customization form label select,
		div#customization form label textarea { display: block; position: relative; width: 100%; border: 1px solid #716e6f; font-size: 12px; line-height: 22px; height: 22px; padding: 0; resize: vertical; background-color: #ffffff; }
		div#customization form label textarea { height: 60px; }
		div#customization form label input[type="file"] { line-height: 20px; }

	div#customization form input[type="text"].captcha { display: inline-block; width: auto; vertical-align: top; }
	div#customization form img { display: inline-block; position: relative; margin: 0 0 0 10px; vertical-align: top; padding: 0; }

	div#customization form p.terms { display: block; position: relative; font-size: 10px; line-height: 15px; color: #a5a8ab; margin: 25px 0 0 0; text-align: center; }
		div#customization form p.terms a { display: inline-block; position: relative; font-weight: bold; font-size: 9px; line-height: 15px; color: #a5a7aa; text-decoration: none; }
		div#customization form p.terms a:hover { color: #b40e3c; }

div#customization form input[type="submit"] { display: inline-block; position: relative; width: auto; margin: 25px 0 0 0; height: auto; border: none; vertical-align: middle; font-size: 11px; line-height: 30px; text-decoration: none; color: #ffffff; cursor: pointer; padding: 0 70px; background-color: #b40e3c; }
div#customization form input[type="submit"]:hover { color: #ffffff; background-color: #a5a7aa; }