/* PECMS COMMON CSS */
html, body { height: 100%; margin: 0; padding: 0; }
body { font: normal 8pt Verdana, Arial; color: #024776; background: url('/osmsokolow/gfx/body_bg.gif') repeat-x 0 0; }
form { display: inline; padding: 0; margin: 0; }
textarea, input, select, button { font: normal 8pt Verdana, Arial; color: #330000; text-decoration: none; border: 1px solid #A00000; background-color: #FFFFFF; }
input.number { padding: 1px 4px 1px 4px; text-align: right; }
img { display: block; border: 0px none; }
/* ---------------- ODNOSNIKI ---------------- */
a:link { color: #608B18; font-weight: bold; text-decoration: none; }
a:visited { color: #608B18; font-weight: bold; text-decoration: none; }
a:hover { color: #608B18; text-decoration: underline; }
a:active { color: #608B18; font-weight: bold; text-decoration: none; }
/* -------------- STRUKTURA ------------- */
#body { width: 958px; height: 100%; margin: 0 auto; }
#container { width: 958px; min-height: 100%; margin: 0px; position: relative; }
#header { width: 958px; height: 368px; margin: 0 auto; }
#main { width: 958px; margin: 0 auto; padding-bottom: 64px; }
#footer { width: 958px; height: 64px; margin: 0 auto; font-size: 7pt; bottom: 0px; left: 0px; background: url('/osmsokolow/gfx/footer_title.gif') no-repeat bottom left; position: absolute; }
#left { width: 230px; float: left; margin: 0px 0px 0px 0px; }
#right { width: 649px; float: left; margin: 0px 0px 0px 0px; background: #BBCCDD; }
#peak { width: 40px; height: 42px; background: url('/osmsokolow/gfx/peak.gif') no-repeat 0 0; top: 326px; left: -40px; position: absolute; }
.fantom { clear: both; font-size: 0px; line-height: 0px; }
.leftbox { width: 180px; margin: 4px; float: left; text-align: left; }
.rightboxinput { width: 350px; padding: 2px 0px 2px 0px; float: left; text-align: left; }
.rightboxtext { width: 350px; padding: 4px 0px 4px 0px; float: left; text-align: left; }
/* ------------ FORMATOWANIE TEKSTU ---------- */
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
.j { text-align: justify; }
.i { font-style: italic; }
.b { font-weight: bold; }
.n { font-weight: normal; }
.fl { float: left; }
.fr { float: right; }
.oh { overflow: hidden; }
.bn { border: 0px none; background-color: transparent; }
.hand { cursor: pointer; }
.mm { margin: 1px; }
.sm { margin: 2px; }
.tm { margin: 4px; }
.pm { margin: 6px; }
.mp { padding: 1px 0px 1px 0px; }
.sp { padding: 2px 0px 2px 0px; }
.tp { padding: 4px 0px 4px 0px; }
.pp { padding: 6px 0px 6px 0px; }
.xp { padding: 8px 0px 8px 0px; }
.bc1 { background: #FFAA00; }
.bc2 { background: #FFEF00; }
.sfloor { width: 1px; height: 2px; clear: both; font-size: 0px; line-height: 0px; }
.mfloor { width: 1px; height: 5px; clear: both; font-size: 0px; line-height: 0px;}
.lfloor { width: 1px; height: 10px; clear: both; font-size: 0px; line-height: 0px; }
.xlfloor { width: 1px; height: 15px; clear: both; font-size: 0px; line-height: 0px; }
.textindent { text-indent: 20px; }
.aheader { margin: 1px 0px 1px 0px; padding: 1px 0px 1px 0px; text-align: center; font-weight: bold; color: #FFFFFF; background: #FE6905; }
.arow { margin: 1px 0px 1px 0px; padding: 1px 0px 1px 0px; text-align: left; }
.green { color: #00A651; }
.red { color: #FF0000; }
span.note { display: inline; margin: 2px; font-size: 8pt; color: #7D8A9A; }
span.error { display: inline; margin: 2px; font-size: 8pt; color: #FF6600; }
span.info { display: inline; margin: 2px; font-size: 8pt; color: #27853C; }
span.required { margin: 4px 0px 4px 4px; font-size: 8pt; color: #C00000; }
/* logo */
#header div.logo { width: 275px; height: 56px; margin: 27px 0px 12px 52px; }
#header div.logo h1 { width: 275px; height: 56px; margin: 0px; padding: 0px; }
#header div.logo h1 a { width: 275px; height: 56px; display: block; outline: none; }
#header div.logo h1 a:hover { width: 275px; height: 56px; }
#header div.logo h1 a span { display: none; }
/* naglowek */
#header .one { width: 383px; height: 326px; float: left; background: url('/osmsokolow/gfx/main/header_01.jpg') no-repeat 0 0; }
#header .two { width: 575px; height: 163px; float: right; background: url('/osmsokolow/gfx/main/header_02.jpg') no-repeat 0 0; }
#header .three { width: 575px; height: 163px; float: right; background: url('/osmsokolow/gfx/main/header_03.jpg') no-repeat 0 0; }
#header .four { width: 406px; height: 42px; float: left; background: url('/osmsokolow/gfx/main/header_04.jpg') no-repeat 0 0; }
#header div.menu { width: 552px; height: 42px; float: left; }
#header div.menu ul { width: 552px; height: 42px; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
#header div.menu ul li { display: inline; margin: 0px; padding: 0px; }
#header div.menu ul li a { height: 42px; line-height: 42px; float: left; outline: none; }
#header div.menu ul li a.firma { width: 85px; background: url('/osmsokolow/gfx/menu.gif') no-repeat 0px 0px; }
#header div.menu ul li a.produkty { width: 111px; background: url('/osmsokolow/gfx/menu.gif') no-repeat -85px 0px; }
#header div.menu ul li a.osiagniecia { width: 129px; background: url('/osmsokolow/gfx/menu.gif') no-repeat -196px 0px; }
#header div.menu ul li a.aktualnosci { width: 129px; background: url('/osmsokolow/gfx/menu.gif') no-repeat -325px 0px; }
#header div.menu ul li a.kontakt { width: 98px; background: url('/osmsokolow/gfx/menu.gif') no-repeat -454px 0px; }
#header div.menu ul li a.firma:hover { background-position: 0px -42px; }
#header div.menu ul li a.produkty:hover { background-position: -85px -42px; }
#header div.menu ul li a.osiagniecia:hover { background-position: -196px -42px; }
#header div.menu ul li a.aktualnosci:hover { background-position: -325px -42px; }
#header div.menu ul li a.kontakt:hover { background-position: -454px -42px; }
#header div.menu ul li a.firma_active { background-position: 0px -42px; }
#header div.menu ul li a.produkty_active { background-position: -85px -42px; }
#header div.menu ul li a.osiagniecia_active { background-position: -196px -42px; }
#header div.menu ul li a.aktualnosci_active { background-position: -325px -42px; }
#header div.menu ul li a.kontakt_active { background-position: -454px -42px; }
#header div.menu ul li span { display: none; height: 0px; line-height: 0px; clear: both; font-size: 0px; line-height: 0px; }
#footer .footer { width: 958px; height: 33px; margin: 0 auto; background: url('/osmsokolow/gfx/footer_bg.gif') no-repeat 0 0; }
#footer .footer .osmsokolow { float: left; padding-left: 8px; text-align: left; line-height: 33px; }
#footer .footer .ftpstudio { float: right; padding: 0px 8px 0px 0px; line-height: 33px; }
#footer .footer .ftpstudio a { color: #024776; font-weight: normal; }
#pagis { width: 360px; height: 28px; line-height: 24px; margin: 0 auto; }
#pagis .previous { width: 100px; float: left; text-align: left; }
#pagis .pages { width: 160px; float: left; text-align: center; }
#pagis .pages span { padding: 2px 4px 2px 4px; color: #2136AB; }
#pagis .next { width: 100px; float: left; text-align: right; }
div#adv_banner { width: 170px; height: 171px; display: none; z-index: 20; cursor: pointer; background: url('/osmsokolow/gfx/adv-banner.jpg') 0 0 no-repeat; top: 84px; left: -69px; position: absolute; }
div#adv_banner .adv_close { width: 20px; height: 20px; display: block; float: right; cursor: pointer; }
div#xmas { width: 650px; height: 501px; display: none; z-index: 30; cursor: pointer; background: url('/osmsokolow/gfx/xmas2011.jpg') 0 0 no-repeat; top: 175px; left: 150px; position: absolute; }