/* CONTAINERS */

.container_12{width:960px;margin-left:auto;margin-right:auto;}

/* GRID >> Globalnie */

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,
.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,
.grid_11,.grid_12{float:left;display:inline;position:relative;margin-left:10px;margin-right:10px;}

.container_12 .grid_3{width:220px;}
.container_12 .grid_6{width:460px;}
.container_12 .grid_9{width:700px;}
.container_12 .grid_12{width:940px;}

/* GRID >> Potomek (Alpha ~ Pierwszy, Omega ~ Ostatni)
----------------------------------------------------------------------------------------------------*/

.alpha{margin-left:0;}
.omega{margin-right:0;}

/* GRID >> 12 Kolumn
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1{width:60px;}
.container_12 .grid_2{width:140px;}
.container_12 .grid_4{width:300px;}
.container_12 .grid_5{width:380px;}
.container_12 .grid_7{width:540px;}
.container_12 .grid_8{width:620px;}
.container_12 .grid_10{width:780px;}
.container_12 .grid_11{width:860px;}

/* PREFIX Dodatkowy Odstęp >> Globalnie
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3{padding-left:240px;}
.container_12 .prefix_6{padding-left:480px;}
.container_12 .prefix_9{padding-left:720px;}

/* PREFIX Dodatkowy Odstęp >> 12 Kolumn
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1{padding-left:80px;}
.container_12 .prefix_2{padding-left:160px;}
.container_12 .prefix_4{padding-left:320px;}
.container_12 .prefix_5{padding-left: 400px;}
.container_12 .prefix_7{padding-left: 560px;}
.container_12 .prefix_8{padding-left: 640px;}
.container_12 .prefix_10{padding-left: 800px;}
.container_12 .prefix_11{padding-left: 880px;}

/* SUFFIX Dodatkowy Odstęp >> Globalnie
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3{padding-right:240px;}
.container_12 .suffix_6{padding-right: 480px;}
.container_12 .suffix_9{padding-right: 720px;}

/* SUFFIX Dodatkowy Odstęp >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1{padding-right:80px;}
.container_12 .suffix_2{padding-right:160px;}
.container_12 .suffix_4{padding-right:320px;}
.container_12 .suffix_5{padding-right:400px;}
.container_12 .suffix_7{padding-right:560px;}
.container_12 .suffix_8{padding-right:640px;}
.container_12 .suffix_10{padding-right:800px;}
.container_12 .suffix_11{padding-right:880px;}

/* PUSH Odstęp >> Globalnie
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3{left:240px;}
.container_12 .push_6{left:480px;}
.container_12 .push_9{left:720px;}

/* PUSH Odstęp >> 12 Kolumn
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1{left:80px;}
.container_12 .push_2{left:160px;}
.container_12 .push_4{left:320px;}
.container_12 .push_5{left:400px;}
.container_12 .push_7{left:560px;}
.container_12 .push_8{left:640px;}
.container_12 .push_10{left:800px;}
.container_12 .push_11{left:880px;}

/* PULL Odstęp >> Globalnie
----------------------------------------------------------------------------------------------------*/

.container_12{left: -240px;}
.container_12 .pull_6{left: -480px;}
.container_12 .pull_9{left: -720px;}

/* PULL Odstęp >> 12 Kolumn
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1{left:-80px;}
.container_12 .pull_2{left:-160px;}
.container_12 .pull_4{left:-320px;}
.container_12 .pull_5{left:-400px;}
.container_12 .pull_7{left:-560px;}
.container_12 .pull_8{left:-640px;}
.container_12 .pull_10{left:-800px;}
.container_12 .pull_11{left:-880px;}

/* Odgradzanie floatów
----------------------------------------------------------------------------------------------------*/

.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;}
.clearfix{display:inline-block;}
* html .clearfix {height:1%;}
.clearfix{display:block;}