/* CSS Document */

* {
     margin: 0;
     padding: 0;
     }
       frameset {
        float: left;
        }
.clear {
          clear: both;
          line-height: 0;
          width: 100%;
          }
     
body {
     background: url(../img/bg.png);
     font-family: 'Trebuchet MS';
     }
     
#container {
  width: 790px;
  margin: auto;
  }
  
#top {
  background: url(../img/top.jpg) no-repeat 12px 1px; 
  width: 790px;
  float: left;
  margin: 50px 0 0 0;
  height: 100px;
  }
  #top h1 {
    float: left;
    margin: 10px 0 0 50px;
    display: inline;
    }
    #top h1 img {
      border: 0;
      float: left;
      }
      
#menu {
  background: url(../img/menu.jpg) no-repeat left bottom; 
  width: 790px;
  float: left;
  height: 47px;
  }
  #menu ul {
    float: right;
    margin: 13px 90px 0 0;
    display: inline;
    }
    #menu ul li {
      display: inline;
      float: left;
      margin: 0 20px 0 20px;
      font-size: 13px;
      }
      #menu ul li a {
        text-decoration: none;
        color: #f7edd6;
        }
        #menu ul li a:hover {
          color: #fff;
          }
  
#content {
  background: url(../img/content.jpg) no-repeat 14px 0; 
  width: 790px;
  float: left;
  height: 349px;
  }
  #content .txt {
    width: 490px;
    float: right;
    margin: 50px 35px 0 0;
    display: inline;
    }
    #content .txt h2 {
      width: 490px;
      float: left;
      font-weight: normal;
      font-size: 18px;
      color: #4c1b2c;
      margin: 5px 0 0 0;
      }
    #content .txt p {
      width: 490px;
      float: left;
      font-size: 12px;
      color: #53464b;
      line-height: 15px;
      margin: 10px 0 0 0;
      }
      
  #content .txt .realizacje {
    width: 490px;
    float: left;
    margin: 10px 0 0 0;
    }
    #content .txt .realizacje div {
      float: left;
      width: 110px;
      height: 110px;
      margin: 0 0 0 10px;
      display: inline;
      }
      #content .txt .realizacje div img {
        border: 0;
        float: left;
        border: 3px solid #fff;
        }
      #content .txt .realizacje div span {
        width: 92px;
        float: left;
        font-size: 11px;
        color: #333;
        margin: 1px 0 0 0;
        padding: 0 0 0 3px;
        }
 
   #content .dane {
    width: 200px;
    float: left;
    }
    #content .dane p {
      width: 200px;
      }
        
  #content .form {
    width: 250px;
    float: right;
    }
    #content .form h4 {
      width: 200px;
      float: left;
      color: #000;
      font-size: 12px;
      margin: 0px 0 0 0;
      }
      #content .form span {
        width: 200px;
        float: left;
        margin: 5px 0 0 0;
        }
        #content .form span label {
          width: 200px;
          float: left;
          font-size: 12px;
          color: #333;
          }
        #content .form span input {
          width: 176px;
          padding: 2px;
          float: left;
          font-size: 11px;
          }
          #content .form span input.submit {
            width: auto;
            padding: 0;
            }
        #content .form span textarea {
          width: 176px;
          height: 70px;
          padding: 2px;
          float: left;
          font-size: 11px;
          }

#menudown {
  background: url(../img/menudown.jpg) no-repeat right top; 
  width: 780px;
  float: left;
  height: 38px;
  display: inline;
  margin: 20px 10px 0 0;
  }
  #menudown ul {
    float: right;
    margin: 13px 30px 0 0;
    display: inline;
    }
    #menudown ul li {
      display: inline;
      float: left;
      margin: 0 20px 0 20px;
      font-size: 11px;
      }
      #menudown ul li a {
        text-decoration: none;
        color: #aca594;
        }
        #menudown ul li a:hover {
          color: #fff;
          }
#footer {
  width: 790px;
  float: left;
  }
  #footer p {
    font-size: 12px;
    color: #f1e9d0;
    float: left;
    margin: 8px 0 0 170px;
    }
    #footer p a {
      color: #cdc4aa;
      }