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

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

/*------------------------------PROPIEDADES DE LOS CONTENEDORES DE PORTAFOLIO DE SERVICIOS--------------------------------------*/


.tituloss{
	width:100%;
	font-weight:bold;
	color:#003300;

	font-size:36;
/*	text-decoration: underline;*/
	text-align:center;
	}
	
#articuloss{
	/*----COLOR DE FONDO PARA EL CONTENEDOR PRINCIPAL----*/
	/*background:#FFF;*/

	/*----ESPACIADO DE EXTREMOS PARA EL CONTENEDOR PRINCIPAL----*/
	padding: 20px;
	
	/*----ALINEACION DEL TEXTO PARA EL CONTENEDOR PRINCIPAL----*/
	text-align:center;
}


#articuloss p{
	text-align:left;
	font-weight:bold;
	font-family:arial;
	color:#6C7073;
	padding-left: 0.2cm;
	}
	
#articuloss a{
	font-weight:bold;
	color:black;
	}

#articuloss header{
	/*----FORMATO PARA LAS CABECERAS DENTRO DE LOS RECUADROS----*/
	background:;
	
	/*----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 PARA EL TEXTO DE LAS CABECERAS DENTRO DE LOS RECUADROS----*/
	color:#003300;

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

#articuloss article{
	/*----COLOR DE FONDO PARA LOS CONTENEDORES DE LOS PRODUCTOS----*/
	/*background:rgba(50, 97, 199, 0.9);*/	
	
	/*----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 white;
	display:inline-block;
	margin:5px;
	padding:5px;
	width:280px;
	height:350px;
}
#articuloss article img{
	-webkit-transition:.2s;
	-moz_transition:.2s;
	width:300px;
	height:300px;
}

#articuloss div{
	text-align:left;
	/*background:hsl(102, 100%, 100%);*/
	border:1px solid white;
	display:absolute;
	margin:5px;
	padding:10px;
	width:98%;
	height:auto;
	
	
	/* Esta línea contorno para darle borde redondeado y color a la línea del div */
	border: 1px ; 
	padding: 10px; 
}
#articuloss div img{
	width:200px;
	padding:10px;
	float:left;
	height:150px;
}

#articuloss footer{
	width:100%;
	font-weight:bold;
	color:hsl(102, 40%, 20%);
	background:hsl(102, 80%, 100%);
	font-size:15;
}