* { margin: 0; padding: 0; }
body {
  font-family: sans-serif;
  font-size: 70%; 
  color: #7c7b7b;
  background: #2e2e2e url('../images/body-bg.gif') repeat-x;
}

/* Zakladni nastaveni */
a { color: #d6d5d4; text-decoration: underline; }
a:hover { color: #d6d5d4; }

img { border: 3px #525151 solid; margin: 5px; }
fieldset { border: 0; }
label { cursor: pointer; }
input { margin: 5px 0; }
input.button, input.submit { border: 1px #606060 solid; background-color: #3d3c3c; color: #7c7b7b; font-size: 11px; }
input.submit { color: #ff9806; font-size: 11px; padding: 1px 5px; background: url('../images/button-bg.gif') repeat-x; }
/* /Zakladni nastaveni */

div#main {
  width: 850px;
  height: 500px;
  margin: 0 auto;
  padding: 0 47px 0 43px;
  background: url('../images/main-bg.jpg') no-repeat;
  background-position: right top;
}
  div#main div#header {
    position: relative;
    height: 139px;
    /*background: url('../images/header-bg.jpg') no-repeat;
    background-position: right top;*/
  }
  div#header ul#lang-selector { position: relative; width: 210px; float: left; left: -5px; padding: 12px 0; }
    ul#lang-selector li { display: inline; }
    ul#lang-selector li a, ul#lang-selector li span { color: #7c7b7b; padding: 0 7px; }
    ul#lang-selector li span, ul#lang-selector li a:hover { color: #ffffff; text-decoration: none; }
  /* Hlavicka (logo) */
  div#header h1 { 
    position: relative;
    float: left;
    clear: left;
    margin-top: 10px;
    width: 184px;
    height: 66px;
    line-height: 50px;
    font-size: 200%;
    text-align: center;
    overflow: hidden;
  }
    div#header h1 span {
      position: absolute;
      width: 100%;
      height: 66px;
      display: block;
      cursor: pointer;
      background: url('../images/header.jpg') no-repeat;
      background-position: center center;
      top: 0; left: 0; z-index: 1;
    }
    div#header h1 a { color: #ff9806; }
  /* /Hlavicka (logo) */
  div#header object { position: absolute; top: 5px; left: 219px; border: 0; }

/* hlavni obrazkove menu */
div#main div#main-menu { width: 100%; height: 42px; background: url('../images/main-menu-bg.gif') repeat-x; background-position: center bottom; }
  div#main-menu ul { width: 100%; height: 100%; background: url('../images/main-menu-corner.gif') no-repeat; background-position: right bottom; }
  div#main-menu ul li { float: left; text-align: center; list-style: none; }
  div#main-menu ul li.m-1 { width: 82px; }
  div#main-menu ul li.m-2 { width: 117px; }
  div#main-menu ul li.m-3 { width: 120px; }
  div#main-menu ul li.m-4 { width: 159px; }
  div#main-menu ul li.m-5 { width: 133px; }
  div#main-menu ul li.m-6 { width: 120px; }
  div#main-menu ul li.m-7 { width: 119px; }
  
  div#main-menu ul li a { 
    position: relative; 
    height: 18px; 
    background-position: 0 0; 
    display: block; 
    overflow: hidden; 
    cursor: pointer;  
    color: #FFFFFF;
    background-color: #506272;
    padding: 9px 0;
  }
  
  div#main-menu ul li a span {
    position: absolute; 
    height: 36px;
    top: 0; left: 0; z-index: 1;
  }
  
  div#main-menu ul li.m-1 a span { width: 82px; background: url('../images/menu/menu-1.jpg') no-repeat; }
  div#main-menu ul li.m-2 a span { width: 117px; background: url('../images/menu/menu-2.jpg') no-repeat; }
  div#main-menu ul li.m-3 a span { width: 120px; background: url('../images/menu/menu-3.jpg') no-repeat; }
  div#main-menu ul li.m-4 a span { width: 159px; background: url('../images/menu/menu-4.jpg') no-repeat; }
  div#main-menu ul li.m-5 a span { width: 133px; background: url('../images/menu/menu-5.jpg') no-repeat; }
  div#main-menu ul li.m-6 a span { width: 120px; background: url('../images/menu/menu-6.jpg') no-repeat; }
  div#main-menu ul li.m-7 a span { width: 119px; background: url('../images/menu/menu-7.jpg') no-repeat; }
  
  div#main-menu ul li a:hover { background-color: #8a959e; }
  div#main-menu ul li a:hover span, ul#main-menu li.active a span { background-position: 0 -36px; }
  a:hover {text-decoration: none }
/* /hlavni obrazkove menu */

/* hlavni nadpisy */
div#content h2, div#left-block h2, div#right-block h2, div#content-2 h2 {
  color: #79848c;
  font-size: 180%;
  margin: 5px 0;
  clear: both;
}
/* /hlavni nadpisy */

/* obsahova konstrukce - uvodni strana */
div#main div#content {
  width: 460px;
  float: left;
  margin: 10px 0 10px 14px;
}
  div#content div.newie { background: url('../images/news-bg.jpg') no-repeat; padding: 12px; float: left; margin-top: 5px; }
    div.newie img, div.newie-detail img { float: left; margin: 2px 5px 0 0; }
    div.newie h3, div.newie-detail h3 { color: #ffffff; font-size: 110%; }
    div.newie h3 span, div.newie-detail h3 span { color: #ff9806; }
    div.newie p { text-align: justify; }
    div.newie a.more { 
      float: right; 
      display: block;
      margin-top: 8px;
      color: #ff9806;
      text-align: center;
      text-decoration: none;
      padding-top: 1px;
      font-size: 9px; 
      width: 80px; 
      border: 1px #5c5b5b solid; 
      background: url('../images/button-bg.gif') repeat-x; 
    }
    div#content div.newie a.more:hover { color: #ff9806; }
    
  div#content div.newie-detail { background: url('../images/news-bg2.jpg') no-repeat; padding: 12px; float: left; margin-top: 5px; }
    div.newie-detail p { margin-bottom: 8px; }
    
  div#content a.display-all { float: right; font-weight: bold; color: #626161; margin: 6px 0; }
  div#content p { text-align: justify; }
  div#content a:hover { color: #656464; }
/* /obsahova konstrukce - uvodni strana */

/* obsahova konstrukce - podstranka */
div#main div#content-2 {
  width: 645px;
  float: right;
  clear: right;
  margin: 10px 0;
}
  div#content-2 h2 { margin-bottom: 20px; }
  div#content-2 form { clear: both; padding-top: 20px; }
  div#content-2 form legend { color: #ff9806; font-weight: bold; font-size: 130%; padding: 10px 0; }
  div#content-2 form legend span { font-weight: normal; }
  div#content-2 form label { display: block; }
  div#content-2 form table { width: 100%; }
  div#content-2 form table td { padding: 5px 10px; }
  div#content-2 form table td input, div#content-2 form table td textarea { 
    border: 1px #59595a solid; 
    background-color: #494949; 
    margin-top: 2px; 
    padding: 3px 6px;
    font-size: 12px; 
    color: #7c7b7b;
    font-size: 11px
  }
  div#content-2 form table td input.submit { float: right; border: 0; background: none; margin-right: 15px; }
  
  div#content-2 div.photo {
    position: relative; 
    float: left;
    width: 113px; 
    height: 140px;
    padding: 5px;
    margin: 6px 16px;
    text-align: center;
    background: url('../images/gallery-bg.jpg') no-repeat; 
  }
  div#content-2 div.photo span { position: absolute; display: block; width: 123px; height: 30px; top: 120px; left: 0; }
  div#content-2 div.photo a { display: block; color: #7c7b7b; width: 100%; height: 100%; text-decoration: none; }
  div#content-2 div.photo a:hover span, div#content-2 div.photo a:hover { text-decoration: underline; cursor: pointer; }
/* /obsahova konstrukce - podstranka */

/* levy blok */
div#main div#left-block {
  width: 182px;
  float: left;
  clear: left;
  margin: 10px 0;
}
  div#left-block ul { margin: 15px 0; }
  div#left-block ul li { margin: 3px 0; background: url('../images/li-bg.gif') no-repeat left center; list-style: none; font-weight: bold; }
  div#left-block ul li a, div#left-block ul li.active { color: #7c7b7b; padding: 5px 5px 5px 25px; height: 15px; display: block; border-bottom: 1px #333232 solid; text-decoration: none; }
  div#left-block ul li a:hover, div#left-block ul li.active { color: #526574; }
  div#left-block div.kontakt-box { margin: 10px 0; height: 114px; padding: 10px 8px; background: url('../images/kontakt-bg.jpg') repeat-x; border: 1px #3f3f3f solid; }
    div.kontakt-box p { margin: 0; } 
    div.kontakt-box strong, div.kontakt-box b { color: #ff9806; }
    div.kontakt-box a.block { text-decoration: none; display: block; width: 100%; }
  
  div#left-block a { color: #757575; }
  div#left-block a.white { color: #ffffff; }
/* /levy blok */

/* pravy blok */
div#main div#right-block {
  width: 172px;
  float: right;
  clear: right;
  margin: 10px 0;
}
  div#right-block a img { border: 0; margin: 15px 0; }
  div#right-block form { border: 1px #5f5e5e solid; padding: 5px 9px; background: #3c3c3b url('../images/newsletter-bg.gif') repeat-x; }
  div#right-block form label { display: block; }
  div#right-block form input { float: right; }
  div#right-block form input.button { width: 100%; }
/* /pravy blok */
  
/* patickove menu */
div#main ul#bottom-menu { width: 100%; border-top: 5px #e1e1e1 solid; clear: both; }
  ul#bottom-menu li { float: left; list-style: none; padding: 10px 0; }
  ul#bottom-menu li a { color: #7c7b7b; padding: 0 7px; }
  ul#bottom-menu li.is-logo { float: right; }
  ul#bottom-menu li.is-logo a img { margin: 0; border: 0; }
/* /patickove menu */

/* strankovani */
div#paging { float: right; padding: 15px 0 5px 0; }
div#paging ul li { display: inline; }
div#paging ul li a { margin: 0 5px 0 3px; color: #626161; }
div#paging ul li.back { margin: 0 8px 0 0; }
div#paging ul li.next { margin: 0 0 0 8px; }
div#paging ul li span { font-size: 120%; color: #ffffff; margin: 0 5px 0 3px; font-weight: bold; }

/* detail galerie */
div#content-2 div#foto-detail {
  margin: 0 10px 10px 10px;
  text-align: center;
  padding: 15px 0;
}
  div#content-2 div#foto-detail img { border: 3px #525151 solid; margin-bottom: 10px; }
    
div#content-2 div#foto-navigace {
  border: 1px #282828 solid;
  background-color: #2d2d2d;
  margin: 0 10px;
  padding: 10px;
  text-align: center;
}
  div#content-2 div#foto-navigace ul li { list-style: none; display: inline; }
  div#content-2 div#foto-navigace ul li a { color: #ed8c01; }
  div#content-2 div#foto-navigace ul li.backward { margin-right: 100px; }
  div#content-2 div#foto-navigace ul li.forward { margin-left: 100px; }

