/*************************************************************/
/*   Design:  MultiFlex-2 (Screen)                           */
/*   Author:  G. Wolfgang (gw@actamail.com)                  */
/*   Date:    June 8, 2006                                   */
/*************************************************************/

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
body {
	font-size: 71%;
	margin: 0px auto;
	padding: 0px;
	background-color: rgb(227,227,227);
	font-family: helvetica, arial, sans-serif;
}

html > body {
	font-size: 10pt;
}

#bg-left {
	background: transparent url(images/bg_body_left.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#bg-right {
	margin-left: auto;
	margin-right: auto;
	
	/* fixme: MS IE */
	width: expression(document.body.clientWidth > 1025 ? "1100px" : "auto");

	max-width: 1100px;
	background: transparent url(images/bg_body_right.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#bg-header {
	background-color: #eff3f6;
	background-image: url(images/plama.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
	height: 100px;
}

#pagebox {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	background-color: rgb(255,255,255);
	border: solid 1px rgb(100,100,100);
}


/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/
/*-----------------------------------*/
/* 2.1 - Sitename and Banner         */
/*-----------------------------------*/
#site-name  {
	clear: both;
	float: left;
	position: absolute; z-index: 2;
	width: 700px;
	top: 30px;
	margin: 0px;
	padding-left: 17px;
	background-color: transparent;
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 24px;
}
#site-slogan  {
	float: left;
	position: absolute;
	z-index: 1;
	width: 700px;
	top: 1.9em;
	left: 15px;
	margin: 0px;
	padding: 0px 0px 0px 3px;
	background-color: transparent;
	color: rgb(204,216,228);
	font-weight: bold;
	font-size: 14px;
}
#img-header {
	float: left;
	width: 770px; height: 100px;
	position: relative; left: 0%; top: 0px;
 	margin: 0px 0px 0px 0px;
 	clear: both;
}


/*----------------------------*/
/* 2.2 - Top Menu             */
/*----------------------------*/
#topMenu {
	position: absolute;
	z-index: 3;
	width: 760px;
	top: 5px;
	background-color: transparent;
}
#topMenu ul {
	float: right;
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}	
#topMenu li {
	display: inline;
	white-space: nowrap;
	text-transform: none;
}
#topMenu li a {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	border-left: solid 1px rgb(100,100,100);
	color: rgb(0,0,255);
	font-weight: bold;
	text-decoration: none;
}
#topMenu a:hover {
	color: rgb(0,0,255);
	text-decoration: underline;
}

/*----------------------------*/
/* 2.3 - Main menu            */
/*----------------------------*/
#mainMenu {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, sans serif;
	font-size: 1.0em;
}
#mainMenu ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px rgb(54,83,151);
	border-bottom: solid 1px rgb(54,83,151);
	background-color: rgb(127,162,202);
	font-weight: bold;
}	
#mainMenu li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainMenu li a {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-right: solid 1px rgb(54,83,151);
	color: rgb(255,255,255);
	text-transform: uppercase;
	text-decoration: none;
	font-size: 90%;
}
#mainMenu a:hover, #mainMenu ul li.selected div a{
	color: rgb(50,50,50);
	text-decoration: none;
}
.buffer {
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background-color: rgb(255,255,255);
}

/*----------------------------*/
/* 2.4 - Left menu            */
/*----------------------------*/

/* Lewe menu */
#left-menu {
	float: left;
	padding: 0px;
	width: 160px;
	min-height: 300px;
	color: rgb(75,75,75);
	font-size: 1.0em;
}

#left-menu p.title {
	margin: 0px 5px 0px 0px;
	padding: 3px 5px 2px 15px;
	background-color: rgb(127,162,202);
	border: solid 1px rgb(54,83,151);
	color: rgb(255,255,255);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
}

/* cale ul */
#left-menu .treeview {
	list-style: none;
	margin: 0px 5px 15px 0px;
	padding: 0;
}

/* całe li */
#treemenu li a {
	display:block;
	color: #333;	
	text-decoration:none;
	font-weight:bold;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:5px solid #CCC;
	min-height:18px;

	margin-bottom: 1px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;

	font-size: 100%;
}
#treemenu li a:hover, #treemenu li a.selected {
	padding:2px 5px 2px 10px;
	background: #e9e9e9;
	border-left:5px solid #9EC630;
}

/* ul 2 poziom */
#treemenu ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* li.a 2 poziomu */
#treemenu ul li a {
	padding:2px 5px 2px 20px;
	font-weight:normal;
}

#treemenu ul li a:hover, #treemenu ul li a.selected {
	padding:2px 5px 2px 20px;
}

/*************************************/
/* SECTION 3 - Footer Area           */
/*************************************/
#footer {
	overflow: hidden;
	clear: both;
	width: 100%;
	height: 3.0em;
	margin: 0px;
	padding: 0.5em 0px 0.5em 0px;
	border-top: solid 1px rgb(125,125,125);
	background-color: rgb(128,161,202);
	color: rgb(255,255,255);
	font-size: 1.0em;
}

#footer p {
	margin: 0px; padding: 0px;
	text-align: center;
	line-height: 1.3em;
	font-size: 100%;
}