@charset "utf-8";
/* 
 * (c) 2012 Wolfdesign - web studio ☆ www.wolfdesign.cz
 */

/* =============================================================================
   Základní zobrazení 960px
   ========================================================================== */
	.gridContainer { position: relative; width: 960px; margin: 0 auto; padding: 0; }

	.gridContainer .grid_1,
	.gridContainer .grid_2,
	.gridContainer .grid_3,
	.gridContainer .grid_4,
	.gridContainer .grid_5,
	.gridContainer .grid_6,
	.gridContainer .grid_7,
	.gridContainer .grid_8,
	.gridContainer .grid_9,
	.gridContainer .grid_10,
	.gridContainer .grid_11,
	.gridContainer .grid_12,
	.gridContainer .grid_13,
	.gridContainer .grid_14,
	.gridContainer .grid_15,
	.gridContainer .grid_16 { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

	.gridContainer .grid_1.alpha,
	.gridContainer .grid_2.alpha,
	.gridContainer .grid_3.alpha,
	.gridContainer .grid_4.alpha,
	.gridContainer .grid_5.alpha,
	.gridContainer .grid_6.alpha,
	.gridContainer .grid_7.alpha,
	.gridContainer .grid_8.alpha,
	.gridContainer .grid_9.alpha,
	.gridContainer .grid_10.alpha,
	.gridContainer .grid_11.alpha,
	.gridContainer .grid_12.alpha,
	.gridContainer .grid_13.alpha,
	.gridContainer .grid_14.alpha,
	.gridContainer .grid_15.alpha,
	.gridContainer .grid_16.alpha { margin-left: 0; }

	.gridContainer .grid_1.omega,
	.gridContainer .grid_2.omega,
	.gridContainer .grid_3.omega,
	.gridContainer .grid_4.omega,
	.gridContainer .grid_5.omega,
	.gridContainer .grid_6.omega,
	.gridContainer .grid_7.omega,
	.gridContainer .grid_8.omega,
	.gridContainer .grid_9.omega,
	.gridContainer .grid_10.omega,
	.gridContainer .grid_11.omega,
	.gridContainer .grid_12.omega,
	.gridContainer .grid_13.omega,
	.gridContainer .grid_14.omega,
	.gridContainer .grid_15.omega,
	.gridContainer .grid_16.omega { margin-right: 0; }

    .gridContainer .grid_1  { width: 40px; }
    .gridContainer .grid_2  { width: 100px; }
    .gridContainer .grid_3  { width: 160px; }
    .gridContainer .grid_4  { width: 220px; }
    .gridContainer .grid_5  { width: 280px; }
    .gridContainer .grid_6  { width: 340px; }
    .gridContainer .grid_7  { width: 400px; }
    .gridContainer .grid_8  { width: 460px; }
    .gridContainer .grid_9  { width: 520px; }
    .gridContainer .grid_10 { width: 580px; }
    .gridContainer .grid_11 { width: 640px; }
    .gridContainer .grid_12 { width: 700px; }
    .gridContainer .grid_13 { width: 760px; }
    .gridContainer .grid_14 { width: 820px; }
    .gridContainer .grid_15 { width: 880px; }
    .gridContainer .grid_16 { width: 940px; }
	
    .gridContainer .prefix_1  { padding-left: 60px; }
    .gridContainer .prefix_2  { padding-left: 120px; }
    .gridContainer .prefix_3  { padding-left: 180px; }
    .gridContainer .prefix_4  { padding-left: 240px; }
    .gridContainer .prefix_5  { padding-left: 300px; }
    .gridContainer .prefix_6  { padding-left: 360px; }
    .gridContainer .prefix_7  { padding-left: 420px; }
    .gridContainer .prefix_8  { padding-left: 480px; }
    .gridContainer .prefix_9  { padding-left: 540px; }
    .gridContainer .prefix_10 { padding-left: 600px; }
    .gridContainer .prefix_11 { padding-left: 660px; }
    .gridContainer .prefix_12 { padding-left: 720px; }
    .gridContainer .prefix_13 { padding-left: 780px; }
    .gridContainer .prefix_14 { padding-left: 840px; }
    .gridContainer .prefix_15 { padding-left: 900px; }

/* =============================================================================
   Zobrazení pro tablety (dědí styly ze základního zobrazení)
   ========================================================================== */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.gridContainer { width: 768px; }

    .gridContainer .grid_1  { width: 28px; }
    .gridContainer .grid_2  { width: 76px; }
    .gridContainer .grid_3  { width: 124px; }
    .gridContainer .grid_4  { width: 172px; }
    .gridContainer .grid_5  { width: 220px; }
    .gridContainer .grid_6  { width: 268px; }
    .gridContainer .grid_7  { width: 316px; }
    .gridContainer .grid_8  { width: 364px; }
    .gridContainer .grid_9  { width: 412px; }
    .gridContainer .grid_10 { width: 460px; }
    .gridContainer .grid_11 { width: 508px; }
    .gridContainer .grid_12 { width: 556px; }
    .gridContainer .grid_13 { width: 604px; }
    .gridContainer .grid_14 { width: 652px; }
    .gridContainer .grid_15 { width: 700px; }
    .gridContainer .grid_16 { width: 748px; }
	
    .gridContainer .prefix_1  { padding-left: 48px; }
    .gridContainer .prefix_2  { padding-left: 96px; }
    .gridContainer .prefix_3  { padding-left: 144px; }
    .gridContainer .prefix_4  { padding-left: 192px; }
    .gridContainer .prefix_5  { padding-left: 240px; }
    .gridContainer .prefix_6  { padding-left: 288px; }
    .gridContainer .prefix_7  { padding-left: 336px; }
    .gridContainer .prefix_8  { padding-left: 384px; }
    .gridContainer .prefix_9  { padding-left: 432px; }
    .gridContainer .prefix_10 { padding-left: 480px; }
    .gridContainer .prefix_11 { padding-left: 528px; }
    .gridContainer .prefix_12 { padding-left: 576px; }
    .gridContainer .prefix_13 { padding-left: 624px; }
    .gridContainer .prefix_14 { padding-left: 672px; }
    .gridContainer .prefix_15 { padding-left: 720px; }

	}
/* =============================================================================
   Zobrazení pro smartphony (dědí styly ze základního zobrazení)
   ========================================================================== */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	.gridContainer { width: 480px; }

    .gridContainer .grid_1,
    .gridContainer .grid_2,
    .gridContainer .grid_3,
    .gridContainer .grid_4,
    .gridContainer .grid_5,
    .gridContainer .grid_6,
    .gridContainer .grid_7,
    .gridContainer .grid_8,
    .gridContainer .grid_9,
    .gridContainer .grid_10,
    .gridContainer .grid_11,
    .gridContainer .grid_12,
    .gridContainer .grid_13,
    .gridContainer .grid_14,
    .gridContainer .grid_15,
    .gridContainer .grid_16 { width: 460px; }
   
	}
/* =============================================================================
   Zobrazení pro male displaye (dědí styly ze základního zobrazení)
   ========================================================================== */
	@media only screen and (max-width: 479px) {
	.gridContainer { width: 320px; }

	.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 { margin: 0; }

    .gridContainer .grid_1,
    .gridContainer .grid_2,
    .gridContainer .grid_3,
    .gridContainer .grid_4,
    .gridContainer .grid_5,
    .gridContainer .grid_6,
    .gridContainer .grid_7,
    .gridContainer .grid_8,
    .gridContainer .grid_9,
    .gridContainer .grid_10,
    .gridContainer .grid_11,
    .gridContainer .grid_12,
    .gridContainer .grid_13,
    .gridContainer .grid_14,
    .gridContainer .grid_15,
    .gridContainer .grid_16 { width: 320px; }

	}
/* =============================================================================
   Clear
   ========================================================================== */
	.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; zoom: 1;}