* {margin: 0; padding: 0}
body {background: #ddd url(gfx/bg.jpg) repeat-y; text-align: left}
#bg {position: relative; width: 100%; min-height: 720px; background: #ccc; border-bottom: 4px solid #00688F; border-top: 8px solid #00688F;  padding: 15px 0 10px 0}
* html #bg {height: 720px}
#logo {position: absolute; top: 15px; left: 19px}
#logo img {border: 0}
#wstep {position: relative; margin: 15px 0 20px 265px; width: 470px; min-height: 190px}
* html #wstep {height: 190px}
#wstep h1 {font: bold 20px "Trebuchet MS"; color: #00688F}
#wstep p {font: 10px/1.5 Verdana}
#wstep p a {color: #707070}
#info {position: absolute; top: 100px; left: 10px; width: 180px}
#info p.t {font: bold 12px/1.5 Verdana; color: #707070; margin-bottom: 5px; margin-left: 0}
#info p {font: bold 10px/1.5 Verdana; margin-left: 5px}
#left {position: absolute; top: 15px; left: 10px; width: 180px; border-right: 2px solid #00688F}
#left h2 {font: bold 16px "Trebuchet MS"; color: #fff; background: #00688F; padding: 2px 5px; margin: 10px 10px 5px 0}
#left a {display: block; font: bold 10px/1.5 Verdana; color: #666; margin-left: 6px}
#left a:hover {text-decoration: none}
#left p {font: 11px/1.5 Verdana}
#content {position: relative; margin-left: 210px; width: 530px}
#content p {font: 11px/1.5 Verdana; margin-top: 8px}
#content h1 {font: bold 20px "Trebuchet MS"; color: #00688F}
#content h2 {font: bold 16px "Trebuchet MS"; color: #fff; background: #00688F; padding: 2px 5px; margin: 10px 10px 5px 0}
#content p a {color: #666}
#content h3 {font: bold 14px Verdana; color: #707070; margin: 10px 10px 5px 0}
#content h3 a {color: #00688F}
#content h3 a:hover {text-decoration: none}
#content .kat {border-bottom: 3px solid #666; border-top: 3px solid #666;  padding: 2px 6px; background: #fff; margin: 10px 5px}
#content .kat p {font: 10px Verdana; margin-bottom: 3px}
#content .kat p.t {font: bold 15px "Trebuchet MS"; margin-bottom: 5px}
#content .kat p a {color: #666; text-decoration: none}
#content .kat p a:hover {text-decoration: underline}
#foot {margin: 10px 0 10px 220px}
#foot p {font: 10px Verdana}
#foot p a {color: #707070}
#content .podkategorie {padding: 2px 6px; background: #fff; margin: 10px 5px}
#content .podkategorie a {color: #888; text-decoration: none; display: block; font: 10px/1.5 Verdana}
#content .podkategorie a:hover {text-decoration: underline}
form {margin-top: 15px}
fieldset {border: 0; font: 10px Verdana; margin-bottom: 5px}
.submit {font: bold 10px Verdana, sans-serif; background: #707070; color: #fff}
#content .podkategorie p.wopis {font: 10px Verdana; border-bottom: 2px solid #888; padding-bottom: 3px; margin: 3px 0}
#content .podkategorie p.wprzedmiot {font: 10px Verdana; margin: 3px 0}
#content .podkategorie p.wtytul a {font: bold 11px Verdana; margin: 0 5px}
ul {margin: 5px 25px}
li {font: 10px/1.5 Verdana}
li a {color: #707070}

#dodaj {width: 705px; margin: 5px; border: 2px solid #707070;}
#dodaj td {background: #ddd; vertical-align: middle; text-align: left; border: 1px solid #707070; padding: 3px}


fieldset {border: 0; margin: 3px 6px}
input {border: 1px solid #8D8F7E; font: 10px Verdana; background: #eee; padding: 2px; margin: 0}
textarea {border: 1px solid #8D8F7E; font: 10px Verdana; background: #eee; padding: 2px; margin: 0; width: 400px}
select {width: 200px; font: 10px Verdana; color: #000; background: #eee; padding: 1px; margin: 0}
.submit {border: 2px solid #fff; font: bold 12px Verdana; background: #707070; color: #fff; margin: 6px}