/* style dla znacznika blokowego nav */

nav{

	background: #f3f3f3; /* tło */

	padding: 2px 0px 2px 0px; /* odsunięcie */

	margin: 0px; /* margines */

	text-align: center; /* wyrównanie zawartości */

}

/* style dla elementu ul znajdującego się wewnątrz nav */

nav ul{

	padding: 0px; /* odsunięcie na 0 */

	margin: 0px; /* marginesy na 0 */

}

/* style dla pierwszego potomka ul będącego znacznikiem li i znajdującego się wewnątrz nav */

nav ul > li{

	list-style-type: none; /* wyłączenie wyświetlania znaczników */

	display: inline-block; /* wyświetlanie jako element inline-block */

	padding: 5px; /* odsunięcie */

}

/* style dla znacznika a dla zdarzenia najechania kursorem myszy */

nav ul > li > a:hover{

	background: #000; /* kolor tła */
    
    color: white; /* kolor czcionki */

}

/* formatowanie linków dla znacznika ul */

nav ul > li > a{

	border-radius: 10px; /* promień obramowania */

	background: #f3f3f3; /* kolor tła */

	width: 120px; /* szerokość */

	height: 32px; /* wysokość */

	text-align: center; /* wyśrodkowanie tekstu */

	display: inline-block; /* wyświetlanie jako element inline-block */

	padding-top: 10px; /* odsunięcie górne */

	text-decoration: none; /* wyłączenie dekoracji */

	font-weight: bold; /* ustawienie pogrubienia czcionki */

/*	text-shadow: 1px 1px 2px #000000; */ /* dodanie cienia: przesunięcie na x, przesunięcie na y, rozmycie, kolor */

	color: gray; /* kolor czcionki */

}

/* formatowanie elementów ol */

nav ul > li > ol{

	z-index: 1000; /* położenie na osi z - wpływa na to nad jakimi elementami będzie się wyświetlać podano 1000 żeby zapewnić elementowi miejsce zawsze nad innymi elementami */

	list-style-type: none; /* wyłączenie wyświetlania numeracji */

	padding: 0px; /* odsunięcie na 0 */

	margin: 5px 0px 0px 0px; /* margines górny na 5px reszta 0 */

	display: none; /* domyślnie nie wyświetlaj */

	position:absolute; /* położenie absolutne, żeby element nie wpływał na rozmieszczenie pozostałych elementów strony gdy jest wyświetlany */

	text-align: left; /* wyrównanie tekstu do lewej */

}

/* style dla ol gdy kursor myszy znajdzie się nad znacznikiem li elementu ul */

nav ul > li:hover > ol{

	display: block; /* włączaj wyświetlanie elementu jako blokowy */

	background: gray; /* kolor tła elementu */

}

/* style dla znacznika li będącego potomkiem ol */

nav ul > li > ol > li{

	padding: 5px; /* odsunięcie z wszystkich stron o 5px */

	border-bottom: 1px solid #f3f3f3; /* ramka u dołu szerokości 1px linią ciągłą i podanym kolorem */

}

/* formatowanie linków dla znacznika ol */

nav ul > li > ol > li a{

	text-decoration: none; /* wyłączenie dekoracji tekstu */

	color: white; /* kolor tekstu */

}

/* formatowanie znaczników li będącego potomkiem ol gdy kursor myszy znajdzie się nad elementem	li */

nav ul > li > ol > li a:hover{

	background: #f3f3f3; /* kolor tła */
    
    color: black; /* kolor czcionki */

}