html { height: 100%; }
body { background: #ccc; height: 100%; }
input,textarea,select { border: 1px solid #bbb; padding: 2px; border-radius: 2px; margin-right: 5px; margin-left: 2px; font-size: inherit; }
input[type="checkbox"] { vertical-align: middle; }
textarea { font-family: inherit; font-size: inherit; }
hr { margin: 10px 0px; border: none; height: 1px; background: #ddd;}
.logo { background: #fff; padding: 10px; position: relative; z-index: 2; box-shadow: 0px 0px 10px #aaa; }
.logo .komunikatBox { position: absolute !important; top: 50%; left: 180px; margin-top: -19px !important; }
.logo #numer { font-size: 22px; color: #999; position: absolute; top: 24px; left: 180px; font-weight: bold; font-family: Arial; }
.logo #user { position: absolute; top: 20px; right: 10px; font-size: 12px; white-space: nowrap; }
.logo #user form { display: inline-block; margin-left: 30px; }
.logo #user button { width: auto !important; height: auto !important; margin-left: 10px; padding: 5px 8px; }
.button { border: none; background: #333; cursor: pointer; box-shadow: inset 0px -20px 20px -20px #000, inset 0px 0px 3px #000; color: #fff; padding: 5px 8px; border-radius: 4px; font-size: 13px; overflow: hidden; display: inline-block; vertical-align: middle; font-family: Tahoma; white-space: nowrap; padding: 8px 12px; text-decoration: none; }
.button.niedostepny { background: #FF0000; text-shadow: 1px 1px 0px #CC0000; box-shadow: inset 0px -20px 20px -20px #770000, inset 0px 0px 3px #770000; cursor: default; }
.button input { position: absolute; top: 100%; left: 100%; width: 0px; height: 0px; opacity: 0; }
input.error { color: #E13800; border-color: #E13800; background: #FFF2F2; }
div.error { color: #FF0000; }
button { margin: auto; padding: 0px; border: none; background: none; display: inline-block; vertical-align: middle; cursor: pointer; }

#loader { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100000000000000000000 }
#loader .bg { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.075 }
#loader .ico { display: block; position: absolute; width: 90px; height: 90px; background: #fff url('images/loader.gif') no-repeat center center; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; border-radius: 100px; box-shadow: inset 1px 1px 8px #aaa, 0px 0px 10px #777; z-index: 999999999999999999999999; }
body { font-family: Tahoma; font-size: 11px; margin: 0px; padding: 0px; }
form { display: block; padding: 0px;}
body thead td { background: #eee; }

.tabsTab ul { margin: 0px; padding: 0px; list-style-type: none; }
#menu { background: #eee; box-shadow: inset 0px -20px  10px -10px #ddd; margin: 0px; padding: 0px; list-style-type: none; }
#menu li { display: inline-block; font-size: 14px; font-family: Arial; font-weight: bold; }
#menu li label { display: block; cursor: pointer; padding: 10px 12px; color: inherit; text-decoration: none; position: relative; }
#menu label input { border: 0px; margin: 0px; padding: 0px; font-size: 0px; opacity: 0; position: absolute; top: 0px; left: 0px; }
#menu li.on label { background: #fff; }
#content { background: #fff; }
#content > table { width: 100%; border-collapse: collapse; }
#content > table > tbody > tr > td { vertical-align: top; }
#content > table > tbody > tr > td.form { max-width: 540px; min-width: 540px; width: 540px !important; }
#content > table > tbody > tr > td.koszyk {  }
#form { position: relative; }
#logowanieTable { width: 100%; height: 100%; }
#logowanieTable > tbody > tr > td  { text-align: center; }
#logowanie { display: inline-block; background: #fff; border-radius: 4px; box-shadow: 1px 1px 6px #aaa; padding: 10px; margin: auto; text-align: center; }
#logowanie table{ width: auto; margin: auto; font-size: 13px; text-align: left; margin-top: 5px; }
#logowanie td { padding: 3px; }
#logowanie .button { font-size: 13px; font-family: Tahoma; }

#szukaj { font-size: 18px; font-weight: bold; font-family: Arial; padding: 8px 0px 7px 8px; }
#szukaj input { border-radius: 4px; border: 2px solid #ddd; font-size: 16px; width: 240px; padding: 4px; }
#szukaj select { border-radius: 4px; border: 2px solid #ddd; font-size: 16px; padding: 3px; }
#kolor #szukaj input { width: 130px; }
#akcesoria #szukaj input { width: 360px; }
#wzor #szukaj select { width: 160px; }
#wzor #szukaj input { width: 175px; }

#koszykBox { margin: 10px; border-radius: 4px; box-shadow: 1px 1px 5px -1px #aaa; padding: 10px; text-align: right; }
#koszykBox > div { display: inline-block; vertical-align: middle; }
#koszykBox > div:nth-child(1) { border-right: 1px solid #ddd; padding-right: 15px; }
#koszykBox > div:nth-child(2) { border-right: none; padding-left: 15px; padding-right: 6px; }
#koszykBox > div:nth-child(3) { padding-right: 6px; border-right: none; }
#koszykBox #cena { display: block; font-size: 20px; font-weight: bold; }
#koszykBox #cena.error  { color #FF0000; }
#koszykBox #cena strong { color: #FF0000; }
#koszykBox input[name="ilosc"] { width: 30px; font-size: 13px; vertical-align: middle; }
#koszykBox button { border: none; background: #eee; height: 22px; width: 22px; border-radius: 100px; margin: 0px 1px; border: 1px solid #ddd; }
#koszykBox .button { margin-top: -2px; margin-right: -2px; font-size: 13px; padding: 8px 12px; font-family: Tahoma; }

.koszykBox { border-radius: 4px; box-shadow: 1px 1px 5px -1px #aaa; padding: 10px 10px 10px 10px; text-align: right; margin: 4px; }
.koszykBox .title { font-size: 14px; font-weight: bold; font-family: Arial; text-align: left; padding-bottom: 5px; padding-left: 15px; } 
.koszykBox .cena { display: block; vertical-align: middle; text-align: right; }
.koszykBox .cena div { display: block; font-size: 20px; font-weight: bold; }
.koszykBox .ilosc { display: block; vertical-align: middle; }
.koszykBox td.img { width: 160px !important; padding: 0px 10px 0px 0px; text-align: center; border-right: 1px solid #ddd; }
.koszykBox div.img { height: 120px; width: 160px; line-height: 120px; vertical-align: middle; }
.koszykBox div.img img { max-width: 140px !important; max-height: 120px !important; line-height: 120px; vertical-align: middle; }
.koszykBox input[name="ilosc"] { width: 30px; font-size: 13px; vertical-align: middle; }
.koszykBox button { border: none; background: #eee; height: 22px; width: 22px; border-radius: 100px; margin: 0px 1px; border: 1px solid #ddd; vertical-align: middle; }
.koszykBox table { width: 100%; }
.koszykBox .button { font-size: 13px; margin-top: 8px; padding: 8px 12px; font-family: Tahoma; }

.koszykNEW td { padding: 0px 4px !important; }
.koszykNEW td select { margin: 0px; border: none; padding: 4px; }
.koszykNEW td:nth-child(2) input { text-align: left !important; }
.koszykNEW td label { margin: -4px !important; padding: 0px 8px 0px 4px!important; }
.koszykNEW td input { margin: 0px -2px !important; border: 0px !important; padding: 4px !important; font-size: 11px !important; border-radius: 0px !important; }

#wzor {}
#wzor ul { margin: 0px; padding: 0px; list-style-type: none; max-height: 522px; overflow: scroll; overflow-x: hidden; padding-right: 10px; }
#wzor ul li { display: block; vertical-align: top; position: relative; text-align: center; }
#wzor ul li label { display: block; height: 178px; padding: 10px 0px 20px 0px; margin: 5px; border-radius: 4px; box-shadow: 1px 1px 3px 0px #aaa; cursor: pointer; }
#wzor ul li label img { height: 140px; margin: auto; }
#wzor ul li.checked label { margin: 2px; border: 3px solid #000; }
#wzor ul input { position: absolute; top: 0px; right: 0px; opacity: 0; }
#wzor .title { font-size: 20px; font-weight: bold; font-family: Arial; padding-bottom: 7px; }
#wzor .info { padding-top: 4px; font-size: 12px; }
#wzor ul.info { list-style-type: none; margin: 0px; padding: 0px; height: auto; overflow: visible; position: absolute; top: 0px; left: 0px; padding: 10px 20px; white-space: nowrap; text-align: left !important; z-index: 100; }
#wzor ul.info li { display: block; margin: 2px; }
#wzor ul.info img { width: auto; height: auto; border: 3px solid #ddd; border-radius: 5px; }

#kolor {}
#kolor ul { margin: 0px; padding: 0px; list-style-type: none; max-height: 522px; overflow: scroll; overflow-x: hidden; padding-right: 10px; }
#kolor ul li { display: inline-block; vertical-align: top; width: 33.33%; }
#kolor ul li label { display: block; padding: 30px 10px 10px 10px; height: 20px; margin: 3px; border-radius: 4px; box-shadow: 1px 1px 3px -1px #aaa; position: relative; cursor: pointer; background: url(images/kolor_bck.png) no-repeat center center; }
#kolor ul li.checked label { border: 3px solid #000; margin: 0px; }
#kolor ul li .RAL { display: inline-block; border-radius: 4px; padding: 2px 4px; position: absolute; top: 5px; left: 5px; font-weight: bold; font-size: 14px; font-family: Arial; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAFUlEQVR4nGP4////M2Iww6hC+ioEAGA1hLwU7zUoAAAAAElFTkSuQmCC); }
#kolor ul li .doplata { background: #FF0000; color: #fff; border-radius: 4px; position: absolute; top: 5px; right: 5px; font-size: 14px; font-family: Arial; font-weight: bold; padding: 2px 4px; }
#kolor ul li .nazwa { font-size: 11px; }
#kolor ul li input { width: 0px; height: 0px; opacity: 0; position: absolute; top: 0px; right: 0px; }

#akcesoria {}
#akcesoria ul { margin: 0px; padding: 0px; list-style-type: none; max-height: 522px; overflow: scroll; overflow-x: hidden; padding-right: 10px; } 
#akcesoria ul li { display: block; } 
#akcesoria .opis { text-align: left !important; color: #333; padding: 0px 15px; }

#uslugi {}
#uslugi ul { margin: 0px; padding: 0px; list-style-type: none; max-height: 522px; overflow: scroll; overflow-x: hidden; padding-right: 10px; } 
#uslugi ul li { display: block; } 
#uslugi .title { padding: 0px; }
#uslugi .opis { text-align: left !important; color: #333; padding: 0px; }

#detale { }
#detale > div > ul { margin: 0px; padding: 0px; list-style-type: none; overflow: scroll; height: 150px; overflow-x: auto; overflow-y: auto; white-space: nowrap; }
#detale > div > ul > li { display: inline-block; height: 100px; width: 100px; margin: 3px; border-radius: 4px; box-shadow: 1px 1px 5px -1px #aaa; padding: 10px; text-align: right; }

button { border: none; background: #eee; height: 22px; width: 22px; border-radius: 100px; margin: 0px 1px; border: 1px solid #ddd; vertical-align: middle; }
input[name*="[ilosc]"] { width: 20px; font-size: 13px; vertical-align: middle; text-align: center; }
.akcesoria { margin-top: -9px; padding-bottom: 25px; padding-top: 2px; border-top: 1px solid #ddd; }
.akcesoria ul { margin: 0px; padding: 0px; list-style-type: none; max-height: 180px; overflow: scroll; overflow-x: hidden; padding-right: 10px; }
.akcesoria li { display: block; border-bottom: 1px solid #ddd; padding: 4px 0px; }
.akcesoria li table { width: 100%; }
.akcesoria li table { width: 100%; }
.akcesoria li table td:nth-child(2){ font-weight: bold; width: 100%; }
.akcesoria li table td:nth-child(3){ text-align: right !important; white-space: nowrap; }
.akcesoria li table td:nth-child(3) div { display: inline-block; padding: 0px 10px; }
.akcesoria li table td:nth-child(3) div:last-child { padding-right: 0px;  border-left: 1px solid #ddd; }

#slupy { display: block; } 
#slupy table { border-collapse: collapse; width: 100%; } 
#slupy table td { vertical-align: top; width: 33.3%; } 
#slupy .koszykBox { max-width: 150px; text-align: center; } 
#slupy .koszykBox .title { padding: 0px; } 
#slupy .koszykBox hr { width: auto; } 
#slupy #dane { padding: 40px 0px; } 
#slupy #dane .komunikatBox { text-align: center !important; display: table; margin: 15px auto 0px auto !important; padding-left: 12px !important; } 
#slupy #dane .komunikatBox li { margin: 0px !important; padding: 12px !important; } 
#slupy #dane .komunikatBox li.ico { display: none !important; } 
#slupy #dane .komunikatBox b { display: block; } 
#slupy #dane table { margin: auto; width: auto; } 
#slupy #dane table td { text-align: right; width: auto; } 
#slupy #dane table select { font-size: 16px; margin: 0px 8px; text-align: left; width: 190px; } 
#slupy #dane table select option {  } 
#slupy h3 { font-family: Arial; font-weight: bold; font-size: 14px; padding: 0px 12px; }

#detale { padding: 20px 10px; }
#detale table { width: 100%; font-size: 13px; border-collapse: collapse; }
#detale > table > tbody > tr > td { padding: 8px 4px; border-bottom: 1px solid #ddd; vertical-align: top; }
#detale > table > tbody > tr > td:nth-child(1) { text-align: right; width: 40%; padding-top: 10px; }
#detale ul { margin: -2px 0px -2px -2px; padding: 0px; list-style-type: none; }
#detale ul li { display: inline-block; vertical-align: top; }
#detale ul li label { display: block; width: 145px; height: 100px; position: relative; border: 1px solid #eee; margin: 2px; border-radius: 3px; line-height: 70px; text-align: center; }
#detale ul li label img { max-width: 70px; max-height: 70px; vertical-align: middle; }
#detale ul li label .title { position: absolute; bottom: 0px; left: 0px; padding: 5px 0px; width: 100%; text-align: center; font-size: 11px; line-height: initial; }
#detale ul li label input { opacity: 1; position: absolute; top: 5px; right: 5px; }

.slupy { width: 100%; border-collapse: collapse; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.slupy th { background: #eee; text-align: center; border: 1px solid #ddd; padding: 8px; vertical-align: middle !important; }
.slupy td { border-top: 1px solid #ddd; padding: 8px 4px; text-align: center; vertical-align: middle !important; }
.slupy th:nth-child(1) { text-align: left; padding-left: 12px; }
.slupy td:nth-child(1) { text-align: left; padding-left: 12px; }
.slupy .button { margin-left: 4px; }

#przedmiot { padding: 20px 0px; }
#przedmiot input { font-size: 16px; margin: 0px 2px; width: 50px; text-align: center; }
#przedmiot > table { height: 100%; margin: auto; width: 100%; border-collapse: collapse; }
#przedmiot > table td  { text-align: center; vertical-align: middle; }
#przedmiot > table > tbody > tr > td select  { font-size: 16px; margin: 0px -100px 0px 0px; text-align: left; width: 180px; margin-left: 15px; margin-right: -100px; }
#przedmiot > table > tbody > tr:nth-child(2) > td:first-child  { width: 110px !important; }
#przedmiot > table td.image { height: 220px !important; width: 360px; text-align: center; padding: 0px 10px; line-height: 220px; vertical-align: middle; }
#przedmiot > table td.image img { max-width: 340px; max-height: 160px; margin: auto; margin: 0px 0px; vertical-align: middle; }
#przedmiot > table > tbody > tr:nth-child(4) > td { padding: 10px; }

#otwieranie { width: 120px; margin-left: 20px !important; }

#wymiary { width: auto; margin: auto !important; border-collapse: collapse; }
#wymiary td:nth-child(1),#wymiary td:nth-child(3n+1)  { text-align: right !important; background: #eee; width: auto; }
#wymiary td:nth-child(3n-1)  { text-align: left !important; }
#wymiary td:nth-child(3n)  { border: none; width: 40px; }
#wymiary td:nth-child(8)  { width: 100% !important; }
#wymiary td  { border: 1px solid #ddd; padding: 4px 6px; }
#wymiary td { white-space: initial; }

td.koszyk { padding: 10px 10px 20px 10px; }
.koszyk h3.title { font-size: 22px; margin: 0px; padding: 3px 0px 10px 0px; font-weight: normal; font-family: Arial; }
.koszyk h3.title span { display: inline-block; margin-left: 8px; color: #aaa; vertical-align: middle; font-size: 15px; font-weight: bold; }
.koszyk h3.title span.kolor { width: 18px; height: 18px; background: red; border-radius: 100px; box-shadow: 1px 1px 3px #aaa; border: 3px solid #fff; vertical-align: middle; margin-top: -4px; }
.koszyk h3.title span.doplata { background: #FF0000; color: #fff; margin-top: -2px; padding: 4px 6px 3px 6px; font-weight: bold; font-family: Arial; font-size: 15px; border-radius: 4px; text-shadow: 1px 1px 0px #CC0000; box-shadow: 1px 1px 3px #aaa, inset 0px -40px 25px -25px #CC0000; }
.koszyk h3.title + .info + hr  { margin: 0px 0px 0px 0px !important; }
.koszyk h3.title img  { max-height: 42px; max-width: 74px; vertical-align: middle; }
.koszyk h3.title span.img { display: block; height: 42px; width: 74px; line-height: 42px; text-align: center; vertical-align: middle; margin: 0px 10px -18px 10px; vertical-align: middle; float: left; }
.koszyk h3 +.info { font-size: 11px; color: #aaa; margin: -8px 0px 14px 96px; }
.koszyk .buttony  { display: inlien-block; float: right; }
.koszyk .button   { margin: 3px 2px !important; font-size: 14px; font-weight: bold; font-family: Arial; }
table.koszyk { width: 100%; border-collapse: collapse; width: 100%; }
table.koszyk th { background: #eee; padding: 4px; white-space: nowrap; border: 1px solid #ddd; white-space: nowrap; }
table.koszyk td { text-align: right; padding: 4px; border: 1px solid #ddd; }
table.koszyk .nazwa { text-align: left; width: 100%; }
table.koszyk .nazwa button { float: right; margin: -4px; padding: 0px; }
table.koszyk .nazwa div { color: #777; font-size: 11px; }
table.koszyk .nazwa img  { vertical-align: middle; margin: -4px 4px -2px 0px; }
table.koszyk label { display: block; margin: -2px; padding: 0px 6px 0px 0px; }
table.koszyk input[type="text"] { width: 100%; margin: -2px auto; display: block; text-align: center; }
table.koszyk button { border: none; background: none; width: auto; padding: 0px; }
tr.error td { color: red; background: #FFF0F0 }
tr.title td { border-left: none; border-right: none; text-align: left; font-size: 15px; font-family: Arial; font-weight: bold; padding-top: 10px; }

#sumaZamowienia { font-family: Arial; font-size: 15px; padding: 15px; text-align: right }
#sumaZamowienia .brutto { text-align: right; font-weight: bold; font-size: 24px; }
#sumaZamowienia .netto { text-align: right; color: #aaa; font-size: 13px; }
#sumaZamowienia .prowizja { font-size: 11px; color: red; }

/*komunikaty*/
ul.komunikatBox { list-style-type: none !important; position: relative !important; padding: 12px 11px 12px 42px !important; clear: both !important; font-size: 13px !important; text-align: left !important; line-height: 15px !important; margin: 0px 0px 6px 0px !important; border-radius: 0px !important; text-shadow: 1px 1px 0px #fff !important; }
ul.komunikatBox li.ico{ height: 100% !important; padding: 0px !important; top: 0px !important; left: 0px !important; position: absolute !important; width: 45px !important; background-position: center center !important; background-repeat: no-repeat; }
ul.komunikatBox li { padding: 0px !important; margin: 0px !important; list-style-type: none !important; }
ul.komunikatBox li strong { display: block !important; font-size: 14px !important; text-transform: uppercase !important; font-weight: bold !important; color: #000 !important; margin-bottom: 2px !important; }
ul.komunikatBox.true { border-color: #BFEB76 !important; background: #EFFADD !important; color: #1E5700 !important; }
ul.komunikatBox.true li.ico{ background-image: url('images/komunikaty_true.png') !important;}
ul.komunikatBox.false { border-color: #FFB5B5 !important; background: #FFE1E1 !important; color: #670000 !important; }
ul.komunikatBox.false li.ico { background-image: url('images/komunikaty_false.png') !important; }
ul.komunikatBox.alert { border-color: #FFE042 !important; background: #FFFBE6 !important; color: #292929 !important; }
ul.komunikatBox.alert li.ico{ background-image: url('images/komunikaty_alert.png') !important;}
ul.komunikatBox.help  { border-color: #6CD3FF !important; background: #E7F8FF !important; color: #014866 !important; }
ul.komunikatBox.help li.ico{ background-image: url('images/komunikaty_pomoc.png') !important; }
ul.komunikatBox.info  { border-color: #6CD3FF; background: #E7F8FF !important; color: #014866 !important; }
ul.komunikatBox.info li.ico { background-image: url('images/komunikaty_info.png') !important; }

#noJavaScript { position: fixed !important; top: 0px; left: 0px; width: 100% !important; height: 100% !important; text-transform: uppercase !important; font-size: 11px !important; z-index: 10000000000 !important; background: #eee !important; }
#noJavaScript table { width: 100%; height: 100%; }
#noJavaScript td { text-align: center; vertical-align: middle; height: 100%; padding: 2px; color: #fff; }
#noJavaScript ul { margin: 0px; padding: 0px; list-style-type: none; }
#noJavaScript div { color: #333; }
#noJavaScript div.smile { font-size: 200px; color: #888; font-weight: normal; }

#szukajForm form { padding: 20px; }
#szukajForm form input[type="text"]  { font-size: 14px; padding: 5px; }
#szukajForm form td:nth-child(1) { text-align: right; }
#szukajForm form td { width: 50% }

#szukajList { margin: 0px; padding: 0px; list-style-type: none; font-family: Arial; }
#szukajList li { padding: 10px 14px; border-bottom: 1px solid #ddd; cursor: pointer; }
#szukajList li:last-child { border-bottom: none; }
#szukajList div { color: #888; font-size: 11px; }
#szukajList div:nth-child(1) { color: #000; font-weight: bold; font-size: 14px; }
#szukajList div span { display: inline-block; margin-right: 10px; }

.infoBoxContent  { width: auto !important }
.infoBoxContent > div > h1  { margin: 0px; padding: 10px 18px; background: #520000; box-shadow: inset 0px 60px -30px 30px #990000; color: #fff; font-size: 18px; font-family: Arial; }
#wyslijForm  { width: 720px !important; font-size: 13px; }
#wyslijForm form { padding: 20px !important; }
#wyslijForm form input[type="text"]  { font-size: 13px; padding: 5px; width: 300px; }
#wyslijForm form tr:nth-child(1) td:nth-child(2) { padding: 4px; }
#wyslijForm form tr:nth-child(4) td:nth-child(2) { padding: 4px; }
#wyslijForm form tr:nth-child(5) td:nth-child(1) { padding: 4px 0px; vertical-align: top; }
#wyslijForm form td:nth-child(1) { text-align: right; width: 30%; font-weight: bold; }
#wyslijForm form td:nth-child(2) { font-size: 13px; }
#wyslijForm img { vertical-align: middle; margin-right: 4px; }
#wyslijForm a { color: inherit; text-decoration: none; color: #CC0000; }
#wyslijForm a:hover { text-decoration: underline; }

#drukujForm  { width: 280px !important; font-size: 13px; }
#drukujForm  h1 { background: #eee; box-shadow: inset 0px -20px  10px -10px #ddd; padding: 10px 12px; margin: 0px; font-family: Arial; font-size: 14px; color: #000; }
#drukujForm  table { width: auto !important; margin: auto; }
#drukujForm  table tr:last-child td { padding-top: 12px; }
#drukujForm form { padding: 20px !important; }
#drukujForm button { width: auto !important; height: auto !important; }

.tip { position: relative;display:inline-block; }
.tip div { display: none; position: absolute; bottom: 100%; text-align: left; left: 50%; background: #000; color: #ccc; padding: 10px 12px; font-size: 11px; font-family: Arial; width: 180px }
.tip:hover div { display: block; }

.jqInfoBox { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999 }
.jqInfoBox .background { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.35; z-index: 0; }
.jqInfoBox table { width: 100%; height: 100%; }
.jqInfoBox > div > table > tbody > tr > td { vertical-align: middle; text-align: center; }
.jqInfoBox .infoBoxContent { width: 480px; margin: auto; background: #fff; box-shadow: 0px 0px 8px #555; position: relative; z-index: 9999999 !important; display: inline-block; text-align: left; }
.jqInfoBox .jqInfoBoxClose { width: 25px; height: 25px; position: absolute; top: 5px; right: 5px; background: #000 url('images/close.png') no-repeat center center; cursor: pointer; z-index: 200; border-radius: 100px; }
.jqInfoBox .komunikatBox { margin: 0px !important;}

#admin { padding: 10px 20px; }
#admin button { width: auto; height: auto; }
#admin h3 button { margin-left: 8px; padding: 4px 8px; }
#admin h3 { margin: 0px; padding: 8px; font-family: Arial; font-size: 18px; text-align: center; }
#admin table { width: 100%; border-collapse: collapse; }
#admin th { background: #eee !important; padding: 10px; border: 1px solid #ddd; padding: 6px; vertical-align: middle; }
#admin td { background: #fff; border: 1px solid #ddd; padding: 0px; vertical-align: middle; text-align: center; }
#admin input { margin: auto; text-align: center; padding: 0px; border: 0px; width: 100%; padding: 6px 0px; font-size: 11px; }

#oferty { padding: 20px;}
#oferty table { width: 100%; border-collapse: collapse; }
#oferty table th { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background: #eee; padding: 8px; }
#oferty table td { padding: 8px; border-bottom: 1px solid #ddd; }
#oferty table tr th:nth-child(1) { text-align: right; width: 0px; }
#oferty table tr td:nth-child(1) { text-align: right; width: 0px; }
#oferty table tr td:nth-child(2) { text-align: center; width: 0px; padding-top: 0px; padding-bottom: 0px; }
#oferty table tr td:nth-child(2) img { height: 14px; }
#oferty table tr th:nth-child(3) { text-align: left; }
#oferty table tr td:nth-child(3) { text-align: left; font-size: 11px; color: #888; }
#oferty table tr td:nth-child(3) strong { display: block; font-size: 15px; font-family: Arial; color: #000; }
#oferty table tr th:nth-child(4) { text-align: left; }
#oferty table tr td:nth-child(4) { text-align: left; }
#oferty table tr th:nth-child(5) { text-align: right; }
#oferty table tr td:nth-child(5) { text-align: right; font-size: 18px; font-weight: bold; font-family: Arial; }
#oferty table tr td:nth-child(5) div { font-size: 11px; font-weight: normal; color: #888; font-family: Arial; }
#oferty table tr td:nth-child(6) { width: 0px; text-align: right; }
#oferty table tr td:nth-child(7) { width: 0px; }

button.usun { background: none; border: none; }
button.zapisz { background: none; border: none; }