/* PECMS COMMON CSS */
html, body					{ height: 100%; margin: 0; padding: 0; }
body						{ font: normal 8pt Verdana, Arial; background: url('/calibra/gfx/body_bg.jpg') repeat-y 50% 0; background-color: #F0ECF0; }
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: #2B98C6; text-decoration: none; }
a:visited					{ color: #2B98C6; text-decoration: none; }
a:hover						{ color: #F49CFA; text-decoration: underline; }
a:active					{ color: #0000FF; text-decoration: none; }

/* -------------- STRUKTURA ------------- */
#body						{ width: 922px; height: 100%; margin: 0 auto; }
#container					{ width: 880px; min-height: 100%; margin: 0px 21px 0px 21px; position: relative; }

#header						{ width: 880px; margin: 0 auto; }
#main						{ width: 880px; margin: 0 auto; padding-bottom: 70px; }
#footer						{ width: 880px; height: 70px; margin: 0 auto; bottom: 0px; left: 0px; position: absolute; }

#left						{ width: 222px; float: left; margin: 0px 0px 0px 0px; color: #843190; background-color: #F8DDFA; }
#right						{ width: 648px; float: left; margin: 0px 0px 0px 10px; }

.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; }

#header .pik					{ background: url('/calibra/gfx/header_logo_pik.jpg') no-repeat top right; }
#header .ml					{ width: 5px; height: 38px; float: left; background: url('/calibra/gfx/header_menu_bg_left.jpg') no-repeat top center; }
#header .mbg					{ width: 870px; height: 38px; float: left; background-color: #192B3B; }
#header .mr					{ width: 5px; height: 38px; float: left; background: url('/calibra/gfx/header_menu_bg_right.jpg') no-repeat top center; }

#header #menu					{ width: 100%; }
#header #menu div				{ width: 144px; height: 38px; float: left; line-height: 38px; text-align: center; background: url('/calibra/gfx/header_menu_pik.jpg') no-repeat top right; }
#header #menu div.last				{ background: url(''); }
#header #menu a					{ color: #B5E8FF; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#header #menu a:hover				{ color: #F49CFA; }

#footer .left					{ width: 5px; height: 23px; float: left; background: url('/calibra/gfx/footer_left.jpg') no-repeat top center; }
#footer .bg					{ width: 870px; height: 23px; float: left; background-color: #172835; }
#footer .right					{ width: 5px; height: 23px; float: left; background: url('/calibra/gfx/footer_right.jpg') no-repeat top center; }
#footer .text					{ padding: 4px 0px 4px 0px; color: #B5E8FF; text-align: center; }

#left .image					{ width: 170px; height: 130px; border: solid 1px #CCCACF; margin: 8px 0px 8px 0px; }
#left .bottom					{ width: 222px; height: 45px; background-color: #FFFFFF; background: url('/calibra/gfx/index_left_bg.jpg') repeat-x top center; }

#showcase					{ width: 648px; }
#showcase .image				{ width: 216px; float: left; }
#showcase .image_box				{ width: 190px; height: 148px; border: 1px solid #CACACA; }
#showcase .frame				{ padding: 9px 10px 9px 10px; }
#showcase .message				{ width: 504px; font-weight: bold; color: #C00000; background-color: #FFEDE3; padding: 10px 0px 10px 0px; height: 39px; }
#showcase .title				{ margin-left: 12px; padding: 4px 0px 4px 0px; font-weight: bold; text-align: left; font-size: 13px; }

#gallery					{ width: 648px; }
#gallery .row					{ }
#gallery .image					{ width: 216px; float: left; }
#gallery .image_box				{ width: 190px; height: 148px; }
#gallery img					{ padding: 9px 10px 9px 10px; }

#verticanet					{ width: 222px; }
#verticanet .image_box				{ width: 190px; height: 131px; background-color: #FFFFFF; border: 1px solid #CACACA; }
#verticanet .frame				{ padding: 9px 10px 9px 10px; }
#verticanet .name				{ padding: 4px 0px 4px 22px; text-align: left; color: #852F90; font-weight: bold; }