@charset "utf-8";
/* CSS Document */
*{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px;} 
body{ background:url(../images/bg.png) top no-repeat; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px;  background-color:#FFF ; color:#000000 }


#top { clear:both; width:976px; height:307px; margin:0 auto; background:url(../images/bg2.png) no-repeat; position:relative;   }
#top .mapa {height:29px; width:100%; }
#top .mapa img {float:right}
#top .menu { height:56px; float:left}
#top .meni { width:706px; height:56px; float:right; }

#top .przycisk-zapytanie{position:absolute; top:130px; left:715px;}


#flashcontent {overflow:hidden;width:655px; height:213px; clear:both; padding:1px 0 0 0;}
#flashcontent * {outline:0 !important;}
#content {min-width:976px; width:100%;    background:url(../images/bg3.png) repeat-x; background-position: bottom; }
#content .srodek{ width:976px; margin:0 auto;  clear:both; background:url(../images/bg5.png) repeat-y ;   }

#content .glowny { margin:0 17px; }
#content .glowny .lewy {float:left; width:310px;  }
#content .glowny .srodkowy {float:left; width:308px;  padding-left:20px}
#content .prawy {float:left; margin-top:-76px; width:304px; color:#FF0000; position:relative; }

.glowny .kropki {clear:both; width:100%; height:1px; background:url(../images/dott.gif) repeat-x bottom; margin:0px; padding-top:17px}

#content .dolny { padding:16px 0 15px 0 !important;   clear:both;}
#content .dolny .left { float:left; width:309px; height:160px;   background:url(../images/sep_lew.gif) right repeat-y; }
#content .dolny .center {float: left; width:310px; height:160px;  padding-left:20px;  background:url(../images/sep_lew.gif) right repeat-y; }
#content .dolny .right {float: left; width:303px;  text-align:center }
#content .dolny .right img {margin-top:20px; margin-left:20px}
#content .dolny ul {margin-left:15px; width:270px}
.szary {color:#666666}

#prev2 img {float:left; margin-top:8px}
#next2 img { float:right; margin-top:8px}
#zobacz-wiecej img { float:right; margin-top:8px}

.belka {width:287px; height:129px; background:url(../images/belka.png) no-repeat; clear:both  }
.belka p{width:220px; margin:10px 0 0 35px; color:#666666}
.belka a{background:none !important;}
.belka img{background:none !important;}



.boks h2{ display:block;  background:url(../images/h_span.gif) no-repeat  center right;  padding:8px 20px 10px 0 ; margin-left:30px;       }
.boks{ background:url(../images/h_bg.gif) left no-repeat;  height:35px; float:left;  }

.belka h3 { height:31px; background:url(../images/cytat.gif) left no-repeat; padding:10px 0 0 20px; margin-left:30px;  }

.padd {padding-top:10px; background-repeat:no-repeat; line-height:14px;}
.padd h3 img {margin:5px}
.wiecej {float:right; margin-right:20px}

#foother {width:100%; min-width:976px; height:114px;   background:url(../images/bg4.png) repeat-x; clear:both; }
#foother .stopka { width:976px; height:114px; margin:0 auto; background:url(../images/stopka.png) center no-repeat;}



ul#menu { padding:14px 0;}
ul#menu li {float: left; }
ul#menu li a.sprit {background: url(../images/sprite.png) no-repeat scroll top left; display:block; height:32px; position:relative; }
ul#menu li a.home  {width:85px; background-position:0 0;}
ul#menu li a.home1 {width:142px; background-position:-85px 0;}
ul#menu li a.home2 {width:127px; background-position:-227px 0;}
ul#menu li a.home3 {width:89px; background-position:-354px 0;}
ul#menu li a.home4 {width:88px; background-position:-443px 0;}
ul#menu li a.home5 {width:87px; background-position:-531px 0;}
ul#menu li a.home6 {width:87px; background-position:-618px 0;}

/*aktywne pozycje w menu zmienić klase na podstronach */
ul#menu li a.home_a  {width:85px; background-position:0 -64px;}
ul#menu li a.home1_a {width:142px; background-position:-85px -64px;}
ul#menu li a.home2_a {width:127px; background-position:-227px -64px;}
ul#menu li a.home3_a {width:89px; background-position:-354px -64px;}
ul#menu li a.home4_a {width:88px; background-position:-443px -64px;}
ul#menu li a.home5_a {width:87px; background-position:-531px -64px;}
ul#menu li a.home6_a {width:87px; background-position:-618px -64px;}


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, ul#menu li a.home_a span {background-position:0 -32px;}
ul#menu li a.home1 span, ul#menu li a.home1_a span { background-position:-85px -32px;}
ul#menu li a.home2 span, ul#menu li a.home2_a span {background-position:-227px -32px;}
ul#menu li a.home3 span, ul#menu li a.home3_a span {background-position:-354px -32px;}
ul#menu li a.home4 span, ul#menu li a.home4_a span {background-position:-443px -32px;}
ul#menu li a.home5 span, ul#menu li a.home5_a span {background-position:-531px -32px;}
ul#menu li a.home6 span, ul#menu li a.home6_a span {background-position:-618px -32px;}

ul#menu li a span:hover {cursor:pointer; }

ul li.submenu {position: relative; padding:0; margin:0;}
ul li.submenu ul {display: none ; width: 131px ; margin-left:6px; background:url(../images/ul_top.png) top left no-repeat;}
ul li.submenu:hover ul {display: block;  position: absolute; z-index:500;} 
ul li.submenu:hover ul li.lin  {font-size:14px;  clear:both;  background:url(../images/li.gif) left center no-repeat; height:20px;  padding:5px 0 0 30px; background-color: #FFFFFF; width:101px; color:#FF0000}
li.first {margin-top:10px}

.lewy {float:left}
.prawy {float:right}


h3.bela {width:293px; height:35px; font-size:15px; background:url(../images/bela.png) no-repeat; padding:10px 0 0 20px; color:#FFFFFF}

#formularz {width:289px; height:243px; margin:20px 0 0 20px; background:url(../images/formularz.png) no-repeat}
#formularz-podstrona {width:289px; height:300px; margin:20px 0 0 20px; background:url(../images/formularz_big.png) no-repeat}
fieldset {padding-top:1px}
input, select, textarea { color: #333333; background:none; border:none; display:block; margin:0; padding:0; }
.input { padding:0; margin:0; margin-top:26px; margin-left:30px; width:230px; color:#999999}
.input2 {margin-top:18px; margin-left:30px; width:230px; color:#999999}
.arena-glowna { padding:0; margin-left:30px; margin-top:20px; width:230px; height:110px; line-height:120%;}
.arena { padding:0; margin-left:30px; margin-top:20px; width:230px; height:160px; line-height:120%;}
.submit {position:relative; margin:28px 0 0 165px}
.submit-podstrona {position:relative; margin:30px 0 0 165px}

.dolny {clear:both;  padding-top:30px !important;}
#foother ul {clear:left; float:left; list-style:none;  text-align:center; margin-top:20px; margin-left:0px}
#foother ul li{ display:block;float:left;list-style:none;margin:0;padding:0; color:#999999; height:20px}
#foother ul li a{margin:0 5px; color:#999999; text-decoration:none}
#foother ul li a:hover {text-decoration:underline}
#foother p {color:#999999; padding-top:20px; float:right; margin-right:48px; height:20px}
#foother a {color:#999999}
a {text-decoration:none}
a:hover {text-decoration:underline}



/*----------------*/
#s3 {clear:both; height:130px}

#content .glowny .kolumna_lew {float:left; width:640px;  }
.dott { height:100%; background:url(../images/dott_vertical.gif) right repeat-y ;  }
.dlaczego-my{clear:both; padding:10px 20px 0 0; color:#666666; line-height:14px;}
.dlaczego-my a{color:#ff8607; text-decoration:underline;}
.dlaczego-my a:hover{text-decoration: none;}
.dlaczego-my .zaufali img{ margin:4px 0;}
.kontakt-blok{clear:both; padding:20px 20px 0 0; color:#666666; position:relative; background-image:url(../images/monitor_kontakt2.png); height:314px; font-size:12px; margin:60px 0 0 0;}
.kontakt-blok .tekst{ position:absolute; top:60px; left:180px;}
.kontakt-blok a{color:#ff8607; text-decoration:underline;}
.kontakt-blok a:hover{text-decoration: none;}
.input-linia2{background-image:url(../images/kontakt_linia.jpg); height:20px; width:234px; color:#999999; padding:6px 0 0 12px;}
.input-multi2{background-image:url(../images/kontakt_multiline.gif); background-repeat:no-repeat; width:234px; height:80px; padding:10px 0 0 12px; margin:10px 0 0 0;}
.form-kontakt{display: inline; float:left; width:300px; margin:10px 0 0 0;}
.form-button2{clear:both; float:right; margin:10px 63px 0 0;}
.linia-form{margin:0 0 5px 0;}
.mapa-strony{background-image:url(../images/mapa_strony_graf.jpg); color:#666666; background-repeat:no-repeat; margin:20px 0 0 0; padding:0 0 10px 0;} 
.mapa-strony a{color:#666; font-weight:bold; text-decoration:none;}
.mapa-strony a:hover{text-decoration: underline;}
.mapa-strony ul{ padding:4px 0 0 20px;}
.mapa-strony ul li{ margin:0 0 13px 0;}
.mapa-strony ul li ul{padding:14px 0 0 20px;}
.porady {clear:both; padding:1px 20px 0 0; color:#666666;}
.porady .wpis{border-bottom:1px dotted #CCC; padding:0 0 10px 0;}
.porady .wpis ul{ margin:15px 0 0 10px;}
.porady .wpis ul li {background:url(../images/li.png) left top no-repeat; padding-left:25px; line-height:14px; padding-bottom:10px; text-align:justify; }
.porady .wpis a{color:#ff8607; text-decoration:underline;}
.porady .wpis a:hover{text-decoration: none;}
.referencje a{color:#ff8607; text-decoration:underline;}
.referencje a:hover{text-decoration: none;}
.referencje {clear:both; padding:1px 20px 0 0;}
.referencje .data{margin:-5px 0 0 0;}
.referencje .blok{border-bottom:dotted 1px #000; margin:0 0 20px 0;}
.referencje .blok .tekst{background-color:#f3f3f3; padding:10px; overflow:hidden; height:1%; margin:0 0 10px 0;}
.referencje .blok .tekst .logo{display:inline; float:left; border-right:1px solid #cfcfcf; padding:0 10px 0 0;}
.referencje .blok .tekst .ref{display:inline; float:left; width:400px; padding:0 10px; color:#666666; line-height:14px; text-align: justify;}
.referencje .blok .tekst .ref-jpg{display:inline; float:left; border-left:1px solid #cfcfcf; padding:0 0 0 15px}
.referencje .pager{clear:both; float:right;}
.referencje .pager li{display:inline; float:left;}
.referencje .pager li a{display:block; background-color:#f3f3f3; padding:3px 6px; margin:0 2px 0 0; color:#666666; text-decoration:none;}
.referencje .pager li a:hover{background-color:#dbdbdb;}
.referencje .pager li a.active:hover{background-color:#f3f3f3;}
.referencje p{margin:4px 0;}
.pomarancz{color:#ff8607;}
#content .glowny .kolumna_prawa {float:right; margin-top:-76px; width:302px; position:relative; }
.kolumna_prawa .wiece {margin:0px; padding:0px;  float:right !important}
.kropka {clear:both; width:100%; height:1px; background:url(../images/dott.gif) repeat-x bottom; margin:0px; padding-top:25px}

.kolumna_lew .gdzie {height:25px; line-height:22px; background: url(../images/dott.gif) repeat-x bottom; }
.kolumna_lew .gdzie, .gdzie a  { color:#333333}
.kolumna_lew .srodtytul{ clear:both; font-size:12px; font-weight:bold; padding:1px 0 0 0;}
.gdzie span {color:#999999}


.belka_h .naglowek{height:32px;  background:url(../images/belka_h.png) no-repeat right ;   font-size:15px;  padding-right:45px; padding-left:10px; color:#FFFFFF; margin-left:10px;   }

.belka_h .naglowek img {margin-top:10px}
.belka_h{ background:url(../images/belka_h_l.png) left center no-repeat;  height:32px; float:left; z-index:500 }
.belka_h_l {height:32px; width:10px;  float:left; margin-top:6px; background:url(../images/belka_h_l.png) no-repeat}

.kolumna_lew .lewa {float:left; width:300px; clear:both;  }
.kolumna_lew .lewa a{color:#ff8607; text-decoration:underline;}
.kolumna_lew .lewa a:hover{text-decoration: none;}
.kolumna_lew .lewa2 {float:left; margin-left:10px; width:320px; }
.kolumna_lew .lewa2 a{color:#ff8607; text-decoration:underline;}
.kolumna_lew .lewa2 a:hover{text-decoration: none;}
.kolumna_lew p{
	margin-top:14px;
	color:#666666;
	line-height:14px;
}


.modele_cenowe{padding:0 15px 0 0;}
.modele_cenowe .naglowek{margin:20px 0 0 0;}
.modele_cenowe ul{ margin:10px 0 0 0;}
.modele_cenowe ul.lista-glowna li {background:url(../images/li.png) left top no-repeat; padding-left:25px; line-height:150%; margin:5px 0 0 10px; }

.cytat {background-image:url(../images/cytat2.gif); background-repeat:no-repeat;  height:150px; width:610px; margin-top:20px }
.cytat p{ margin:0; padding:20px 140px 0 45px; text-align:justify;}
.cytat p.italic { font-style:italic; padding-top:10px; margin-top:0px}
img.man{position:absolute; margin:-170px 430px;}

ul.lista-glowna li { background:url(../images/li.png) left top no-repeat; padding-left:25px; line-height:150%; }
ul.lista-glowna li a{color:#000; text-decoration:none;}
ul.lista-glowna li a:hover{color:#666; text-decoration:underline;}
ul.lista-glowna li a:visited{color:#666;}
ul.lista li {color:#666; background:url(../images/li.png) left top no-repeat; padding-left:25px; line-height:14px; padding-bottom:10px; text-align:justify; }
ul.lista li ul{ margin:20px 0 0 0;}

.s1 {padding-top:10px}
.s2 {padding-right:25px; text-align:justify}
.s3 {padding-right:25px; text-align:justify}
.s4 { display:block}
.s5 {margin-top:10px; }
.s6 {margin-bottom:15px}
.s7 {clear:both; width:100%; margin:0px; padding-top:17px}
.s8 {clear:both}
.s9 {margin-left:15px; display:block}
.s10 {height:155px}
.s11 {height:50px; display:block; padding:0; margin:0}
.s12 {clear:both; text-align:center; padding:30px 0; background:none}
.s13 {margin-top:20px}

.formularz-dol{color:#666666;}
.formularz-dol{} .form-button{clear:both; float:right; margin:10px 40px 0 0;}
.formularz-dol{} .linia{ overflow:hidden; height:1%; padding:0 0 0 60px;}
.formularz-dol{} .linia .nazwa{display:inline; float:left; padding:15px 0 0 0; width:110px;}
.formularz-dol{} .linia-form{margin:10px 0 0 0;}
.formularz-dol{} .input-linia{background-image:url(../images/form_long.gif); height:22px; width:385px; color:#999999; padding:6px 10px 0 12px;}
.formularz-dol{} .input-minilinia{background-image:url(../images/form_minilong.gif); height:22px; width:226px; color:#999999; padding:6px 10px 0 12px;}
.formularz-dol{} .input-multi{background-image:url(../images/multi_line.gif); background-repeat:no-repeat; width:500px; height:160px; padding:10px 20px 10px 12px;}
.formularz-dol{} .input-multimulti{background-image:url(../images/form_multimulti.gif); background-repeat:no-repeat; width:500px; height:230px; padding:10px 20px 10px 12px;}