body{ margin:0; padding: 0; font-family: Tahoma, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6, p, form, ul, li{margin: 0; padding: 0;}
img{border:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
.clear{clear: both}
.italic{font-style: italic;}

.line{background:url(../img/front/pasek.png) repeat-x; width: 100%; height: 4px; font-size: 1px; line-height: 1px; }
#top1{ width: 1000px; height: 135px; text-align: left; position: relative; background: url(../img/front/top_bg.jpg) no-repeat}
#top1 .left_bg{ width: 70px; height: 262px; background:url(../img/front/left_top_bg.jpg) no-repeat; position: absolute; top:0; left: -70px; }
#top1 .left{ float: left; width: 400px;}
#top1 .left img{ padding: 40px 0 0 20px;}
#top1 .right{ float: right; width: 340px; text-align: left;}
  #szukaj{ width: 320px; height: 23px; margin: 67px 20px 0 0; z-index: 1;}
  #szukaj p{ float: right; font-size: 13px; color: #7c7c7c; padding: 6px 5px 0 0; }
  #szukaj .input{ float: right; width:169px; height: 23px; background:url(../img/front/szukaj_input.gif) no-repeat; }
  #szukaj .input input{ background: none; font-family: Tahoma, sans-serif; font-size: 11px; line-height: 12px; color: #7c7c7c; width: 153px; border: 0; padding: 3px 8px; }
  #szukaj .submit{ float: right; margin-left: 5px;}
#main_menu{ width: 483px; height: 30px; position: absolute; top: -4px; right: 0; }
#main_menu span{ display: none; }
#main_menu ul{list-style: none; }
#main_menu li{float: left;}
#main_menu li a{ height: 30px; display: block}
#main_menu li a:hover{ background-position: 0 -30px;}
.m1{ width: 88px; background: url('../img/front/m1.gif') no-repeat; }
.m2{ width: 86px; background: url('../img/front/m2.gif') no-repeat; }
.m3{ width: 117px; background: url('../img/front/m3.gif') no-repeat; }
.m4{ width: 100px; background: url('../img/front/m4.gif') no-repeat; }
.m5{ width: 92px; background: url('../img/front/m5.gif') no-repeat; }
#sub1{ position: absolute; top:30px; z-index: 99; left: 174px; background: #ff7b26; color: #fff}
#submenu {margin:15px 20px;  border-top: 1px solid #ffa468}
#submenu li{float: none; font-size: 12px; border-bottom: 1px solid #ffa468; }
#submenu li a{display: block; height: auto; padding: 3px 0 4px 0; color: #fff; padding-right: 40px;}
#submenu li a:hover{ text-decoration: none; background: #ff9046;}

#content{ width: 1000px;}
#mainfoto{ width: 750px; height: 260px; background: url(../img/front/man_foto.jpg) no-repeat; float: left;}
#kimjestesmy{ width: 250px; height: 260px; background:url(../img/front/kimjestesmy_bg.jpg) no-repeat; float: left; text-align: left}
#kimjestesmy h1.kim{ font-size: 24px; padding: 20px 0 0 20px; letter-spacing: -1px; color: #fff;}  
#kimjestesmy p.just{ font-size: 12px; line-height: 18px; padding: 20px 20px 0 22px; text-align:justify; color: #fff; }
#kimjestesmy img{padding: 20px 0 0 22px}
.box{ width: 250px; height: 198px; background:url(../img/front/box_bg.jpg) no-repeat; float: left; position: relative; text-align: left;}
.box h1{ font-size: 20px; color: #e68605; letter-spacing: -1px; padding: 20px 0 0 20px}
.box p{font-size: 11px; color: #9a958b; line-height: 18px; padding: 10px 55px 0 22px;}
.box .wiecej{padding: 14px 0 0 20px}
.box .wh_spiralki{ position: absolute; bottom: 0; left: 0;}
.box .icon{position: absolute; top: 60px; right: 0; }

#realizacje{ width: 500px; min-height: 345px; background:url(../img/front/realizacje_bg.png) repeat-x #938e84; float: left; text-align: left}
#realizacje h1{float: left; font-size: 22px; color: #706e68; letter-spacing: -1px; padding: 14px 0 0 20px }
#realizacje h2{ padding: 15px 0 0 20px; color: #fff; font-size: 16px; text-transform: uppercase; float: left;}
#realizacje .wiecej{ float: right; padding: 13px 20px 0 0;}
#realizacje p{font-size: 11px; color: #fff; line-height: 16px; padding: 5px 22px 0 22px; text-align: justify;}
#realizacje .numerki{float: right; padding:15px 20px 20px 0;}
#realizacje span{cursor:pointer ; font-size: 8px; margin-left: 3px; color: #fff; text-align: center; padding-top:2px; display: block; float: left; height: 14px; background:url(../img/front/realizacje_mini_b.gif) no-repeat; width: 16px; }
#realizacje .projekt{margin: 0 0 0 20px; width: 460px; height: 173px; background: url(../img/front/portfolio_ramka.gif) no-repeat; text-align: left;}
#realizacje .projekt img{padding: 4px 0 0 4px;}

#aktualnosci{ width: 500px; float: left;}
#aktualnosci h1{ color: #e68605; letter-spacing: -1px; font-size: 22px; padding: 35px 20px 15px 20px; float: left;}
#aktualnosci .wiecej{float: right; padding: 35px 18px 0 0;}
  .news{border-top: 1px solid #e8e6e4; margin-left: 20px; text-align: left; font-size: 11px; }
  .news:last-child{border-bottom: 1px solid #e8e6e4;}
  .news h2{float: left; font-size: 12px; padding: 8px 0 9px 35px; color: #8b8579; background: url(../img/front/gazetka.gif) no-repeat; background-position: 0 7px }
  .news h2 a{color: #8b8579;}
  .news span.data{float: right; color: #e68605; margin-right: 20px; font-size: 12px; margin-top: 8px;}
  .news img{padding: 2px; border: 1px solid #e8e6e4; margin-left: 35px; }
  .news p{ font-size: 11px; line-height: 16px; color: #8b8579; padding: 8px 0px 9px 36px; text-align: justify; width: 422px;}

.separator{ width: 10px; height: 10px; font-size: 1px; line-height: 1px;}

#page_pasek{ width: 1000px; height: 94px; background:url(../img/front/page_pasek_bg.png) repeat-x; }
#page_pasek img{ float: left; width: 250px; height: 94px; }
#page_pasek h1{ float: left; color: #706e68; font-size: 36px; letter-spacing: -1.5px; padding: 29px 0 0 20px;}

#page_lewa_belka{ float: left; width: 250px; text-align: left;}
#page_lewa_belka .belka{ background:url(../img/front/page_belka_bg.png) repeat-x; height: 56px; margin-top: 1px; }
#page_lewa_belka .belka h1{font-size: 20px; color: #fff; letter-spacing: -0.5px; padding: 18px 0 0 20px}
#page_lewa_belka .menu{ margin-top: 1px; background: #f6f5f4; padding: 15px 20px; color: #706e68; font-size: 11px;}
#page_lewa_belka .menu ul{ list-style: none; border-top: 1px solid #e2ded9;}
#page_lewa_belka .menu li{ font-size: 12px; border-bottom: 1px solid #e2ded9;}
#page_lewa_belka .menu li a{color: #706e68; display: block; padding: 4px 0 5px 20px; background:url(../img/front/page_orange_tr.gif) no-repeat; background-position: 8px 10px; }
#page_lewa_belka .menu li a:hover{color: #706e68; text-decoration: none; display: block; padding: 4px 0 5px 20px; background:url(../img/front/page_orange_tr.gif) no-repeat #ece9e6; background-position: 8px 10px; }
#page_lewa_belka .menu p{ font-size: 12px; color: #706e68; margin-bottom: 10px; line-height: 18px; }


#page_prawa_belka{ float: left; width: 250px; text-align: left; background: url(../img/front/page_prawa_bg.png) no-repeat; margin-top: 1px;}
#page_prawa_belka .belka{ height: 56px; margin-top: 1px; }
#page_prawa_belka .belka h1{font-size: 20px; color: #e68605; letter-spacing: -0.5px; padding: 17px 0 0 20px}
#page_prawa_belka .tresc{background: url(../img/front/page_prawa_bg2.png) no-repeat bottom left; padding-bottom: 12px; }
.minibox{position: relative; padding-bottom: 8px; padding-top: 12px;}
.minibox .icon{ position: absolute; right: 0; top:24px;}
.minibox .wiecej{padding: 8px 0 0 20px;}
.minibox h3{ font-size: 11px; color: #706e68; line-height: 18px; padding-left: 20px;}
.minibox p{font-size: 11px; color: #8b8579; line-height: 18px; padding: 0 50px 0 20px;}

#page_tresc{ float: left; width: 500px; text-align: left; padding-top: 3px; color: #989793; font-size: 12px;}
#page_tresc h1{font-size: 20px; color: #706e68; letter-spacing: -0.5px; padding: 18px 0 18px 20px}
#page_tresc p{font-size: 12px; color: #989793; line-height: 20px; padding: 0 20px 10px 20px}
#page_tresc img.port{padding: 2px; border: 1px solid #e8e6e4;}
#page_tresc ul{margin: 0 0 10px 45px;}
#page_tresc li{line-height:20px;}
#page_tresc a{ color: #e68605;}

#wyniki_szukania ul{margin: 0 20px; list-style: none;}
#wyniki_szukania a{ color: #e68605;}
.wyszukanoli_child{padding-left: 10px;}

#dziesiecpowodow{ background: #f3f1ee; border-top: 1px #e5e3e0 solid; width: 1000px; text-align: left; min-height: 200px; padding-bottom: 10px;}
#dziesiecpowodow h1{ padding: 20px 0 20px 20px; font-size: 22px; color: #706e68; letter-spacing: -0.5px; }
#dziesiecpowodow h1 span{color: #e68605;}
#dziesiecpowodow .lewo{width: 500px; float: left}
#dziesiecpowodow .prawo{width: 500px; float: left}
  .powod{ width: 460px; margin: 0 20px 10px 20px}
  .powod img{float: left; padding: 3px 0;}
  .powod p{ font-size: 11px; line-height: 15px; text-align: justify; color: #797771}
  
.inp{ background: #f6f5f4; border: 1px dashed #d9d9d9; font-family: Tahoma, sans-serif; font-size: 11px; padding: 6px; width: 230px;}
.txta{ background: #f6f5f4; border: 1px dashed #d9d9d9; font-family: Tahoma, sans-serif; font-size: 11px; padding: 6px; width: 260px; height: 90px;}
.token{background: #f6f5f4; border: 1px dashed #d9d9d9; font-family: Tahoma, sans-serif; font-size: 11px; padding: 6px 6px 7px 6px; width: 110px; float: left}
.error{background: #ffcccc; border: 1px solid #ffa6a6; color: #ff0000; font-family: Tahoma, sans-serif; font-size: 11px; padding: 5px 6px 6px 6px; margin: 10px 20px;}
.ok{background: #e7f3dd; border: 1px solid #bfdfa3; font-family: Tahoma, sans-serif; color: #719254; font-size: 11px; padding: 5px 6px 6px 6px; margin: 10px 20px;}

#footer{ width: 100%; background: #ffc325; margin-top: 10px; border-top: 1px solid #ffa326}
#footer .content{width: 960px;}
#footer .copy{ float: left; width: 500px; padding: 25px 0; text-align: left; font-size: 10px; line-height: 12px; color: #7e6013  }
#footer .copy img{padding-bottom: 7px;}
#footer .copy a{color: #7e6013; text-decoration: none;}
#footer .copy a:hover{text-decoration: underline;}
#footer .tel{float: right; padding-top: 50px; text-align: right}