html,body
  { margin: 0px;
    padding: 0px;
  }
  
  body
  { font-family: tahoma, sans-serif;
    color: #3d3d3d;
    text-align: center;
    background: #fff repeat-x;
    margin: 0px;
  }
  
  body, a, td
  { font-size: 8pt;
  }
  
  h1
  { /*color: #264f7d;*/
    color: #007ebb;
    font-weight: bold;
    font-size: 14pt;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-family: 'FedraSansCondensedStd', tahoma, sans-serif;
    position: relative;
    left: -4px;
  }
  
  h2
  { color: #264f7d;
    font-weight: bold;
    font-size: 11pt;
    margin: 0px 0px 10px 0px;
  }
  
  h2 a
  { font-size: 11pt;
    color: #264f7d;
  }
  
  h3
  { color: #d00303;
    font-weight: bold;
    font-size: 10pt;
    margin: 10px 0px 0px 0px;
  }
  
  h4
  { color: #d00303;
    font-weight: bold;
    font-size: 10pt;
    margin: 10px 0px 0px 0px;
  }
  
  img
  { border: none;
  }
  
  hr
  { font-size: 1px;
    height: 1px;
    color: silver;
    border: none;
    border-bottom: 1px silver solid;
    clear: both;
    padding: 10px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
  }
  
  a, a:link, a:visited
  { color: #085ca7;
    text-decoration: none;
  }
  
  #container
  { width: 885px;
    text-align: left;
    margin: auto;
    position: relative;
    top: 0px;
    left:0px;
    padding-bottom: 380px;
    z-index: 1;
  }
  
  #container a.homelink
  { display: block;
    position: absolute;
    top: 37px;
    left: 0px;
    width: 143px;
    height: 55px;
    background: url('../img/niob-logo.jpg') no-repeat;
  }
  
  #container a.homelink span
  { display: none;
  }
  
  #foot
  { height: 44px;
    width: 885px;
    clear: both;
    position: relative;
    top: 380px;
    z-index: 4;
    background: url('../img/foot.jpg') 50% 0px repeat-x #fff;
  }
  
  #foot hr
  { display: none;
  }
  
  #foot div
  { padding: 20px 0px 10px 0px;
    text-align:justify;
    font-size: 7pt;
    /*color: #5a666b;*/
    color: gray;
  }
  
  #foot div a
  { color: #085ca7;
    font-size: 7pt;
  }
  
  #foot div a span
  { color: #5a666b;
  }
  
  #foot ul.menu
  { display: block;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    text-align: center;
  }
  
  #foot ul.menu li
  { list-style: none;
    display: inline-block;
    background: url('../img/menu-separator.jpg') 0px 3px no-repeat;
    padding: 0px 10px 0px 15px;
  }
  
  #foot ul.menu li.first
  { background: none;
  }
  
  #foot ul.menu li a
  { font-family: arial, sans-serif;
    font-size: 10px;
    color: #43484b;
    font-weight: bold;
  }
  
  #foot ul.menu li a:hover
  { text-decoration: underline;
  }
  
  #map_canvas
  { width: 860px; 
    height: 350px; 
    position: relative; 
    left: 0px;
  }
  
  #top
  { position: absolute;
    width: 885px;
    height: 242px;
    background: url('../img/visual1.jpg') no-repeat;
    top: 114px;
    left: 0px;
  }
  
  #top div.numbers
  { display: block;
    position: absolute;
    bottom: 15px;
    right: 25px;
    width: 850px;
    height: 20px;
    text-align: right;
  }
  
  #top div.numbers span.num
  { display: inline-block;
    width: 19px;
    height:18px;
    background: url('../img/jquery-num.inactive.png') no-repeat;
    padding-top: 2px;
    font-weight: bold;
    margin: 0px 3px 0px 3px;
    text-align: center;
    cursor:default;
  }
  
  #top div.numbers span.num-active
  { background: url('../img/jquery-num.active.png') no-repeat;
  }
  
  #top.inotec
  { background: url('../img/visual2.jpg') no-repeat;
  }
  
  #top.technologie
  { background: url('../img/technologie.jpg') no-repeat;
  }
  
  #top.konstrukce
  { background: url('../img/konstrukce.jpg') no-repeat;
  }
  
  #content
  { width: 865px; 
    position: relative;
    top: 380px;
    left: 0px;
    font-size: 9pt;
    line-height: 1.4;
    padding: 10px;
    min-height: 250px;
  }
  
  #content ul li
  { position: relative;
    left: 35px;
  }
  
  #container div.content a, 
  #container div.content a:link,
  #container div.content a:visited
  { font-weight: bold;
    color: #d00303;
  }
  
  #leftmenu
  { float: left;
    width: 180px;
    margin-right: 10px;
    position: relative;
    left: -10px;
  }
  
  #leftmenu a
  { display: block;
    background: url('../img/submenu-left.jpg') repeat-x 0% 100%;
    color: #595b5a;
    position: relative;
    z-index: 4;
    font-size: 10pt;
  }
  
  #leftmenu a:hover
  { color: #007ebb; 
  }
  
  #leftmenu a span
  { display: block;
    padding: 6px 10px 6px 10px;
  }
  
  #menu
  { position: absolute;
    top: 50px; 
    left: 170px;
    width: 730px;
    min-height: 24px;
    z-index: 2;
    background: url('../img/mainmenu.jpg') no-repeat;
  }
  
  #menu hr
  { display: none;
  }
  
  #menu ul
  { margin: 0px;
    padding: 0px;
  }
  
  #menu ul li.menu-uroven-0
  { display: inline-block;
    font-family: 'FedraSansCondensedStd', tahoma, sans-serif;
    height: 24px;
    background: url('../img/mainmenuseparator.jpg') no-repeat;
    margin: 0px;
    padding: 0px;
  }
  
  #menu ul li.first
  { padding-left: 10px;
    background: none;
  }
  
  #menu ul li a
  { color: #fff;
    font-size: 10pt;
    display: block;
    height: 20px;
    padding: 4px 25px 0px 28px;
    position: relative;
    left: 0px;
  }
  
  #menu ul a:hover,
  #menu ul li.menuSel a
  { background: url('../img/mainmenu-activel.png') 0px 0px no-repeat;
  }
  
  #menu ul a span.bg
  { display: block;
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -6px;
  }
  
  #menu ul a:hover span.bg,
  #menu ul li.menuSel a span.bg
  { background: url('../img/mainmenu-activer.png') 100% 0px no-repeat;
  }
  
  #menu ul ul
  { display: block;
    width: 140px;
    background: #f9f9f9;
    border: 1px #c3c3c3 solid;
    position: absolute;
    top: 0px;
    left:0px;
    margin: 0px;
    padding:0px;
    display: none;
  }
  
  #floatmenu
  { position: absolute;
    text-align: left;
    z-index: 10;
    padding-top: 0px;
  }
  
  #floatmenu ul
  { display: block;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    border: 1px #c3c3c3 solid;
    font-family: tahoma;
    color: #797979;
    background: #f9f9f9;
    min-width: 140px;
    white-space:nowrap;
  }
  
  #floatmenu li
  { display: block;
    min-width: 140px;
    margin:0px 0px 0px 0px;
    list-style:none;
    /*border-bottom: 1px #c3c3c3 solid;*/
    border-bottom: 1px #f9f9f9 solid;
    border-bottom: 1px #c3c3c3 solid;
  }
  
  #floatmenu li
  { background: url('../img/rollmenuline.jpg') 0% 100% repeat-x;
    height: 21px;
  }
  
  #floatmenu li:hover
  { background: #19b4ee;
    background: #5ccaf3;
  }
  
  #floatmenu li:hover a 
  { color: #fff;
  }
  
  #floatmenu li a
  { color: #797979;
    font-family: tahoma, sans-serif;
    font-size: 9pt;
    display: block;
    padding: 3px 10px 4px 10px;
    min-width: 140px;
  }
  
  
  
  div.homepage-box
  { width: 290px;
    height: 244px;
    background: url('../img/box-home.png') no-repeat;
    overflow: hidden;
    float: left;
    position: relative;
    left: 0px;
  }
  
  div.homepage-box2
  { margin-left: 7px;
  }
  
  div.homepage-box3
  { margin-left: 8px;
  }
  
  div.homepage-box h2
  { font-family: 'FedraSansCondensedStd', tahoma, sans-serif;
    color: #000;
    font-size: 10pt;
    text-align:center;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 35px;
  }
  
  div.homepage-box img
  { position: absolute;
    top: 37px;
    left: 1px;
  }
  
  div.homepage-box div
  { position: absolute;
    top: 180px;
    left: 11px;
    width: 265px;
    height: 39px;
    overflow: hidden;
    font-size: 7pt;
    text-align: justify;
  }
  
  div.homepage-box a
  { position: absolute;
    bottom: 10px;
    right: 10px;
    width: 35px;
    height: 15px;
  }
  
  div.homepage-box a span
  { visibility: hidden;
  }
  
  /* --- gallery --- */
  
  div.galBox
  { display: block;
    width: 160px;
    height: 190px;
    float: left;
    margin: 2px;
    overflow: hidden;
    position: relative;
  }
  
  div.galBox div.img
  { width: 160px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 10px;
  }
  
  div.galBox div.popis
  { width: 160px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    display: block;
    position: absolute;
    top: 150px;
    color: #264f7d;
  }
  
  div.galList
  { display: block;
    width: 160px;
    height: 190px;
    float: left;
    margin: 2px;
    overflow: hidden;
    position: relative;
  }
  
  div.galList div.img
  { width: 160px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 10px;
  }
  
  div.galList div.popis
  { width: 160px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    display: block;
    position: absolute;
    top: 150px;
  }
  
  div.strankovani
  { display: block;
    clear: both;
    padding: 0px 20px 0px 20px;
    text-align: right;
  }
  
  div.sublevel
  { margin-top: -25px;
  }
  
  div.sublevel img
  { border: none;
  }
  
  p.chyba
  { color: red;
    font-weight: bold;
    margin: 0px 0px 0px 30px;
    padding: 0px;
  }