a.articulo {
	width: 180px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #ffffff;
	border: 1px solid #E7E7E7;
	border-radius: 4px;
	padding: 5px;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(231,231,231,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(231,231,231,1);
	box-shadow: 0px 0px 4px 0px rgba(231,231,231,1);
	-webkit-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;	
}
a.articulo:hover {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(231,231,231,1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(231,231,231,1);
	box-shadow: 0px 0px 6px 0px #facec7;
}

div.imgArtCont {
	height: 168px;
	width: 168px;
}

div.articulo img {
	width:168px;
	max-width: 168px;
}	
	
div.articulo p {
	margin: 0;
	font-size: 12px;
	text-align: justify;
	text-transform: uppercase;
}

div.articulo p.desc {
	height: 40px;
	font-size: 11px;
	overflow: hidden;
	margin-top: 5px;
}
	
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	#menuLateral {
		width: 320px;
	}
	#contenidoWeb {
		width: 320px;
	}	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	#menuLateral {
		width: 200px;
	}
	#contenidoWeb {
		width: 230px;
	}	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#menuLateral {
		width: 200px;
	}
	#contenidoWeb {
		width: 518px;
	}	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#menuLateral {
		width: 200px;
	}
	#contenidoWeb {
		width: 742px;
	}	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#menuLateral {
		width: 200px;
	}
	#contenidoWeb {
		width: 950px;
	}	
}