/*
Based on MoreNeat theme from TikiWiki
*/

.wb {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}

.przypis {
	font-size: 80%;
}

body {
	background-color: #DCE3F0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
}

ul {
	margin-top: 2px;
	margin-bottom: 6px;
	list-style-type: disc;
	margin-left: 1em;
	padding-left: 1em;
}

h1, h2, h3, h4 { font-weight:bold; margin-bottom: 2px; margin-top: 4px; }
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }

img {
	vertical-align: middle;
	border: none;
	margin-left: 2px;
	margin-right: 2px;
}

/** Obrazki w linku mają ramkę w tekście strony ale w menu - nie */
div#contentcolumn a img {
	border: 2px solid;
}

p { margin-bottom: 0.5em; margin-top: 0.5em; }

blockquote {
	font-style: italic;
}

a {
	color: #436976;
	padding: 0px;
	text-decoration: none;
}

a:hover {
	color: #000000;
/*	background-color: #E9ECEF; */
	padding: 0px;
}

/* Klasa linku, który nie wyróżnia się w zwykłym tekście */
a.inobtrusive {
/* color: inherit jest bardziej elastyczne ale niestety nie działa w IE
   (jak wiele innych rzeczy) */
	color: black;
	text-decoration: inherit;
}

div#menucolumn {
	padding-left: 1px;
	padding-right: 0px;
	vertical-align: top;
	width: 180px;
	/* Dociągamy menu do samego dołu gdy najniższy box też ma podane height: 100% 
	height: 100%;*/
	position: absolute;
	left: 0px;
	top: 65px;
}
div#contentcolumn {
	padding-right: 10px;
	vertical-align: top;
	width: auto;
	position: absolute;
	left: 180px;
	top: 65px;
}
div#pagetitle {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	border: none; 
}
div#rozek {
	padding-left: 0px;
	margin: 0px;
	vertical-align: top;
	width: 8px;
	height: 4px;
	position: absolute;
	background-image:  URL(naroznik.png);
	/* no-repeat wymagane przez IE, który ustawia nie wiedzieć po co
	   większy rozmiar pola niż żądany */
	background-repeat: no-repeat;
	left: 175px;
	top: 69px;
}

div.titlebox {
	background-color: #6481CF;
	font-size: 44px;
	overflow: hidden;
	background-image: URL(tlomenu.png);
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	margin: 5px;
	height: 64px;
}

div.box {  
	background-color: white;
	margin: 4px;
	/*border: 1px solid #8CACBB; */
	border: none;
	overflow: hidden; 
	width: 170px;
}

div.box-title {
	/*background-color: #C7D0D9;*/
	border-bottom: 1px solid #8CACBB;
	color: black; /*#555575;*/
	font-size: 13px; /*10px;*/
	overflow: hidden;
	text-align: center;
	padding: 0px;  
}

div.box-title table {
	width: 100%;
}

div.box-data {
	overflow: hidden;
	background-color: #6481CF;
	background-image: URL(tlomenu.png);
	color: #000000;
	padding: 5px;
	font-size: 12px;
}

div.separator {
/*	background: white;
	color: black;   font-size: 10px;
	padding: 2px;*/
	padding-top: 4px;
	border-top: 1px solid #dedede;
}

div.separator:first-child {
	border-top: none;
}

.linkmenu { font-size: 14px;  color : yellow; text-decoration: none;}
.linkmenu:active { font-size: 14px; color: white; text-decoration: none;}
.linkmenu:hover { font-size: 14px;  color : white; text-decoration: none;}

.submenu { font-size: 12px; padding-left: 1.5em; }
.submenu:active { font-size: 12px; padding-left: 1.5em; }
.submenu:hover { font-size: 12px; padding-left: 1.5em; }

.linkmenu-inactive { font-size: 14px;  color : black; text-decoration: none;}

.separator { font-size: 14px;  color : #436976;  text-decoration: none; }
.separator:active { font-size: 14px;  color : #436976;  text-decoration: none; }
.separator:hover { font-size: 14px;  color : #436876;  text-decoration: none; }

div.content {  
	margin: 4px;
	border: none;
	overflow: hidden;
	color: #000000;
	padding: 5px;
	font-size: 12px;
	text-align: justify;
	width: 100%;
}

div.rightimage {
	float: right;
	width: 120px;
	margin-left: 2em;
}

div.leftimage {
	float: left;
	width: 120px;
	margin-right: 2em;
}

div.rightimage img, div.leftimage img {
	/** Obrazki w galerii są wycentrowane w swoich kolumnach */
	display: block;
	margin-left: auto;
	margin-right: auto;
}

small { font-size: 80%; }
cite { font-style: italic; }
strong { font-style:oblique; }
code {
	font-family: Courier New, Andale Mono, monospace;
	font-size: 100%;
}
pre {
	text-align: left;
	font-family: Courier New, Andale Mono, monospace;
	font-size: 100%;
	overflow: visible;
	margin-left: 1em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}


.caption { font-size: 80%; }

.table-header { background-color: #C7D0D9; border: 1px solid #436976; padding: 2px; }
div.content table { font-size: 10px; vertical-align: top; border: 1px solid #436976; padding: 1px; border-spacing: 0px;}
div.content td { border: 1px solid #436976; padding: 1px; }

div.noborder table { border: 0px; }
div.noborder td { border: 0px; }

div.seealso {
	border-top: 1px solid #8CACBB;
	margin-top: 8px;
}


