/* OBECNÉ */
body              { background-image: URL('images/css-pozadi2.jpg'); /* obrázek na pozadí */
                    background-attachment: scroll; /* pozadí roluje */
                    background-color: #dedfde; /* případná barva pozadí bez obrazku */
                    margin-left: 0px; color: #000000 } /* text cerny */

/*input, textarea   {Background-color: #EFEBDE} /*#DED3C6*/
a:link            { color: #660066 } /* odkaz 990099*/
a:visited         { color: #660066 } /* prohlidnute 885588*/
a:hover           { color: #ff0066 } /* pod mysi 000000 */
body, li          { font-family: 'Comic Sans MS', Arial, Helvetica; font-size:16px } /*font-size:16px*/
div               { margin: 0px }
h2, h3, h5        { color: #990000 }
h4                { color: #990099 }
hr                { clear: both }
hr.cleaner        { clear: both; margin: 0px; padding:0; height:1px; border:0; display: none }
img               { border-color: #800000 }

/* BARVY */
.brick            { color: #B22222 }
.green            { color: #006100 } /* color: #008000 */
.red              { color: #FF0000 }
.blue             { color: #0000CC }
.bggreen          { background-color: #8DFED2 }
.bgblue           { background-color: #C9F4F8 }
.bgyell           { background-color: #F7CB8C }

/* FORMULÁŘ */
#centruj          { position: absolute; margin-left: auto; width: 772px; top: 0px; margin-left: auto; background-image: URL('images/css-pozadi1.jpg') } /*border-style: outset*/
#nadpis           { width: 576px; } /* filter: shadow(color=#996666, direction=45) */
#nadpis h1        { color: #228b22; font-size: 28px ; font-weight: bold; text-align: center;
                    margin: 0px; padding: 0px; border: 0px;  margin-top: 12px; }

#obalpravy        { position: relative; float: right; width: 600px; top: 0px; left: 0px; }
#obalhlav         { width: auto; height: 144px; margin: 0px; padding: 0px; }
#hlavicka         { border: 2px solid #778899; border-bottom: none;}
#plocha           { width: auto; height: 142px; background-image: URL('images/css-top.jpg'); background-repeat: no-repeat; }

#obalobsah        { width: auto; border: 2px solid #778899; padding: 2px}
#obsah            { width: auto; border: 1px solid #778899; background-image: URL('images/css-pozadi.jpg'); text-align: justify;  }

#obsah #body24 p        { margin-left: 24px; margin-right: 24px }
#obsah #body28 p        { margin-left: 28px; margin-right: 28px; margin-top: 20px }
#obsah #body28 .up img  { background-color: #dedfde; position: absolute; margin-left: 492px; margin-top: 5px; width: 17px; height: 17px; border-width: 0px }
#obsah #body28 #null p  { margin: 0px 28px 0px 28px }
#obsah #body35 p        { margin-left: 35px; margin-right: 35px }
#obsah #body45 p        { margin-left: 40px; margin-right: 40px; margin-top: 50px }
#obsah #body48 p        { margin-left: 48px; margin-right: 48px; margin-top: 20px }
#obsah #body50 p        { margin-left: 50px; margin-right: 50px; margin-top: 20px }

#obsah .cara p         { margin: 0px 0px 0px 0px }
#obsah h3              { text-align: center }
#obsah h5              { margin-top: 10px; padding: 0px; font-size: 13px }
#obsah #piktogram      { margin: 12px 42px 10px 42px }
#obsah #piktogram img  { background-color: #ceffef; margin: 4px 8px 4px 8px; width: 30px; height: 30px; border-width: 0px } /* float: left; */
#obsah .sluzby p       { margin: 6px 50px 6px 50px }
#obsah .sluzby .up img { background-color: #dedfde; position: absolute; margin-left: 477px; margin-top: 5px; width: 17px; height: 17px; border-width: 0px }
#obsah .sluzby img     { background-color: #ffffff; margin: 0px 10px 0px 0px; vertical-align: middle; width: 30px; height: 30px; border-width: 0px } /* CEFFFF blue*/
#obsah form div        { margin: 0px 3px 0px 3px }

#obsah #motto        { font-size: 24px; color: #990000 }
#obsah #meteo a      { text-decoration: none; margin-left: 10px}

/* AKCE */
#obsah #akce a       { border: 0px; margin: 4px 10px 0px 10px; padding: 0px;
                       width: 150px;  height: 20px; font-size: 13px; font-weight: bold;
                       text-decoration: none; background-image: url('images/css-odkaz.gif') }
#obsah #akce .txt1   { position: absolute; text-align: center; border: 0px; padding: 0px; 
                       margin: 4px 10px 0px 18px; width: 150px;  height: 20px; font-size: 13px; font-weight: bold;
                       text-decoration: none; background-image: url('images/css-odkaz.gif') }
#obsah #akce .txt2   { position: absolute; text-align: center; border: 0px; padding: 0px;
                       margin: 4px 10px 0px 193px; width: 150px;  height: 20px; font-size: 13px; font-weight: bold;
                       text-decoration: none; background-image: url('images/css-odkaz.gif') }
#obsah #akce .txt3   { position: absolute; text-align: center; border: 0px; padding: 0px;
                       margin: 4px 10px 0px 368px; width: 150px;  height: 20px; font-size: 13px; font-weight: bold;
                       text-decoration: none; background-image: url('images/css-odkaz.gif') }
#obsah .akcepriprav  { vertical-align: middle; position:absolute; right:33px; margin-top:-6px}
.a010                { position: absolute; margin-left: 10px }
.a040                { position: absolute; margin-left: 40px }
.a050                { position: absolute; margin-left: 50px }
.a070                { position: absolute; margin-left: 70px }
.a090                { position: absolute; margin-left: 90px }
.a110                { position: absolute; margin-left: 110px }
.a160                { position: absolute; margin-left: 160px }
.a070t8              { position: absolute; margin-left: 70px; margin-top: 8px}
.a180                { position: absolute; margin-left: 180px }
.a400                { position: absolute; margin-left: 400px }
.r020                { margin-left: 20px }
.r040                { margin-left: 40px }
.r060                { margin-left: 60px }
.r050                { margin-left: 78px }
.r080                { margin-left: 80px }

/* LEVÝ */
#levy                { position: absolute; float:left; width: 168px; top: 0px; left: 3px; background-image: URL('images/css-pozadi1.jpg') }
#levy h5             { border: 0px; margin: 0px; padding: 0px }
#levy a              { border: 0px; margin: 0px 0px 0px 9px; padding: 0px; width: 148px; height: 20px;
                       text-decoration: none; font-size: 13px; font-weight: bold }
#levy a:link         { color: #d3d3d3 }
#levy a:visited      { color: #d3d3d3 }

/* LOGO */
#levy #logo a        { position: absolute; border: 0px; margin: 4px auto 0px 8px; padding: 0px;
                       width: 150px; height: 150px; background-image: none;
                       text-decoration: none; font-size: 13px; font-weight: bold } 
#levy #logo a:hover  { color: #000000; width: 150px;  height: 150px; background-image: url('images/logo2.gif'); background-position: 3px 3px }

/* MENU */
#levy .menutop        { position: relative; margin-top: 144px }
#levy #menu p         { margin: 0px 0px 20px 0px }

#levy #menu a         { position: absolute; width: 148px; height: 20px; background-image: url('images/css-mh.gif') }
#levy #menu a:hover   { color: #000000; background-image: url('images/css-mp.gif') } /* { color: #ff0066 }*/
#levy #menu a:active  { background-image: url('images/css-mh.gif') }
#levy #menu .txt      { position: absolute; text-align: left; border: 0px; padding: 0px; color: #bbbbbb;
                        margin-left: 9px; width: 148px;  height: 20px; font-size: 13px; font-weight: bold;
                        text-decoration: none; background-image: url('images/css-mh.gif') }
#levy #menu .vyber a  { color: #BDFF9C }
#levy #menu .vyber a:hover  { color: #006400 }

#levy #menu2 a        { position: absolute; width: 148px; height: 20px; background-image: url('images/css-mh2.gif') }
#levy #menu2 a:hover  { color: #000000; background-image: url('images/css-mp.gif') } /* { color: #ff0066 }*/
#levy #menu2 a:active { background-image: url('images/css-mh2.gif') }
#levy #menu2 .txt     { position: absolute; text-align: left; border: 0px; padding: 0px; color: #bbbbbb;
                        margin-left: 9px; width: 148px;  height: 20px; font-size: 13px; font-weight: bold;
                        text-decoration: none; background-image: url('images/css-mh2.gif') }

/* OBRÁZEK LEVÝ */
#levy #obraz          { position: relative; border: 0px; margin: 28px 0px 0px 9px; padding: 0px;
                        width: 147px;  height: 70px; background-image: none; text-decoration: none; font-size: 13px; font-weight: bold }

/* POČÍTADLO */
#levy #pocitadlo h5   { position: relative; margin: 10px 0px 0px 35px; font-size: 13px } /*90margin-top zvětši o počet px, o které zvětšeno margin-top obrazu*/
#levy #pocitadlo a    { border: 0px;  width: 60px;  height: 20px; 
                        background-image: none; background-color: #C6B3A5;
                        text-decoration: none; font-size: 13px; font-weight: bold } 

/* SKOK DÁLE */
#skokflag1      { margin-top: 33px; position: absolute; right: 28px }
#skokflag2      { margin-top: 55px; position: absolute; right: 28px }
#skokvlevo      { color: #808080; margin-top: -30px ; font-size: 14px; font-weight: bold; position: absolute; left: 51px }
#skokvlevo  a   { text-decoration: none }
#skokvpravo     { color: #808080; margin-top: -30px ; font-size: 14px; font-weight: bold; position: absolute; right: 53px }
#skokvpravo a   { text-decoration: none }
#skokzac    a   { margin-top: -45px ; font-size: 14px; font-weight: bold; text-decoration: none; position: absolute; left: 51px }
#skokkonec  a   { margin-top: -45px ; font-size: 14px; font-weight: bold; text-decoration: none; position: absolute; right: 53px }
#skokstred      { color: #808080; margin: 0px 30px 0px  30px; font-size: 14px; font-weight: bold }
#skokstred  a   { text-decoration: none }
#skokstred img  { vertical-align: bottom; width: 17px; height: 17px; border-width: 0px }

/* TABULKY */
#tabulka  table  { border-color: #4B2C07; padding: 0; border-collapse: collapse; table-layout: fixed }
#tabulka0 table  { border-color: #4B2C07; padding: 0; border-collapse: collapse; table-layout: fixed }
#tabulka1 table  { border-color: #4B2C07; padding: 0; border-collapse: collapse }
#tabulka2 table  { border-color: #4A2410; padding: 0; border-collapse: collapse; border-style: solid }
#odkazy          { margin-top: 20px; margin-bottom: 10px; }

.tabbodyleft     { text-align: left; font-size: 11px ; /* bold-left-nobcolor */ 
                   font-family: Arial; font-weight: bold; padding:0;
                   color: black; border-color: black; vertical-align: middle }
.tabbodyright    { text-align: right; font-size: 11px ; /* bold-right-nobcolor */
                   font-family: Arial; font-weight: bold; padding:0;
                   color: black; border-color: black; vertical-align: top }
.tabbodygray     { text-align: center; font-size: 11px ;  /* bold-centr-bšedá */
                   font-family: Arial; font-weight: bold; padding:0;
                   color: black; background-color: #DED3C6; border-color: black; vertical-align: top }
.tabheadgreen2   { text-align: center; font-size: 11px ; /* bold-centr-bgreen */
                   font-family: Arial; font-weight: bold; padding:0; color: black;
                   border-color: black; background-color: #8DFED2; vertical-align: middle }
.tabheadodkazy   { height: 18px; text-align: left; font-size: 13px; /* bold-left-byellow-Verdana */
                   font-family: Verdana; font-weight: bold; color: black;
                   background-color: #F7CB8C; vertical-align: middle }
.tabbodyodkazy   { font-size: 13px; /* normal-left-nobcolor */
                   font-family: Arial; font-weight: normal; padding: 0;
                   color: black; vertical-align: top; text-align: justify }
.tabheadmenu     { height: 18px; text-align: left; font-size: 12px; /* bold-left-byellow-Verdana */
                   font-family: Verdana; font-weight: bold; color: #4A2410; border-color: #4A2410;
                   background-color: #BDA694; vertical-align: middle } /*CFA283*/
.tabnadpismenu   { height: 18px; text-align: left; font-size: 12px; /* bold-left-byellow-Verdana */
                   font-family: Verdana; font-weight: bold; color: #4A2410; border-color: #4A2410;
                   background-color: #D6A57A; vertical-align: middle; text-align: center } /*new=FFCC66 old=D6A57A E3B779*/
.tabbodymenu     { height: 18px; font-size: 12px; /* normal-left-nobcolor */
                   font-family: Verdana; font-weight: normal; padding: 0; border-color: #4A2410;
                   color: #4A2410; background-color: #E4CCB4; vertical-align: middle }/*new=FFE79E old=E4CCB4 4A2410*/
.tabbodycenik    { height: 20px; font-size: 13px; /* normal-left-nobcolor */
                   font-family: 'Comic Sans MS'; font-weight: bold; padding: 0; border-color: #4A2410;
                   color: #4A2410; background-color: #E4CCB4; vertical-align: middle }/*new=FFE79E old=E4CCB4 4A2410*/
.tabheadgreen    { height: 18px; text-align: center; font-size: 12px ; /* bold-centr-bgGreen */
                   font-family: Arial; font-weight: bold; padding:0; color: black;
                   border-color: black; background-color: #9ACD32; vertical-align: middle }
.tabdategreen    { height: 18px; text-align: left; font-size: 11px; border-width: 0px;
                   font-family: Arial; font-weight: bold; padding:0; color: black;
                   border-color: #4B2C07; background-color: #E1FFE1; vertical-align: middle }
.tabdategreen p  { margin: 0px 9px 0px 9px }
.tabbodygreen    { font-size: 11px ; /* bold-justify-bgLightGreen */
                   font-family: Arial; font-weight: bold; padding:0;
                   color: black; border-color: black; background-color: #E1FFE1;
                   vertical-align: middle; text-align: justify }
.tabbodygreen p  { margin: 9px 9px 9px 9px }
                         
.tabheadorange          { height: 18px; text-align: center; font-size: 12px ; /* bold-centr-bgYellow */
                          font-family: Arial; font-weight: bold; padding:0; color: black;
                          border-color: black; background-color: #F7CB8C; vertical-align: middle }
.tabdateorange          { height: 18px; text-align: left; font-size: 11px; border: 0;
                          font-family: Arial; font-weight: bold; padding:0; color: black;
                          border-color: #4B2C07; background-color: #F7DFBD; vertical-align: middle }
.tabdateorange p        { margin: 0px 9px 0px 9px }
.tabbodyorange          { font-size: 11px ; /* bold-justify-bgLightYellow */
                          font-family: Arial; font-weight: bold; padding: 0;
                          color: black; border-color: black; background-color: #F7DFBD;
                          vertical-align: middle; text-align: justify }
.tabbodyorange p        { margin: 9px 9px 9px 9px }
.tabbodyorange #tip img { vertical-align: middle; width: 12px; height: 12px; border-width: 0px }
.tabbodyorange #tip p   { margin: 9px 9px 9px 34px }
.tabbodyorange #tip .r0 { position:absolute; margin: 0px 0px 0px -28px }

/* NÁHLED FOTO */
.tabbodynahled   { font-size: 12px ; text-align: center;
                   font-family: Verdana, 'Helvetica CE', 'Arial CE', Helvetica, Arial, Sans-serif;
                   color: #000000; font-weight: bold }
                   /* #nahled { font-size: 12px;
                   font-family: Verdana, "Helvetica CE", "Arial CE", Helvetica, Arial, sans-serif;
                   color: #000000; font-weight: bold; text-decoration: none; position: relative;
                   float: left; text-align: center; margin: 5px 0px 15px 35px; _margin: 5px 0px 15px 23px;
                   width: 150px; height: 90px; border: 0px; overflow: clip } */