@charset "utf-8";
/* VERSIÓ UTF-8 SENSE BOM */
/***** CART *****/

.cart-selector_country{ position:absolute; }
#cart_select{
	position:fixed;
	left:30%;
	right:30%;
	border: 1px solid #000;
	padding: 10px;				
	height: 300px;
	top:20%;
	z-index:999;
	background-color:#CCC;										
}

#cart_container{
	position:fixed;
	width:252px;
	height:452px;	
	top:135px;
	border:0;
	left:50%;
	margin-left:+240px;
}
#cart_close_btn{
	position:absolute;
	left:-30px;
	top:0px;
	width:30px;
	height:240px;
	background: url('../img/cart_hide.png') left top no-repeat;
	cursor:pointer;
}
#cart_open_btn{
	position:absolute;
	left:-30px;
	top:0px;
	width:30px;
	height:140px;
	background: url('../img/cart_show.png') left top no-repeat;
	cursor:pointer;
}
#cart{
	float:left;
	width:250px;
	height:475px;
	border:1px solid #219a87;
	background:#fff;
	overflow:hidden;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;	
}
/*
#cart_header { height:35px; line-height:35px; background:#e81a0d url('../img/cart_header.png') no-repeat 5px; }
#cart_header div { float:right; margin-right:10px; font-size:17px; color:#fff !important; }
*/
#cart_header { height:35px; line-height:35px; background:#219a87; }
#cart_header div { font-size:17px; color:#fff !important; text-align:center; font-weight:bold;}

#cart_content {
	margin:5px 0px 5px 8px;
}
.cart_empty {
	text-align:center;
	margin-top:10px;
}
#cart .cart-itemlist{
	height:355px;
	width:240px;
	overflow:auto;
}
.cartInfo { border-bottom:0px solid #000; padding-top:0px; padding-bottom:0px; }
.cartInfoTitle { margin-bottom:5px; font-weight:bold; }
.cartInfoBody { float:left; }
.cartInfoUpdate {
	cursor:pointer;
	background-color:#808080;
	border-top:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	text-align:center;
	padding:2px 5px;
	margin-right:10px;
	float:right;
	color:#FFF;
	font-weight:bold;
}

.cartButton {
	cursor:pointer;
	background-color:#808080;
	border-top:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	width:125px !important;
	text-align:center;
	float:left;
	color:#FFF;
	font-weight:bold;
	margin-top:10px !important;
	margin-left:60px !important;
}

/***** ITEMS *****/

.itemCart {
	border-bottom:1px solid #999;
	padding-top:5px;
	padding-bottom:2px;
	width: 224px;
}
/*.itemName {
	color:#808080 !important;
	margin-bottom:3px;
	font-weight:bold;
}*/

#itemName {
	color:#000 !important;
	margin-bottom:3px;
	font-weight:bold;
	border: 0px solid #000;
	width:223px;
}

#itemName .code{
	color:#d5381d !important;
	border: 0px solid #000;
	float: left;
	margin-right: 5px;
}
	
.itemCart input{
	margin-top:3px;
	float:left;
	width:30px;
	text-align:right;
	border: 1px solid #ccc;
    background: #fefdeb;
}
.itemQuantity { float:left; }
.itemPrice {
	float:left;
	margin-left:5px
}

.itemOptions {
	float:right;
	margin-top:0px;
	/*margin-right:17px;*/
	margin-right:0px;
}
.itemUpdate {
	float:left;
	background:url('../img/itemUpdate.png');
	width:26px;
	height:27px;
	cursor:pointer;
}
.itemDelete {
border:0px solid #00f;
	float:left;
	background:url('../img/itemDelete.png');
	width:21px;
	height:27px;
	cursor:pointer;
}

/***** FOOTER *****/

.CartTotal {
	position:absolute;
	bottom:20px;
	width:100%;
	font-weight:bold;
	color:#000;
	left:10px;
}
.CartTotal span { color:#e81a0d; float: left;}

.CartTotal .subtotal{margin-left:150px;border:0px solid #00f;}
.CartFooter {
	position:absolute;	
	bottom:0px;
	border:0px solid #00f;
	border-top:2px solid #000;
	left:10px;
	height:45px; 
	width:230px;
}
.CartFooter div {
	margin-top:30px;
	/*
	margin-left:5px;
	padding-top:4px;
	cursor:pointer;
	background-color:#808080;
	border-top:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;

	text-align:center;
	position:relative;
	color:#FFF;
	font-weight:bold;
	height:20px;
	width:80px;
	*/
}
#CartDel{
	position:relative;
	left:0px;
	height:20px;
	width:50px;
	
}

.CartContinue {
	position:absolute;
	bottom:0px;
	margin-left: 45px;
	
	left:1px;
	height:50px;
}
.CartContinue  div{
	margin-top:35px;
	margin-left:15px;
	padding-top:4px;
	cursor:pointer;
	background-color:#808080;
	border-top:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	width:110px;
	height:20px;
	text-align:center;
	float:left;
	color:#FFF;
	font-weight:bold;
}
.CartConfirm {
	position:absolute;
	bottom:-5px;
	margin-left: 155px;
	left:0px;
	height:50px;
}
.CartConfirm  div{
	margin-top:30px;
	/*
	margin-left:0px;
	padding-top:5px;
	cursor:pointer;
	background-color:#808080;
	border-top:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	
	background-color:#01A827;
	border-top:1px solid #20A623;
	border-left:1px solid #20A623;
	border-bottom:1px solid #20A623;
	border-right:1px solid #20A623;
	
	width:80px;
	height:20px;
	text-align:center;
	position:relative;
	color:#FFF;
	font-weight:bold;
	*/
}

.w80 { width:80px !important; }
.mleft5 { margin-left:5px !important; }
.mleft20 { margin-left:20px !important; }

#carret_x {
	float:left;
	text-align:center;
	width:5px;
}
#carret_preu {
border:0px solid #0f0;	
	float:left;
	text-align:right;
	width:78px;
	margin-right:2px;
}
#carret_preuxunitats {
border:0px solid #0f0;	
	float:left;
	text-align:right;
	width:74px;
	margin-right:2px;
}


/* Color boton Checkout ene 2021 */

.btn-success {
    color: #fff;
    background-color: #219a87 !important;
    border-color: #219a87 !important;
}

.btn-secondary {
    color: #fff;
    background-color: #828585 !important;
    border-color: #828585 !important;
}