/*
#outer-page-div{
	background: none;
}
*/
/*
#main-header #header-shoppingcart-list {
	background: url('/images/ico_compare_list_header_selected.png') transparent no-repeat top right;
}
*/

#container-shopping-top {
	padding-top: 1%;
	padding-bottom: 2%;
}

#container-shopping-top h1 {
  margin-bottom: 0.2rem;
  padding: 0 1.2rem;
  text-align: center;
}


#container-comparar{
	max-width: 980px;
	margin: 0 auto;
	margin-top: 13.6rem;
	margin-bottom: 8rem;
	/*background-color: rgba(246,246,246,0.8);*/
}

#container-comparar h1 {
	display: inline-block;
	margin-bottom: 0rem;
	padding-bottom: 0.5rem;
	padding-right: 1rem;
	border-bottom: 5px solid #666;
	background: none;
}

form#carrinho{
	margin-bottom: 2.2rem;
}

#lstCarrinho {
	display: block;
	margin: 2rem 0 0;
    background-color: #fff;

}

#cartList {
	width: 100%;
	margin: 0px 0px;
    border-collapse: separate;
    border-spacing: 0 1rem;
}
#cartList thead tr {
	background: #333;
}

#cartList tr th:first-child, #cartList tr td:first-child{

}
#cartList tr th:last-child, #cartList tr td:last-child{

}

#cartList thead th {
	color:#fff;
    font-size: 80%;
	line-height: 100%;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding:1rem 2rem;
}


#cartList tbody tr {
	margin-top: 1.2rem;
	background-color: rgba(255, 255, 255, 0.85);
}

#cartList tbody td {
	vertical-align: top;
	padding: 2% 0%;
}


#cartList tfoot tr {
	margin-top: 1.2rem;
	background-color: rgba(255, 255, 255, 0.85);
}
#cartList tfoot td {
	vertical-align: top;
	padding: 2% 0%;
}

#cartList .columnArtDesc{
	width: 84%;
	padding-left: 2%;
	padding-right: 2%;
}


#cartList td.columnArtDesc a{
	font:2.2rem 'Vinkel-Medium';
	font-weight:bold;
}


#cartList .columnPreco {
	width: 16%;
	padding-right: 1% 3% 1% 0%;
	text-align: right;
    vertical-align: middle;
}

#cartList .columnPreco .precoProd{
	text-align: right;
}
#cartList .columnPreco .priceOld{
	display: block;
	font-size: 1.1rem;
	line-height: 1.1rem;
	font-weight: normal;
	color: #676767;
	text-align: right;
	text-decoration: line-through;
}
#cartList .columnPreco .priceDiscount{
	padding: 0.1rem 0.6rem;
	font-size: 1.1rem;
	line-height: 1.6rem;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background-color: #d60000;
	text-align: center;
    vertical-align: bottom;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
#cartList .columnPreco .priceCurrent{
	font: 1.8rem 'Vinkel-Medium', sans-serif;
	line-height: 1.8rem;
	font-weight: bold;
	color: #565656;
	text-align: right;
}
#cartList .columnPreco .priceCurrent.pricePromo{
	color: #d60000;
}

#cartList .columnQtd {
	width: 5%;
	padding-right: 1%;
	text-align: center;
	vertical-align: middle;
}

#cartList .columnQtd .produtoQtd {
    padding: 0.3rem;
	outline: none;
    border-radius: 6px;
}

#cartList p{
	padding-bottom: 0.0rem;
/*
	font-size: 1.4rem;
	line-height: 1.4rem;
*/
}

#cartList p.obs{
	font-size: 1.1rem;
	line-height: 1.2rem;
	color: #707070;
}

.cartArtigoRemove {
	display: block;
	font-size: 1.2rem;
	line-height: 2.0rem;
	color: #b3b3b3;
}


#cartList tfoot td {
	/*padding-top: 1.2rem;*/
}

#cartList tfoot tr td select{
	margin:0.2rem 0rem;
	padding: 0.6rem 1.0rem;
	max-width: 40rem;
	font: 1.3rem 'Vinkel-Regular', sans-serif;
	line-height: 2.0rem;
	color: #003952;
	vertical-align: middle;
	border: 1px solid #336699;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	outline:0;
}


#cartList tfoot tr#subtotal td,
#cartList tfoot tr#portes td,
#cartList tfoot tr#totalPagar td,
#cartList tfoot tr#totalPoupanca td,
#cartList tfoot tr#notas td{
	text-align: right;
}

#cartList tfoot tr#subtotal td{
	padding-top: 2rem;
}
#cartList tfoot #totalPagar td {
	font-size:22px;
	font-weight: bold;
	vertical-align: top;
	padding-top: 1.2rem;
}

#cartList tfoot #totalPagar td {
    font-size: 22px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 1.2rem;
}

#cartList tfoot #totalPagar td span{
	display:block;
	font-size: 12px;
	font-weight: normal;
}

#cartList tfoot #totalPagar td:first-child{
	padding-right: 2rem;
}


#cartOverviewContent #totalPagar td {
    font-size: 22px;
    line-height: 100%;
    font-weight: bold;
    vertical-align: top;
    padding-top: 1.2rem;
}
#cartOverviewContent #totalPagar td span{
	display:block;
	font-size: 12px;
	font-weight: normal;
}

#cartList tfoot #totalPoupanca .priceDiscount,
#cartOverview .priceDiscount{
	padding: 0.2rem 0.8rem;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background-color: #d60000;
	text-align: center;
    vertical-align: bottom;

}

#cartList .qtd-error{
	background-color: #ffcccc;
	color:#ff0000;
}


#cartList span.atributos{
	display:block;
	font-size:85%;
}


#cartOverview {
	display: block;
	width: 100%;
	margin: 0rem 0 4rem 0;
    background-color: #fff;
	text-align: right;
}

#cartOverview.overviewConfirmar {
    margin: 0rem 0 0rem 0;
    border-radius: 0px 0px 0px 0px;
}

#resumoIvaContainer{
	display: inline-block;
    text-align: left;
    vertical-align: top;
	float: left;
}

#resumoIvaContainer thead tr {
    background: rgba(70,70,70,0.8);
}

#resumoIvaContainer tr th:first-child, #resumoIvaContainer tr td:first-child{

}
#resumoIvaContainer tr th:last-child, #resumoIvaContainer tr td:last-child{
	vertical-align: middle;

}

#resumoIvaContainer .resumoIvaTable thead th {
    color: #fff;
	font: inherit;
    font-weight: bold;
	line-height: 100%;
    text-align: left;
    vertical-align: middle;
    padding: 0.8rem 1rem;
}


#resumoIvaContainer tbody tr {
	margin-top: 1.2rem;
	background-color: rgba(255, 255, 255, 0.85);
}

#resumoIvaContainer tbody td {
	vertical-align: top;
	padding: 2% 0%;
	color: #003952;
}

#resumoIvaContainer .resumoIvaTable td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
}


#cartOverviewContent{
	display: inline-block;
	background: #333;
	color:#fff;
}

#cartOverview  table{
	width: 100%;
	color:#fff;
}

#cartOverview thead th {
	font-size:2rem;
	font-weight:600;
	color:#fff;
	line-height: 36px;
	text-align: left;
	vertical-align: middle;
	padding: 1rem 2rem 1rem 2rem;
}

#cartOverview tbody td {
	vertical-align: top;
}

#cartOverview .columnDesc{
	width: 65%;
	padding: 0rem 0rem 1rem 2rem;
}

#cartOverview .columnNotas{
	padding: 0.5rem 0rem 1rem 2rem;
	font-size: 1.1rem;
	text-align: left;
}

#cartOverview .columnValue {
	width: 25%;
	padding-right: 2rem;
	text-align: right;
}
#cartOverview .columnValue p{
	text-align: right;
}

#cartOverview p{
	padding-bottom: 0.0rem;
	font-size: 1.4rem;
	line-height: 1.4rem;
}
#cartOverview .totalPoupanca{
	padding-bottom: 0.6rem;
}
#cartOverview .totalPoupanca td{
    width: auto;
	height: 3rem;
    padding-right: 2rem;
    text-align: right;
	padding-bottom: 1.4rem;
}

#cartOverview .totalPoupanca.comPaddingTop td{
    padding-top: 1.4rem;
}

#cartOverview .total .columnDesc{
	font-weight: bold;
	padding-bottom: 2rem;
}
#cartOverview .total .columnDesc span{
	font-weight: normal;
	font-size: 80%;
}

#cartOverview  .total .columnValue{
	font-weight: bold;
	color:#fff;
	padding-right:2rem;
}

.shoppingcart_form_control {
	display: block;
	width: 100%;
	margin: 0px 0px;
	text-align: right;
}

.shoppingcart_form_control button{
    padding: 1rem 5rem 1.6rem 5rem;
}

.shoppingcart_form_control button span{
	font-size:60%;
    display: block;
    text-transform: lowercase;
}



@media print {

	#container-comparar h1{
		color: #000;
	}

	#cartList thead th{
		color: #000;
	}

	#cartList h2{
		color: #000;
		border-bottom: 1px solid #D4D4D4;
	}

	#cartList p{
		color: #000;
	}
}


/*
.columnArtDesc {
padding: 4px 10px;
width: 435px;
text-align: left;
vertical-align: top;
}
.columnArtDesc p.nota{
	font-size: 11px;
}

.columnPreco {
padding: 4px 10px;
width: 100px;
text-align: right;
vertical-align: top;
line-height: 24px;
}
.columnQtd {
padding: 4px 10px;
width: 120px;
text-align: center;
vertical-align: top;
}


*/




#funcsValores {
	display: block;
	height: 150px;
}

#boxAtualizacao {
display: inline-block;
float: left;
text-align:center;
width: 400px; /* 435px sem padding */
background: #eee;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
height: 130px;
padding: 10px;
margin-right: 26px;
}

#boxAtualizacao h3 span{
display: block;
	width: 400px;
	margin-bottom:20px;
}



input.ui-button {
padding: .15em .75em;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: .1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}

#boxValoresCompra {
display: inline-block;
float: right;
width: 415px; /* 435px sem padding */
background: #eee;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
height: 130px;
padding: 10px;
}

#resumo {
width: 390px;
float: right;
font-size: 13px
}
#resumo span {
display: inline-block;
width: 180px;
}
#resumo span.cartValor {
text-align: right;
}

#resumo li#cartTotal .cartLblValor, #resumo li#cartTotal .cartValor{
margin-top: 6px;
font-size: 13px;
}

.resumoIvaTable {
border-spacing: 0px;
display: inline-block;
border-collapse: separate;
border-spacing: 0 0.5rem;
font-size: 80%;
padding-top:1rem;
}

#cartList .resumoIvaTable thead th {
    color: #fff;
    font-weight: bold;
    line-height: 14px;
    text-align: left;
    vertical-align: middle;
    padding: 0.8rem 1rem;
}

#cartList .resumoIvaTable td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
}

#btnsPassos {
	margin: 20px 0px;
	text-align: right;
}

#paginas {
	display: block;
    width: 100%;
    margin: 40px 0px 0px 0px;
    text-align: right;
}


.boxMorada{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: top;
}

#moradaCliente{
	width: 46%;
    padding: 1rem 2rem;
	margin-right: 3rem;
    background: rgba(255,255,255,0.8);
    border-radius: 8px;
}
#moradaEntrega{
	width: calc(54% - 3.6rem);
    padding: 1rem 2rem;
    background: rgba(255,255,255,0.8);
    border-radius: 8px;
}

#moradaCliente h2{
	padding-bottom: 1rem;
	/*background: url('/assets/images/ico_moradaCliente.jpg') transparent no-repeat left top;*/
}

#moradaEntrega h2{
	padding-bottom: 1rem;
	/*background: url('/assets/images/ico_moradaEntrega.jpg') transparent no-repeat left top;*/
}


/* Blocos de pagamento */
div.paymentMethod{
	margin: 20px 0px;
	padding-left: 228px;
	min-height: 128px;
}

div.paymentMethod#check{
	background: url('/images/payment/ico_payment_check.jpg') transparent no-repeat left top;
}
div.paymentMethod#easypay_cc{
	background: url('/images/payment/ico_payment_easypay_cc.jpg') transparent no-repeat left top;
}
div.paymentMethod#easypay_mb{
	background: url('/images/payment/ico_payment_easypay_mb.jpg') transparent no-repeat left top;
}
div.paymentMethod#bank_transfer{
	background: url('/images/payment/ico_payment_bank_transfer.jpg') transparent no-repeat left top;
}
div.paymentMethod#paypal_cc{
	background: url('/images/payment/ico_payment_paypal_cc.jpg') transparent no-repeat left top;
}
div.paymentMethod#cod{
	background: url('/images/payment/ico_payment_cod.jpg') transparent no-repeat left top;
}

div.paymentMethod h3, div.paymentMethod h4{
	padding-top: 0px;
	padding-bottom: 2px;
}

p.dados_ref_mb{
    padding: 0.8rem 4.6rem;
    background: url('/images/payment/ico_payment_easypay_ref_mb_small.png') transparent no-repeat left center;
    line-height: 100%;
}

.link-payment-module{
 	padding: 0.6rem 1.2rem;
	margin-bottom:0.8em;
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	min-width: 9rem;
    background-color: #d61a0c;
	font-size: 1.4rem;
	line-height: 100%;
	text-align: center;
	border: 1px #d61a0c solid;
    color: #fff;
    font-weight: 400;
	font-family:'Vinkel-Regular';
	cursor: pointer;
 }

.link-payment-module:hover{
    background-color: #fff;
    color: #d61a0c;

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}


.boxEstado{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: top;
	color: #565656;
	background-color: rgba(204, 204, 204, 0.35);
	border: 1px solid rgba(204, 204, 204, 1);
	border-radius: 8px;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 7px 10px;
	min-width: 220px;
}

.boxEstado p{
	padding: 0px;
}

.boxEstado p span{
	font-weight: bold;
	display:block;
}

.deliveryPayInfo{
    margin: 0 0 2rem;
    padding: 3rem;
}

 .titleFieldInfo {
	font-weight:bold;
	padding-right:2rem;
	text-align:right;
	line-height:2.5rem;
}