.terminarzDialog, .terminarz_szkolkiDialog, .terminarz_szkolki_poziomDialog
	{
		position: fixed;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 200ms ease-in;
		-moz-transition: opacity 200ms ease-in;
		transition: opacity 200ms ease-in;
		pointer-events: none;
		overflow-y: auto;
		
	}

.terminarzDialog:target, .terminarz_szkolkiDialog:target, .terminarz_szkolki_poziomDialog:target
{
	opacity: 1;
	pointer-events: auto;
}

.terminarzDialog > div,  .terminarz_szkolkiDialog > div, .terminarz_szkolki_poziomDialog > div
{
	width: 95%;
	position: relative;
	margin: 20px auto;
	padding: 5px 20px 13px 20px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #e5e5e5);
	background: -webkit-linear-gradient(#fff, #e5e5e5);
	background: -o-linear-gradient(#fff, #e5e5e5);
	border-radius: 12px;
}

.terminarzclose 
{
	background: #606061;
	color: #FFFFFF;
	line-height: 30px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 0px;
	width: 50px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.terminarzclose:hover 
	{ 
		background: #ea151b; 
	}

.monthsflex_row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: normal;
	gap: 30px;

}

.monthsflex_col {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: normal;
	gap: 30px;
}

.month {
	grid-area: month;
	justify-self: center;
	align-self: center;
	font-weight: bold;
	gap: 4px 4px;
}



.dofw, .dofm, .empty, .course, .break, .course_s1, .course_s2 {
	width: 65px;
	height: 58px;
	padding-top: 5px;
	padding-right: 8px;

}

.empty, .dofm, .course, .break {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	font-size: 14px;
}

.dofw {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}


.course_s1 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 14px;
	background-color: #FFFF00;
	color: #008000;
	font-weight: bold;
	position: relative;
}

.course_s2 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 14px;
	background-color: #008000;
	color: #FFFF00;
	font-weight: bold;
	position: relative;
}

.break {
	background-color: red;
	color: yellow;
	font-weight: bold;
}

.course {
	background-color: #008000;
	color: #FFFF00;
	font-weight: bold;
}

.dofw, .empty {
	border: none;
	background-color: none;
	color: black;
}

.dofm {
	color: black;
	background-color: none;
}

.dofm, .course, .course_s1, .course_s2, .break {
	border: 1px solid #CCCCCC;

}

.nrpns1, .nrwts1, .nrsrs1, .nrczws1, .nrpts1, .nrpns2, .nrwts2, .nrsrs2, .nrczws2, .nrpts2 {
	width: 26px;
	height: 26px;
	font-size: 16px;
	margin-bottom: 6px;
	margin-left: 6px;
	border-radius: 50%;
}

.nrpns1 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #552b00;
}

.nrwts1 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #804000;
}

.nrsrs1 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #aa5500;
}

.nrczws1 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #d56a00;
}

.nrpts1 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #ff8000;
}

.nrpns2 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #552b00;
}

.nrwts2 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #804000;
}

.nrsrs2 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #aa5500;
}

.nrczws2 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #d56a00;
}

.nrpts2 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-end;
	color: #ffffff;
	background-color: #ff8000;
}

.foto {
	box-sizing: border-box;
	padding: 1px;
	font-size: 11px;
	font-weight: bold;
	color: yellow;
	background-color: green;
	border: 1px solid #CCCCCC;
	display: flex;
	justify-content: end;
	align-items: start;
	text-align: center;
	width: 47px;
	height: 42px;
	background-image: url("./graphics/news2.png");
	background-repeat: no-repeat;
	background-size: 80%;
}

.fotom {
	box-sizing: border-box;
	padding: 1px;
	font-size: 11px;
	font-weight: bold;
	color: yellow;
	background-color: green;
	border: 1px solid #CCCCCC;
	display: flex;
	justify-content: end;
	align-items: start;
	text-align: center;
	width: 47px;
	height: 42px;
	background-image: url("./graphics/news2.png");
	background-repeat: no-repeat;
	background-size: 60%;
	position: relative;
	
}

.tip {
	position: absolute;
	top: 42px;
	left: 47px;
	width: 200px;
	height: 70px;
	display: none;
	background-color: yellow;
	z-index: 999;
	border: 1px solid rgb(77, 77, 77);
	border-radius: 15px;
	color: rgb(77, 77, 77);
	padding: 20px;
	font-size: 16px;
}

div.fotom:hover {

	background-size: 80%;

}

div.fotom:hover div {
	display: flex;
    align-items: center;
    justify-content: center;
}


.monthgrid {
	justify-items: center;
	align-items: center;
	gap: 4px 4px;

	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
	"month month month month month month month"
	". . . . . . ."
	". . . . . . ."
	". . . . . . ."
	". . . . . . ."
	". . . . . . ."
	". . . . . . ."
	". . . . . . .";

	
}


.legend_c {
	display: flex;
	justify-content: center;
	align-items: center;

}

.course_s1_l, .course_s2_l, .break_l {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 40px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	margin: 20px;

}

.course_s1_l {
	background-color: #FFFF00;
	color: #008000;
}

.course_s2_l {
	background-color: #008000;
	color: #FFFF00;

}
.break_l {
	background-color: red;
	color: yellow;
}



.legend_nr {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 20px;
}

.course_s1_nr {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 45px;
	height: 40px;
	padding-top: 3px;
	padding-right: 5px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFF00;
	color: #008000;
	font-weight: bold;
	position: relative;
}

.nrczws1_nr {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 23px;
	height: 23px;
	align-self: flex-end;
	font-size: 12px;
	margin-bottom: 3px;
	margin-left: 3px;
	border-radius: 50%;
	color: #ffffff;
	background-color: #d56a00;

}

.nrm {
	align-self: flex-start;
	text-align: left;
	padding-left: 7px;
}
.nrz {
	padding-right: 7px;
}

a.terminarzclose_a {
	text-decoration: none;
	color: black;
}









.monthsflex_p {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: normal;
	gap: 30px;

}



.month_poziom {
	grid-area: monthp;
	justify-self: center;
	align-self: center;
	font-weight: bold;
	gap: 4px 4px;
}

.monthgrid_poziom {
	justify-items: center;
	align-items: center;
	gap: 4px 4px;

	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
	"monthp monthp monthp monthp monthp monthp monthp"
	". . . . . . ."
	". . . . . . ."
	". . . . . . ."
	". . . . . . ."
	". . . . . . ."
	". . . . . . ."
	". . . . . . .";
}

.dolar {
	font-size: 26px;
	font-weight: bold;
	position: absolute;
	bottom: 6px;
	right: 10px;

}

.dolar_l {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	bottom: 4px;
	right: 5px;

}
.course_s1 .dolar, .course_s1_nr .dolar_l {
	text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.8);
}

.course_s2 .dolar {
	text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.8);
}