/*ó*/
/* STRUKTURA */
body {text-align: center; background-color: #eee; padding: 0px; margin: 10px 0 10px 0; font-family: arial; font-size: 10pt;}
  #rama1 {text-align: center; overflow: hidden; width: 1000px; margin: auto; padding: 0;}
    #wiezowiec-lewy {width: 120px; height: 600px; margin-right: 4px; background-color: #fff; float: left;}
    #rama2 {width: 868px; padding: 4px; background-color: #fff; margin: auto;}
      #rama3 {width: 868px;}
        #nadglowek1 {text-align: center; font-size: 8pt; padding: 3px; border-bottom: 1px solid #eee; margin-bottom: 3px;}
          #nadglowek h1 {font-size: 8pt; color: #000; font-weight: normal;}
        #naglowek1 {overflow: hidden; text-align: left; font-size: 8pt;}
          #naglowek11 {float: left; width: 350px; min-height: 64px;}
            #naglowek11 h2.serwis {font-size: 14pt; margin-top: 10px; color: #000;}
            #naglowek11 h2.tagline {font-size: 12pt; color: #AAA;}
            #naglowek11 img {margin-right: 10px; float: left;}
            #naglowek11 a {text-decoration: none; color: #000;}
          #naglowek12 {float: left; width: 308px; color: #333;}
            #naglowek12 h1 {font-size: 10pt;}
            #naglowek12 span {font-size: 9pt;}
            #naglowek12 small {font-size: 8pt; color: #bbb;}
          #naglowek13 {float: left; width: 209px; border-left: 1px solid #ddd; min-height: 64px;}
            #naglowek13 div {padding: 2px; overflow: hidden;}
            #naglowek13 div div {padding: 2px; float: left;}
        #reklama-a {text-align: center; margin-top: 6px;}
        #menu2 {clear: both; margin-top: 6px; overflow: hidden;}
          #menu2 div {padding: 3px 10px 3px 10px; color: #fff; margin-right: 4px; float: left;}
          #menu2 div a {color: #fff; font-weight: bold; text-decoration: none;}
        #menu1 {clear: both; border: 0px solid #000; margin: 0px 0px 6px 0px; background-color: #0077bd; color: #fff; overflow: hidden;}
          #menu11 {overflow: hidden; width: 468px; font-size: 8pt; text-align: left; float: left;}
            #menu11 a {float: left; width: 120px; padding: 8px 0 0 8px; font-weight: bold; font-size: 12pt; color: #fff; text-decoration: none;}
            #menu11 a:hover {text-decoration: underline;}
          #menu12 {overflow: hidden; width: 400px; background-color: #0077bd; float: left; padding: 6px 0 6px 0;}
            #menu12:hover {background-color: #449bce;}
        #okruszki {clear: both; font-size: 8pt; text-align: left; overflow: hidden;}
          #okruszki a {color: #000;}
        #cialo1 {clear: both; text-align: left; overflow: hidden;}
          #cialo11 {width: 174px; float: left; overflow: hidden; padding: 5px 0px 5px 0px;}
            #cialo11 div {padding: 0px; background-color: #fc0; border: 0px solid #ccc; margin: 1px 0px 1px 0px;}
            #cialo11 div ul li a {color: #666;}
            #cialo11 h3  {background-color:  #fc0;  font-size:  8pt; ;}
            #cialo11 h3:hover  {background-color:  #fd5; ;}
            #cialo11 h3.zaznaczona  {background-color:  #0077bd;  font-size:  8pt;  color:  #fff;}
            #cialo11 h3.zaznaczona a {color: #fff; text-decoration: none; display: block; padding: 1px 4px 1px 4px;}
            #cialo11 h3.zaznaczona a:hover {color: #fff;}
            #cialo11 h3 a {color: #000; text-decoration: none; display: block; padding: 1px 4px 1px 4px;}
            #cialo11 h3 a:hover {color: #c00; text-decoration: underline;}
            #cialo11 ul {margin-left: 20px;}
          #cialo12 {width: 500px; float: left; margin: 0px 10px 0px 10px; padding-bottom: 10px;}
            #cialo12 h2.tytul {padding-bottom: 6px; border-bottom: 1px dotted #eee; margin: 10px 0px 10px 0px; font-size: 14pt;}
            #cialo12 h2 {font-size: 12pt;}
            #cialo12 h2.podtytul {color: gray; font-weight: normal; margin-bottom: 5px;}
            #cialo12 h3 {font-size: 11pt;}
            #cialo12 h3.autor {font-weight: normal; font-style: italic;}
          #cialo13 {width: 174px; float: left; overflow: hidden;}
            div.cialo13_mod {padding: 5px; background-color: #eee; border: 1px solid #ddd; margin: 6px 0px 6px 0px;}
            div.cialo13_mod h3 {font-size: 11pt; margin-bottom: 5px;}
            div.cialo13_mod div {border: 0px solid; padding-left: 5px; margin: 0px;}
            div.cialo13_mod div img {margin: 2px 2px 2px 0px; vertical-align: middle;}
            div.cialo13_mod p {text-align: center;}
            div.cialo13_mod p img {border: 1px solid #000; display: block; margin: auto; margin-bottom: 3px; width: 100px;}
            div.cialo13_mod p span {font-weight: bold; color: red; margin-top: 3px;  display: block;}
            div.sortowanie {padding: 5px; border: 1px solid #ddd; margin: 6px 0px 6px 0px;}
            div.sortowanie h3 {font-size: 11pt; margin-bottom: 5px;}
            div.bestwkat {padding: 5px; background-color: #eee; border: 1px solid #ddd; margin: 6px 0px 6px 0px; text-align: left;}
            div.bestwkat h3 {font-size: 11pt; margin-bottom: 5px;}
            div.bestwkat a {display: block; padding: 3px 0 3px 0;}
        #stopka1 {clear: both; border-top: 1px solid #000; padding: 6px;}

/* Sortowanie */
div.sortowanie {background-color: #fff;}

/* Podręczniki kategorie */
div.podreczniki_kategorie {margin: 10px 0 10px 0; overflow: hidden; float: none;}
  div.podreczniki_kategorie a {display: block; width: 236px; float: left; padding: 6px; border: 1px solid #eee; height: 36px;}
  div.podreczniki_kategorie a:hover {border: 1px solid #bbb; color: green; background-color: #eee;}

/* Promocja 1 */
div.promocja1 {margin: 10px; border: 2px solid #fc0; padding: 15px;}
  div.promocja1 h3 {margin-bottom: 6px; color: #090; font-size: 12pt;}

/* Polecamy 1 */
div.polecamy1 {background-color: #fff; padding: 3px; margin: 20px 0 10px 0; border: 1px solid silver; text-align: center; font-size: 9pt;}
  div.polecamy1 a {font-size: 10pt;}

/* DIVY */
div {margin: 0px; padding: 0px; border: 0px solid;}
#specjalizacje {padding: 3px 0 3px 0; margin-top: 6px; border-top: 1px solid silver; border-bottom: 1px solid silver; font-size: 8pt; text-align: left;}
  #specjalizacje a {}
  #specjalizacje a.hover {color: maroon;}
/*div.informacja {min-height: 40px; padding: 10px 10px 10px 40px; border: 2px solid #afe654; color: #000; margin: 10px; background: url('http://www.dopoduszki.pl/img/informacja.gif') no-repeat left center; background-color: #effadd;}*/
div.informacja {min-height: 40px; padding: 10px 10px 10px 50px; border: 2px solid green; color: #000; margin: 10px; background: url('http://www.dopoduszki.pl/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.produkt_do_koszyka {min-height: 40px; padding: 10px 10px 10px 50px; border: 2px solid green; color: #000; margin: 10px; background: url('http://www.dopoduszki.pl/img/dokoszyka.gif') no-repeat left center; background-color: #effadd;}
div.produkt_do_koszyka h2 {font-size: 12pt; margin-bottom: 5px; color: green;}
div.produkt_do_koszyka a {color: green;}
div.problem {min-height: 40px; padding: 10px 10px 10px 50px; border: 1px solid #f99; color: #000; margin: 10px; background: url('http://www.dopoduszki.pl/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 50px; border: 1px solid #afe654; color: #000; margin: 10px; background: url('http://www.dopoduszki.pl/img/poprawnie.gif') no-repeat left center; background-color: #effadd;}
div.niepoprawnie {min-height: 40px; padding: 10px 10px 10px 50px; border: 1px solid #f99; color: #000; margin: 10px; background: url('http://www.dopoduszki.pl/img/niepoprawnie.gif') no-repeat left center; background-color: #fff2f2;}
div.powitanie {border-bottom: 1px dotted #eee; padding: 0px 10px 10px 10px; margin: 10px 0px 10px 0px; text-align: center;}
div.produkt1 {border: 1px solid #ddd; margin: 10px 0px 10px 0px; text-align: center; overflow: hidden;}
div.produkt2 {margin: 10px 0px 10px 0px; text-align: justify; overflow: hidden;}
div.produkt2-opis {margin: 4px; padding: 4px; font-size: 10pt; text-align: justify; border-top: 1px solid silver;}
div.produkt2-media {margin: 4px; padding: 4px; text-align: center; border-top: 1px solid silver;}
div.produkt2-informacje {margin: 4px; padding: 4px; font-size: 9pt; text-align: justify; border-top: 1px solid silver;}
div.produkt2-najpop {margin: 4px; padding: 4px; font-size: 9pt; text-align: justify; border-top: 1px solid silver;}
div.produkt2-najpop h4 {font-size: 11pt;}
div.produkt2-najpop td {text-align: center; vertical-align: top; width: 124px; max-width: 124px;}
div.produkt2-najpop img {border: 1px solid #000;}
div.produkt2-najpop b {color: #000;}
div.produkt2-komentarze {margin: 4px; padding: 4px; font-size: 9pt; text-align: justify; border-top: 1px solid silver;}
div.produkt2-komentarz {border-bottom: 1px dotted #eee; padding: 5px; margin-bottom: 5px;}
div.produkt2-komentarz_podpis {text-align: right; font-size: 8pt;}
div.koszyk {margin: 10px 0px 10px 0px; text-align: center; overflow: hidden;}
div.kasa {margin: 10px 0px 10px 0px; text-align: center; overflow: hidden;}
div.kasa span {color: red; font-weight: bold;}
div.szukaj_z {margin: 10px 0px 10px 0px; overflow: hidden; border: 1px solid #00bdec; background-color: #d9f7ff;}
div.szukaj_z span {color: red; font-weight: bold;}
div.paragon {margin: 10px; padding: 10px; background-color: #eee; border: 1px dotted #eee; font-size: 12pt; color: green; text-align: center;}
div.tabela {overflow: hidden; text-align: left; margin: 10px 0px 10px 0px;}
div.tabela div {width: 244px; padding: 3px; float: left;}
div.stronicowanie {margin: 10px 0px 10px 0px; padding: 5px; border-top: 1px dotted #eee; text-align: center;}
div.stronicowanie-gora {margin: 10px 0px 10px 0px; padding-bottom: 5px; border-bottom: 1px dotted #eee; text-align: center;}
div.stronicowanie-gora b a {text-decoration: none;}
div.stronicowanie-dol {margin: 10px 0px 10px 0px; padding-top: 5px; border-top: 1px dotted #eee; text-align: center;}
div.stronicowanie-dol b a {text-decoration: none;}
div.z0 {background-color: #91bee5;}
div.z1 {background-color: #0077bd;}
div.z2 {background-color: #FF7D0C;}
div.kategoria2-najpop {margin: 0; padding: 0; font-size: 9pt; text-align: justify;}
div.kategoria2-najpop h4 {font-size: 11pt;}
div.kategoria2-najpop td {text-align: center; vertical-align: top; max-width: 124px;}
div.kategoria2-najpop img {border: 1px solid #000;}
div.kategoria2-najpop b {color: #000;}

/* LINKI */
a {text-decoration: underline;}
a:link {color: #006;}
a:visited {color: #006;}
a:hover {color: #00f;}
a:active {color: #006;}
a.stopka1:link {color: #000;}
a.stopka1:visited {color: #000;}
a.stopka1:hover {color: #000;}
a.stopka1:active {color: #000;}
a.okruszki:link {color: #000;}
a.okruszki:visited {color: #000;}
a.okruszki:hover {color: #000;}
a.okruszki:active {color: #000;}
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 {border: 0px solid; margin: 0px; width: 100%; border-spacing: 0px; border-collapse: collapse;}
  tr {}
    td {border: 0px solid #666; margin: 0px; padding: 5px;}
td.produkt1-lewa {width: 99px;}
td.produkt1-lewa img {border: 1px solid #000;}
td.produkt1-srodek {width: 300px; text-align: left;}
td.produkt1-srodek i {color: #900; font-size: 8pt;}
td.produkt1-prawa {width: 99px; text-align: right;}
td.produkt1-prawa h4 {color: red; font-size: 15pt;}
td.produkt1-prawa del {color: black;}
td.produkt1-prawa a {}
td.produkt2-lewa {width: 160px; text-align: center;}
td.produkt2-lewa img {border: 1px solid #000;}
td.produkt2-srodek {width: 170px; text-align: left;}
td.produkt2-srodek img {border: 1px solid #000;}
td.produkt2-srodek a {font-size: 8pt;}
td.produkt2-prawa {width: 170px; text-align: right; font-size: 8pt;}
td.produkt2-prawa h4 {color: #eb0025; font-size: 18pt;}
td.produkt2-prawa h5 {color: green; font-size: 12pt;}
td.produkt2-prawa del {color: black; font-size: 11pt;}
td.produkt2-prawa a {}
td.koszyk-lewa {border: 1px solid #ddd; text-align: left; font-weight: bold;}
td.koszyk-srodek {border: 1px solid #ddd; width: 70px;}
td.koszyk-prawa {border: 1px solid #ddd; text-align: right; width: 60px;}
td.koszyk-prawa1 {text-align: right; font-weight: bold;}
td.kasa-lewa {width: 40%; text-align: right; font-weight: bold;}
td.kasa-prawa {width: 60%; text-align: left;}
table.regulamin {}
  table.regulamin td {border: 1px solid #000;}
  td.regulamin-center-nag {text-align: center; font-weight: bold;}
  td.regulamin-center {text-align: center;}
table.banki {text-align: center; font-size: 8pt; border-collapse: separate;}
  table.banki td {border: 2px solid #fff; height: 60px;}
  table.banki td:hover {border: 2px solid #eee;}

/* LISTY */
ul {margin: 5px 5px 10px 26px; padding: 0px;}
ul.tabela {margin-left: 20px; font-size: 8pt;}
ul.bestsellery {margin-left: 40px; list-style-type: decimal;}
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 {}
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;}
input.kontaktform {width: 220px; border: 1px solid #333; padding: 2px; font-size: 9pt;}
input.token {width: 40px; border: 1px solid #333; padding: 2px; font-size: 9pt;} 
textarea.kontaktform {width: 220px; height: 100px; border: 1px solid #333; padding: 2px; font-size: 9pt;}
select {font-size: 8pt;}

