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

#shoppingcart { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }

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

#shoppingcart div.body { display: block; position: relative; width: 100%; max-width: 100%; vertical-align: top; margin: 0; text-align: center; }
	#shoppingcart div.body h1 { display: block; position: relative; font-size: 30px; line-height: 35px; color: #f9b32f; margin: 0 15px 10px 15px; }
	#shoppingcart div.body p.text { display: block; position: relative; font-size: 18px; line-height: 20px; margin: 0 15px 35px 15px; }

/* ================================================================================================================== */
/* tabela */
/* ================================================================================================================== */

div#shoppingcart table { width: 100%; }
	div#shoppingcart table thead th { background-color: #ededed; padding: 10px 25px; font-size: 18px; color: #000000; }
	div#shoppingcart table .center { text-align: center; }
	div#shoppingcart table .right { text-align: right; }
	div#shoppingcart table tr.line td { padding: 10px 25px; color: #000000; border-top: 1px solid #ededed; }
	div#shoppingcart table tr td { padding: 10px 25px; color: #000000; }
	div#shoppingcart table tr.first_details td { padding: 50px 25px 10px 25px; }
	div#shoppingcart table tr.details td { padding: 5px 25px 5px 25px; }
	div#shoppingcart table td.price { font-size: 18px; line-height: 20px; }
	div#shoppingcart table td.light { color: #808184; }
	div#shoppingcart table tr:last-child td { border-bottom: none; }
		div#shoppingcart table td span.photo { display: inline-block; position: relative; width: 150px; height: 75px; vertical-align: middle; background: transparent no-repeat left center; background-size: contain; }
		div#shoppingcart table td .title { display: inline-block; position: relative; margin: 0 0 0 25px; vertical-align: middle; color: #000000; text-decoration: none; }
		div#shoppingcart table td a.title:hover { color: #f9b32f; }
		div#shoppingcart table td p.old_price { display: block; position: relative; color: #bbbdbf; vertical-align: middle; margin: 0; text-decoration: line-through; }
		div#shoppingcart table td p.final_price { display: block; position: relative; color: #000000; vertical-align: middle; }

	div#shoppingcart table td form input[type="submit"] { display: inline-block; position: relative; border: 1px solid #d1d1d1; background-color: transparent; text-align: center; line-height: 25px; height: 25px; width: 25px; vertical-align: top; cursor: pointer; font-size: 16px; }
	div#shoppingcart table td form input[type="submit"].decrease { border-right: none; }
	div#shoppingcart table td form input[type="submit"].increase { border-left: none; }
	div#shoppingcart table td form input[type="submit"].delete { border: 1px solid transparent; }
	div#shoppingcart table td form input[type="submit"]:hover { border: 1px solid #f9b32f; background-color: #f9b32f; color: #ffffff; }
	div#shoppingcart table td form p { display: inline-block; position: relative; border: 1px solid #d1d1d1; background-color: transparent; text-align: center; line-height: 25px; height: 25px; width: 100px; color: #000000; vertical-align: top; font-size: 14px; border-right: none; border-left: none; }

	div#shoppingcart div.col { display: inline-block; position: relative; width: 50%; vertical-align: top; text-align: center; margin: 50px 0 75px 0; }
		div#shoppingcart div.col p.submit,
		div#shoppingcart div.col a.submit { display: inline-block; position: relative; background-color: #f9b32f; padding: 15px 50px; color: #ffffff; text-decoration: none; }
		div#shoppingcart div.col a.submit.margin-right { margin-right: 10px; }
		div#shoppingcart div.col a.submit:hover { background-color: #000000; }

@media all and ( max-width: 950px ) {
	div#shoppingcart div.responsive { display: block; position: relative; width: 100%; height: auto; overflow: auto; }
	div#shoppingcart table { width: 100%; }
}