/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.sectionCenter{clear: both;max-width:960px;padding: 0px;margin: 0px auto;}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0 !important; /*1% 0 1% 1.6%;*/
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.span_1_of_1 {
	width: 100%;
}
.span_1_of_6 {
	width: 16.5%;
}
.span_1_of_3_detail{
	width:30%;
}
.span_1_of_4_detail{
	width:20%;
}
.span_1_of_3_dettaglio{
	width:30%;
}
.span_1_of_3_dettaglioCorto{width:50%;}

.span_1_of_2_half{width:50%;}
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 960px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}
.divCenter_centra{position:static;padding-left:0px !important; padding-right:20px;}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 50%;
}
.span_1_of_2_storia{
	width:50%;
}
.span_1_of_5_detail{
	width:18%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 960px) {
	.span_1_of_3_dettaglio{
		width:50% !important;
	}
	.span_2_of_2 {
		width: 100%;
	}
	.span_1_of_2 {
		width: 100%;
	}

	.span_1_of_2_storia{
		width:95%;
	}

	.span_1_of_6 {
		width: 20%;
	}
	.span_1_of_5_detail{
		width:100%;
	}
	.span_1_of_4_detail{
		width:20%;
	}
	.span_1_of_3_detail{
		width:40px;
		margin-right:5px;
		float: none;
		display: inline-block;
		margin-top:0;
		text-align:center;
	}
	.span_1_of_3_detail img{position:relative; margin:0;}

}

/*  GRID OF THREE   ============================================================================= */


.span_3_of_3 {
	width: 100%;
}

.span_2_of_3 {
	width: 66.6%;
}

.span_1_of_3 {
	width: 33.3%;
}
.span_1_of_3_third{width: 33.3%; }
.span_1_of_3_2{width: 33.3%;}
.span_1_of_3_3{width: 33.3%;}
.span_1_of_3_4{width: 33.3%;}
.span_1_of_3_half{width: 33.3%;}
.span_2_of_3_half {width: 66.6%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 960px) {
	/*.col {
		display: inline-block;
		border:1px solid pink;
		float:none;
		margin: 0 !important;
	}*/
	.span_3_of_3 {
		width: 100%;
	}
	.span_2_of_3 {
		width: 100%;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_1_of_3_2{width: 50%; }
	.span_1_of_3_3{width: 33.3%;}
	.span_1_of_3_4{width: 25%;}
	.span_1_of_3_half{width: 50%;}
	.span_2_of_3_half{width: 50%;}
}

@media only screen and (max-width: 640px) {
	.span_1_of_3_2{width: 50%; }
	.span_1_of_3_3{width: 50%;}
	.span_1_of_3_4{width: 33.3%;}
	.span_1_of_6 {
		width: 25%;
	}
}

@media only screen and (max-width: 460px) {
	.span_1_of_3_2{width: 100%; }
	.span_1_of_3_3{width: 100%;}
	.span_1_of_3_4{width: 50%;}
	.span_1_of_6 {
		width: 50%;
	}
	.span_1_of_3_dettaglio{
		width:100% !important;
	}
}

@media only screen and (max-width: 320px) {
	.span_1_of_3_2{width: 100%; }
	.span_1_of_3_3{width: 100%;}
	.span_1_of_3_4{width: 100%;}
	.span_1_of_6 {
		width: 100%;
	}
}

/*  GRID OF FOUR   ============================================================================= */


.span_4_of_4 {
	width: 100%;
}

.span_3_of_4 {
	width: 75%;
}

.span_2_of_4 {
	width: 50%;
}

.span_1_of_4 {
	width: 25%;
}
.span_1_of_4_half {
	width: 25%;
}
.span_2_of_4_half {
	width: 50%;
}
.span_1_of_4_quarter {
	width: 25%;
}
.span_3_of_4_half {
	width: 75%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 960px) {
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 100%;
	}
	.span_2_of_4 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 100%;
	}
	.span_1_of_4_half {
		width: 50%;
	}
	.span_2_of_4_half {
	width: 50%;
	}
	.span_1_of_4_quarter {
	width: 33%;
	}
	.span_3_of_4_half {
		width: 50%;
	}
}

@media only screen and (max-width: 760px) {
	.grid-item{padding:0 !important; width:46% !important;}
	.span_1_of_4_quarter {
		width: 48%;
	}
}

@media only screen and (max-width: 480px) {
	.grid-item{padding:0 !important; width:100% !important;}
	.span_1_of_4_quarter {
		width: 100%;
	}
}