html, body
{
    
	backgrXXXound: rgba(0, 0, 0, 1.0);			/*  kolor i przezroczystosc t豉*/
	background-color: black;			/*  kolor i przezroczystosc t豉*/
	height: 100%;	
	padding: 0px;
  
	margin: -21px;
  
	font-family: Arial, sans-serif;
	background: url('../images/bglink.jpg')  fixed no-repeat center;    /* tlo strony pod DIV-ami   stojace   */
	backgXXXround-size: 100%;			/* tlo strony pod DIV-ami    i na cala strone*/
}



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








body
{
  




/* ---------------------------            SEKCJA DOPASOWANIA WYSOKOSCI DIV-a             -----------------------------*/
	heiXXght: 3000px;			/*       WYSOKOSC MUSZE DOPASOWAC DO TRESCI       */
/* ---------------------------           KONIEC SEKCJI DOPASOWANIA WYSOKOSCI DIV-a       ------------------------*/


	marXXXgin-top: -43px;
 
	overflow-x: hidden;
  
	background-color: black;			/*  kolor i przezroczystosc t豉*/
	background: url('../images/bglink.jpg')
	repPeat toOp leEft;

  z-index: -99;
}




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: 100%;				/* wysokosc DIV-a */
 	border-radius: 20px 20px 20px 20px; 			/* zaokraglenie DIV-a */
	padding: 0px 10px 0px 10px; 		/* odleglosc gora prawa dol lewa  */
	
}






p.left
{
	font-size: 18px;
  
	line-height: 20px;					/* interlinia */
	text-align: left;
	color: #642829;
	margin: 130px 10px 0px 10px;				/* margines - gora prawa dol lewa */
	z-index: 0;
}


p.right
{
	font-size: 18px;
  
	line-height: 20px;;					/* interlinia */
	text-align: right;
	color: white;
	margin: 130px 10px 0px 10px;				/* margines - gora prawa dol lewa */
	z-index: 0;
}








h4
{
	font-size: 32px;
  
	color: #642829;
	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: #642829;
	text-shadow:1px 2px 3px #7f7f7f;
	margin: 0px 0px 0px 0px;				/* margines - gora prawa dol lewa */
	z-index: 0;

}






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


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








imXXXg {
    transition: transform 0.5s;
}

imXXXg:hover {
    -webkit-transform: scale(1.25); /* all webkit */
    -ms-transform: scale(1.25); /* IE 9 */
    -moz-transform: scale(1.25); /* firefox 15 and older */
    -o-transform: scale(1.25); /* opera 12 and older */
    transform: scale(2.25);
}















.columna 	
{
	background-color: transparent;					
	width:47%; 
	float:left; 
	padding: 0px 0px 0px 15px;			 /*  gora prawa d馧 lewa */
}









.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 */
}