html,
body
{
      

	background-color: black;

	padding: 0;
  
	margin: 0;
  
	font-family: Arial, sans-serif;
}



/* hide horizontal scrollbars, since we use the vertical ones to scroll to the right */








body
{
  
	background: url('../images/bgfotogal.jpg')  fixed no-repeat center;    /* tlo strony pod DIV-ami   stojace   */
	background-size:100%;			/* tlo strony pod DIV-ami    i na cala strone*/
	margin-top: -43px;
  
	overflow-x: hidden;
  
	repPeat toOp leEft;

}




h1

{
  
	font-size: 4em;
  				/* lub 65px ale lepiej 4em*/
	font-family: Arial Black, sans-serif;
	font-weight: normal;
  
	color: black;

	text-shadow:4px 5px 8px #e2e2e2;
	text-align: center;

}




h2
{
	font-size: 55px;
  
	text-align: center;
	margin-right: auto; 
	margin-left: auto; 
	width: 1000px;
	marXXgin: 20px 300px 20px 300px;			/* margines - gora prawa dol lewa */
	z-index: 0;

}





h7
{
	font-size: 20px;
  
	text-align: center;
	margin-right: auto; 
	margin-left: auto; 
	width: 1000px;
	margin: 0px 0px 0px 0px;			/* margines - gora prawa dol lewa */
	z-index: 0;

}





#tresc
{ 


	backXXXground: black;					/* t這 pod zdjeciami */
	backXXXXground: transparent;					/* t這 pod zdjeciami */
	  backXground: -webkit-linear-gradient(#459aff, #e7ff45); 	/* For Safari 5.1 to 6.0 */
  	  backXground: -o-linear-gradient(#459aff, #e7ff45); 	/* For Opera 11.1 to 12.0 */
  	  backXground: -moz-linear-gradient(#459aff, #e7ff45); 	/* For Firefox 3.6 to 15 */
  	  backXground: linear-gradient(#459aff, #e7ff45); 		/* Standard syntax */

	background-position:  center; 
	width: 1000px;					/* szeroosc DIV-a */
	height: auto;					/* wysokosc DIV-a */
 	border-radius: 20px 20px 20px 20px; 			/* zaokraglenie DIV-a */
	padXXding: 20px 8px 8px 8px; 		/* odleglosc tekstu od krawedzi DIV-a gora lewa*/
	
}



a {
	color: #1a2d11;						/*  linki  DIV-a g這wnrgo */
	text-decoration: none;				/* dekoracja LINKOW DIV-a g這wnrgo */

}
a:hover {
	color: #006413;						/*  linki  DIV-a g這wnrgo */
	text-decoration: none;					/*  linki  DIV-a g這wnrgo */

	
}







							/*  ust powiekszania obrazka */
.postimg 
{
    opacity: 1.0;
    filter: alpha(opacity=100); 				/* For IE8 and earlier */
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
    transition: transform 0.9s;
}


.postimg:hover 
{
	z-index:999;
	position: relative;
    opacity: 1.0;
    filter: alpha(opacity=100); 				/* For IE8 and earlier */
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
    -webkit-transform: scale(1.95); /* all webkit  optymalnie 1.65*/
    -ms-transform: scale(1.95); /* IE 9 */
    -moz-transform: scale(1.95); /* firefox 15 and older */
    -o-transform: scale(1.95); /* opera 12 and older */
    transform: scale(1.95);
}
							/*  KONIEC  ust powiekszania obrazka */






							/*  ust czarno-bia貫 obrazka */
.postimXXXXXXXg
{ -webkit-transition:
all 1s ease; -moz-transition:
all 1s ease; -o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease; }
.postimXXXXXXXXg:hover { -webkit-filter:
grayscale(100%); }
							/*  KONIEC  ust czarno-bia貫 obrazka */




/**
  * important: keep position fixed, you can however use top:0 instead of bottom:0
  * if you want to make it stick to the top of the browser
  */



.scroll
{
  
	position: fixed;
  
	bottom: 0;
  
	left: 0;

}




/**
  * z-index ordering of the different layers, do this for your layers,
  * also assign absolute width (to prevent issues if the script gets executed before the images get loaded)
  */



.horizon
{
  
	z-index: 1;
  
	width: 3000px;

}



.middle
{
  
	z-index: 500;
  
	width: 4000px;

}



.front
{
  
	z-index: 900;
  
	width: 6000px;

}








ul {
padding: 0px;
text-align: center;
}
li {
display: inline-block; (inline dla IE lte 7);
	padding: 30px 9px 0px 9px; 		/* odleglosc gora prawa dol lewa  */
}
img {
vertical-align: middle;
}







.home
{
	list-style: none;					/* styl listy buttonow przyciskow MENU */
	position: fixed;					/* pozycja buttonow przyciskow MENU */
	left: 12px;			/* polozemie buttonow przyciskow MENU right */
	top: -12px;				/* polozemie buttonow przyciskow MENU d馧 */
    	opacity: 0.2;
    	filter: alpha(opacity=10); 					/* For IE8 and earlier */
}

.home li
{
display: inline-block; (inline dla IE lte 7);
}