/* Barvy */
/* #255a9c (svetle modra) bg-body*/
/* #A3BBE7 (svetle modra) nadpisy v #content */
/* #F3EEDA (svetle zluta) svetle nadpisy - kapitalky */
/* #0A276D (tmave modra) pozadi #main */
/* #ECA940 (oranzova) vybrana polozka menu */

* {
  margin: 0;
  padding: 0;
}

body {
  background: #255a9c url(../images/background.png) top left repeat-x;
}

#bgFlash {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 100%;
  height: 840px;
}
#bgFlashLayer {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  width: 100%;
  height: 840px;
  background: none;
}

#header {
  display: none;
}

#wrap {
  position: relative;
  top: 80px;
  margin: 0px auto 0 auto;
  width: 820px;
  height: 610px;
  font: normal 11px/15px Verdana;
  color: #fff;
  z-index: 10;
  }
  
  #left {
    float: left;
    width: 247px;
    height: 600px;
    }
    .leftbg0 {
      background: url(../images/leftbg0.jpg) top left no-repeat;
    }
    .leftbg1 {
      background: url(../images/leftbg1.jpg) top left no-repeat;
    }
    .leftbg2 {
      background: url(../images/leftbg2.jpg) top left no-repeat;
    }
    .leftbg3 {
      background: url(../images/leftbg3.jpg) top left no-repeat;
    }
    .leftbg4 {
      background: url(../images/leftbg4.jpg) top left no-repeat;
    }
    #menu {
      float: left;
      width: 210px;
      height: 400px;
      margin: 20px 0 0 20px;
      }
      #menu li {
        list-style-type: none;
        width: 130px;
        border-bottom: 1px solid #424767;
      }
      #menu li span {
        cursor: pointer;
        display: block;
        padding: 0 0 2px 10px;
        background: url(../images/menu_dot.gif) 0px 6px no-repeat;
      }
      #menu li span.default {
        background: none;
        font-weight: bold;
        color: #F3EEDA;
        text-transform: uppercase;
      }
      #menu li span.last {
        display: block;
        margin-top: 20px;
      }
      #menu li span.inactive {
        font-weight: normal;
        color: #fff;
        background: url(../images/menu_dot.gif) 0px 6px no-repeat;
      }
      #menu li span.active {
        font-weight: bold;
        color: #ECA940;
        background: url(../images/menu_dot2.gif) 0px 6px no-repeat;
        }
        #submenu {
          float: left;
          width: 210px;
          margin: 40px 0 0 10px;
        }
        #submenu li {
          list-style-type: none;
          border-width: 0px;
          width: 150px;
        }
        #submenu ul {
          display: none;
        }
        #submenu li a {
          color: #fff;
          text-decoration: none;
          padding: 1px 0 1px 0;
          display: block;
        }
        #submenu li a.active {
          color: #ECA940;
    }
    #search {
      float: left;
      width: 205px;
      margin: 60px 0 0 25px;
    }
    #search #searchInput {
      float: left;
      width: 135px;
      height: 19px;
      background: url(../images/searchInput.gif) top left no-repeat;
      border-width: 0px;
      padding: 4px 0 0 4px;
      font: normal 11px Tahoma;
    }
    #search #searchButton {
      float: left;
      width: 60px;
      height: 19px;
      margin: 1px 0 0 6px;
      background: url(../images/searchButton.gif) top left no-repeat;
      border-width: 0px;
      font: normal 11px Tahoma;
      padding: 0px 0 0 0;
    }
    #logo {
      float: left;
      width: 205px;
      margin: 15px 0 0 20px;
      background: url(../images/logo.gif) top left no-repeat;
      }
      #lang {
        float: right;
        width: 22px;
        height: 60px;
      }
      #lang a {
        float: left;
        width: 22px;
        height: 15px;
      }
      #lang a, #lang img {
        border-width: 0px;
      }
      #lang a.first {
        margin: 4px 0 0 0px;
      }
      #lang a.second {
        clear: left;
        margin: 6px 0 0 0px;
    }
  
  #main {
    float: left;
    width: 542px;
    height: 420px;
    margin: 0 0 0 10px;
    background-attachment: scroll;
    font: normal 11px Verdana;
    }
    .mainbg0 {
      background: url(../images/mainbg0.jpg) top center no-repeat;
    }
    .mainbg1 {
      background: url(../images/mainbg1.jpg) top left no-repeat;
    }
    .mainbg2 {
      background: url(../images/mainbg2.jpg) top left no-repeat;
    }
    .mainbg3 {
      background: url(../images/mainbg3.jpg) top left no-repeat;
    }
    .mainbg4 {
      background: url(../images/mainbg4.jpg) top left no-repeat;
    }
    #main2 {
      float: left;
      width: 542px;
      height: 600px;
      margin: 0 0 0 10px;
      background: #030B39;
    } 
    #content {
      margin: 20px 0 0 20px;
      width: 522px;
      text-align: justify;
      }
      #content h1 {
        font: bold 11px Verdana;
        color: #A3BBE7;
        margin: 0;
        padding: 0;
      }
      #content h2 {
        font: bold 11px Verdana;
        color: #A3BBE7;
        margin: 0;
      }
      #content .upperCase {
        font: bold 11px Tahoma;
        color: #F3EEDA;
        text-transform: uppercase;
        margin: 0 0 15px 0;
      }
      #content * {
        color: #fff;
        }
        #content ul {
          list-style-type: square;
          margin-left: 20px;  
        }
        #text {
          overflow-x: hidden;
          overflow-y: auto;
          margin: 10px 0 0 0;
          width: 520px;
          height: 365px;
        }
        #text2 {
          overflow-x: hidden;
          overflow-y: auto;
          margin: 10px 0 0 0;
          width: 520px;
          height: 555px;
        }
        #text p, #text div, #text ul, #text2 p, #text2 div, #text2 ul {
          padding-right: 20px;  
        }
        #text, #text *, #text2, #text2 * {
          font-size: 11px;
          font-family: Verdana;
        }
        /* formatovani textu v clanku */
        #text img, #text2 img {
          border: 1px solid #A3BBE7;
          }
          #chapters {
            margin: 10px 0 10px 0;
        }
        #text h2, #text2 h2 {
          margin-bottom: 5px;
        } 
        #text p, #text2 p {
          margin-bottom: 10px;
        }
        #text a, #text2 a, #text a *, #text2 a * {
          color: #A3BBE7;
        } 
      .anotace {
        margin: 10px 20px 0 0;
        font-family: Verdana;
      }
      .vice {
        text-align: left;
        margin: 0 0 18px 0;
      }
      .vice a {
        color: #fff;
        font-weight: bold;
      }
      
    #content .list h3 a {
      font-size: 11px;
      color: #A3BBE7;
      text-decoration: none;
      margin: 0 0 5px 0;
      display: block;
    }
    .list {
      margin: 0 0 10px 0;  
  }
  #footer {
    float: left;
    width: 542px;
    height: 170px;
    margin: 10px 0 0 10px;
    position: relative;
    overflow: hidden;
    }
    #footerInner {
      position: absolute;
      top: 0px;
      left: 0px;
      display: block;
      }
      #footerInner h3 { /* nadpis Souvislosti u docDetailu */
        font: bold 11px Tahoma;
        color: #F3EEDA;
        margin: 15px 0 0 20px;
      }
      #related {
        margin: 5px 0 0 20px;
        width: 520px;
        height: 140px;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
      }
      #related h3 { /* Na uvodni strane */
        margin: 10px 0 10px 0;
      }
      #related ul {
        padding-bottom: 15px;
      }
      #related li {
        list-style-type: none;
        clear: both;
      }
      #related a, #relatedImages a {
        color: #fff;
        text-decoration: none;
      }
      #related .relLNK img {
        float: left;
        border: 1px solid #A3BBE7;
      }
      #related .relLNK .name {
        float: left;
        margin: 0 0 0 20px;
        color: #A3BBE7;
        font: bold 11px Tahoma;
      }
      #related .relLNK .description {
        float: left;
        margin: 20px 0 0 20px;
        color: #fff;
        font: normal 11px Tahoma;
        display: block;
        width: 350px;
      }    
      #related .relLNK .icon, #related .icon  {
        position: relative;
        top: 4px;
        float: none;
        border-width: 0px;
      }
      #relatedImages {
        margin: 5px 0 0 0;
      }
      #relatedImages .box {
        float: left;
        width: 110px;
        margin: 0 10px 0 0px;
        text-align: center;
      }
      #relatedImages span {
        display: block;
      }
      #relatedImages img {
        border: 1px solid #A3BBE7;
    }
      
      #imgDetail {
        text-align: center;
      }
      #imgDetail span {
        display: block;
        margin: 4px 0 0 0;
        font: normal 12px Verdana;
        color: #fff; 
      }