body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;  font-size: 13px;}

.cointainer{ float: left; clear: both; position: absolute; } /* $SZEROKOSC WYLICZANA W INDEX.PHP */
.rokSluzbowy{ width: 70px; padding: 3px; float: left; margin-left: 10px; margin-top: 5px; }

/* MENU */
#mainmenu,#mainmenu ul{list-style:none;margin:0;padding:0;float:left;z-index:9999}
#mainmenu ul{width:250px}
#mainmenu ul li{clear:both}
#mainmenu>li{float:left;position:relative}
#mainmenu>li li{position:relative}
#mainmenu>li ul{position:absolute;left:0}
ul ul{display:none}
ul li:hover>ul{display:block}

#mainmenu{ font-family:Arial,Helvetica,sans-serif; font-size:14px; text-transform:uppercase;}
#mainmenu>li>a {display:table;width:auto;padding: 9px 15px; box-sizing: border-box; text-align:center;text-decoration:none;color:#ffffff;border-right:solid 1px #b5b5b5}
#mainmenu>li:hover>a {background:#06aae7; color:#fff}


#mainmenu ul{font-size:12px;font-family:Arial,Helvetica,sans-serif;background:#06aae7}
#mainmenu ul li>a{color:#fff;display:block;padding:10px;text-decoration:none;font-size:12px;font-family:Arial,Helvetica,sans-serif}
#mainmenu ul li:hover>a{color:#fff;background:#01425c}

.daty_zebran{ background-color: #999; clear: both; float: left;}
.empty_data{ float: left;  width: 190px;  box-sizing: border-box;} /* $SZEROKOSC_EMPTY_DATA */
.data { float: left; padding: 10px 0; width: 190px; text-align: center; color: #ffffff;  border-right: 1px solid #333; }
.data:hover{ background-color: #06aae7; }

.uczestnicy { float: left; background-color: #eeeeee; width: 190px;  font-size: 13px;}
.uczestnik { width: 100%; color:#333333;  float: left; clear: both; padding: 10px 0 10px 10px;  border-bottom: 1px solid #333;  box-sizing: border-box;}
.uczestnik:hover{ background-color: #06aae7; color:#ffffff; }

.box-punkty { float: left; width: 191px; } /* $SZEROKOSC_BOX_PUNKTY */
.punkty { width: 100%; float: left;position: relative; clear: both; height: 41px; border-bottom: 1px solid #333; box-sizing: border-box; border-left: 1px solid #333;}
.przewodniczy { width: 100%; float: left; text-align: center; position: relative; clear: both;  background-color: #eeeeee;
	height: 41px; line-height: 41px; border-bottom: 1px solid #333; box-sizing: border-box; border-left: 1px solid #333;}


/* KOMÓRKA PUNKT */
.numerPunktu { width: 30px; height: 40px;  float: left; background-color: #999; color: #ffffff; text-align: center; padding-top: 10px; box-sizing: border-box;}
.pomocnik { width: 130px; height: 40px; font-size: 13px; line-height: 1.3; float: left; background-color: #eeeeee; color: #333; text-align: center; box-sizing: border-box;}
.numerLekcji { width: 30px; height: 40px;  float: right;  color: #ffffff; text-align: center; padding-top: 10px; box-sizing: border-box;}
.nastepnaLekcja { width: 17px; height: 17px; border-radius: 100%; position: absolute; top:4px; right:25px; background-color: #000000; 
text-align: center; font-size: 9px; color: #ffffff; text-align: center; box-sizing: border-box; }
.boxAddPunkt{ width: 100%; height: 35px; }


.thisWeek{background-color: #06aae7}
.thisWeekYellow{background-color: #fff9b1}