/* Ogólne */
body {
  background-image: url('grafika/background.jpg');
  background-position: center center;
  background-repeat: repeat-y;
  padding: 0px; 
  margin: 0px;
  text-align: center;
  background-color: #9c9064;
  overflow: auto;
}
  a, a:visited {
    text-align: center;
    color: #1a729d;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;    
  }
  DIV {
   -moz-box-sizing:    border-box; 
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
  }

/* naglowek */
  #naglowek {
    margin: 40px auto 0px auto;
    height: 110px;
    width: 920px;
    background-color:#fff;
    }
    #naglowek_logo {
      background-image: url('grafika/pompaciepla_pl.jpg');
      background-position: center center;
      background-repeat: no-repeat;
      float:left;
      height: 100%;
      width: 190px;
      background-color:#fff;
    }
    #naglowek_przyciski {
      float:left;
      height: 100%;
      background-color:#4d4d4d;
    }
    a.naglowek_prysciski, a.naglowek_prysciski:visited {
      background-color:#fff;
      background-position: center center;
      background-repeat: repeat-x; 
      color: #000;
      float: left;
      font-family: tahoma;
      font-size: 11px;
      font-weight: bold;
      height:77px;
      margin:33px 0px 0px 0px;
      text-decoration: none;    
      text-align: center;
      vertical-align:middle;
      width:77px;
    }
    a.naglowek_prysciski:hover {
      background-image: url('grafika/przyciski/start_ON.jpg')
    } 
    #naglowek_prysciski_start { background-image: url('grafika/przyciski/start.jpg');}
    #naglowek_prysciski_ofirmie { background-image: url('grafika/przyciski/o_firmie.jpg');}
    #naglowek_prysciski_oferta { background-image: url('grafika/przyciski/oferta.jpg');}
    #naglowek_prysciski_autoryzacje { background-image: url('grafika/przyciski/autoryzacje.jpg');}
    #naglowek_prysciski_sklep { background-image: url('grafika/przyciski/sklep.jpg');}
    #naglowek_prysciski_realizacje { background-image: url('grafika/przyciski/realizacje.jpg');}
    #naglowek_prysciski_forum { background-image: url('grafika/przyciski/forum.jpg');}
    #naglowek_prysciski_kontakt { background-image: url('grafika/przyciski/kontakt.jpg');}

    #naglowek_prysciski_start:hover { background-image: url('grafika/przyciski/start_ON.jpg');}
    #naglowek_prysciski_ofirmie:hover { background-image: url('grafika/przyciski/o_firmie_ON.jpg');}
    #naglowek_prysciski_oferta:hover { background-image: url('grafika/przyciski/oferta_ON.jpg');}
    #naglowek_prysciski_autoryzacje:hover { background-image: url('grafika/przyciski/autoryzacje_ON.jpg');}
    #naglowek_prysciski_sklep:hover { background-image: url('grafika/przyciski/sklep_ON.jpg');}
    #naglowek_prysciski_realizacje:hover { background-image: url('grafika/przyciski/realizacje_ON.jpg');}
    #naglowek_prysciski_forum:hover { background-image: url('grafika/przyciski/forum_ON.jpg');}
    #naglowek_prysciski_kontakt:hover { background-image: url('grafika/przyciski/kontakt_ON.jpg');}

    div.naglowek_przyciski_przerwa {    
      background-color:#fff;
      background-image: url('grafika/naglowek_przycisk_przerwa_back.jpg');
      background-position: center center;
      background-repeat: repeat-x; 
      float:left;
      height:77px;
      margin:33px 0px 0px 0px;
      width:1px;
    }
    #naglowek_greenbox {
      float:left;
      height: 100%;
      width: 29px;
      background-color:#9cbe08;
    }
/* main */
  #main_outer {
    background-image: url('grafika/main_outer.gif');
    background-position: center top;
    background-repeat: repeat-x; 
    margin:0px auto 0px auto;
    width:100%;
  }
  #main {
    margin:0px auto 0px auto;
    width:920px;
    background-color:#fff;
  }
  /* main_lewa */
    #main_lewa {
      float:left;
      width: 190px;
      background-color:#fff;
    }
      #main_lewa_greenbox {
        float:left;
        height: 26px;
        width: 100%;
        background-color:#9cbe08;
      }
      #main_lewa_witamy {
        background-color:#4d4d4d;
        border-top:3px solid #bedbfb;
        color: #fff;
        float:left;
        font-family: tahoma;
        font-size: 17px;
        font-weight: normal;
        height: 174px;
        text-align:left;
        padding:10px 0px 0px 10px;
        width: 100%;
      }
      #main_lewa_witamy_tekst {
        color: #fff;
        font-family: tahoma;
        font-size: 11px;
        font-weight: normal;
        padding:10px 0px 0px 5px;
      }
      div.main_lewa_menu {
        border-bottom:1px dashed #dbdbdb;
        float: left;
        height:40px;
        text-align: left;
        width:100%;
        margin:0px;
        padding: 0px;
      }
      a.main_lewa_menu, a.main_lewa_menu:visited {
        color: #747474;
        float:left;
        text-align:left;
        text-decoration: none;
        height:100%;
        width:100%;
        }
      span.main_lewa_menu {
        float:left;
        font-family: tahoma;
        font-size: 11px;
        font-weight: normal;
        margin:13px 0px 0px 20px;
      }
      a.main_lewa_menu:hover {
        background-image: url('grafika/main_lewa_przycisk_back.jpg');
        background-position: left center;
        background-repeat: no-repeat;
        color: #9cbe07;
        border-left:2px solid #4d4d4d;
      }
      #main_lewa_tekst{
        color: #000;
        float:left;
        font-family: tahoma;
        font-size: 11px;
        font-weight: bold;
        width: 100%;
        }
  /* main_srodek */
    #main_srodek {
      float:left;
      width: 574px;
      padding:0px;
      background-color:#fff;
    }
      #main_srodek_obraz {
        background-image: url('grafika/cieplo_z_ziemi.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        float:left;
        width:574px;
        height:249px;
      }
      /* main_srodek_tresc */
      #main_srodek_tresc{
        background-image: url('grafika/main_cien.jpg');
        background-position: left center;
        background-repeat: repeat-y;
        float:left;
        width: 100%;
        }
        #main_srodek_nawigacja{
          color: #000;
          float:left;
          font-family: tahoma;
          font-size: 11px;
          font-weight: bold;
          width: 100%;
          }
        p.main_srodek_nawigacja{
          margin:10px 0px 0px 20px;
          font-family: tahoma;
          font-size: 10px;
          font-weight: normal;
          text-align:left;
          width: 100%;
          }
          a.main_srodek_nawigacja, a.main_srodek_nawigacja:visited{
            color: #444;
            font-family: tahoma;
            font-size: 11px;
            font-weight: normal;
            text-decoration:none;
            }
          a.main_srodek_nawigacja:hover{
            color: #888;
            text-decoration:underline;
            }
        p.main_srodek_naglowek{
          border-left:2px solid #9bbe08;
          font-family: tahoma;
          font-size: 16px;
          font-weight: bold;
          height:24px;
          margin:20px 0px 0px 40px;
          padding:0px 0px 0px 10px;
          text-align:left;
          }
        p.main_srodek_podgrubienie{
          color: #9bbe08;
          font-family: tahoma;
          font-size: 11px;
          font-weight: bold;
          margin:10px 20px 5px 50px;
          text-align:left;
          }
        p.main_srodek_tekst{
          color: #000;
          font-family: tahoma;
          font-size: 11px;
          font-weight: normal;
          line-height:150%;
          margin:0px 20px 0px 50px;
          text-align:left;
          }
  /* main_prawa */
    #main_prawa {
      float:right;
      width: 156px;
      background-color:#fff;
    }
      div.main_prawa_cien_poczatek{
        background-image: url('grafika/main_cien.jpg');
        background-position: left center;
        background-repeat: repeat-y;
        height:26px;
        width: 100%;
        }
      #main_prawa_witamypasek {
        background-color:#4d4d4d;
        border-top:3px solid #bedbfb;
        color:fff;
        float:right;
        font-family: tahoma;
        font-size: 12px;
        font-weight: normal;
        height:174px;
        width: 100%;
        padding:15px 0px 0px 0px;
        margin:26px 0px 0px 0px;
      }
      #main_prawa_witamypasek h1 {
        color:fff;
        font-family: tahoma;
        font-size: 48px;
        font-weight: normal;
        margin: 25px 0px 25px 0px;
      }
      div.main_prawa_tekst{
        background-image: url('grafika/main_cien.jpg');
        background-position: left center;
        background-repeat: repeat-y;
        color: #000;
        float:left;
        font-family: tahoma;
        font-size: 12px;
        font-weight: normal;
        padding: 25px 0px 0px 0px;
        width: 100%;
        }
      div.main_prawa_tekst img {
        margin: 15px auto 15px auto;
      }
    div.main_cien_koniec{
      background-image: url('grafika/main_cien_koniec.jpg');
      background-position: left center;
      background-repeat: no-repeat;
      float:right;
      height:44px;
      width: 100%;
      }
/* stopka */
  #stopka {
    margin: 0px auto 0px auto;
    height: 40px;
    width: 920px;
    }
    #stopka_tekst{
      margin: 15px auto 0px auto;
      padding: 0px 0px 0px 40px;
      color: #fff;
      float:left;
      font-family: tahoma;
      font-size: 10px;
      font-weight: normal;
      text-align:left;
      width: 80%;
      }
    #stopka_online{
      color: #fff;
      float:left;
      font-family: tahoma;
      font-size: 10px;
      font-weight: normal;
      margin: 15px auto 0px auto;
      padding:0px 10px 0px 0px;
      text-align:center;
      width: 20%;
      }