/* PECMS COMMON CSS */
html, body { height: 100%; margin: 0; padding: 0; }
body { font: normal 8pt Verdana, Arial; color: #462A14; background: #FFFFFF url('/grobelski/gfx/bg.jpg') 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 #F5B746; background-color: #FFFFFF; }
input.number { padding: 1px 4px 1px 4px; text-align: right; }
img { display: block; border: 0px none; }
/* ---------------- ODNOSNIKI ---------------- */
a:link { color: #D20000; text-decoration: none; }
a:visited { color: #D20000; text-decoration: none; }
a:hover { color: #D20000; text-decoration: underline; }
a:active { color: #D20000; text-decoration: none; }
/* -------------- STRUKTURA ------------- */
#body { width: 917px; height: 100%; margin: 0 auto; }
#container { width: 897px; min-height: 100%; padding: 0px 0px 0px 20px; background: url('/grobelski/gfx/container_shadow.jpg') no-repeat 0 0; position: relative; }
#header { width: 897px; margin: 0 auto; }
#main { width: 897px; margin: 0 auto; padding-bottom: 24px; }
#footer { width: 897px; height: 24px; margin: 0 auto; bottom: 0px; position: absolute; font-size: 7pt; }
#left { width: 238px; float: left; margin: 0px 0px 0px 0px; }
#right { width: 642px; float: left; margin: 0px 0px 0px 0px; padding-left: 20px; }
.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 */
#left div.logo { width: 238px; height: 68px; float: left; background: url('/grobelski/gfx/logo.gif') 0 0 no-repeat; }
#left div.logo h1 { width: 238px; height: 68px; margin: 0px; padding: 0px; }
#left div.logo h1 a { width: 238px; height: 68px; display: block; outline: none; }
#left div.logo h1 a:hover { width: 238px; height: 68px; }
#left div.logo h1 a span { display: none; }
#main .menu { width: 217px; height: 196px; float: left; }
#main .menu ul { width: 217px; margin: 0px; padding: 0px; list-style: none; }
#main .menu ul li { display: inline; margin: 0px; padding: 0px; }
#main .menu ul li a { width: 217px; display: block; outline: none; }
#main .menu ul li a.strona_glowna { height: 51px; background: url('/grobelski/gfx/menu_strona_glowna.jpg') no-repeat 0px 0px; }
#main .menu ul li a.oferta { height: 47px; background: url('/grobelski/gfx/menu_oferta.jpg') no-repeat 0px 0px; }
#main .menu ul li a.realizacje { height: 50px; background: url('/grobelski/gfx/menu_realizacje.jpg') no-repeat 0px 0px; }
#main .menu ul li a.kontakt { height: 48px; background: url('/grobelski/gfx/menu_kontakt.jpg') no-repeat 0px 0px; }
#main .menu ul li span { display: none; height: 0px; line-height: 0px; clear: both; font-size: 0px; line-height: 0px; }
#main .galleries { width: 167px; float: left; padding: 20px 0px 0px 55px; background: url('/grobelski/gfx/main/award.jpg') no-repeat 0 0; border-right: 1px dotted #D98C31; }
#main .galleries a { width: 164px; height: 25px; outline: none; display: block; }
#main .galleries a.pinsy { background: url('/grobelski/gfx/menu_galeria.jpg') no-repeat 0px 0px; }
#main .galleries a.znaczki { background: url('/grobelski/gfx/menu_galeria.jpg') no-repeat 0px -25px; }
#main .galleries a.tablice { background: url('/grobelski/gfx/menu_galeria.jpg') no-repeat 0px -50px; }
#main .galleries a.plakietki { background: url('/grobelski/gfx/menu_galeria.jpg') no-repeat 0px -75px; }
#main .galleries a.medale { background: url('/grobelski/gfx/menu_galeria.jpg') no-repeat 0px -100px; }
#main .galleries a.tabliczki { background: url('/grobelski/gfx/menu_galeria.jpg') no-repeat 0px -125px; }
#main .galleries a.przydatne { background: url('/grobelski/gfx/menu_galeria.jpg') no-repeat 0px -150px; }
#main .galleries a.trawienie { background: url('/grobelski/gfx/menu_galeria.jpg') no-repeat 0px -175px; }
#main .galleries a span { display: none; height: 0px; line-height: 0px; clear: both; font-size: 0px; line-height: 0px; }
#main .galleries a.pinsy:hover { background-position: -164px 0px; }
#main .galleries a.znaczki:hover { background-position: -164px -25px; }
#main .galleries a.tablice:hover { background-position: -164px -50px; }
#main .galleries a.plakietki:hover { background-position: -164px -75px; }
#main .galleries a.medale:hover { background-position: -164px -100px; }
#main .galleries a.tabliczki:hover { background-position: -164px -125px; }
#main .galleries a.przydatne:hover { background-position: -164px -150px; }
#main .galleries a.trawienie:hover { background-position: -164px -175px; }
#main .galleries a.pinsy_active { background-position: -328px 0px; }
#main .galleries a.znaczki_active { background-position: -328px -25px; }
#main .galleries a.tablice_active { background-position: -328px -50px; }
#main .galleries a.plakietki_active { background-position: -328px -75px; }
#main .galleries a.medale_active { background-position: -328px -100px; }
#main .galleries a.tabliczki_active { background-position: -328px -125px; }
#main .galleries a.przydatne_active { background-position: -328px -150px; }
#main .galleries a.trawienie_active { background-position: -328px -175px; }
#main .galleries { width: 167px; float: left; padding: 20px 0px 0px 55px; background: url('/grobelski/gfx/main/award.jpg') no-repeat 0 0; border-right: 1px dotted #D98C31; }
#main .galleries .name { width: 164px; height: 24px; line-height: 24px; font-size: 8pt; text-transform: uppercase; }
#main .galleries .name a { outline: none; }
#main .galleries .name a.active { font-weight: bold; }
#main .galleries .dotted { border-bottom: 1px dotted #D98C31; }
#main .info { width: 857px; height: 20px; line-height: 20px; margin: 8px auto; text-align: center; color: #D98C31; border-top: 1px solid #D98B39; }
#main .info .company { width: 201px; float: left; font-weight: bold; }
#main .info .address { width: 220px; float: left; }
#main .info .phones { width: 256px; float: left; }
#main .info .faks { width: 180px; float: left; }
#footer .grobelski { float: left; padding-left: 8px; text-align: left; line-height: 24px; }
#footer .ftpstudio { float: right; padding: 0px 8px 0px 0px; line-height: 24px; }
#footer .ftpstudio a { color: #000000; }
#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; }