body {
  width: 100%;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  margin: 0;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;

}

/* LEFT */
#left {
  float: left;
  width: 265px;
}

  h1#logo { 
      position: absolute;
      margin: 0; 
      padding: 0; 
    } 
        
    h1#logo a { 
        display: block; 
        background: url('../images/logo-new.png') no-repeat center;
        width: 184px;
        height: 228px;
        float: left;
        text-indent: -5000px;
        outline: none;
      } 

/* RIGHT */
#right {
  float: right;
  width: 690px;
  background: url('../images/white-bg.png');
  padding: 14px;
}

  #top {
    width: 690px;
      background: #5a8c8c;
      height: 200px;
      overflow: hidden;   
      position: relative; 
  }

    #contact {
      height: 65px;
    }
    
    #title {
      
    }

    #menu {
      width: 690px;
      position: absolute;
      bottom: 40px;
    }
  
    /* MENU2 */
    #menu2 {
      overflow: hidden;
    }
  
  
  /* BANNER */
  #banner {
    margin-top: 14px;
    position: relative;
    overflow: hidden;
  }
  
    #banner-title {
      position: absolute;
      bottom: 0px;
      width: 690px;
    }
  
  
  #content {
    width: 690px;
  }

/* Footer */
#footer {
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 14px;
  color: #333;
}

  #footer a {
    color: #333;
  }
  
  .footer {
    width: 714px;
    float: right;
  }

    .copyright {
      float: left;
    }
    
    .mapka {
      float: middle;
    }
    
    .axon {
      float: right;
      text-align: right;
    }