* {
	margin: 0;
	padding: 0;
}

.kont {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
	justify-content: center;
	gap: 1em;
	background-color: aquamarine;	
}

.day {
	display: flex;
	flex-direction: column;
	text-align: center;
	background-color: #673190;
}

.mies {
	width: 800px;
	text-align: center;
	margin: auto;
}

div.Zawartosc {
	max-width: 960px;
	margin: auto;
	padding: 60px 0px;
	//background-color:aquamarine;
}
	h1 {
		margin: 20px 0px 15px;
		font-size: 3.5em;
		font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
	}
	h2 {
		//color: #000000;
		margin: 0px 0px 14px;
	}
	h3 {
		//color: #000000;
		margin: 0px 0px 12px;
	}
	h4 {
		//color:#000000;
		margin: 0px 0px 10px;
	}
	h5 {
		//color:#000000;
	}

	div.grid-kontenerKal {
		width: 100%;
		//background-color: #ffe8da;
		display: grid;
		grid-template-columns: 25% 75%;
		position: relative;
	}
	div.grid-kontenerKalTab {
		width: 100%;
		//background-color: #ffffe8;
		padding: 0px 0px 200px 0px;
	}
	div.grid-kontenerKalOpis {
		width: 100%;
		height: 200px;
		color:#c0c0c0;
		//background-color: #d7f8fd;
		margin-top: 52px;
		position: sticky;
		top: 52px;
	}
	#op10 {
		margin: 5px;
		font-family: sans-serif;
		//background-color: yellow;
		font-size: 0.8em;
		line-height: 115%;
		text-align: right;
	}
	#op11 {
		margin: 0px;
		padding: 20px;
		font-family: sans-serif;
		//background-color: yellow;
		font-size: 0.8em;
		line-height: 115%;
		text-align: left;
	}

	table {
		width: 100%;
	}
	
	table, th, td {
	  border: 1px solid #c0c0c0;
	  border-collapse: collapse;
	}

	table thead tr {
		vertical-align: middle;
		height: 50px;
		font-size: 1.8em;
		font-weight: bold;
		font-family: sans-serif;
	}
	table thead tr:hover {
		background-color: #fcfbfe;
		color: #19085b;
		font-weight: normal; //???????????????????
	}
	table thead tr th {
		text-align: center;
		width: 14%;
	}
	table tbody tr {
		vertical-align: top;
		font-family: sans-serif;
	}
	table tbody tr td {
		text-align: center;
		color: #008000;
		padding: 5px 0px;
	}

	table tbody tr td:hover {
		background-color: #fcfbfe;
	}
	table tbody tr td.pusta {
		color: #c0c0c0;
	}
	table tbody tr td.pusta:hover {
		background-color: transparent;
	}
	.zie {
		color: #008000;
	}
	.cze {
		color: #cc0000;
	}
	.fio {
		color: #673190;
	}
	p.dzien {
		font-weight: bold;
		font-size: 1.7em;
		position: relative;
		margin: 0px 0px 10px 0px;
	}
	p.dzien::after {
		content: '';
		background-color: #c0c0c0;
		position: absolute;
		height: 1px;
		width: 45%;
		left: 50%;
		bottom: 0;
		translate: -50% 0%;
	}
	.naboz {
		font-size: 0.8em;
		color: #cc0000;
		line-height: 100%;
		padding: 3px 0px 2px 0px;
	}
	span.wyjas {
		font-size: 0.9em;
		font-style: italic;
	}
	ul.spox {
		list-style-type: none;
		line-height: 120%;
		font-size: 0.9em;
		padding-left: 0px;
		padding-right: 0px;
		margin: 3px 0px 5px;
	}
	ul.spox li {
		text-align: center;
		margin: 0px;
	}