/*
 Width: 1000px
 # Columns : 12 
 Column width: 65px
 Gutter : 20px 

target / context = result

 */


.grid_1 { width: 8.3333%;} /* 80px/960px = 0.0833px */
.grid_2 { width: 16.6666%; } /* 160px/960px =  0.166px */
.grid_3 { width: 25%; } /* 240px/960px = 0.25px */
.grid_4 { width: 33.3333%; } /* 320px/960px = 0.32px */
.grid_5 { width: 41.6666%;} /* 400px/960px= 0.405px */
.grid_6 { width: 50%; } /* 480px/960px = 0.49px */
.grid_7 { width: 58.3333%;} /* 560px/960px= 0.575px */
.grid_8 { width: 66.6666%; } /* 640px/960px = 0.66px */
.grid_9 { width: 75%; } /* 720px/960px = 0.745px */
.grid_10 { width: 83.3333%; } /* 800px/960px = 0.83px */
.grid_11 { width: 91.6666%; } /* 880px/960px = 0.915px */
.grid_12 { width: 100%; } /* 960px/960px = 1 */


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12, 
.grid_1_m,
.grid_2_m,
.grid_3_m,
.grid_4_m,
.grid_5_m,
.grid_6_m,
.grid_7_m,
.grid_8_m,
.grid_9_m,
.grid_10_m,
.grid_11_m,
.grid_12_m{
	/*margin: 0 2% 1% 0;*/
	float: left;
	display: block;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
}


.grid_1_m-2 { width: 4.3333%; background-color: #3FF;margin:2% 2%;} /* 80px/960px = 0.0833px */
.grid_2_m { width: 12.6666%; background-color: #3CF;margin:2% 2%;} /* 160px/960px =  0.166px */
.grid_3_m  { width: 21%; background-color: #39F;margin:2% 2%;} /* 240px/960px = 0.25px */
.grid_4_m  { width: 29.3333%; background-color: #36F;margin:2% 2%;} /* 320px/960px = 0.32px */
.grid_5_m  { width: 37.66666%; background-color: #FCF ;margin:2% 2%;} /* 400px/960px= 0.405px */
.grid_6_m  { width: 46%; background-color: #F9F ;margin:2% 2%; } /* 480px/960px = 0.49px */
.grid_7_m  { width: 54.3333%;background-color: #F6F;margin:2% 2%;} /* 560px/960px= 0.575px */
.grid_8_m  { width: 62.6666%; background-color:#F9C; margin:2% 2%;} /* 640px/960px = 0.66px */
.grid_9_m  { width: 71%; margin:2% 2%;} /* 720px/960px = 0.745px */
.grid_10_m  { width: 79.3333%; margin:2% 2%;} /* 800px/960px = 0.83px */
.grid_11_m  { width: 87.6666%; margin:2% 2%;} /* 880px/960px = 0.915px */
.grid_12_m  { width: 96%; margin:2% 2%;} /* 960px/960px = 1 */

.container{
	width: 96%; /*width: 1000px;*/
	max-width: 1000px;
	margin: auto;
	/*background-color:#F90;*/
	
	padding:0 2%;
	
}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}