/****************************************************************************/
/* ZEROWANIE ****************************************************************/
/****************************************************************************/

* {
   margin: 0;
   padding: 0;
}

body {
   text-align: center;
   background: url('gfx/seamless-back.jpg') repeat-y 50% fixed;
   
}

em,h1,h2,h3,h4,h5,p,strong,a,ul {
   font-family: Gautami,Georgia,"Times New Roman",Helvetica,serif;
}

/****************************************************************************/
/* CONTAINER ****************************************************************/
/****************************************************************************/

#container {

   width: 751px;
   margin: 0 auto;
   text-align: left;
   position: relative;
   left: 4px;
}

/****************************************************************************/
/* TOP **********************************************************************/
/****************************************************************************/

#top {
   height: 204px;
   background: url('gfx/top.jpg') no-repeat 0 50%;
   overflow: hidden;
}

#top div {


}
/****************************************************************************/
/* LOGO *********************************************************************/
/****************************************************************************/
#top #logo {
   width: 320px;
   overflow: hidden;
   float: left;
}
#top #logo a {
 
   display: block;
   height: 130px;
   width: 240px;
   margin: 30px 0 0 40px;
   overflow: hidden;
   text-indent: -999px;

}

#logo a:hover {
   background: url('gfx/top.jpg') -39px -29px;
}
#top #logo h2 {
   display: none;
}

/****************************************************************************/
/* RAMKA Z KEYWORDSAMI W TOPIE **********************************************/
/****************************************************************************/

#top #top-frame {

   width: 186px;
   float: left;
}

#top #top-frame p {
   text-align: center;
   margin: 50px 20px;
   font-size: 11px;
   line-height: 180%;
}

/****************************************************************************/
/* NAWIGACJA ****************************************************************/
/****************************************************************************/

#top #nav {
   float: left;
   width: 234px;

}

#top #nav ul {

   display: block;
   width: 210px;
   margin: 20px 0 0 10px;
}

#top #nav ul li {
   display: block;
   width: 210px;
   height: 50px;
   overflow: hidden;
   list-style: none;
}

#top #nav ul li a {
   background: url('gfx/navi.jpg') no-repeat 0 0;
   display: block;
   width: 210px;
   height: 50px;
   text-indent: -300px;
}

/****************************************************************************/
/* SLIDING DOORS ************************************************************/
/****************************************************************************/

#top #nav ul li a.navi1 {background-position: 0 0;}
#top #nav ul li a.navi2 {background-position: 0 -50px;}
#top #nav ul li a.navi3 {background-position: 0 -100px;}

#top #nav ul li a.navi1:hover {background-position: -210px 0;}
#top #nav ul li a.navi2:hover {background-position: -210px -50px;}
#top #nav ul li a.navi3:hover {background-position: -210px -100px;}

#top #nav ul li a.navi1:active,#top #nav ul li a.navi1active {background-position: -421px 0;}
#top #nav ul li a.navi2:active,#top #nav ul li a.navi2active {background-position: -421px -50px;}
#top #nav ul li a.navi3:active,#top #nav ul li a.navi3active {background-position: -421px -100px;}


/****************************************************************************/
/* TOP IMAGE ****************************************************************/
/****************************************************************************/

#top-image {

   clear: both;
   margin-top: 0px;

}

/****************************************************************************/
/* CONTENT ******************************************************************/
/****************************************************************************/

#content {
   margin: 0 9px 0 11px;
   padding-bottom: 15px;
   background: url('gfx/line.gif') no-repeat 50% 100%;
}
#content h1 {
   display: block;
   background: url('gfx/header.jpg') no-repeat 0 0;
   font-size: 21px;
   padding: 40px 0 30px 90px;
   font-weight: normal;

}

#content p {
   font-size: 15px;
   line-height: 160%;
   text-align: justify;
   margin: 0 42px 20px 40px;
   padding-bottom: 10px;

}
#content ol,#content ul {
   display: block;
   padding-left: 90px;
   list-style-type: upper-roman;
   font-weight: bold;
   font-size: 12px;
   font-variant: small-caps;
   margin-bottom: 30px;
}

#content li {
   margin-bottom: 10px;
}
#content ul li{
   list-style: none;
   background: url('gfx/punctor.gif') no-repeat 0 0;
}
#content ol em, #content ul em {
   font-weight: normal;
   text-decoration:none;
   font-style: normal;
   font-variant: normal;
   font-size: 16px;
}

#content img {
   float: left;
   border: 6px #eee solid;
   margin-left: 40px;
   margin-right: 10px;
   margin-bottom: 1px;
   margin-top: 10px;

}
/****************************************************************************/
/* FOOTER *******************************************************************/
/****************************************************************************/
#footer {
   margin-top: 24px;


}

#footer-header h2
{
   display: block;
   width: 380px;
   float: right;
}

#footer-header h3 {
   width: 220px;
   height: 40px;
   display: block;
   float: left;
   background: url('gfx/header2.gif') no-repeat 44px 0;
   padding-left: 48px;
   padding-top: 18px;
   text-indent: 54px;
   font-weight: normal;
   font-size: 21px;
   border-right: 1px dotted #999;
}

#footer-header h2 {
   font-weight: normal;
   font-size: 16px;
   text-align: right;
   padding-right: 70px;
   color: #333;
   background: url('gfx/footer.gif') no-repeat 0 25%;

}
#footer-header h2 em {
   display: block;
   font-style: normal;
   color: #666;
   line-height: 340%;
}

#footer-linki {
   clear: both;
   margin-left: 70px;
}

#footer-linki ul {
   list-style: none;


}
a {
   color: #3A87AB;
   padding: 3px;
}

 a:hover {
   background: #3A87AB;
   color: white;
   text-decoration: none;
}
#footer-linki li {
   background: url('gfx/punctor.gif') no-repeat 0 0;
   padding-lefT: 33px;
   margin-bottom: 3px;
   padding-top: 2px;
   color: #333;
   width: 160px;
   overflow: hidden;
   display: block;
   height: 12px;
   float: left;
   font:11px Arial,verdana,sans-serif;
   text-decoration: none;

}

#footer-linki li a{
   text-decoration: none;
   font-family: arial,sans-serif;


}