#wrapper {
position: relative;
width: 950px;
height: auto;
background: transparent url(background-middle.png) repeat-y scroll 50% 0;
margin: 10px auto;
}

#container {
position: relative;
width: 950px;
height: auto;
background: transparent url(background-top.png) no-repeat scroll 50% 0;
margin: 0 auto;
padding-bottom: 20px;
}

#link-glowny {
width: 400px;
height: 50px;
position: absolute;
left: 30px;
top: 10px;
}

#container #left {
float: left;
width: 208px;
height: auto;
margin-top: 140px;
margin-left: 32px;
}

#container #content {
float: left;
width: 500px;
height: auto;
/* margin: 0 13px 0 6px; */
padding: 0 13px 0 6px;
margin-top: 140px;
/* background: transparent url(right-top-menu.png) no-repeat scroll 383px 45px; */
}

#container #right {
float: left;
width: 150px;
height: auto;
margin-top: 140px;
}

#footer {
position: relative;
width: 950px;
height: 99px;
background: transparent url(background-bottom.png) no-repeat scroll 50% 0;
margin: 0 auto;
}

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

#top-menu {
position: absolute;
left: 513px;
top: 20px;
width: auto;
height: 34px;
}

#top-menu li {
float: left;
width: 88px;
line-height: 32px;
margin-right: 8px;
}

#top-menu li a{
display: block;
text-align: center;

font-family: Verdana, serif;
font-weight: normal;
font-size: 11px;
color: #333;
}

#top-menu li a:hover {
color: #f00
}

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

#footer ul {
display: inline;
width: auto;
text-align: center;
padding: 10px;
}

#footer ul li {
display: inline;
font-family: Verdana, sans-serif;
font-weight: normal;
font-size: 14px;
color: #333;
letter-spacing: 0px;
word-spacing: 1px;
}

#footer p {
font-family: Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
padding-top: 5px;
color: #666;
line-height: 18px;
}

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

#under-footer {
font-family: Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
padding-top: 5px;
padding-bottom: 15px;
color: #666;
}

#under-footer p{
width: 800px;
text-align: center;
margin: 0 auto;
line-height: 18px;
letter-spacing: 0px;
word-spacing: 1px;
}

#under-footer p a:hover{
text-decoration: underline;
}

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

.produkt {
background: transparent url(divider.png) no-repeat scroll 0 0;
height: auto;
width: 460px;
margin: 0 auto;
padding: 20px 0 0 0;
}

.produkt .zdjecie {
float: left;
height: 125px;
width: 125px;
padding: 2px;
line-height: 125px;
vertical-align:middle;
}

.produkt .zdjecie img{
display: inline;
vertical-align:middle;
line-height: 125px;
padding:2px;
border: 1px solid #666;
}

.produkt .opis {
float: left;
width: 300px;
height: auto;
padding: 0 10px 0 10px;

font-family: Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
color: #333;
}

.produkt .opis h2 {
color: #F33;
font-size: 14px;
padding: 0 0 5px 0;
}

.produkt .opis h3 {
color: #333;
font-size: 12px;
padding: 5px 0;
}

.produkt .opis p {
padding: 10px 0 0 0;
text-align: justify;
}

.produkt .opis p a{
color: #f33;
}

.produkt .opis img {
display: block;
float: right;
margin-top: 10px;
}

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

#kategorie-menu {
margin: 10px auto;
}

#kategorie-menu #menu-top-1{
background: transparent url(kategorie-menu-top-1.png) no-repeat scroll 0 0;
width: 202px;
height: 52px;
}

#kategorie-menu #menu-top-2{
background: transparent url(kategorie-menu-top-2.png) no-repeat scroll 0 0;
width: 202px;
height: 35px;
padding-left: 35px;
line-height: 35px;
}

#kategorie-menu li{
background: transparent url(kategorie-menu-li.png) no-repeat scroll 0 0;
width: 202px;
height: 38px;
padding-left: 35px;
line-height: 38px;
}

#kategorie-menu #menu-bottom-1{
background: transparent url(kategorie-menu-bottom.png) no-repeat scroll 0 0;
width: 202px;
height: 93px;
padding-left: 35px;
}

#kategorie-menu #menu-bottom-2{
background: transparent;
width: 202px;
height: 38px;
padding-left: 35px;
margin-top: -54px;
}


#kategorie-menu a{
display: block;
color: #333;
text-decoration: none;
font-size: 14px;
font-weight: bold;
font-family: Verdana, sans-serif;
}

#kategorie-menu li:hover {color: #f00;text-decoration: none;}
#kategorie-menu li a:hover{color: #f00;text-decoration: none;}

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

#left #promo-nowosci {
background: transparent url(box-promo-nowosci.png) no-repeat scroll 0 0;
width: 208px;
height: 105px;
margin-top: 25px;
}

#left #promo-nowosci p{
text-align: center;
padding-top: 14px;

font-family: Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
color: #666;
}

#left #promo-nowosci p a{
margin: 0px 10px 0px 5px;
color: #f33;
font-size: 14px;
}

#left #promo-nowosci p a:hover{
text-decoration: underline;
}

#left #gift-card {
background: transparent url(box-gift-card.png) no-repeat scroll 0 0;
width: 203px;
height: 133px;
margin: 10px auto 0 auto;
display: block;
}

#left #obsluga-klienta {
margin-left: 4px;
color: #333;
}

#left #obsluga-klienta #obsluga-klienta-top {
background: #fff url(box-obsluga-klienta-top.png) no-repeat scroll 0 0;
width: 205px;
height: 60px;
margin-top: 10px;

color: #fff;
font-size: 18px;
line-height: 36px;
padding-left: 10px;
letter-spacing: 0.4px;
font-weight:bold;
}

#left #obsluga-klienta #obsluga-klienta-middle {
background: #fff url(box-obsluga-klienta-middle.png) repeat-y scroll 0 -10px;
width: 200px;
height: auto;
padding-left: 10px;
font-size: 12px;
line-height: 18px;
font-weight: bold;
margin-top: -5px;
}

#left #obsluga-klienta #obsluga-klienta-middle h2{
color: #f00;
font-size: 17px;
line-height: 30px;
letter-spacing: 1px;
}

#left #obsluga-klienta #obsluga-klienta-bottom {
background: #fff url(box-obsluga-klienta-bottom.png) no-repeat scroll 0 0;
width: 205px;
height: 30px;
}

#left #dostales-prezent-top {
background: transparent url(box-dostales-prezent-top.png) no-repeat scroll 0 0;
width: 208px;
height: 34px;
margin-left: 5px;
}

/*
#left #dostales-prezent {
background: transparent url(box-dostales-prezent.png) no-repeat scroll 0 0;
width: 208px;
height: 183px;
margin: 10px auto 0 auto;
display: block;
margin-left: 5px;
padding: 0 0px 0 3px;
}
*/

#left #dostales-prezent-top h2{
display: block;
color: #fff;
padding: 6px 0 0px 5px;
font-size: 17px;
letter-spacing: 1px;
letter-spacing: 0.4px;
font-weight:bold;
}

#left #dostales-prezent-middle {
background: transparent url(box-dostales-prezent-middle.png) repeat-y scroll 0 0;
width: 203px;
height: auto;
margin-left: 5px;
padding-left: 5px;
}

#left #dostales-prezent-bottom {
background: transparent url(box-dostales-prezent-bottom.png) no-repeat scroll 0 0;
width: 203px;
height: 20px;
margin-left: 5px;
padding-left: 5px;
}

/*
#left #dostales-prezent p{
padding-top: 20px;
line-height: 28px;
padding-left: 8px;
text-align: right;
margin-right: 20px;
}
*/

#left #dostales-prezent a{
display: block;
margin: 10px 0 0 110px;
}
/* ============================================================================================= */

#right #right-top-menu {
background: transparent url(right-top-menu.png) no-repeat scroll -41px 0;
width: 150px;
height: 190px;
margin-left: 0px;
margin-top: 45px;
}

#right #right-top-menu ol {
list-style: decimal inside;
font: bold 14px Verdana, serif;
color: #f33;
padding: 30px 0 0 15px;
line-height: 24px;
}

#right #right-top-menu ol li{
color: #f33;
}

#right #right-top-menu ol li span {
font: bold 14px Verdana, serif;
color: #333;
line-height: 24px;
}

#right #right-top-menu a {
display: block;
float: right;
font: bold 12px Verdana, serif;
color: #f33;
line-height: 24px;
margin-right: 15px;
margin-top: 20px;
}

#right #right-top-menu a:hover {
text-decoration: underline;
}

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

#right #szukasz-prezentu {
width: 150px;
height: auto;
margin: 10px auto 0 auto;
}

#right #szukasz-prezentu #szukasz-prezentu-top {
background: transparent url(szukasz-prezentu-top.png) no-repeat scroll 0 0;
width: 150px;
height: 60px;
}

#right #szukasz-prezentu #szukasz-prezentu-top h2{
color: #fff;
padding: 6px 0 0 4px;
font-weight: bold;
font-size: 13px;
}

#right #szukasz-prezentu #szukasz-prezentu-middle {
background: transparent url(szukasz-prezentu-middle.png) repeat-y scroll 0 0;
width: 140px;
height: auto;
padding: 5px;
}

#right #szukasz-prezentu #szukasz-prezentu-bottom {
background: transparent url(szukasz-prezentu-bottom.png) no-repeat scroll 0 0;
width: 150px;
height: 40px;
}

#right #szukasz-prezentu #szukasz-prezentu-middle form {
font-size: 12px;
font-family: Verdana, sans-serif;
line-height: 18px;
}

#right #szukasz-prezentu #szukasz-prezentu-middle input {
display: inline;
width: 36px;
}

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

#right #koszyk {
background: transparent url(box-koszyk.png) no-repeat scroll 0 0;
width: 150px;
height: 40px;
margin: 10px auto 0 auto;
display: block;
}


#right #koszyk-zawartosc {
background: transparent url(box-koszyk-zawartosc.png) no-repeat scroll 0 0;
width: 142px;
height: 111px;
margin: 10px auto 0 auto;

font-size: 14px;
font-weight: bold;
font-family: Verdana, sans-serif;
line-height: 20px;
padding: 10px 0 0 8px;
}

#right #koszyk-zawartosc a{
display:block;
margin: 10px auto 0 auto;
}

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

#right #login {
width: 150px;
height: auto;
margin: 0px auto 0 auto;
}

#right #login #login-top {
background: transparent url(box-login-top.png) no-repeat scroll 0 0;
width: 150px;
height: 8px;
}

#right #login #login-middle {
background: transparent url(box-login-middle.png) repeat-y scroll 0 0;
width: 145px;
height: auto;
padding: 5px;

font-size: 12px;
font-family: Verdana, sans-serif;
line-height: 18px;
font-weight: bold;
}

#right #login #login-bottom {
background: transparent url(box-login-bottom.png) no-repeat scroll 0 0;
width: 150px;
height: 9px;
}

#right #login #login-middle form {
font-size: 12px;
font-family: Verdana, sans-serif;
line-height: 18px;
}

#right #login #login-middle input {
display: inline;
width: 36px;
}

#right  #login #login-middle a{
display:block;
margin: 10px auto 0 55px;
}

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

#right #napisz-do-nas-top {
background: transparent url(twoj-pomysl-top.png) no-repeat scroll 0 0;
width: 150px;
height: 40px;
margin: 10px 0px -30px -5px;
display: block;
}

#right #napisz-do-nas {
background: transparent url(twoj-pomysl-middle.png) repeat-y scroll 0 0;
width: 150px;
height: auto;
display: block;
margin: 0px 0px 0px 0px;
font-family: Verdana, sans-serif;
font-size: 12px;
padding: 0 5px 0 5px;
}

#right #napisz-do-nas-bottom {
background: transparent url(twoj-pomysl-bottom.png) no-repeat scroll 0 0;
width: 150px;
height: 40px;
display: block;
margin-left: -5px;
}


#right #platnosci-loga {
background: transparent url(box-platnosci-loga.png) no-repeat scroll 0 0;
width: 150px;
height: 152px;
margin: 10px auto 0 auto;
display: block;
}

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

#content .sciezka {
font-family: Verdana, sans-serif;
word-spacing: 1px;
font-size: 11px;
line-height: 16px;
font-weight: normal;
color: #666;
text-decoration: none;
padding: 5px 10px;
}

#content .sciezka a {
font-family: Verdana, sans-serif;
word-spacing: 1px;
font-size: 11px;
line-height: 16px;
font-weight: normal;
color: #666;
text-decoration: none;
}

#content .sciezka a:hover {text-decoration: underline;}

#baner-srodek {
	margin-top: 10px;
}

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

#galeria {
width: 500px;
margin: 10px auto;
border-top: 1px solid #e5e5e5;
}

#galeria a {
float: left;
display: block;
width: 160px;
height: 130px;
float: left;
padding: 6px 1px;
border: 1px solid #eee;
margin: 4px 1px 5px 1px;
background: transparent;
text-decoration: none;
color: #666;

font-family: Verdana, sans-serif;
letter-spacing: 1px;
word-spacing: 1px;
font-size: 11px;
line-height: 16px;
font-weight: bold;
}

#galeria a:hover {
background: #eee;
text-decoration: none;
color: #666;
border: 1px solid #ccc;
}

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

#pliki-table tr:hover {background: #f0f0f0;}

#pliki-table tr td a {text-decoration: none;}

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

#formularz {
font-family: Verdana, sans-serif;
font-size: 13px;
text-align: center;
margin: 25px auto;
width: 500px;
border: 1px solid #e5e5e5;
padding: 10px 0;
}

#formularz h3 {
padding: 10px 0;
}

#formularz .ukryj {display: none;}

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

.edytorek {
padding: 10px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
text-align: justify;
letter-spacing: 0.2px;
word-spacing: 1px;
color: #333;
}

.edytorek p, .edytorek div {
padding: 5px 0;
}

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

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

#produkt-szczegoly .zdjecie {
display: block;
width:300px;
height:240px;
float:left;
padding: 2px;
padding-right:4px;
margin-right: 5px;
}
#produkt-szczegoly .zdjecie img {
padding:2px;
border: 1px solid #666;

}

#produkt-szczegoly .zdjecie:hover { }

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

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

#produkt-szczegoly .zdjecia-dodatkowe  img {
border: 1px solid #e5e5e5;
padding: 2px;
}

#produkt-szczegoly .zdjecia-dodatkowe:hover {}

#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: #333;text-decoration: underline;}

/* ======================================================================================== */
/*
.produkt {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 5px 5px 30px 5px;
border: none;
line-height: 16px;
}

.produkt .nazwa {width: 100%;font-weight: bold;text-align: center;font-size: 13px;padding-bottom: 5px;}
.produkt .zdjecie {width: 100%;margin: 2px auto;display: block;}
.produkt .zdjecie img {display: block;margin: auto;}
.produkt .opis {text-align: justify;padding: 0 10px 10px 0;}
.produkt .cena {float:left;}
.produkt .koszyk {float:right;font-weight: bold;}

.produkt a {text-decoration: none;color: #990000;}
.produkt a:hover {text-decoration: underline;color: #990000;}
*/
/* ======================================================================================== */
/*
.lista-produktow .produkt {
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 5px 5px 5px 5px;
}

.lista-produktow .produkt .zdjecie {margin: 2px;display: block;float:left;width: 200px;height: 160px;border: none;}
.lista-produktow .produkt .zdjecie img {display: block;padding: 2px;}
.lista-produktow .produkt .nazwa {font-weight: bold;text-align: left;font-size: 13px;padding: 5px 0 0 0;}
.lista-produktow .produkt .opis a{text-align: justify;padding: 0 10px 10px 0;color: black;}
*/

.paginacja {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #f33;
text-decoration: none;
}

.paginacja:hover {text-decoration: underline;}

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

#lista-produktow-kategorie a:hover{
text-decoration: underline;
}

#lista-produktow-kategorie a{
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #633;
text-decoration: none;
}

#lista-produktow-kategorie h3{
text-align: center;
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333;
text-decoration: none;
padding-top: 15px;
}

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

.but {
border: 1px solid rgb(102, 102, 102); margin-top: 5px; padding: 2px 4px;
}

.but:hover {
border: 1px solid rgb(102, 102, 102); margin-top: 5px; padding: 2px 4px; background: #e0e0e0;
}

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

#edytorek ul {list-style: disc;}
#edytorek ul {list-style-position: inside;}

#edytorek ol {list-style: decimal;}
#edytorek ol {list-style-position: inside;}

#edytorek sub {vertical-align: sub;}
#edytorek sup {vertical-align: super;}

#edytorek sub, sup { font-size: .83em;} 

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