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

body{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-image:url(../images/bg.png); background-repeat:repeat-x; margin:0; background-color:#003300; color:#FFFFFF; line-height: 14px;}

/* Wszystkie bloki */
#container {width:916px; margin:auto; background:url(../images/wizerunek.png) no-repeat center top; padding:0 29px; }
#container-calc {width:916px; margin:auto; padding:0 29px; }
#logo {width:100%; height:117px; position:relative;}
#logo img {margin-top:33px; }
#meni {height:37px; background:url(../images/menu.png) no-repeat; }
#wizerunek {width:100%; height:270px; clear:both;}
#kolumna_lewa { width:370px; float:left;}
#kolumna_prawa { width:536px; float: right;  }
#kolumna_prawa_lewa { margin-top:22px; float:left;  clear:both  }
#kol_lew {width:236px; height:200px;  background:url(../images/tlo_belka.png) no-repeat right top; clear:both }
#kolumna_prawa_prawa { margin-top:22px; float: right;   }
#kol_praw {width:290px; height:200px;  background:url(../images/tlo_belka.png) no-repeat right top; clear:both}
#tresc {padding-bottom:7px}
#zapytaj {background:url(../images/zapytaj.png) no-repeat; width:370px; height:251px; margin-top:22px;}
#adres { clear:both; height:161px; width:370px; background-image:url(../images/kontakt.png); background-repeat:no-repeat}
#foother {clear:both; background:url(../images/foother.png) no-repeat top center;  }
#foother-f {clear:both; background:url(../images/foother.png) no-repeat top center;  }
#kontakt { padding-top:54px}


/* Menu Poziome */
ul#menu {margin-left:79px}
ul#menu li {float:left;}
ul#menu li a {background: url(../images/sprite.png) no-repeat scroll top left; display:block; height:37px; position:relative; }
ul#menu li a.home {width:119px; }
ul#menu li a.home2 {width:75px; background-position:-119px 0;}
ul#menu li a.home3 {width:73px; background-position:-194px 0;}
ul#menu li a.home4 {width:86px; background-position:-267px 0;}
ul#menu li a.home5 {width:112px; background-position:-353px 0;}
ul#menu li a.home6 {width:115px; background-position:-465px 0;}
ul#menu li a.home7 {width:170px; background-position:-580px 0;}
ul#menu li a.home8 {width:70px; background-position:-750px 0;}
ul#menu li a span {background:url(../images/sprite.png) no-repeat scroll bottom left; display:block; position:absolute; top:0;left:0;height:100%; width:100%; z-index:100;}
ul#menu li a.home span {background-position:0 -37px;}
ul#menu li a.home2 span { background-position:-119px -37px;}
ul#menu li a.home3 span {background-position:-194px -37px;}
ul#menu li a.home4 span {background-position:-267px -37px;}
ul#menu li a.home5 span {background-position:-353px -37px;}
ul#menu li a.home6 span {background-position:-465px -37px;}
ul#menu li a.home7 span {background-position:-580px -37px;}
ul#menu li a.home8 span {background-position:-750px -37px;}
ul#menu li a span:hover {cursor:pointer;}


/* Menu pobierz */
ul#pdf { width:200px; margin:10px 20px}
ul#pdf li  {height:34px; border-bottom: #375e37 solid 1px; padding:0px 0 0 30px !important; background:url(../images/pdf_red.gif) center left no-repeat; !important}
ul#pdf li a {color:#000066; line-height:35px !important; font-size:14px; color:#FFFFFF; !important}
ul#pdf li.gren { background:url(../images/pdf_gren.gif) center left no-repeat; !important}
li.gren a{color:#cbe7a0 !important}
.border {border:none !important; }


/* Formularz kontaktowy */
input, select, textarea {background:none; color:#FFFFFF; border:none}
.inputy { width:162px; height:27px; background:url(../images/input.png) no-repeat; border:none; color:#FFFFFF; line-height:150%; margin-top:3px}
.inputy2 { width:162px; height:27px; background: url(../images/input_1.gif) no-repeat; border:none; color:#FFFFFF; line-height:150%; margin-top:3px}
.inputy_long { width:314px; height:27px; background: url(../images/input_2.gif) no-repeat; border:none; color:#FFFFFF; line-height:150%; margin-top:3px}
.input {background:none; border:none; margin:5px 0 0 5px; color:#FFFFFF }
.area { width:339px; height:67px; background:url(../images/textarea.png) no-repeat; border:none; color:#FFFFFF; line-height:130%; overflow: inherit}
.arena { margin-top:7px; padding:0; padding:0px 0 0 6px; line-height:100%; overflow:hidden; height:58px; }
.kontakt_left {float:left; margin:12px 0 0 15px}
.kontakt_left2 {float:left; margin:12px 0 0 0}
.kontakt_left3 {float:left; margin:12px 0 0 5px;}
.submit { width:82px; height:22px; margin:10px 0 0 270px;}
.submit2 { width:82px; height:22px; margin:10px 0 0 0px;}
label {display:block; }


/* Slider */
#prev {float:left; }
#prev img {margin:82px 0 0 23px;}
#next {float:right;}
#next img {margin:82px 19px 0 0px;}
#content { width:382px; float: left}
.content .p_color { padding:0 ;  margin-top:6px !important; line-height:120% }
.SlideTab .content { float: left; width:195px;   margin:0px 0 0 15px}
.SlideTab .content h3  { display:block; width:186px; font-size:16px; border-bottom:#335c33 solid 1px; height:26px; margin-top:40px; font-weight:normal}
.SlideTab .content p {text-align:left; margin:1px; padding-top:6px}


/* Stopka */
#foother ul {clear:left; float:left; list-style:none; margin:0; padding:0; text-align:center; margin-top:15px; margin-left:150px}
#foother ul li{ display:block;float:left;list-style:none;margin:0;padding:0;}
#foother ul li a{margin:0 5px}
#foother p  {text-align:center; color:#668566; padding-bottom:20px }
#foother p.main  {color:#235323; font-size:9px; text-align:left;}
#foother .tyt{color:#235323; font-size:9px; font-weight:bold;}
#foother p a {color:#668566}

/* Stopka firmy */
#foother-f ul {clear:left; float:left; list-style:none; margin:0; padding:0; text-align:center; margin-top:15px; margin-left:271px}
#foother-f ul li{ display:block;float:left;list-style:none;margin:0;padding:0;}
#foother-f ul li a{margin:0 5px}
#foother-f p  {text-align:center; color:#668566; padding-bottom:20px }
#foother-f p.main  {color:#235323; font-size:9px; text-align:left;}
#foother-f .tyt{color:#235323; font-size:9px; font-weight:bold;}
#foother-f p a {color:#668566}


p { text-align:justify; padding-top:11px}
a {color:#FFFFFF; text-decoration:none}
a:hover {text-decoration:underline}
.wciecie_akcesoria{ margin:5px 0 10px 32px;}

.p_color{color:#cbe7a0 }
.padding { padding:0px; }
.bold {font-weight:bold}
.lewy{ background:url(../images/belka_left.png) no-repeat; display:block; width:265px; float:left; z-index:1;  margin-left:-1px}
.abolut{ position:absolute}
.produkty {margin-top:32px; margin-bottom:3px}
.wiecej { background:url(../images/em.png) left no-repeat; text-decoration:none; padding-left:27px; display:block; height:21px; line-height:20px;  font-style:normal; margin:10px 0 0 0; clear:both;  }
.boks h2{ display: block; background:url(../images/br_r.png) repeat-x right; height:49px; padding:0 17px 0 13px; margin-left:38px; line-height:45px; font-weight:normal; }
.boks{height:49px; background:url(../images/belka_l.png) left no-repeat; font-size:16px;   }
.kropki {background: url(../images/kropki.gif) bottom center repeat-x;}
.kropka { height:2px; width:100%; background: url(../images/kropki.gif) repeat-x; clear:both; margin-top:13px ; float:left }
.boxe {clear:both; width:100%; background: url(../images/box.png) no-repeat;  }
.boks h2 img {margin-top:17px}

.clear {clear:both}
.left {float:left}
.right {float:right}

.s0 {position:absolute ; margin:0 405px !important; }
.s1 {margin-bottom:17px}
.s2 {margin-left:260px}
.s3 {margin-top:15px}
.s4 {padding-top:5px}
.s5 {margin-left:265px}
.s6 {margin-top:20px}
.s7 {margin-bottom:3px}
.s8 {margin-left:95px; margin-top:5px}
.s9 {position:absolute; z-index:2; float:left; margin:32px 45px}
.s10 {position:absolute; z-index:3; margin:27px 40px}
.s11 {margin-left:145px; margin-top:173px; float: left}
.s12 {padding:4px 0 30px 0}
.s13 {position: absolute; z-index:500; margin:18px 90px; }
.s14 { margin-top:44px !important}
.s15 {padding:15px 0 0 5px;}
.s16 {margin:15px 0 0 27px}
.s17 {margin:22px 25px}
.s18 {border-bottom:solid 1px #265126;  padding:10px 0px; height:1px; margin:0 10px }
.s19 {margin:10px 30px}
.dystrybutorzy{text-align:right; margin:10px 0 0 0;}




/* PODSTRONA ------------------------- */
.boxe_pr {  background: url(../img/boxpr.png) no-repeat; clear:both; padding:0  }
.slide_content { position:absolute; z-index:500; width:285px; padding:0; margin:20px 0 0 200px    }
.slide_content p {text-align:left; }
.slide_content h3 {border-bottom:solid 1px #265126; height:20px  }
.size_12 {font-size:12px}
.img_boxe {margin-top:20px; margin-left:0px}




#menu_pr {width:250px; min-height:210px; background:url(../images/ul_tlo.png) no-repeat;  margin:57px 0 0 120px; padding-top:12px; text-align:right;  }

#menu_pr ul li {height:27px; width:226px;   margin:0 auto; background:url(../images/li_tr.png) no-repeat bottom right;  }
#menu_pr ul li:hover {height:27px; width:226px;   margin:0 auto; background:url(../images/li_tr_h.png) no-repeat bottom right;  }

#menu_pr img{ line-height:10px; padding-right:30px; margin-top:7px}

#menu_pr a {height:27px;  display:block; margin-right:30px; width:200px; float:right}

.METROBOND a { background:url(../img/metrobond.gif) no-repeat right 7px;  }
.METROBOND a:hover {background:url(../img/metrobond_hover.gif) no-repeat right 7px}

.METROROMAN a { background:url(../img/metroroman.gif) no-repeat right 7px;  }
.METROROMAN a:hover {background:url(../img/metroroman_hover.gif) no-repeat right 7px}



.METROSHAKE1 a { background:url(../img/metroshake1.gif) no-repeat right 7px;  }
.METROSHAKE1 a:hover {background:url(../img/metroshake1_hover.gif) no-repeat right 7px}

.METROSHAKE2 a { background:url(../img/metroshake2.gif) no-repeat right 7px;  }
.METROSHAKE2 a:hover {background:url(../img/metroshake2_hover.gif) no-repeat right 7px}

.METROSHINGLE a { background:url(../img/metroshingle.gif) no-repeat right 7px;  }
.METROSHINGLE a:hover {background:url(../img/metroshingle_hover.gif) no-repeat right 7px}

.METROCLASSIC a { background:url(../img/metroclassic.gif) no-repeat right 7px;  }
.METROCLASSIC a:hover {background:url(../img/metroclassic_hover.gif) no-repeat right 7px}

.AKCESORIA a { background:url(../img/akcesoria.gif) no-repeat right 7px;  }
.AKCESORIA a:hover {background:url(../img/akcesoria_hover.gif) no-repeat right 7px}

.MULTIMETROBOND a { background:url(../img/multimetrobond.gif) no-repeat right 7px;  }
.MULTIMETROBOND a:hover {background:url(../img/multimetrobond_hover.gif) no-repeat right 7px}

.METROSOLAR a { background:url(../img/metrosolar.gif) no-repeat right 7px;  }
.METROSOLAR a:hover {background:url(../img/metrosolar_hover.gif) no-repeat right 7px}

.METROGARD a { background:url(../img/metrogard.gif) no-repeat right 7px;  }
.METROGARD a:hover {background:url(../img/metrogard_hover.gif) no-repeat right 7px}

li.METROGARD  { background:url(../images/li_tr_n.png) no-repeat bottom right !important;  }
li.METROGARD:hover {height:27px; width:226px; margin:0 auto; background:url(../images/li_tr_n_h.png) no-repeat bottom right !important;;  }



#prev1 {float:left; }
#prev1 img {margin:82px 0 0 0px;}
#next1 {float: right;  }
#next1 img {margin:82px 0px 0 0px;}
#content_pr { width:400px; float: left;  text-align:center; z-index:1}
.SlideTab .content { float: left; width:195px;   margin:0px 0 0 15px}
.reset {margin:0; padding:0}


.dystr1 {height:50px; padding:5px 0; background:url(../images/dalej_j.gif) no-repeat center left; background-color:#124112;}
.dystr2 {height:50px; padding:5px 0;  margin-top:2px; background:url(../images/dalej_c.gif) no-repeat center left; background-color:#083908;}

.dystr_l {width:155px;  float:left;}
.dystr_l img {margin:4px 0 0 40px}
.dystr_p {float:left; padding:0px 5px; border-left:solid 1px #265126;}
.rozwin {clear:both; float:right}
.gory {padding:20px 0 5px 415px}

#kalkulator-blok{padding:18px 0 20px 0;}
#kalkulator{width:491px; margin:0 auto; background-image:url(../images/tlo_kalkulator.gif); background-repeat:repeat-y; overflow:hidden;}
#kalkulator .linia{overflow:hidden; border-bottom:1px solid #194719; padding:5px 0;}
#kalkulator .linia-generuj{overflow:hidden; padding:15px 0 0 0;}
#kalkulator .linia-generuj .lewa{display:inline; float:left; width:121px; text-align:right; padding:0 20px 0 0;}
#kalkulator .linia-generuj .prawa{display:inline; float:left; padding:0 0 0 23px;}
#kalkulator .linia .lewa{display:inline; float:left; width:121px; text-align:right; padding:0 20px 0 0;}
#kalkulator .linia .lewa .dane{padding:5px 0 0 0; font-weight:bold;}
#kalkulator .linia .lewa .dane-opcje{line-height:14px; color:#c0ccc0; padding:10px 0;}
#kalkulator .linia .lewa .dane-opcje-blok{overflow:hidden; padding:0 0 10px 0;}
#kalkulator .linia .lewa label{display:inline; float:right; padding:2px 0 0 0; font-weight:bold;}
#kalkulator .linia .lewa input.radio{display:inline; float:right;}
#kalkulator .linia .lewa .radiobuttony{clear:both;}
#kalkulator .linia .prawa{display:inline; float:left; padding:0 0 0 23px;}
#kalkulator .linia .prawa .linia-form{background-image: url(../images/form_calc.gif);height:30px;width:107px;margin:0;float:left; background-repeat:no-repeat;}
#kalkulator .linia .prawa input.single{background:none; border:none; color:#FFF; font-size:11px; padding:7px 10px 0 10px; width:86px;}
#kalkulator .linia .prawa .ptaszek{float:left; margin:0 0 0 15px;}
.szary-txt{color:#c0ccc0;}
.alert{ color:#F00; clear:both;}

.tekst-podstrona{padding:18px 0 20px 20px; width:490px;}
.tekst-podstrona a{color:#ffcc00; text-decoration:underline;}
.tekst-podstrona a:hover{text-decoration: none;}
.tekst-podstrona .foto-blok{float: right; margin:0 0 10px 25px; width:220px;}
.tekst-podstrona .foto{border:1px solid #FFF; padding:1px;}
#kolumna_prawa .foto{border:1px solid #FFF; padding:1px;}


/*TOOLTIP*/
#logo .popup {width:284px; position: absolute; display: none; z-index:500; }
#logo .popup .tooltip { background:url(../images/tooltip_top.png); display:block; height:100%; min-height:30px; overflow:visible}
#logo .popup .tooltip .podpowiedz { padding:20px 10px 0 12px; color:#585858; line-height:130%}
#logo .popup .bottom {width:284px; height:23px; background:url(../images/tooltip_bottom.png) no-repeat}
#logo .ie6 .popup .bottom{
	background-image: url(image/blank.gif); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tooltip_bottom.png',  )
}
#logo .popup .bottom {width:284px; height:23px; background:url(../images/tooltip_bottom.png) no-repeat}


/*#logo .bubbleInfo { margin:15px 0 0 250px; }*/


#logo .popup {top:40px!important; left:615px!important;} /*ODSTĘP TOOLTIPA W BLOKU recrut */
/*TOOLTIP */




/* Firmowe */
#container-firma {width:916px; margin:auto; background:url(../images/wizerunek_firma.jpg) no-repeat center top; padding:0 29px; }
.boxe .content-firma{ padding:15px 15px 0 15px;}
.boxe .content-firma img{ float:left; border:1px solid #FFF; padding:2px; margin:10px 10px 10px 0;}
.zielony{color:#cbe7a0;}
.oferta-firma{ margin:10px 0 0 10px;}
.wiecej-firma { background:url(../images/em_beztla.gif) left no-repeat; text-decoration:none; padding-left:27px; display:block; height:21px; line-height:20px;  font-style:normal; margin:10px 0 0 10px; clear:both;  }
#zapytaj-firma {background:url(../images/tlo_kontakt_firma.gif) no-repeat; width:370px; height:311px;}
#zapytaj-firma .kontakt_big {margin:12px 0 0 15px}

/* Menu Poziome FIRMA */
ul#menu-firma {margin-left:79px}
ul#menu-firma li {float:left;}
ul#menu-firma li a {background: url(../images/sprite_firma.png) no-repeat scroll top left; display:block; height:37px; position:relative; }
ul#menu-firma li a.home {width:119px; }
ul#menu-firma li a.home2 {width:140px; background-position:-119px 0;}
ul#menu-firma li a.home3 {width:75px; background-position:-259px 0;}
ul#menu-firma li a.home4 {width:110px; background-position:-334px 0;}
ul#menu-firma li a.home5 {width:80px; background-position:-444px 0;}
ul#menu-firma li a span {background:url(../images/sprite_firma.png) no-repeat scroll bottom left; display:block; position:absolute; top:0;left:0;height:100%; width:100%; z-index:100;}
ul#menu-firma li a.home span {background-position:0 -37px;}
ul#menu-firma li a.home2 span { background-position:-119px -37px;}
ul#menu-firma li a.home3 span {background-position:-259px -37px;}
ul#menu-firma li a.home4 span {background-position:-334px -37px;}
ul#menu-firma li a.home5 span {background-position:-444px -37px;}
ul#menu-firma li a span:hover {cursor:pointer;}
.PODMENU1 a { background: url(../images/wprowadzenie_off.gif) no-repeat right 7px;  }
.PODMENU1 a:hover {background:url(../images/wprowadzenie_on.gif) no-repeat right 7px}
.PODMENU2 a { background: url(../images/zalety_off.gif) no-repeat right 5px;  }
.PODMENU2 a:hover {background:url(../images/zalety_on.gif) no-repeat right 5px}
.PODMENU3 a { background: url(../images/logistyka_off.gif) no-repeat right 7px;  }
.PODMENU3 a:hover {background:url(../images/logistyka_on.gif) no-repeat right 7px}
.PODMENU4 a { background: url(../images/zamowienia_off.gif) no-repeat right 3px;  }
.PODMENU4 a:hover {background:url(../images/zamowienia_on.gif) no-repeat right 3px}
.PODMENU5 a { background: url(../images/gwarancje_off.gif) no-repeat right 7px;  }
.PODMENU5 a:hover {background:url(../images/gwarancje_on.gif) no-repeat right 7px}
.PODMENU6 a { background: url(../images/kontakty_off.gif) no-repeat right 3px;  }
.PODMENU6 a:hover {background:url(../images/kontakty_on.gif) no-repeat right 3px}
.PODMENU7 a { background: url(../images/przewaga_off.gif) no-repeat right 7px;  }
.PODMENU7 a:hover {background:url(../images/przewaga_on.gif) no-repeat right 7px}
.PODMENU8 a { background: url(../images/suplement_off.gif) no-repeat right 7px;  }
.PODMENU88 a:hover {background:url(../images/narzedzia_on.gif) no-repeat right 7px}
.PODMENU88 a { background: url(../images/narzedzia_off.gif) no-repeat right 7px;  }
.PODMENU8 a:hover {background:url(../images/suplement_on.gif) no-repeat right 7px}
.PODMENU9 a { background: url(../images/rozwiazania_off.gif) no-repeat right 5px;  }
.PODMENU9 a:hover {background:url(../images/rozwiazania_on.gif) no-repeat right 5px}
.PODMENU10 a { background: url(../images/wspolpraca_off.gif) no-repeat right 4px;  }
.PODMENU10 a:hover {background:url(../images/wspolpraca_on.gif) no-repeat right 4px}
.PODMENU11 a { background: url(../images/przewagam_off.gif) no-repeat right 7px;  }
.PODMENU11 a:hover {background:url(../images/przewagam_on.gif) no-repeat right 7px}
#HeadTitle-firma {margin:0 auto; width:490px;  border-bottom:solid 1px #265126; padding:10px 0;}
.wyroznienie{background-color:#124112; padding:10px 15px; margin:15px 0 10px 0;}

#menu_pr_m {width:250px; min-height:130px; background:url(../images/ul_tlo.png) no-repeat;  margin:57px 0 0 120px; padding-top:12px; text-align:right;  }
#menu_pr_m ul li {height:27px; width:226px;   margin:0 auto; background:url(../images/li_tr.png) no-repeat bottom right;  }
#menu_pr_m ul li:hover {height:27px; width:226px;   margin:0 auto; background:url(../images/li_tr_h.png) no-repeat bottom right;  }
#menu_pr_m img{ line-height:10px; padding-right:30px; margin-top:7px}
#menu_pr_m a {height:27px;  display:block; margin-right:30px; width:200px; float:right}

#menu_pr_s {width:250px; min-height:164px; background:url(../images/ul_tlo.png) no-repeat;  margin:57px 0 0 120px; padding-top:12px; text-align:right;  }
#menu_pr_s ul li {height:27px; width:226px;   margin:0 auto; background:url(../images/li_tr.png) no-repeat bottom right;  }
#menu_pr_s ul li:hover {height:27px; width:226px;   margin:0 auto; background:url(../images/li_tr_h.png) no-repeat bottom right;  }
#menu_pr_s img{ line-height:10px; padding-right:30px; margin-top:7px}
#menu_pr_s a {height:27px;  display:block; margin-right:30px; width:200px; float:right}


table.calc{ background-color:#000;}
table.calc input{ border:1px solid #005b00; padding:4px; font-size:11px; background-color:#001d04;}
table.calc input.button{background-color:#005b00; padding:2px;}
table.calc th{background-color:#005b00; font-size:14px; padding:10px;}
table.calc td.srodek{ padding:5px; font-size:12px; text-align:center; background-color: #003300;}
div.admin{font-size:14px; font-weight:bold; text-align:center; color:#ffcc00;}
.strong{ font-weight:bold; color:#FFF;}


/* --- mapka --- */
/* styl listy wojewodztw */
 #polska a{
	  display:block;
	  width:100%;
	  padding:1px 0;
	  font:normal 0.8em sans-serif;
	  color:#ccc;
	  text-decoration:none;
	  text-align:left;
	 }
  #polska a:hover,#polska li:hover a{
  	  color:#fd0;
  	  text-decoration:underline;
  	 }

/* nie edytuj! */
#polska,#polska span.bg{background:transparent url(../images/polska.png) no-repeat -9999px 0}
#polska{position:relative;top:0;left:0;display:block;background-position:0px -580px;list-style:none}
 #polska *{padding:0;margin:0;border:0 none;outline:0 none}
  #polska li{cursor:pointer}
  #polska li span{position:absolute;display:block;width:0;height:0;z-index:15}
  #polska li a .bg{z-index:3}
  #polska li .map{top:0;left:0}

  #polska.ukryta{width:320px;height:310px}
   #polska.ukryta li{width:0;height:0;text-indent:-9999px}
  #polska.po_lewej{left:120px;width:320px;min-height:310px}
   #polska.po_lewej li{margin-left:-120px;width:120px}
  #polska.po_prawej{width:450px;min-height:310px}
   #polska.po_prawej li{width:120px;margin-left:330px}
   #polska.po_lewej li:first-child,#polska.po_prawej li:first-child{padding-top:2em}
  #polska.ponizej{width:320px;padding-top:315px;overflow:hidden}
   #polska.ponizej li{width:100%;float:left}
   #polska.ponizej.dwie_kolumny li{width:50%;float:left}

 #polska1 a:hover .bg,  #polska1 a.active .bg{top:164px;left:29px;width:95px;height:85px;background-position:-10px -110px} #polska1 .s1{top:182px;left:20px;width:80px;height:80px} #polska1 .s2{top:176px;left:47px;width:70px;height:6px} #polska1 .s3{top:182px;left:100px;width:22px;height:15px} #polska1 .s4{top:197px;left:100px;width:7px;height:25px} #polska1 .s5{top:197px;left:107px;width:7px;height:12px} #polska1 .s6{top:166px;left:63px;width:27px;height:10px}
 #polska2 a:hover .bg,  #polska2 a.active .bg{top:69px;left:107px;width:76px;height:73px;background-position:-284px -321px} #polska2 .s1{top:71px;left:122px;width:18px;height:7px} #polska2 .s2{top:74px;left:122px;width:31px;height:4px} #polska2 .s3{top:78px;left:112px;width:60px;height:55px} #polska2 .s4{top:90px;left:172px;width:8px;height:20px} #polska2 .s5{top:133px;left:150px;width:17px;height:5px}
 #polska3 a:hover .bg,  #polska3 a.active .bg{top:137px;left:236px;width:81px;height:101px;background-position:-265px -13px} #polska3 .s1{top:153px;left:245px;width:75px;height:58px} #polska3 .s2{top:138px;left:278px;width:25px;height:15px} #polska3 .s3{top:148px;left:267px;width:18px;height:87px} #polska3 .s4{top:210px;left:257px;width:65px;height:10px} #polska3 .s5{top:220px;left:285px;width:35px;height:10px} #polska3 .s6{top:230px;left:297px;width:10px;height:5px} #polska3 .s7{top:170px;left:239px;width:6px;height:6px}
 #polska4 a:hover .bg,  #polska4 a.active .bg{top:100px;left:24px;width:60px;height:86px;background-position:-8px -291px} #polska4 .s1{top:122px;left:20px;width:47px;height:30px} #polska4 .s2{top:152px;left:20px;width:53px;height:14px} #polska4 .s3{top:160px;left:73px;width:7px;height:6px} #polska4 .s4{top:166px;left:20px;width:43px;height:10px} #polska4 .s5{top:176px;left:20px;width:27px;height:6px} #polska4 .s6{top:112px;left:35px;width:35px;height:10px} #polska4 .s7{top:106px;left:50px;width:20px;height:6px} #polska4 .s8{top:101px;left:65px;width:7px;height:6px}
 #polska5 a:hover .bg,  #polska5 a.active .bg{top:136px;left:130px;width:80px;height:78px;background-position:-9px -204px} #polska5 .s1{top:153px;left:150px;width:50px;height:57px}  #polska5 .s2{top:138px;left:158px;width:15px;height:15px}  #polska5 .s3{top:143px;left:173px;width:18px;height:10px}  #polska5 .s4{top:148px;left:191px;width:5px;height:5px}  #polska5 .s5{top:159px;left:200px;width:7px;height:12px}  #polska5 .s6{top:165px;left:140px;width:10px;height:36px}  #polska5 .s7{top:183px;left:132px;width:8px;height:15px}  #polska5 .s8{top:171px;left:200px;width:4px;height:17px}
 #polska6 a:hover .bg,  #polska6 a.active .bg{top:227px;left:160px;width:76px;height:66px;background-position:-96px -10px} #polska6 .s1{top:242px;left:170px;width:55px;height:60px}  #polska6 .s2{top:247px;left:163px;width:7px;height:15px}  #polska6 .s3{top:270px;left:225px;width:8px;height:15px}  #polska6 .s4{top:257px;left:225px;width:6px;height:13px}  #polska6 .s5{top:237px;left:170px;width:31px;height:5px}  #polska6 .s6{top:232px;left:174px;width:27px;height:5px}  #polska6 .s7{top:228px;left:184px;width:15px;height:4px}  #polska6 .s8{top:237px;left:213px;width:12px;height:5px}
 #polska7 a:hover .bg,  #polska7 a.active .bg{top:83px;left:166px;width:117px;height:121px;background-position:-106px -184px} #polska7 .s1{top:171px;left:204px;width:35px;height:17px}  #polska7 .s2{top:175px;left:207px;width:38px;height:20px}  #polska7 .s3{top:195px;left:225px;width:20px;height:4px}  #polska7 .s4{top:110px;left:172px;width:90px;height:33px}  #polska7 .s5{top:133px;left:167px;width:5px;height:6px}  #polska7 .s6{top:133px;left:191px;width:87px;height:15px}  #polska7 .s7{top:85px;left:222px;width:14px;height:17px}  #polska7 .s8{top:102px;left:207px;width:39px;height:69px}  #polska7 .s9{top:148px;left:196px;width:11px;height:11px}  #polska7 .s10{top:148px;left:245px;width:22px;height:5px}  #polska7 .s11{top:90px;left:180px;width:42px;height:20px}
 #polska8 a:hover .bg,  #polska8 a.active .bg{top:194px;left:94px;width:57px;height:62px;background-position:-199px -99px} #polska8 .s1{top:197px;left:114px;width:35px;height:20px}  #polska8 .s2{top:209px;left:107px;width:37px;height:18px}  #polska8 .s3{top:222px;left:100px;width:40px;height:20px}  #polska8 .s4{top:242px;left:100px;width:30px;height:20px}
 #polska9 a:hover .bg,  #polska9 a.active .bg{top:210px;left:224px;width:77px;height:90px;background-position:-10px -10px} #polska9 .s1{top:235px;left:225px;width:80px;height:22px}  #polska9 .s2{top:257px;left:231px;width:60px;height:45px}  #polska9 .s3{top:230px;left:285px;width:12px;height:5px}  #polska9 .s4{top:211px;left:245px;width:12px;height:9px}  #polska9 .s5{top:220px;left:240px;width:28px;height:8px}  #polska9 .s6{top:228px;left:230px;width:37px;height:7px}
 #polska10 a:hover .bg,  #polska10 a.active .bg{top:36px;left:233px;width:72px;height:105px;background-position:-83px -314px} #polska10 .s1{top:33px;left:262px;width:45px;height:100px}  #polska10 .s2{top:43px;left:259px;width:4px;height:9px}  #polska10 .s3{top:133px;left:277px;width:25px;height:5px}  #polska10 .s4{top:71px;left:253px;width:9px;height:45px}  #polska10 .s5{top:77px;left:246px;width:7px;height:35px}  #polska10 .s6{top:82px;left:236px;width:10px;height:20px}
 #polska11 a:hover .bg,  #polska11 a.active .bg{top:19px;left:94px;width:84px;height:67px;background-position:-10px -424px} #polska11 .s1{top:15px;left:97px;width:70px;height:56px}  #polska11 .s2{top:71px;left:97px;width:16px;height:10px}  #polska11 .s3{top:71px;left:113px;width:9px;height:7px}  #polska11 .s4{top:71px;left:153px;width:13px;height:7px}  #polska11 .s5{top:71px;left:140px;width:13px;height:3px}  #polska11 .s6{top:63px;left:167px;width:6px;height:7px}
 #polska12 a:hover .bg,  #polska12 a.active .bg{top:199px;left:128px;width:63px;height:85px;background-position:-119px -86px} #polska12 .s1{top:202px;left:149px;width:25px;height:35px}  #polska12 .s2{top:217px;left:144px;width:26px;height:30px}  #polska12 .s3{top:226px;left:140px;width:23px;height:60px}  #polska12 .s4{top:210px;left:174px;width:10px;height:22px}  #polska12 .s5{top:242px;left:130px;width:15px;height:20px}  #polska12 .s6{top:262px;left:163px;width:8px;height:25px}
 #polska13 a:hover .bg,  #polska13 a.active .bg{top:186px;left:179px;width:68px;height:58px;background-position:-188px -13px} #polska13 .s1{top:203px;left:184px;width:56px;height:25px}  #polska13 .s2{top:195px;left:190px;width:35px;height:8px}  #polska13 .s3{top:188px;left:200px;width:7px;height:8px}  #polska13 .s4{top:199px;left:225px;width:20px;height:21px}  #polska13 .s5{top:228px;left:199px;width:31px;height:8px}  #polska13 .s6{top:236px;left:201px;width:12px;height:6px}
 #polska14 a:hover .bg,  #polska14 a.active .bg{top:37px;left:161px;width:108px;height:65px;background-position:-164px -323px} #polska14 .s1{top:35px;left:167px;width:92px;height:28px}  #polska14 .s2{top:35px;left:259px;width:7px;height:8px}  #polska14 .s3{top:52px;left:173px;width:90px;height:19px}  #polska14 .s4{top:70px;left:166px;width:70px;height:15px}  #polska14 .s5{top:71px;left:236px;width:10px;height:11px}  #polska14 .s6{top:71px;left:246px;width:7px;height:6px}  #polska14 .s7{top:85px;left:170px;width:52px;height:5px}  #polska14 .s8{top:90px;left:180px;width:27px;height:5px}  #polska14 .s9{top:95px;left:180px;width:20px;height:5px}
 #polska15 a:hover .bg,  #polska15 a.active .bg{top:74px;left:63px;width:102px;height:128px;background-position:-233px -178px} #polska15 .s1{top:78px;left:93px;width:6px;height:5px}  #polska15 .s2{top:81px;left:85px;width:27px;height:85px}  #polska15 .s3{top:101px;left:80px;width:5px;height:65px}  #polska15 .s4{top:106px;left:70px;width:45px;height:50px}  #polska15 .s5{top:120px;left:67px;width:53px;height:32px}  #polska15 .s6{top:125px;left:73px;width:55px;height:35px}  #polska15 .s7{top:131px;left:90px;width:50px;height:45px}  #polska15 .s8{top:176px;left:117px;width:23px;height:7px}  #polska15 .s9{top:183px;left:122px;width:10px;height:15px}  #polska15 .s10{top:131px;left:140px;width:10px;height:34px}  #polska15 .s11{top:138px;left:150px;width:8px;height:15px}
 #polska16 a:hover .bg,  #polska16 a.active .bg{top:31px;left:15px;width:88px;height:94px;background-position:-204px -399px} #polska16 .s1{top:30px;left:15px;width:82px;height:48px}  #polska16 .s2{top:78px;left:15px;width:70px;height:23px}  #polska16 .s3{top:78px;left:85px;width:8px;height:6px}  #polska16 .s4{top:91px;left:85px;width:4px;height:8px}  #polska16 .s5{top:101px;left:10px;width:55px;height:5px}  #polska16 .s6{top:101px;left:72px;width:8px;height:5px}  #polska16 .s7{top:106px;left:10px;width:25px;height:16px}  #polska16 .s8{top:106px;left:35px;width:15px;height:6px}

.dystrybutor table { background: #214d21; width:100%; margin-bottom:4px }
.dystrybutor table  td { padding:0 12px 12px 12px}
.dystrybutor table  td p img { margin:8px 5px 0 0}
.dystrybutor table  td.logo { width:100px; text-align:center; vertical-align:middle}
#tresc .right .dystrybutor table  td p { margin:0}

.dystrybutor a { color:#FFF}
/* koniec mapki */