@charset "iso-8859-2";
body {
	margin: 0px;
	background-color: #E4E8F8;
	background-image: url(../img/bg1.jpg);
	background-repeat: repeat-x;
}
#topsite {
	height: 252px;
	width: 828px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
#holder {
	width: 828px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/holder.jpg);
}



#leftc {
	width: 40px;
	height: 252px;
	display: inline;
	float: left;
	background-image: url(../img/leftc.jpg);
	background-repeat: no-repeat;
}
#rightc {
	width: 40px;
	height: 252px;
	display: inline;
	float: right;
	background-image: url(../img/rightc.jpg);
	background-repeat: no-repeat;
}

#centerc {
	height: 252px;
	width: 748px;
	display: inline;
	float: left;
}
#logo {
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	height: 68px;
	width: 748px;
}
#topic {
	height: 185px;
	width: 748px;
}
#panel {
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	height: 36px;
	background-image: url(img/panel.jpg);
	background-repeat: repeat-x;
	padding-top: 4px;
}
/*MENU*/
.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	background-color: #DADAF2;/*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: block; /*Width of top level menu link items*/
	height: 22px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	line-height: 22px;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
	left: 0;
	position: absolute; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: navy;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	line-height: 22px;
}

.suckertreemenu ul li a:hover{
background-color: #3237A3;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
	background: #DADAF2 url(img/arrow-down.gif) no-repeat center right;
	padding-right: 20px;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #B3B5EA url(img/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }

.wide {
	width: 150px;
}
.thin {
	width: 75px;
}
.thinx {
	width: 60px;
}


/* Page */

#page {
	width: 750px;
	float: left;
	background-color: #FFFFFF;
}
.widex {
	width: 100px;
}
.none {
	margin: 0px;
	padding: 0px;
}
#content2 {
	width: 828px;
	margin-left: auto;
	margin-right: auto;
}
/* Footer */

#footer {
	width: 828px;
	height: 115px;
	margin: 0 auto;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	clear: both;
}

#footer p {
	margin: 0;
	font-size: 77%;
}

#footer .links {
	float: left;
	padding: 15px 0 0 97px;
	color: #D7CE32;
}

#footer .legal {
	float: right;
	padding: 15px 62px 0 0;
	color: #D7CE32;
}

#footer a {
	color: #D7CE32;
}
/* Content */

#content {
	width: 423px;
	padding: 5px 5px 5px 5px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 15px;
}

#content .title {
	padding: 30px 10px 15px 49px;
	background-image: url(img/ice.jpg);
	background-repeat: no-repeat;
}

#content .content {
	padding: 20px 20px 1px 20px;
}

#welcome {
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url(images/img10.gif) no-repeat center bottom;
}

.floating-box {
	float: left;
	width: 160px;
	margin: 0 20px;
	font-size: 85%;
}

.floating-box .heading {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: url(images/img08.gif) repeat-x left bottom;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img {
	border: 5px solid #FFFFFF;
}
/* Sidebar */

#sidebar {
	width: 300px;
	padding: 5px 4px 5px 10px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 0px;
	top: 0px;
}

#sidebar h2 {
	margin-bottom: 1em;
}

#sidebar blockquote {
}

#sidebar blockquote p {
}

#links {
}
#pageleft {
	height: 200px;
	width: 39px;
	float: left;
	display: inline;
	background-image: url(../img/pageleft.jpg);
	background-repeat: no-repeat;
}


#links ul {
}

#links li {
}

#links a {
}
#pageright {
	height: 200px;
	width: 39px;
	display: inline;
	float: right;
	background-image: url(../img/pageright.jpg);
	background-repeat: no-repeat;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #0F388A;
}
#content .tools {
	padding: 30px 10px 15px 49px;
	background-image: url(img/tools.jpg);
	background-repeat: no-repeat;
}
#content .idea {
	padding: 30px 10px 15px 49px;
	background-image: url(img/idea.jpg);
	background-repeat: no-repeat;
}
#sidebar2 {
	width: 235px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 0px;
	top: 0px;
	background-image: url(../img/sidebar2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 1px;
}
#content2 .table {
	width: 325px;
	border: 0;
	line-height: 12pt;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#content3 {
	width: 488px;
	padding: 5px 5px 5px 5px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 15px;
}
#content3 .table {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

#content3 .title {
	font-family: Arial, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #22366A;
	padding-top: 16px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#border {
	background-image: url(../img/border.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 10px;
	width: 215px;
}




/*menu boczne*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
	border: none;
	border-bottom-width: 0;
	width: 215px;
	float: left;
	line-height: 19px;
}

#ddblueblockmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#ddblueblockmenu li a{
	display: block;
	padding: 3px 0;
	padding-left: 9px;
	width: 199px; /*185px minus all left/right paddings and margins*/
	text-decoration: none;
	color: #292C87;
	border-bottom-width: 0px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #DADAF2;
	border-left-color: #DADAF2;
	background-color: #DADAF2;
}

* html #ddblueblockmenu li a{ /*IE only */
	width: 187px; /*IE 5*/
	w\idth: 199px; /*185px minus all left/right paddings and margins*/
}
.obowiazkowe {
	font-size: 90%;
	color: #DD251B;
}


#ddblueblockmenu li a:hover {
	border-left-color: #595BCC;
	color: #000000;
}

#ddblueblockmenu div.menutitle{
	color: white;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #595BCC;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#content3 p {
	line-height: 80%;
}
.form1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A2D64;
	background-color: #E4E8F8;
	border: 0px outset #FFFFFF;
}

#ask {
	width: 488px;
}