* {margin:0; padding:0; list-style: none;}
body {font-size: 12px; background: #d7deea; font-family: arial, sans-serif;}
#type-f #content-wrap {background:#fff; }
#type-f #content {margin: 0 2% 0 23%}
#type-f #utility {left:auto;right:25px}
#type-f #sidebar {right:auto;left:25px}
#content-wrap {position:relative; width:100%}
#utility {position:absolute; top:0; left:25px; width:20%; border-top: 5px solid #999; padding-bottom: 40px}
#sidebar {position:absolute; top:0; right:25px; width:20%; border-top: 5px solid #999; padding-top: 1px; padding-bottom: 40px}
.featurebox {color:#333; padding: 15px 20px 20px; border-top: 1px solid #d7d7d7; margin: 0 0 1.5em; background: #f6f6f6 url("featureb.gif") no-repeat 100% 100%}
.featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em; border-bottom: 1px solid #125c98; color:#125c98}
.featurebox p {border:none; margin: 2px 0; color:#444}
.featurebox a {font-weight:bold}
.picsright {display:inline-block; float: right; width: 180px; padding: 8px 0px 10px 15px;}

/* LINKS */
a:link {	COLOR: #0495c1; TEXT-DECORATION: none}
a:visited {	COLOR: #0495c1; TEXT-DECORATION: none}
a:hover {	COLOR: #cc3333; TEXT-DECORATION: none}
/* LISTS */
ul {margin: .3em 0 1.5em 2em}
li {margin-left:2em}
#wrap {width: 760px; position: relative; margin-left: auto; margin-right: auto; background: #fff; border: solid 1px #888;}
#header {width: 760px; height: 100px; background: #8990D1 url("logo.jpg") no-repeat;}
#header h2 {position: relative; left: 580px; top: 55px; color: #10597A; font-size: 20px; font-weight: bold;}
#content {padding: 0 20px; text-align:  justify;}
#content p, #content ul {margin: 5px 0; padding: 5px 0px; font-family: verdana, sans-serif; border-bottom: solid 1px #eee;}
#catalog {padding: 0 20px; text-align:  left;}
#catalog p {margin: 5px 0px; padding: 1px 1px 1px 33px; background: #efefef url("dir.gif") no-repeat 8px 0px}
/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee; padding-bottom: .1em}
h1 {overflow: hidden; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 1px 0px; border-bottom:2px solid #10597A; color: #10597A; font-weight: bold; font-size: 18px}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; color: #cc3333;font-size: 14px;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; color: #125c98; font-size: 13px;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; color: #cc3333; font-size: 12px;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; color: #cc3333; font-style: italic; font-size: 11px;}
/* REKLAMA */
.reklama1 p, .reklama2 p {color: #05599f; margin: 0; padding:0}
.reklama1, .reklama2 {	height: 63px; margin: 20px 25px; padding: 5px 8px 5px 167px; border: 1px solid #999; background: #eaeaea url("top-logo.gif") no-repeat top left}
.reklama1 a, .reklama2 a {color: #05599f;}
.reklama1 a:hover, .reklama2 a:hover {color: #c33; text-decoration: underline;}
#reklama { width: 760px; text-align: center; margin: 5px; padding: 0px;}
/* FOOTER */
.footer {overflow: hidden; clear: both; width: 760px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px #888; background: url(footer00.gif) repeat-x left top; color: #333; font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 9px; color: #ccc;}
.footer a:link {	color: #ccc}
.footer a:visited {	color: #ccc}
.footer a:active {	color: #ccc}
.footer a:hover{	color: #ccc; TEXT-DECORATION: underline}
.smal {font-size:9px; text-align: center; margin: 0px auto; padding: 0px;}