@charset "utf-8";
/* CSS Document */
/* ---- mgrid ---- */
.mgrid {
	width: 100%;
	clear: both;
	position: relative;
	margin: 30px 0px 20px 0px
}
/* clearfix */
.mgrid:after {
	content: '';
	display: block;
	clear: both;
}
/* ---- mgrid-item ---- */
.mgrid-sizer, .mgrid-item, section .mgrid-sizer, section .box.mgrid-item {
	width: 31%;
	padding: 0px;
	margin: 1% 1% 20px 1%;
}
.mgrid-item a {
	outline: none
}
.mgrid-item {
	border: 1px solid #d0d3d6;
    padding-bottom:20px;
        background: white;
}
.mgrid-item, .tabelle_carrello .mgrid-item:hover {
	cursor: pointer;
}
article .mgrid-item h2 {
	text-align: left;
	font-size: 20px;
	color: #333;
}
.mgrid-item.box h4 {
	margin: 5px 0px;
	font-size: 14px;
}
.mgrid-item .testo {
	position: relative;
	float: left;
	width: 55%;
	padding: 0px 0px 20px 20px
}
.mgrid-item .box_img {
	width: 45%;
	position: relative;
	height: auto;
	margin-bottom: 0px;
	float: right;
	clear: inherit;
	padding: 0px 20px 20px 20px
}
.mgrid-item .testo p {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #696a6f;
	margin-bottom: 0px
}
.mgrid-item .testo p a {
	text-decoration: underline;
}
.mgrid-item h3 {
	font-size: 18px;
	font-weight: 500;
	color: #2984b3;
	text-align: center;
	margin: 0px;
	background: white;
	padding: 20px 20px 10px 20px;
}

.mgrid-item p,
.content article .mgrid-item p  {padding: 0px 20px 0px 20px;text-align: center;font-size: 14px;background: white;margin: 0px;}

.mgrid-item:hover {}
@media screen and (max-width:690px) {
	.tabelle_carrello .mgrid-sizer, .tabelle_carrello .mgrid-item {
		width: 98%;
		margin: 20px 0px 20px 0px;
	}
	.mgrid-item h3 {
		margin: 20px 0px 0px 0px;
	}
	.mgrid-item .box_img, .mgrid-item .testo {
		width: 50%;
		padding: 20px;
	}
	.mgrid-sizer, .mgrid-item, section .mgrid-sizer, section .box.mgrid-item {
		width: 100%;
		padding: 0px;
		margin: 0% 0% 2% 0%;
	}
}
@media screen and (max-width:500px) {
	.mgrid-sizer, .mgrid-item, section .mgrid-sizer, section .box.mgrid-item {
		margin: 0px 0px 20px 0px;
	}
}