/* GRID 1224: 12 columnas; Inicialmente:  Margin left: 12px ~ Margin right: 12px -> traducido a porcentajes
======================================================= */ 

/* =Containers
--------------------------------------------------------------------------------*/
.container_12{ margin:0 auto; max-width: 1170px; width:100%; position: relative;}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 0.98039%; margin-right: 0.98039%; }
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 { position: relative; }
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {width: 6.3725%;}
.container_12 .grid_2 {width: 14.7058%;}
.container_12 .grid_3 {width: 23.0392%;}
.container_12 .grid_4 {width: 31.3725%;}
.container_12 .grid_5 {width: 39.7058%;}
.container_12 .grid_6 {width: 48.0392%;}
.container_12 .grid_7 {width: 56.3725%;}
.container_12 .grid_8 {width: 64.7058%;}
.container_12 .grid_9 {width: 73.0392%;}
.container_12 .grid_10 {width: 81.3725%;}
.container_12 .grid_11 {width: 89.7058%;}
.container_12 .grid_12 {width: 98.0392%;}


.container_12 .alpha.grid_1,
.container_12 .grid_1.omega{width: 7.35289%;}
.container_12 .alpha.grid_2,
.container_12 .grid_2.omega{width: 15.68619%;}
.container_12 .alpha.grid_3,
.container_12 .grid_3.omega{width: 24.01959%;}
.container_12 .alpha.grid_4,
.container_12 .grid_4.omega{width: 32.35289%;}
.container_12 .alpha.grid_5,
.container_12 .grid_5.omega{width: 40.68619%;}
.container_12 .alpha.grid_6,
.container_12 .grid_6.omega{width: 49.01959%;}
.container_12 .alpha.grid_7,
.container_12 .grid_7.omega{width: 57.35289%;}
.container_12 .alpha.grid_8,
.container_12 .grid_8.omega{width: 65.68619%;}
.container_12 .alpha.grid_9,
.container_12 .grid_9.omega{width: 74.01959%;}
.container_12 .alpha.grid_10,
.container_12 .grid_10.omega{width: 82.35289%;}
.container_12 .alpha.grid_11,
.container_12 .grid_11.omega{width: 90.68619%;}
.container_12 .alpha.grid_12,
.container_12 .grid_12.omega{width: 99.01959%;}


.container_12 .alpha.grid_1.omega{width: 8.3332%;}
.container_12 .alpha.grid_2.omega{width: 16.6665%;}
.container_12 .alpha.grid_3.omega{width: 25%;}
.container_12 .alpha.grid_4.omega{width: 33.3333%;}
.container_12 .alpha.grid_5.omega{width: 41.6665%;}
.container_12 .alpha.grid_6.omega{width: 50%;}
.container_12 .alpha.grid_7.omega{width: 58.3332%;}
.container_12 .alpha.grid_8.omega{width: 66.6666%;}
.container_12 .alpha.grid_9.omega{width: 75%;}
.container_12 .alpha.grid_10.omega{width: 83.3333%;}
.container_12 .alpha.grid_11.omega{width: 91.6665%;}
.container_12 .alpha.grid_12.omega{width: 100%;}


/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left: 8.3333%;}
.container_12 .prefix_2 {padding-left: 16.6666%;}
.container_12 .prefix_3 {padding-left: 25%;}
.container_12 .prefix_4 {padding-left: 33.3333%;}
.container_12 .prefix_5 {padding-left: 41.6666%;}
.container_12 .prefix_6 {padding-left: 50%;}
.container_12 .prefix_7 {padding-left: 58.3333%;}
.container_12 .prefix_8 {padding-left: 66.6666%;}
.container_12 .prefix_9 {padding-left: 75%;}
.container_12 .prefix_10 {padding-left: 83.3333%;}
.container_12 .prefix_11 {padding-left: 91.6666%;}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right: 8.3333%;}
.container_12 .suffix_2 {padding-right: 16.6666%;}
.container_12 .suffix_3 {padding-right: 25%;}
.container_12 .suffix_4 {padding-right: 33.3333%;}
.container_12 .suffix_5 {padding-right: 41.6666%;}
.container_12 .suffix_6 {padding-right: 50%;}
.container_12 .suffix_7 {padding-right: 58.3333%;}
.container_12 .suffix_8 {padding-right: 66.6666%;}
.container_12 .suffix_9 {padding-right: 75%;}
.container_12 .suffix_10 {padding-right: 83.3333%;}
.container_12 .suffix_11 {padding-right: 91.6666%;}

/* `Push Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .push_1 {left: 8.3333%;}
.container_12 .push_2 {left: 16.6666%;}
.container_12 .push_3 {left: 25%;}
.container_12 .push_4 {left: 33.3333%;}
.container_12 .push_5 {left: 41.6666%;}
.container_12 .push_6 {left: 50%;}
.container_12 .push_7 {left: 58.3333%;}
.container_12 .push_8 {left: 66.6666%;}
.container_12 .push_9 {left: 75%;}
.container_12 .push_10 {left: 83.3333%;}
.container_12 .push_11 {left: 91.6666%;}

/* `Pull Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .pull_1 {left: -8.3333%;}
.container_12 .pull_2 {left: -16.6666%;}
.container_12 .pull_3 {left: -25%;}
.container_12 .pull_4 {left: -33.3333%;}
.container_12 .pull_5 {left: -41.6666%;}
.container_12 .pull_6 {left: -50%;}
.container_12 .pull_7 {left: -58.3333%;}
.container_12 .pull_8 {left: -66.6666%;}
.container_12 .pull_9 {left: -75%;}
.container_12 .pull_10 {left: -83.3333%;}
.container_12 .pull_11 {left: -91.6666%;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/*.clearfix { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before,
.clearfix:after { content: "\0020"; display: block;	overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }*/

@media screen and (max-width: 767px){
	
	.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9,
	.container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12{ margin: 0 6.25%; width:87.5%; margin-bottom: 1%;}

	.container_12 .alpha.grid_1.omega, .container_12 .alpha.grid_2.omega,	.container_12 .alpha.grid_3.omega,	.container_12 .alpha.grid_4.omega,	.container_12 .alpha.grid_5.omega,	.container_12 .alpha.grid_6.omega,	.container_12 .alpha.grid_7.omega, .container_12 .alpha.grid_8.omega, .container_12 .alpha.grid_9.omega, .container_12 .alpha.grid_10.omega,	.container_12 .alpha.grid_11.omega,	.container_12 .alpha.grid_12.omega{width: 100%; margin:0;}

	.container_12 .prefix_1, .container_12 .suffix_1, .container_12 .prefix_2, .container_12 .suffix_2, .container_12 .prefix_3, .container_12 .suffix_3, .container_12 .prefix_4, .container_12 .suffix_4,	.container_12 .prefix_5,
	.container_12 .suffix_5, .container_12 .prefix_6, .container_12 .suffix_6, .container_12 .prefix_7, .container_12 .suffix_7, .container_12 .prefix_8, .container_12 .suffix_8, .container_12 .prefix_9, .container_12 .suffix_9,	.container_12 .prefix_10,
	.container_12 .suffix_10, .container_12 .prefix_11, .container_12 .suffix_11{padding:0;}
}