body { background: #ccc; }
#szukaj { position: absolute; top: 20px; right: 20px; font-size: 14px; }
#szukaj .button { vertical-align: middle; margin: 0px; }
#szukaj input[type="text"] { font-size: 14px; padding: 3px 5px; vertical-align: middle; width: 150px; }
#szukaj select { font-size: 14px; padding: 2px 5px; vertical-align: middle; max-width: 500px; }
#szukaj div { font-size: 11px; }
#wyczysc { margin: 0px; padding: 0px; display: block; position: absolute; top: 67px ; left: 640px; }
#wyczysc .button { padding: 4px 7px; }
.logo { background: #fff; padding: 10px; position: relative; z-index: 2; box-shadow: 0px 0px 10px #aaa; }
.button { border: none; margin-top: 8px; margin-right: -2px; background: #333; cursor: pointer; box-shadow: inset 0px -20px 20px -20px #000, inset 0px 0px 3px #000; color: #fff; padding: 7px 10px; border-radius: 4px; float: right;font-size: 13px; }
.kolor { padding: 0px; width: 44px; height: 20px; border-radius: 4px; display: inline-block; margin-left: 3px; text-align: center; position: relative; }
.kolor span { font-size: 10px; color: 000; background: #fff; padding: 1px 3px; display: block; position: absolute; bottom: 0px; right: 0px; opacity: 0.9; border-radius: 4px 0px 0px 0px }
.kolor input { position: absolute; bottom: 3px; left: 0px; }
.RAL6005 { background-color: #0A381E; }
.RAL8017 { background-color: #2D1C1C; }
.RAL9005 { background-color: #02050A; }
.RAL7024 { background-color: #303844; }
.RAL7030 { background-color: #918E87; }
.RAL5010 { background-color: #002B70; }
.RAL7015 { background-color: #4c5057; }
.RAL9016 { background-color: #f3f6f6; }
.RAL7016 { background-color: #363d43; }
.RAL5014 { background-color: #566487; }
#loader { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100 }
#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; }
table.template { width: 100%; }
table.template > tbody > tr > td { vertical-align: top; padding: 10px; } 
table.koszyk { width: 100%; border-collapse: collapse; }
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 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 .extra .nazwa input[type="text"] { text-align: left; }
table.koszyk .extra input[type="text"] { text-align: right; }
td.konfigurator { width: 480px !important; }
td.koszyk {  }
#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; }
legend { font-weight: bold; margin-left: -5px; color: #7A0300; font-size: 12px; }
legend select { margin-left: 5px; font-size: 11px; }
fieldset { border: 1px solid #ddd; margin: 0px !important; padding: 6px 10px 8px 15px; }
fieldset + fieldset { margin-top: 8px !important; }
fieldset table  { width: 100% }
fieldset table td:nth-child(2n-1) { width: 140px; }
fieldset table td:nth-child(2n) input[type="text"] { width: 50px; }
fieldset#uslugi table td:nth-child(2n-1) { width: 20px; }
fieldset table + table { border-top: 1px solid #ddd; }
table th label { position: relative;}
table th label div.tooltip { background: url('images/komunikaty_info.png') no-repeat center center; border-radius: 100px; width: 22px; height: 22px; position: absolute; bottom: 105%; left:50%; margin-left: -11px; }
table th label div.tooltip div { display: none; font-weight: normal; border-radius: 10px; position: relative; white-space: normal; bottom: 100%; }
table th label div.tooltip:hover div { display: block; width: 120px; padding: 6px; border: 1px solid #6CD3FF; background: #E7F8FF; color: #014866; }
.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 16px; 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; }
#form { position: relative; }
#opcje { position: absolute; z-index: 100; top: 18px; right: 5px; margin: 0px; padding: 0px; list-style-type: none; }
#opcje li { display: block; padding: 0px 5px 1px 0px; }
#opcje input { vertical-align: middle; margin: 0px 3px 0px 0px; }
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; }
h3 { color: #7A0300; font-weight: bold; font-size: 16px; font-family: Arial; margin: 0px; padding: 0px 0px 5px 0px; }
tr.error td { color: red; background: #FFF0F0 }
#logowanie { display: block; position: fixed; background: #fff; height: 100px; width: 100%; top: 50%; left: 0px; margin-top: -50px; }
#logowanie table{ width: auto; margin: auto; height: 100px; }
#logowanie td { height: 100%; vertical-align: middle; }

#oferta { position: absolute; top: 10px; left: 180px; font-size: 14px; color: #000; font-weight: bold; }
#oferta div:nth-child(1) { font-size: 22px; }
#oferta div:nth-child(2) { font-size: 12px; color: #888; }

/*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('system/komunikaty_info.png') !important; }