@charset "utf-8";
/* CSS Document */

#productos {
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:18px 0 0 0;
	
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#productos h3 {
	color:#60792B;
	font-family: 'Shadows Into Light Two', cursive;
	font-size:13px;
	font-weight:400;
	text-transform:uppercase;
	line-height:1.15em;
	display:block;
	min-height:35px;
	margin:5px 8px;
}
	/* class */
	.producto_nuevo, .producto_oferta {
		font-size:10px;
		line-height:10px;
		color:#525252;
		text-transform:uppercase;
		margin:0 0 5px 3px;
	}
	.producto_nuevo span, .producto_oferta span {
		display:inline-block;
		width:10px;
		height:10px;
		margin:0 9px -1px 0;
	}
	.producto_nuevo span {
		background:#A3D900;
	}
	.producto_oferta span {
		background:#F00;
	}
	.producto_precio {
		color:#525252;
		font-family: 'Shadows Into Light Two', cursive;
		font-size:18px;
		margin:0px 8px 0px 8px;
	}
	.boton_agregar {
		background:#808F1A;
		color:#FFF;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:10px;
		font-weight:600;
		text-align:center;
		text-transform:uppercase;
		display:block;
		overflow:hidden;
		position:absolute;
		padding:8px 0 7px 0;
		z-index:4;
		bottom:17px;
		right:20px;
		left:20px;
		
		-webkit-transition: 	all ease-in-out 300ms;
		-moz-transition: 		all ease-in-out 300ms;
		transition: 			all ease-in-out 300ms;
	}
	.boton_agregar:before {
		content:url(../imag/icono_carrito_compra.png);
		position:absolute;
		z-index:5;
		left:-30px;
		top:8px;
		
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.boton_agregar:hover {
		background:#ADC904;
	}
	.boton_agregar:hover:before {
		left:5px;
	}

/* cards productos */	
.card {
	box-sizing:border-box;
	background:#FFF;
	width:168px;
	height:328px;
	margin:0 21px 26px 0;
	padding:11px 12px 60px 12px;
	position:relative;
	z-index:2;
	box-shadow: 0 0 9px rgba(0,0,0,0.16);
	
	-webkit-transition: all ease-in-out 500ms;
	-moz-transition: 	all ease-in-out 500ms;
	transition: 		all ease-in-out 500ms;
}
.card:hover {
	box-shadow: 0 0 9px rgba(0,0,0,0.6);
}
.card::after {
	box-shadow: 0 0 9px rgba(0,0,0,0.16);
	opacity: 0;
	
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: 	opacity ease-in-out 500ms;
	transition: 		opacity ease-in-out 500ms;
}
.card:hover::after {
	opacity: 1;
}

.fotoProducto {
	box-sizing:border-box;
	font-size:11px;
	color:#525252;
	width:100%;
	min-height:171px;
	position:relative;
	z-index:3;
	overflow:hidden;
	padding:5px 10px;
}
.fotoProducto img {
	max-width:100%;
	height:auto;
	position:absolute;
	z-index:3;
}
.fotoProducto h4 {
	color:#C43A06;
	font-size:11px;
	line-height:1em;
	font-weight:700;
	margin-bottom:2px;
}
.fotoProducto p {
	line-height:1.2em;
	margin-bottom:15px;
}
.fotoProducto p:last-of-type {
	margin-bottom:0px;
}
	/* efecto especial imagen */
	.card .fotoProducto img {
		opacity:1;
		-webkit-transition: all ease-in-out 500ms;
		-moz-transition: 	all ease-in-out 500ms;
		transition: 		all ease-in-out 500ms;
	}
	.card:hover .fotoProducto img {
		opacity:0;
		-ms-transform: 		translate(-100%, 0px); /* IE 9 */
		-webkit-transform: 	translate(-100%, 0px); /* Safari */
		transform: 			translate(-100%, 0px);
	}

/* RESPONSIVO */
@media only screen and (max-width : 900px) {
#pedidos {
	width:100%;
}
.card {
	width:44.5%;
}
}
@media (min-width:751px) and (max-width:900px) {
.fotoProducto img {
	width:100%;
	bottom:0px;
}
}