* { 
	  margin:0; 
	  padding:0;
	  outline: 0;
	  letter-spacing: 0.2pt;
	  /* text-rendering: optimizeLegibility; */
	   font-feature-settings: "salt";
		-webkit-font-feature-settings: "salt";
		-o-font-feature-settings: "salt";
		-moz-font-feature-settings: "salt";
		-ms-font-feature-settings: "salt";
	  
	  
  }
  
  body
  {

	font-family: merlogrotesque-Regular;
	font-size: 14px;
	width: 100%;
	color: #333333;

    
  }
  

  #wrapper
    {
	font-family: merlogrotesque-Regular;
	font-size: 14px;
	min-width: 200px;
	max-width: 1100px;
	margin: 0 auto;

   }
   
   #czcionka1
   {
	   font-family: merloneue-bold;
	   font-size: 32px;
   }
   
   #czcionka2
   {
	   font-family: merloneue-regularitalic;
	   font-size: 42px;
   }
   
   #czcionka3
   {
	   font-family: cervoneue-bold;
	   font-size: 90px;
	   /* color: #ff0000; */
   }
   
	#czcionka4
   {
	   font-family: merlogrotesque-regular;
	   font-size: 14px;
	   
   }
   
   /* style="border:0; color:#000000; text-align: left; visibility: inherit;font-family: merlogrotesque-regular; line-height:2em" */
   
   #czcionka5
   {
	   font-family: toppo-regular;
	   font-size: 164px;
	   
	  
   }
  
  
  
  label
  {
	  padding-bottom: 5px;

  }
  
  #panel_top
  {
    box-sizing: border-box;
	width: 100%;
	height: 35px;
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	padding: 10px 10px;
	display:none;
	
  }
  
  #panel_lewy
  {
    box-sizing: border-box;
	float: left;
	background: rgb(255,255,255);
	color: rgb(0,0,0);
	padding: 0px 20px;
	
  }
   	  
  
  #panel_prawy
  {

	width: 100%;
	margin-right: -5px;
	

	
  }
  
  @media screen and (min-width: 500px)
  {
	  #panel_lewy
	  {
		width: 240px;
		position: fixed;
		overflow-x: hidden;
		overflow-y: auto;
	  }
	  
	  #mainTekst
	  {
		box-sizing: border-box;
		width: auto;
		min-width: 200px;
		height: auto;
		
		padding: 20px 0px;
		margin-left: 240px;
		margin-right: 5px;
		
	  }
	  #mainTekst > * { margin:0 5px;}
  
	  #rodzina-menu, #odmiana-menu, #jaki_tekst-menu, #text_align-menu, #text_kol-menu
	  {
		  width: 210px;
		  /* margin-left: 10px; */
		  /* padding-left: 10px; */
		  /* padding-bottom: 600px; */
		  font-size:14px;
		  font-family: merlogrotesque-Regular;
		  border: 0;
		  border-radius: 0;
		  /* border-bottom: 1px solid red; */
		  
		  -webkit-box-shadow: 0 4px 4px rgba(255,0,0,0.08);
			box-shadow:0 4px 4px rgba(255,0,0,0.08)
		  
	  }
  
    #rodzina-button, #odmiana-button, #jaki_tekst-button, #text_align-button, #text_kol-button
	  {
		  width: 180px;
		  font-size:14px;
		  font-family: merlogrotesque-Regular;
		  border: 0;
		  border-radius: 0;
		  border-bottom: 1px solid white;
		  
	  }
	  
	    img.logo
	  {
		 margin-top: 20px;
		 margin-left: 60px; */

	  }
  
  
  }
  
  @media screen and (max-width: 500px)
  {
	  #panel_lewy
	  {
		width: 100%;
		margin-bottom: 20px;

	  }
	  
	  #mainTekst
	  {
		box-sizing: border-box;
		width: auto;
		min-width: 200px;
		height: auto;
		
		padding: 0px 0px;
		margin-left: 0px;
		margin-right: 5px;

		
	  }
	  #mainTekst > * { margin:0 0px;}
	  
	  #rodzina-menu, #odmiana-menu, #jaki_tekst-menu, #text_align-menu, #text_kol-menu
	  {
		  width: 100%;
		  /* margin-left: 0px; */
		  /* margin-right: 10px; */
		  /* padding-left: 10px; */
		  font-size:14px;
		  font-family: merlogrotesque-Regular;
		  border: 0;
		  border-radius: 0;
		  
		  /* border-bottom: 1px solid red; */
		  
	  }
	  #rodzina-menu
	  {
		  /* min-height: 580px; */
		-webkit-box-shadow: 0 1px 1px rgba(255,0,0,0.08);
		box-shadow:0 4px 4px rgba(255,0,0,0.08)
	  }
	  #odmiana-menu
	  {
		  /* min-height: 500px; */
		  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08);
		box-shadow:0 4px 4px rgba(0,0,0,0.08)
	  }
	  #jaki_tekst-menu
	  {
		  /* min-height: 430px; */
		  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08);
		box-shadow:0 4px 4px rgba(0,0,0,0.08)
	  }
	  #text_align-menu
	  {
		  /* min-height: 350px; */
		  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08);
		box-shadow:0 4px 4px rgba(0,0,0,0.08)
	  }
	  #text_kol-menu
	  {
		  /* min-height: 290px; */
		  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08);
		box-shadow:0 4px 4px rgba(0,0,0,0.08)
	  }
	  
	  
	  
	  #rodzina-button, #odmiana-button, #jaki_tekst-button, #text_align-button, #text_kol-button
	  {
		  width: 92%; /* długość czerwonej kreski pod menu */

		  font-size:14px;
		  font-family: merlogrotesque-Regular;
		  border: 0;
		  border-radius: 0;
		  border-bottom: 1px solid white;
		  
		  
		  
	  }
	  
	    img.logo
	  {
		 margin-top: 10px;
		 margin-left: 0px; */

	  }
  
	  
  }
  
   div.logo
  {
	  height: 90px;
	  
  }


  
  
  #info_font
  {
	
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	
  }
  
  #roboczy
  {
    box-sizing: border-box;
	width: 100%;
	float: left;
	min-width: 340px;
	
	
  }
  

  
  
  
  
  .tekstTestXXX:hover
  {
	  transform: scale(1.5);
  }
  
    .tekstTest
  {
	  /* box-shadow: 0 0 10px rgb(100,100,100); */
	  border: 0;

  }
  
  
  /*czerwone kreski pod tekstem */
  
  /*staly margines, zeby teksty nie skakaly*/
    .tekstKontener
  {
	  border-bottom: 1px solid white;
  }
    
  .tekstTest
  {
	  border-bottom: 1px solid white;
  }
  
  /*zmiana na czerowna kreske dla fokus i hover*/
  
  /* .tekstKontener:hover */
  /* { */
	  /* border-bottom: 1px solid red; */
  /* } */
  
  /* .tekstKontener:focus */
  /* { */
	  /* border-bottom: 1px solid red; */
  /* } */
  
  
  .tekstTest:hover
  {
	  border-bottom: 1px solid red;
  }
  
  .tekstTest:focus
  {
	  border-bottom: 1px solid red;
  }
  /* koniec czerwone kreski pod tekstem */
  
  
.kol4
{
	display: block;
	column-count:4;
	column-gap: 2em;
	column-rule: thin dotted #999;
	column-width: auto;
	max-height: 19em;
	overflow: hidden;
	
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
	-webkit-column-gap:2em;
	-moz-column-gap:2em;
}

.kol3
{
	display: block;
	column-count:3;
	column-gap: 2em;
	column-rule: thin dotted #999;
	column-width: auto;
	max-height: 19em;
	overflow: hidden;
}

.kol2
{
	display: block;
	column-count:2;
	column-gap: 2em;
	column-rule: thin dotted #999;
	column-width: auto;
	max-height: 19em;
	overflow: hidden;
}

.kol1
{
	display: block;

}
 
  .tekstKontener
  {
    box-sizing: border-box;
	width: auto;
	min-width: 200px;
	height: auto;
	padding: 0px 20px;


  } 
  
  
  .tekstTest 
  {
	width: auto;
	height: auto;
	margin-left: 0px;
	padding: 10px;
	
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
   hyphens: auto;
   hyphenate-character: "\2010";
	

  }
  
 

  #rodzina {
    float: left;
    clear: left;
    width: 300px;
    margin: 10px;
  }
  
 
  #odmiana {
    float: left;
    clear: left;
    width: 300px;
    margin: 10px;
  }  
  
  #jaki_tekst {
    float: left;
    clear: left;
    width: 300px;
    margin: 10px;
  }
  
  #text_align {
    float: left;
    clear: left;
    width: 300px;
    margin: 10px;
  } 

  
  /* #rodzina-button, #rodzina-button */
  /* { */
	 
	  /* border-bottom: 1px solid red; */
  /* }   */

  
  #rodzina-button:hover, #rodzina-button:focus
  {
	 
	  border-bottom: 1px solid red;
  }
  
  #odmiana-button:hover, #odmiana-button:focus
  {
	  border-bottom: 1px solid red;
  }
  
  #jaki_teksta-button:hover, #jaki_tekst-button:focus
  {
	  border-bottom: 1px solid red;
  }
  #text_align-button:hover, #text_align-button:focus
  {
	  border-bottom: 1px solid red;
  }
  #text_kol-button:hover, #text_kol-button:focus
  {
	  border-bottom: 1px solid red;
  }  
  


  
	

	/* .ui-widget.ui-widget-content  */
	/* { */
		/* border: 0 solid #000000; */
	/* } */
	
/* span.ui-slider-handle */
/* { */
	/* background: #000000; */
	/* border:0; */
/* } */
	
	
  #slider_font_size {
 
    width: 200px;
    margin: 10px;
  }
  
  #slider_interlinia {

    
    width: 200px;
    margin: 10px;
  }  
  
  .ui-slider-horizontal 
  {
    height: 0.8px;
  }
  
  #slider_font_size .ui-slider-range { background: #000; }
  #slider_font_size .ui-slider-handle { border:0; background: #000; }
  #slider_interlinia .ui-slider-range { background: #000; }
  #slider_interlinia .ui-slider-handle { border:0; background: #000; }
  
	#slider_font_size.ui-widget-content 
	{
		border: 0;
		background: #000000;
	}
	#slider_interlinia.ui-widget-content 
	{
		border: 0;
		background: #000000;
	}
	#slider_font_color_R.ui-widget-content 
	{
		border: 0;
		background: #000000;
	}
	#slider_font_color_G.ui-widget-content 
	{
		border: 0;
		background: #000000;
	}
	#slider_font_color_B.ui-widget-content 
	{
		border: 0;
		background: #000000;
	}
	#slider_back_color_R.ui-widget-content 
	{
		border: 0;
		background: #000000;
	}
	#slider_back_color_G.ui-widget-content 
	{
		border: 0;
		background: #000000;
	}
	#slider_back_color_B.ui-widget-content 
	{
		border: 0;
		background: #000000;
	}	
  
  
  #slider_font_color_R, #slider_font_color_G, #slider_font_color_B {
	float: left;
    clear: left;
    
    width: 200px;
    margin: 10px;
  }
  
  

  
  
  #slider_font_color_R .ui-slider-range { background: #ef2929; }
  #slider_font_color_R .ui-slider-handle { border:0; background: #000; }
  #slider_font_color_G .ui-slider-range { background: #8ae234; }
  #slider_font_color_G .ui-slider-handle { border:0; background: #000; }
  #slider_font_color_B .ui-slider-range { background: #729fcf; }
  #slider_font_color_B .ui-slider-handle { border:0; background: #000; }
  
  
  #slider_back_color_R, #slider_back_color_G, #slider_back_color_B {
    float: left;
    clear: left;
    width: 200px;
    margin: 10px;
  }

  #slider_back_color_R .ui-slider-range { background: #ef2929; }
  #slider_back_color_R .ui-slider-handle { border:0; background: #000; }
  #slider_back_color_G .ui-slider-range { background: #8ae234; }
  #slider_back_color_G .ui-slider-handle { border:0; background: #000; }
  #slider_back_color_B .ui-slider-range { background: #729fcf; }
  #slider_back_color_B .ui-slider-handle { border:0; background: #000; }

#rozmiar_label
{

	
	font-family:merlogrotesque-medium;
}
  
#interlinia_label
{

	margin-top: 20px;
	font-family:merlogrotesque-medium;
}

#fc_label
{

	margin-top: 20px;
	font-family:merlogrotesque-medium;
}

  #bc_label
{
	float: left;
    clear: left;
	margin-top: 10px;
	font-family:merlogrotesque-medium;
}
  
  #back_R #back_G #back_B
  {
	width: 100px;
  }
  

  
  fieldset {
      border: 0;
      margin-left: 0px;
    }
	
label 
	{
      display: block;
      margin: 20px 0 0 0;
	  border-bottom: 1px solid #333333;
	  font-family:merlogrotesque-medium;
    }
 
    #cos {
      float: left;
      background: yellow;
      border-radius: 50%;
      width: 150px;
      height: 150px;
    }