
nav .rozwin {
	width:100%;
	display:flex;
	height:48px;
	line-height: 1em;
	align-items:center;
	padding:0px 7px 0px 9px;
}
nav .rozwin:hover {
	cursor:pointer;
}

nav li {
	list-style-type:none;
	color:var(--kolorCzarny);
}

nav ol {
	display:flex;
	/* flex-direction zalezne od rozdzielczosc */
	align-items:flex-start;
}

nav ol > li{
	border: 1px outset var(--kolorA);
	background:var(--kolorBialy);
}

nav ol > li:hover {
	background:var(--kolorB);
}

nav ol > li:hover > ul {
	display:flex;
}

nav ul {
	display:none;//flex;//none;
	flex-direction:column; /*mozna pominac i beda w wierszu ale tylko pod rodzicem*/
}

nav ul > li {
	position: relative;
}

nav a{
	height:48px;/*100%;*/
	line-height: 1em;
	display:flex;
	color:var(--kolorCzarny);
	background:var(--kolorBialy);
	text-decoration: none;
	align-items:center;
	padding:0px 7px 0px 9px;
}

nav a:hover {
 background: var(--kolorB);
 color:var(--kolorCzarny);
}

nav ul a {
  border-radius:10px;
  border: 1px solid var(--kolorA);
  background: var(--kolorBialy);
}

@media screen and (max-width: 1000px) {
	nav.glowne > ol >li {
	 flex-direction:row;
	 //flex-wrap:wrap;
	 height: 50px; /* ustalenie wysokości stałej dla ol i ol>li, oraz pozycji relative dla li podmenu, rozwinie je NAD stroną główną, zamiast rozpychac.*/
	}
	nav.glowne > ol > li.jeden { flex:6;}
	nav.glowne > ol > li.pol { flex:3;}
	nav.glowne > ol > li.jednatrzecia { flex:2;}
	nav.glowne > ol > li.dwietrzecie { flex:4;}
	.samotnestrzalki {position:fixed; left: 90%;}
}

@media screen and (min-width: 1001px) {
	nav.glowne > ol {
	 display:flex;
	 align-items:stretch;
	 flex-direction:column;
	}
	nav.glowne > ol >li>ul {
		height: 0px; /* ustalenie wysokości stałej dla ol i ol>li, oraz pozycji relative dla li podmenu, rozwinie je NAD stroną główną, zamiast rozpychac.*/
		             /* jeslibym ustalil na tę samą wartość wysokości co ol i skasował poniższe to wyszlo by po prostu rozwijane po najechaniu myszką */
		position:relative;
		left:170px;
		top:-50px;
	}
	.samotnestrzalki {position:fixed; left: 990px;}
}
/* przepisane poziome dla podmenu w obrebie danych */
nav.podmenu > ol >li {
	 flex-direction:row;
	 //flex-wrap:wrap;
	 height: 50px; /* ustalenie wysokości stałej dla ol i ol>li, oraz pozycji relative dla li podmenu, rozwinie je NAD stroną główną, zamiast rozpychac.*/
	}
nav.podmenu > ol > li.jeden { flex:6;}
nav.podmenu > ol > li.pol { flex:3;}
nav.podmenu > ol > li.jednatrzecia { flex:2;}
nav.podmenu > ol > li.dwietrzecie { flex:4;}
