/* PECMS COMMON CSS */
html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 8pt; color: #2A4E86; background: #F0ECF0 url('/calibra/gfx/body_bg.jpg') repeat-y 50% 0; }
form { display: inline; padding: 0; margin: 0; }
textarea, input, select, button { font: normal 8pt Verdana, Arial; color: #330000; text-decoration: none; padding: 1px; 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 { color: #2B98C6; text-decoration: none; outline: none; }
a:link { color: #2B98C6; text-decoration: none; }
a:visited { color: #2B98C6; text-decoration: none; }
a:hover { color: #F49CFA; text-decoration: underline; }
a:active { color: #2B98C6; text-decoration: none; }
a.border { border-bottom: dotted 1px #A1A1A1; }
a.border:hover { border-bottom: solid 1px #E1D124; }
/* -------------- STRUKTURA ------------- */
#body { width: 880px; height: 100%; margin: 0 auto; }
#container { width: 880px; min-height: 100%; margin: 0 auto; }
#header { width: 880px; height: 363px; }
#main { width: 880px; }
#footer { width: 880px; height: 23px; font-size: 7pt; background: #aabbcc; }
#left { width: 200px; float: left; background: url('/calibra/gfx/left_bg.jpg') no-repeat 0 0; }
#center { width: 540px; float: left; text-align: justify; }
#right { width: 140px; float: right; background: url('/calibra/gfx/right_bg.jpg') no-repeat 0 0; }
.fantom { clear: both; font-size: 0px; line-height: 0px; }
.leftbox { width: 180px; margin: 4px; float: left; text-align: left; }
.rightbox { 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; }
input.disabled { background-color: #E0E0E0; padding: 1px; border: 1px #000000 solid; }
.loading { background: transparent url('/calibra/gfx/loading_mini.gif') 138px 50% no-repeat; }
span.note { display: block; margin: 2px; font-size: 8pt; color: #FF6600; }
span.global_error { display: block; margin: 4px 4px 4px 12px; font-size: 8pt; color: #FF4C4C; }
span.input_error { display: block; margin: 2px; font-size: 8pt; color: #FF4C4C; }
span.info { display: block; margin: 2px; font-size: 8pt; color: #FF6600; }
span.required { margin: 4px 0px 4px 4px; font-size: 8pt; color: #FF4C4C; }
#header .logo { width: 220px; height: 30px; float: left; background: url('/calibra/gfx/header_logo_calibra.jpg') no-repeat 0 0; }
#header .logo h1 { width: 172px; height: 30px; margin: 0px 0px 0px 18px; padding: 0px; }
#header .logo h1 a { width: 172px; height: 30px; display: block; }
#header .logo h1 a:hover { width: 172px; height: 30px; }
#header .logo h1 a span { display: none; }
#header .zos { width: 260px; height: 30px; float: left; }
#header .zos a { width: 260px; height: 20px; margin-top: 5px; display: block; background: url('/calibra/gfx/header_zos_kon.jpg') no-repeat 0 0; }
#header .zos a.zos-active { background: url('/calibra/gfx/header_zos_kon.jpg') no-repeat 0px -20px; }
#header .kon { width: 200px; height: 30px; float: left; }
#header .kon a { width: 200px; height: 20px; margin-top: 5px; display: block; background: url('/calibra/gfx/header_zos_kon.jpg') no-repeat -260px 0; }
#header .kon a.kon-active { background: url('/calibra/gfx/header_zos_kon.jpg') no-repeat -260px -20px; }
#header .language { width: 150px; height: 30px; float: left; }
#header .language a.pl { width: 30px; height: 20px; float: left; margin: 5px 0px 0px 40px; display: block; background: url('/calibra/gfx/lang.jpg') no-repeat 0 0; }
#header .language a.pl-active { background-position: 0px -20px; }
#header .language a.en { width: 30px; height: 20px; float: left; margin: 5px 0px 0px 10px; display: block; background: url('/calibra/gfx/lang.jpg') no-repeat -30px 0; }
#header .language a.en-active { background-position: -30px -20px; }
#header .language a.de { width: 30px; height: 20px; float: left; margin: 5px 0px 0px 10px; display: block; background: url('/calibra/gfx/lang.jpg') no-repeat -60px 0; }
#header .language a.de-active { background-position: -60px -20px; }
#header .mbanner1 { width: 220px; height: 295px; float: left; }
#header .pl-mbanner1 { background: url('/calibra/gfx/header_banner_main_1_pl.jpg') no-repeat 0 0; }
#header .en-mbanner1 { background: url('/calibra/gfx/header_banner_main_1_en.jpg') no-repeat 0 0; }
#header .de-mbanner1 { background: url('/calibra/gfx/header_banner_main_1_de.jpg') no-repeat 0 0; }
#header .mbanner1 h1 { width: 172px; height: 46px; margin: 0px 0px 0px 18px; padding: 0px; }
#header .mbanner1 h1 a { width: 172px; height: 46px; display: block; }
#header .mbanner1 h1 a:hover { width: 172px; height: 46px; }
#header .mbanner1 h1 a span { display: none; }
#header .mbanner2 { width: 220px; height: 295px; float: left; }
#header .pl-mbanner2 { background: url('/calibra/gfx/header_banner_main_2_pl.jpg') no-repeat 0 0; }
#header .en-mbanner2 { background: url('/calibra/gfx/header_banner_main_2_en.jpg') no-repeat 0 0; }
#header .de-mbanner2 { background: url('/calibra/gfx/header_banner_main_2_de.jpg') no-repeat 0 0; }
#header .mbanner3 { width: 220px; height: 295px; float: left; background: url('/calibra/gfx/header_banner_main_3.jpg') no-repeat 0 0; }
#header .zos-mbanner3 { background: url('/calibra/gfx/header_banner_zos_3.jpg') no-repeat 0 0; }
#header .kon-mbanner3 { background: url('/calibra/gfx/header_banner_kon_3.jpg') no-repeat 0 0; }
#header .mbanner4 { width: 220px; height: 295px; float: left; background: url('/calibra/gfx/header_banner_main_4.jpg') no-repeat 0 0; }
#header .zos-mbanner4 { background: url('/calibra/gfx/header_banner_zos_4.jpg') no-repeat 0 0; }
#header .kon-mbanner4 { background: url('/calibra/gfx/header_banner_kon_4.jpg') no-repeat 0 0; }
#header .start { width: 5px; height: 38px; float: left; background: url('/calibra/gfx/header_menu_bg_start.jpg') no-repeat 0 0; }
#header .menu { width: 870px; height: 38px; float: left; background-color: #192B3B; }
#header .end { width: 5px; height: 38px; float: left; background: url('/calibra/gfx/header_menu_bg_end.jpg') no-repeat 0 0; }
#left .inner { padding: 20px 0px; text-align: justify; }
#left .inner p { margin: 0px; padding: 0px; }
#center p { margin: 0px; padding: 0px; }
#main .navi { height: 27px; line-height: 27px; }
#right .inner { padding: 20px 15px; text-align: justify; }
#right .inner p { margin: 0px; padding: 0px; }
#showcase { width: 119px; height: 348px; margin: 0 auto; padding: 20px 0px; overflow: hidden; }
#showcase .ibox { width: 119px; height: 82px; }
#showcase .ibox img { width: 97px; height: 60px; padding: 10px; border: 1px solid #A0A0A0; }
#showcase .gap { width: 119px; height: 5px; }
#footer .start { width: 5px; height: 23px; float: left; background: url('/calibra/gfx/footer_menu_bg_start.jpg') no-repeat 0 0; }
#footer .menu { width: 626px; height: 23px; float: left; line-height: 23px; background-color: #192B3B; }
#footer .menu ul { margin: 0px; padding: 0px; list-style: none; }
#footer .menu ul li { display: inline; margin: 0px; padding: 0px; }
#footer .menu ul li a { padding: 0px 17px; float: left; color: #B5E8FF; text-align: center; text-transform: uppercase; background: url('/calibra/gfx/footer_menu_pik.jpg') no-repeat 100% 0; }
#footer .menu ul li a:hover { color: #F49CFA; text-decoration: none; }
#footer .menu ul li a.active { }
#footer .ftpstudio { width: 244px; height: 23px; float: left; line-height: 23px; text-align: right; background-color: #192B3B; }
#footer .ftpstudio a { margin-right: 12px; color: #FFFFFF; }
#footer .end { width: 5px; height: 23px; float: left; background: url('/calibra/gfx/footer_menu_bg_end.jpg') no-repeat 0 0; }
#pagis { width: 120px; height: 20px; line-height: 20px; margin: 0 auto; }
#pagis .previous { width: 10px; height: 20px; float: left; text-align: center; font-weight: bold; }
#pagis .previous a { width: 10px; height: 20px; display: block; background: url('/calibra/gfx/gprev.jpg') no-repeat 50% 50%; }
#pagis .previous a:hover { background: url('/calibra/gfx/gprev_hover.jpg') no-repeat 50% 50%; }
#pagis .previous span { display: none; }
#pagis .pages { width: 100px; float: left; text-align: center; }
#pagis .pages table { margin: 0 auto; text-align: center; }
#pagis .pages table tr { }
#pagis .pages table tr td { width: 12px; height: 20px; }
#pagis .pages table tr td a { width: 12px; height: 20px; line-height: 20px; display: block; color: #1F9FCC; }
#pagis .pages table tr td a:hover { color: #7F3589; text-decoration: none; }
#pagis .next { width: 10px; height: 20px; float: left; text-align: center; font-weight: bold; }
#pagis .next a { width: 10px; height: 20px; display: block; background: url('/calibra/gfx/gnext.jpg') no-repeat 50% 50%; }
#pagis .next a:hover { background: url('/calibra/gfx/gnext_hover.jpg') no-repeat 50% 50%; }
#pagis .next span { display: none; }