/*

	Glef Nutrición Deportiva
	..
	2019

*/

#shipping-cart-open-bt {
	position:absolute;
	right:0;
	top:50%;
	width:141px;
	height:97px;
	margin-top:-38px;
	background-image:url(images/shipping-cart/bt-open-bg.png);
	background-repeat: no-repeat;
	z-index:1000;
	overflow: hidden;
}
#shipping-cart-open-bt a {
	display:block;
	width:141px;
	height:97px;
	line-height:98px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3d3d3d;
	text-decoration:none;
	overflow: hidden;
}
#shipping-cart-open-bt a:hover {
	color:#2599cf;
}
#shipping-cart-open-bt a > span {
	background: url(images/icons/shipping-cart-02.png) no-repeat 102px 41px;
	text-indent:37px;
	display:block;
}

/*-----------------------------------------------*/
#shipping-cart {
	position:absolute;
	right:0;
	top:0;
	width:275px;
	height: 100%;
	box-sizing: border-box;
	border-left: 1px solid #dcdcdc;
	background-color: #ffffff;
	z-index:10;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
#shipping-cart .close-bt {
	position: absolute;
	z-index:200;
	top: 50%;
	right: 260px;
	margin-top: -16px;
}
#shipping-cart .close-bt > a {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background-image: url(images/shipping-cart/close-bt.png);
}
#shipping-cart .close-bt > a:hover {
	background-position: 0 -32px
}

#shipping-cart .header {
	position: absolute;
    width: 100%;
    z-index: 1;
}

#shipping-cart .header .title {
	background-color:#eaeae9;
	border-bottom:1px solid #dadada;
	text-align:center;
}
#shipping-cart .header .title > span {
	font-family: 'Oswald', sans-serif;
	font-size:17px;
	color:#3d3d3d;
	line-height:35px;
}
#shipping-cart .header .divisor {
	width:100%;
	height:5px;
	background-color:#eaeae9;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #dadada;
	text-indent: -9999px;
	padding-top:2px;
	background-image: url(images/icons/arrow-01.png);
	background-repeat: no-repeat;
	background-position: 50% 1px;
}
#shipping-cart > .content {
	overflow-y:auto;
	overflow-x:hidden;
	background: white;
	box-sizing: border-box;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 45px;
    padding-bottom: 234px;
}


#shipping-cart .products {
	padding-bottom: 20px;
}

#shipping-cart .product {
	height:auto;
	border-top:1px solid #fff;
	border-bottom:1px solid #dadada;
	position:relative;
	background-color: #f2f2f2;
	padding: 10px;
}
#shipping-cart .product .image {
	width:75px;
	float:left;
	text-align:center;
	overflow: hidden;
}
#shipping-cart .product .image > img {
	width:75px;
	height:auto;
}
#shipping-cart .product .info {
	width:160px;
	height:auto;
	position:relative;
	margin-left: 85px;
}
#shipping-cart .product .info span.title {
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#a1a1a1;
}
#shipping-cart .product .info span.value {
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#348a16;
	padding-left:6px;
}
#shipping-cart .product .info > .title {
	height:auto;
	border-bottom:1px dashed #cecece;
}
#shipping-cart .product .info > .title > strong {
	display: block;
	margin-top: 0;
	margin-bottom: 5px;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#3d3d3d;
	line-height:20px;
}
#shipping-cart .product .info > .title > span {
	text-transform: uppercase;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#a1a1a1;
	margin-bottom:9px;
}
#shipping-cart .product .info > ul.specs > li {
	position: relative;
	width:100%;
	height:29px;
	border-bottom:1px dashed #cecece;
	line-height:29px;
}
#shipping-cart .product .info > ul.specs > li .amount {
	width:115px;
}
#shipping-cart .product .info > ul.specs > li .amount > span.value {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:13px;
	color:#3d3d3d;
	padding-left:18px;
}
#shipping-cart .product .info > ul.specs > li .action-buttons {
	position: absolute;
	width:45px;
	top: 0;
	right: 0;
	text-align: right;
}
#shipping-cart .product .info > ul.specs > li .action-buttons > a {
	width:18px;
	height:18px;
	line-height:18px;
	display:inline-block;
	font-size:14px;
	font-weight: bold;
	color:white;
	background: #2599cf;
	border-radius: 50%;
	text-align: center;
}
#shipping-cart .product .info > ul.specs > li .action-buttons > a:hover {
}
#shipping-cart .product .info > .action-buttons {
	margin-top: 9px;
}
#shipping-cart .product .info > .action-buttons > a.detail {
	height:20px;
	line-height:20px;
	display:inline-block;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#6a6a6a;
	border: 1px solid #dcdcdc;
	padding:0 9px 0 9px; 
	text-decoration:none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#shipping-cart .product .info > .action-buttons > a:hover.detail {
	color:#2599cf;
}
#shipping-cart .product .info > .action-buttons > a.delete {
	height:20px;
	line-height:20px;
	display:inline-block;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:10px;
	color:#8a1616;
	padding:0 9px 0 9px;
	text-decoration:none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/*-----------------------------------------------*/

#shipping-cart .footer {
	position:absolute;
	right:0;
	bottom:0;
	width:100%;
	background-color: #eaeae9;
}
#shipping-cart .footer .header .divisor {
	width:100%;
	height:5px;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	background-color:#eaeae9;
	background-image: url(images/shipping-cart/detail.png);
	background-repeat: no-repeat;
	background-position: 50% 2px;
	padding-top:2px;
	text-indent: -9999px;
}
#shipping-cart .footer > .content {
	width:255px;
	padding:10px;
	position:relative;
}
#shipping-cart .footer .info {
	position:relative;
	width:255px;
}
#shipping-cart .footer .info > span.title {
	display: block;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#3d3d3d;
	letter-spacing:-1px;
	text-align:center;
}
#shipping-cart .footer .info > p.description {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6a6a6a;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom: 10px;
	text-align:center;
	border:double;
	border-color: #c3c3c3;
	margin-top:15px;
}
#shipping-cart .footer .content >  div.info > p.description > a:link {
	color: #3d3d3d;
	font-weight:bold;
	text-decoration:underline;
}
#shipping-cart .footer .info > p.description > a:visited { 
	color: #3d3d3d;	
	text-decoration:underline
}
#shipping-cart .footer .info > p.description > a:hover { 
	color: #2599cf;	
	text-decoration:underline;
}
#shipping-cart .footer .info > span.sub-title { 
	display: block;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3d3d3d;
	font-weight: bold;
	margin-bottom: 3px;
}
#shipping-cart .footer .info > select { 
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}
#shipping-cart .footer .total-price {
	width:253px;
	height:29px;
	border-top:1px dashed #c7c7c6;
	border-bottom:1px dashed #c7c7c6;
}
#shipping-cart .footer .total-price .title {
	width:150px;
	height:29px;
	float:left;
}
#shipping-cart .footer .total-price .title > span {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#3d3d3d;
	text-align:left;
}
#shipping-cart .footer .total-price .value {
	width:103px;
	height:29px;
	float:right;
	text-align:right;
}
#shipping-cart .footer .total-price .value > span {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#348a16;
	text-align:right;
	line-height:29px;
}
#shipping-cart .footer .action-buttons {
	width:253px;
	position:relative;
	margin-top:10px;
	text-align:right;
}
#shipping-cart .footer .action-buttons > a.delete-all,
#shipping-cart .footer .action-buttons > a.buy
{
	height:auto;
	display:inline-block;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#f2f2f2;
	background-color:;
	padding:10px 15px 10px 15px; 
	text-decoration:none;
	border-radius: 3px;
}
#shipping-cart .footer .action-buttons > a.delete-all {
	background:transparent;
	color: #8a1616;
	font-weight: normal;
}
#shipping-cart .footer .action-buttons > a.buy {
	background-color:#348a16;
}
#shipping-cart .footer .action-buttons > a:hover.buy {
	background-color:#46c21b;
}


@media only screen and (max-width: 960px)
{
	#shipping-cart-open-bt {
		position:fixed;
		top:auto;
		bottom: 20px;
		right: none;
		left: 20px;
		width: auto;
		height: auto;
		margin-top:0;
		background: white;
		width: 66px;
		height: 66px;
		border-radius: 50%;
		box-shadow: 0 19px 38px 0 rgba(34,36,43,.3);
		overflow: hidden;
	}

	#shipping-cart-open-bt a {
		width: 90%;
		height: 100%;
		background:url(images/icons/shipping-cart-02.png) no-repeat center;
	}

	#shipping-cart-open-bt.has-products {
		background: #2599cf;
	}

	#shipping-cart-open-bt.has-products a {
		background-image:url(images/icons/shipping-cart-01.png);
	}

	#shipping-cart-open-bt a > span {
		display:none;
	}

	#shipping-cart {
		position:fixed;
		z-index: 10;
		width:100%;
		height: 100%;
		border-left: none;
		background-color: #ffffff;
	}

	#shipping-cart > .content {
	    padding-top: 56px;
	    padding-bottom: 245px;
	}

	#shipping-cart .close-bt {
		top: 7px;
		right: 7px;
		margin-top: 0;
	}
	#shipping-cart .close-bt > a {
		padding: 5px 5px;
	    font-family: Arial, sans-serif;
	    font-size: 14px;
		text-indent: 0;
		background: none;
		border: 1px solid #dbdbdb;
		border-radius: 3px;
		z-index: 3;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		border: 1px solid rgba(0,0,0,0.12);
		background: transparent url(images/layout/close-icon.png) no-repeat center;
		text-indent: -999px;
		overflow: hidden;
		cursor: pointer;
		outline: none;
	}
	#shipping-cart .close-bt > a:hover {
		background-position: 0 -32px
	}

	#shipping-cart .header .title {
		height:auto;
		letter-spacing: 0;
		padding: 6px 0 5px 0;
	}
	#shipping-cart .header .title > span {
		font-size:24px;
	}


	#shipping-cart .product .info {
		width:auto;
	}

	#shipping-cart .product .info > ul.specs > li .action-buttons {
		position: absolute;
		width:auto;
		font-weight: bold;
		margin-top: 1px;
	}
	#shipping-cart .product .info > ul.specs > li .action-buttons > a {
		width:24px;
		height:24px;
		line-height:22px;
		font-size:21px;
	}
	#shipping-cart .product .info {
		position:relative;
		margin-left: 135px;
	}

	#shipping-cart .product .info .action-buttons {
		width:162px;
		height:20px;
		margin-top: 9px;
	}

	#shipping-cart .product .info > .title > strong {
		font-size: 18px;
	}



	#shipping-cart .footer {
		padding-right: 0;
	}

	#shipping-cart .footer .content {
		width:auto;
	}
	#shipping-cart .footer .info {
		width:auto;
	}

	#shipping-cart .footer .action-buttons {
		width:auto;
		height:auto;
		position:relative;
		margin-top:10px;
		text-align:left;
	}

	#shipping-cart .footer .action-buttons > a.delete-all,
	#shipping-cart .footer .action-buttons > a.buy
	{
		font-size:14px;
		padding: 10px 12px 10px 12px; 
	}

	#shipping-cart .footer .total-price {
		width:auto;
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 16px;
		padding-right: 100px;
	}

	#shipping-cart .footer .total-price .value {
		width:auto;
		float: none;
		display: inline-block;
		height: auto;
		font-size: inherit;
	}

	#shipping-cart .footer .total-price .title {
		width:auto;
		float: none;
		display: inline-block;
		height: auto;
		font-size: inherit;
	}

	#shipping-cart .footer .total-price .title > span,
	#shipping-cart .footer .total-price .value > span {
		font-size: inherit;
	}

	#shipping-cart .product .image {
		width: 135px;
		height: 135px;
	}
	#shipping-cart .product .image > img {
		width:auto;
		height:auto;
	}

}