BODY {background-color: #FFF; font-family: Arial; margin: 0px; background-image: url('images/bg.jpg'); background-repeat: repeat-x; background-position: center top;}

  A:HOVER {text-decoration: none;}
  .hideText {display: none;}
  
  #mainFrame {width: 980px; margin-left: auto; margin-right: auto;}
    
    #top {width: 980px; height: 197px; float: left; background-image: url('images/top-bg.jpg');}
      #top H1 {width: 310px; height: 127px; float: left; margin: 70px 0px 0px 0px;}
        #top H1 A {width: 310px; height: 127px; float: left; display: block;}
    
    #menu {width: 980px; height: 55px; float: left; background-image: url('images/menu-bg.jpg');}
      #menu UL {width: 800px; height: 55px; float: left; padding: 0px; margin: 0px; list-style: none;}
        #menu UL LI {height: 55px; float: left; padding: 0px 1px 0px 0px; background-image: url('images/menu-delimiter.jpg'); background-position: right 5px; background-repeat: no-repeat;}
          #menu UL LI A {display: block; float: left; height: 33px; padding: 22px 15px 0px 15px; font-size: 14px; color: #624f21; font-weight: bold; text-decoration: none;}
            #menu UL LI A:HOVER {text-decoration: underline;}
      #menu .sitemap {width: 160px; float: left; padding: 23px 20px 0px 0px; font-size: 11px; text-align: right;}
        #menu .sitemap A {color: #624f21; text-decoration: none;}
          #menu .sitemap A:HOVER {text-decoration: underline;}
          
    .box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    
    #mainpic {position: relative; width: 980px; height: 210px; float: left; margin: 20px 0px 12px 0px;}
    #mainpic:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid #000; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
      #mainpic IMG {float: left; border: 0px;}
      
    #middle {width: 980px; float: left; padding: 0px 0px 30px 0px;}
      #middle .content {width: 435px; float: left; padding: 0px 20px 0px 0px;}
        #middle .content H2 {width: 404px; height: 28px; float: left; padding: 12px 0px 0px 31px; margin: 0px 0px 15px 0px; background-image: url('images/header-bg.jpg'); font-size: 16px; color: #FFF; font-weight: bold;}
        #middle .content P {width: 415px; float: left; padding: 0px 10px 0px 10px; margin: 0px 0px 15px 0px; font-size: 12px; color: #404040; line-height: 1.6;}
        #middle .content H3 {width: 415px; float: left; padding: 0px 0px 5px 00px; margin: 10px 10px 15px 10px; font-size: 16px; color: #404040; line-height: 1.6; font-weight: bold; border-bottom: 1px dotted #ccc;}
        #middle .content A {color: #da9a00;}
        #middle .content .formRow {width: 190px; height: 28px; padding: 2px 0px 0px 10px; float: left; font-size: 12px; color: #404040;}
        #middle .content .formInput {width: 225px; height: 30px; padding: 0px 10px 0px 0px; float: left; font-size: 12px; color: #404040;}
          #middle .content .formInput INPUT {width: 219px; padding: 2px; float: left; font-size: 12px; color: #404040;}
        #middle .content .formInputAS {width: 225px; height: 30px; padding: 0px 10px 0px 0px; float: left; font-size: 12px; color: #404040;}
          #middle .content .formInputAS INPUT {width: 158px; padding: 2px; float: left; font-size: 12px; color: #404040; position: relative; left: 1px;}
          #middle .content .formInputAS IMG {float: left; margin: 0px 5px 0px 0px; position: relative; top: 2px;}
        #middle .content .formRow2 {width: 190px; height: 128px; padding: 2px 0px 0px 10px; float: left; font-size: 12px; color: #404040;}
        #middle .content .formInput2 {width: 225px; height: 130px; padding: 0px 10px 0px 0px; float: left; font-size: 12px; color: #404040;}
          #middle .content .formInput2 TEXTAREA {width: 219px; height: 115px; padding: 2px; float: left; font-size: 12px; color: #404040; font-family: Arial;}
        #middle .content .formSubmit {width: 415px; float: left; padding: 10px 10px 0px 10px;}
          #middle .content .formSubmit INPUT {width: 415px; height: 27px; border: 0px; color: #FFF; font-size: 12px; font-weight: bold; background-color: #404040;}
        #middle UL {width: 395px; float: left; padding: 0px 10px 0px 30px; list-style: square; font-size: 12px; color: #404040; margin: 0px 0px 15px 0px;}
          #middle UL LI {padding: 3px 0px 3px 0px;}
        #middle .photoFrame {width: 435px; float: left;}
          #middle .photoFrame IMG {border: 2px solid #CCC; float: left; margin: 0px 0px 6px 0px;}
          #middle .photoFrame .delimiter {width: 6px; height: 110px; float: left;}
      #middle .rightBar {width: 525px; float: left; padding: 0px;}
        #middle .rightBar H2 {width: 494px; height: 28px; float: left; padding: 12px 0px 0px 31px; margin: 0px 0px 4px 0px; background-image: url('images/header-bg.jpg'); font-size: 16px; color: #FFF; font-weight: bold;}
        #middle .rightBar .service {width: 260px; height: 200px; float: left; margin: 0px 0px 4px 0px;}
          #middle .rightBar .service A {width: 248px; height: 27px; display: block; font-size: 12px; color: #372907; font-weight: bold; padding: 173px 0px 0px 12px; text-decoration: none;}
            #middle .rightBar .service A:HOVER {text-decoration: underline;}
        #middle .rightBar .delimiter {width: 4px; height: 135px; float: left;}
        #middle .rightBar .no01 {background-image: url('images/sluzba01.jpg');}
        #middle .rightBar .no02 {background-image: url('images/sluzba02.jpg');}
        #middle .rightBar .no03 {background-image: url('images/sluzba03.jpg');}
        #middle .rightBar .no04 {background-image: url('images/sluzba04.jpg');}
        #middle .rightBar .no05 {background-image: url('images/sluzba05.jpg');}
        #middle .rightBar .no06 {background-image: url('images/sluzba06.jpg');}
  
  #bottom {width: 100%; float: left; height: 122px; background-image: url('images/bottom-bg.jpg');}
    #bottom .sizer {width: 980px; margin-left: auto; margin-right: auto;}
    #bottom .copyright {width: 230px; float: left; padding: 85px 0px 0px 20px; font-size: 11px; color: #5e5e5e;}
    #bottom .addsBottom {width: 480px; float: left; text-align: center; padding: 85px 0px 0px 0px; font-size: 11px; color: #5e5e5e;}
      #bottom .addsBottom A {color: #5e5e5e;} 
    #bottom .createdBy {width: 80px; float: left; padding: 75px 0px 0px 0px;}
      #bottom .createdBy A {width: 60px; height: 31px; display: block; float: right; background-image: url('images/ns01.jpg');}
      #bottom .createdBy A:HOVER {background-image: url('images/ns02.jpg');}
    #bottom .createdBy2 {width: 150px; float: left; padding: 75px 0px 0px 0px;}
      #bottom .createdBy2 A {width: 144px; height: 31px; display: block; float: right; background-image: url('images/cn.jpg');}
      #bottom .createdBy2 A:HOVER {background-image: url('images/cn-color.jpg');}