@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:58px 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;}