@charset "utf-8";

body { margin:0; padding:0; color: #1d1b0e; background: #1f1c0d ; font-family: Arial, Verdana; font-size:12px;}

/*globals*/
h1 { font-size: 15px; color: #000000; font-family: tahoma ; font-weight: bold; text-transform: uppercase; padding:0; margin: 5px 0 5px 0; letter-spacing: 1px; }
/*h1 { font-size: 18px; color: #000000; padding:0; margin: 5px 0 5px 0; }*/
h2 { font-size: 16px; color: #000000; padding:0; margin: 5px 0 5px 0; }
h3 { font-size: 13px; color: #000000; padding:0; margin: 5px 0 5px 0; }

a { text-decoration: none; color: #1d1b0e; }
a:hover { text-decoration: none; color: #8DC646; }
a:focus {outline: none !important;}

p { margin: 10px 0 10px 0; line-height:18px;}
li { line-height:18px; }
img { border: 0; }

/*structure*/

div.menu_container { width: 100%; height: 113px; background: url(http://webprovider.pl/public/themes/webp/img/menu_bg.png) center no-repeat #1f1c0d; }
  div.menu { margin:0 auto; width: 970px; height: 100%; padding: 0; font-family: Arial, Verdana; }
    a.logo { float: left; display: block; width: 225px; height: 113px; }
    div.links { float: right; height: 113px; /*width: 654px;*/ /*background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg);*/  }
      div.links a { float: left; display: block; width: 105px; height: 113px; font-size: 17px; color: #faedd9; }
      
      div.links a.menu_btn_o-firmie { width: 104px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -100px 0; }
      div.links a.menu_btn_uslugi { width: 100px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -104px 0;  }
      div.links a.menu_btn_oferta { width: 100px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -204px 0; }
      div.links a.menu_btn_realizacje { width: 100px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -304px 0; }
      div.links a.menu_btn_partnerzy { width: 120px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -404px 0; }
      div.links a.menu_btn_kontakt { width: 120px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -524px 0; }

      div.links a.menu_btn_o-firmie:hover { width: 104px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -100px 113px; }
      div.links a.menu_btn_uslugi:hover { width: 100px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -104px 113px; }
      div.links a.menu_btn_oferta:hover { width: 100px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -204px 113px; }
      div.links a.menu_btn_realizacje:hover { width: 100px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -304px 113px; }
      div.links a.menu_btn_partnerzy:hover { width: 120px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -404px 113px; }
      div.links a.menu_btn_kontakt:hover { width: 120px; background: url(http://webprovider.pl/public/themes/webp/img/menu_links.jpg) -524px 113px; }
  
div.leaf_container { width: 100%; height: 304px; background: url(http://webprovider.pl/public/themes/webp/img/leaf_bg.png) center top repeat-x #fff; }
  div.leaf { margin: 0 auto; width: 970px; height: 304px; padding: 0; position: relative; }
  div.flash_bg { position:absolute; left:175px; top:0; width:620px; height:304px; overflow:hidden; z-index:-1; }
     div.flash_bg object { position:absolute; z-index:-10 !important; }
     
  .podstrona { height: 150px; }

  
    div.realizacje { float: left; width: 445px; height: 249px; margin-top: 35px; }
      a.btn_realizacje { float: left; display: block; width: 445px; height: 30px; background: url(http://webprovider.pl/public/themes/webp/img/btn_realizacje.png); }
      div.min_slideshow { float: left; margin-top: 15px; position: relative; }
      div.min_slideshow div { width: 348px; height: 219px; background: url(http://webprovider.pl/public/themes/webp/img/pages_shadow.png) no-repeat; margin-left: 50px; position: relative; }     
        div.min_slideshow div img {  margin: 19px 27px 0 22px; }
        
    div.powitanie { float: right; width: 491px; height: 300px; background: url(http://webprovider.pl/public/themes/webp/img/powitanie_bg.png); margin-top: 4px; z-index: 100; }
      /*ie6*/ *html* div.powitanie { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/public/themes/webp/img/powitanie_bg.png'); }
      div.powitanie_txt { float: left; width: 451px; height: 190px; font-size: 11px; margin-top: 60px; padding: 0 10px 0 30px; line-height: 16px; z-index: 110; }
         div.powitanie_txt p { margin:0; line-height:16px; }
      div.fasolka { width: 137px; height: 134px; background: url(http://webprovider.pl/public/themes/webp/img/fasolka.png); position: absolute; top: -50px; right: 10px; z-index: 200; }
        /*ie6*/ *html* div.fasolka { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/public/themes/webp/img/fasolka.png'); }

                       
div.separator { width: 100%; height: 30px; background: url(http://webprovider.pl/) center no-repeat #1f1c0d; }
div.pasek_sepka { margin:0 auto; width:970px; height:47px; position:absolute; top:-17px; background: url(http://webprovider.pl/public/themes/webp/img/separ0.png) center no-repeat; z-index:100;}
div.listki_paska { width:139px; height:97px; position:absolute; top:-45px; right:-35px; background: url(http://webprovider.pl/public/themes/webp/img/separ0X.png) center no-repeat; z-index:101; }

div.podstrona_container { width: 100%; background: #F4EAD5; position: relative; }

  div.podstrona_content_container { margin: 0 auto; width: 970px; position: relative; }
    div.podstrona_content { margin: 0 auto; width: 950px; padding: 20px 10px 20px 10px; position: relative; }
    div.podstrona_content2 { float: left; width: 950px; padding: 20px 10px 20px 10px; position: relative; }
    div.podstrona_content_left { float: left; width: 670px; padding: 20px 10px 20px 10px; position: relative; }
       div.podstrona_content_left h1, div.podstrona_content_container h1 { position:relative; top:-35px; z-index:220; text-indent:25px; color:#efefef; }
       div.podstrona_content_left ul { padding:0; margin: 0 0 0 20px; }
       div.podstrona_content_left li { margin: 0 0 0 40px; }
    div.podstrona_content_right { float: right; width: 280px; }
  
   
    div.menu_right { float: right; width: 240px; padding: 5px 20px 5px 20px; background: #ede3ce; margin:  10px 0 10px 0; line-height: 20px; }
      div.menu_right a.lv1 { background: url(http://webprovider.pl/public/themes/webp/img/ico_green_arrow.png) left 2px no-repeat; padding: 0 0 0 15px; font-size: 12px; font-weight: bold; }
      div.menu_right a.lv2 { padding: 0 0 0 25px; font-size: 12px; }
      div.menu_right a.lv3 { padding: 0 0 0 40px; font-size: 10px; color: #433E20; }
        .active { /*font-weight: bold;*/ text-decoration: underline; }

div.sg_content_container { float: left; width: 100%; height: 304px; background: url(http://webprovider.pl/public/themes/webp/img/sg_news_bg.png) center repeat-x #fff; position: relative; }
  div.sg_content { margin: 0 auto; width: 970px; height: 304px; padding: 0; position: relative; }
    div.news_naglowek { float: left; width: 970px; height: 50px; background: url(http://webprovider.pl/public/themes/webp/img/h_co-nowego.jpg) left 8px no-repeat; }
    div.news { float: left; width: 465px; height: 102px; padding: 0 15px 0 5px; position: relative; }
      div.news span.data { position: absolute; top: 10px; right: 20px;  color: #8fc747; font-size: 12px; }
      div.news a.wiecej { position: absolute; bottom: 10px; right: 20px; z-index: 300; }
    
    div.klienci_container { width: 485px; }
      div.klienci_naglowek { float: left; width: 485px; height: 50px; background: url(http://webprovider.pl/public/themes/webp/img/h_nasi-klienci.jpg) left 8px no-repeat; }
      div.klienci { float: left; width: 455px; height: 82px; padding: 0 15px 0 15px; position: relative; text-align: center; margin-top: 10px; }
        div.klienci img { float: left; }

    div.listek { position: absolute; top: 125px; left: 435px; width: 130px; height: 99px; z-index: 300; background: url(http://webprovider.pl/public/themes/webp/img/listek.png) no-repeat; }
      /*ie6*/ *html* div.listek { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/public/themes/webp/img/listek.png'); }
        
    div.kontakt { position: absolute; bottom: -10px; right: 0; width: 465px; height: 162px; background: #fff; padding: 10px 10px 0 10px; z-index: 260; }
      div.kontakt_naglowek { float: left; margin-left:40px; width: 465px; height: 50px; background: url(http://webprovider.pl/public/themes/webp/img/h_kontakt.jpg) left 8px no-repeat; }
      
      div.kontakt table { width: 445px; }
        div.kontakt table td { vertical-align: top; width: 33%; }
          span.green { color: #78ae62; }
          div.kontakt a { font-weight: bold; }
      
div.footer_container { width: 100%; height: 100px; background: #1f1c0d; }
  div.footer { margin: 0 auto; width: 970px; height: 60px; position: relative; padding: 40px 0 0 0; color: #faedd9; position: relative;}  
    div.footer a { font-size: 12px; padding: 0 10px 0 10px; color: #faedd9; }
    div.footer span.right { position: absolute; top: 40px; right: 5px; }
    
  div.line { width: 100%; height: 1px; border-bottom: 1px solid #8EC746; clear: both; line-height: 0; }
  div.clear { clear: both; }  
  a.wiecej { color: #1f1c0d; float: right; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 13px 3px 0; background: url(http://webprovider.pl/public/themes/webp/img/ico_green_arrow.png) no-repeat right 4px; line-height: 12px; }
  a.wiecej:hover { color: #8DC646; }
  
  table.mini_kontakt { padding: 10px 0 0 20px; }
  
  /*FORM*/
  
  div.contact_form { float: right; width: 452px; height: 272px; background: url(http://webprovider.pl/public/themes/webp/img/webp_contact.png); padding: 20px 20px 20px 20px; margin: 0 0 20px 0; }
  div.contact_form table { width: 450px; }
    div.contact_form td.teksty { width: 130px; vertical-align: top; padding: 6px 0 6px 0; color: #1d1b0e; font-weight: bold; }
    div.contact_form td.input { text-align: right; }
  input.txt { width: 270px; height: 18px; border: 0px solid #8EC746; background: #e2d9c5; font-family: arial; font-size: 12px; color: #7F7A6F; padding: 2px 2px 2px 2px; }
  input.txt:focus { background: #8EC746; color: #f1f1f1; }
  input.wyslij { background: url(http://webprovider.pl/public/themes/webp/img/ico_green_arrow.png) no-repeat right 4px; border: 0; padding: 0px 13px 3px 0; margin-top: 10px; cursor: pointer; }
  textarea.txt { width: 270px; height: 100px; border: 0px solid #8EC746; background: #e2d9c5; font-family: arial; font-size: 12px; color: #7F7A6F; padding: 2px 2px 2px 2px; overflow:hidden }
  textarea.txt:focus { background: #8EC746; color: #f1f1f1; }
  
  /* REALIZACJE */

  div.realizacje_big { }
   div.realizacje_big img {/* margin: 6px 3px 6px 3px;*/ }
   
   div.zakladki a { display: block; float: left; width: 423px; height: 37px; background: url(http://webprovider.pl/public/themes/webp/img/btn_zakladka.png); cursor: pointer; padding: 12px 0 0 25px; margin: 0 15px 0 10px; text-transform: uppercase; color: #343123; font-weight: bold; font-size: 14px; }
     div.zakladki a:hover { background: url(http://webprovider.pl/public/themes/webp/img/btn_zakladka_active.png); color: #4F4B3C; }
     div.zakladki a.active { background: url(http://webprovider.pl/public/themes/webp/img/btn_zakladka_active.png); color: #4F4B3C; text-decoration: none; }

/*     
   a.seg_link1 { display: block; float: left; width: 428px; height: 34px; background: url(http://webprovider.pl/public/themes/webp/img/btn_zakladka_zrealizowane.png); cursor: pointer; padding: 15px 0 0 20px; margin: 0 15px 0 10px; text-transform: uppercase; }
   a.seg_link1:hover { background: url(http://webprovider.pl/public/themes/webp/img/btn_zakladka_zrealizowane_active.png); }

   a.seg_link2 { display: block; float: left; width: 448px; height: 49px; background: url(http://webprovider.pl/public/themes/webp/img/btn_zakladka_w-trakcie.png); cursor: pointer; margin: 0 10px 0 10px; }
   a.seg_link2:hover { background: url(http://webprovider.pl/public/themes/webp/img/btn_zakladka_w-trakcie_active.png); } 
*/
    
  /* CAPTIFY */
  
  .boxgrid { overflow: hidden; position: relative; float: left; width: 235px; height: 144px; }
  .captionfull .cover { top: 144px; left: 3px; /*background: red;*/ width: 229px; }
  .caption .cover { top: 144px; left: 0; }
  .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; margin: 6px 3px 0 3px; }
  .cover { width: 235px; height: 138px; color: black; font-family: arial; font-size: 12px;  float: left; position: absolute; 
         background: #97C13E; height: 138px; width: 100%; 
         opacity: .95; 
         /* For IE 5-7 */
         filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
         /* For IE 8 */
         -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
         }
  .cover a { color: /*#253005*/ #fff; font-weight: bold; font-size: 13px; }
  .cover a:hover { color: #fff; }
  .cover p.nazwa_strony { padding: 15px 15px 5px 15px; color: #fff; }
    .cover p.nazwa_strony a { color: #fff; }
  .cover p { margin: 0; padding: 5px 15px 5px 15px; color: #fff; font-size: 11px; }
  .cover div.dolny_link { text-align: left; position: absolute; bottom: 0; width: 229px; height: 30px; }
    .cover div.dolny_link a { float: right; display: block; width: 95px; height: 18px; padding: 3px 0 0 11px; font-weight: normal; font-size: 11px; background: url(http://webprovider.pl/public/themes/webp/img/link_przejdz-strona.png); margin-right: 10px; color: #fff; }
    

/*flash icon webpro */
object#icon_projektowanie { float:left; margin: 0 20px 10px 0; }

/* realizacje */
div.block_fur_pic { float:right; width:230px; height:175px; padding:5px; background-color:#deeaa7; border:solid 1px #62ae1f; }
div.block_fur_pic p { font-size:10px; padding:0; margin: 3px 0; }
div.main_thumb { position:relative; float:right; width:480px; height:310px; margin: 0 0 20px 20px; }
   div.main_thumb a.link_to_page { position:absolute; top:280px; left:30px; width:120px; height:15px; }
div.klient_prod { margin-right:500px; }
   div.klient_prod h3 { display:block; width:193px ; height:13px; padding: 4px 0 5px 22px; background: url(http://webprovider.pl/public/themes/webp/img/pasek_mini.png) no-repeat; color:#fff; }
   div.klient_prod p {padding-left:22px;}
div.nasze_zadanie_prod { margin-right:500px; }
   div.nasze_zadanie_prod h3 { display:block; width:193px ; height:13px; padding: 4px 0 5px 22px; background: url(http://webprovider.pl/public/themes/webp/img/pasek_mini.png) no-repeat; color:#fff; }
   div.nasze_zadanie_prod p {padding-left:22px;}
div.technologie_prod { margin-right:500px; }
   div.technologie_prod h3 { display:block; width:193px ; height:13px; padding: 4px 0 5px 22px; background: url(http://webprovider.pl/public/themes/webp/img/pasek_mini.png) no-repeat; color:#fff; }
   div.technologie_prod p {padding-left:22px;}
div.zobacz_prod { margin-right:500px; }
   div.zobacz_prod h3 { display:block; width:193px ; height:13px; padding: 4px 0 5px 22px; background: url(http://webprovider.pl/public/themes/webp/img/pasek_mini.png) no-repeat; color:#fff; }
   div.zobacz_prod p {padding-left:22px;}
   div.zobacz_prod a { color:#5b7e2b; }
   div.zobacz_prod a:hover { color:#8abe42; }