body{
    text-align : center;
    margin : 0 auto;
    padding : 0;
    background : #b4d3fa url(../images/bg.png) repeat-x 0 0;
}

img { behavior: url(css/iepngfix.htc); }

#kontener {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 8pt;
    width : 904px;
    height : auto;
    margin : 0 auto;
    padding : 5px 0;
}
#ng {
    background-attachment : scroll;
    background : url(../images/ng.png) no-repeat 0 0;
    width : 904px;
    height : 190px;
    position : relative;
    }
#ng2 {
    background-attachment : scroll;
    background : url(../images/ng2.png) no-repeat 0 0;
    width : 904px;
    height : 190px;
    position : relative;
}
#ng3 {
    background-attachment : scroll;
    background : url(../images/ng3.png) no-repeat 0 0;
    width : 904px;
    height : 190px;
    position : relative;
}
#ng4 {
    background-attachment : scroll;
    background : url(../images/ng4.png) no-repeat 0 0;
    width : 904px;
    height : 190px;
    position : relative;
}
#ng_logo {
    background-attachment : scroll;
    background : url(../images/ng_logo.png) no-repeat 0 0;
    width : 223px;
    height : 214px;
    overflow : hidden;
    position : absolute;
    top : -10px;
    left : -22px;
}
*html #ng_logo {	
    position: relative;
    overflow: hidden;		
    -ie-exp: expression(
    this.parsed ? 0 : (
    this.style.backgroundImage = 'none',
    bg = document.createElement('div'),
    bg.id = 'iebg',
    this.appendChild(bg),
    this.parsed = 1));}
*html #ng_logo {
    position: absolute;
    top: -10px;
    left: -22px;
    width: 223px;
    height: 214px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ng_logo.png',sizingMethod='scale');
    z-index: 1;}
#ng_logo2 {
    background-attachment : scroll;
    background : url(../images/ng_logo2.png) no-repeat 0 0;
    width : 223px;
    height : 214px;
    overflow : hidden;
    position : absolute;
    top : -10px;
    left : -22px;
}
*html #ng_logo2 {	
    position: relative;
    overflow: hidden;		
    -ie-exp: expression(
    this.parsed ? 0 : (
    this.style.backgroundImage = 'none',
    bg = document.createElement('div'),
    bg.id = 'iebg',
    this.appendChild(bg),
    this.parsed = 1));}
*html #ng_logo2 {
    position: absolute;
    top: -10px;
    left: -22px;
    width: 223px;
    height: 214px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ng_logo2.png',sizingMethod='crop');
    z-index: 1;}
#ng_logo3 {
    background-attachment : scroll;
    background : url(../images/ng_logo3.png) no-repeat 0 0;
    width : 223px;
    height : 214px;
    overflow : hidden;
    position : absolute;
    top : -10px;
    left : -22px;
}
*html #ng_logo3 {	
    position: relative;
    overflow: hidden;		
    -ie-exp: expression(
    this.parsed ? 0 : (
    this.style.backgroundImage = 'none',
    bg = document.createElement('div'),
    bg.id = 'iebg',
    this.appendChild(bg),
    this.parsed = 1));}
*html #ng_logo3 {
    position: absolute;
    top: -10px;
    left: -22px;
    width: 223px;
    height: 214px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ng_logo3.png',sizingMethod='crop');
    z-index: 1;}
#ng_logo4 {
    background-attachment : scroll;
    background : url(../images/ng_logo4.png) no-repeat 0 0;
    width : 223px;
    height : 214px;
    overflow : hidden;
    position : absolute;
    top : -10px;
    left : -22px;
}
*html #ng_logo4 {	
    position: relative;
    overflow: hidden;		
    -ie-exp: expression(
    this.parsed ? 0 : (
    this.style.backgroundImage = 'none',
    bg = document.createElement('div'),
    bg.id = 'iebg',
    this.appendChild(bg),
    this.parsed = 1));}
*html #ng_logo4 {
    position: absolute;
    top: -10px;
    left: -22px;
    width: 223px;
    height: 214px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ng_logo4.png',sizingMethod='crop');
    z-index: 1;}

#ng_st_ulub {
    position:absolute;
    top:8px;
    right:10px;}
#ng_st_ulub a{color:#9eccff;
     background: url(../images/p_arrow.png) 0% 40% no-repeat;
     padding:0 10px;
     text-decoration:none;
     font-size:8pt;}
#ng_st_ulub a:hover{color:#7cb9fd;
     background: url(../images/p_arrow2.png) 0% 55% no-repeat;
     padding:0 10px;
     text-decoration:none;
     font-size:8pt;}
.img_nagl{
    margin-top:6px;
    margin-bottom:15px;}

#kont2sr {
    text-align: left;
    width:904px;

    vertical-align: top;
    background-attachment:scroll;
    background: url(../images/kont2sr.gif) center 0 repeat-y;}
#kont2gr {
	height:7px;
	width:904px;
	background-attachment:scroll;
	background: url(../images/kont2gr.gif) center 0 no-repeat;}
/*############################################################################################### */
*html #kont2gr {
	height:7px;
	width:904px;
	margin-bottom:-6px;
        background-attachment:scroll;
	background: url(../images/kont2gr.gif) center 0 no-repeat;}
/*###############################################################################################*/
#kont2dl {
	height:7px;
	width:904px;
        background-attachment:scroll;
	background: url(../images/kont2dl.gif) center 0 no-repeat; }
#lkol {
   float:left;
   margin:0 0 0 2px;
   padding:0;
   width:180px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;}
#pkol {
   float:left;
   width:705px;
   padding:0;
   margin:0 0 0 5px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;}
#dol {
 font-size: 8pt;
 color:white;
 padding-left:8px;
 vertical-align: top;
 text-align:center;}
#dol li {
    display: inline;
    margin-right:4px;}
#dol a {
 text-decoration:none;
 padding-left:8px;
 color:#055db5;
 background: url(../images/arrow_116.gif) 0 70% no-repeat;}
#dol a:hover {
 text-decoration:none;
 padding-left:8px;
 color:#d2eff9;
 background: url(../images/arrow_115.gif) 0 70% no-repeat;}
p {
   font-family: Verdana, Arial, Helvetica, sans-serif;}
p:first-letter {
  font-size: 12pt;
  color: #597aa7;
  font-weight:bold;}
.pog_color_nieb {
 color: #597aa7;
 font-weight:bold;}
.pog_color_szar {
 color: #717171;
 font-weight:bold;}
.normal_justify{
    text-align: justify;}


/*#####################################  główne menu #############################################################*/

#gl_menu {width:180px;}

#gl_menu ul {
   margin:0;
   padding:0;
   text-align:right;
   white-space: nowrap;
   list-style:none;}
   
#gl_menu li.gl_menu_gr {
   height:25px;
   background: url(../images/gl_menu_gr.png) 0 0 no-repeat;}
#gl_menu li.gl_menu_dl {
   height:12px;
   background: url(../images/gl_menu_dl.png) 0 0 no-repeat;}
/*#############################################################################*/
*html #gl_menu li.gl_menu_dl {
   margin-bottom:-4px;
   background: url(../images/gl_menu_dl.png) 0 0 no-repeat;}
/*#############################################################################*/
#gl_menu li.dla_firm {
   height:22px;
   background: url(../images/dla_firm.png) 0 0 no-repeat;}
#gl_menu li.ogloszenia {
   height:22px;
   background: url(../images/ogloszenia.png) 0 0 no-repeat;}
#gl_menu li.kontakt {
   height:22px;
   background: url(../images/kontakt.png) 0 0 no-repeat;}
#gl_menu li {
   padding-right:7px;
   background: url(../images/gl_menu_sr.png) 0 0 repeat-y;}
#gl_menu li.pod_menu {
   padding-right:7px;
   background: url(../images/tlo_menu.png) 0 0 repeat-y;}

/* link strona główna */
#gl_menu li.link_gl {
   padding-right:4px;}

#gl_menu li.gl_menu_gr span, #gl_menu li.gl_menu_dl span,
#gl_menu li.dla_firm span, #gl_menu li.ogloszenia span, #gl_menu li.kontakt span{
   visibility: hidden;}

/*przerwa*/
#gl_menu ul li.pod_menu_przerw {
  height:5px;
  background: url(../images/tlo_menu.png) 0 0 repeat-y;}
*html #gl_menu ul li.pod_menu_przerw {
  margin-bottom:-10px;
  background: url(../images/tlo_menu.png) 0 0 repeat-y;}
/*linki glownego menu*/
#gl_menu ul li a {
    text-decoration:none;
    color:white;}
#gl_menu ul li a:hover{
    border-bottom: 1px solid red;
    color:white;}

/*linki pod menu*/
#gl_menu ul li.pod_menu a {
    text-decoration:none;
    color:#195c75;
    font-size:9pt;}
#gl_menu ul li.pod_menu a:hover{
  border-bottom: 1px solid red;
  color:#018d28;
  font-size:9pt;}

/*BIP*/
#gl_menu li.bip a{
      padding-left:20px;
      color:white;
      font-weight:bold;
      background: url(../images/bip.gif) 0% 50% no-repeat;}
#gl_menu li.bip a:hover{
      padding-left:20px;
      color:red;
      font-weight:bold;
      background: url(../images/bip.gif) 0% 50% no-repeat;
      border-bottom: 1px solid red;}


/*#####################################  menu tworczosc #####################################################*/
#gl_tworczosc {
    width:180px;
    height:138px;
    background: url(../images/gl_tworczosc.png) 0 0 no-repeat;}
#gl_tworczosc ul {
   margin:0;
   padding:30px 0;
   text-align:right;
   white-space: nowrap;
   list-style:none;}
#gl_tworczosc li {
   padding:0 7px;}
*html #gl_tworczosc li {
   padding:0 7px;
   margin-bottom: 15px;}
#gl_tworczosc ul li a{
   text-decoration:none;
   color:white;}
#gl_tworczosc ul a:hover{
    border-bottom: 1px solid red;
    color:white;}
/*#####################################  menu tworczosc #####################################################*/
    
.komunikat {
    color:red;
    font-weight:bold;
    padding-left:20px;
    background: url(../images/People_002.gif) 0% 0% no-repeat;
    text-align:center;}
.odstep {margin-bottom:4px;}
.cl {
	font-size:0;
	line-height:0px;
	display:block;
	clear:both;
	height:0px;
	width:100%;}

a {text-decoration:none; color:#999999;}

a.mail {
color:black;}
a.mail:hover {
color:#999999;
border-bottom:1px dotted red;}
a.mail2 {
color:#999;}
a.mail2:hover {
color:#999999;
border-bottom:1px dotted red;}

.plan {border:10px; background-color:#999999;}

#pkol table {border:1px solid #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    empty-cells: show;  border-collapse: collapse;
    width:100%;}
*html #pkol table {border:1px solid #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    empty-cells: show;  border-collapse: collapse;
    width:97%;}
#pkol th {
    height:30px;
    background-color:#b8bdc8;
    color:white;
    font-weight:bold;
    font-style:italic;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;}
#pkol td {
   height:20px;
   text-align:left;
   background-color:#f8f0e0;
   border-bottom:1px solid #999999;
   padding-left:5px;
   }
#pkol .cena {
   height:15px;
   width:10%;
   text-align:center;
   background-color:#cccfd6;
   border-bottom:1px solid #b1b1b2;
   border-left:1px solid #b1b1b2;}

.oplywanie{float:left;}

UL {
    list-style:none;}
.srodek {text-align:center;}
.ozdobnik {
    background: url(../images/p_arrow2.png) 0 0 no-repeat;
    padding-left:8px;}

.przerwa {text-align:center;
          background-color:white;
          border:1px solid white;}


#st_glowna {
padding-top:8px;
text-align:center;}
#st_glowna img {margin:5px 0 0 0;}

#podstrony {margin:0 0 5px 0;}
#podstrony a{color:#4c5978;
     padding:0 10px;
     text-decoration:none;
     font-size:8pt;}
#podstrony a:hover{color:#098600;
     padding:0 10px;
     text-decoration:none;
     font-size:8pt;}

#poradnia {
 padding:8px 4px ;
 text-align:center;
}
#poradnia table {border:none;}
#poradnia .topa {height:78px; background: url(../reklama/img/Untitled-1_01.jpg) 0% 0% no-repeat; border:none;}
#poradnia .sr { border:none; height:856px; background: url(../reklama/img/Untitled-1_02.jpg) 0% 0% no-repeat; background-color:white;}
#poradnia .bottoma {height:66px; background: url(../reklama/img/Untitled-1_03.jpg) 0% 0% no-repeat; border:none;}

a.przenies{background: url(../images/arrow_127.gif) 0% 70% no-repeat;
           padding:0 16px;
           margin:0;
           color:#0089af; }
a.przenies:hover{background: url(../images/gal1.gif) 0% 70% no-repeat;
           padding:0 18px;
           margin:0;
           color:#0089af;}

a.dogory{background: url(../images/arrow_127c.gif) 100% 100% no-repeat;
           margin:0;
           color:#0089af;
           display:block;}
a.dogory:hover{background: url(../images/arrow_127c.gif) 100% 90% no-repeat;
           margin:0;
           color:#0089af;}
a.dogory span{visibility:hidden;}


h4{display:block;
   text-align:center;
   font-weight:bold;
   font-style:italic;
   color: #597aa7;}
           
/*#########################################   galeria  ########################################################*/
#galeria{
      float:left;
      width:100%;
      line-height:normal;}
#galeria a.tab1{
    display:block;
    font-size:10pt;
    color:#787d86;
    background: url(../images/gal1.gif) 100% 100% no-repeat;
    border-bottom:1px solid #c4c4c4;
    padding-right:15px;
    margin-right:5px;
    margin-bottom:2px;}
#galeria a.tab1:hover{
    display:block;
    font-size:10pt;
    color:#787d86;
    background: #c4c4c4 url(../images/arrow_127b.gif) 100% 100% no-repeat;
    padding-right:15px;
    margin-right:5px;}
*html #galeria a.tab2 {
       text-decoration:none;
       display:block;
       height:1%;
       width:1%;
       float:left;
       padding:5px;
       margin-top:14px;
       margin-right:5px;
       margin-bottom:4px;
       background-color:#cccfd6;
       border:1px solid #adb1b9;}
#galeria img.tab3 {
  padding:5px;
  background-color:#cccfd6;
  border:1px solid #adb1b9;}


.odp_1 {width:105px;
        height:75px;
        background: url(../images/zapyt.png) 0% 0% no-repeat; }
.odp_1b {width:105px;
        height:75px;
        background: url(../images/rece.png) 0% 0% no-repeat; }
.odp_1,.odp_1b {
text-align:center;
color:#8992a9;
background-color:white;
border:none;}

.ogl1{width:125px;
      height:74px;
      background: url(../images/ogloszenia2.png) 0% 0% no-repeat;
      vertical-align: middle;}
      
a.biuletyn {margin-left:30px; margin-bottom:3px;
            display:block;
            background-color:#f8f0e0;
            border:1px solid #999999;
            width:300px;}
a.biuletyn:link {color: #999999; font-style:italic; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none;  text-align: center; }
a.biuletyn:visited {color: #333333; font-style:italic; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; text-align: center; }
a.biuletyn:active {color: #999999; font-style:italic; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; text-align: center; }
a.biuletyn:hover {color: #333333; font-style:italic; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none;  text-align: center; }

#mapa_strony {
    text-align:left;
    font-size: 9pt;
}

#mapa_strony ul.poziom0 {
    padding-left:0;
    margin-bottom:10px;
}
#mapa_strony ul.poziom0 span {
padding-left:10px;
font-style: italic;
font-size:11pt;
font-weight:600;
color:#63a460;
background: url(../images/arrow_115.gif) 0 70% no-repeat;
}
#mapa_strony ul.poziom0 li.poziom0 {
    padding:5px 5px;
}
#mapa_strony ul.poziom0 li.poziom0 a{
    padding-left:10px;
    background: url(../images/arrow_116.gif) 0 55% no-repeat;
    color:#74aefe;
   }
#mapa_strony ul.poziom0 li.poziom0 a:hover{
    padding-left:10px;
    background: url(../images/arrow_116.gif) 0 55% no-repeat;
    color:#3c7cd5;
    border-bottom:1px solid #63a460;}
    


#mapa_strony ul.poziom1 {
    padding-left:10px;
    margin-bottom:10px;
}
#mapa_strony ul.poziom1 span {
padding-left:10px;
font-style: italic;
font-size:11pt;
font-weight:600;
color:#63a460;
background: url(../images/arrow_115.gif) 0 70% no-repeat;
}
#mapa_strony ul.poziom1 li.poziom1 {
    padding:5px 10px;
}
#mapa_strony ul.poziom1 li.poziom1 a{
    padding-left:10px;
    background: url(../images/arrow_116.gif) 0 55% no-repeat;
    color:#74aefe;
   }
#mapa_strony ul.poziom1 li.poziom1 a:hover{
    padding-left:10px;
    background: url(../images/arrow_116.gif) 0 55% no-repeat;
    color:#3c7cd5;
    border-bottom:1px solid #63a460;}


#mapa_strony ul.poziom2 {
    padding-left:30px;
    margin-bottom:10px;
}
#mapa_strony ul.poziom2 li.poziom2 {
    padding:2px 20px;
}
#mapa_strony ul.poziom2 span {
padding-left:10px;
font-style: italic;
font-size:11pt;
font-weight:600;
color:#63a460;
background: url(../images/arrow_115.gif) 0 70% no-repeat;}

#mapa_strony ul.poziom2 li.poziom2 a{
   padding-left:10px;
    background: url(../images/arrow_116.gif) 0 55% no-repeat;
    color:#74aefe;}
#mapa_strony ul.poziom2 li.poziom2 a:hover{
    padding-left:10px;
    background: url(../images/arrow_116.gif) 0 55% no-repeat;
    color:#3c7cd5;
    border-bottom:1px solid #63a460;}