html {
    /*scrollbar-track-color: #ffdead;
    scrollbar-face-color: #6B3B2A;
    scrollbar-highlight-color: #ffdead;
    scrollbar-3dlight-color: #ffdead;
    scrollbar-darkshadow-color: black;
    scrollbar-shadow-color: purple;
    scrollbar-arrow-color: #ffdead;  */
    }

   body {
    background: white;
    color: #330000;
    text-align: center;
    height: 100% ;
    font-family:cursive;
    margin: 0px;
    padding:0px;
   }

   #stranka {
   position: relative;
   text-align: center;
   width: 1100px;
   margin:auto;
   }

   #hlavicka {
    position: relative;
    width: 100%;
    height: 400px;
    background-image: URL("./obrazky_css/hlavicka.jpg");
    background-position: top;
    background-repeat: no-repeat;
   }

   #adresa {
    position: absolute;
    width: 200px;
    height: 70px;
    left: 870px;
    top: 10px;
    text-align: right;
    background-color: transparent;
   }

   p.adresa {
    margin: 0px;
    padding: 0px;
    font-size: 80%;
   }

   h2.adresa {
    margin: 0px;
    margin-bottom: 3px;
    padding: 0px;
    font-size: 90%;
   }


   #obsah {
    position: relative;
    width: 950px;
    height: 100%;
    margin: auto;
    text-align: justify;
    text-indent: 2em;
    background-image: URL("./obrazky_css/obsah.jpg");
    background-position: top;
   }

   .textovyObsah {
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   text-indent: 1em;
   width: 880px;
   height: 100%;
   text-align: justify;
   }



   #pata {
    position: relative;
    width: 1000px;
    height: 50px;
    margin: auto;
    clear: both;
    background-image: URL("./obrazky_css/pata.jpg");
    background-position: top;
    background-repeat: no-repeat;
    }

   /*MENU*/
   #menu {
    position: absolute;
    width: 1100px;
    height: 110px;
    left: 0px;
    top: 200px;
    background-color: transparent;
   }

   #menu a {
    text-decoration: none;
     display: block;
    height: 100%;
    width: 100%;
   }

   div.polozkaMenu {
     position: absolute;
     width: 119px;
     height: 30px;
     background-color: transparent;
     border-color: gray;
     border-width: 1px;
     border-style: solid;
     text-indent: -10000px;

   }

   #kontaktSpan, #kontakt {
     left: 641px;
     top: 14px;
     background-image: URL("./obrazky_css/kontakt.jpg");
     background-position: 0 0;
     background-repeat: no-repeat;
     z-index: 5;

    }
   #kontaktSpan, #kontakt:hover {
    background-position: -201px;
    }

   #indexSpan, #index {
     left: 490px;
     top: 25px;
     background-image: URL("./obrazky_css/index.jpg");
     background-position: 0 0;
     background-repeat: no-repeat;
     z-index: 7;
   }
    #indexSpan, #index:hover {
    background-position: -201px;
    }

   #referenceSpan, #reference {
     left: 415px;
     top: 68px;
     background-image: URL("./obrazky_css/reference.jpg");
     background-position: 0 0;
     background-repeat: no-repeat;
     z-index: 8;
   }
    #referenceSpan, #reference:hover {
    background-position: -201px;
    }

   #fotoalbumSpan, #fotoalbum {
     left: 265px;
     top: 68px;
     background-image: URL("./obrazky_css/fotoalbum.jpg");
     background-position: 0 0;
     background-repeat: no-repeat;
     z-index: 10;
   }
    #fotoalbumSpan, #fotoalbum:hover {
    background-position: -201px;
    }

   #popisSpan, #popis {
     left: 339px;
     top: 14px;
     background-image: URL("./obrazky_css/popis.jpg");
     background-position: 0 0;
     background-repeat: no-repeat;
     z-index: 9;
   }
    #popisSpan, #popis:hover {
    background-position: -201px;
    }

   #napisteSpan, #napiste {
     left: 565px;
     top: 68px;
    background-image: URL("./obrazky_css/napiste.jpg");
     background-position: 0 0;
     background-repeat: no-repeat;
     z-index: 6;
   }
    #napisteSpan, #napiste:hover {
    background-position: -201px;
    }

   #odkazySpan, #odkazy {
     left: 715px;
     top: 68px;
     background-image: URL("./obrazky_css/odkazy.jpg");
     background-position: 0 0;
     background-repeat: no-repeat;
     z-index: 4;
   }
    #odkazySpan, #odkazy:hover {
    background-position: -201px;
    }

   #levySloupec {
   float: left;
   margin: 0px;
   padding: 0px;
   width: 150px;
   position: relative;
   }

   #pravySloupec {
   float: right;
   margin: 0px;
   padding: 0px;
   width: 150px;
   position: relative;
   }

   #animaceUvod {
   background-color: transparent;
   background-image: URL("./obrazky_css/animace.jpg");
   float: left;
   margin: 0px;
   margin-left: 40px;
   padding: 0px;
   width: 500px;
   height: 300px;
   border-style: inset;
   text-align: left;
   text-indent: 0px;
   }

   .anim {
    margin: 0px;
    padding: 0px;
    width: 500px;
    height: 300px;
   }

   #nadpisHl {
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   text-indent: 0px;
   position: absolute;
   top: -82px;
   left: 50px;
   width: 850px;
   text-align: center;
   font-size: 120%;
   font-weight: bold;
   }

   #nadpisStranky {
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   text-indent: 0px;
   position: absolute;
   top: -35px;
   left: 50px;
   width: 850px;
   text-align: center;
   font-size: 110%;
   font-weight: bold;
   }

   #nadpisPata {
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   text-indent: 0px;
   position: relative;
   top: 12px;
   left: 0px;
   width: 95%;
   text-align: center;
   font-size: 100%;
   font-weight: bold;
   }

   .seznamPrvni {
   margin: 0px;
   text-align: left;
   text-indent: 0px;
   }

   .dalsiText{
     clear: both;
     margin: 0px;
     padding: 0px;
   }


   .hr  {
    clear: both;
    height: 10px;
    margin: 0px;
    padding: 0px;
    width: 100%;
   }

   .hrCara  {
    clear: both;
    height: 2px;
    margin: 0px;
    padding: 0px;
    background-color:#330000;
    width: 100%;
   }

   .chyba {
     margin: 0px;
    padding: 0px;
    margin-left: 0.5em;
    font-size: 90%;
    font-weight: bold;
    color: red;
   }

   .chyba1 {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-style: italic;
    font-size: 85%;
    color: red;
    }

    span.tucnecervene, span.tucnecervene1 {
    margin: 0px;
    padding: 0px;
    color: red;
    font-size: 12pt;
    vertical-align:super;
    }

    span.tucnecervene1 {
    font-size: 8pt;
    }

    .formular {
     width: 780px;
     position: relative;
     left: 50px;
     margin: 0px;
     padding: 0px;
    }

    .formul, .formulPov {
     border-style: inset;
     margin: 0px;
     padding: 0px;
     }

     .formulPov {
     background-color: #EBEBEB;
     }

  .levyForm {
    margin: 0px;
    padding: 0px;
    width: 380px;
    text-align: left;
    float: left;
  }

  .pravyForm {
    margin: 0px;
    padding: 0px;
    width: 380px;
    text-align: right;
    float: right;
  }

  .tucne {
   font-weight: bold;
  }

  .tucnePodtrh {
   font-weight: bold;
   text-decoration: underline;
  }

  .podtrh {
   text-decoration: underline;
  }

  h2 {
   font-size: 110%;
   font-weight: bold;
   text-decoration: none;
  }

  h3 {
   font-size: 100%;
   font-weight: bold;
   text-decoration: none;
  }

  h4 {
   font-size: 100%;
   font-weight: bold;
   text-decoration: underline;
  }

  #mapa {
   width: 600px;
   height: 500px;
   float: right;
   margin: 0px;
   padding: 0px;
   border-style: inset;
  }

  iframe {
  position: relative;
  left: -16px;
   margin: 0px;
   padding: 0px;
  }

  #kontaktT {
   width: 200px;
   float: left;
   margin: 0px;
   padding: 0px;
  }

  a {
   color: #330000;
  }

  a:hover {
   font-style: italic;
  }

  .odkazPrvni {
   text-decoration: none;
  }

  .odkazPrvni:hover {
   text-decoration: underline;
   font-style: normal;
  }

  .Had { 
    FONT-SIZE: 110%;
    POSITION: absolute; 
    z-index: 12;
    }

  .seznamP {
    font-weight: bold;
    font-size: 105%;
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    clear: both;
    text-indent: 0px;
    text-align: center;
  }

  .fotka {
    width: 210px;
    height: 180px;
    padding:0px;
    text-indent: 0px;
    margin-right: 5px;
    margin-bottom: 25px;
    float: left;
    padding: 0px;
    background-image: URL("./obrazky_css/podklad_obr.gif");
    text-align: center;
  }

  .fotkaVn {
    border-style: inset;
    width: 161px;
    height: 135px;
    margin: 0px;
    margin-left: 21px;
    margin-top: 20px;
    padding: 0px;
    }

    .fotkaVn img{
    position: relative;
    top: 0px;
    left: 0px;
    width: 160px;
    height: 134px;
    padding: 0px;
    margin: 0px;
    }

  a img
    {
    border-width: 0px;
    padding:0px;
    margin: 0px;
    }

    .nahoru {
     padding:0px;
     margin: 0px;
     text-align: right;
     font-size: 80%;
     font-weight: bold;
    }

    .nahoru a {
    text-decoration: none;
    }

   .nahoru a:hover {
    text-decoration: underline;
    font-style: normal;
    }

 

    .odkazy {
      width: 98px;
      height: 41px;
      margin: 2px;
      float: left;
      background-color: #330000;
      color: white;
      text-align: center;
      font-size: 70%;
      text-indent: 0px;
    }

    .odkazy a {
    text-decoration: none;
    color: white;
    margin-top: 50px;
    }

    .odkazy a:hover {
    text-decoration: underline;
    font-style: normal;
    }

    .odkazy_kop {
      width: 180px;
      height: 60px;
      margin: 4px;
      float: left;
      background-color: transparent;
      color: transparent;
      text-align: center;
      font-size: 70%;
      text-indent: 0px;
    }

    .nadpis2 {
     margin: 0px;
     margin-bottom: 2px;
     margin-top: 2px;
     text-align: center;
    }

    .nahledy {
    padding-left: 20px;
    }

    .seznam {
    background-image: URL("./obrazky_css/podklad_tm.gif");
    background-position: top;
    width: 190px;
    height: 215px;
    text-align: center;
    text-indent: 0px;
    font-size: 110%;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
    }

    .seznamText {
    margin-bottom: 20px;
    padding-top: 5px;
    }

    .seznamText a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    }

    .seznamText a:hover {
    text-decoration: underline;
    font-style: normal;
    }

    .seznamObr {
    border-style: inset;
    width: 150px;
    height: 125px;
    margin: 0px;
    margin-left: 17px;
    padding: 0px;
    }

    .seznamObr img{
    width: 150px;
    height: 125px;
    }

    .seznamText2 {
    margin-bottom: 1px;
    padding-top: 0px;
    position: relative;
    top: -9px;
    }

    .seznamText2 a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    }

    .seznamText2 a:hover {
    text-decoration: underline;
    font-style: normal;
    }

    #seznamCentr{
    position: relative;
    left: 330px;
    }