@charset "utf-8";
/* CSS Document */

body {
background-color:#000000;
font:Arial, Helvetica, sans-serif;
color:#deb94c;
}

#cont {
position:relative;
width:800px;
margin-top:20px;
left:50%;
margin-left:-400px;
background: #000 url("images/backg.jpg") repeat-y right;
}

#header {
position:relative;
width:800px;
clear: both;
}

#bass {
position:absolute;
top:160px;
left:60px;
z-index: 2;
}

#rgtside {
width: 124px;
top: -5px;
position:relative;
overflow: hidden;
float:left;
}

#lftside {
position:relative;
overflow:hidden;
width:250px;
float:left;
}

table {
table-layout:fixed;
width:426px;
border-spacing:5px;	
text-decoration:none;

}

/* Tu się zaczynają Parametry Menubar: every button + 40 px */

#menubar {
position:relative;
float: left;
top:100px;
left:0px;
z-index:1;
}

P.do {
position:relative;
left:50px;
width: 190px;
height: 96px;
padding-left: 10px;
background:url("images/do.gif") no-repeat left top;
}

P.do:hover {
position:relative;
top:5px;
}

P.re {
position:relative;
top: -40px;
left:48px;
width: 190px;
height: 96px;
padding-left: 10px;
background:url("images/do.gif") no-repeat left top;
}

P.re:hover {
position:relative;
top:-35px;
}

P.mi {
position:relative;
top: -80px;
left:46px;
width: 190px;
height: 96px;
padding-left: 10px;
background:url("images/do.gif") no-repeat left top;
}

P.mi:hover {
position:relative;
top:-75px;
}

P.fa {
position:relative;
top: -120px;
left: 10px;
width: 190px;
height: 96px;
padding-left: 10px;
background:url("images/fa.gif") no-repeat left top;
}

P.fa:hover {
position:relative;
top:-115px;
}

P.sol {
position:relative;
top: -160px;
left: 8px;
width: 190px;
height: 96px;
padding-left: 10px;
background:url("images/fa.gif") no-repeat left top;
}

P.sol:hover {
position:relative;
top:-155px;
}

P.la {
position:relative;
top: -200px;
left:44px;
width: 190px;
height: 96px;
padding-left: 10px;
background:url("images/do.gif") no-repeat left top;
}

P.la:hover {
position:relative;
top:-195px;
}

P.si {
position:relative;
top: -240px;
left:42px;
width: 190px;
height: 96px;
padding-left: 10px;
background:url("images/do.gif") no-repeat left top;
}

P.si:hover {
position:relative;
top:-235px;
}

#menubar a {
position:absolute;
color:#660000;
top: 20px;
left: 25px;
font-size: 18px;
font-family: Comic Sans MS;
}


#menubar a:hover {
color:#FFFFCC;
}

/*KONIEC MENUBAR*/

a {
text-decoration: none;
color:#a6420e;

}

a:hover {
color:#5a2407;
font-weight:normal;
}

#text {
	position:relative;
	width:426px;
	top: 100px;
	float: left;
	font-size:17px;
	font-weight:400;
	text-align:justify;
	overflow: hidden;
	/*line-height:25px;*/
	
}

h1 {
font-size: 24px;
font-weight: bold;
color:#eecc66;
text-align:center;
}

h2 {
font-size:18px;
font-weight: bold;
color:#eecc66;
}


#footer {
position:relative;
clear: both;
width: 800px;
height: 135px;
background: url(images/footer.jpg) no-repeat;
}

#author {
position:relative;
top: 115px;
}

#footer img.img {
position:relative;
top: -100px;
}