.title-productos
	h1
		@include fontstyle(60px,100,1px,black)

.box-categories	
	background-color: #E2ECF5
	padding: 5px
	border-radius: 50px
	max-width: 450px
	.category
		background-color: transparent
		padding: 10px
		padding-left: 20px
		padding-right: 20px
		border-radius: 20px
		color: black
		display: inline-block
		max-width: 210px
		cursor: pointer
	.active
		color: white
		background-color: #2EC4DD !important



.item-producto-frescos
	margin-bottom: 15px	
	a
		.box-image
			position: relative;
			height: 250px
			width: 100%
			background-color: white
			img
				position: absolute;
				width: 100%
				top: 0;
				bottom: 0;
				left: 0
				right: 0
				margin: auto;
				max-height: 250px;
		.nombre
			@include fontstyle(18px,600,0px,black !important)
		.price
			@include fontstyle(13px,300,1px,#ACACAC)

.item-producto
	margin-bottom: 15px	
	a
		.box-image
			position: relative;
			height: 250px
			width: 100%
			background-color: white
			img
				position: absolute;
				width: 100%
				top: 0;
				bottom: 0;
				left: 0
				right: 0
				margin: auto;
				max-height: 250px;
		.nombre
			@include fontstyle(15px,600,0px,black !important)
		.price
			@include fontstyle(12px,300,1px,#CECECE)
			
.cat-sub-list
	background-color: #F5F6F8
	@include mq(xs)
		padding-left: 5px !important
	h4
		@include fontstyle(15px,700,1px,black)
		margin-bottom: 30px
		@include mq(xs)
			@include fontstyle(13px,700,1px,black)
	.catlink	
		margin-bottom: 10px
		padding-bottom: 15px
		border-bottom: 1px solid #C8CDD1
		@include fontstyle(14px,400,1px,#C8CDD1)
		@include mq(xs)
			@include fontstyle(12px,400,1px,#C8CDD1)
	.showpro
		@include fontstyle(14px,300,1px,$fontColorDefault)
		cursor: pointer
		@include mq(xs)
			@include fontstyle(12px,300,1px,$fontColorDefault)

.content-items
	@include mq(xs)
		padding: 0px !important

.box-result-prod
	border-top: 1px solid #F3F3F4
	background-color: #F5F6F8
	.Currentcat
		font-weight: 600
		color: $colorbase
	.Filterlink
		@include fontstyle(14px,600,1px,$fontColorDefault)
		margin-bottom: 10px
	.cattext
		@include fontstyle(14px,300,1px,$fontColorDefault)
	.subtext		
		@include fontstyle(14px,300,1px,$fontColorDefault)	
	.showbtu
		margin-bottom: 10px
		cursor: pointer	
		@include fontstyle(14px,300,1px,$fontColorDefault)
	.showbtucurrent
		font-weight: 600
	.showmar
		margin-bottom: 10px
		cursor: pointer	
		@include fontstyle(14px,300,1px,$fontColorDefault)		
	.showmarcurrent
		font-weight: 600
	.perprice
		@include fontstyle(14px,300,1px,$fontColorDefault)		
		font-weight: 600
		input
			margin-top: 20px
			border: none
			height: 35px
			outline: 0px
			padding-left: 10px