/* PECMS COMMON CSS */
html, body { height: 100%; margin: 0; padding: 0; }
body { font: normal 8pt Verdana, Arial; color: #BEBEBE; background: #000000 url('/ftpstudio/gfx/body_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 #A00000; background-color: #FFFFFF; }
input.number { padding: 1px 4px 1px 4px; text-align: right; }
img { display: block; border: 0px none; }
/* ---------------- ODNOSNIKI ---------------- */
a:link { color: #BEBEBE; text-decoration: none; }
a:visited { color: #BEBEBE; text-decoration: none; }
a:hover { color: #6E6E6E; text-decoration: underline; }
a:active { color: #BEBEBE; text-decoration: none; }
/* -------------- STRUKTURA ------------- */
#body { width: 900px; height: 100%; margin: 0 auto; }
#container { width: 900px; min-height: 100%; margin: 0px 0px 0px 0px; background-color: #000000; position: relative; }
#header { width: 900px; margin: 0 auto; background: url('/ftpstudio/gfx/header_banner.jpg') no-repeat top right; }
#main { width: 900px; margin: 0 auto; padding-bottom: 40px; }
#footer { width: 900px; height: 40px; margin: 0 auto; font-size: 7pt; bottom: 0px; left: 0px; position: absolute; }
#left { width: 230px; float: left; margin: 0px 0px 0px 0px; }
#right { width: 649px; float: left; margin: 0px 0px 0px 0px; background: #BBCCDD; }
.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; }
/* naglowek - logo */
#header h1 { width: 246px; height: 137px; margin: 0px; padding: 0px; }
#header h1 a { width: 246px; height: 137px; display: block; outline: none; background: url('/ftpstudio/gfx/header_logo.jpg') no-repeat 0 0; }
#header h1 a:hover { width: 246px; height: 137px; background-position: 0px -137px; }
#header h1 a span { display: none; }
/* naglowek - menu gorne */
#header .top_menu { width: 99px; height: 25px; margin: 0; padding: 0; position: absolute; top: 0; right: 126px; }
#header .top_menu a { display: block; height: 25px; float: left; margin-right: 3px; line-height: 25px; color: #FFFFFF; text-decoration: none; text-align: center; outline: none; }
#header .top_menu a.home { width: 30px; background: url('/ftpstudio/gfx/header_home.gif') no-repeat 0 0; }
#header .top_menu a.mail { width: 30px; background: url('/ftpstudio/gfx/header_mail.gif') no-repeat 0 0; }
#header .top_menu a.sitemap { width: 30px; background: url('/ftpstudio/gfx/header_sitemap.gif') no-repeat 0 0; }
#header .top_menu a:hover { text-decoration: underline; }
#header div.menu { width: 900px; height: 37px; background: url('/ftpstudio/gfx/header_menu.gif') no-repeat 0px 0px; }
#header div.menu ul { width: 900px; height: 37px; 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: 37px; float: left; margin-left: 5px; line-height: 37px; outline: none; }
#header div.menu ul li a.start { width: 68px; margin-left: 115px; background: url('/ftpstudio/gfx/header_menu.gif') no-repeat -115px 0px; }
#header div.menu ul li a.firma { width: 74px; background: url('/ftpstudio/gfx/header_menu.gif') no-repeat -188px 0px; }
#header div.menu ul li a.oferta { width: 80px; background: url('/ftpstudio/gfx/header_menu.gif') no-repeat -267px 0px; }
#header div.menu ul li a.technologie { width: 122px; background: url('/ftpstudio/gfx/header_menu.gif') no-repeat -352px 0px; }
#header div.menu ul li a.referencje { width: 112px; background: url('/ftpstudio/gfx/header_menu.gif') no-repeat -479px 0px; }
#header div.menu ul li a.portfolio { width: 99px; background: url('/ftpstudio/gfx/header_menu.gif') no-repeat -596px 0px; }
#header div.menu ul li a.kontakt { width: 89px; background: url('/ftpstudio/gfx/header_menu.gif') no-repeat -700px 0px; }
#header div.menu ul li a.start:hover { background-position: -115px -37px; }
#header div.menu ul li a.firma:hover { background-position: -188px -37px; }
#header div.menu ul li a.oferta:hover { background-position: -267px -37px; }
#header div.menu ul li a.technologie:hover { background-position: -352px -37px; }
#header div.menu ul li a.referencje:hover { background-position: -479px -37px; }
#header div.menu ul li a.portfolio:hover { background-position: -596px -37px; }
#header div.menu ul li a.kontakt:hover { background-position: -700px -37px; }
#header div.menu ul li a.start_active { background-position: -115px -74px; }
#header div.menu ul li a.firma_active { background-position: -188px -74px; }
#header div.menu ul li a.oferta_active { background-position: -267px -74px; }
#header div.menu ul li a.technologie_active { background-position: -352px -74px; }
#header div.menu ul li a.referencje_active { background-position: -479px -74px; }
#header div.menu ul li a.portfolio_active { background-position: -596px -74px; }
#header div.menu ul li a.kontakt_active { background-position: -700px -74px; }
#header div.menu ul li span { display: none; height: 0px; line-height: 0px; clear: both; font-size: 0px; line-height: 0px; }
#header .bg { width: 900px; height: 14px; line-height: 14px; background: url('/ftpstudio/gfx/header_bg.gif') repeat-x 0px 0px; }
#footer .menu { color: #FFFFFF; text-align: center; line-height: 21px; }
#footer .menu a { color: #FFFFFF; }
#footer .text { padding-left: 6px; color: #FFFFFF; text-align: left; line-height: 19px; }