/*Ę*/
/* STRUKTURA */
body {text-align: center; background-color: #9cbede; padding-bottom: 9px; margin: auto; font-family: tahoma; font-size: 10pt;}
  #naglowek {width: 952px; background-color: #fff; padding: 0 9px 0 9px; overflow: hidden; margin: auto;}
    table.n {max-width: 952px; width: 952px; max-height: 139px; height: 139px; border: 0 solid; padding: 0; margin: 0; overflow: hidden;}
      table.n td {padding: 0px; background-color: #fff;}
      td.n-logo {width: 298px; height: 139px;}
      td.n-pauza {width: 31px;}
      td.n-sklep {width: 622px; height: 23px; text-align: right; padding: 0px;}
        td.n-sklep a {color: #006; text-decoration: none; margin: 7px 5px 0 0;}
        td.n-sklep img {vertical-align: middle;}
      td.n-tag {height: 93px; color: #9fbfed; font-size: 18pt; text-align: left; text-align: center;}
      td.n-menu {height: 23px; font-size: 12pt; overflow: hidden;}
        td.n-menu a {display: block; width: 110px; padding: 2px 0 2px 0;}
        td.n-menu a span {color: #ccc;}
        td.n-menu a:hover span {color: #fff;}
        td.n-menu a.a0 {color: #58585a; text-decoration: none;}
        td.n-menu a.a0:hover {background: #f7cb10; color: #fff; background-image: url('../img/bg-menu1.gif');}
        td.n-menu a.a1 {color: #58585a; text-decoration: none; background: #f7cb10; background-image: url('../img/bg-menu1.gif');}
        td.n-menu a.a1:hover {color: #fff;}
      td.n-menu-pauza {width: 61px;}
  #rama1 {width: 952px; background-color: #fff; padding: 10px 9px 9px 9px; overflow: hidden; margin: auto;}
    #rama2 {overflow: hidden; text-align: left;}
      #rama21 {float: left; width: 298px; margin-right: 31px; overflow: hidden;}
        #rama211 {font-size: 11pt; background: #e6b012 url('../img/tlo_menu2.gif') repeat-x top left; margin-bottom: 2px; padding-bottom: 20px;}
          #rama211 h2 {font-size: 16pt; font-weight: normal; padding: 20px 0 5px 9px;}
          #rama211 a {display: block;}
          div.kat10 {padding: 4px 0 5px 23px;}
          div.kat10:hover {background-color: #ffdf18;}
          div.kat10 a {color: #000; text-decoration: none;}
          div.kat11 {padding: 4px 0 5px 23px; background-color: #ffdf18;}
          div.kat11 a {color: #000; text-decoration: none;}
          div.kat20 {padding: 4px 0 5px 58px;}
          div.kat20:hover {background-color: #ffdf18;}
          div.kat20 a {color: #000; text-decoration: none;}
          div.kat21 {padding: 4px 0 5px 58px; background-color: #ffdf18;}
          div.kat21 a {color: #000; text-decoration: none;}
        #wyszukiwarka {background: #e6b012 url('../img/tlo_menu2.gif') repeat-x bottom left; margin: 2px 0 9px 0; padding: 16px 0 13px 38px;}
        div.reklama-a {margin-bottom: 9px;}
        div.reklama-a img {display: block;}
      #rama22 {float: left; width: 623px; overflow: hidden; line-height: 1.5;}
        #reklama-b {}
          #reklama-b img {display: block;}
        div.okruszki {color: silver; margin: 8px 0 9px 0;}
          div.okruszki a {text-decoration: none; color: silver;}
        #zakupy {text-align: center; margin-bottom: 5px; padding: 2px; border-top: 2px solid #9ebfde; border-bottom: 2px solid #9ebfde;}
          #zakupy img {}
        #rama22 h3 {font-weight: bold; font-size: 10pt; background-color: #9cbede; padding: 4px; color: #fff;}
        #rama221 {min-height: 110px; background: url('../img/bg-node.gif') repeat-x top left;}
          #rama2221 {padding: 13px 0 0 13px;}
            #rama2221 p {margin: 0; padding: 0;}
  #stopka {margin: auto; margin-top: 14px; background: url('../img/logo_stopka.gif') no-repeat center left; padding: 13px; border-top: 2px dotted #fff; width: 925px;}
    #stopka a {color: #fff; text-decoration: none;}

/* Widok kategorii stare*/
/* do usunięcia */
div.tabela {overflow: hidden;}
  div.tabela-kolumna {width: 298px; float: left;}
  div.tabela-pauza {width: 27px; float: left;}
div.produkt1 {float: left; max-width: 298px; width: 298px; min-height: 220px; overflow: hidden; margin-bottom: 10px; line-height: 1.2;}
  div.produkt1 h4 {font-weight: bold; font-size: 10pt; background-color: #9cbede; padding: 4px; color: #fff;}
  div.produkt1 h4 a {color: #fff; text-decoration: none;}
  div.produkt1 h5 {padding: 2px; color: #f6a605; font-size: 10pt;}
  div.produkt1 h5 a {color: #f6a605; text-decoration: none;}
  table.kp {width: 298px; background: url('../img/bg-node.gif') repeat-x top left;}
    td.kp-obrazek {width: 79px; padding: 14px 14px 7px 14px; overflow: hidden;}
    td.kp-cena {font-size: 8pt; color: #a52038; font-weight: bold;}
    td.kp-dokoszyka {text-align: right;}
    td.kp-opis {font-size: 8pt;}
div.produkt1a {width: 298px; min-height: 210px; overflow: hidden; margin-bottom: 10px; line-height: 1.2; margin-right: 27px;}
  div.produkt1a h4 {font-weight: bold; font-size: 10pt; background-color: #9cbede; padding: 4px; color: #fff;}
  div.produkt1a h4 a {color: #fff; text-decoration: none;}
  div.produkt1a h5 {padding: 2px; color: #f6a605; font-size: 10pt;}
  div.produkt1a h5 a {color: #f6a605; text-decoration: none;}

/* Widok kategorii */
/* do usunięcia
table.kategoria1 {}
td.kategoria1 {padding: 0; vertical-align: top;}
div.kategoria1 {float: left; max-width: 298px; width: 298px; overflow: hidden; padding-bottom: 20px; line-height: 1.2;}
  div.kategoria1 h4 {font-weight: bold; font-size: 10pt; background-color: #9cbede; padding: 4px; color: #fff;}
  div.kategoria1 h4 a {color: #fff; text-decoration: none;}
  div.kategoria1 h5 {padding: 2px; color: #f6a605; font-size: 10pt;}
  div.kategoria1 h5 a {color: #f6a605; text-decoration: none;}
  table.kp1 {width: 298px; background: url('../img/bg-node.gif') repeat-x top left;}
    td.kp1-obrazek {width: 79px; padding: 14px 14px 7px 14px; overflow: hidden;}
    td.kp1-cena {font-size: 8pt; color: #a52038; font-weight: bold;}
    td.kp1-dokoszyka {text-align: right;}
    td.kp1-opis {font-size: 8pt;}
    td.kp1-wiecej {vertical-align: bottom; text-align: right;}
*/

/* Widok produktu */
table.wp {}
  table.wp td {padding: 5px;}
td.wp-nazwa {color: #f6a605; font-size: 12pt; font-weight: bold;}
td.wp-okladka {vertical-align: top;}
td.wp-dane {vertical-align: top; font-size: 8pt;}
td.wp-linki {vertical-align: top; text-align: right;}
td.wp-linki img {margin: 3px 0 3px 0;}
span.cena {font-size: 11pt; font-weight: bold; color: #a81c34;}
td.wp-zobacztez {color: #9cbede; vertical-align: top;}
td.wp-opis h5 {color: #9cbede; border-top: 1px solid #9cbede; border-bottom: 1px solid #9cbede; padding: 2px; vertical-align: top;}
div.zobacztez {margin: 10px 0 10px 0; text-align: center;}

/* Koszyk */
table.koszyk1 {border-collapse: separate; border-spacing: 2px; border-width: 0px; font-size: 8pt; width: 100%; margin: 0 0 3px 0; border-bottom: 2px solid #9ebfde;}
td.koszyk1nag {background-color: #9ebfde; padding: 2px; font-size: 8pt; color: #fff; text-align: center;}
td.koszyk-lewa {text-align: left;}
td.koszyk-srodek {}
td.koszyk-prawa {text-align: right;}
div.wartosczamowienia {text-align: right; padding: 2px 0 2px 0;}
  div.wartosczamowienia strong {font-size: 11pt;}
div.koszyk1 input {border: 1px solid #9ebfde;}
div.koszyk1 select {border: 1px solid #9ebfde;}
div.koszyk1 option {font-size: 8pt;}
div.koszyk1-dozaplaty {font-size: 18pt; text-align: right; padding: 20px 0 4px 0; border-bottom: 2px solid #9ebfde;}
  div.koszyk1-dozaplaty strong {font-size: 10pt;}
div.koszyk1-zamawiam {padding: 4px 0 4px 0; text-align: right;}
input.przelicz {width: 94px; height: 11px; background: url('../img/aktualizujzakupy.jpg') no-repeat top left; border: 0px solid; padding: 0px;}

/* Kasa */
div.kasa {margin: 10px 0px 10px 0px; text-align: center; overflow: hidden;}
  div.kasa span {color: red; font-weight: bold;}
div.kasa1 {margin: 10px 0px 10px 0px; text-align: left; color: #9ebfde; font-weight: bold; overflow: hidden; padding-bottom: 3px; border-bottom: 2px solid #9ebfde;}
div.kasa1 input {border: 1px solid #9ebfde; width: 200px; margin: 0 2px 2px 2px}
div.kasa1 select {border: 1px solid #9ebfde; margin: 0 2px 2px 2px}
div.kasa1 textarea {border: 1px solid #9ebfde; width: 200px; height: 40px; margin: 0 2px 2px 2px}
div.kasa1 td {color: #000; font-weight: normal; padding: 0 0 2px 0;}
div.kasa1 td span{color: red; font-weight: bold;}
td.kasa-lewa {width: 30%; text-align: right; font-weight: bold;}
td.kasa-prawa {width: 40%; text-align: left;}
div.kasa1nag {color: #9ebfde; border-bottom: 2px solid #9ebfde; padding: 0;}
input.zamawiam {width: 238px; height: 32px; background: url('../img/wyslijzamowienie.jpg') no-repeat top left; border: 0px solid; padding: 0px;}

/* Logowanie eBistyp */
div.ebistyp {margin: 10px 0px 10px 0px; text-align: center; overflow: hidden;}
  div.ebistyp span {color: red; font-weight: bold;}
div.ebistyp input {border: 1px solid #9ebfde; width: 200px; margin: 0 2px 2px 2px}
td.ebistyp-lewa {width: 30%; text-align: right; font-weight: bold;}
td.ebistyp-prawa {width: 70%; text-align: left;}

/* DIV */
div {margin: 0px;	padding: 0px; border: 0px solid;}
div.dokoszyka {margin: 10px 0 10px 0; font-size: 14pt; font-weight: bold; text-align: center; color: #9ebfde;}
  div.dokoszyka img {vertical-align: middle;}
div.informacja {min-height: 40px; padding: 10px 10px 10px 40px; border: 1px solid #afe654; color: #000; margin: 10px; background: url('../img/informacja.gif') no-repeat left center; background-color: #effadd;}
  div.informacja h2 {font-size: 12pt; margin-bottom: 5px; color: green;}
  div.informacja a {color: green;}
div.problem {min-height: 40px; padding: 10px 10px 10px 40px; border: 1px solid #f99; color: #000; margin: 10px; background: url('../img/problem.gif') no-repeat left center; background-color: #fff2f2;}
  div.problem h2 {font-size: 12pt; margin-bottom: 5px; color: red;}
  div.problem a {color: red;}
div.poprawnie {min-height: 40px; padding: 10px 10px 10px 40px; border: 1px solid #afe654; color: #000; margin: 10px; background: url('../img/poprawnie.gif') no-repeat left center; background-color: #effadd;}
div.niepoprawnie {min-height: 40px; padding: 10px 10px 10px 40px; border: 1px solid #f99; color: #000; margin: 10px; background: url('../img/niepoprawnie.gif') no-repeat left center; background-color: #fff2f2;}
div.produkt2 {margin: 10px 0px 10px 0px; text-align: center; overflow: hidden;}
div.koszyk {margin: 10px 0px 10px 0px; text-align: center; overflow: hidden;}

div.paragon {margin: 10px; padding: 10px; background-color: #eee; border: 1px dotted #eee; font-size: 12pt; color: green; text-align: center;}

/* LINKI */
a {text-decoration: underline;}
a:link {color: #309;}
a:visited {color: #309;}
a:hover {color: #00f;}
a:active {color: #309;}
a.zielony:link {color: #0c0; text-decoration: none;}
a.zielony:visited {color: #0c0; text-decoration: none;}
a.zielony:hover {color: #060; text-decoration: none;}
a.zielony:active {color: #0c0; text-decoration: none;}

/* TABELE */
table {font-family: tahoma; font-size: 10pt; border: 0px solid; margin: 0px; width: 100%; border-spacing: 0px; border-collapse: collapse;}
  tr {}
    td {border: 0px solid #666; margin: 0px; padding: 5px;}

td.2kolumny-kolumna {width: 298px;}
td.2kolumny-separator {width: 27px;}
td.produkt1-lewa {width: 79px; padding: 17px 17px 14px 14px; text-align: left;}
  td.produkt1-lewa img {width: 79px; padding: 17px 0 14px 0;}
td.produkt1-srodek {text-align: left;}
  td.produkt1-srodek strong a {color: #fc9b00; text-decoration: none; font-size: 12pt;}
td.produkt1-prawa {width: 99px; font-size: 11pt; padding: 17px 14px 14px 17px; text-align: right; color: #d30200;}
td.produkt2-lewa {width: 99px;}
td.produkt2-prawa {width: 399px; text-align: left;}

/* LISTY */
ul {margin: 5px 5px 10px 26px; padding: 0px}
ul.tabela {margin-left: 20px; font-size: 8pt;}
li {padding: 2px;}

/* NAGŁÓWKI */
h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0px}

/* OBRAZY */
img {margin: 0px; border: 0px solid #fff;}
img.reklama-a {margin-top: 6px; display: block;}
img.reklama-b {margin: 6px 0px 6px 0px; display: block;}
img.reklama-c {margin-top: 10px; display: block;}

/* FORMULARZE */
form {margin: 0px; padding: 0px; border: 0px solid #000;}
input {vertical-align: middle;}