/*-----------------------MERCADO DE PÁGINAS-2017-RESPONSIVE DESIGN 100%--------------------------------------
-------------------------------------------LIMA-PERÚ-------------------------------------------------------
------------------------------------------VERSIÓN-1.0-----------------------------------------------------*/

/*ACA PUEDE EDITAR LAS PROPIEDADES DEL CARRITO DE COMPRAS, SOLO DEBE EDITAR LOS VALORES QUE NECESITE CAMBIAR Y DAR CLICK EN EL BOTON GUARDAR*/

/*------------------------------PROPIEDADES DE LOS CONTENEDORES DE PRODUCTOS DEL CARRITO DE COMPRAS--------------------------------------*/

#articulos{
	/*----COLOR DE FONDO PARA EL CONTENEDOR PRINCIPAL----*/
/*background:;*/
/*background: rgba(255,240,248,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,240,248,1) 0%, rgba(254,88,174,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,240,248,1)), color-stop(100%, rgba(254,88,174,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,240,248,1) 0%, rgba(254,88,174,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,240,248,1) 0%, rgba(254,88,174,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,240,248,1) 0%, rgba(254,88,174,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,240,248,1) 0%, rgba(254,88,174,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0f8', endColorstr='#fe58ae', GradientType=1 );
*/
	/*----ESPACIADO DE EXTREMOS PARA EL CONTENEDOR PRINCIPAL----*/
	padding: 0px;
	
	/*----ALINEACION DEL TEXTO PARA EL CONTENEDOR PRINCIPAL----*/
	text-align:center;
}

#articulos header{
	/*----FORMATO PARA LAS CABECERAS DENTRO DE LOS RECUADROS----*/
/*	background:hsl(102, 100%, 100%);*/
	
	/*----ANCHO DE LAS CABECERAS DENTRO DE LOS RECUADROS----*/
	width:100%;
	
	/*----FORMATO DDE LETRA NEGRITA PARA EL TEXTO DE LAS CABECERAS DENTRO DE LOS RECUADROS----*/
/*	font-weight:bold;
	color:#5F5F5F;*/
		color:#701a0a;

	/*----TAMAÑO DE LETRA PARA LAS CABECERAS DENTRO DE LOS RECUADROS----*/
	font-size:22;
	}

#articulos article{
         border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

	/*----COLOR DE FONDO PARA LOS CONTENEDORES DE LOS PRODUCTOS----*/
/*background: rgba(252,234,187,1);
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 15%, rgba(248,181,0,1) 52%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(15%, rgba(252,205,77,1)), color-stop(52%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 15%, rgba(248,181,0,1) 52%, rgba(251,223,147,1) 100%);
background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 15%, rgba(248,181,0,1) 52%, rgba(251,223,147,1) 100%);
background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 15%, rgba(248,181,0,1) 52%, rgba(251,223,147,1) 100%);
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 15%, rgba(248,181,0,1) 52%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );*/
background:#fff;
	
	/*----ESTOS VALORES MANTIENEN EL CORRECTO FUNCIONAMIENTO Y ORDEN DEL CATALOGO, 
	CAMBIAR LOS VALORES SOLO SI TIENE LOS CONOCIMIENTOS NECESARIOS----*/	
	/*text-align:center;*/
	/*border:1px solid #6d0019;*/
	border:1px solid #c3bebe;
	display:inline-block;
	    vertical-align:top;
	margin:5px;
	padding:5px;
	width:30%;
	min-width:300px;
/*	height:auto;*/
height:auto;
min-height:330px;
}
#articulos article img{
	-webkit-transition:.2s;
	-moz_transition:.2s;
	/*width:280px;*/
	width:85%;
	height:auto;
}


.precio{
	font-size:18;
font-weight:bold;
	color:#000;
}

.detalles{
	font-size:14;
	color:#696969;
	text-align:center;
	font-family:arial;
}

.caracteristicas{
	font-size:12;
	color:#663300;
	text-align:left;
	font-family:arial;
}

/*efectos al pasar el mouse sobre la imagen de los articulos */
/*#articulos article img:hover{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
}*/