
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	color: black;
	/*background: transparent url(images/background.jpg) repeat-x 0 0;*/
}

div {
	text-align: left;
}
img {
	border: 0;
}
p {
	border: 0;
	line-height: 130%;
}
#wrapper {
	width: 964px;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
}
#winieta {
	height: 158px;
	background: transparent url(images/logo2.png) no-repeat 0 0;
	position: relative;
	left: 7px;
	width: 950px;
}
#winieta h1 {
	position: absolute;
	top: 21px;
	left: 7px;
	margin: 0;
	padding: 0;
	z-index:-9999;
}

<!-- menu -->

#menu {
	width: 950px;
	background: transparent url(images/background_menu.png) repeat-x 0 0;
	text-decoration:none;
}
#menu ul { list-style:none;text-decoration:none;}

#menu li { float: left; height: 32px; list-style-type:none; }
#menu li a { display: block; height: 32px;  text-indent: -9999px; }
#menu li.start { width: 91px; }
#menu li.korzysci { width: 138px; }
#menu li.niezbednik { width: 169px; }
#menu li.rozliczenia { width: 217px; }
#menu li.archiwum { width: 107px; }
#menu li.raport { width: 155px; }
#menu li.start a { background-position: 0; background: transparent url(images/menu/start.png) no-repeat 0 0;text-decoration:none;}
#menu li.korzysci a { background-position: 0; background: transparent url(images/menu/korzysci.png) no-repeat 0 0;text-decoration:none;}
#menu li.niezbednik a { background-position: 0; background: transparent url(images/menu/niezbednik.png) no-repeat 0 0; }
#menu li.rozliczenia a { background-position: 0; background: transparent url(images/menu/rozliczenia.png) no-repeat 0 0;}
#menu li.archiwum a { background-position: 0; background: transparent url(images/menu/archiwum.png) no-repeat 0 0;}
#menu li.raport a { background-position: 0; background: transparent url(images/menu/raport.png) no-repeat 0 0;}
#menu li.start a:hover,
#menu li.start a.active { background-position: 0 -32px; }
#menu li.korzysci a:hover,
#menu li.korzysci a.active { background-position: 0 -32px; }
#menu li.niezbednik a:hover,
#menu li.niezbednik a.active { background-position: 0 -32px; }
#menu li.rozliczenia a:hover,
#menu li.rozliczenia a.active { background-position: 0 -32px; }
#menu li.archiwum a:hover,
#menu li.archiwum a.active { background-position: 0 -32px; }
#menu li.raport a:hover,
#menu li.raport a.active { background-position: 0 -32px; }


<!-- end -->
#gradient {
	width:950px;
	height: 25px;
	background: transparent url(images/gradient.png) no-repeat 0 0;
	margin: 0 7px 0 7px;
}
#bg_menu {
	width:950px;
	height: 32px;
	background: #663300;
/*	background: transparent url(images/background_menu.png) repeat-x 0 0;*/
	margin: 0 7px 0 7px;
	text-decoration:none;
}
#menuwrapper {
	/*width:800px;*/
	margin:0 auto;
}
#srodek {
	background: transparent url(images/background_content.png) repeat-y 0 0;
	width: 964px;
	overflow:auto;
	clear:both;
	margin:0;
	padding:0;
}

#top {	
	/*height: 34px;
	margin-top: 10px;
	background: transparent url(images/background_content_top.png) no-repeat 0 0;*/
}

#bottom {
	height: 34px;
	background: transparent url(images/background_content_bottom.png) no-repeat 0 0;
}
/*----[ lewa kolumna ]--------------------------------------------------*/
#srodek #lewa {
	width: 305px;
	float: left;
	margin: 5px 0px 15px 35px;
}
#lewa ul#menul {
	margin: 0 14px 40px;
	list-style: none;
	padding: 0;
}
#lewa ul#menul li {
	margin: 0 0 5px;
	padding: 0;
	border-bottom: 1px solid #e4e5de;
}
#lewa ul#menul li a {
	display: block;
	padding: 5px 5px 5px 15px;
	background: transparent url(images/menu_out.gif) no-repeat left center;
	font-size: 11px;
	font-weight: bold;
	color: #24313a;
	text-decoration: none;
}
#lewa ul#menul li a:hover, #lewa ul#menul li a.activel {
	background: #378517 url(images/menu_over.gif) no-repeat left center;
	color: #fff;
}
#lewa .margin_boksy {
	margin-top: 35px;
}

/*----[ srodkowa kolumna ]--------------------------------------------------*/
#srodek #tresc {
	width: 395px;
	float: left;
	margin: 5px 10px 15px 15px;
}
#tresc p {
	line-height:150%;
	padding:7px;
}
#tresc li {
	padding:0!important;
}
#tresc ul li {
	margin-left:20px!important;
}
#tresc .tresc_link {
	text-align:center;
	color:blue;
}
#tresc h2 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	margin-bottom: 10px;
}
#tresc h3 {
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	color: #47771f;
}
#tresc h3.bz {
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	background: #378517;
	color: #fff;
	display: inline;
	padding: 3px;
}
#tresc .zielony {
	color: #378517;
}
#tresc .center {
	text-align: center;
}
#tresc .do_lewej {
	float: left;
}
#tresc .do_prawej {
	float: right;
}
#tresc .tak_chce {
	text-align: center;
	margin-top: 20px;
}
#tresc .ramka {
	border: 1px solid #378517;
	background: #ddead8;
	padding: 15px 15px 0;
	margin: 15px 0;
}
#tresc input {
	/*border: 1px solid #378517;*/
	margin: 5px 0;
	font-size: 11px;
	padding: 2px;
}
#tresc a {
	color: #378517;
}
#tresc a:hover {
	color: #22580c;
}
#tresc ol {
	
}
#tresc ol li {
	margin: 3px 0;
}
#tresc ol.zawartosc {
	list-style: upper-roman;
}
#tresc ol.zawartosc li.li_zawartosc {
	margin: 3px 0;
	font-family: Georgia, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #47771f;
}
#tresc ul {
	/*list-style: none;*/
	margin: 0;
	padding: 0;
}
#tresc ul li {
	margin: 3px 0;
	padding: 0 0 0 15px;
}
#tresc ul li.li_bez {
	padding: 0;
	margin: 8px 0 3px;
	background: none;
	font-weight: bold;
}
#tresc ul#menu_srodek li {
	background: none;
}
#tresc ul#menu_srodek li a {
	margin: 0;
	padding: 0 0 0 12px;
	background: transparent url(images/menu_strzalka.gif) no-repeat 0 3px;
	color: #4a4a4a;
	font-size: 11px;
	text-decoration: none;
	display: block;
}
#tresc ul#menu_srodek li a:hover {
	color: #252525;
	text-decoration: underline;
}
/*----[ prawa kolumna ]--------------------------------------------------*/
#srodek #prawa {
	width: 184px;
	float: left;
}
#prawa ul#menup {
	margin: 0;
	padding: 0;
	list-style: none;
}
#prawa ul#menup li {
	margin: 0 15px 10px 15px;
	padding: 0;
}
#prawa ul#menup li.naglowek_menu {
	margin: 0;
	padding: 0;
}
#prawa ul#menup li.naglowek_menu a {
	margin: 0;
	padding: 0;
	background: none;
}
#prawa ul#menup li a {
	margin: 0;
	padding: 0 0 0 12px;
	background: transparent url(images/menu_strzalka.gif) no-repeat 0 3px;
	color: #4a4a4a;
	font-size: 11px;
	text-decoration: none;
	display: block;
}
#prawa ul#menup li a:hover {
	color: #252525;
	text-decoration: underline;
}

/*---clearfix----*/

.clear {
       clear: both;
       height: 1px;
       font-size: 1px;
       line-height: 1px;
       margin-bottom: -1px;
}

* { margin:0}

.dropdown {float:left; margin:0 6px 0 6px; padding:0;text-decoration:none;}
/*.dropdown dt {background:url(images/background_menu.png);  height:16px; padding:8px; font-weight:bold; color:white;}
.dropdown dt:hover {background:url(images/background_menu.png); background-position: 0 -32px;} */
.dropdown dt {height:16px; padding:8px; font-weight:bold; color:white;font-size:13px;margin-left:6px;text-decoration:none;}
.dropdown dt:hover {background-position: 0 -32px;text-decoration:none;}
.dropdown dd {position:absolute; overflow:hidden;  display:none; background:#fff; z-index:200; opacity:0;text-decoration:none;}
.dropdown ul { border:2px solid #b9dded; list-style:none; border-top:none; padding:0;text-decoration:none;  }
.dropdown li {display:inline;text-decoration:none;}
.dropdown a {display:block; padding:5px; color:white; font-weight:bold; text-decoration:none; background:#663300;text-decoration:none; }
.dropdown a:hover {text-decoration:none}
.dropdown .underline {text-decoration:none;}


#stopka {
	font-size: 10px;
	color: #8b8b8b;
	width: 100%;
	line-height: 130%;
	text-align: center;
	margin-bottom:15px;
}


#footer {
	font-size: 10px;
	color: #8b8b8b;
	width: 400px;
	line-height: 130%;
	text-align: center;
	margin-bottom:15px;
	margin-left:200px;
	display:inline;
}



/*----inne----*/

.formularz {
	margin:20px;
}

.formularz #submit {
	border:none;
}

.element_hide { text-align:left;display:none; overflow:auto;}

.rozwijane a {color:blue!important;text-decoration:none;}

.dropdown dd {width:148px;margin-left:15px;}
div.przyklad{
background:#eee;margin-bottom:10px ;border:1px solid #ddd;
}
