html, body{
 margin:0;
 padding:0;
 text-align:center;
 background: #373737;
 font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
 letter-spacing: 1px;
 color: #b0b0b0;}

a:link{
 color:#b0b0b0;
 background-color:transparent;
 text-decoration: none;
 font-weight: bold;
}
a:visited{
 color:#b0b0b0;
 background-color:transparent;
 text-decoration: none;
 font-weight: normal;
}
a:active{
 color:#b0b0b0;
 background-color:transparent;
 font-weight: bold;
}
a:hover{
 color:#fe810b;
 background-color:transparent;
 font-weight: bold;
}

#szerokosc_strony{
 width:769px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 background: url(img/bg.jpg) 100% 100% repeat-y;}

#naglowek{
 position:relative;
 background: url(img/naglowek.jpg) 0 0 no-repeat;
 height: 82px;
 width: 769px;}

#grupa{
 width:769px;
 height:700px;
 float:right;
 position:relative;
 background-color: transparent;}

#lewa_kolumna{
 width: 200px;
 height:700px;
 float: left;
 position:relative;
 background-color: transparent;
 padding: 0px;
 margin: 0px;}
 
#glowna_kolumna{
 background-color: transparent;
 float: right;
 position: relative;
 padding: 0px;
 margin: 0px;
 width: 569px;
 height:700px;
 font-size: 12px;
 font-family: Arial, sans-serif;
 text-align: left;
 line-height: 19px;
 word-spacing: 2px;
 letter-spacing: 1px;}
 
/*menu glowne*/
#menu{
 width: 500px;
 height: 50px;
 margin: 0px;
 padding: 0px;
 background: transparent;
 text-align:center;
 float: right;}

#menu_glowne{
 padding-top: 0px; padding-right: 0px;  padding-bottom: 0px;  padding-left: 0px;
 margin-top: 55px;  margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;
 }

#menu_glowne ul{ list-style-type: none;}

#menu_glowne li {display: inline;}

#menu_glowne a:link, #menu_glowne a:visited{
 margin: 0 15px 0px 15px;/*odleglosci miedzy linkami*/
 padding: 0;
 text-decoration: none;
 font-size: 12px;
 font-style: italic;
 font-weight: bold;
 text-transform: uppercase;
 color: #b0b0b0;
 background-color: transparent;}

#menu_glowne a:link#current, #menu_glowne a:visited#current, #menu_glowne a:hover{
 padding: 0px;
 border-top: 1px solid #7c7c7c;
 border-bottom: 1px solid #7c7c7c;
 text-decoration: none;
 color: #b0b0b0;
 background-color: transparent;}

#logo{
 width:174px;
 height:57px;
 padding-top: 20px; padding-right: 0px;  padding-bottom: 0px;  padding-left: 0px;
 margin-top: 0px;  margin-right: 0px;   margin-bottom: 0px;   margin-left: 20px;}
 
.katalogbox{
 width: 170px;
 padding: 50px 0 0px 30px;
 margin-left: auto;
 margin-right: auto;}
 
.katalogbox h2, h2{
 width: 70px;
 padding: 0px;
 margin-top: 0px;  margin-right: 0px;   margin-bottom: 20px;   margin-left: 30px;
 font-size: 12px;
 font-weight: bold;
 font-style: italic;
 border: 0px;
 text-transform: uppercase;
 color: #b0b0b0;
 background-color: transparent;
 border: 0px;
}
h2{
 color: #fe810b;
 font-style: normal;
 border: 0px;
 width: auto;
}

.katalogi{
 list-style-type: none;
 padding: 0 0 10px 0;
 margin: 0;
}

/* przestrzen wokol kazdego obrazka */
.katalogi li{
 float: left;
 display: inline;
 margin: 0px 0 30px 0px;
 padding:0;
 width: 160px;
 height: 120px;
}

.katalogi li a{
 text-decoration: none;
 color: #b0b0b0;
 font-size: 10px;
}

.katalogi li a:hover{
 text-decoration: none;
 color: #fe810b;
}

.katalogi li p{
 padding: 0;
 margin: 0;
 color: #b0b0b0;
 text-align: center;
}

.katalogi li img{
 border: 1px solid #363531;
 padding: 0px;
 background: transparent;
}

.katalogi li a:hover img{
 border: 1px solid #fe810b;
}

/*menu podkatalogi*/
#podkatalogi{
 width: 450px;
 height: 30px;
 padding: 0px;
 background-color: transparent;
 text-align: center;
 padding-top: 0px; padding-right: 0px;  padding-bottom: 0px;  padding-left: 0px;
 margin-top: 0px;  margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;
 }

#podkatalogi ul{ list-style-type: none;}

#podkatalogi li {display: inline;}

#podkatalogi a:link, #podkatalogi a:visited{
 margin: 0 0px 0px 20px;/*odleglosci miedzy linkami*/
 padding: 0;
 text-decoration: none;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-transform: lowercase;
 color: #fe810b;
 background-color: transparent;}

#podkatalogi a:link#current, #podkatalogi a:visited#current, #podkatalogi a:hover{
 padding: 0px;
 border-top: 1px solid #fe810b;
 border-bottom: 0px solid #fe810b;
 text-decoration: none;
 color: #fe810b;
 background-color: transparent;}
 
#podkatalogi_n{
 width: 500px;
 height: 30px;
 padding: 0px;
 background-color: transparent;
 text-align: center;
 padding-top: 0px; padding-right: 0px;  padding-bottom: 0px;  padding-left: 0px;
 margin-top: 0px;  margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;
 }
#podkatalogi_n ul{ list-style-type: none;}

#podkatalogi_n li {display: inline;}

#podkatalogi_n a:link, #podkatalogi_n a:visited{
 margin: 0 0px 0px 1px;/*odleglosci miedzy linkami*/
 padding: 0;
 text-decoration: none;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-transform: lowercase;
 color: #fe810b;
 background-color: transparent;}

#podkatalogi_n a:link#current, #podkatalogi_n a:visited#current, #podkatalogi_n a:hover{
 padding: 0px;
 border-top: 1px solid #fe810b;
 border-bottom: 0px solid #fe810b;
 text-decoration: none;
 color: #fe810b;
 background-color: transparent;}

#akapity{
 width: 450px;
 text-align: left;
 line-height: 18px;
 padding-top: 10px; padding-right: 20px;  padding-bottom: 50px; padding-left: 20px;
 margin-top: 40px;   margin-right: 5px;  margin-bottom: 0px;   margin-left: 5px;
 background: transparent;}

#zdjecia img{
 padding-top: 0px; padding-right: 0px;  padding-bottom: 0px; padding-left: 0px;
 margin-top: 0px;   margin-right: 20px;  margin-bottom: 20px;   margin-left: 20px;
}

.litera{font-size: 20px;}

#flagi{
 width: 140px;
 height: 114px;
 text-align: center;
 padding-top: 0px; padding-right: 0px;  padding-bottom: 0px; padding-left: 0px;
 margin-top: 50px;   margin-right: 20px;  margin-bottom: 0px;   margin-left: 20px;
 background-color: transparent;
 float: right;}

#flagi ul { list-style-type: none;}

#flagi li {display: inline;}

#flagi a:link, #flagi a:visited, #flagi a:hover{
 margin: 0 0px 0px 0px;/*odleglosci miedzy linkami*/
 padding: 0;
 background-color: transparent;}

#stopka{
 width:700px;
 height: auto;
 background-color: transparent;
 text-align: center;
 letter-spacing: 1px;
 padding-top: 0px; padding-right: 50px;  padding-bottom: 20px; padding-left: 50px;
 margin-top: 20px;   margin-right: 20px;  margin-bottom: 40px;   margin-left: 20px;
 display: inline;}

#stopka a:link, #stopka a:visited, #stopka a:hover{
 color: #b0b0b0;
 text-decoration: none;
 font-weight: normal;}

#wild{
 width:700px;
 HEIGHT:25px;
 background-color: transparent;
 text-align: center;
 position:relative;
 letter-spacing: 1px;
 font-size: 10px;
 color: #b0b0b0;
 padding-top: 5px; padding-right: 25px;  padding-bottom: 5px; padding-left: 25px;
 margin-top: 5px;   margin-right: 5px;  margin-bottom: 5px;   margin-left: 5px;}

#linki{
 width:700px;
 position:relative;
 background-color: transparent;
 text-align:center;
 font-size:9px;
 color: #363531;
 padding-top: 0px; padding-right: 25px;  padding-bottom: 20px;  padding-left: 25px;
 margin-top: 5px;  margin-right: 5px;   margin-bottom: 30px;   margin-left: 5px;}

#linki a:link, #linki a:visited{
 border: 0px;
 margin:0 8px 4px 8px;/*odleglosci miedzy linkami*/
 text-decoration: none;
 color: #363531;}
 
#adres{
 width: 450px;
 text-align: left;
 padding-top: 10px; padding-right: 0px;  padding-bottom: 0px; padding-left: 0px;
 margin-top: 40px;   margin-right: 5px;  margin-bottom: 20px;   margin-left: 5px;
 background-color: transparent;}

#adres a img, #adres a:visited img{
 float: right;
 border: 1px solid #363531;
 padding: 0px;
 padding-top: 0px; padding-right: 0px;  padding-bottom: 0px; padding-left: 0px;
 margin-top: 0px;   margin-right: 10px;  margin-bottom: 10px;   margin-left: 0px;
 background-color: transparent;}


#adres a:hover img{
 float: right;
 border: 1px solid #7c7c7c;
 padding: 0px;
 padding-top: 0px; padding-right: 0px;  padding-bottom: 0px; padding-left: 0px;
 margin-top: 0px;   margin-right: 10px;  margin-bottom: 10px;   margin-left: 0px;
 background-color: transparent;}

#pusta{
 height: 250px;
 background: transparent;}
 

#zdjecia{ text-align: center;}
 
a.nawigacja:link, a.nawigacja:visited{
 width: 250px;
 height: 25px;
 text-align:center;
 background-color: transparent;
 color: #b0b0b0;
 margin: 0px;
 padding-top: 1%; padding-right: 15%;  padding-bottom: 1%; padding-left: 15%;
}

a.nawigacja:hover{
 width: 250px;
 height: 25px;
 text-align:center;
 background-color: #686864;
 color: #373737;
 margin: 0px;
 padding-top: 1%; padding-right: 15%;  padding-bottom: 1%; padding-left: 15%;
}

.katalogi li a{
 text-decoration: none;
 color: #b0b0b0;
 font-size: 10px;
}

.katalogi li a:hover{
 text-decoration: none;
 color: #fe810b;
}

a.kat_img:link, a.kat_img:visited{
 padding: 0;
 margin: 0;
 border: 1px solid #363531;
}

a.kat_img:hover {
 padding: 0;
 margin: 0;
 border: 1px solid #7c7c7c;
}

span.sp{
 width: 250px;
 height: 25px;
 text-align:center;
 background-color: transparent;
 margin: 0px;
 padding-top: 1%; padding-right: 15%;  padding-bottom: 1%; padding-left: 15%;
}
 
img{border: 0px;}

hr{width: 500px; color: #868686; size: 1px;}

/* *** Float containers fix: */
.clearfix:after {  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-table;}
/* ukryj IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* koniec ukryj IE-mac */