/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
	#Base 1200 Grid
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing */


/**************Global Structure*****************/
.wrapper{width:100%; overflow:hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}

/* #Base 1200 Grid
================================================== */

.container_24 {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.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_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	float: left;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

/* Nested Column Classes */
.container_24 .alpha {margin-left: 0 !important;}
.container_24 .omega {margin-right: 0 !important; margin-bottom: 0 !important;}

/* Base Grid (24 kolumny, szerokość całkowita 1200px) */
.container_24 .grid_1  {width: 40px;}
.container_24 .grid_2  {width: 90px;}
.container_24 .grid_3  {width: 140px;}
.container_24 .grid_4  {width: 190px;}
.container_24 .grid_5  {width: 240px;}
.container_24 .grid_6  {width: 290px;}
.container_24 .grid_7  {width: 340px;}
.container_24 .grid_8  {width: 387px;}
.container_24 .grid_9  {width: 440px;}
.container_24 .grid_10 {width: 490px;}
.container_24 .grid_11 {width: 540px;}
.container_24 .grid_12 {width: 590px;}
.container_24 .grid_13 {width: 640px;}
.container_24 .grid_14 {width: 690px;}
.container_24 .grid_15 {width: 740px;}
.container_24 .grid_16 {width: 784px;}
.container_24 .grid_17 {width: 840px;}
.container_24 .grid_18 {width: 890px;}
.container_24 .grid_19 {width: 940px;}
.container_24 .grid_20 {width: 990px;}
.container_24 .grid_21 {width: 1040px;}
.container_24 .grid_22 {width: 1090px;}
.container_24 .grid_23 {width: 1140px;}
.container_24 .grid_24 {width: 1180px;}

/* Prefix Extra Space >> 24 Columns (dopasowane proporcjonalnie) */
.container_24 .prefix_1  {padding-left:50px;}
.container_24 .prefix_2  {padding-left:100px;}
.container_24 .prefix_3  {padding-left:150px;}
.container_24 .prefix_4  {padding-left:200px;}
.container_24 .prefix_5  {padding-left:250px;}
.container_24 .prefix_6  {padding-left:300px;}
.container_24 .prefix_7  {padding-left:350px;}
.container_24 .prefix_8  {padding-left:400px;}
.container_24 .prefix_9  {padding-left:450px;}
.container_24 .prefix_10 {padding-left:500px;}
.container_24 .prefix_11 {padding-left:550px;}
.container_24 .prefix_12 {padding-left:600px;}
.container_24 .prefix_13 {padding-left:650px;}
.container_24 .prefix_14 {padding-left:700px;}
.container_24 .prefix_15 {padding-left:750px;}
.container_24 .prefix_16 {padding-left:800px;}
.container_24 .prefix_17 {padding-left:850px;}
.container_24 .prefix_18 {padding-left:900px;}
.container_24 .prefix_19 {padding-left:950px;}
.container_24 .prefix_20 {padding-left:1000px;}
.container_24 .prefix_21 {padding-left:1050px;}
.container_24 .prefix_22 {padding-left:1100px;}
.container_24 .prefix_23 {padding-left:1150px;}

/* Suffix Extra Space >> 24 Columns */
.container_24 .suffix_1  {padding-right:50px;}
.container_24 .suffix_2  {padding-right:100px;}
.container_24 .suffix_3  {padding-right:150px;}
.container_24 .suffix_4  {padding-right:200px;}
.container_24 .suffix_5  {padding-right:250px;}
.container_24 .suffix_6  {padding-right:300px;}
.container_24 .suffix_7  {padding-right:350px;}
.container_24 .suffix_8  {padding-right:400px;}
.container_24 .suffix_9  {padding-right:450px;}
.container_24 .suffix_10 {padding-right:500px;}
.container_24 .suffix_11 {padding-right:550px;}
.container_24 .suffix_12 {padding-right:600px;}
.container_24 .suffix_13 {padding-right:650px;}
.container_24 .suffix_14 {padding-right:700px;}
.container_24 .suffix_15 {padding-right:750px;}
.container_24 .suffix_16 {padding-right:800px;}
.container_24 .suffix_17 {padding-right:850px;}
.container_24 .suffix_18 {padding-right:900px;}
.container_24 .suffix_19 {padding-right:950px;}
.container_24 .suffix_20 {padding-right:1000px;}
.container_24 .suffix_21 {padding-right:1050px;}
.container_24 .suffix_22 {padding-right:1100px;}
.container_24 .suffix_23 {padding-right:1150px;}

/* twin & triple columns */
.dgrid_3 {float:left; width:140px;}
.dgrid_4 {float:left; width:190px;}
.dgrid_5 {float:left; width:240px;}
.dgrid_6 {float:left; width:290px;}
	.dgrid_3:first-child, .dgrid_4:first-child, .dgrid_5:first-child, .dgrid_6:first-child {margin-right:10px;}

.tgrid_3 {float:left; width:140px; margin-right:10px;}
.tgrid_4 {float:left; width:190px; margin-right:10px;}
	.tgrid_3:last-child, .tgrid_4:last-child {margin-right:0px;}


/* #Tablet (Portrait)
================================================== */

	/* Note: Design for a width of 768px */

	@media only screen and (max-width: 995px) {
		.container_24				{width: 768px;}
		.container_24 .grid_1		{width: 22px;}
		.container_24 .grid_2		{width: 54px;}
		.container_24 .grid_3		{width: 86px;}
		.container_24 .grid_4		{width: 118px;}
		.container_24 .grid_5		{width: 150px;}
		.container_24 .grid_6		{width: 182px;}
		.container_24 .grid_7		{width: 214px;}
		.container_24 .grid_8		{width: 246px;}
		.container_24 .grid_9		{width: 278px;}
		.container_24 .grid_10		{width: 310px;}
		.container_24 .grid_11		{width: 342px;}
		.container_24 .grid_12		{width: 374px;}
		.container_24 .grid_13		{width: 406px;}
		.container_24 .grid_14		{width: 438px;}
		.container_24 .grid_15		{width: 470px;}
		.container_24 .grid_16		{width: 502px;}
		.container_24 .grid_17		{width: 534px;}
		.container_24 .grid_18		{width: 566px;}
		.container_24 .grid_19		{width: 598px;}
		.container_24 .grid_20		{width: 630px;}
		.container_24 .grid_21		{width: 662px;}
		.container_24 .grid_22		{width: 694px;}
		.container_24 .grid_23		{width: 726px;}
		.container_24 .grid_24 		{width: 758px;}

		/* Prefix Extra Space >> 24 Columns */
		.container_24 .prefix_1		{padding-left:32px;}
		.container_24 .prefix_2		{padding-left:64px;}
		.container_24 .prefix_3		{padding-left:96px;}
		.container_24 .prefix_4		{padding-left:128px;}
		.container_24 .prefix_5		{padding-left:160px;}
		.container_24 .prefix_6		{padding-left:192px;}
		.container_24 .prefix_7		{padding-left:224px;}
		.container_24 .prefix_8		{padding-left:256px;}
		.container_24 .prefix_9		{padding-left:288px;}
		.container_24 .prefix_10	{padding-left:320px;}
		.container_24 .prefix_11	{padding-left:352px;}
		.container_24 .prefix_12	{padding-left:384px;}
		.container_24 .prefix_13	{padding-left:416px;}
		.container_24 .prefix_14	{padding-left:448px;}
		.container_24 .prefix_15	{padding-left:480px;}
		.container_24 .prefix_16	{padding-left:512px;}
		.container_24 .prefix_17	{padding-left:544px;}
		.container_24 .prefix_18	{padding-left:576px;}
		.container_24 .prefix_19	{padding-left:608px;}
		.container_24 .prefix_20	{padding-left:640px;}
		.container_24 .prefix_21	{padding-left:672px;}
		.container_24 .prefix_22	{padding-left:704px;}
		.container_24 .prefix_23	{padding-left:736px;}

		/* Suffix Extra Space >> 24 Columns */
		.container_24 .suffix_1 {padding-right:32px;}
		.container_24 .suffix_2 {padding-right:64px;}
		.container_24 .suffix_3 {padding-right:96px;}
		.container_24 .suffix_4 {padding-right:128px;}
		.container_24 .suffix_5 {padding-right:160px;}
		.container_24 .suffix_6 {padding-right:192px;}
		.container_24 .suffix_7 {padding-right:224px;}
		.container_24 .suffix_8 {padding-right:256px;}
		.container_24 .suffix_9 {padding-right:288px;}
		.container_24 .suffix_10 {padding-right:320px;}
		.container_24 .suffix_11 {padding-right:352px;}
		.container_24 .suffix_12 {padding-right:384px;}
		.container_24 .suffix_13 {padding-right:416px;}
		.container_24 .suffix_14 {padding-right:448px;}
		.container_24 .suffix_15 {padding-right:480px;}
		.container_24 .suffix_16 {padding-right:512px;}
		.container_24 .suffix_17 {padding-right:544px;}
		.container_24 .suffix_18 {padding-right:576px;}
		.container_24 .suffix_19 {padding-right:608px;}
		.container_24 .suffix_20 {padding-right:640px;}
		.container_24 .suffix_21 {padding-right:672px;}
		.container_24 .suffix_22 {padding-right:704px;}
		.container_24 .suffix_23 {padding-right:736px;}
		
		/*twin columns*/
		.dgrid_3{width:86px;}
		.dgrid_4{width:118px;}
		.dgrid_5{width:150px;}
		.dgrid_6{width:182px;}
		/*triple columns*/
		.tgrid_3{width:86px;}
		.tgrid_4{width:118px;}
		
		/*styles*/
		img{width:100%; height:auto;}
		.hide-tp{display:none !important;}
		.img-indent-none-tp{float:none !important; margin-right:0 !important; margin-bottom:20px !important;}
		.clear-tp{display:block; clear:both !important; padding-top:20px !important;}
		.extra-wrap-none-tp{overflow:visible !important;}
	}

/* #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	@media only screen and (max-width: 767px) {
		.container_24 {width: 420px;}
		.container_24 .grid_1,
		.container_24 .grid_2,
		.container_24 .grid_3,
		.container_24 .grid_4,
		.container_24 .grid_5,
		.container_24 .grid_6,
		.container_24 .grid_7,
		.container_24 .grid_8,
		.container_24 .grid_9,
		.container_24 .grid_10,
		.container_24 .grid_11,
		.container_24 .grid_12,
		.container_24 .grid_13,
		.container_24 .grid_14,
		.container_24 .grid_15,
		.container_24 .grid_16,
		.container_24 .grid_17,
		.container_24 .grid_18,
		.container_24 .grid_19,
		.container_24 .grid_20,
		.container_24 .grid_21,
		.container_24 .grid_22,
		.container_24 .grid_23,
		.container_24 .grid_24{width: 420px; margin-left: 0; margin-right:0;}
		
		.container_24 .grid_1,
		.container_24 .grid_2,
		.container_24 .grid_3,
		.container_24 .grid_4,
		.container_24 .grid_5,
		.container_24 .grid_6,
		.container_24 .grid_7,
		.container_24 .grid_8,
		.container_24 .grid_9,
		.container_24 .grid_10,
		.container_24 .grid_11,
		.container_24 .grid_12,
		.container_24 .grid_13,
		.container_24 .grid_14,
		.container_24 .grid_15,
		.container_24 .grid_16,
		.container_24 .grid_17,
		.container_24 .grid_18,
		.container_24 .grid_19,
		.container_24 .grid_20,
		.container_24 .grid_21,
		.container_24 .grid_22,
		.container_24 .grid_23{margin-bottom:30px;}
		
		/* Prefix Extra Space >> 12 Columns */
		.container_24 .prefix_1,
		.container_24 .prefix_2,
		.container_24 .prefix_3,
		.container_24 .prefix_4,
		.container_24 .prefix_5,
		.container_24 .prefix_6,
		.container_24 .prefix_7,
		.container_24 .prefix_8,
		.container_24 .prefix_9,
		.container_24 .prefix_10,
		.container_24 .prefix_11,
		.container_24 .prefix_12,
		.container_24 .prefix_13,
		.container_24 .prefix_14,
		.container_24 .prefix_15,
		.container_24 .prefix_16,
		.container_24 .prefix_17,
		.container_24 .prefix_18,
		.container_24 .prefix_19,
		.container_24 .prefix_20,
		.container_24 .prefix_21,
		.container_24 .prefix_22,
		.container_24 .prefix_23{padding-left:0;}

		/* Suffix Extra Space >> 12 Columns */
		.container_24 .suffix_1,
		.container_24 .suffix_2,
		.container_24 .suffix_3,
		.container_24 .suffix_4,
		.container_24 .suffix_5,
		.container_24 .suffix_6,
		.container_24 .suffix_7,
		.container_24 .suffix_8,
		.container_24 .suffix_9,
		.container_24 .suffix_10,
		.container_24 .suffix_11,
		.container_24 .suffix_12,
		.container_24 .suffix_13,
		.container_24 .suffix_14,
		.container_24 .suffix_15,
		.container_24 .suffix_16,
		.container_24 .suffix_17,
		.container_24 .suffix_18,
		.container_24 .suffix_19,
		.container_24 .suffix_20,
		.container_24 .suffix_21,
		.container_24 .suffix_22,
		.container_24 .suffix_23{padding-right:0;}
		
		/*twin columns*/
		.dgrid_3, .dgrid_4, .dgrid_5, .dgrid_6{width:205px;}
		/*triple columns*/
		.tgrid_3, .tgrid_4{width:133px;}
		
		/*styles*/
		.last-col{margin-bottom:0 !important;}
		.hide-ml{display:none !important;}
		.img-indent-none-ml{float:none !important; margin-right:0 !important; margin-bottom:20px !important;}
		.clear-ml{display:block; clear:both !important; padding-top:20px !important;}
		.extra-wrap-none-ml{overflow:visible !important;}
	}

/*  #Mobile (Portrait)
================================================== */

	/* Note: Design for a width of 320px */

	@media only screen and (max-width: 479px) {
		.container_24 {width: 300px;}
		.container_24 .grid_1,
		.container_24 .grid_2,
		.container_24 .grid_3,
		.container_24 .grid_4,
		.container_24 .grid_5,
		.container_24 .grid_6,
		.container_24 .grid_7,
		.container_24 .grid_8,
		.container_24 .grid_9,
		.container_24 .grid_10,
		.container_24 .grid_11,
		.container_24 .grid_12,
		.container_24 .grid_13,
		.container_24 .grid_14,
		.container_24 .grid_15,
		.container_24 .grid_16,
		.container_24 .grid_17,
		.container_24 .grid_18,
		.container_24 .grid_19,
		.container_24 .grid_20,
		.container_24 .grid_21,
		.container_24 .grid_22,
		.container_24 .grid_23,
		.container_24 .grid_24{width: 300px;}
		
		/*twin columns*/
		.dgrid_3, .dgrid_4, .dgrid_5{width:145px;}
		.dgrid_6{width:300px;}
			.dgrid_6:first-child{margin-right:0; margin-bottom:30px;}
		/*twin columns*/
		.tgrid_3, .tgrid_4{width:93px;}

		/*styles*/
		.hide-mp{display:none !important;}
		.img-indent-none-mp{float:none !important; margin-right:0 !important; margin-bottom:20px !important;}
		.clear-mp{display:block; clear:both !important; padding-top:20px !important;}
		.extra-wrap-none-mp{overflow:visible !important;}
	}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
	.container_24:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after {clear: both;}
.row, .clearfix {zoom: 1;}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}