* { font-family: Tahoma, Verdana, "DejaVu Sans", "Bitstream Vera Sans", Helvetica, Arial, Sans-Serif; }
body {behavior: url(csshover.htc); margin:0; padding:0; background: #f2eee3; font-size: 0.7em;}
p {margin: 0; padding:0;}
a {text-decoration: none;}
ul, ol {margin:0; padding:0;}
form {margin:0; padding:0;}
h1 {margin: 0 0 0.3em 0; color: #000; font-size: 1.6em;}
h1 a {color: #000;}

#kontener {margin: auto; width:760px;}
#kontener div.kontener {clear: both;}
#gora {height: 48px; background: url('/images/pasek.png');}
#goraTekst {float: left; margin: 5px 0 0 10px; width: 200px; color: #e85a00; font-size: 0.9em;}
#menu2 {float: right; margin: 30px 10px 0 0; text-align: right; font-size: 0.9em;}
#menu2 a {color: #e85a00;}
#gora2 {margin-top: 1px; height: 214px; background: url('/images/tlo.png');}

/* pierwszy poziom */
#menu {list-style: none; clear:both; height: 10px; margin: 1px 0 0 0; background: #e85a00; padding: 7px 7px 7px 7px; color: #fff; font-size: 0.9em;}
#menu li {float:left; height: 12px; position: relative;}
#menu a {font-weight: bold; color: #fff}
/* drugi poziom */
#menu ul {position:absolute; list-style: none; display: none; top: 12px; left: 0px; width: 100px; background: #eb7326; padding-top:1px;}
#menu li:hover ul {display: block}
#menu ul li {float: none; margin-bottom: 1px; height: auto; padding: 3px 0; background: #e85a00;}
#menu ul li a {margin: 0 5px;}
/* trzeci poziom */
#menu li:hover ul ul {display: none; top:1px; left:100%;}
#menu ul li:hover ul {display: block}

#menuBelka {margin: auto; width: 750px; height: 2px; background: #e8890b; font-size: 0;}

#bilbord {display: block; margin: 10px auto 10px auto; width: 750px; height: 100px; background: #cad5db;}

#lewa {float: left; width:180px; color: #fff;}

/* koszyk po lewej */
#koszykl {margin-bottom: 10px; padding: 10px; background: #e85a00;}
#koszykl h2 {padding-left: 15px; font-size: 1em; color: #f5ff00; background: url(../images/KoszykS.png) no-repeat left;}
#koszykl h2 a {color: #f5ff00;}
#koszykl p {margin-top: 5px; padding-left: 15px;}
#koszykl strong {color: #f5ff00;}


#sklep {padding: 5px; background: #e85a00;}
#sklep h2 {margin:0; font-size: 1.6em; color: #fff; clear:both}
	*:first-child+html #sklep h2 {margin-bottom: -2px}
	* html #sklep h2 {margin-bottom: -2px}
#sklep ul {list-style: none; background: #eb7326;}
#sklep ul {list-style: none; background: #eb7326;}
#sklep li {padding: 2px 0 0 20px; list-style: none;background: #e85a00 url('../images/strzalkaSklep.png') no-repeat 5px 50%;}
#sklep li.wazne a {color: #f6ff00; font-weight: bold;}
#sklep a {display: block; color: #fff;}

#polecaneProdukty {float: right; padding: 10px; width: 550px; background: #fff; color: #666666;}
#polecaneProdukty h1 {color: #e95900;}
#lewa2 {clear: both; float: left; width:180px; color: #fff;}

#design {margin-top: 10px; padding: 5px; background: #e8890b;}
#design h2 {margin:0; font-size: 1.6em; color: #fff;}
#design ul {list-style: none;}
#design li {height: 15px; padding: 2px 0 0 20px; list-style: none;}
#design a {display: block; color: #fff;}
#design ul {background: #eb9b2f;}
#design li {margin-bottom: 1px; background: #e8890b url('../images/strzalkaDesign.png') no-repeat 5px 50%;}

#newsletter {margin-top: 10px; padding: 10px; background: #fcfbf8; color: #e8890b; font-size: 0.9em;}
#newsletter form {margin-top: 5px;}
#newsletter input {border: 0; font-size: 1em;}
#newsletter input.text {width: 99px; background: #ded5b9;}
#newsletter input.submit {width: 56px; background: #e85a00; color: #fcfbf8; font-weight: bold;}

#platnosci {display: block; margin: 10px auto 0 auto;}

#srodek {float: right; padding: 10px; width: 550px; background: #fff; color: #666666;}
#srodek h1 {color: #e88a0c; font-size: 1.6em;}
#srodek a {color: #666666;}
#srodek img {border:0;}
#srodek p {margin-bottom: 1em;}
#srodek p a {color: #666666;}
#srodek hr {height: 1px; border:0; background: #dddddd; color:#dddddd;}
#srodek div.galeria {clear: both; margin-top: 1em;}
h2 {clear: both; margin: 0 0 0.2em 0; color: #000; font-size: 1.3em;}
h2 a {color: #666666;}
#srodek div.galeria {overflow: hidden; margin-bottom: 3em;}
#srodek div.galeria hr {display: none;}
#srodek .zdjecie {float: left}
#srodek ul {margin-left: 2em;}


#informacje {float: right; margin-top: 10px; padding: 10px; width: 550px; background: #fff; color: #333333;}
#informacje h1 {color: #e88a0c;}
#informacje div.kontener {clear: both;}
#informacje div.lewa {float: left; width: 265px; margin-right: 10px;}
#informacje div.prawa {float: left; width: 265px; margin-left: 10px;}
#informacje h2 {margin: 0; color: #e7870c; font-size: 1.2em;}
#informacje p.data {margin: 0; color: #989994; font-size: 0.8em;}
#informacje p {margin: 0.5em 0 2em 0;}
#informacje a {color: #333333;}

/* Produkty */
#listaProduktow div {overflow: hidden; clear: both; margin-bottom: 15px; border-top: 1px solid #e5e5e5; padding-top: 15px;}
#listaProduktow div.pierwszy {border: none;}
#listaProduktow h2 {float: right; width: 370px;}
#listaProduktow img {float: left; border: 1px solid #e5e5e5;}
#listaProduktow p {float: right; margin-bottom: 1em; width: 370px;}
#listaProduktow div div {clear: none; float: right; margin: 0; border: none; padding: 0; width: 370px;}
#listaProduktow p.cena {float: left; margin: 0; width: auto; color: #e75a00; font-size: 1.5em; font-weight: bold;}
#listaProduktow img.dodaj {float: right; border: 0;}
#listaProduktow table {margin-bottom: 0.7em;}
#listaProduktow table th {padding:  0 5px 0 0; color: #000; text-align: left; font-weight: normal;}
#listaProduktow table td {padding: 0; color: #000; font-weight: bold;}

/* koszyk */
#koszyk table {width: 100%;}
#koszyk input.ilosc {float: none; width: 50px; text-align: right;}
#koszyk a {color: #000;}
#koszyk input.submit {margin-right: 10px;}
#realizujZamowienie {float: right; margin-top: 20px; }
#realizujZamowienie p {margin-bottom: 10px; text-align: right;}
#realizujZamowienie div {clear: both;}
#realizujZamowienie label {float: left; margin-right: 5px; width: 380px; text-align: right;}
#realizujZamowienie input {float: left; width: 130px; font-size: 0.90em;}
#realizujZamowienie input.submit {float: right;}
#realizujZamowienie ol {float: right; list-style: none; margin: 10px 0 10px 150px; padding: 0;}
#realizujZamowienie li {float: left; margin-right: 20px; background: url(../images/dalej.png) no-repeat left; padding-left: 10px; }
#realizujZamowienie a {color: #000;}

/* formularze */
fieldset {border: 0;}
fieldset div {clear: both;}
fieldset div.blad {margin: 0 0 0 105px; padding: 0; color: #f00;}
fieldset label {float: left; margin: 0 5px 0 5px; width: 200px; text-align: left;}
fieldset label.label {margin: 0 5px 0 0; width: 100px; text-align: right;}
fieldset textarea {float: left; margin: 0 0 5px 0; border: 0; width: 200px; background: #dddddd; font-size: 1.3em;}
fieldset select {float: left; margin: 0 0 5px 0; background: #fff; font-size: 0.9em;}
fieldset input {float: left; margin: 0 0 5px 0; width: 200px; background: #fff; font-size: 0.9em;}
fieldset input.radio {width: auto;}
fieldset input.checkbox {width: auto; background: #fff;}
fieldset input.login {width: 100px;}
fieldset input.submit {width: auto; border: 0; background: #e75a00; padding: 1px; color: #fff; font-weight: bold;}
img.gwiazdka {float: left; margin: 4px 0 0 4px;}
div.pomoc {position: relative; clear: none; float: left; margin-left: 5px; padding: 0; width: 15px; height: 15px; background: url(../images/pomoc.png);}
div.pomoc div {position: absolute; display: none;}
div.pomoc:hover div {display: block; margin: 0 0 0 20px; border: 1px solid #ddd; padding: 5px; background: #fff; width: 100px;}

/* ZamowieniePrzesylka */
#ZamowieniePrzesylka label {margin-left: 5px;text-align: left;}
#ZamowieniePrzesylka label.label {display: none;}
#ZamowieniePrzesylka input.submit {margin-right: 10px;}

/* ZamowieniePrzesylka */
#ZamowieniePlatnosc label {margin-left: 5px;text-align: left;}
#ZamowieniePlatnosc label.label {display: none;}
#ZamowieniePlatnosc input.submit {margin-right: 10px;}

/* zamowienie */
#Zamowienie h2 { padding-top: 10px;}
#Zamowienie input.submit {margin-right: 10px;}

/* podsumowanie */
#podsumowanie {width: 100%;}
#realizujZamowienie2 input.submit {margin-right: 5px;}

/* stopka */
#dol {clear: both; padding-top: 10px;}
#dol div {background: #e85a00; padding: 5px; text-align:center;}
#dol p.prawa {color: #ffffff; font-weight: bold;}
#dol p.wykonanie {margin-top: 5px; color: #e9a981;}
#dol p.wykonanie a {color: #e9a981;}

.linki {color: #c8bc97; font-weight:normal; font-size: 9px; font-family: 'Tahoma CE', Tahoma, sans-serif; text-decoration: none;}
a.linki {text-decoration: none;color: #c8bc97; font-weight:normal;}
a.linki:hover {color: #c8bc97;text-decoration: none; font-weight:normal;}

#pagination #links {width:400px; float: left;}

#pagination a, #pagination a:hover, #pagination span {
  display: block;
  float: left;
  width:32px;
  margin: 0px 6px 0px 0px;
  padding: 10px 0px 10px 0px;
  text-align: center;
  border: 1px solid #e5e5e5;
  background: #E85A00;
  color: #fff;
  font-weight:bold;
}

#pagination span {background: #fff; color: #666;}

#mainImg  {margin-bottom: 0px; display: block; text-align: center; cursor: pointer;}
#mainImg img  {margin: auto; border: 0;}


#searchForm {margin-bottom: 10px; overflow: hidden; padding: 10px; background: #fcfbf8; color: #e8890b; font-size: 0.9em;}
#searchForm form {margin-top: 5px;}
#searchForm div {margin-bottom: 5px;}
#searchForm label {display: block; width: 50px; float: left;}
#searchForm input {border: 0; font-size: 1em;}
#searchForm input.text {width: 108px; background: #ded5b9;}
#searchForm input.submit {width: 56px; background: #e85a00; color: #fcfbf8; float: right; font-weight: bold;}

* html #searchForm input.text {width: 105px;}