body {
 font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
 color:#000;
 margin:0;
 background:url(images/body.jpg) top repeat-x #121212;
 background-attachment:fixed;
}

* {
 margin:0;
 padding:0; }
 
 a {
  color:#222;
  border-bottom:1px dotted #7800C0;
  text-decoration:none; }
 
 a:hover {
  border-bottom:1px solid #7800C0; }
 
#content img {
 padding:5px;
 border:1px solid #eee; }

#page {
 background:#1e1e1e;
 padding:0 10px 10px 10px;
 width:760px;
 margin:0 auto; }

#page_in {
 width:740px;
 background:url(images/footer.jpg) bottom repeat-x #fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 padding:0 10px 10px 10px; }

#nav {
 float:right;
 border:none;
 padding:0;
 margin:0; }

#nav li {
 float:left;
 list-style:none;
 margin:0 4px 0 0;
 padding:0; }

#nav li a {
 display:block;
 padding:10px 10px 5px 10px;
 background:#fff;
 color:#444;
 text-decoration:none;
 text-transform:uppercase;
 margin:0 1px 0 0; }

#nav li a:hover {
 background:url(images/nav_a_hover.jpg) top center no-repeat #fff;
 color:#000; }

#container {
 clear:both;
 padding:10px 0 0 0; }

p.logo {
 background:url(images/logo.jpg) no-repeat;
 height:264px; }

#right_side_news { 
 width:230px;
 float:right;
 background:url(images/sidebar.jpg) top right no-repeat #fff;
 padding:0px 20px 10px 10px;
 margin:-30px 0 0 0; }

#content {
 margin:0 260px 0 5px;
 padding:0px 10px 0 0; }

#content h2 {
 font:2.2em Arial;
 color:#121212;
 letter-spacing:-1px;
 margin:10px 0;
 border-bottom:2px solid #F3E9F6;
 background:url(images/h2.jpg) bottom left no-repeat;
 clear:left; }
 
#content p {
 margin:15px 0;
 font-size:110%;
 line-height:21px; }
 
/* Nagłówki
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ 
#content h3 {
 font:1.8em Trebuchet MS;
 color:#555;
 margin:10px 0; }
 
/* Menu - top
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ 
ol.subnav {
 margin:-10px 0 0 -5px;
 padding:0; }
 
ol.subnav li {
 float:left;
 list-style:none;
 margin:0;
 padding:0; }
 
ol.subnav a {
 font-weight:bold;
 color:#555;
 border-top:2px solid #fff;
 display:block;
 padding:5px;
 text-decoration:none;
 margin:0 5px 0 0;
 border-bottom:none; }
 
ol.subnav a:hover {
 border-top:2px solid #7800C0;
 color:#121212;
 border-bottom:none; }

#right_side_news h2 {
 color:#333;
 margin:10px 0;
 font-size:1.3em; }

p.news {
 background:#F3E9F7;
 padding:10px;
 margin:0 0 10px 0;
 border-left:5px solid #EFE2F4; }

p.news a.more {
 display:block;
 color:#333;
 text-decoration:none;
 text-align:right;
 border:none; }
 
/* Blok z Newsami - można również zamiescic tam inne elementy
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#right_side_news ul {
 list-style:none;
 border-top:1px solid #eee;
 border:none;
 padding:0;
 margin:0; }
 
#right_side_news ul li {
 border-bottom:1px solid #eee;
 padding:5px;
 margin:0; }
 
#right_side_news ul li a {
 color:#0066dd;
 text-decoration:none; }
 
#right_side_news ul li a:hover {
 color:#0033aa; }
 
/* Dodatki
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ 
blockquote {
 padding:0 0 0 10px;
 border-left:5px solid #F0E4F4; }

ul { 
 margin:10px 10px 10px 0;
 padding:0 0 0 15px;
 border:1px solid #eee; }
 
li {
 margin:0 0 0 10px;
 padding:5px; }
 
input {
 padding:5px;
 border:1px solid #eee;
 color:#555;
 width:220px; }
 
/* Stopka
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ 
#footer {
 text-align:center;
 border-top:2px solid #000;
 padding:10px;
 margin:30px 0 0 0;
 color:#ccc;
 width:760px;
 margin:0 auto; }
 
#footer a {
 color:#eee; }