#menu-top {
background-image:url(menu-top.png);
background-repeat: no-repeat;
position: relative;
width: 192px;
height: 34px;
margin-left: 10px;
top: 10px;
}

#menu  {
background-image:url('menu.png');
background-repeat: no-repeat;
width: 192px;
height: 306px;
margin:0;
padding:0;
position: relative;
margin-left: 10px;
float: left;
top: 20px;
}

#menu li {position: absolute;}
#menu li, #menu a{display:block;width:192px;height:34px;}

#menu1 {top: 0px;  width: 192px;}
#menu2 {top:34px; width: 192px;}
#menu3 {top:68px; width: 192px;}
#menu4 {top:102px; width: 192px;}
#menu5 {top:136px; width: 192px;}
#menu6 {top:170px; width: 192px;}
#menu7 {top:204px; width: 192px;}
#menu8 {top:238px; width: 192px;}
#menu9 {top:272px; width: 192px;}

#menu1 a:hover {background: transparent url(menu.png) -192px 0px no-repeat;}
#menu2 a:hover {background: transparent url(menu.png) -192px -34px no-repeat;}
#menu3 a:hover {background: transparent url(menu.png) -192px -68px no-repeat;}
#menu4 a:hover {background: transparent url(menu.png) -192px -102px no-repeat;}
#menu5 a:hover {background: transparent url(menu.png) -192px -136px no-repeat;}
#menu6 a:hover {background: transparent url(menu.png) -192px -170px no-repeat;}
#menu7 a:hover {background: transparent url(menu.png) -192px -204px no-repeat;}
#menu8 a:hover {background: transparent url(menu.png) -192px -238px no-repeat;}
#menu9 a:hover {background: transparent url(menu.png) -192px -272px no-repeat;}

/* ===================================================================================== */
 
#galeria-wrapper h1, #dokumenty-wrapper h1, #poradnictwo-wrapper h1 {
font-family:Verdana,  sans;
font-size:18px;
font-weight: bold;
text-align: center;
color: #224;
}

#galeria-wrapper img {
display:inline;
padding:3px;
border: 1px solid #224;
width: 160px;
height: 120px;
margin: auto;
margin-left: 10px;
margin-bottom: 5px;
}

/* ===================================================================================== */

#dokumenty-wrapper ul {
font-family:Verdana, sans;
font-size:13px;
font-weight: bold;
text-align: left;
color: #224;
margin: 0 auto;
line-height: 28px;
list-style-type: disc;
}

#dokumenty-wrapper a{
font-family:Verdana, sans;
font-size:12px;
font-weight: normal;
text-align: left;
color: #229;
text-decoration: none;
}

#dokumenty-wrapper a:hover {
font-family:Verdana, sans;
font-size:12px;
font-weight: normal;
text-align: left;
color: #229;
text-decoration: underline;
}

/* ===================================================================================== */

#poradnictwo-wrapper ul {
font-family:Verdana, sans;
font-size:13px;
font-weight: bold;
text-align: left;
color: #224;
margin: 0 auto;
line-height: 34px;
list-style-type: disc;
width: 330px;
font: 90%/160% verdana, sans-serif;
letter-spacing: 0.1px;
}
#poradnictwo-wrapper h2 {font: 90%/160% verdana, sans-serif; font-weight: bold;text-align: center;}
#poradnictwo-wrapper li {padding: 5px;}
#poradnictwo-wrapper li ul {line-height: 10px;}

#poradnictwo-wrapper a{
font-family:Verdana, sans;
font-size:12px;
font-weight: bold;
text-align: left;
color: #229;
text-decoration: none;
}

#poradnictwo-wrapper a:hover {
font-family:Verdana, sans;
font-size:12px;
font-weight: bold;
text-align: left;
color: #229;
text-decoration: underline;
}

/* ===================================================================================== */

 #kontakt-wrapper {
font-family:Verdana,  sans;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #224;
}

#kontakt-wrapper h1 {font-size:20px;}
#kontakt-wrapper h2 {font-size:16px;line-height: 36px;}

#kontakt-wrapper a{color: #227;text-decoration: none;}
#kontakt-wrapper a:hover{color: #227;text-decoration: underline;}

#kontakt-wrapper p {margin-top: 30px;}

/* ===================================================================================== */

 #o-nas-wrapper {
font-family:Verdana,  sans;
font-size: 12px;
font-weight: normal;
text-align: justify;
color: #224;
margin: auto;
}

#o-nas-wrapper h1 {font-size: 20px; font-weight: bold; text-align: center;}

#o-nas-wrapper h2 {font-size: 16px; font-weight: bold; text-align: left;}

#o-nas-wrapper p {padding: 0px 50px;line-height: 16px;text-indent: 40px;
font: 100%/160% Verdana, sans;
letter-spacing: 0.1px;
}

#o-nas-wrapper ol {padding: 0px 50px;line-height: 16px;}

#o-nas-wrapper ul {
font-family:Verdana, sans;
font-size:13px;
font-weight: bold;
text-align: left;
color: #224;
margin: 0 auto;
line-height: 28px;
list-style-type: disc;
}

#o-nas-wrapper ul a{
font-family:Verdana, sans;
font-size:12px;
font-weight: normal;
text-align: left;
color: #229;
text-decoration: none;
}

#o-nas-wrapper ul a:hover {
font-family:Verdana, sans;
font-size:12px;
font-weight: normal;
text-align: left;
color: #229;
text-decoration: underline;
}

/* ==================================================================================================== */
/* NEWSY
/* ==================================================================================================== */
.newsPost {
margin: auto;
margin-top: 10px;
width: 700px;
height: auto;
background: transparent;
color: #000;
}

.newsTitle {
text-align: left;
font-family:Verdana, serif;
font-size:16px;
font-weight:bold;
width:550px;
border-bottom: 1px dotted #225;
margin-right: 90px;
width: 600px;
}

.newsDate {
text-align: center;
float:right;
font-family:Tahoma, serif;
font-size:12px;
font-weight:bold;
width:62px;
height: 68px;
line-height: 22px;
background-image: url(date.png);
background-repeat: no-repeat;
}

.newsContent{
text-indent: 40px;
margin-top: 5px;
text-align:justify;
width: 600px;
font-family:Verdana, serif;
font-size:12px;
font-weight:normal;
height: auto;
line-height: 20px;
margin-right: 90px;
letter-spacing: 0.1px;
}

.newsContent ul, .newsContent ol {
padding: 10px;
padding-left: 30px;
margin: 0;
text-indent: 0px;
}

.newsContent a{
color: #006;
font-weight: normal;
border-bottom: 1px dotted #006;
text-decoration: none;
}

.newsContent a:hover{
color: #006;
border-bottom: 1px solid #006;
}