body {
			background: #0C0B09;
			font-family: "Monotype Corsiva";
			font-size: 15pt;
			color: #000000;
			margin: 0px 0px 0px 0px;
			height: 850px;
			}

a:link, a:visited, a:hover{
			color: #79381A;		
			}

 
#tytul {
			color: #000000;
			font-size: 22pt;
			border-bottom: 2px solid #000000;
			margin: 0px 0px 0px 0px;
			}

div#preloader
			{
			position: fixed; 
			width: 400px;
			left: 50%;
			margin-left: -200px; /* wartość musi być połową szerokości ze znakiem - */
			top: 200px; 
			z-index: 9999;
			display: none; /* ukrywa preloader (pod żadnym pozorem nie usuwać) */
			background: none;
			color: #ffffff;
			text-align: center;
			font-weight:bold;
			}
			
#abc {
			background: none;
			position: absolute;
			top: 300px;
			left: 50px;
			width: 200px;
			height: 200px;
			border: solid 1px #ffffff;
			}
/************************* S U W A K *******************************/
			
#przewijany {
			background: none;
			position: absolute;
			top: 467px;
			left: 125px;
			width: 545px;
			height: 210px;
			margin: 0px 0px 0px 0px;
			text-align: justify;
			overflow: hidden;
			}
		
#pas {
			background: none;
			position: absolute;
			top: 415px;
			left: 680px;
			width: 33px;
			height: 269px;
			margin: 0px 0px 0px 0px;
			}

#gora {
			background: url('img/gora.jpg') no-repeat center;
			width: 33px;
			height: 32px;
			margin: 0px 0px 0px 0px;
			cursor: pointer;
			}

#sciezka {
			background: url('img/scroll.jpg') no-repeat center;
			width: 33px;
			height: 204px;
			margin: 0px 0px 0px 0px;
			cursor: pointer;
			}
			
#dol {
			background: url('img/dol.jpg') no-repeat center;
			width: 33px;
			height: 33px;
			margin: 0px 0px 0px 0px;
			cursor: pointer;
			}

#galka {
			background: url('img/kula.gif') no-repeat;
			width: 40px;
			height: 42px;
			margin: 0px 0px 0px 0px;
			cursor: pointer;
			}


/**************************** M E N U ******************************/
#menu {
			position: absolute;
			top: 696px;
			left: 126px;
			z-index: 1;
			}
			
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	width: 45px;
	height: 46px;
	margin-right: 10px;
}

ul a:hover {
	width: 45px;
	height: 143px;
}

.menu1 {background: url('img/aktualnosci.jpg') no-repeat;}
.menu1 a:hover {background: url('img/dlugi1.jpg');}

.menu2 {background: url('img/patron.jpg') no-repeat;}
.menu2 a:hover {background: url('img/dlugi2.jpg');}

.menu3 {background: url('img/regulamin.jpg') no-repeat;}
.menu3 a:hover {background: url('img/dlugi3.jpg');}

.menu4 {background: url('img/dojazd.jpg') no-repeat;}
.menu4 a:hover {background: url('img/dlugi4.jpg');}

.menu5 {background: url('img/sponsorzy.jpg') no-repeat;}
.menu5 a:hover {background: url('img/dlugi5.jpg');}

.menu6 {background: url('img/my.jpg') no-repeat;}
.menu6 a:hover {background: url('img/dlugi6.jpg');}

.menu7 {background: url('img/ilo.jpg') no-repeat;}
.menu7 a:hover {background: url('img/dlugi7.jpg');}
/*******************************************/