.producto{
		width:31%;  
		margin:2% 2% 0 0;
		padding:2%;
		float:left; 
			
		text-align:center;
			
		border:1px solid #eee;
		background:#fefefe;
			
		box-sizing:border-box; 
		}
		.producto img{ 
			height:200px; 
			margin: 0 auto;
			padding: 0; 
			/*background: #fff url('../images/noimagen.png') center center no-repeat; */
			display:block;
		}
		.producto p{
			font-family: helbetica;
			margin:3% 0;
			padding:0;
		}
		.producto .titulo{
			font-size:1.6em;
			font-weight:bold;
			height:50px;
		}
		.producto .tipo{
			font-size:1em;
		}
		.producto .precio{
			font-size:1.8em; 
			font-weight:bold;
			color:#333;
			letter-spacing:0;
		}
		.producto .iva{
			font-size:0.9em; 
			font-weight:100;
			font-variant:small-caps;
			color:#999;
			letter-spacing:1px;
		}
		a.xbotton{
			color:#ffffff;
			font-family:Arial;
			font-size:16px; 
			text-decoration:none;
			text-shadow:0px 1px 0px #2f6627;
		}
		.xbotton { 
			margin:5px 0;
			padding:8px 25px;
			display:inline-block;
			cursor:pointer;
				
			box-shadow: 0px 0px 4px 0px #adadad;
			background-color:#44c767;
			border-radius:5px;
			border:1px solid #18ab29;
				
			color:#ffffff;
			font-family:Arial;
			font-size:16px;
			text-decoration:none;
			text-shadow:0px 1px 0px #2f6627;
		}
		.xbotton:hover {
			background-color:#2790CA;
			border:1px solid #377DA3;
			box-shadow: none;
		}
		.xbotton:active {
			position:relative;
			top:1px;
		}
		
	/* For mobile: */
	@media only screen and (max-width: 600px) { 
		.producto{ 
			width:100%; 
			margin:0 0 5% 0;
		}
	}
		
	/* For tablets: */
	@media only screen and (min-width: 600px) and (max-width: 768px) { 
		.producto{ 
			width:48%; 
			margin:2% 2% 0 0;
		}
	}