body {
	 text-align:center;
	 background: url(img/tlo2.gif) left top;
	}
	
 div#container {
	 position:relative;
	 width:900px;
	 border:0px solid red;
	 margin:0 auto;
	}
 div#logo {
	 position:relative;
	 width:819px;
	 height: 58px;
	 background:#FFF url(img/logograd.jpg) repeat-x left bottom;
	 margin:0 auto;
	 }
 div#top {
	 position:relative;
	 width:819px;
	 height: 246px;
	 background: #9dc6d8 url(img/top.jpg) no-repeat top left;
	 border:0px solid red;
	 margin: auto;
	}

 div#menu_bar {
	 position:relative;
	 width:819px;
	 height:43px;
	 background: #FFF url(img/menutlo_act.jpg) left top repeat-x; 
	 border:0px solid red;
	 margin: auto;
	}
  
 div#menu {
	 position:relative;
	 height: 43px;
	 width:425px;
	 float: right;
	 background: #e5e8ed url(img/menutlo_act.jpg) right top repeat-x; 
	 border:0px solid red;
	 padding: 0;
	 margin: 0;
	}	
 div#menu a{
 	margin: 0px;
	padding: 0px;
	float: left;
	}
 div #menu ul {
    margin: 0px;
	padding: 0px;
	float:right;
   }
 div #menu ul li {
	display: inline;
	list-style-type: none;
  }
  
 div#content {
	 position:relative;
	 width:819px; 
	 clear: both;
	 padding: 35px 0;
	 border:0px solid gray;
	 background: #fdfdfb url(img/grad.jpg) repeat-x top left;
	 margin: 0 auto;
	}
 * html div#content {
    
 }
 div#main{
    position: relative;
    height: 303px;
 }	
 div.cont_info {
   position: relative;
   width: 387px;
   float: left;
   padding-right: 20px;
   text-align: left;  
   color:#555; 
   }
 div.cont_info .more{
   float: right;
   }
 div.cont_info p{
   margin-left: 25px;
   text-align: left;
   font-family: Arial; 
   font-size: 11px;  
   letter-spacing:1px;
   line-height: 18px;
   }
   

 div.cont_foto {
   position: relative;
   width: 407px;
   border: 0px dashed #DDD;
   float: left;
   padding-top: 25px;
   overflow: hidden;
   }

  
 div#bottom {
	 position:relative;
	 width:799px;
	 height: 20px;
	 margin: 0 auto;
     color: #FFF;
	 text-align: right;
	 font-size: 9px;
 	 padding: 10px 20px 0 0;
	 background: #6b9eb9 url(img/bottomgrad.jpg) repeat-x left top; 
    }  
	
* html 	div#bottom {
    width:800px;
	height: 30px;
}	 
 div.informacje {
   position: relative;
   width: 770px;
   text-align: left;  
   margin-left:0px;
   color:#555; 
   padding-bottom: 30px;
   } 
 
 div.informacje p,div.aktualnosci p{
   margin-left: 25px;
   text-align: left;
   font-family: Arial; 
   font-size: 11px;  
   letter-spacing:1px;
   line-height: 18px;
   }
   
 div.informacje b{
   margin-left:25px ;
   text-align: left;
   letter-spacing:-1px;
   word-spacing:5px;
   font-family:  Helvetica; 
   font-size: 18px; 
   font-weight:normal; 
   }
 div.aktualnosci {
   text-align: left;
   padding-bottom:30px;
  }  
 div.aktualnosci table{
   position:relative;
   text-align: left;
   margin: auto;
   width: 777px;
  }
 div.aktualnosci b {
   margin-left:25px ;
   text-align: left;
   letter-spacing:0px;
   word-spacing:5px;
   font-family:  Helvetica; 
   font-size: 12px; 
   } 
   
  .head{ 
     margin:0px 0px 0px 25px ;
     padding:0px;
	 text-align: left;
     letter-spacing:-1px;
     word-spacing:5px;
     font-family:  Helvetica; 
     font-size: 18px!important; 
     font-weight:normal; 
     color:#555;
	 text-transform:uppercase;
   }
 div.kontakt {
   width: 770px;
   text-align: left;  
   margin: 0px;
   padding:40px 0 0 40px;
   color:#555; 
   padding-bottom: 30px;
   background: url(img/kartka.jpg) no-repeat top left ;
   }
 * html div.kontakt {  
    margin-left: -50px;
 } 
  .pozycja {
 	 margin: 50px 0 10px 5px; 
	 font-size: 13px;
	}
     
   .pozycja p.dzial{     
     font-family: Arial;
	 font-size: 14px;
	 border-bottom: 1px dotted #777;
	 color:#4588a3;
	 padding-left: 10px;
	 background: #FFF url(img/pkt.jpg) no-repeat left center;
	 text-transform: capitalize;
	} 
   .pozycja p.mail {
      border : 0px solid red;
	  padding: 8px 0 0 45px ;
	  height:38px;
	  background: url(img/kopert.jpg) no-repeat left top;
	 } 
   .pozycja p.mail a {
    color: #444;
	}	  
	 
   .pozycja p.telefton {
      border : 0px solid red;
	  padding: 8px 0 0 45px ;
	  height:38px;
	  background: url(img/telef.jpg) no-repeat left top;
	 }	 
   .pozycja p.adr {
	  margin-left : 45px;
	 }	 
	 
	#menu_katalog{
	  position:relative;
	  height: 20px;
 	  width:819px;
	  text-align:left;
	  float:left;
	} 
	#menu_katalog ul {
	  position: relative;
      margin: 0 0 0 2px;
	  padding: 0;	  
	  background:#f0f4f5 url(img/menutlo_kp.jpg) repeat-x top left;	}
	#menu_katalog ul li{
      margin:0 -3px;
	  padding: 0px;
	  display: inline;
	  list-style-type: none;  
	} 
	* html  #menu_katalog ul li{
      margin:0 -4px;
	 } 

    #pod_menu_katalog {
	  position: relative;
	  margin: 0 auto;
	  padding: 10px 10px 40px 10px;
    }

.katalog_pdf a{
 color: #555;
}	 

.katalog_pdf a:hover{
 text-decoration: underline;
 
}	 

#pod_menu_katalog ul{
	  margin: 0;
	  padding: 2px 0px 0px 110px;
 	  border: 0px solid red;text-align:left;
	  }
    #pod_menu_katalog ul li{	  
	  list-style-type: none;
	  display: inline;
	  font-size:12px;
	  padding: 14px 33px 14px  0;
	  background: url(img/menu/kat/menu_kp_div.gif) no-repeat top right;
	  border: 0px solid red;
    }
    #pod_menu_katalog ul li a{
	 color: #677680;
	 }
    #pod_menu_katalog ul li a:hover{
	 color: #CCC;
	 }	 
	 
    #kategorie {
	  padding: 20px 10px;
      text-align: left;
	  border: 0px solid red;
	  }
    #kategorie a{
	  font-weight: normal;
	  font-family:Verdana;
	  font-size:18px;
	  color:#000;
	  }

   .p_katalog {
      position: relative;
	  border: 1px solid #CCC;
	  border-width: 0 0 1px 0;
 	  margin: 20px;
	  padding: 0;
	  height: 140px;
	  overflow: hidden;
	 }
	 
    div.p_katalog .image {
	  position: relative;
	  margin: 0;
	  padding: 0 0 0 23px;
	  float: left;
	  width: 220px;
	  height: 100px;	  
	}
	
	div.p_katalog .image img {
	  width: 160px;
	  float: left;
	}

	div.p_katalog p.p_nazwa {
	  position: absolute;
	  top: 0px;
	  left: 240px;
	  font-size: 13px;
	  text-transform:capitalize;
	  font-weight:bold;
	  margin: 0;
	  color:#4588a3;
	}	
	div.p_katalog p.p_opis {
	  position: absolute;
	  font-size: 12px;
	  left: 240px;
	  top: 33px;
	  margin: 0;
	  color:#777;
	  width: 530px;
	  height: 70px;
	  text-align: left;
	}

	div.p_katalog  a.komentarz{
	  left: 240px;
	  background:#b3c9d4 url(img/koment.gif) no-repeat 3px 2px;
	}
	
	div.p_katalog  a.powieksz{
	  left: 333px;
	  background:#ff9000 url(img/glass.gif) no-repeat 3px 2px;
	}
	div.p_katalog  a.spec{
	  left: 416px;
	  background:#a3a36d url(img/spec.gif) no-repeat 3px 2px;
	}

	div.p_katalog  a.spec, div.p_katalog  a.powieksz, div.p_katalog  a.komentarz{
	  position: absolute;
	  bottom: -1px;
	  color:#FFF;
	  margin: 0;
	  padding: 0px 10px 1px 20px;
	  font-size: 10px;
	}

	div .sb_menu {
	  border-bottom: 1px solid #AAA;
	  text-align:left;
	}
	
	div .sb_menu a {
	  display: inline;
	  margin: 0 20px 0 10px;
	  border-left: 2px;
	  color:#333333;
	  font-size:12px;
	  font-weight:bold;
	}
	
  .opinia {
  font-size:16px;
  font-weight: normal;
  color: #555;
  margin: 30px;
  padding: 10px 5px 0 5px;
  border-top: 1px dotted #777;
  }  
  
  .opinia p{
  font-size:12px;
  margin: 0 35px 20px 0;
  }  
  .opinia h1{
  font-size:16px;
  margin: 0 ;
  padding: 0;
  }  
   
   #formularz td{
    margin: 40px 0; 
    font-size:12px; 
   }
   #formularz table{
    position: relative;
    margin-left: 30px; 
   } 
   /*////////////////////////////////////  aktualnosci   */
   table td {
   vertical-align: top; 
   }
  .data {
    width: 59px;	
	height:88px;
	background: url(img/cal.jpg) no-repeat top left;
	padding: 5px 0 0 10px;
	font-size:9px;
  }	
  .show, .hide {
    float: right;
  }
  .hide {
    display: none;
  } 
  .tytul {
    font-weight: bold;
	letter-spacing: -1px;
	font-size:16px;
	color: #56606f;
	border-bottom: 1px dotted #999;
  }
  .tresc {
    font-family:Arial;
	font-size: 11px;
	margin: 20px 0 60px 0;
	color: #56606f;
  }