/* Wszystkie czesci layoutu graficznego bez Content */

body { background: #ecebe2 url('../img/bg.gif') repeat-x top; text-align: center; }
.center { width: 990px; margin: 0 auto; }

/* TOP */
#top { height: 138px; position: relative; }
#top h1 { height: 138px; background: transparent url('../img/logo.gif') no-repeat 42px 27px  }
#top h1 a { display: block; width: 250px; height: 138px; text-indent: -9999em; }
#top #submenu { position: absolute; top: 9px; right: 12px; width: 360px; height: 35px; background: transparent url(../img/bg_submenu.gif) no-repeat; padding: 5px 0 0 0; }
#top #submenu li { display: inline; font-size: .69em; }
#top #submenu a { color: #3b7fac; padding: 0 0 0 17px; margin: 0 10px 0 0 }
#top #submenu .main_page { background: url(../img/main_page.gif) no-repeat 0 3px; padding: 0 15px 0 17px!important; border-right: 1px solid #fff; }
#top #submenu .service_map { background: url(../img/service_map.gif) no-repeat 0 3px; padding: 0 10px 0 17px!important; border-right: 1px solid #fff; }
#top #submenu .centix_shop { background: url(../img/centix_shop.gif) no-repeat 0 1px; }
#top form { position: absolute; bottom: 34px; right: 30px; width: 247px; height: 24px; background: transparent url('../img/search_bar.gif') no-repeat; }
#top form fieldset { position: relative; }
#top form input.field { position: absolute; left: 0px; top: 1px; background-color: #ecebe2; width: 165px; padding: 2px 0 0 5px; height: 18px; font-size: .68em; color: #979797; border: none; border-left: 1px solid #bbbbb9; border-top: 1px solid #bbbbb9; }
#top form input.button { position: absolute; right: 3px; top: 3px;  }

/* MENU */
#menu { width: 990px; height: 49px; background: #1c577e url('../img/menu_bg.gif') no-repeat center; }
#menu li { float: left; height: 48px; }
#menu li a { display: block; width: 100%; height: 48px; background: transparent url('../img/menu_new.gif') no-repeat top; text-indent: -9999em;  }
#menu li.item_1 { width: 86px; margin-left: 28px; display: inline; }
#menu li.item_2 { width: 110px; }
#menu li.item_3 { width: 101px; }
#menu li.item_4 { width: 61px; }
#menu li.item_5 { width: 72px; }
#menu li.item_6 { width: 150px; }
#menu li.item_7 { width: 103px; }
#menu li.item_8 { width: 73px; }
#menu li.item_9 { width: 96px; }
#menu li.item_10 { width: 81px; }
#menu li.item_1 a { background-position: 0 0; }
#menu li.item_2 a { background-position: -86px 0; }
#menu li.item_3 a { background-position: -196px 0; }
#menu li.item_4 a { background-position: -297px 0; }
#menu li.item_5 a { background-position: -358px 0; }
#menu li.item_6 a { background-position: -430px 0; }
#menu li.item_7 a { background-position: -580px 0; }
#menu li.item_8 a { background-position: -683px 0; }
#menu li.item_9 a { background-position: -756px 0; }
#menu li.item_10 a { background-position: -852px 0; }
#menu li.item_1 a:hover, #menu li.item_1 a.active { background-position: 0 -48px; }
#menu li.item_2 a:hover, #menu li.item_2 a.active { background-position: -86px -48px; }
#menu li.item_3 a:hover, #menu li.item_3 a.active { background-position: -196px -48px; }
#menu li.item_4 a:hover, #menu li.item_4 a.active { background-position: -297px -48px; }
#menu li.item_5 a:hover, #menu li.item_5 a.active { background-position: -358px -48px; }
#menu li.item_6 a:hover, #menu li.item_6 a.active { background-position: -430px -48px; }
#menu li.item_7 a:hover, #menu li.item_7 a.active { background-position:  -580px -48px; }
#menu li.item_8 a:hover, #menu li.item_8 a.active { background-position: -683px -48px; }
#menu li.item_9 a:hover, #menu li.item_9 a.active { background-position: -756px -48px; }
#menu li.item_10 a:hover, #menu li.item_10 a.active { background-position: -852px -48px; }

/* CENTIX FLASH */
#centix_flash { width: 950px; margin-left: 19px !important;  }
#centix_flash h2,
#centix_flash p,
#centix_flash a { display: none; }
#centix_flash.mini { height: 97px; background-repeat: no-repeat; background-position: center top; }
#centix_flash.mini h1, 
#centix_flash.mini p { display: none; }

#wide .aktualnosci { background-image: url('../img/aktualnosci.jpg'); }
#wide .konsulting { background-image: url('../img/konsulting.jpg'); }
#wide .o_firmie,
#wide .m_other { background-image: url('../img/o_firmie.jpg'); }
#wide .oprogramowanie { background-image: url('../img/oprogramowanie.jpg'); }
#wide .uslugi { background-image: url('../img/sieci.jpg'); }
#wide .wdrozenia { background-image: url('../img/wdrozenia.jpg'); }
#wide .kontakt { background-image: url('../img/kontakt.jpg'); }
#wide .sprzet { background-image: url('../img/sprzet.jpg'); }
#wide .serwis { background-image: url('../img/serwis.jpg'); }
#wide .partnerzy { background-image: url('../img/partnerzy.jpg'); }

#menu_alternative { background: url(../img/menu_alternative.gif) no-repeat left top; font-size: .75em; height: 34px; line-height: 34px; display: block!important; color: #fff }
#menu_alternative li { display: inline!important; margin: 0 12px }
#menu_alternative a:link { color: #fff; text-decoration: none!important; display: inline!important; }
#menu_alternative a:hover { text-decoration: underline!important; }

/* WIDE */
#wide { background: #fff url('../img/container_bg.gif') repeat-y center; padding-bottom: 20px; width: 990px; }

/* LEFT, RIGHT COLUMN */
#left { float: left }
#right { float: right; }

/* INDENT_SHAPE */
.indent_shape { clear: both; height: 165px; padding: 20px 0; background: transparent url('../img/indent_shape_right.gif') no-repeat right; }
#newsletter, #contact, #raks { float: left; display: inline; }

/* tooltip */
#tooltip { position: absolute; width: 140px; background: #3A759C; border: 1px solid #265f71; font-weight: bold; color: #fff; font-size: .69em; padding: 5px; margin: 10px 0 0 10px; z-index: 3; }

/* FOOTER */
#footer { border-top: 9px solid #1c577e; margin: 0 11px 0 10px; padding-bottom: 10px; font-size: .69em }
#footer a { color: #353535; }
#footer a:hover { color: #000 }
#footer p { margin: 9px 5px 0; }