body { margin: 0; padding: 0; background: #f9f9f9; font: 11px Tahoma, Verdana, sans-serif; color: #000; text-align: center; }

td   { font-size: 11px; }

a       { text-decoration: underline; color: #0033cc; }
a:hover { color: #ff3300; }

p    { margin: 0px; margin-bottom: 7px; padding: 0px; }
img  { border: 0px; }
form { margin: 0px; }

.tlo_niebieskie  { background: #5577cc; }
.tlo_szare       { background: #bbb; }
.tlo_ciemneszare { background: #999; }

.tlo_jn          { background: #d7def8; }
.tlo_n           { background: #acbef0; }
.tlo_b           { background: #fff; }
.tlo_s           { background: #f1f1f1; }

.do_prawej { float: right; text-align: right; }

.text_pomaranczowy, .po { color: #ff3300; }
.text_niebieski, .ni    { color: #0033cc; }
.text_zielony, .zi      { color: #339900; }
.text_czarny, .cz       { color: #000; }
.text_szary, .sz        { color: #555; }
.text_jasnyszary, .jsz  { color: #999; }

.text9 { font-size: 9px; }

/**************************/

h1, h2, h3 { margin: 0px; margin-bottom: 15px; }
h1         { font-size: 18px; }
h2         { font-size: 16px; }
h3         { font-size: 14px; }

/**************************/

.i           { font: 11px Tahoma, Verdana, sans-serif; background: #fff; border: 1px solid #bbb; width: 80%; padding: 2px; }
.btn         { font: 10px Tahoma, Verdana, sans-serif; cursor: pointer; }

/**************************/

#logo              { background: #fff; height: 70px; border-bottom: 1px solid #5577cc; background: #fff url(/skrypty/vx/tlo_top.gif) no-repeat right top; }
#logo .do_prawej   { margin-right: 10px; margin-top: 25px; }
#logo .do_prawej a { color: #fff; font-weight: bold; }
#logo table        { text-align: left; float: left; }
#logo img          { margin: 0px 10px; }
#logo h1           { margin: 0px; font-size: 18px; font-weight: normal; color: #000; }
#logo h2           { margin: 0px; font-size: 14px; font-weight: normal; color: #555; }

#logo h1.ecomm     { padding-left: 20px; padding-top: 15px; text-align: left; }
#logo h2.ecomm     { padding-left: 20px; text-align: left; }

/**************************/

#vertical   { width: 100%; position: absolute; top: 50%; left: 0; margin-top: -100px; /* half height */ }
#horizontal { width: 350px; margin: 0 auto; text-align: left; height: 200px; /* height */ }

/**************************/

.ramka { border: 1px solid #5577cc; }

.tlo_top            { background: #fff url(/skrypty/vx/tlo_login.gif) no-repeat right; border-bottom: 1px solid #5577cc; height: 37px; font-size: 18px; color: #0033cc; padding-top: 3px; }
* html .tlo_top     { padding-top: 0px; }
.tlo_top img        { margin-left: 5px; margin-right: 5px; margin-top: -3px; vertical-align: middle; }
* html .tlo_top img { margin-top: 0px; }

/**************************/

.cti { font-size: 10px; color: #555; margin-left: 5px; margin-right: 5px; margin-top: 5px; }

/**************************/

.ok, .err, .warning { margin-bottom: 10px; padding: 2px; font-weight: bold; }
.ok                 { border-bottom: 1px solid #339900; border-top: 1px solid #339900; }
.err                { border-bottom: 1px solid #ff3300; border-top: 1px solid #ff3300; }
.warning            { border-bottom: 1px solid #ffcc33; border-top: 1px solid #ffcc33; }
.ok img, .err img,
.warning img        { vertical-align: middle; }