body {
background: #fff url(top.png) no-repeat scroll 50% 0px;
}

#wrapper {
width: 960px;
height: auto;
margin: 0 auto;
}

#top {
position: relative;
width: 960px;
height: 320px;
}

#link-glowny {
position: absolute;
left: 15px;
top: 0px;
width: 280px;
height: 70px;
}

#top #napis {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #fff;
margin-top: 5px;
margin-left: 22px;
letter-spacing: 1px;
word-spacing: 1px;
}

/* --------------------------------------------------------------------------------------------------------  */

#top #logowanie {
margin-top: 75px;
margin-left: 550px;
width: 400px;
height: 50px;
}

#top #logowanie p {
color: #fff;
}


#top #logowanie input {
width: 150px;
}

#top #logowanie #rejestracja {
background: #fff url(button-rejestracja.png) no-repeat scroll 0 0px;
width: 70px;
height: 22px;
margin-top: 0px;
margin-left: 235px;
}

#top #logowanie #zaloguj {
background: #fff url(button-zaloguj.png) no-repeat scroll 0 0px;
width: 70px;
height: 22px;
margin-top: 0px;
margin-left: 9px;
}

#top #logowanie #logout {
background: #fff url(button-wyloguj.png) no-repeat scroll 0 0px;
width: 70px;
height: 22px;
margin-top: 0px;
margin-left: 0px;
}

#top #logowanie label {
color: white;
font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------------  */

#top-menu {
width: 960px;
height: 50px;
margin: 202px auto 0 auto;
}

#top-menu li {
float: left;
}

#top-menu li a{
color: #fff;
font-family: Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
}

#top-menu li a:hover {text-decoration: underline;color: #FDD639;}

#menu-item-0 {margin-left: 132px;}
#menu-item-1 {margin-left: 105px;}
#menu-item-2 {margin-left: 140px;}
#menu-item-3 {margin-left: 130px;}

/* --------------------------------------------------------------------------------------------------------  */

#content #left-column {
width: 223px;
height: auto;
float: left;
text-align: center;
margin-left: 4px;

color: #fff;
font-family: Arial, sans-serif;
font-size: 14px;
}

/* --------------------------------------------------------------------------------------------------------  */

#content #left-column #wyszukiwarka {
width: 223px;
height: 220px;
background: #fff url(background-wyszukiwarka.png) no-repeat scroll 0 0px;
}

#content #left-column #wyszukiwarka form {
display: block;
width: 190px;
margin: 40px auto 0 auto;
font-weight: bold;
font-size: 12px;
}

#content #left-column #wyszukiwarka form label {
float: left;
margin: 8px 0 3px 0;
}

#content #left-column #wyszukiwarka form input {
float: left;
width: 180px;
}

#content #left-column #wyszukiwarka form #button-szukaj {
background: #fff url(button-szukaj.png) no-repeat scroll 0 0px;
width: 68px;
height: 20px;
float: right;
margin: 15px 8px 0 0;
border: none;
}

/* --------------------------------------------------------------------------------------------------------  */

#content #left-column #kategorie {
width: 223px;
height: auto;
background: #FBC901 url(menu-top.png) no-repeat scroll 0 0px;
padding-bottom: 20px;
}

#content #left-column #kategorie #kategorie-menu {
margin-top: 37px;
}

#content #left-column #kategorie #kategorie-menu li {
background: #fff url(menu-item-with-bullet.png) no-repeat scroll 0 0px;
display: block;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 12px;
text-align: left;
padding-left: 30px;
border-bottom: 1px solid white;
}

#content #left-column #kategorie #kategorie-menu li a {
color: #039;
}

#content #left-column #kategorie #kategorie-menu li a:hover {
text-decoration: underline;
}

#content #left-column #kategorie #kategorie-menu ul li {
color: #939;
border: none;
background: #FCCA02;
margin-left: 0px;
}

#content #left-column #platnosci {
background: #fff url(box-platnosci.png) no-repeat scroll 0 0px;
width: 223px;
height: 175px;
}

/* --------------------------------------------------------------------------------------------------------  */

#content {
margin-top: 0px;
background: #f0ffff;
}

#content #center-column {
width: 490px;
height: auto;
float: left;

padding: 10px;

font-family: Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 16px;
text-align: justify;
}

#content #center-column h1{
display: block;
height: 30px;
background: #fff url(gradient.png) repeat-x scroll 0 0px;
line-height: 30px;
letter-spacing: 1px;
font-size: 13px;
font-weight: bold;
text-align: left;
padding-left: 10px;
color: #fff;
margin: 5px auto;
}

#content #center-column .produkt{
width: 215px;
height: 280px;
border: 1px solid #e8f0f0;
text-align: center;
background: #fff;

font-weight: bold;
float: left;
margin: 3px 10px 3px 15px;
}

#content #center-column .produkt .produkt-foto { 
width: 120px;
height: 120px;
margin: 10px auto;
}

/*
#content #center-column .produkt img { 
padding: 10px 0;
}
*/

#content #center-column .produkt a img {
padding: 0;
margin-bottom: -8px;
}

/* --------------------------------------------------------------------------------------------------------  */

#content #right-column {
width: 223px;
height: auto;
float: left;

color: #fff;
font-family: Arial, sans-serif;
font-size: 14px;
}

/* --------------------------------------------------------------------------------------------------------  */

#content #right-column #koszyk {
width: 223px;
height: 200px;
background: #fff url(box-top-red.png) no-repeat scroll 0 0px;
}

#content #right-column #koszyk p{
font-weight: bold;
font-size: 12px;
color: #369;
margin-top: 40px;
margin-right: 10px;
line-height: 24px;
text-align: right;
}

#content #right-column #koszyk img{
display: block;
float: left;
margin-left: 15px;
margin-top: 50px;
margin-right: 0px;
}

/* --------------------------------------------------------------------------------------------------------  */

#content #right-column #promocja {
width: 223px;
height: auto;
background: #fff url(box-top-blue.png) no-repeat scroll 0 0px;
}

#content #right-column #promocja p{
font-weight: bold;
font-size: 12px;
color: #369;
margin-top: 40px;
margin-right: 10px;
line-height: 24px;
text-align: center;
}

/* --------------------------------------------------------------------------------------------------------  */

#content #right-column #dostawa {
display: block;
width: 223px;
height: 221px;
background: #fff url(box-dostawa.png) no-repeat scroll 0 0px;
color: #fff;
cursor: pointer;
}

#content #right-column #dostawa:hover {color: #fff;}


/* --------------------------------------------------------------------------------------------------------  */

#footer {
position: relative;
background: transparent url(footer.png) no-repeat scroll 0 0;
width: 958px;
height: 115px;
margin-bottom: 10px;
text-align: center;
margin-left: 4px;
}

#footer #skassa {
position: absolute;
display: block;
font-weight: normal;
font-size: 10px;
left: 670px;
top: 70px;
width: 260px;
height: 30px;
line-height: 30px;
}

#footer ul {
position: absolute;
left: 25px;
top: 25px;
width: 900px;
height: 24px;

}

#footer ul li {
float: left;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none;
line-height: 22px;
}

#footer ul li a{
float: left;
padding: 0px 6px;
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight:  bold;
color: #fff;
text-decoration: none;
line-height: 22px;
letter-spacing: 0.5px;
}

#footer ul li a:hover {
text-decoration: underline;
}

.ukryj {
display: none;
}

/* ------------------------------------------------------------------------------------------------------- */

#galeria {
width: 485px;
margin: 10px 0px 10px 45px;
}

#galeria a {
display: block;
width: 125px;
height: 125px;
float: left;
padding: 4px;
border: 1px solid #6195cf;
margin: 4px 5px 30px 5px;
background: transparent;
text-decoration: none;
}

#galeria a:hover {
background: #6195cf;
text-decoration: none;
}

#galeria a p {
text-align: center;
display: block;
width: 140px;
text-decoration: none;
}

#galeria a p:hover {
text-align: center;
display: block;
width: 140px;
text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------------- */

#pliki-table tr:hover {background: #d8f1fc;}
#pliki-table tr td a {
text-decoration: none;
color: #2d386f;
font-size: 11px;
line-height: 18px;
letter-spacing: 0.1px;
word-spacing: 1px;
font-weight: normal;
font-family: Verdana, sans-serif;
display:block;
width: 100%;
height: 100%;
}

/* ==================================================================================================== */

#produkt-szczegoly {
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: normal;
padding: 5px 5px 5px 5px;
}

#produkt-szczegoly .zdjecie {
display: block;
width:250px;
height:200px;
float:left;
padding: 2px;
border: 1px solid #e5e5e5;
margin-right: 5px;
}

#produkt-szczegoly .zdjecie:hover {border: 1px solid #999;}

#produkt-szczegoly .nazwa {font-weight: bold;text-align: left;font-size: 13px;}

#produkt-szczegoly .zdjecia-dodatkowe {
display: block;
width:120px;
height:120px;
float:left;
padding: 4px;
border: 1px solid #e5e5e5;
margin-right: 5px;
margin-bottom: 5px;
}

#produkt-szczegoly .zdjecia-dodatkowe:hover {border: 1px solid #999;}

#produkty-podobne {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 5px 5px 5px 5px;
border: 0px solid #E5E5E5;
color: #333;
line-height: 18px;
}

#produkty-podobne a{color: #333;text-decoration: none;}
#produkty-podobne a:hover{color: #245C8B;text-decoration: none;}