body         { margin: 0px; font-family: Verdana,sans-serif; font-size: 11px; color: black; line-height: 12pt; }
    #back_left   { width: 35%;         position: absolute; left: 0%; top: 0%; background-image: url(images/bg_left.gif); background-position: left top; background-repeat: repeat-y; }
    #back_right  { width: 35%;         position: absolute; left: 65%; top: 0%; background-image: url(images/bg_right.gif); background-position: right top; background-repeat: repeat-y; }
  
    #main        { width: 955px;       position: relative; z-index: 10; top: 0px; background: rgb(255,255,255) url(images/background.gif) repeat-y ;}
    #head        { width: 901px; height: 48px; position: absolute; z-index: 11; top: 12px; left: 27px; text-align: left; }
    #menu        { width: 241px; height: 500px; position: absolute; top: 70px; left: 27px; text-align: left; z-index: 11;  }
    #fotogalerie { width: 650px; height: 280px; position: absolute; top: 70px; left: 278px; text-align: left; z-index: 12;  background-image: url(images/pozadi-galerie.gif); background-repeat: no-repeat; }
    #video { width: 650px; height: 280px; position: absolute; top: 70px; left: 278px; text-align: left; z-index: 12 }
    #frame       { width: 642px; height: 501px; position: absolute; top: 350px; left: 278px; text-align: left; z-index: 11;  }

    #animace { width: 900px; height: 280px; position: absolute; top: 70px; left: 27px; }

    #fotogalerie_bez  { width: 650px; height: 29px; position: absolute; top: 70px; left: 278px; text-align: left; z-index: 12;  background-image: url(images/bez_foto.gif); background-repeat: no-repeat;}
    #frame_bez       { width: 642px; height: 501px; position: absolute; top: 100px; left: 278px; text-align: left; z-index: 11;  }
    
    #jazyky      { width: 240px; height: 29px; position: relative; text-align: left; z-index: 12; background-image: url(images/ploska-volba-jazyku.gif); font-size: 13px; text-align: center; padding-top: 6px; background-repeat: no-repeat;}
    #jazyky a    { margin-left: 5px; margin-right: 5px; color: black; text-decoration: none;}

    #a1          { margin: 10px 10px 10px 10px; position: absolute; top: 0px; left: 0px; width: 390px; height: 260px; }
    #a2          { margin: 10px 10px 10px 10px; position: absolute; top: 0px; left: 510px;  width: 120px; height: 50px; }
    #a2 a        { height: 18px; display: block; width: 23px; position: absolute; }
    #a2 a:hover  { background-position: -23px 0px; }
    #a2 a:active { background-position: -46px 0px; }
    #a3          { margin: 0px 10px 10px 10px; position: absolute; top: 0px; left: 410px; top: 50px; width: 200px; height: 210px; }

   
    #polozka a   { background-image: url(images/odrazka1.gif); background-repeat: no-repeat; height: 12px; width: 215px; display: block; padding-left: 25px; margin-top: 14px; font-weight: bold; text-decoration: none; color: black; line-height: 10pt;}
    #polozka a:hover { background-position: 0px -13px; padding-left: 25px; margin-top: 14px; }
    #polozka a:active { background-position: 0px -26px; padding-left: 25px; margin-top: 14px; }

    #nahoru   { margin: 4px 0px 4px 565px; }
    #nahoru a   { background-image: url(images/sipka_nahoru.gif); background-repeat: no-repeat; background-position: 100% 0px; height: 15px; width: 65px; display: block; font-weight: bold; text-decoration: none; color: #999999; }
    #nahoru a:hover { background-position: 100% -15px; }
    #nahoru a:active { background-position: 100% -30px; }
    
    .download   { margin: 4px 0px 4px 0px; }
    .download a   { background-image: url(images/download.gif); background-repeat: no-repeat; background-position: 100% -13px; height: 13px; display: block; font-weight: bold; text-decoration: none; color: #999999; line-height: 10pt; }
    .download a:hover { background-position: 100% -26px; }
    .download a:active { background-position: 100% 0px; }
    
    .odkaz   { margin: 4px 0px 4px 0px; }
    .odkaz a   { background-image: url(images/odkaz.gif); background-repeat: no-repeat; background-position: 100% 0px; height: 7px; display: block; font-weight: bold; text-decoration: none; color: black; line-height: 10pt;  }
    .odkaz a:hover { background-position: 100% -7px;  }
    .odkaz a:active { background-position: 100% -14px; }
    
    #rozcestnik   { margin: 4px 0px 8px 12px; }
    #rozcestnik a   { background-image: url(images/sipka_vpravo.gif); background-repeat: no-repeat; background-position: 100% 0px; height: 12px; display: block; font-weight: bold; text-decoration: none; color: black; line-height: 10pt; }
    #rozcestnik a:hover { background-position: 100% -12px; }
    #rozcestnik a:active { background-position: 100% -24px; }

    #ukazky_odkaz   { margin: 0px 0px 10px 0px; }
    #ukazky_odkaz a   { background-image: url(images/sipka_vpravo.gif); background-repeat: no-repeat; background-position: 100% 0px; height: 12px; display: block; font-weight: bold; text-decoration: none; color: #999999; line-height: 10pt; }
    #ukazky_odkaz a:hover { background-position: 100% -12px; color: #999999; }
    #ukazky_odkaz a:active { background-position: 100% -24px; color: #999999; }

    #polozka2 { margin-left: 10px; }
    #polozka2 a   { background-image: url(images/odrazka2.gif); background-repeat: no-repeat; height: 10px; width: 200px; display: block; padding-left: 25px; margin-top: 14px; font-weight: normal; text-decoration: none; color: black; }
    #polozka2 a:hover { background-position: 0px -14px; padding-left: 25px; margin-top: 14px; }
    
    #polozka3 { margin-left: 10px; }
    #polozka3 a   { background-image: url(images/odrazka2.gif); background-repeat: no-repeat; height: 10px; width: 200px; display: block; padding-left: 25px; margin-top: 14px; font-weight: normal; text-decoration: none; color: black; }
    #polozka3 a:hover { background-position: 0px -14px; padding-left: 25px; margin-top: 14px; }
    
    #polozka4 { margin-left: 10px; }
    #polozka4 a   { background-image: url(images/odrazka2.gif); background-repeat: no-repeat; height: 10px; width: 200px; display: block; padding-left: 25px; margin-top: 14px; font-weight: normal; text-decoration: none; color: black; }
    #polozka4 a:hover { background-position: 0px -14px; padding-left: 25px; margin-top: 14px; }
    
    #polozka5 { margin-left: 10px; }
    #polozka5 a   { background-image: url(images/odrazka2.gif); background-repeat: no-repeat; height: 10px; width: 200px; display: block; padding-left: 25px; margin-top: 14px; font-weight: normal; text-decoration: none; color: black; }
    #polozka5 a:hover { background-position: 0px -14px; padding-left: 25px; margin-top: 14px; }    
    
    #polozka6 { margin-left: 10px; }
    #polozka6 a   { background-image: url(images/odrazka2.gif); background-repeat: no-repeat; height: 10px; width: 200px; display: block; padding-left: 25px; margin-top: 14px; font-weight: normal; text-decoration: none; color: black; }
    #polozka6 a:hover { background-position: 0px -14px; padding-left: 25px; margin-top: 14px; }
    
    .text_hlava { height:50px; letter-spacing: 4px; margin-left: 15px; margin-right: 15px; font-size: 13px; vertical-align: top; border: thin black solid; }
    .text_hlava span { margin-top: 20px; }
  
    .huhu img { margin-left: -10px; }
    .huhu span { margin-left: 15px; font-weight: normal; }
    
    .text { margin: 15px 12px 20px 12px; }
    .text_ukazky { margin: 15px 12px 20px 12px; }
    .text_h { margin: 5px 12px 5px 12px; font-weight: bold; color: #FF0000; }

    .text_odkazy { margin: 15px 12px 20px 12px;  }
    .text_odkazy .zvyr { color: #999999; font-weight: bold; }
    
    .text_odkazy a { border-bottom: #FF0000 solid; text-decoration: none; border-collapse: collapse; border-width: 1px ; color: black; font-weight: bold; }
    .text_odkazy a:hover { border-bottom: #FF0000 none; text-decoration: none; border-collapse: collapse; color: black; border-width: 1px ; }
    
    
    h3 { font-size: 11px; font-weight: bold; margin: 8px 0px 8px 12px; }
    
    h5 { font-size: 11px; font-weight: bold; margin: 8px 0px 8px 0px; }
    
    .zvyraznene { font-weight: bold; color: #FF0000; }
    
    strong { font-weight: bold; }
    
    .paticka { font-size: 10px; margin: 5px 12px 10px 12px; color: black; width: 642px;}
    .paticka a { border-bottom: #FF0000 solid; text-decoration: none; border-collapse: collapse; border-width: 1px ; color: black; }
    .paticka a:hover { border-bottom: #FF0000 none; text-decoration: none; border-collapse: collapse; color: black; border-width: 1px ; }
    
    
    .linka-seda { background-image: url(images/linka-seda.gif); width: 642px; height: 3px; background-repeat: no-repeat; margin: 0px 0px 5px -12px; }
    .linka-tabulka { background-image: url(images/linka-seda.gif); width: 642px; height: 3px; background-repeat: no-repeat; margin: -4px 0px -7px -12px; }
    .linka-cervena { background-image: url(images/linka-cervena.gif); width: 642px; height: 3px; background-repeat: no-repeat; }
    .linka-cervena-s-cernou { background-image: url(images/linka-cervena-s-cernou.gif); width: 642px; height: 5px; background-repeat: no-repeat; }
    
    table { border-collapse: collapse; width: 100%; border: 1px black solid; margin: 5px 0px 5px 0px; }
    
    .odsazeni { margin-left: 20px; margin-top: -8px; }
    .odsazeni2 { margin-left: 25px; margin-top: -15px; }
    
    .table2, .table3, .table4 { border: 0px none #999999; }
    .table2 td, .table3 td, .table4 td { border-collapse: collapse; border-color: #999999; border-style: solid; border-width: 1px 0px; }
    .table2 td {  width: 50%; }
    .table3 td {  width: 33%; }
    .table2 th, .table3 th, .table4 th { color: #FF0000; }
    
    td, th { padding: 5px 0px 5px 0px; }
    
    .ukazky_table_nadpis { border: 0px none #999999; width: 100%; margin: -5px -5px -5px -5px }
    .ukazky_table { border: 0px none #999999; width: 100%; margin: -5px -5px 0px -5px }
    .ukazky_table td, .ukazky_table_nadpis td, .ukazky_table th { width: 25%; }
    .ukazky_table th { border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; }
    
    
    
    .linka-cervena-uvod { background-image: url(images/linka-cervena-uvod_n.gif); width: 440px; height: 5px; background-repeat: no-repeat; }
    .linka-cervena-novinky { background-image: url(images/linka-cervena-novinky_n.gif); width: 200px; height: 5px; background-repeat: no-repeat; }
    #novinky { color: #FF0000; text-align: left; }
    #novinky .text { margin: 5px 0px 10px 12px;  }
    .linka-novinky { background-image: url(images/linka-novinky.gif); width: 200px; height: 3px; background-repeat: no-repeat; margin: 5px 0px 5px -12px; _margin: 5px 0px -2px -12px; }
    
    .sepsano { width: 200px; font-style: italic; position: absolute; top:7px; left:450px; }
    
    .text .vpravo { text-align: right; }
    
    .text a { border-bottom: #FF0000 solid; text-decoration: none; border-collapse: collapse; border-width: 1px ; color: black; }
    .text a:hover { border-bottom: #FF0000 none; text-decoration: none; border-collapse: collapse; color: black; border-width: 1px ; }