/* ---- Boton Ver Todo ---- */

.origami-home-products-layout-ver-todo{
	text-align: right;
}

/* ---- Boton Ver Todo ---- */

	.button:active,
	.button.is-checked {
		background-color: #00BABF;
	}

	.button.is-checked {
		width: 150px;
    	height: 150px;
		color: #000000;
		text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
	}

/* ---- button ---- */
	.button {
		display: inline-block;
		padding: 10px 18px;
		margin-bottom: 10px;
		background: #EEE;
		border: none;
		border-radius: 7px;
		background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
		color: #222;
		font-family: sans-serif;
		font-size: 16px;
		text-shadow: 0 1px white;
		cursor: pointer;
	}

	.button:hover {
		background-color: #8CF;
		text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
		color: #222;
	}

	

	.button:active {
		box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
	}
  
/* ---- button-group ---- */
	.button-group {
		overflow-y: scroll;
		white-space: nowrap;
	}

	.button-group:after {
		content: '';
		display: block;
		clear: both;
	}

	.button-group .button {
		display: inline-block;
		border-radius: 0;
		margin-left: 0;
		margin-right: 1px;
	}



	.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
	.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }
  
  
/* grid */
      .origami-home-products-grid {
      	background: transparent;
      }
  
      /* clear fix */
      .origami-home-products-grid:after {
		  content: '';
		  display: block;
		  clear: both;
      }
  
      /* ---- .element-item ---- */
  
      /* 5 columns, percentage width */
      .origami-home-products-grid-item,
      .origami-home-products-grid-sizer {
      	width: 50%;
      }
  
      .origami-home-products-grid-item {
		  float: left;
		  height: 150px;
		  /*
		  background: #0D8;
		  border: 2px solid #333;
		  border-color: hsla(0, 0%, 0%, 0.7);
		  */
      }
  
      .origami-home-products-grid-item--width2 { width: 100%; }
      .origami-home-products-grid-item--height2 { height: 300px; }



/* ---- cuadro producto ---- */
	.origami-home-products-tab-image {
		height: 100%;
	}
	.origami-home-products-tab-image img {
		height: 100% !important;
		margin: 0 auto;
		display: block;
	}
	.origami-home-products-tab-title {
		/*position: absolute;
		bottom: 0;
		left: 0;
		right: 0;*/

		margin-left: auto;
		margin-right: auto;
		
		text-align: center;
	}


/* ---- cuadro cateogry ---- */
	.origami-home-products-tab-category {
		height: 100%;
	}
	.origami-home-products-tab-category img {
		height: 100% !important;
		margin: 0 auto;
		display: block;
	}



/* harcodeos para layout simple */
.origami-home-products-layout-body-simple .origami-home-products-grid {
	overflow-x: scroll;
	white-space: nowrap;
}
.origami-home-products-layout-body-simple .origami-home-products-grid-item {
	float: none !important;
	display: inline-block;
}