/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, #nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
img { 
	vertical-align: middle;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, #nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size: 62.5%
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear,
.clearfix:after {
	display: block;
	clear: both;
	content: ""
}


/* Fonts */
body {
	font-family: "PT Sans Narrow", Arial, Helvetica, sans-serif;
}

h1 { font-size: 2rem; }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

p, input, select, button, label, li {
	font-size: 1em;
	line-height: 1.2em;
}

small {
	font-size: 0.85rem;
}

.grey {
	color: #858585;
}

.strike {
	text-decoration: line-through;
	color: #d20000 !important
}

a {
	text-decoration: none;
}

* {
	outline: none;
}

/* Layout */
header,
nav,
.catalog,
.mainMenu,
.newsSignup,
.easyBuy,
.easyPay,
.novedades,
.searchMain,
.cart,
.checkout {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc);
	width: 100%;
	display: ;
	clear: both;
}

.container {
	max-width: 108em;
	margin: 0 auto;
	position: relative;
	padding: 0 2em;
}

.checkout {
	padding: 3%;
}

nav,
.newsSignup {
	padding: 0 3%;
}

.easyPay {
	padding: 2%;
}

.searchMain {
	top: 6rem;
	left: 0;
	font-family: Arial;
}

.cart {
	top: 6rem;
	right: 0;
	font-family: Arial;
}

/* Header */
#header header {
	padding: 2em 0;
}

#header header h1 {
	text-align: center;
}

	#header header h1 img {
    	max-height: 5rem;
    	max-width: 100%;
	}
	
	/*@media screen and (max-width: 1000px) {
		
		#header header h1 {
			margin-left: 2.5em
		}
		
	}*/
	
	
/* Cart 
#header .cart {
	position: absolute;
	color: #fff;
	background-color: #000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
	text-align: center;
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: auto;
}

	#header .cart a {
		background-image: url("../img/ico-shopBag.svg");
		background-repeat: no-repeat;
		background-position: 1.5em center;
		background-size: auto 60%;
		padding: 0.6em 1.5em 0.6em 3.5em;
		color: #fff;
		display: block;
		font-size: 0.8em
	}*/

/* Menu */
.mainMenu ul {
	list-style: none;
	text-align: center;
	margin-top: 2em
}

.mainMenu li {
	display: inline-block;
	margin: 0.2em 0.5em;
}
	
.mainMenu a {
	color: #000;
	border: 1px solid #000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 0.7em 1em 0.5em 1em;
	display: block;
	width: 100%;
	text-transform: uppercase;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); 
	font-size: 1.5em;
	margin-bottom: 0.5em;
	text-decoration: underline
}

	.mainMenu a.on {
		border-width: 6px;
		padding: 0.5em 0.7em;		
	}
	
	.mainMenu a.cat114 {
		background-color: #666;
		color: #fff;
		border-color: #666;
	}
	
	.mainMenu a.cat110 {
		background-color: #c00;
		color: #fff;
		border-color: #c00;
	}
	
	.mainMenu a.gift {
		background-color: #000;
		color: #fff
	}
	
.mainMenu ul ul {
	position: absolute;
	z-index: 10000;
	display: none;
}

	.mainMenu ul li:hover > ul {
		display: block;
		border: 1px solid #000;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		background-color: #fff;
	}
	
		.mainMenu ul li:hover ul a {
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border: 0 none;
			margin: 0
		}	

	.mainMenu ul ul {
		margin-top: 0;
	}
	
		.mainMenu ul ul li {
			margin-left: 0;
			margin-right: 0.2em;
			position: relative;
		}

		.mainMenu ul ul ul {
			display: none !important
		}
		

	.mainMenu ul ul li {
		display: block
	}

	@media screen and (max-width: 450px) {
		.mainMenu li {
			margin: 0.1em 0.4em
		}
		.mainMenu a {
			padding: 0.4em 0.5em 0.3em 0.5em
		}
		.mainMenu ul li:hover > ul {
			display: none;
		}
	}
	
/* Forms */
input, select, textarea {
	padding: 0.5em;
	margin: 0;
	font-family: inherit;
}
button {
	padding: 0.5em 0.75em;
	margin: 0;
	cursor: pointer;
}
	
/* Search 
.searchMain {
	width: 23em;
	position: absolute;
}
	.searchMain input {
		color: #000;
		border: 0 none;
		width: 100%;
		border-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 3rem;
		outline: none;
		border: 1px solid #000;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		font-size: 1.2em;
		padding: 0.7em 0.8em;
		height: 2.75em
	}
	.searchMain button {
		background-color: #000;
		color: #fff;
		border: 0 none;
		border-radius: 0 8px 8px 0;
		-moz-border-radius: 0 8px 8px 0;
		-webkit-border-radius: 0 8px 8px 0;
		position: absolute;
		top: 0;
		right: -1px;
		font-size: 0.95rem;
		padding: 0.5em 0.75em;
		border-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 2.2em
	}*/
	
	
	@media screen and (max-width: 740px) {
		
		#header header h1 {
			margin-left: 0
		}
		
		/*#header .cart,
		#header .searchMain {
			position: relative;
			top: 0;
			float: left;
			clear: none;
			margin: 1.5rem 0
		}
		
		#header .cart {
			float: right;
		}*/
		
	}
	
	/*@media screen and (max-width: 450px) {
		
		#header .cart,
		#header .searchMain {
			position: absolute;
			top: 0;
			margin: 0;
			left: 0
		}	
		
		#header .searchMain {
			left: auto;
			right: 0
		}
		
			.searchMain input {
				display: none
			}
			
			.searchMain button,
			#header .cart {
				border-radius: 0 0 8px 8px
			}
			
			.searchMain button {
				width: 36px;
				line-height: 1em
			}
			
		#header .cart {
			width: 36px;
		}
			
			#header .cart a {
				text-indent: -9999em;
				padding-left: 0;
				padding-right: 0;
				background-position: center center
			}
		
	}*/
	
/* Slide */
.sliderContainer,
#ambienteHeader {
	border: 1px solid #bbbdc0;
	margin: 2em auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	border-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 60em;
}

	#ambienteHeader object {
		width: 100%;
		float: left
	}

	.loading {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: #FFF;
		background-image: url(../img/loading.svg);
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 10;
	}

	.slider {
		overflow: hidden;
		visibility: hidden
	}
	
		.slider ul {
			width: 99999em;
		}
		
		.slider ul li {
			float: left;
			position: relative
		}
		
			.slider ul li object,
			.slider ul li a {
				width: 100%;
				height: auto;
				float: left
			}


.sliderContainer nav {
	position: relative;
	height: 100%;
	display: block;
}

	.sliderContainer .nav li {
		position: absolute;
		top: 50%;
		margin: auto;
		margin-top: -0.6em;
		font-size: 4rem;
		display: block;
		height: 1em;
		color: #000;
		cursor: pointer
	}
	
	.sliderContainer .prev {
		left: 0;
		padding-left: 0.2em;
	}
	.sliderContainer .next {
		right: 0;
		padding-right: 0.2em;
	}
	
.sliderContainer .index {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom: 2em
}

	.sliderContainer .index li {
		display: inline-block;
		text-indent: -9999em;
		cursor: pointer;
		background-color: black;
		width: 1.5em;
		height: 1.5em;
		margin: 0 0.5em;
		border-radius: 1.5em;
		border: 1px solid #FFF
	}
	
	.sliderContainer .index li.active {
		background-color: #5bb6b3
	}
	
.slideshow img {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 450px) {

	.sliderContainer {
		display: none
	}
	
	.sliderContainer .nav li {
		font-size: 3rem
	}
	
}

/* NewsSignup */
.newsSignup {
	font-family: Arial;
	text-align: center;
	border-top: 1px solid #000;
	margin-top: 2em;
	padding: 1em 0;
	text-align: center;
	vertical-align: middle
}

.newsSignup::after {
	content: '';
	display: block;
	clear: both;
}

.newsSignup h1 {
	font-size: 1.3rem;
	line-height: 4.5em;
	margin-top: 1em;
	margin-right: 1em;
	display: inline-block;
}

.newsSignup label {
	margin: 0 0.5em 0 0;
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle
}

	.newsSignup label.ok {
		color: #229802;
	}

.newsSignup input {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 0 none; 
	font-size: 1rem;
	width: 100%;
	max-width: 20rem;
	height: 2.3rem;
	border-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	vertical-align: middle
}

.newsSignup button {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 0 none; 
	background-color: #fff;
	font-size: 1rem;
	height: 2.3rem;
	border-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}

@media screen and (max-width: 700px) {
	
	.newsSignup label {
		display: block;
		margin-bottom: 0.5em
	}
	
}

@media screen and (max-width: 400px) {

	.newsSignup input {
		width: calc(100% - 3em)
	}

}

/* Bottom info */
.easyBuyContainer {
	border-bottom: 1px solid #ccc;
	margin-bottom: 4em
}

.easyBuy {
	margin: 2em auto 6.5em auto;
	padding: 0 2em;
	max-width: 108em;
	position: relative;
}

	.easyBuy::after {
		content: '';
		display: block;
		clear: both;
	}

	.easyBuy h3 {
		float: left;
		max-width: 25%
	}
	
		.easyBuy img {
			max-width: 100%;
			height: auto;
		}
	
	.easyBuy .step {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); 
		width: 25%;
		float: left;
		background-position: 11em 0;
		background-repeat: no-repeat;
		min-height: 14em;
		padding: 5% 0 0 3em;
		margin-top: -5%;
		background-size: 33%;
		position: relative
	}
	
		.easyBuy .step:before {
			position: absolute;
			left: 1.5em;
			height: 100%;
			background-image: url(../img/step.png);
			background-position: left top;
			background-repeat: no-repeat;
			width: 0.4em;
			content: ""
		}
	
		.easyBuy .step h4 {
			color: #000;
			font-size: 1.4rem;
			margin-bottom: 0.3em;
			text-transform: uppercase
		}
		
		.easyBuy .step p {
			font-size: 0.95rem;
			line-height: 1.1em;
		}
		
		.easyBuy .step p a {
			color: blue;
			text-decoration: underline
		}
		
		.easyBuy .step.one { background-image: url('../img/ico-1Busca.svg'); }
		.easyBuy .step.two { background-image: url('../img/ico-2Paga.svg'); }
		.easyBuy .step.three { background-image: url('../img/ico-3Recibi.svg'); }
		
@media screen and (max-width: 680px) {
	
	.easyBuy {
		margin-top: 0
	}
	
	.easyBuy h3 {
		float: none;
		text-align: center;
		max-width: 100%
	}
	
	.easyBuy .step {
		width: 33.333333%;
		margin-top: 2em;
	}
	
		.easyBuy .step:before {
			display: none
		}
		
}

@media screen and (max-width: 540px) {
	
	.easyBuy .step {
		float: none;
		width: auto;
		display: block;
		background-position: left center;
		background-size: 10em auto;
		padding-left: 12em;
		padding-top: 1.5em;
		min-height: 10em;
	}
	
}

.easyPay {
	background-image: url('../img/pay-banner.png');
	background-repeat: no-repeat;
	background-position: 94% 50%;
	background-size: 47%;
	font-family: Arial;
	font-weight: bold
}

	.easyPay h5 {
		font-size: 1rem;
		text-align: center;
		width: 50%;
		margin-bottom: 0.5em;
	}

	.easyPay p {
		font-size: 0.7rem;
		width: 50%;
		text-align: center;
		margin-top: 2em
	}

	.easyPay .divisor {
		color: #bbbdc0;
		font-size: 1.3rem;
		font-weight: bold;
		padding: 0 0.2em;
	}
	
@media screen and (max-width: 1020px) {
	
	.easyPay {
		padding-bottom: 13em;
		background-position: center bottom;
		background-size: auto auto;
	}
	
		.easyPay h5,
		.easyPay p {
			width: auto;
		}
	
}

@media screen and (max-width: 730px) {
	
	.easyPay {
		padding-bottom: 20vw;
		background-size: calc(100% - 4em) auto;
	}
	
}

@media screen and (max-width: 730px) {

	.easyPay p .divisor {
		display: block;
		visibility: hidden;
		height: 0.5em
	}

}

/* Catalog */
.container-fluid {
	margin: 0 auto;
	width: 90%;
	position: relative
}

@media screen and (max-width: 850px) {
	.container-fluid {
		width: calc(100% - 4em);
	}
}

@media screen and (max-width: 450px) {
	.container-fluid {
		width: calc(100% - 3em);
	}
}

.catalog {
	position: relative;
	padding: 2em 0
}

.catalog .breadcrumbs {
	font-size: 1rem;
	color: #bebfc2;
	text-transform: uppercase;
	margin-bottom: 2em;
}
	.catalog .breadcrumbs a {
		color: #5bb6b3;
		margin: 0 0.5em
	}
	
		.catalog .breadcrumbs a:first-child {
			margin-left: 0
		}
	
	.catalog .breadcrumbs span {
		margin: 0 0 0 0.5em
	}
	
	.catalog .breadcrumbs img {
		margin-top: -0.5em;
	}
	
.catalog .filtros {
	font-size: 1rem;
	margin-top: 1em
}

	.catalog .filtros h3 {
		display: inline-block;
		margin-right: 0.5em;
	}
	
		.catalog .filtros h3 span {
			color: #bebfc2
		}
	
	.catalog .filtros label {
		margin-left: 1em;
		cursor: pointer;
		text-transform: uppercase
	}
	
	.catalog .filtros label span,
	.catalog .filtros label a {
		text-decoration: underline;
		color: inherit
	}
	
	.catalog .filtros label input {
		color: #5bb6b3;
		border: 1px solid #5bb6b3;
	}

.catalog h1 {
	text-align: center;
	letter-spacing: 0.15em;
	font-size: 1.8rem;
}

.catalog h2,
.catalog.categoria h1 {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0.75em;
	text-transform: uppercase;
}

.catalog.categoria h1 {
	text-align: left;
	letter-spacing: normal
}

.catalog.categoria .banner {
	width: 100%;
	display: block;
	margin-bottom: 4em;
}

.categoria .noticias {
	text-align: center;
	background-color: #ebebeb;
	margin-top: 2rem
}

	.categoria .noticias li {
		text-align: left;
		display: inline-block;
		padding: 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		min-width: 25.3rem
	}
	
	.categoria .noticias .logo {
		margin-right: 1.5em;
		max-width: 18rem;
		float: left
	}
	
	.categoria .noticias .datos {
		color: #000;
		font-size: 0.9rem;
		line-height: 1.5em;
		float: left
	}
	
	.categoria .noticias .fotos {
		border: 1px solid #999;
		background-color: #FFF;
		padding: 0.5rem 0 0 0.5rem;
		margin-bottom: 0.5rem;
	}
	
		.categoria .noticias .fotos img {
			display: inline-block;
			margin: 0 0.5rem 0.5rem 0;
		}

	@media screen and (max-width: 440px) {
		.categoria .noticias li {
			min-width: 0;
			width: 100%
		}

		.categoria .noticias .fotos {
			text-align: center
		}
	}
	

.catalog p {
	font-size: 1rem;
}

.catalog ul {
	margin: 2rem auto;
	list-style: none;
	display: block;
	clear: both;
	text-align: center;
}
	.catalog ul::after {
		content: '';
		display: block;
		clear: both;
	}

.catalog li {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); 
	width: 27em;
	padding: 1.5em;
	display: inline-block;
	vertical-align: top
}

.catalog li:empty {
	height: 0;
	padding: 0
}

.catalog .product {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #bbbdc0;
	text-align: center;
	position: relative;
	padding-bottom: 7em;
	border-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.catalog .product .sales {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 7.65em
}

.catalog .new {
	position: absolute;
	background-image: url('../img/ico-Nuevo.svg');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 35%;
	height: 25%;
	z-index: 1;
	top: -5%;
	left: -10%;
}

.catalog .discount {
	position: absolute;
	background-image: url('../img/descuento.svg');
	display: block;
	width: 1.5em;
	height: 2.416666em;
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 1;
	top: 0;
	right: 0;
	color: #fdee29;
	text-align: center;
	font-size: 4.8em;
	letter-spacing: 0.15em;
	padding-left: 0.15em;
	padding-top: 0.75em;
	border-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.product a {
	color: inherit;
}

.product figure {
	display: block;
	clear: both;
	position: relative;
	background-color: #231f20;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	overflow: hidden;
	height: 22.4em
}

	.product figure img {
		width: 100%;
		display: block;
		border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
	}	
	
	.product figure:before {
		background-color: rgba(0,0,0,0.59);
		background-image: url(../img/ico-verMas.svg);
		background-position: center center;
		background-repeat: no-repeat;
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
		display: block
	}
	
	.product.noStock figure:before {
		background-image: url(../img/ico-sinStock.svg);
	}

	.product figure:hover:before {
		opacity: 1
	}

.product h2 {
	font-size: 1rem;
	margin: 1em 0;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 0 0.5em
}

	.product .price {
		padding-left: 0.5rem;
	}
	
	.price,
	.priceOld {
		font-size: 1.6rem;
		font-family: Arial;
		font-weight: bold;
	}
	
	.price span {
		font-size: 0.75em;
		font-weight: normal;
		margin-right: 0.2em
	}

	.product .price.old {
		font-size: 1.2rem;
		text-decoration: line-through;
		color: #999
	}
	
	.product .price.withDiscount {
		color: #d20000
	}
	
	.price small {
		font-size: 0.5em;
		font-weight: normal;
		text-transform: lowercase;
	}


.buy {
	clear: both;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
	padding: 0.25em 0.5em;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
	font-size: 1.4em;
	display: inline-block;
	margin-bottom: 1em;
}

.product .star {
	margin: 0 0 2em 0;
	font-size: 0.8rem;
}
	.star img {
		margin-right: 0.5em;
		width: auto;
	}

/* Producto */

.catalog .sectionLinks {
	display: block;
	clear: both;
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0.15em;
	margin: 2em 0;
	padding: 0.5em 2em;
	text-transform: uppercase;
	font-family: Arial;
	line-height: 1.4em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
} 

	.catalog .sectionLinks a {
		margin: 0 0.5em;
		letter-spacing: 0;
		color: #000;
		font-weight: bold;
		display: inline-block
	}

.catalog.item .breadcrumbs {
	position: relative;
}

.zoomWindowContainer > div {
	background-color: #FFF;
}

#producto {
	padding: 3em 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

	#producto .zoomImagen {
		cursor: pointer
	}

	#producto aside {
		float: left;
		width: 13.8%;
		padding-right: 1.5em;
		position: relative;
		border-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
		#producto aside .mask {
			overflow: hidden;
			height: 37vw;
			margin-top: 2.6em
		}
	
		#producto aside img {
			width: 100%;
			margin-bottom: 1.5em;
			border-radius: 0.5em;
		}
		
		#producto aside .fa {
			width: 100%;
			position: absolute;
			bottom: -0.7em;
			text-align: center;
			font-size: 3vw;
			padding-right: 0.375em;
			border-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			cursor: pointer
		}

		#producto aside .fa-caret-up {
			bottom: auto;
			top: -0.3em
		}
		
	#producto .main {
		width: 44.5%;
		float: left;
	}
	
		#producto .main img {
			border-radius: 0.5em;
			width: 100%;
			margin-bottom: 1em;
			border: 1px solid #ccc
		}
	
	#producto section {
		float: left;
		width: 55%;
		padding-left: 1.5em;
		border-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
		#producto.imagenes section {
			width: 39%
		}
	
		#producto h1,
		#producto h2 {
			text-transform: uppercase;
			font-size: 2.9em;
			margin-bottom: 1em;
		}
		
		#producto h3 {
			text-transform: uppercase;
			font-size: 2em;
			margin-bottom: 0;
			margin-top: 1em;
		}
		
		#producto p.descripcion,
		#producto p.medida {
			font-size: 1.6em;
			margin-top: 0.2em
		}
				
		#producto p.price,
		#producto p.priceOld {
			font-size: 4.5em;
			display: inline-block;
			margin: 0.1em 0.3em 0 0
		}
		
		#producto p.priceOld {
			font-size: 3em;
			text-decoration: line-through;
			color: #d20000;
			font-weight: normal;
			display: none
		}
		
		#producto p.personalizar {
			font-size: 1.5em;
			text-transform: uppercase;
		}	
		
			#producto p.personalizar a {
				color: inherit;
				text-decoration: underline
			}
		
		#producto .buy {
			font-size: 2em;
			top: -0.3em;
			position: relative;
			margin-bottom: 1em;
		}
		
		#producto form label,
		#producto h4 {
			font-size: 1.5em;
			text-transform: uppercase;
			float: left;
			width: 8em;
			clear: left;
			margin-top: 1.5em
		}
		
		#producto .colores {
			margin-top: 1.5em;
		}
		
		#producto .colores h4 {
			float: none
		}
		
		#producto .colores label {
			clear: none;
			float: none;
			margin: 2em 1em 0 0;
			text-align: center;
			font-size: 1.3em;
			position: relative;
			text-transform: uppercase;
			cursor: pointer;
			display: inline-block;
			width: auto;
			vertical-align: top;
		}
		
			#producto .colores label input {
				position: absolute;	
				width: 100%;
				height: 100%;
				-moz-opacity: 0;
				-webkit-opacity: 0;
				opacity: 0;
			}
			
			#producto .colores label .img {
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				border: 0.4em solid transparent;
				overflow: hidden;
				margin-bottom: 0.5em;
				width: 7.69em;
			}
				
			#producto .colores label img {
				border: 1px solid #CCC;
				display: block;
				width: 100%;
				border-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;	
			}
			
			#producto .colores label.active .img,
			#producto .colores label.active img,
			#producto .colores label:hover .img,
			#producto .colores label:hover img {
				border-color: #5bb6b3;
			}
			
			#producto .colores label.active:after,
			#producto .colores label:hover:after {
				top: -1em;
				left: 50%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: rgba(91, 182, 179, 0);
				border-top-color: #5bb6b3;
				border-width: 6px;
				margin-left: -6px;
			}
			
		#producto .direccion h4,
		#producto .direccion label {
			float: left;
			clear: none;
		}
		
			#producto .direccion label {
				width: auto;
				margin-right: 2em;
				margin-top: 1.45em
			}
			
				#producto .direccion label:last-child {
					margin-right: 0
				}
			
				#producto .direccion label input {
					margin-right: 0.5em;
				}

				#producto .direccion .espejo {
					margin-left: 1em;
					margin-top: 2em;
					width: 3em;
					-webkit-transition: -webkit-transform 0.5s;
					-moz-transition: -moz-transform 0.5s;
					-ms-transition: -ms-transform 0.5s;
					transition: transform 0.5s;
				}
				
				#producto .direccion .espejo.si {
					-webkit-transform: rotateY(180deg);
					-moz-transform: rotateY(180deg);
					-ms-transform: rotateY(180deg);
					transform: rotateY(180deg);
				}
		
		#producto form label.comentarios,
		#ambiente label.comentarios {
			margin-top: 1.5em;
			float: none;
			width: auto;
			display: block;
		}
		
		#producto form input {
		    font-size: 1.3em;
		    width: 3em;
		    text-align: center;
		}		
		
		#producto form select {
			font-size: 1.5em;
			margin-top: 1.5em;
			float: left;
			padding: 0;
			height: 1.5em
		}
		
		#producto form .medidaComentario {
			font-size: 1.4em;
			margin-top: 0.8em
		}
		
		#producto form .medidaStock {
			font-size: 1.3em;
			text-transform: uppercase;
			margin-top: 0.5em;
			color: #666
		}
		
		#producto form .medidaStock.error {
			color: #d20000
		}
		
		#producto form textarea,
		#ambiente textarea {
			border: 1px solid #CCC;
			clear: both;
			float: none;
			width: 100%;
			padding: 0.5em;
			font-size: 1.5em;
			border-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		#producto #envios {
			margin-top: 2em;
		}
		
			#producto #envios input[type=text] {
				font-size: 1.2em;
				width: 9.7em;
				display: inline-block;
				vertical-align: middle;
			}
			
			#producto #envios label {
				font-size: 1.2em;
				display: inline-block;
				vertical-align: middle;
				width: auto;
				float: none;
				margin: 0.5em 1em 0 0
			}
			
				#producto #envios label input {
					margin-right: 0.5em;
				}
			
			#producto #envios .buy {
				font-size: 1.5em;
			}
			
			#producto #envios .buy,
			#producto #envios input[type=text] {
				height: 32px;
    			vertical-align: middle;
				display: inline-block;
				margin: 0;
				top: 0;
				box-sizing: border-box;
			}
			
			#producto #envios .precio {
				margin-left: 0.5em;
				font-size: 2em;
				font-weight: bold;
				display: inline-block;
				vertical-align: middle;
			}

	ul.social {
		list-style: none;
		width: auto;
		clear: none;
	}
		.social li {
			display: inline-block;
			text-indent: -9999em;
			padding: 0 0.4em 0 0;
			margin: 0;
			width: auto;
		}
		.social a {
			display: block;
			width: 1.7rem !important;
			height: 1.7rem;
			background-repeat: no-repeat;
			background-size: contain;
		}
		.social a.facebook {
			background-image: url("../img/ico-Facebook_colour.svg");
		}
		.social a.twitter {
			background-image: url("../img/ico-Twitter_colour.svg");
		}
		.social a.pinterest {
			background-image: url("../img/ico-Pinterest_colour.svg");
		}
		.social a.instagram {
			background-image: url("../img/ico-Instagram_colour.png");
		}
		.social a.zoom {
			background-image: url("../img/ico-Zoom.svg");
		}
		
	#comentarios {
		padding: 2em 0
	}
	
	#relacionados h3 {
		font-size: 3em;
		text-transform: uppercase;
		text-align: center
	}
	
		#relacionados .catalog ul {
			padding: 0;
			margin: 0
		}
		
	.descripcion_producto {
		margin-top: 4em;
	}
		
@media screen and (max-width: 850px) {
	
	#producto aside .mask {
		height: 38.8vw;
	}
	
}
		
@media screen and (max-width: 750px) and (min-width: 601px), screen and (max-width: 420px) {
	
	#producto .direccion label:last-child {
		clear: both;
		margin-left: 5em
	}
	
}

@media screen and (max-width: 600px) {
	
	#producto div.main,
	#producto section,
	#producto.imagenes section {
		float: none;
		width: 100%
	}
	
	#producto div.main {
		margin-bottom: 2em
	}
	
	#producto section {
		padding-left: 0
	}
	
	#producto.imagenes aside {
		width: 20%;
	}
	
	#producto.imagenes div.main {
		width: 80%;
		float: left
	}
	
	#producto aside .mask {
		height: 54.3vw;
	}
	
	#producto aside .fa {
		font-size: 4vw;
	}
	
}

@media screen and (max-width: 450px) {

	#producto aside .fa {
		font-size: 6vw;
	}

}


/* Checkout */
.checkout::after {
	content: '';
	display: block;
	clear: both;
}

.checkout h1 {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0.75em;
/*	float: left;*/
}

.checkout .error {
	color: #C00;
	font-size: 1rem;
	margin: 1em 0
}

.checkout .back {
	float: right;
	font-size: 1.4em;
	text-transform: none;
	margin-top: -0.8em;
}	
	
.checkout a {
	color: #000;
}

.checkout .button {
	color: #fff;
	background-color: #5bb6b3;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 0.6em 2em;
	text-align: center;
	border: 0 none;
	text-transform: uppercase;
	font-weight: bold;
}

.checkout .strike .red,
.checkout section .red {
	color: #cc0000;
}

.checkout .sectionGroup {
	float: left;
	width: 66%
}

.checkout section {
	display: block;
	width: 31.999999999%;
	float: left;
	margin: 4em 0 2em 0;
	border-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 2%;
}

	.checkout .sectionGroup section {
		width: 49%
	}

	.checkout section:last-child {
		margin-right: 0;
	}

	.checkout section h2,
	.checkout section .data h3 {
		text-transform: none;
		font-weight: normal;
		font-size: 1.6rem; 
		float: none;
		display: block;
		clear: both;
		margin-bottom: 0.5em;
	}
	
	.checkout section .data h3 {
		font-size: 1.6em;
		font-weight: bold;
		margin-top: 1.5em
	}
	
	.checkout section p,
	.checkout section label {
		font-size: 1.6em;
	}
	
	.checkout section input,
	.checkout section select {
		font-size: 1.4em
	}
	
	.checkout section .block {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); 
		display: block;
		clear: both;
		border: 1px solid #ccc;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		padding: 5%;
		margin-bottom: 8%;
		position: relative;
		overflow: hidden
	}
	
		.checkout section .block.loading:before {
			position: absolute;
			width: 100%;
			height: 100%;
			content: "";
			background-color: rgba(255,255,255,0.95);
			left: 0;
			top: 0;
			z-index: 1000;
			background-image: url(../img/loading.svg);
			background-position: center center;
			background-repeat: no-repeat
		}
	
	.checkout section .tick {
		font-size: small;
		color: #858585;
		margin-bottom: 0.35em;
		margin-top: 0.35em;
		padding-left: 1.5em;
		background-image: url(../img/ico-checkout_tick.png);
		background-position: left 0.1em;
		background-repeat: no-repeat;	
	}
	
	.checkout .disabled .tick {
		background-image: url(../img/ico-disabled_tick.svg);
	}
	
	.checkout section .tick.highlighted {
		color: #5bb6b3;
		font-size: 1.7em;
		font-weight: bold;
		margin: 0.15em 0;
		padding-left: 1.1em
	}
	
	.checkout section label,
	.checkout section input,
	.checkout section select,
	#voucher input,
	#voucher select {
		width: 100%;
		border-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.checkout section .error {
		font-size: 1.2em;
		color: #cc0000
	}
	
	#voucher select {
		padding: 0;
	}
	
	.checkout section input[type=checkbox],
	.checkout section input[type=radio] {
		width: auto;
	}
	
	.checkout section label {
		margin: 0.5em 0 0.1em 0;
		display: block;
		clear: both;
	}
		
	.checkout section .half {
		float: left;
		width: 48%;
		margin-right: 3%;
	}
	
	.checkout section .six {
		float: left;
		width: 14%;
		margin-right: 3%;
	}

		.checkout section .half:nth-of-type(2n),
		.checkout section.half:nth-of-type(2n),
		.checkout section .six:last-child {
			margin-right: 0;
		}

	.checkout .invalid:after {
		content: "obligatorio";
		display: block;
		margin-top: 0.5em;
		font-size: 1.1em;
		color: #c00
	}
	
		.checkout .invalid.cp:after {
			content: "El CP es inv\00E1lido";
		}
	
		.checkout .invalid.shipping:after {
			content: "selecciona una forma de env\00EDo"
		}
		.checkout .invalid.payment:after {
			content: "selecciona una forma de pago";
			margin-top: 1em;
		}
	
		.checkout .data .invalid input,
		.checkout .data .invalid select {
			border-color: #c00
		}

	.checkout section input,
	.checkout section select,
	#voucher input,
	#voucher select {
		border: 1px solid #ccc;
		margin-bottom: 0.35em;
		background-color: #fff;
	}
	
	.checkout section p {
		margin-bottom: 1em;
	}
			
	.checkout section .shipping label,
	.checkout section .payment label {
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		padding-bottom: 0.35em;
	}
	
	.checkout section .payment .disabled {
		filter: grayscale(1);
	}
	
	.checkout section .payment label {
		border-bottom: 0 none;
		border-top: 1px solid #ccc;
		margin-top: 10px;
		padding-top: 10px;
	}
	
	.checkout section .payment label:first-child {
		border-top: 0 none;
		margin-top: 0;
		padding-top: 0;
	}
	
		.checkout section .shipping .envio:last-of-type label {
			border-bottom: 0 none
		}
	
		.checkout section .shipping label > span {
			font-weight: normal;
			font-size: small;
			color: #858585;
			margin-left: 0.5em;
			float: right
		}
		
			.checkout section .shipping label > span strong {
				color: red;
				margin-right: 0.5em
			}
		
		.checkout section .shipping  input[type=radio],
		.checkout section .payment input[type=radio] {
			margin-right: 0.2em;
		}
		
		.checkout section .shipping .options {
			margin-left: 2em;
			display: none;
		}
		
			.checkout section .shipping .options label {
				border: 0 none
			}
			
			.checkout section .shipping .options select {
				margin-bottom: 1em
			}
			
			.checkout section .shipping .options li {
				display: none
			}
			
			.checkout section .shipping .options h3 {
				font-size: 1.6em;
				font-weight: bold;
				line-height: 1.2em;
			}
			
			.checkout section .shipping .options p {
				margin: 0;
			}
			
			.checkout section .shipping .options.sucursales p.info {
				margin-top: 1em;
				padding-top: 1em;
				border-top: 1px solid #ccc	
			}
			
	.checkout .payment label  {
		background-position: right top;
		background-repeat: no-repeat;
	}
	
		.checkout .payment label img {
			height: 1.5em;
		}
		
		.checkout .payment .phone {
			width: 50px;
			height: auto;
			float: right;
			margin-top: -30px;
		}

		.checkout .payment label a {
			font-size: 0.7em;
			text-transform: uppercase;
			float: right;
		}

		.checkout .payment label .fa-info {
			background-color: #5bb6b3;
			color: #FFF;
			width: 1.5em;
			height: 1.5em;
			text-align: center;
			line-height: 1.6em;
			display: inline-block;
			border-radius: 1.5em;
			font-size: 0.8em;
			margin-left: 0.5em;
		}
		
		.checkout .item {
			width: 80%;
			float: left;
		}
			
		.checkout .price {
			width: 20%;
			float: left;
		}
			
			.checkout .item h2,
			.checkout .price h2 {
				background-color: #f0f0f0;
				padding: 0.75em;
				margin-bottom: 1em;
				font-size: 0.9rem;
				font-weight: bold;
			}
			
			.checkout .item img {
				float: left;
				margin-right: 1em;	
			}
			
			.checkout .item .itemDescription {
				margin-left: 11em;
			}
			
			.checkout .item p {
				color: #000;
				font-size: 1rem;
			}
			
			.checkout .item p a {
				margin-left: 2em;
			}
		

	.checkout .button.end {
		float: right;
		font-size: 1.2rem;
		margin: 0
	}	
	
	.checkout .news {
		display: block;
		clear: both;
		font-size: 1rem;
		text-align: right;
		margin-right: 6%;
	}

.checkout table {
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
}

.checkout table::before,
.checkout table::after {
	content: '';
	display: block;
	clear: both;
}

.checkout table {
	clear: both;
	float: none;
	width: 100%;
}

	.checkout table th,
	.checkout table td {
		border-collapse: collapse;
		padding: 0.8em 0;
		text-align: left;
		vertical-align: top;
	}
	
		.checkout table th:nth-child(1),
		.checkout table td:nth-child(1) {
			min-width: 10em
		}

		.checkout table td:nth-child(4),
		.checkout table td:nth-child(5) {
			width: 7em;
		}

		.checkout table th:nth-child(4) {
			padding-left: 1em;
		}
	
		.checkout table th:nth-child(5),
		.checkout table td:nth-child(5) {
			padding-right: 1em;
		}
		
	.checkout table th {
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
		font-weight: bold;
	}
	
	.checkout table .mobileData {
		display: none;
	}

	.checkout table p {
		font-size: 1.4em;
	}
	
	.checkout table h2 {
		font-weight: bold
	}
	
	.checkout table th:nth-child(1) {
		padding-left: 11.2em
	}
	
	.checkout table td {
		border-bottom: 1px dashed #ccc;
	}
	
	.checkout table td:nth-child(3) {
		border-left: 1px dashed #ccc;
		padding-left: 1em;
	}
	
	.checkout table th:nth-child(4),
	.checkout table td:nth-child(4),
	.checkout table th:nth-child(5),
	.checkout table td:nth-child(5) {
		text-align: right;
	}
	
	.checkout table .item {
		float: none;
		width: auto
	}
	
	.checkout table .item img {
		height: 10em;
		width: 10em;
		-moz-object-fit: cover;
		-webkit-object-fit: cover;
		object-fit: cover;
	}
	
	.checkout table select {
		margin-right: 1em
	}
	
	.checkout table input {
		width: 3em;
		margin-right: 0.5em;
	}
	
	.checkout table td.empty {
		border-bottom: 0 none
	}
	
	.checkout .favorite,
	.checkout .delete,
	.checkout .actualizar {
		font-size: small;
		color: #274d7d;
		padding-left: 1.5em;
		background-position: left 0.1em;
		background-repeat: no-repeat;	
	}
	
		.checkout .actualizar {
			padding-left: 0;
			padding: 0;
			background-color: transparent;
			border: 0 none;
			cursor: pointer;
			font-family: inherit;
			margin-right: 1em
		}
		
		.checkout .actualizar i {
			color: #999;
			margin-right: 0.3em;
		}
		
		.checkout .favorite {
			background-image: url(../img/ico-corazon.png);
		}
		.checkout .delete,
		.checkout .finalAmount p.link a {
			background-image: url(../img/ico-tacho.png);
		}

		.checkout .delete {
			color: red
		}
		
	.checkout aside,
	.checkout .finalAmount {
		padding-top: 2em;
	}
	
	.checkout aside {
		width: 60%;
		float: left;
	}
	.checkout aside div {
		width: 50%;
		float: left;
	}
	
	.checkout aside h1,
	.checkout aside p,
	.checkout aside li {
		font-size: 0.85rem;
		line-height: 1.4em;
		color: #858585;
		float: none;
	}
	
		.checkout aside h1 {
			font-weight: normal;
		}
		
		.checkout aside li {
			background-image: url(../img/ico-bullet-arrow.png);
			background-position: left center;
			background-repeat: no-repeat;
			padding-left: 1em;
		}
		
		.checkout aside img {
			margin-bottom: 0.5em;
		}
		
	.checkout .finalAmount {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); 
		width: 38em;
		border-left: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
		float: right;
	}
	
		.checkout .finalAmount::after {
			content: '';
			display: block;
			clear: both;
		}
	
	.checkout .finalAmount h1,
	.checkout .finalAmount p {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); 
		padding: 0 1em;
	}
	
	.checkout .finalAmount p {
		font-size: 1.7em
	}
	
	.checkout tr.discount td {
		background-color: #CEEAE9;
		white-space: nowrap;
		padding-left: 1em;
		border-left: 0 none
	}
	
	.checkout table tr.voucher ul {
		margin-top: 0.2em;
		margin-right: 1em;
		float: right
	}
	
		.checkout table tr.voucher ul a {
			background-color: #FFF;
			padding: 0.2em 0.5em 0.2em 1.6em;
			background-position: 0.4em 0.35em
		}
		
	.checkout table tr.voucher .data {
		float: right;
		width: 24em;
		padding: 0 1em
	}
	
		.checkout table tr.voucher .data p:first-child {
			float: left;
		}
	
		.checkout table tr.voucher .data p:last-child {
			float: right;
		}
	
	.checkout tr.addDiscount td {
		text-align: center;
		padding-left: 0
	}
	
		.checkout tr.addDiscount p,
		.checkout tr.addDiscount h2 {
			margin: 0;
			display: inline-block;
		}
		
		.checkout tr.addDiscount h2 {
			text-transform: uppercase;
			margin-right: 1em;
		}
		
		.checkout tr.addDiscount p.error {
			color: #d20000;
			font-size: 1em;
			margin-bottom: 1em
		}
		
			.checkout tr.addDiscount p.error a {
				color: inherit
			}
		
		.checkout .addDiscount input {
			border: 1px solid #ccc;
			font-size: 0.85rem;
			margin: 0 1em;
			width: 4em;
			text-transform: uppercase;
			text-align: center
		}
		
		.checkout .addDiscount button {
			font-size: 0.85rem;
		}
	
	.checkout .finalAmount p {
		display: block;
		width: 100%;
		line-height: 1.6em;
		padding-bottom: 0.4em;
	}
	
		.checkout .finalAmount p.link {
			margin-top: -0.8em	
		}
		
			.checkout .finalAmount p.link a {
				font-size: 0.7em;
				padding-left: 1.5em;
				color: #274d7d;
				background-repeat: no-repeat
			}
		
		.checkout .finalAmount .value {
			display: inline-block;
			float: right;
		}
		
		.checkout .finalAmount .note {
			text-align: right;
			font-weight: normal;
			font-size: 1rem;
			padding-bottom: 1em;
		}
		
	.checkout .total{
		background-color: #f0f0f0;
		padding-top: 1em;
		margin-top: 2em;
	}
	
	.checkout div.tableTotal {
		float: right;
		width: 20.2em;
		border: 1px dashed #ccc;
		border-top: 0 none;
		border-right: 0 none;
		padding: 1em 1.5em;
		margin-top: 0;
		background-color: #f0f0f0;
	}
	
		.checkout div.tableTotal p {
			float: left;
			font-size: 2.1em;
		}
		
		.checkout div.tableTotal p:last-child {
			float: right
		}
	
	.checkout .finalAmount .total p:nth-child(1) {
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.checkout .finalAmount.subtotal {
		padding-top: 0;
	}
	
		.checkout .finalAmount.subtotal > p:first-child {
			margin-top: 0.5em;
		}
	
		.checkout .finalAmount.subtotal .total {
			margin-top: 0
		}
		
	.checkout .finalAmount.block {
		float: none;
		width: auto;
		padding: 1em 0 0 0
	}
	
		.checkout .finalAmount.block .total,
		.checkout .finalAmount.block .total p {
			margin: 0
		}
		
		.checkout .finalAmount .pagoDescuento {
			display: none
		}
		
/* DETALLE DE PEDIDO */
.pagpedido .checkout table th:nth-child(2),
.pagpedido .checkout table th:nth-child(3),
.pagpedido .checkout table th:nth-child(4) {
	width: 8.1em;
}

.pagpedido .checkout table th:nth-child(2),
.pagpedido .checkout table td:nth-child(2) {
	padding-left: 1em;
	border-left: 1px dashed #ccc
}

.pagpedido .checkout table th:nth-child(3),
.pagpedido .checkout table td:nth-child(3) {
	border-left: 0 none;
}

.pagpedido .envio .alert,
.pagpedido .pago .alert {
	color: red;
	font-weight: bold
}

	.pagpedido .pago .alert a {
		color: red
	}
		
@media screen and (max-width: 1250px) {
	
	.checkout section,
	.checkout .sectionGroup {
		width: 49%;
	} 
	
	.checkout .sectionGroup section {
		width: 100%;
		margin-bottom: 0
	}
	
	.checkout .sectionGroup section:nth-child(2) {
		margin: 0
	}
	
}

@media screen and (max-width: 900px) {
	
	.checkout table td:nth-child(2),
	.checkout table th:nth-child(2),
	.checkout table td:nth-child(3),
	.checkout table th:nth-child(3) {
		display: none;
	}
	
	.checkout table .mobileData {
		display: block;
		padding-top: 1.5em
	}
		
		.checkout table ul {
			margin-top: 1em
		}
	
		.checkout table .mobileData p.red,
		.checkout table .mobileData p.strike {
			display: none
		}

}


@media screen and (max-width: 840px) {
	
	.checkout section,
	.checkout .sectionGroup {
		float: none;
		margin-right: 0;
		width: auto
	}
	
	.checkout .buttonContainer {
		text-align: center;
		margin-bottom: 2em;
	}
	
	.checkout .button.end {
		float: none;
	}
	
}

@media screen and (max-width: 760px) {
	
	.checkout tr.addDiscount td {
		text-align: left;
		padding-left: 1em;
		position: relative
	}
	
	.checkout tr.addDiscount h2 {
		position: relative;
		top: -0.4em
	}
	
	.checkout tr.addDiscount p	{
		position: absolute;
		left: 0.8em;
		margin-top: 0.6em
	}
			
}

@media screen and (max-width: 600px) {
	
	body.pagpedido .checkout .finalAmount {
		width: auto;
		float: none;
		border-left: 0 none
	}
	
	.checkout table td:nth-child(4),
	.checkout table th:nth-child(4) {
		display: none
	}
	
	.checkout table th:nth-child(5),
	.checkout table td:nth-child(5) {
		width: auto;
	}
	
	.checkout div.tableTotal {
		width: auto;
		float: none;
		border-left: 0 none
	}

}
			
@media screen and (max-width: 570px) {
	
	.checkout tr.addDiscount h2,
	.checkout tr.addDiscount p {
		position: static;
		display: block;
		line-height: 1em;
		margin: 0;
	}
	
	.checkout tr.addDiscount p {
		margin-bottom: 0.5em;
	}
	
	.checkout tr.addDiscount input {
		margin-left: 0
	}
	
}
			
@media screen and (max-width: 460px) {
	
	.checkout table {
		border-top: 1px dashed #ccc
	}
	
	.checkout table thead {
		display: none
	}
	
	.checkout table .item img {
		width: 7em;
		height: 7em;
	}
	
	.checkout .item .itemDescription {
		margin-left: 8em
	}
	
	.checkout table td:nth-child(4),
	.checkout table th:nth-child(4) {
		display: none
	}
	
	.checkout table .mobileData p.red,
	.checkout table .mobileData p.strike {
		display: inline-block;
		font-size: 1.4em;
		margin-bottom: 0.5em
	}
	
		.checkout table .mobileData p.strike {
			font-size: 1.2em;
			margin-right: 0.2em
		}
		
	.checkout table tr.voucher ul {
		margin-top: 1em
	}
	
}

/* Comentarios portada */
#comentariosHome {
	max-width: 67.3em;
	margin: 0 auto
}

#comentariosHome h3 {
	text-align: center;
	margin: 0 2em 2em 2em;
}

	#comentariosHome h3 img {
		max-width: 100%
	}

/* Novedades */
.novedades {
	background-color: #e8e9e8;
	position: relative;
	padding: 1.5em 0;
}

	.novedades ul::after,
	.novedades::after {
		content: '';
		display: block;
		clear: both;
	}
	
	.novedades li {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); 
		width: 23%;
		margin-right: 2%;
		float: left;
		text-transform: uppercase;
		font-size: 2em
	}
	
	.novedades li:last-child {
		margin-right: 0
	}

	.novedades h3 {
		font-size: 2rem;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 0.75em
	}
	
	.novedades img {
		border: 1px solid #ccc;
		padding: 0.2rem;
		background-color: #fff;
		float: left;
		margin-right: 1rem;
		width: 6em;
		height: 6em;
		-webkit-object-fit: cover;
		-moz-object-fit: cover;
		-ms-object-fit: cover;
		object-fit: cover;
	}
	
	.novedades a {
		color: #000;
	}
	
	.novedades .todas {
		float: right;
		text-align: right;
		color: #000;
		font-size: 1.3em;
		margin: 1em 0 0 0;
		text-decoration: underline;
	}
	
@media screen and (max-width: 960px) {
	
	.novedades img {
		width: 17vw;
		height: 17vw;
		float: none;
		margin-bottom: 0.5rem;
		display: block
	}
	
}

@media screen and (max-width: 600px) {
	
	.novedades li:last-child {
		display: none;
	}
	
	.novedades li {
		width: 31.3333%;
	}
	
}

@media screen and (max-width: 480px) {
	
	.novedades li {
		width: 100%;
		float: none;
		clear: both
	}
	
	.novedades li:last-child {
		display: block
	}
	
	.novedades img {
		float: left
	}
	
}
	
/* Banners */
.banner {
	margin: 0
}

.banner img {
	width: 100%;
}

/* Footer */
#footer {
	color: #fff;
	background-color: #000;
	padding: 1% 3%;
	font-family: Arial
}
	
	#footer ul {
		display: block;
		font-size: 0.8rem;
		text-transform: uppercase
	}
	
		#footer::after {
			content: '';
			display: block;
			clear: both;
		}
		
	#footer p.datos {
		float: left
	}
	
		#footer p.datos a {
			margin-right: 2em;
		}

		#footer p.datos a:last-child {
			margin-right: 0;
		}

	#footer p {
		font-size: 0.8rem;
		line-height: 2rem;
	}
	
	#footer li {
		float: left;
		font-size: 0.8rem;
		line-height: 2rem;
		margin-right: 0.5rem;
		color: #FFF
	}
	
	#footer a {
		color: #fff;
	}
	
	#footer .copy,
	#footer .buscanos  {
		margin: 0;
		float: right;
	}
	
	#footer .paginas li {
		margin: 0;
	}
	
	#footer .paginas li:after {
		float: left;
		content: "|";
		margin: 0 0.5em;
	}
	
		#footer .paginas li:last-child:after {
			display: none
		}
		
		#footer .paginas li a {
			float: left;
			text-decoration: underline
		}

@media screen and (max-width: 530px) {
	
	#footer {
		text-align: center;
	}
	
	#footer p.copy,
	#footer p.datos,
	#footer ul,
	#footer ul.buscanos {
		display: block;
		float: none;
		width: auto;
		text-align: center
	}		
	
	#footer li {
		display: inline-block;
		float: none
	}
	
		#footer li a {
			float: none;
		}
		
		#footer li:after {
			float: none;
			display: inline
		}
	
		#footer li img {
			width: 1.5em
		}
	
}

/* Product details */

.catalog.item .itemPicture {
	width: 48%;
	float: left;
	margin-right: 2%;	
}

.catalog.item figure {
	margin-bottom: 1em;
}

.catalog.item figure img {
	width: 100%;
	height: 100%;
	border: 1px solid #bebfc2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
	.catalog.item .itemDetails {
		width: 50%;
		float: left;
	}
		.catalog.item .itemDetails::after {
			content: '';
			display: block;
			clear: both;
		}
	
	.catalog.item .itemDetails h2 {
		font-size: 2.2rem;
		font-weight: normal;
	}
	
	.catalog.item label {
		width: 6em;
		font-weight: bold;
		display: block;
		float: left;
	}
	
	.catalog.item select {
		font-weight: bold !important;
		border: 1px solid #bbbdc0 !important;
		background-color: #fff !important;
		padding: 1em;
	}
	
		.catalog.item .itemColor {
			width: 100%;
		}
		.catalog.item .itemColor li {
			padding: 0;
			width: 23%;
			height: 14em;
			margin-right: 2%;
			position: relative;
		}
		.catalog.item .itemColor li img,
		.catalog.item .itemColor li .onlyTxt {
			border: 1px solid #bebfc2;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			height: 65%;
			width: 99%;
			overflow: hidden;
			margin-top: 2.4em;
			}
			.catalog.item .itemColor li a.on img {
				border-width: 7px;
				border-color: #5bb6b3;
				width: 90%;
				height: 61%;
			}

		.catalog.item .itemColor li a {
			display: block;
			width: 100%;
			height: 100%;
			line-height: 10rem;
			font-weight: bold;
			font-size: 0.8rem;
			text-align: center;
			color: #000;
		}
		.catalog.item .itemColor li p {
			position: absolute;
			bottom: 0;
			font-size: 0.8rem;
			text-align: center;
			margin: 0;
		}
		
		.catalog.item .itemColor li .indicator {
			position: absolute;
			top: 1em;
			left: 1em;
			display: block;
			background-image: url('../img/ico-arrow_down.svg');
			background-repeat: no-repeat;
			width: 1.4em;
			height: 1.4em;
			z-index: 1000;
		}
		
	.catalog.item .itemMirror {
		font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
		font-size: 1rem;
	}
		.catalog.item .itemMirror img {
			margin: 0 3em 0 0.5em;
		}
		
	.catalog.item .itemDetails .price {
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
		display: block;
		clear: both;
		margin: 2em 0 1em 0;
		}
		
	.catalog.item .itemDetails .buy {
		display: block;
		clear: both;
		text-align: center;
		margin: auto;
		font-size: 2.5rem;
		font-weight: bold;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background-color: #e4087e;
		width: 6em;
		line-height: 1.2em;
		color: #fff;
		padding: 0.25em 0.5em;		
	}
	
.catalog.item aside {
	font-size: 1.8rem;
	margin-top: 2em;
}

	.catalog.item aside h4 {
		margin-bottom: 1em;
		}
		
	.catalog.item aside ul {
		margin-bottom: 4rem;
	}	
	.catalog.item aside li {
		width: auto;
		float: none;
		clear: both;
		padding: 0;
		margin-bottom: 0.25em;
		font-size: 1.8rem;
	}
		.catalog.item aside li a {
			color: #5bb6b3;
		}

	.catalog.item .itemRelated {
		display: block;
		clear: both;
		margin: 3rem 0 2rem 0;
	}

	.catalog.item .itemRelated h5 {
		text-align: center;
		padding: 0.75em 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		font-size: 1.6rem;
	}
	
	.catalog.item .itemRelated ul {
		width: 50%;
		margin: auto;
	}
	.catalog.item .itemRelated li {
		width: 50%;
	}
	.catalog.item .itemRelated figure img {
		border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		border: 0 none;
	}

/* AMBIENTE */
#relacionados.ambiente .catalog {
	margin-right: 27em;
	clear: none
}
	
	#relacionados.ambiente .catalog ul {
		text-align: left;
		clear: none
	}
	
	#relacionados.ambiente button {
		float: right;
		position: relative;
		z-index: 1000
	}
	
	/*#relacionados.ambiente .catalog .product {
		padding-bottom: 3em
	}
		
		#relacionados.ambiente .catalog .product .sales {
			min-height: 3.65em
		}*/
	
#ambiente {
	width: 27em;
	float: right;
	padding-top: 4em;
	position: relative;
	z-index: 10
}

	#ambiente ul li {
		font-size: 1.4em;
		clear: both;
		margin-bottom: 1em;
		text-align: right;
		text-transform: uppercase
	}
	
	#ambiente ul li .price {
		display: inline-block;
		font-weight: bold;
		width: 3em;
	}
	
	#ambiente .old-total,
	#ambiente .new-total {
		font-size: 3em;
		font-family: Arial;
		border-top: 1px solid #000;
		padding-top: 0.25em;
		margin-bottom: 0
	}
	
	#ambiente .old-total > span {
		position: relative;
		display: inline-block
	}
	
		#ambiente .old-total > span:before {
			width: 100%;
			height: 2px;
			background-color: #ee3e2e;
			content: "";
			display: block;
			transform: rotate(-18deg);
			position: relative;
			top: 0.5em
		}
	
	#ambiente .new-total {
		border: 0 none;
		color: #ee3e2e;
		padding-top: 0;
	}
	
	#ambiente .promo {
		color: #ee3e2e;
		margin-top: 0.5em
	}
	
	#ambiente label.comentarios {
		font-size: 1.4em;
		text-transform: uppercase;
		margin-bottom: 0.5em;
	}
	
	#ambiente textarea {
		margin-bottom: 2em
	}
	
@media screen and (max-width: 590px) {
	
	#ambiente {
		width: auto;
		float: none;
	}
	
		#ambiente ul li {
			text-align: left;
			clear: both
		}
		
			#ambiente ul li > span {
				float: right;
			}
			
			#ambiente ul li .price {
				width: auto
			}
			
			#ambiente ul li.new-total,
			#ambiente ul li.promo {
				text-align: right
			}
	
	#relacionados.ambiente .catalog {
		padding-right: 0;
		clear: both
	}
		
		#relacionados.ambiente .catalog ul {
			text-align: center
		}
}

#alert {
	display: block;
	clear: both;
	text-align: left;
	background-color: #d0f3c7;
	border: 1px solid #229802;
	color: #229802;
	padding: 0.7em;
	margin: 1em 0;
	font-size: 1.5em
}

#alert.error {
	background-color: #ffdada;
	color: #d20000;
	border-color: #d20000
}

/* VOUCHER */
#voucher {
	padding-bottom: 4em;
}

/*#voucher:before {
	content: "";
	display: block;
	width: 100%;
	height: 15vw;
	background-image: url(../img/banderines.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}*/

	#voucher .voucherContent {
		margin: 0 auto;
		max-width: 102em
	}
	
	#voucher .disclaimer {
		display: none
	}

	#voucher .info {
		float: left;
		width: 60%;
		padding-right: 3em;
		border-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
		#voucher .info img {
			max-width: 95%
		}
	
		#voucher .info p {
			font-size: 2em;
			margin: 1em 2em
		}
		
		#voucher p.small,
		#voucher p.disclaimer {
			font-size: 1.5em;
			color: #5BB6B3;
			margin: 1.3333333em 2.6666666em;
		}
	
	#voucher form {
		float: left;
		width: 40%
	}
	
		#voucher form label {
			float: left;
			clear: both;
			font-size: 2em;
			width: 8em;
			margin-right: 1em;
			line-height: 2em;
			position: relative
		}
		
			#voucher form label small {
				color: #5BB6B3;
				position: absolute;
				font-size: 0.65em;
				left: 0;
				top: 1.4em;
				width: 200%
			}
		
		#voucher form input,
		#voucher form select,
		#voucher form > strong {
			float: left;
			width: calc(100% - 9em);
			font-size: 2em;
			height: 2em;
		}	
		
		#voucher form > strong {
			line-height: 2em
		}
		
		#voucher form p {
			clear: both;
			padding: 2em 0
		}
		
		#voucher form .buy {
			float: right;
			font-size: 2em;
			margin-top: 0.5em
		}
		
@media screen and (max-width: 1100px) {
	
	#voucher .info {
		width: 50%
	}
	
		#voucher .info p {
			font-size: 1.7em	
		}
		
		#voucher .info p.small {
			font-size: 1.4em
		}
		
	#voucher form {
		width: 50%
	}
	
}

@media screen and (max-width: 790px) {

	#voucher .voucherContent {
		max-width: 60em;
	}

	#voucher .info {
		margin: 0 0 2em 0;
		padding: 0;
		text-align: center
	}

	#voucher .info,
	#voucher form {
		float: none;
		width: auto
	}
	
	#voucher .info p.small {
		display: none
	}
	
	#voucher p.disclaimer {
		display: block;
		margin: 0
	}

}

@media screen and (max-width: 500px) {
	
	#voucher form label,
	#voucher form input, 
	#voucher form select, 
	#voucher form > strong {
		font-size: 1.7em
	}

}

/* PAGINA */
.pagina img {
	max-width: 100%
}

.pagina p {
	margin: 1.5em 0
}

.pagina .texto {
	font-size: 1.5em;
	line-height: 1.3em
}

.pagina .fotos {
}

	.pagina .fotos img {
		display: block;
		max-width: 100%;
		margin: 1.5em 0
	}

/* NOTICIA */
.pagina.novedad {
	max-width: 90em;
	margin: 0 auto
}

	#news li img  {
		border: 1px solid #ccc;
		background-color: #FFF;
		padding: 0.2rem;
		width: 7.5em;
		height: auto
	}
	
/* LISTADO NOTICIAS */
#news {
	text-align: left;
	padding-left: 16em;
}

	#news li {
		display: block;
		width: auto;
		border-bottom: 1px solid #CCC;
		padding-left: 0
	}
	
		#news li:after {
			clear: both;
			content: "";
			display: block
		}
	
		#news li img {
			float: left;
			text-align: center;
			margin-left: -16em;
			width: 12em;
			height: 12em;
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
			-ms-object-fit: cover;
			object-fit: cover;
			overflow: hidden
		}
		
		#news li .info {
			font-size: 1.6em;
			line-height: 1.3em
		}
		
		#news li p.fecha {
			margin: 1.5em 0 0.5em 0;
			font-size: 0.8em
		}
		
		#news li a {
			color: inherit;
		}

/* FANCY SELECTS */
.fancySelect {
	display: inline-block;
	border: 1px solid #CCC;
	font-size: 1.3em;
	padding: 0 1.5em 0 0.8em;
	background-color: #fff;
	cursor: pointer;
	top: 1em;
}

	.fancySelect .selected {
		line-height: 2.1em;
	}

	.fancySelect .selected:before {
		content: "\f107";
		font-family: FontAwesome;
		background-size: 100% 100%;
		color: #CCC;
		position: absolute;
		right: 0.75em
	}

	.fancySelect ul {
		position: absolute;
		background-color: #fff;
		border: 1px solid #CCC;
		border-top: 0 none;
		left: -1px;
		max-height: 15em;
		overflow: auto;
		display: inline-block
	}
	
		.fancySelect li {
			padding: 0.5em 0.8em;
			cursor: pointer;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		.fancySelect li:hover {
			color: #fff;
			background-color: #5bb6b3
		}

		.fancySelect .color {
			display: inline-block;
			width: 1em;
			height: 1em;
			vertical-align: middle;
			margin-right: 0.5em;
			border: 1px solid #CCC
		}

.pasos-heladera ul {
	font-size: 1.4em;
	text-align: left;
	line-height: 1.5em
}
	
	.pasos-heladera li {
		display: list-item;
		float: none;
		width: auto;
		list-style-type: disc;
		list-style-position: inside;
		margin: 0.5em 0;
		padding: 0
	}
	
#bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 99999;
	display: none;
}

	#bg #popup {
		background-color: #FFF;
		border-radius: 20px;
		padding: 20px;
		text-align: center;
		width: 400px;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		position: absolute;
	}
	
	#bg #popup p {
		font-size: 16px;
	}
	
	#bg #popup p + p {
		margin-top: 20px;
	}
	
	#bg #popup .buy {
		margin-top: 20px;
		font-size: 20px;
		margin-bottom: 0;
	}
	
/* NUEVO HEADER */
#top {
	background-color: #000;
	color: #FFF;
	padding: 0;
	position: relative;
	z-index: 999999;
}

	#top ul {
		display: flex;
	}
	
	#top li {
		text-transform: uppercase;
		font-size: 1.4em;
		letter-spacing: 1px;
		padding: 0.5em 1em;
		border-left: 1px solid #FFF;
		flex-grow: 0;
	}
	
	#top li.vinilos {
		border-left: 0;
		flex-grow: 1;
		line-height: 2em;
	}
	
	#top a {
		color: #FFF;
	}
	
	#top li.buscar {
		border-left: 0 none;
		padding-left: 0;
	}
	
		#top .buscar input {
			font-size: 0.8em;
			border: 0 none;
			width: 13em;
			padding: 0.7em;
		}
		
		#top .buscar button {
			border: 0 none;
			background-color: #000;
			color: #FFF;
			padding: 0;
			margin-left: 0.2em;
		}
	
	#top li.carrito {
		padding-right: 0;
	}
		
	#top li.carrito,
	#top li.pais {
		display: flex;
		justify-content: space-around;
		flex-direction: column;
		position: relative;
	}

	#top li.carrito a,
	#top li.pais a {
		background-image: url(../img/ico-shopBag.svg);
		background-position: left center;
		background-repeat: no-repeat;
		padding: 0.3em 0 0.3em 2em;
		height: 1em;
	}
	
		#top li.pais a {
			padding-left: 2.5em;
		}
	
		#top li.pais a.ar {
			background-image: url(../img/ico-argentina.svg);
		}
		
		#top li.pais a.cl {
			background-image: url(../img/ico-chile.svg);
		}
		
		#top li.pais ul {
			position: absolute;
			background-color: #000;
			margin-top: 2.8em;
			left: 0;
			min-width: 100%;
			display: none;
		}
		
			#top li.pais:hover ul {
				display: block;
			}
		
			#top li.pais ul li {
				font-size: 1em;
				border: 0 none;
				padding-top: 0.75em;
				padding-bottom: 0.7em;
			}
		
	@media (max-width: 680px) {
		#top ul {
			justify-content: flex-end;
		}
		
		#top li.vinilos {
			display: none;
		}
	}
		
	@media (max-width: 500px) {
		
		#top li.pais a {
			padding-left: 2em;
		}
		
		#top li a span {
			display: none;
		}
		
		#top .buscar input {
			width: 11.7em;
		}
		
	}