BODY {
	background: url(grafika/tlo.jpg) repeat-x top left;
	background-color: #b5d627;
	margin: 0px;
	padding: 0px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1em;
	color: #003300;
}

H1 {font-size: 1.125em; font-weight: bold;	text-align: left;}
P {font-size: 1em; text-align: justify;}
LI {font-size: 0.9375em; text-align: justify;}
UL {list-style-image:url('grafika/pic.jpg');}

HR {color: #003300; height: 1px; width: 100%; text-align: left; margin-left: 0px; border-width:0px; background-color: #003300;}
A: {border-width: 0px;}
A:hover {color:  #006600; text-decoration: none;}
IMG {border-width: 0px;}
.photo {border: 1px solid #003300;}
.link {font-size: 1em; color: #003300; text-decoration: underline;}
.link2 {font-size: 0.9375em; color: #003300; text-decoration: underline;font-weight: bold;}
.mail {font-size: 1em; color: #003300; text-decoration: underline;}
.cennik_poz {font-size: 1em; text-align: left;}
.cennik_cena {font-size: 1em; font-weight: bold; text-align: right;}
.form {font-size: 0.9375em; text-align: right;}
.foot {color: #003300; font-size: 0.9375em; text-decoration: none;}
.inputbox {color: #336633; font-family: "Comic Sans MS", cursive, sans-serif; font-size: 0.9375em; background-color: #cbe44a; border: 1px solid #003300;}
.inputbox2 {text-align: center; padding: 0px 3px 5px 3px; color: #003300; font-family: "Comic Sans MS", cursive, sans-serif; font-size: 1em; background-color: #cbe44a; border: 1px solid #003300;}
.desc {padding: 0px; color: #003300; font-family: "Comic Sans MS", cursive, sans-serif; font-size: 0.9em;}
.button {color: #003300; font-family: "Comic Sans MS", cursive, sans-serif; font-size: 0.9375em; font-weight: bold; text-align: center; background-color: #cbe44a; border: 1px solid #003300; padding: 2px;}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li,
#menu ul li.sfhover {
	position: relative;
	border: 0;
	border-width: 0;
}
				
/* drugi poziom menu jest ukryty */
#menu ul li ul {
	display: none;
}
		
/* jeśli kursor myszki najedzie na któryś z elementów listy, lista która jest w niej zagnieżdżona przyjmuje
display: block, czyli pojawia się, pozycjonujemy ją za pomocą position: absolute, left i top */
#menu ul li:hover ul,
#menu ul li.sfhover ul {
	display: block;
	position: absolute;
	left: 120px;
	top: 40px;
	background: #b5d627;
	border: 0px;
	border-width: 0px;
}
