#tabs_z div {
	line-height:2em;
	font-size:1.5em;
	background-color: #ffffff;
}
* {box-sizing: border-box;}
#strona {width: 1200px; margin: 10px auto 0;}
#tabs {width: 100%; position: relative;}
#tabs > ul > li a:before {font-family:'FontAwesome'; font-weight: normal; margin-right: 1em;}
#tabs > ul > li:nth-of-type(1) a:before {content:"\f0c0";}
#tabs > ul > li:nth-of-type(2) a:before {content:"\f007";}
#tabs > ul > li:nth-of-type(3) a:before {content:"\f19c";}
#tabs > ul > li:nth-of-type(4) a:before {content:"\f021";}
#tabs_o > ul,
#tabs_n > ul,
#tabs_s > ul,
#tabs_z > ul
{width: 200px; float: left;}
#tabs_o > ul *,
#tabs_n > ul *,
#tabs_s > ul *,
#tabs_z > ul *
{display:block; width: 100%; overflow: hidden;}
.ui-widget-content {float: left;}
#tabs_o  .ui-widget-content,
#tabs_n  .ui-widget-content,
#tabs_s .ui-widget-content,
#tabs_z .ui-widget-content
{width: 966px;}
#tabs_o  .ui-widget-content table,
#tabs_n  .ui-widget-content table,
#tabs_s .ui-widget-content table,
#tabs_z .ui-widget-content table
{width: 100%;}
#tabs_o  .ui-widget-content div > table td,
#tabs_n  .ui-widget-content div > table td,
#tabs_s .ui-widget-content div > table td,
#tabs_z .ui-widget-content div > table td
{padding-left:0;padding-right:0;}
#tabs_o  .ui-widget-content > div > table table th,
#tabs_n  .ui-widget-content > div > table table th,
#tabs_s .ui-widget-content > div > table table th,
#tabs_z .ui-widget-content > div > table table th,
#tabs_o  .ui-widget-content > div > table table td,
#tabs_n  .ui-widget-content > div > table table td,
#tabs_s .ui-widget-content > div > table table td,
#tabs_z .ui-widget-content > div > table table td
{padding:5px;vertical-align: middle;}
body{
	background-color:#ffffff;
	color:#000000;
	font:11px verdana,sans-serif;
	overflow:auto;
	margin:0}
.tabtytul{ /* tabelka z grafiką (nagłówek) */
	background-color:#085c84;
	border-bottom:1px solid #000000}
.tytul{ /* komórka z tytułem */
	background-color:#085c84;
	color:#ffffff;
	height:auto;
	font:bold 36px verdana,sans-serif;
	border-bottom:1px solid #000000;
	text-align:center}
.tytulnapis{ /* tytuł strony z cieniem (tylko IE) */
	padding:0;width:100%;height:auto;filter:Shadow(Color=#666666,Direction=150)}
.tabela{ /* tabela z planem */
	border:1px solid black; border-collapse:collapse;}
td{
	font-size:11px}
th{
	background-color:#e1e6f5;
	color:#085c84;
	font-size:13px}
td.g{ /* godzina */
	background-color:#f0f2fa;
	color:#085c84;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	white-space:nowrap}
td.nr{ /* numer lekcji */
	background-color:#e1e6f5;
	color:#085c84;
	font-weight:bold;
	text-align:center;
	vertical-align:top}
td.l{ /* lekcja */
	background-color:#ffffff;
	color:#000000;
	vertical-align:top}
a.n{ /* nauczyciel */
	color:#085c84}
a.s{ /* sala */
	color:#085c84}
a.k{ /* klasa */
	color:#085c84}
.p{ /* przedmiot */
	color:#000000;
	font-weight:bold}
.op{ /* napis */
	font:10px verdana,sans-serif}
.stary {
	text-align: center;
	display: block;
	clear: both;
    border: 1px solid #00a0e3;
    background: #085c84 url(images/ui-bg_glass_50_085c84_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #fff;
	padding: 1em;
	text-align: center;
	color: #ffffff !important;
	}
#zapamietaj {
	position: absolute;
	right: 29px;
	top: 63px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #d17103;
	text-decoration: none;
	border-color: #ffffff;
}
@media print{
	* {color:#000000 !important;background-color:#ffffff !important;}
	#strona {width: 100%; margin: 0;}
	.tabtytul,
	#tabs .ui-tabs-nav,
	#tabs_o .ui-tabs-nav,
	#tabs_n .ui-tabs-nav,
	#tabs_s .ui-tabs-nav,
	#tabs_z .ui-tabs-nav,
	#tabs > a {display:none;}
	#tabs,
	#tabs_o,
	#tabs_n,
	#tabs_s,
	#tabs_z
	{border:none;}
}
@media only screen and (max-width: 1199px) {
	#strona {width: 1000px;}
	#tabs_o  .ui-widget-content,
	#tabs_n  .ui-widget-content,
	#tabs_s .ui-widget-content,
	#tabs_z .ui-widget-content
	{width: 766px;}
}
@media only screen and (max-width: 999px) {
	* {max-width: 100%;}
	#strona {width: 100%; margin: 0 auto;}
	#tabs_o  .ui-widget-content,
	#tabs_n  .ui-widget-content,
	#tabs_s .ui-widget-content,
	#tabs_z .ui-widget-content
	{max-width: calc(100% - 200px);}
}