body { 
       margin: 0;
       padding: 0;
       color: #000;
       background-color: #ddd;
       background: url(grafika/tlo.jpg) repeat-x;
       font-size: 13px; 
       font-family: Helvetica, sans-serif;

}

h1, h2, h3, p, ul, li {
       margin: 0;
       padding: 0;
}



a:link, a:visited {
      color: #000;
}

a img {
       border: none;
}
     
h1 {
      font-size: 100%;
}

#kontakt {
       margin: 0 auto;
       margin-top: 8px;
       padding: 0 110px 0 0;
       width: 856px;
}

#kontakt h1 {
       text-align: right;

}
       
#wrap {
       margin: 0 auto;    
       margin-top: 5px;
       padding: 5px;
       background-color: #fff;
       width: 856px;
       border: 5px solid #000;
}

#wrap1 {
       margin: 0;
			 padding: 0;
       width: 856px;
       height: 220px;
       background: url(grafika/logo1.jpg) no-repeat center;

}

#lista {
       text-align: center;
       padding: 177px 0px 0px 1px;
}

#lista a {
       float: left;
}

#naglowek {
       color: #ddd;
       font-size: 150%;
       padding: 7px 0 7px 70px;
       margin: 6px 4px 0 4px;
       background: url(grafika/tlo_naglowek.jpg) no-repeat top left #313131;
       
}

#left {
       color: #000;
       margin: 0 0 10px 2px;
       padding: 10px 0 0 3px;
       width: 641px;
       float: left;
       text-align: justify;
       line-height: 140%;
}

#right {
       color: #000;
       margin: 0 4px 0 0;
       padding: 10px 3px 10px 5px;
       width: 191px;
       float: right;
       text-align: center;
}

#right h1 {
       font-size: 110%;
       margin-left: 2px;
}

.stopka {
       clear: both;
       color: #000;
       margin: 7px 4px 7px 4px;
       padding: 5px;
       background: #313131 url(grafika/tlo_stopka1.jpg) no-repeat top right;
       height: 11px;
}

.stopka h1 {
       color: #ababab;
}

.bold {
       font-weight: bold;
}

.karczowka {
       margin-top: 4px;
 }

#glosnik {
       clear both;
       float: left;
       width: 160px;
}

#poboczne {
       position:absolute;
       top: 0;
       left: 0;
       background: url(grafika/zakole.gif) top center no-repeat;
       z-index: -20;  
       width: 100%;
       height: 270px;
 }
#kontaktos {
       text-align: center;
}

#kontaktos li {
       display: inline;
       margin: 0 0 0 30px;
       position:relative;
       top: 20px;
}

#kod {
       margin: 0 auto;
       width: 800px;
       margin-top: 7px;
       margin-bottom: 7px;
       text-align: right;
       padding-right: 15px;
}

#kod li {
       display: inline;
       margin: 0 0 0 10px;
}

#news {
       font-size: 110%;
       padding: 5px 0 5px 30px;
       margin-bottom: 5px;
}

#left h1 {
       border: dotted #000 1px;
}

#winrar {
       color: #333;
       padding: 10px 0 10px 0;
       text-align: center;
       margin: 5px 10px 15px 10px;
       border: 1px dotted #000;
}
			 
#zero:hover {
       color: #000;
}
.linia {
       margin: 8px 10px 0 20px;
       border: dotted 1px #787575;
}

#namiar {
       text-align: left;
       margin: 0 5px 8px 0;
       padding-top: 2px;
       text-align: center;
}


#namiar li {
       display: inline;
       margin: 0 0 0 17px;
}

#kkontakt {
       float: left;
       width: 616px;
       margin: 0 0 0px 4px;
       padding: 0 20px 0 3px;
}
#copy {
       float: right;
       width: 196px;
       text-align: center;
       margin: -7px 4px 0 0;
       padding: 12px 3px 19px 10px;
       background: url(grafika/linia.gif) repeat-y top left;
}
#left ul {
       list-style-type: circle;
       padding: 0 0 0 30px;
}

#str {
       display: block;
       width: 189px;
       height: 40px;
       background: url(grafika/button/images/012.gif) no-repeat;
			 background-position: left top;
}

#str:hover {
       width: 189px;
       height: 40px;
       background-position: 0 -40px;
}

#akt {
       display: block;
       width: 160px;
       height: 40px;
       background: url(grafika/button/images/022.gif) no-repeat;
			 background-position: left top;
}

#akt:hover {
       width: 160px;
       height: 40px;
       background-position: 0 -40px;
}
#zdj {
       display: block;
       width: 197px;
       height: 40px;
       background: url(grafika/button/images/032.gif) no-repeat;
			 background-position: left top;
}

#zdj:hover {
       width: 197px;
       height: 40px;
       background-position: 0 -40px;
}
#ksi {
       display: block;
       width: 158px;
       height: 40px;
       background: url(grafika/button/images/042.gif) no-repeat;
			 background-position: left top;
}

#ksi:hover {
       width: 158px;
       height: 40px;
       background-position: 0 -40px;
}

#lin {
       display: block;
       width: 151px;
       height: 40px;
       background: url(grafika/button/images/052.gif) no-repeat;
			 background-position: left top;
}

#lin:hover {
       width: 151px;
       height: 40px;
       background-position: 0 -40px;
}
       
#ramka {
       width: 605px;
       height: 665px;
}
.foto {
       float: left;
			 padding: 5px 10px 10px 10px;
}

.foto img {
       display: block;
			 margin-top: 7px;
}
.foto a {
       text-decoration: none;
}
#galeria {
       margin-left: 1px;
			 padding-bottom: 10px;
}
#linia_r {
       float: left;
       width: 14px;
			 height: 15px;
			 background: url(grafika/linia/01.gif) no-repeat;
}
#linia1 {
       float: left;
       width: 700px;
			 height: 15px;
			 background: url(grafika/linia/02.gif) repeat-x;
}
#linia2 {
       float: left;
			 width: 11px;
			 height:15px;
			 background: url(grafika/linia/03.gif) no-repeat;
}
#linia_div {
       margin: 12px 0 10px 15px;
}
#linia_r1 {
       float: left;
       width: 14px;
			 height: 26px;
			 background: url(grafika/linia/01.gif) no-repeat;
}
#linia11 {
       float: left;
       width: 700px;
			 height: 15px;
			 background: url(grafika/linia/02.gif) repeat-x;
}
#linia21 {
       float: left;
			 width: 11px;
			 height:15px;
			 background: url(grafika/linia/03.gif) no-repeat;
}
#linia_div1 {
       margin: 10px 0 10px 12px;
			}
			
#ramka1 {
       float: left;
       width: 23px;
       height: 20px;
       background: url(grafika/ramka/01.gif) no-repeat;
}
#ramka2 {
       float: left;
       width: 595px;
       height: 20px;
       background: url(grafika/ramka/02.gif) repeat-x;
}
#ramka3 {
       float: left;
       width: 23px;
       height: 20px;
       background: url(grafika/ramka/03.gif) no-repeat;
}
#ramka6 {
       clear: both;
       float: left;
       width: 23px;
       height: 20px;
       background: url(grafika/ramka/05.gif) no-repeat;
}
#ramka7 {
       float: left;
       width: 595px;
       height: 20px;
       background: url(grafika/ramka/06.gif) repeat-x;
}
#ramka8 {
       float: left;
       width: 23px;
       height: 20px;
       background: url(grafika/ramka/07.gif) no-repeat;
}
#glowna {
       clear: both;
       background: url(grafika/wypelnienie.gif) repeat-y;
       padding: 15px;
       padding-top: 10px;
}
#ramka_gora {
       margin: 0;
       padding: 0;
}