@import url(https://fonts.googleapis.com/css?family=Roboto:700,300,600,800,400);

html, body {/*{{{*/
	line-height: 24px;
	margin: 0;
	padding: 0;
	background: #b8b8b8;
	font-family: 'Roboto';
	color: #111;
}
/*}}}*/

site {/*{{{*/
	display: flex;
	flex-direction: row;
}
/*}}}*/
left {/*{{{*/
	padding: 80 30 800 30;
	display: flex;
	flex-direction: column;
	width: 130px;
	z-index: 1;
}

left a {
	white-space:nowrap;
	padding: 0;
}

/*}}}*/
right {/*{{{*/
	display: flex;
	flex-direction: column;
	width: 1000;
	max-width: 1000;
	
}
/*}}}*/
page {/*{{{*/
	display: block;
	padding: 50;
	background: #fff;
}
/*}}}*/
header{/*{{{*/
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	height:90px;
	color: #fff;
	background: #800;
}

.header:hover {
	text-decoration: none;
	opacity: 0.9;
}
/*}}}*/

table {/*{{{*/
	border-collapse: collapse;
}
table td {
    white-space:nowrap;
	border: 1px solid #888;
	padding: 4px;
}
/*}}}*/
a {/*{{{*/
	text-decoration: none;
	font-weight: normal;
	color: #04f;
}

a:hover {
	text-decoration: underline;
}

/*}}}*/
b { color: #800; }/*{{{*/
/*}}}*/
img { /*{{{*/
	display: inline-block;
	margin-left: auto;
	margin-right: auto; 
}
/*}}}*/

a.blink {/*{{{*/
	user-select: none;
	text-decoration: none;
	margin: 3px;
    padding:4px 8px; 
    border-radius: 2px; 
	color: #fff;
    background:#06a;
    border:0 none;
    cursor:pointer;
	display: inline-block;
    padding: 5px 8px;
}
.blink:hover {
	background: #c60;
}

/*}}}*/
green, black, orange, red, nocolor, wheat, dark, grupa, przedmiot, godzin, fuksja, .nocolor {/*{{{*/
	margin:2px;
    padding:2px 4px; 
    border-radius: 2px; 
	color: #fff;
    background:#062;
    border:0 none;
	display: inline-block;
}
black             { background:#000; }
orange            { background:#a50; }
red               { background:#600; }
przedmiot		  { background:#234; }
grupa			  { background:#660; }
godzin			  { background:#555; }
wheat			  { background:wheat; color: #333; }
fuksja			  { background:#82a;  }
nocolor, .nocolor { background:none; }
dark			  { background:#333; }
/*}}}*/

h1 {
	font-size: 18px;
	text-align: center;
}

h3 { padding-top:60px; }

.lnav { font-size:13px; display: block }
ul { list-style-type: square; }

msg, fatal, cannot {
	display: block;
	z-index: 999;
	position:fixed;
	right:0px;
	bottom:0px;
    text-align:center;
	vertical-align: middle;
    width:500px;
	opacity: 0.9;
    background-color: #063;
    color: #fff;
    padding: 50px 10px;

}
fatal, cannot {
    background-color: #a00;
	padding: 20px;
    border-radius: 2px; 
	border: 1px solid #fff;
	box-shadow: 0 1px 4px #000;
}