@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; border-top: 4px solid #FF0000; font-size: 12px; line-height: 18px; font-family: Tahoma, Geneva, sans-serif; }
p, img, h1, h2, h3, h4, h5, h6, input { margin: 0; padding: 0; outline: none; list-style: none; border: 0; }
a { text-decoration: none; color: #d90303; }
a:hover { text-decoration: underline; }
.zerowanie { clear: both; }

/* GŁÓWNE */
#cialo { width: 940px; margin: 0px auto; }
#menu { width: 94px; height: 105px; position: relative; }
#strona_glowna { width: 940px; }
#podstrona { margin-top: 22px; }
#lewo { width: 314px; float: left; }
#prawo { width: 625px; float: right; }

/* TŁO DRUKARKA */
#tlo { width: 100%; height: 366px; margin: 0px auto; position: absolute; z-index: -1; }
#tlo .cialo { width: 940px; margin: 0 auto; position: relative; }
#tlo .drukarka { width: 1081px; height: 366px; position: absolute; top: -4px; left: -121px; background: url('../img/tlo.jpg') no-repeat; }

/* MENU + LOGO */
#logo { position: absolute; top: 38px; left: 0; }
#menu ul { width: 627px; margin: 0; padding: 45px 0 0 0; list-style: none; padding-left: 313px; }
#menu ul li { float: left; margin-right: 5px; }
#menu ul li span { display: none; }
#menu ul li a { display: block; height: 32px; outline: none; }
#menu ul li a:hover { background-position: 0 -31px; }

#m_home { width: 74px; background: url('../img/home.gif') no-repeat; }
#m_kim_jestesmy { width: 116px; background: url('../img/kim_jestesmy.gif') no-repeat; }
#m_oferta { width: 76px; background: url('../img/oferta.gif') no-repeat; }
#m_wsparcie_serwisowe { width: 159px; background: url('../img/wsparcie_serwisowe.gif') no-repeat; }
#m_kariera { width: 86px; background: url('../img/kariera.gif') no-repeat; }
#m_kontakt { width: 85px; background: url('../img/kontakt.gif') no-repeat; }

.m_home { background: url('../img/home.gif') 0 -31px no-repeat !important; }
.m_kim_jestesmy { background: url('../img/kim_jestesmy.gif') 0 -31px no-repeat !important; }
.m_oferta { background: url('../img/oferta.gif') 0 -31px no-repeat !important; }
.m_wsparcie_serwisowe { background: url('../img/wsparcie_serwisowe.gif') 0 -31px !important; }
.m_kariera { background: url('../img/kariera.gif') 0 -31px no-repeat !important; }
.m_kontakt { background: url('../img/kontakt.gif') 0 -31px no-repeat !important; }

/* SLOGAN + TEKST */
#tekst_powitalny { height: 241px; margin-top: 15px; line-height: 21px; color: #797979; }
#tekst_powitalny div p { padding-bottom: 15px; }
#slogan { padding-bottom: 25px; }
#czytaj_wiecej { width: 473px; text-align: right; }

/* STRONA GŁÓWNA */
#szanowni_klienci { width: 382px; float: left; padding: 1px 1px 0 0; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
#szanowni_klienci .belka { width: 382px; height: 52px; background: url('../img/box_szary_prawo.jpg') no-repeat; }
#szanowni_klienci .belka .tytul { padding: 20px 0 0 0; font-size: 14px; color: #df2f00; }
#sz_tresc { height: 179px; position: relative; padding: 15px 15px 0 100px; font-size: 11px; line-height: 17px; color: #666666; }
#sz_tresc .stock { width: 127px; height: 183px; position: absolute; bottom: 0; left: -50px; background: url('../img/box_szanowni_stock.jpg') no-repeat; }
#sz_tresc_p { margin-bottom: 13px; padding: 9px 0 0 0; text-align: justify; }

#aktualnosci { width: 555px; height: 246px; float: right; padding: 1px 0 0 1px; border-bottom: 1px solid #efefef; }
#aktualnosci .belka { width: 555px; height: 52px; position: relative; background: url('../img/box_szary_lewo.jpg') no-repeat; }
#aktualnosci .belka .tytul { padding: 20px 0 0 30px; font-size: 14px; color: #df2f00; }
#archiwum_wiadomosci { position: absolute; top: 15px; right: 0; }

#wiadomosci { padding: 15px 0 0 0; font-size: 11px; color: #666666; }
.news { width: 244px; float: left; margin: 0 3px 0 30px; }
.n_tytul { margin-bottom: 10px; font-weight: bold; }
.n_tytul a { color: #666666; }
.n_tresc { text-align: justify; height: 120px; overflow: hidden; }
.n_ikona { width: 75px; height: 100px; text-align: center; overflow: hidden; float: left; margin: 0 5px 5px 0; }
.n_ikona .zdjecie { width: 75px; height: 100px; display: table-cell; vertical-align: middle; }
.n_ikona .zdjecie img { max-width: 65px; max-height: 100px; }
.n_wiecej { font-weight: 600; background: url('../img/news_link.jpg') right center no-repeat; }

#bannery { width: 900px; padding: 20px; }

#polecane_produkty { padding-top: 1px; border-top: 1px solid #e5e5e5; }
#polecane_produkty .belka { width: 100%; height: 54px; position: relative; background: url('../img/polecane_produkty_belka.jpg') no-repeat; }
#polecane_produkty .belka .tytul { padding: 22px 0 0 20px; font-size: 14px; color: #d90303; }
#pp_sklep { position: absolute; top: 15px; right: 10px; }

#polecane_prukty_c { width: 900px; margin-top: 20px; padding: 0 20px 0 20px; }
.pp_cialo { width: 174px; float: left; padding: 0 3px 0 3px; border-right: 1px solid #f2f2f2; color: #666666; }
.pp_cialo_ost { width: 170px; height: 100px; float: right; padding-left: 5px; color: #666666; }

.pp_zdjecie { display: table-cell; width: 174px; height: 105px; overflow: hidden; vertical-align: middle; text-align: center; }
.pp_zdjecie img { max-width: 75px; max-height: 75px }
.pp_nazwa { font-size: 11px; text-align: center; }
.pp_nazwa a { color: #666666; }
.pp_cena { padding-bottom: 10px; text-align: center; font-weight: bold; }

/* PODSTRONY */
#tlo2 { width: 100%; height: 366px; margin: 0px auto; position: absolute; z-index: -1; }
#tlo2 .cialo { width: 940px; margin: 0 auto; position: relative; }
#tlo2 .drukarka { width: 1081px; height: 366px; position: absolute; top: -4px; left: -121px; background: url('../img/podstrona_tlo.jpg') no-repeat; }

/* LEWA STRONA */
#lewo .belka { width: 312px; height: 52px; background: url('../img/box_szary_prawo.jpg') no-repeat; }
#lewo .belka .tytul { padding: 20px 0 0 0; font-size: 14px; color: #df2f00; }
.box_lewo { margin-bottom: 20px; border-right: 1px solid #ececec; padding: 1px 1px 0 0; }
#aktywny_link_m { text-decoration: underline; color: #d90303 !important; }

#pod_menu a { display: block; padding: 10px 0 10px 15px; border-bottom: 1px solid #f2f2f2; font-weight: bold; background: url('../img/stopka_link.jpg') left center no-repeat; color: #707070; }


#konsultanci { height: 120px; position: relative; border-bottom: 1px solid #ececec; padding-left: 85px; color: #666666; }
#k_stock { width: 81px; height: 111px; position: absolute; bottom: 0; left: -20px; background: url('../img/konsultantka.jpg') no-repeat; }
#k_tekst { padding: 20px 0 10px 0; line-height: 21px; }
#k_telefon { font-size: 24px; color: #5a5a5a; }
#k_telefon span { font-size: 14px; }


#jak_dojechac { height: 120px; position: relative; padding-left: 85px; border-bottom: 1px solid #ececec; color: #666666; }
#jd_stock { width: 82px; height: 87px; position: absolute; top: 15px; left: -20px; background: url('../img/mapka.jpg') no-repeat; }
#jak_dojechac p { padding: 20px 0 0 0; line-height: 21px; }
#jak_dojechac img { margin-top: 15px; }


/* PRAWA STRONA */
#prawo { padding-top: 1px; }
#prawo .belka { width: 100%; height: 52px; background: url('../img/box_szary_lewo.jpg') no-repeat; }
#prawo .belka .tytul { padding: 20px 0 0 30px; font-size: 14px; color: #df2f00; }

#pod_tresc { padding: 20px 0 0 30px; color: #707070; }
#pod_tresc p { padding-bottom: 20px; }
#pod_tresc_tagi { border-top: 1px solid #CCC; padding-top: 15px; }


/* STOPKA */
#stopka_1 { width: 900px; height: 147px; border-bottom: 1px solid #e5e5e5; margin-top: 20px; padding: 20px 20px 0 20px; background: url('../img/stopka.jpg') repeat-x; font-size: 11px; color: #757575; }
#stopka_1 a { color: #757575; }
#stopka_1_l { width: 720px; float: left; }
#stopka_1_l .tytul { font-size: 14px; }
#stopka_1_l div { width: 180px; float: left; }
#stopka_1_l div ul { list-style: none; padding: 18px 0 0 0; margin: 0; }
#stopka_1_l div ul li { display: block; padding: 2px 0 2px 13px; background: url('../img/stopka_link.jpg') center left no-repeat; }

#stopka_leterus { width: 170px; float: right; text-align: right; }
#sl_img { padding: 2px 0 0 0; }
#sl_tekst { padding-top: 13px; font-size: 11px; line-height: 21px; }

#stopka_2 { padding: 10px 0 10px 0; color: #666666; }
#stopka_2 a { color: #666666; }
#leterus { float: left; padding-top: 3px; font-size: 11px; }
#xann { font-size: 10px; line-height: 14px; padding-right: 100px; background: url('../img/xann.jpg') right center no-repeat; float: right; }

/* MAPA STRONY */
#mapa { padding: 0; }
.mapa_h2 { margin: 0 0 10px 0; padding-top: 10px; }
ul.mapa_str{list-style: none;}
.mapa_parent{ width: 100%; background: url(../img/system/folder.png) no-repeat; padding-left: 20px;}
.mapa_child{ width: 100%; padding-left: 41px; background: url(../img/system/page_white_horizontal.png) no-repeat; background-position: 20px 1px;}

/* STRONICOWANIE */
#stronicowanie{ font-size: 10px; text-align: center; margin-top: 20px;}
ul#strony{list-style: none; margin: 0 auto; display: inline-table;}
#strony li{ float: left;}
#strony .le{margin-right: 10px;}
#strony .ra{margin-left: 10px;}
#strony a{ display: block; padding: 0 7px;  height: 18px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; margin-left: -1px; text-decoration: none; text-align: center; font-size: 11px; line-height: 17px; color: #949494;}
#strony a:hover{ background: #a5c23e; color: #FFF;}
#strony .strona_hover{display: block; padding: 0 7px;  height: 18px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; margin-left: -1px; text-decoration: none; text-align: center; font-size: 11px; line-height: 17px; background: #a5c23e; color: #FFF;}

/* KONTAKT */
.inp { border: 1px solid #CCC; padding: 5px; }
#inp { border: 1px solid #CCC; padding: 5px; }
#inptxt { width: 150px; border: 1px solid #CCC; height: 80px; padding: 5px; }
.inpok { width: 117px; height: 22px; background: url('../img/wyslij.png') no-repeat; }

.error { background: #FFCCCC; border: 1px solid #ffa6a6; color: #FF0000; font-family: Tahoma, sans-serif; font-size: 11px; padding: 15px; margin: 20px 0 20px 0; }
.errorw { background: #FFCCCC; border: 1px solid #ffa6a6; color: #FF0000; font-family: Tahoma, sans-serif; font-size: 11px; padding: 15px; margin: 20px 0 20px 0; }
.foto { margin: 0 10px 10px 0; }
.ok { background: #e7f3dd; border: 1px solid #bfdfa3; color: #FF0000; font-family: Tahoma, sans-serif; font-size: 11px; padding: 15px; margin: 20px 0 20px 0; }