/* KOLOR PODSTAWOWY : #7098ba */

body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 10pt;
	background-color: white;
	background-image: url('image/bg.png');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
}

p, li {
	text-align: justify;
	margin: 8px 0px;
}

img {
	border: none;
}

a, a:visited {
	color: #3f6484;
	text-decoration: none;
}

a:hover {
	color: #7098ba;
}

hr {
	border: none;
	border-bottom: 1px solid lightgray;
	height: 1px;
	margin: 15px 0px;
}

table {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

td, th{
	text-align: center;
	vertical-align: top;
	padding: 5px;
}

th {
	background-color: #b4c9db;
}

th.header { 
    background-color: #b4c9db;    
    cursor: pointer; 
} 

.table {
	border-collapse: collapse;
}

.table td, .table th {
	border: 1px solid lightgray;
	padding: 10px;
	text-align: center; 
	vertical-align: middle;
}

.table tr {
	background-color: whitesmoke;
}

.table tr:hover {
	background-color: #d7e2eb;
}

.tabad {
	font-size: 8pt;
	color: gray;
}

/* HEADER */

.header {
	background-color: #2d2d2d;
	margin: 0px;
	top: 0px;
}

.header table {
	width: 100%;
}

.header td {
	color: white;
	padding: 5px;
	font-size: 8pt;
}

.header a, .header a:visited {
	color: lightgray;
	text-decoration: none;
}

.header a:hover {
	color: white;
}

/* LOGO */

.logo {
	border-bottom: 1px solid lightgray;
	background-color: whitesmoke;
	padding: 5px;
}

.logo div {
	width: 765px;
	height: 130px;
	margin: auto;
	background-image: url('image/logo.png');
	background-repeat: no-repeat;
	background-position: left;
	border: 1px solid transparent;
}

.logo p {
	text-align: center;
	margin: 30px 0px 0px 100px;
	text-shadow: 0 0 10px #aaaaaa;
}

/* MENU */

.menu {
	width: 800px;
	margin: auto;
	display: block;
}

/* MAIN */

.main {
	margin: 15px auto 15px auto;
	width: 750px;
	padding: 25px;
	border: 1px solid lightgray;
	background-color: white;
}

/* DROP */

.drop {
	padding: 1px 0 1px 3px;
	display: block;
	text-decoration: none;
	color: black;
	font-family: sans-serif;
	font-size: 10pt;
}

.drop:hover {
	background: #d7e2eb;
	color: black;
}

.popup {
	visibility: hidden; 
	position: absolute; 
	width: 250px;
	background: white;
	border: 1px solid lightgray;
}

.record {
	background-color: whitesmoke;
	border: 1px solid lightgray;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 700px;
	clear: both;
}

.kolokwium {
	list-style-type: none;
	background-color: whitesmoke;
	border: 1px solid lightgray;
	padding: 10px;
	font-weight: bold;
	color: #3f6484;
}


.record:hover, .kolokwium:hover {
	background-color: #d7e2eb;
}

.collapse div {
	display: none; 
	border-left: 1px solid lightgray; 
	padding: 10px;
}