html{
	overflow-y: scroll;
}
 html, body {
    margin:0;
    padding:0;
    height:100%;
    font-family: Arial;
    font-size: 12px;
   	line-height: 20px;
 }
 #container {
    min-height:100%;
    position:relative;
    height: auto !important;
    height: 100%;
 }
 #header {
    background : url(images/bg.jpg) repeat-x top; 
    min-height : 360px;
 }
 #footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:50px;  
    background: #0062C4;
    border-top:1px solid #CFCFCF;
    clear: both;
 }
 #top {
	margin: 0 auto;
	padding: 0px;
	width: 900px;
}
#base {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	 clear:both; 
  height:50px;
}
.copyright {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	color: #ffffff;
	padding-top: 15px;

}
#logo {
width: 372px;
height: 101px;
background: url(images/logopng.png);
background-repeat: no-repeat;
float: left;
}
#navi {
float: right;
font-size: 13px;

}
.navi-left{
width: 124px;
height: 70px;
padding-top: 62px;
float: left;
}
.glowna {
color: #ffffff;
background: url(images/glowna.jpg);
background-repeat: no-repeat;
width: 123px;
height: 39px;
}
.glowna a {
color: #ffffff;
text-decoration: none;
display: block;
width: 123px;
height: 39px;
padding-top: 9px;
padding-left: 15px;
font-weight:bold; } 

.glowna a:hover {
color: #ffffff;
text-decoration: none;
background: url(images/glowna-hover.jpg);
background-repeat: no-repeat;
width: 108px;
height: 39px;
}

.navi-onas{
width: 68px;
height: 70px;
padding-top: 62px;
float: left;
}
.onas {
color: #ffffff;
background: url(images/navi.jpg);
background-repeat: no-repeat;
width: 67px;
height: 39px;
}
.onas a {
color: #ffffff;
text-decoration: none;
display: block;
width: 67px;
height: 39px;
padding-top: 9px;
padding-left: 15px;
font-weight:bold; } 

.onas a:hover {
color: #ffffff;
text-decoration: none;
background: url(images/navi-hover.jpg);
background-repeat: no-repeat;
width: 52px;
height: 39px;
}

.navi-sklep{
width: 67px;
height: 70px;
padding-top: 62px;
float: left;
}

.sklep {
color: #ffffff;
background: url(images/navi.jpg);
background-repeat: no-repeat;
width: 66px;
height: 39px;
}
.sklep a {
color: #ffffff;
text-decoration: none;
display: block;
width: 67px;
height: 39px;
padding-top: 9px;
padding-left: 15px;
font-weight:bold; } 

.sklep a:hover {
color: #ffffff;
text-decoration: none;
background: url(images/navi-hover.jpg);
background-repeat: no-repeat;
width: 51px;
height: 39px;
}


.navi-produkty{
width: 88px;
height: 70px;
padding-top: 62px;
float: left;
}
.produkty {
color: #ffffff;
background: url(images/navi.jpg);
background-repeat: no-repeat;
width: 87px;
height: 39px;
}
.produkty a {
color: #ffffff;
text-decoration: none;
display: block;
width: 87px;
height: 39px;
padding-top: 9px;
padding-left: 15px;
font-weight:bold; } 

.produkty a:hover {
color: #ffffff;
text-decoration: none;
background: url(images/navi-hover.jpg);
background-repeat: no-repeat;
width: 72px;
height: 39px;
}

.navi-right{
width: 80px;
height: 70px;
padding-top: 62px;
float: left;
}
.kontakt {
color: #ffffff;
background: url(images/kontakt.jpg);
background-repeat: no-repeat;
width: 80px;
height: 39px;
}
.kontakt a {
color: #ffffff;
text-decoration: none;
display: block;
width: 65px;
height: 39px;
padding-top: 9px;
padding-left: 15px;
font-weight:bold; } 

.kontakt a:hover {
color: #ffffff;
text-decoration: none;
background: url(images/kontakt-hover.jpg);
background-repeat: no-repeat;
width: 70px;
height: 39px;
}


.clear {
clear: both;
}

.kategorie {
width: 900px;
margin: 0 auto;
}

.kategoria-lewa {

 float: left;
 width: 215px;
 }
.kategoria-prawa {
 float: right;
 width: 663px;
}

.cat-up {
background: url(images/cat-up.png);
background-repeat:no-repeat;
width: 215px;
height: 10px;
}
.cat-bg {
background: url(images/cat-bg.jpg);
width: 215px;
}
.cat-down {
background: url(images/cat-down.png);
background-repeat:no-repeat;
width: 215px;
height: 10px;
}
.cat {
padding-left: 10px;
}
.cat a {
color: #ffffff;
text-decoration: none;
display: block;		
padding: 5px;
width: 185px;
}
.cat a:hover {
color: #ffffff;
text-decoration: none;
background-color: gray;
}
.cat-line {
background: url(images/cat-line.jpg);
height: 1px;
width: 195px;
}
.cat-prawa-up {
background: url(images/cat-prawa-up.png);
background-repeat:no-repeat;
width: 663px;
height: 10px;
}
.cat-prawa-bg {
background: url(images/cat-prawa-bg.jpg);
width: 663px;
}
.cat-prawa-down {
background: url(images/cat-prawa-down.png);
background-repeat:no-repeat;
width: 663px;
height: 35px;
}
.cat-txt {
padding: 5px 10px 5px 10px;
}

.index-lewa {
width: 440px;
float: left;
}
.index-prawa {
width: 440px;
float: right;
}
.index-blok-up {
background: url(images/index-up.png);
background-repeat:no-repeat;
width: 440px;
height: 10px;
}
.index-blok-bg {
background: url(images/index-bg.jpg);
width: 440px;
}
.index-block-down {
background: url(images/index-down.png);
background-repeat:no-repeat;
width: 440px;
height: 35px;	
}
.index-line {
background: url(images/cat-line.jpg);
height: 1px;
}
.news {
color: #0062C4;
font-weight:bold;
}
.data {
				color: #B1B1B1;
				font-size: 9px;
				display: block;
}
.tytul {
font-size: 20px;
}
.cat-txt a {
text-decoration: none;
color: #0062C4;
}
.cat-txt a:hover {
text-decoration: none;
color: #666666;
			
}
.sklep-img {
padding-bottom: 20px;
}
a img {
				border-style: none;
}