/*
153868 - bardzo ciemny niebieski
369 - ciemny niebieski - ramki
FF8635 - pomarańczowy, hover ścieżka
*/
/* ============================================================================================= */
strong,em {font-weight: bold !important;color: #0175BB;}

#wrapper {
margin: 5px auto 0 auto;
width: 960px;
height: auto;
overflow: hidden; /* clear-fix */
}

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

#choose-language-currency {
overflow: hidden; /* clear-fix */
padding: 0 5px 0 0;
}

#choose-language-currency form {
float: right;
display: inline;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}

#choose-language-currency form select {
width: 120px;
}

#choose-language-currency form label {
margin-left: 10px;
}

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

#top {
width: 960px;
height: 200px;
background: #fff;
}

#top-strip {
overflow: hidden;
width: 100%;
background: transparent url(menu-background.png) no-repeat 0 0;
height: 32px;
}

/* ============================================================================================= */
/* TOP MENU */

#menu-1 {
display: block;
padding: 0px;
float: left;
}

#menu-1 li {
float: left;
display: block;
background: #fff;

}

#menu-1 li a {
display: block;
margin: 0px;
background: #fff url(top-menu-item.png) no-repeat right top;
line-height: 32px;
padding: 0 15px;
color: #fff;
margin-right: 1px;
float: left;
}

#menu-1 li a:hover {
background: #fff url(top-menu-item-active.png) no-repeat right top;
text-decoration: none;
}

/* ============================================================================================= */
/* TOP SEARCH BOX */

#top-strip form{
float: right;
display: block;
padding: 4px 5px 0px 0px;
width: 260px;
}

#top-strip input[type="text"] {
width: 175px;
}

#top-strip input[type="submit"] {
float: right; /* INACZEJ IE 6,7 KRZACZY */
width: 60px;
}

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

#srodek {
width: 960px;
background: transparent;
}

/* LEWA KOLUMNA */
#column-1 {
width: 200px;
height: auto;
float: left;
background: transparent;
}

/* PRAWA KOLUMNA */
#column-2 {
width: 200px;
height: auto;
float: right;
background: transparent;
}

/* ŚRODEK */
#content {
width: 550px;
height: auto;
float: left;
margin: 0px 5px 5px 5px;
background: transparent;
}

/* KOMENTARZE */
#komentarze {
position: fixed;
width: 126px;
height: 22px;
top:40%;
left:50%;
margin-left: -63px;
text-align:center;
display: none;
background: #fff;
margin: 0px 5px 5px 5px;
z-index: 1000;
}

/* ============================================================================================= */
/* ŚCIEŻKA */

#sciezka {
width: 550px;
border-bottom: 1px dotted #ccc;
padding: 0px;
margin: 5px;
float: left;
overflow: hidden;
}

#sciezka p {color: #999;}
#sciezka p a {color: #666;text-decoration:none;display:inline-block;padding: 2px 4px 2px 4px;}
#sciezka p a:hover {color: #fff;text-decoration:none;background: #B6D768;}

/* ============================================================================================= */
/* STOPKA */

#footer {
width: 960px;
height: 32px;
line-height: 32px;
background: transparent url(menu-background.png) no-repeat scroll 0 0;
overflow: hidden;
}

#skassa-link {
display: block;
width: 86px;
height: 32px;
float: right;
margin: -32px 2px 5px 0;
background: transparent url(logo-skassa-male.png) no-repeat scroll 0 center;
text-indent: -9999px;
}

#sklepy-link {
display: block;
width: 34px;
height: 32px;
float: right;
margin: -32px 0px 4px 0;
background: transparent url(logo-sklep-male.png) no-repeat scroll 0 center;
text-indent: -9999px;
}

/* ============================================================================================= */
/* STOPKA MENU */

#menu-2 {
display: block;
width: auto;
height: 30px;
float: left;
}

#menu-2 li {
float: left;
}

#menu-2 li a{
display: block;
margin: 0 3px 0 0;
float: left;
height: 32px;
line-height: 32px;
padding: 0 10px;
color: #fff;
}

/* ============================================================================================= */
/* KOLUMNY */
/* ============================================================================================= */

/* ============================================================================================= */
/* BOX-FILTRY */

#box-filtry {
width: 200px;
height: auto;
background: #fff url(box-background.png) repeat-x 0 0;
}

#box-filtry p{
color: #666;
text-align: center;
font-size: 11px;
width: auto;
overflow: hidden;
line-height: 14px;
}

#box-filtry .atrybut {
color:#0175BB;
font-weight:bold !important;
}

#box-filtry label {
color: #666;
background: #f0f0f0;
padding: 2px 10px;
margin: 2px 5px 2px 15px;
width: 140px;
text-align: right;
float: left;
display: block;
}

#box-filtry label:hover {
color: #333;
background: #e8e8e8;
}

#box-filtry input[type="checkbox"] {
float: right;
display: block;
height: 15px;
}

#box-filtry #submit {text-align: center; margin: 5px auto;}
#box-filtry #submit input {padding-left: 18px;padding-right: 18px;text-align: center;}


/* ============================================================================================= */
/* MENU KATEGORII */

ul#menu-3 {
display: block;
padding: 0px 0px 0px 0px;
width: 200px;
height: auto;
background: #ccc;
}

/* chowa 2+ poziom menu */
ul#menu-3 li ul {
display: none;
}

/*
ul#menu-3 li a:before {
content: "» ";
}
*/

/* pierwszy poziom menu */
ul#menu-3 li {
display: block;
color: #333;
margin: 0px;
border-bottom: 1px solid #bbb;
}

ul#menu-3 li:hover {
width: 200px;
}

ul#menu-3 li a{
display: block;
width: 168px;
color: #333;
padding: 8px 0 8px 4px;
padding-right: 28px;
background: #F3F3F3 url(kategoria-button-background.png) repeat-x bottom center;
}

ul#menu-3 li a:hover{
background: #bbb;
color: #333;
text-decoration: none;
}

ul#menu-3 li span {
padding: 0;
display: block;
float: right;
margin-right: 10px;
cursor: pointer;
margin-top: -24px;
}

/* drugi poziom menu*/
ul#menu-3 li ul {width: 200px;}

ul#menu-3 li ul li{border:none;width: 200px;}

ul#menu-3 li ul li a {padding-left: 16px;width: 156px;}

/* trzeci poziom menu*/
ul#menu-3 li ul li ul li a {padding-left: 28px;width: 144px;}

/* czwarty poziom menu*/
ul#menu-3 li ul li ul li ul li a{padding-left: 28px;width: 144px;}

/* piąty poziom menu*/
ul#menu-3 li ul li ul li ul li ul li a{padding-left: 28px 144px;}

#kategoria-aktywna {background: #B6D768 !important;color: #fff !important;}

/* ============================================================================================= */
/* BOX-REKLAMOWY */
.box-reklamowy {
width: 194px;
min-height: 100px;
padding: 3px;
background: #fff url(box-background.png) repeat-x 0 0;
}
.box-reklamowy  a{
text-decoration: none !important;
}
/* ============================================================================================= */
/* BOX-WYSZUKIWANIE */

#box-wyszukiwanie {
width: 200px;
min-height: 100px;
background: #fff url(box-background.png) repeat-x 0 0;
}

#box-wyszukiwanie form {
width: 180px;
margin: 0px auto;
padding-top: 10px;
overflow: hidden; /* clear-fix */
}

#box-wyszukiwanie p {
padding: 5px 0;
width: 100%;
overflow: hidden; /* clear-fix */
text-align: center;
}

#box-wyszukiwanie > form > #wyszukiwanie-zaawansowane > p > label {
color: #666;
background: #f0f0f0;
padding: 3px 4px;
width: 150px;
cursor: pointer;
text-align: left;
}

#box-wyszukiwanie > form > #wyszukiwanie-zaawansowane > p > label:hover {
color: #333;
background: #e8e8e8;
}

#box-wyszukiwanie input[type="text"] {
display: block;
width: 100px;
margin: 0 0 10px 0;
}

#wyszukiwanie-zaawansowane input[type="text"] {
display: inline;
width: 90px;
margin: 0 auto 10px auto;
}

#wyszukiwanie-zaawansowane select {
width: 175px;
margin: 0;
}

#wyszukiwanie-zaawansowane input[type="checkbox"] {
float: right;
display: block;
height: 16px;
}

/* ============================================================================================= */
/* BOX-SONDA */

#box-sonda {
width: 200px;
min-height: 100px;
background: #fff url(box-background.png) repeat-x 0 0;
}

#box-sonda > p{
color: #666;
font-size: 11px;
line-height: 16px;
padding: 5px 5px;
width: auto;
}

#box-sonda form {
width: 190px;
margin: 5px auto 10px auto;
overflow: hidden; /* clear-fix */
}


#box-sonda form > p {
width: 190px;
overflow: hidden; /* clear-fix */
border-bottom: 2px solid #fff;
}

#box-sonda form label{
display: block;
line-height: 18px;
border: none;
float: left;
cursor: pointer;
width: 155px;
background: #f0f0f0;
color: #666;
}

#box-sonda form label:hover {
color: #000;
}

#box-sonda form input[type="radio"] {
display: block;
border: none;
line-height: 18px;
float: left;
margin-top: 4px;
}

#box-sonda form p:last-child {margin-top: 5px;} /* przyciski sondy */

/* ============================================================================================= */
/* BOX-NEWSLETTER */

#box-newsletter {
width: 200px;
min-height: 100px;
background: #fff url(box-background.png) repeat-x 0 0;
}

#box-newsletter p{
color: #666;
font-size: 11px;
line-height: 16px;
padding: 5px 8px;
width: auto;
}

#box-newsletter form {
width: 180px;
margin: 5px auto 10px auto;
overflow: hidden; /* clear-fix */
}

#box-newsletter input[type="text"] {
display: block;
width: 170px;
margin: 0;
}

#box-newsletter input[type="submit"] {
margin-top: 10px;
}

#wypisz-label {
	display:none;
}

/* ============================================================================================= */
/* BOX PRODUCENCI */

#box-producenci {
width: 200px;
min-height: 100px;
background: #fff url(box-background.png) repeat-x 0 0;
}

#box-producenci form {
display: block;
padding: 10px;
text-align: center;
}

#box-producenci form label{
display: block;
padding: 5px 0 10px 0;
}

#box-producenci form select{width: 180px;}

/* ============================================================================================= */
/* BOX KOSZYK */

#box-koszyk {
width: 200px;
min-height: 100px;
background: #fff url(box-koszyk.png) no-repeat 0 0;
overflow: hidden; /* clear-fix */
}

#box-koszyk p{
color: #666;
text-align: right;
font-size: 11px;
line-height: 16px;
padding: 5px 5px;
}

#box-koszyk a {float: right;width: 60px;margin: 5px 3px;}

#box-koszyk #link-zdjecie-koszyk {
width:70px;
min-height:100px; 
cursor:pointer; 
float:left; 
}
#box-koszyk #opis-koszyk {float:right;}

.link-koszyk {cursor:pointer;}

/* ============================================================================================= */
/* BOX-LOGOWANIE */

#box-logowanie {
width: 200px;
min-height: 100px;
background: #fff url(box-background.png) repeat-x 0 0;
}

#box-logowanie form {
width: 190px;
margin: 0px auto 0px auto;
overflow: hidden; /* clear-fix */
}


#box-logowanie form p{
padding: 5px 0;
width: 100%;
overflow: hidden; /* clear-fix */
text-align: center;
}

#box-logowanie input[type="text"],#box-logowanie input[type="password"] {
display: block;
width: 180px;
margin: 0 0 10px 0;
}

#przypomnienie-form {border-top: 1px solid #999;}

/* BOX-LOGOWANIE - po zalogowaniu */
#box-logowanie > p {
color: #666;
text-align: center;
font-size: 11px;
line-height: 16px;
padding: 5px 8px;
width: auto;
}

#box-logowanie > p > input {
margin: 5px 0;
}

/* ============================================================================================= */
/* BOX PRZECHOWALNIA */

#box-przechowalnia {
width: 200px;
min-height: 100px;
background: #fff url(box-przechowalnia.png) repeat-x 0 0;
overflow: hidden; /* clear-fix */
}

#box-przechowalnia p {
color: #666;
text-align: right;
font-size: 11px;
line-height: 16px;
padding: 5px 5px;
}

#box-przechowalnia a {float: right;width: 60px;margin: 5px 3px;}
.link-przechowalnia {cursor:pointer;}

#box-przechowalnia  #link-zdjecie-przechowalnia {
width:70px;
height:80px; 
cursor:pointer; 
float:left; 
}
#box-przechowalnia #opis-przechowalnia{float:right;}


/* ============================================================================================= */
/* BOX OSTATNIO OGLĄDANE,BESTSELLERY,PROMOCJE,NOWOSCI */

#box-ostatnio-ogladane,#box-nowosci,#box-bestsellery,#box-promocje {
width: 200px;
min-height: 100px;
background: #fff url(box-background.png) repeat-x 0 0;
}

#box-ostatnio-ogladane ul,#box-nowosci ul,#box-bestsellery ul,#box-promocje ul {
padding-top: 3px;
}

#box-ostatnio-ogladane ul li,#box-nowosci ul li,#box-bestsellery ul li,#box-promocje ul li {
position: relative;
display: block;
margin: 0 auto 5px auto;
width: 170px;
min-height: 150px;
border-bottom: 1px solid #ddd;
padding-top: 1px;
}

#box-ostatnio-ogladane ul li:hover,#box-nowosci ul li:hover,#box-bestsellery ul li:hover,#box-promocje ul li:hover {
background: #f0f0f0;
border: 1px solid #ccc;
padding-top: 0px;
}

#box-ostatnio-ogladane ul li img,#box-nowosci ul li img,#box-bestsellery ul li img,#box-promocje ul li img {
display: block;
margin: 0 auto;
padding: 3px 0 0 0;
}

#box-ostatnio-ogladane .produkt-nazwa,#box-nowosci .produkt-nazwa,#box-bestsellery .produkt-nazwa,#box-promocje .produkt-nazwa {
display: block;
padding: 5px 0;
text-align: center;
font-weight: bold;
color: #666;
}

#box-ostatnio-ogladane .produkt-cena,#box-nowosci .produkt-cena,#box-bestsellery .produkt-cena,#box-promocje .produkt-cena {
display: block;
padding: 3px 0 6px 0;
text-align: center;
}

#box-ostatnio-ogladane ul li a,#box-nowosci ul li a,#box-bestsellery ul li a,#box-promocje ul li a {
position: absolute;
display: block;
right: 0px;
bottom: 0px;
text-align: right;
width: 100%;
padding: 6px 5px 3px 3px;
font-weight: bold;
color: #666;
}

#box-ostatnio-ogladane ul li a:hover,#box-nowosci ul li a:hover,#box-bestsellery ul li a:hover,#box-promocje ul li a:hover {text-decoration: underline;}

/* ============================================================================================= */
/* BOX AKTUALNOŚCI */

#box-news {
width: 200px;
min-height: 100px;
background: #fff url(box-background.png) repeat-x 0 0;
}

#box-news ul {
padding-top: 3px;
}

#box-news ul li {
position: relative;
display: block;
margin: 0 auto 5px auto;
padding: 0 5px;
width: 180px;
height: auto;
border-bottom: 1px solid #ddd;
color: #666;
}

#box-news ul li h3 {
color: #666;
font-weight: bold;
}

#box-news ul li .news-data {
font-size: 9px;
}

#box-news ul li p {
line-height: 13px;
}

#box-news ul li a {
display: block;
left: 0px;
bottom: 0px;
text-align: right;
font-weight: bold;
font-size: 10px;
padding: 4px;
color: #666;
line-height: 16px;
}

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

/* ============================================================================================= */
/* ŚRODKOWA KOLUMNA */
/* ============================================================================================= */

#content h2 {
display: block;
background: transparent url(h2.png) no-repeat scroll 0 0;
color: #fff;
padding: 7px 10px;
margin: 0 0 20px 0;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
font-variant: small-caps;
}

/* ============================================================================================= */
/* PRODUKT SZCZEGÓŁY */

#produkt-szczegoly {}

#produkt-szczegoly #produkt-foto {float: left;width: 250px;}

#produkt-szczegoly #produkt-foto #produkt-foto-dodatkowe {margin: 5px 0;}

#produkt-szczegoly #produkt-foto #produkt-foto-dodatkowe img:hover {background: #ccc;}

#produkt-szczegoly #produkt-foto #produkt-foto-dodatkowe  a{
display: block;
float: left;
width: 104px;
height: 104px;
margin: 3px;
text-align: center;
vertical-align: middle;
line-height: 104px;
}

#produkt-szczegoly #produkt-foto #produkt-foto-dodatkowe img {
padding: 2px;
vertical-align: middle;
border: 1px solid #ccc;
}

#produkt-szczegoly #produkt-form {
width: 260px;
float: right;
font-weight: bold;
}

#produkt-szczegoly #produkt-form label {padding: 0px; margin: 5px 0px; display: block;}

#produkt-szczegoly #produkt-form select {margin: 5px 0px; display: block;width: 200px;}

#produkt-szczegoly h3 {font-weight: bold;font-size: 16px;}

#produkt-szczegoly #produkt-form p{padding: 5px 0;}

#produkt-szczegoly #produkt-buttons {
margin: 0 auto;
width: 414px;
overflow: hidden; /* clear-fix */
}

#produkt-szczegoly #produkt-form .cena {font-size: 14px;padding-left: 10px;}

#produkt-szczegoly #produkt-buttons .dodaj-koszyk,
#produkt-szczegoly #produkt-buttons .dodaj-przechowalnia {
float: right;
color: #666;
text-align: center;
font-size: 13px;
padding: 6px 0 6px 0px;
margin: 5px 0 0 5px;
width: 200px;
}

#produkt-szczegoly #produkt-buttons .dodaj-koszyk:hover,
#produkt-szczegoly #produkt-buttons .dodaj-przechowalnia:hover {
color: #333;
text-decoration: none;
}

/* PRODUKT SZCZEGÓŁY - TABS */

ul.produkt-szczegoly-tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-left: 1px solid #1385C5;
	width: 550px;
}
ul.produkt-szczegoly-tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #1385C5;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
}
ul.produkt-szczegoly-tabs li a {
	text-decoration: none;
	color: #1385C5;
	background: #fff;
	display: block;
	padding: 0 14px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.produkt-szczegoly-tabs li a:hover {
	background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0 !important;
	color: #fff;
}

/*--Makes sure that the active tab does not listen to the hover properties--*/
ul.produkt-szczegoly-tabs li.active a, ul.produkt-szczegoly-tabs li.active a:hover  { 
	background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0 !important;
	color: #fff !important;
}

/* PRODUKT SZCZEGÓŁY - TABS ZAWARTOŚĆ */

#produkt-szczegoly #produkt-dane {
border: 1px solid #1385C5;
overflow: hidden;
clear: both;

width: 550px;
padding: 0;
background: #fff url(box-background.png) repeat-x scroll 0 0;
}

#produkt-szczegoly #produkt-opis {
text-align: justify;
color: #666;
padding: 0px 10px;
}

#produkt-szczegoly #produkt-dane .even{background: #e8e8e8;}
#produkt-szczegoly #produkt-dane .odd {background: #f8f8f8;}

/* tabelka pliki */
#produkt-szczegoly #tab-pliki table {width:100%;}

#produkt-szczegoly #tab-pliki td {
padding-left: 10px;
text-align: left;
line-height: 24px;
font-weight: bold;
}

#produkt-szczegoly #tab-pliki a:hover {text-decoration:underline;}

#produkt-szczegoly #tab-pliki .even{background: #e8e8e8;}
#produkt-szczegoly #tab-pliki .odd {background: #f8f8f8;}

/* tabelka cechy produktu */
#produkt-szczegoly #produkt-dane .produkt-atrybut {
width: 240px;
padding-right: 10px;
text-align: right;
line-height: 24px;
font-weight: bold !important;
}

#produkt-szczegoly #produkt-dane .produkt-atrybut-wartosc {
width: 290px;
padding-left: 10px;
text-align: left;
line-height: 24px;
font-weight: normal !important;
}

#produkt-szczegoly #produkt-dane .even td {background: #e8e8e8;}
#produkt-szczegoly #produkt-dane .odd td {background: #f8f8f8;}

/* lista produktów w tabach bez własnego bordera! */
#produkt-szczegoly #lista-produktow {border: none;width: 550px;}


/* PRODUKT SZCZEGÓŁY - TABS ZAWARTOŚĆ OPINIE */

#tab-opinie .data {
width: 520px;
margin: 0px auto 5px auto;
text-align: right;
padding: 5px 5px;
border-bottom: 1px solid #ddd;
}

#tab-opinie .tresc{
font-size: 11px;
line-height: 16px;
padding: 0px 20px;
}

#tab-opinie .pseudonim{
width: 500px;
margin: 5px auto;
text-align: right;
padding: 5px 5px 10px 5px;
font-weight: bold;
}

#tab-opinie .opinia_odp {background: #f0f0f0;}

#form_dodaj_opinie {
display: block;
text-align: center;
margin: 0 auto;
padding: 10px;
}

#form_dodaj_opinie label {
line-height: 24px;
font-size: 11px;
}

#form_dodaj_opinie #opinia {
width: 380px;
height: 100px;
padding: 10px;
font-size: 12px;
}

#form_dodaj_opinie #dodaj {
text-align: center;
padding: 4px 8px;
}

#tab-opinie .brak_opinii {
text-align:center;
margin: 30px auto;
font-style: italic;
}

#formularz_opinie .aby_dodac {
text-align:center;
margin: 30px auto;
font-style: italic;
}

/* ============================================================================================= */
/* FORMULARZ */

#content #formularz .zend_form {
display: block;
margin: 20px auto 20px auto;
width: 480px;
height: auto;
border: 1px solid #e0e0e0;
background: #f0f0f0;
padding: 0px;
}

#content #formularz .zend_form dt {
display: block;
overflow: hidden;
padding: 10px 25px 0px 25px;
width: 150px;
text-align: right;
line-height: 16px;
}

#content #formularz .zend_form dd {
display: block;
overflow: hidden;
padding: 5px 25px 10px 25px;
border-bottom: 1px solid #e8e8e8;
margin-top: -24px;
}

#content #formularz .zend_form dt:last-child,#content #formularz .zend_form dd:last-child {
border: none;
overflow: hidden;
}

#content #formularz .zend_form dd input[type="text"] {
float:right;
display: inline;
padding: 4px;
width: 215px;
}

#content #formularz .zend_form dd textarea {
float: right;
display: inline;
width: 210px;
height: 100px;
padding: 8px
}

#content #formularz .zend_form dd select {
float:right;
display: inline;
padding: 4px;
width: 225px;
}

#content #formularz input[type="submit"] {
display: block;
width: 120px;
text-align: center;
margin: 25px auto 5px auto;
padding: 4px 8px;
}

#content #formularz dd ul.errors {
overflow: hidden;
display: block;
line-height: 24px;
width: 400px;
margin: 0 auto;
text-align: center;
font-size: 11px;
}

#content #formularz #submit-label {
width: 0;
height: 0;
}

/* ============================================================================================= */
/* LISTA PRODUKTÓW */

#lista-produktow {
border: 1px solid #ddd;
width: 550px;
}

#lista-produktow .specjalne {
width: 50px;
height: 50px;
display: block;
float: right;
margin: -10px -20px 0 0;
}

#lista-produktow .nowosc {background: url(produkt-nowosc.png);}
#lista-produktow .promocja {background: url(produkt-promocja.png);}
#lista-produktow .bestseller {background: url(produkt-bestseller.png);}


#lista-produktow tbody tr:hover {background: #f0f0f0;}

#lista-produktow .produkt-row:hover .produkt-foto,
#lista-produktow .produkt-row:hover .produkt-nazwa {
background: #f0f0f0;
}

#lista-produktow .produkt-row .produkt-foto {
width: 140px;
text-align:center;
border-top: 1px solid #ddd;
padding: 10px 0;
vertical-align: top;
}

#lista-produktow .produkt-row .produkt-nazwa {
width: 385px;
padding: 10px 20px 0px 5px;
text-align:left;
border-top: 1px solid #ddd;
vertical-align: top;
}

#lista-produktow .produkt-row .produkt-nazwa h3{
font-weight: bold !important;
font-size: 12px;
padding-bottom: 5px;
}

#lista-produktow .produkt-row .produkt-nazwa p{
font-weight: normal;
font-size: 11px;
line-height: 14px;
padding-bottom: 5px;
text-align: justify;
}

#lista-produktow .produkt-row .produkt-nazwa p strong {
font-size: 13px;
}

#lista-produktow .produkt-row .produkt-nazwa p:last-child {
font-size: 13px;
}

#lista-produktow .produkt-row .produkt-nazwa p > a {
display: block;
margin: 0px auto 0px auto;
width: 130px;
font-weight: normal;
}

#lista-produktow .produkt-row .produkt-nazwa a {display: none;text-align: right;font-weight: bold;}

#lista-produktow .produkt-row .produkt-cena {
width: 100px;
padding: 0px 5px;
text-align: center;
vertical-align: middle;
border-top: 1px solid #eee;
}

#lista-produktow tr.odd { background: #fff;}
#lista-produktow tr.even { background: #f0f0f0;}

#lista-produktow .dodaj-do {
overflow: hidden;
padding: 10px;
}

/* ============================================================================================= */
/* LISTA PRODUKTÓW BOXY */

#lista-produktow-boxy {
width: 550px;
margin: 0 auto;
}

#lista-produktow-boxy .produkt-box {
display: block;
margin: 0 auto 8px auto;
height: 260px;
width: 175px;
background: #fff;
border: 1px solid #ddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
z-index: 0;
}

#lista-produktow-boxy .specjalne {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
display: block;
z-index: 1;
}

#lista-produktow-boxy .nowosc {background: url(produkt-nowosc.png);}
#lista-produktow-boxy .promocja {background: url(produkt-promocja.png);}
#lista-produktow-boxy .bestseller {background: url(produkt-bestseller.png);}

#lista-produktow-boxy .produkt-box:hover {
background: #f0f0f0;
border: 1px solid #ccc;
}

#lista-produktow-boxy .produkt-box h3 {
display: block;
margin: 0 auto;
font-weight: bold;
font-size: 11px;
line-height: 14px;
padding: 2px 5px 5px 5px;
height: 41px;
color: #333;
overflow: hidden; /* ucina nazwę produktu po 3 linijkach tekstu */
}

#lista-produktow-boxy .produkt-box .foto{
display: block;
margin: 0 auto;
height: 125px;
width: 125px;
}

#lista-produktow-boxy .produkt-box .foto > img{
display: block;
margin: 0 auto;
}

#lista-produktow-boxy .produkt-box p {
display: block;
margin: 8px auto 2px auto;
text-align: center;
color: #333;
}

#lista-produktow-boxy .produkt-box a {
display: none;
margin: 0 auto;
text-align: right;
padding: 5px 5px 0px 0px;
color: #333;
}

#lista-produktow-boxy .produkt-box a:hover {
text-decoration: underline;
}

#lista-produktow-boxy a.dodaj-do-przechowalni,#lista-produktow-boxy a.dodaj-do-koszyka {
display: block;
width: 130px;
/*margin: 5px auto;*/
padding: 6px 5px;
text-align: left !important;
}

/* ============================================================================================= */
/* LISTA KOSZYK */

#lista-koszyk {
width: 550px;
border: 1px solid #1385C5;
}

#lista-koszyk .koszyk-header {
background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0;
color: #fff;
padding: 7px 10px;
margin: 0 0 20px 0;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
font-variant: small-caps;
}

#lista-koszyk .produkt-row:hover .produkt-nazwa,
#lista-koszyk .produkt-row:hover .koszyk-form {
background: #eee;
}

#lista-koszyk .produkt-row .produkt-nazwa {
width: 340px;
padding: 5px 5px 0px 5px;
text-align:left;
border-top: 1px solid #1385C5;
vertical-align: top;
}

#lista-koszyk .produkt-row .produkt-nazwa h3 {
font-weight: bold;
font-size: 12px;
}

#lista-koszyk .produkt-row .produkt-nazwa p {
font-weight: normal;
font-size: 11px;
line-height: 16px;
padding: 5px 0;
text-align: left;
}

#lista-koszyk .produkt-row .produkt-nazwa a {
text-align: left;
padding: 0 0 10px 0;
display: block;
}

#lista-koszyk .produkt-row .produkt-nazwa a:hover {text-decoration: underline;}

#lista-koszyk .koszyk-form {width: 190px; text-align: right;border-top: 1px solid #1385C5;padding: 10px 0 0 0;}

#lista-koszyk .koszyk-form p {padding: 0 10px 10px 0;}

#lista-koszyk .koszyk-form input[type="text"] {width: 40px;text-align: right;}

/* ============================================================================================= */
/* LISTA KOSZYK WYBÓR PŁATNOŚCI / WYSYŁKI */

#koszyk-do-kasy {
width: 100%;
overflow: hidden; /* clear-fix */
margin-top: 5px;
}

#koszyk-do-kasy label {
line-height: 24px;
cursor: pointer;
text-align: left;
float: left;
width: 80%;
}

#koszyk-do-kasy h4 {
text-align: center;
line-height: 32px;
color: #fff;
background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0;
display: block;

font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
font-variant: small-caps;
}

#koszyk-do-kasy p {
width: 100%;
overflow: hidden; /* clear-fix */
padding: 5px 0;
}

#koszyk-do-kasy p:hover {
background: #C7D4E0;
}

#koszyk-do-kasy-platnosc {
width: 49%;
float: left;
height: auto;
border: 1px solid #1385C5;
background: #eee;
}

#koszyk-do-kasy-wysylka {
width: 49%;
float: right;
height: auto;
border: 1px solid #1385C5;
background: #eee;
}

#koszyk-do-kasy input[type="radio"] {
display: block;
border: none;
float: left;
margin: 8px 5px 8px 5px;
}

#koszyk-do-kasy input[type="submit"], #koszyk-do-kasy input[type="button"] {
display: block;
float: right;
margin: 8px 5px 8px 5px;
}

#kupon_rabatowy {float:right;margin-top: 5px;}

/* ============================================================================================= */
/* LISTA KASA */

#lista-kasa {
border: 1px solid #1385C5;
width: 550px;
background: #eee;
font-size: 11px;
}

#lista-kasa .kasa-header {
background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0;
color: #fff;
padding: 7px 10px;
margin: 0 0 20px 0;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
font-variant: small-caps;
}

#lista-kasa tr th {font-size: 11px;font-weight: bold;padding: 3px 10px 3px 5px;}

#lista-kasa tr th:first-child {text-align: left;}
#lista-kasa tr th{text-align: right;}

#lista-kasa tbody tr td {background: #fff;}

#lista-kasa tbody tr:hover td {background: #eee;}

#lista-kasa .produkt-row td, #lista-kasa tfoot tr td {
border-top: 1px solid #1385C5;
vertical-align: top;
padding: 10px 10px 10px 5px;
text-align: right;
font-weight: bold;
}

#lista-kasa tfoot tr td {
background: #eee;
}

#lista-kasa .produkt-row .produkt-nazwa {
width: 180px;
text-align:left;
}

#lista-kasa .produkt-row .produkt-nazwa h3 {
padding-bottom: 5px;
}

/* ============================================================================================= */
/* LISTA PRZECHOWALNIA */

#lista-przechowalnia {
border: 1px solid #1385C5;
width: 550px;
}

#lista-przechowalnia .przechowalnia-header {
background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0;
color: #fff;
padding: 7px 10px;
margin: 0 0 20px 0;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
font-variant: small-caps;
}

#lista-przechowalnia .produkt-row:hover .produkt-nazwa,
#lista-przechowalnia .produkt-row:hover .przechowalnia-form {
background: #eee;
}

#lista-przechowalnia .produkt-row > .produkt-nazwa {
width: 340px;
padding: 5px 5px 0px 5px;
text-align:left;
border-top: 1px solid #1385C5;
vertical-align: top;
}

#lista-przechowalnia .produkt-row > .produkt-nazwa h3 {
font-weight: bold;
font-size: 12px;
}


#lista-przechowalnia .produkt-row > .produkt-nazwa p{
font-weight: normal;
font-size: 11px;
line-height: 16px;
padding: 5px 0;
text-align: left;
}

#lista-przechowalnia .produkt-row .produkt-nazwa a {
text-align: left;
padding: 5px 0 10px 0;
display: block;
font-weight: bold;
}

#lista-przechowalnia .produkt-row .produkt-nazwa a:hover {text-decoration: underline;}

#lista-przechowalnia .przechowalnia-form {width: 190px; text-align: right;border-top: 1px solid #1385C5;padding: 10px 0 0 0;}

#lista-przechowalnia .przechowalnia-form p {padding: 0 10px 10px 0;}

/*
.link-przenies-do-koszyka {background: #f0f0f0 url(icons/basket_go.png) no-repeat 4px 4px;}
.link-przenies-do-koszyka:hover{text-decoration: none; background: #fff url(icons/basket_go.png) no-repeat 4px 4px;}

.link-usun-z-przechowalni {background: #f0f0f0 url(icons/cross.png) no-repeat 4px 4px;}
.link-usun-z-przechowalni:hover {background: #fff url(icons/cross.png) no-repeat 4px 4px;}
*/

/* ============================================================================================= */
/* PANEL KLIENTA TABS */

#panel-klienta-container {
	border-top: none;
	overflow: hidden;
	clear: both;
	background: #fff;
	height: auto;
	width: 550px;
	border: 1px solid #1385C5;
}
ul.panel-klienta-tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-left: 1px solid #1385C5;
	width: 550px;
}
ul.panel-klienta-tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #1385C5;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
}
ul.panel-klienta-tabs li a {
	text-decoration: none;
	color: #1385C5;
	background: #fff;
	display: block;
	padding: 0 14px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.panel-klienta-tabs li a:hover {
	background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0;
	color: #fff;
}

/*--Makes sure that the active tab does not listen to the hover properties--*/
ul.panel-klienta-tabs li.active a, ul.panel-klienta-tabs li.active a:hover  { 
	background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0 !important;
	color: #fff !important;
}

/* ============================================================================================= */
/* PANEL KLIENTA - HISTORIA ZAMÓWIEŃ - LISTA ZAMOWIEN */

#lista-zamowien {
width: 550px;
background: #eee;
font-size: 11px;
}

#lista-zamowien tr th {
font-size: 11px;
font-weight: bold;
padding: 3px 10px 3px 5px;
border-bottom: 1px solid #1385C5;
line-height: 24px;
}

#lista-zamowien tr th:first-child,
#lista-zamowien tr td:first-child {
text-align: left;
}

#lista-zamowien tr th,
#lista-zamowien tr td {
text-align: right;
}

#lista-zamowien tr td {
font-size: 11px;
color: #333;
padding: 3px 10px 3px 5px;
border-bottom: 1px solid #ccc;
line-height: 18px;
}

#lista-zamowien tbody .even td {background: #fff;  cursor: pointer;}
#lista-zamowien tbody .odd td {background: #eee;  cursor: pointer;}

#lista-zamowien tbody tr:hover td {background: #ccc;}

/*============================================================================================= */
/* PANEL KLIENTA - HISTORIA ZAMÓWIEŃ - SZCZEGÓŁY ZAMÓWIENIA */

#zamowienie-szczegoly {
background: #eee;
width: 550px;
}

#zamowienie-szczegoly .zamowienie-header {
background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0;
color: #fff;
padding: 7px 10px;
margin: 0 0 20px 0;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
font-variant: small-caps;
line-height: 17px;
}

#zamowienie-szczegoly tr th {
font-size: 11px;
font-weight: bold;
padding: 3px 10px 3px 5px;
border-bottom: 1px solid #1385C5;
line-height: 17px;
}

#zamowienie-szczegoly tr th {
text-align: left;
}

#zamowienie-szczegoly tbody tr td {background: #fff;font-size: 11px; line-height: 20px;padding: 3px 10px 3px 5px;}
#zamowienie-szczegoly tbody tr:hover td {background: #eee;}

#zamowienie-szczegoly a {
font-weight: bold;
color:red;
}

#tab-historia #lista-kasa {
border: none;
}

/* ============================================================================================= */
/* EDYTOREK */

.edytorek {
/*
margin: 10px 15px;
text-align: justify;
*/
}

.edytorek p, .edytorek div,
.edytorek h1, .edytorek h2, .edytorek h3,
.edytorek h4, .edytorek h5, .edytorek h6,
.edytorek ol, .edytorek ul, .edytorek li, .edytorek a, .edytorek img,
.edytorek table, .edytorek table tr, .edytorek table tr td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
color: #333;
background: transparent;
font-family: Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
}

.edytorek table, .edytorek table tr, .edytorek table tr td {
border: 1px solid #1385C5;
border-collapse: collapse;
padding: 5px;
}

.edytorek p, .edytorek div {padding: 5px 0;}
.edytorek h1, .edytorek h2, .edytorek h3, .edytorek h4, .edytorek h5, .edytorek h6 {padding: 5px 0;}
.edytorek h1 {font-weight: bold; font-size: 18px;}

.edytorek a:link { text-decoration: underline; color: #153868; }
.edytorek a:hover  { text-decoration: underline; color: #153868; background: #D7DEE8;}
.edytorek a:active  { text-decoration: none; color: #153868; }
.edytorek a:visited  { text-decoration: none; color: #153868; }
.edytorek a:focus { text-decoration: none; color: #153868; }

.edytorek ul {list-style: disc inside; padding: 5px 5px 5px 10px;}
.edytorek ul li ul {list-style: circle inside; padding: 5px 5px 5px 10px;}
.edytorek ul li ul li ul {list-style: square inside; padding: 5px 5px 5px 10px;}
.edytorek ol {list-style: decimal inside; padding: 5px 5px 5px 8px;}
.edytorek ol li ol {list-style: lower-alpha inside; padding: 5px 5px 5px 8px;}
.edytorek ol li ol li ol {list-style: lower-alpha inside; padding: 5px 5px 5px 8px;}

.edytorek sub {vertical-align: sub; font-size: 70%}
.edytorek sup {vertical-align: super; font-size: 70%}



/* ============================================================================================= */
/* Przechowalnia - nyromodal */

#nyromodel_przechowalnia {
width: 420px;
margin: 0 auto;
}

#nyromodel_przechowalnia .side-menu-header {
background: #1385C5 url(table-header-gradient.png) repeat-x scroll 0 0;
color: #fff;
width: 375px;
height: 32px;
line-height: 32px;
padding: 0 10px 0 10px;
font-weight: bold;
text-align: left;
font-variant: small-caps;
letter-spacing: 1px;
margin: 0 auto;
}

/*
#nyromodel_przechowalnia .box-koszyk a {background: #f0f0f0 url(icons/basket.png) no-repeat 4px 2px;}
#nyromodel_przechowalnia .box-koszyk a:hover {background: #fff url(icons/basket.png) no-repeat 4px 2px;}
*/

#nyromodel_przechowalnia .box-koszyk {
padding-left:80px;
padding-top:20px;
width: 315px;
margin: 0 auto;
background: #fff url(nyromodal-warianty.png) no-repeat 0 0;
overflow: hidden; /* clear-fix */
}

#nyromodel_przechowalnia #nyromodal-submit {
margin: 20px auto 0 auto;
}


/* ============================================================================================= */
/* PAGINACJA */

.pagination {
width: 99%;
height: 30px;
line-height: 30px;
background: transparent url(paginacja-background.png) no-repeat scroll 0 bottom;
margin: 5px auto;
border-top: 1px solid #D8E3E4;
overflow: hidden;
text-align: center;
}

.pagination .first-page:hover,
.pagination .prev-page:hover,
.pagination .numbered-page:hover,
.pagination .next-page:hover,
.pagination .last-page:hover {
background-color: #EFF3F3;
text-decoration: underline;
}

.pagination .first-page {
display: block;
float: left;
width: 21px;
height: 18px;
margin-left: 15px;
margin-top: 7px;
cursor: pointer;
background: transparent url(paginacja-icons.png) no-repeat scroll 0 top;
}

.pagination .first-page-disabled {
display: block;
float: left;
width: 21px;
height: 18px;
margin-left: 15px;
margin-top: 7px;
background: transparent url(paginacja-icons.png) no-repeat scroll 0 bottom;
}

.pagination .prev-page {
display: block;
float: left;
width: 21px;
height: 18px;
margin-left: 0px;
margin-top: 7px;
cursor: pointer;
background: transparent url(paginacja-icons.png) no-repeat scroll -21px top;
}

.pagination .prev-page-disabled {
display: block;
float: left;
width: 21px;
height: 18px;
margin-left: 0px;
margin-top: 7px;
background: transparent url(paginacja-icons.png) no-repeat scroll -21px bottom;
}

.pagination .numbered-page {
display: block;
float: left;
width: 24px;
line-height: 24px;
text-align: center;
margin-top: 3px;
cursor: pointer;
background: transparent;
font-size: 10px;
font-weight: bold;
}

.pagination .current-page {
display: block;
float: left;
width: 24px;
line-height: 24px;
text-align: center;
margin-top: 3px;
background: #D8E3E4;
font-size: 10px;
font-weight: bold;
}

.pagination .next-page {
display: block;
float: left;
width: 21px;
height: 18px;
margin-left: 0px;
margin-top: 7px;
cursor: pointer;
background: transparent url(paginacja-icons.png) no-repeat scroll -42px top;
}

.pagination .next-page-disabled {
display: block;
float: left;
width: 21px;
height: 18px;
margin-left: 0px;
margin-top: 7px;
background: transparent url(paginacja-icons.png) no-repeat scroll -42px bottom;
}

.pagination .last-page {
display: block;
float: left;
width: 21px;
height: 18px;
margin-left: 0px;
margin-top: 7px;
cursor: pointer;
background: transparent url(paginacja-icons.png) no-repeat scroll -63px top;
}

.pagination .last-page-disabled {
display: block;
float: left;
width: 21px;
height: 18px;
margin-left: 0px;
margin-top: 7px;
background: transparent url(paginacja-icons.png) no-repeat scroll -63px bottom;
}

.stronaz {
text-align: center;
color: #666;
margin-top: -31px;
margin-bottom: 16px;
padding-left: 50px;
font-weight: bold;
}

.pagination .produkty-lista {
display: block;
float: right;
width: 21px;
height: 18px;
margin-left: 5px;
margin-top: 7px;
background: transparent url(paginacja-icons.png) no-repeat scroll -84px bottom;
cursor: pointer;
}

.pagination .produkty-boksy {
display: block;
float: right;
width: 21px;
height: 18px;
margin-left: 5px;
margin-top: 7px;
background: transparent url(paginacja-icons.png) no-repeat scroll -105px bottom;
cursor: pointer;
}

.pagination .produkty-lista-disabled {
display: block;
float: right;
width: 21px;
height: 18px;
margin-left: 5px;
margin-top: 7px;
background: transparent url(paginacja-icons.png) no-repeat scroll -84px top;
}

.pagination .produkty-boksy-disabled {
display: block;
float: right;
width: 21px;
height: 18px;
margin-left: 5px;
margin-top: 7px;
background: transparent url(paginacja-icons.png) no-repeat scroll -105px top;
}