html, body
{
      
	background-color: black;
	height: 100%;
	padding: 0px;
  
	margin: -21px;
  
	font-family: Arial, sans-serif;
	background: url('../images/bgzabaw.jpg')  fixed no-repeat center;    /* tlo strony pod DIV-ami   stojace   */
}



/* hide horizontal scrollbars, since we use the vertical ones to scroll to the right */








body
{
  
	background-color: black;			/*  kolor i przezroczystosc t豉*/
	background: url('../images/bglink.jpg') 
	backXXXground-size:100%;			/* tlo strony pod DIV-ami    i na cala strone*/
	height: 100%;					/* wysokosc DIV-a */
	marXXXgin-top: -43px;
 
	overflow-x: hidden;
  
	backXXXground: url('../images/bg.jpg') 
	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;
}







#tresc
{ 


	background: 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 */
	padding: 0px 10px 0px 10px; 		/* odleglosc gora prawa dol lewa  */
	
}

#mainContentP
{ 

	margin: 70px 0px 0px 230px; 		/* the left margin on this div element creates the column down the
					left side of the page - no matter how much content the sidebar1
					div contains, the column space will remain. You can remove this 							margin if you want the #mainContent div's text to fill the
					#sidebar1 space when the content in #sidebar1 ends. */
	padding:  5px 50px 60px 50px; 	   /* odleglosc tekstu od krawedzi DIV-a gora prawa dol lewa*/
	background-color: rgba(255, 236, 139, 0.10);			/*  kolor i przezroczystosc t豉*/
				backXXXground: lightblue; /* DO USUNIECIA */
 	border-radius: 15px 15px 15px 15px; 			/* zaokraglenie DIV-a g這wnrgo */
} 
#mainContentL
{ 

	margin: 70px 230px 0px 0px ; 		/* the left margin on this div element creates the column down the
					left side of the page - no matter how much content the sidebar1
					div contains, the column space will remain. You can remove this 							margin if you want the #mainContent div's text to fill the
					#sidebar1 space when the content in #sidebar1 ends. */
	padding:  5px 50px 60px 50px; 	   /* odleglosc tekstu od krawedzi DIV-a gora prawa dol lewa*/
	background-color: rgba(165, 75, 2, 0.10);			/*  kolor i przezroczystosc t豉*/
				backXXXground: lightblue; /* DO USUNIECIA */
 	border-radius: 15px 15px 15px 15px; 			/* zaokraglenie DIV-a g這wnrgo */
} 






h4
{
	font-size: 32px;
  
	color: white;
	text-shadow:4px 5px 8px #7f7f7f;
	margin: 60px 0px 15px 0px;				/* margines - gora prawa dol lewa */
	z-index: 0;
}


h6
{
	font-size: 19px;
  
	text-align: left;
	color: white;
	text-shadow:4px 5px 8px #7f7f7f;
	margin: 0px 0px 0px 0px;				/* margines - gora prawa dol lewa */
	z-index: 0;
}


p
{
	font-size: 14px;
  
	color: white;
	margin: 0px 0px 0px 0px;				/* margines - gora prawa dol lewa */
	z-index: 0;
}






a {
	color: #ffffff;						/*  linki  DIV-a g這wnrgo */
	text-decoration: none;				/* dekoracja LINKOW DIV-a g這wnrgo */

}
a:hover {
	color: #5f5fff;						/*  linki  DIV-a g這wnrgo */
	text-decoration: none;					/*  linki  DIV-a g這wnrgo */
	
}








img {
    transition: transform 0.5s;
}

img:hover {
    -webkit-transform: scale(1.09); /* all webkit */
    -ms-transform: scale(1.09); /* IE 9 */
    -moz-transform: scale(1.09); /* firefox 15 and older */
    -o-transform: scale(1.09); /* opera 12 and older */
    transform: scale(1.09);
}







.home
{
	list-style: none;					/* styl listy buttonow przyciskow MENU */
	position: fixed;					/* pozycja buttonow przyciskow MENU */
	left: 21px;			/* polozemie buttonow przyciskow MENU right */
	top: 24px;			/* 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);
}














