/*Zanim przystąpimy do definiowania menu, najpierw trzeba usunąć punkty oraz określić szerokość każdego bloku z menu*/
ul.inline li, ul.float li {
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;

}


/*Wyświetlanie kolejnych elementów w linii atrybuty: 'white-space: nowrap' blokuje zawijanie tekstu w każdej pozycji menu nie mieszczą sie w jednej lini, podział nastąpi między elementami listy, a nie wewnątrz elementu.*/


ul.inline li {
	display: inline;
	white-space: nowrap;
}

ul.inline a:link, ul.inline a:visited {
	text-decoration: none;
	background-color: #c0c0c0;
	color: black;
	padding: 4px;
	border: 2px outset #c0c0c0;
}

ul.inline a:hover {
	border-style: inset;
	color: blue;
	padding: 6px 3px 3px 6px;
}

/*Wyświetlanie kolejnych elementów listy z klasą float*/

ul.float, ul.float li {
	float: left;
	list-style: none;
	margin-right: 10px;
}

ul.float a:link, ul.float a:visited {
	display: block;
	width: 100px;
	text-align: center;
	position: relative;
	text-decoration: none;
	background-color: #c0c0c0;
	color: black;
	padding: 4px;
	border: 2px outset #c0c0c0;
}

ul.float a:hover {
	border-style: inset;
	color: blue;
	padding: 6px 3px 3px 6px;
}