/* ----------------------------- css napsal: Petr Boček - EXPANSE s.r.o. ----------------------------------------------*/
body      { background: white; font-family: Verdana, Arial, sans-serif; font-size: 10px; 
            color: black; text-align: center; margin-top: 10px; margin-left: 10px;  }
p         { text-decoration: none; font-size: 10px;  font-weight: normal; color: black; font-family: Verdana, sans-serif; } 
b         { text-decoration: none; font-size: 10px;  font-weight: bold; color: black; } 
.black    { text-decoration: none; font-size: 10px;  font-weight: normal; color: black; font-family: Verdana, sans-serif; }
.black2   { text-decoration: none; font-size: 10px;  font-weight: bold; color: black; font-family: Verdana, sans-serif; }
.reds     { text-decoration: none; font-size: 10px;  font-weight: bolb; color: #9E3621; font-family: Verdana, sans-serif; }
.nadpis   { text-decoration: underline; font-size: 12px;  font-weight: bold; color: black; font-family: Verdana, sans-serif; }
.iko2     { width: 14px; height: 8px; border: 0px solid black; margin-top: 2px; margin-right: 5px; float: left; }

#datacas  { width: 200px; height: 10px; position: absolute; top: 25px; left: 471px; background: none; text-align: left;} 
#svatek   { width: 320px; height: 20px; text-align: right; position: absolute; top: 70px; left: 312px; color: black; }  
.clock    { width: 200px; height: 10px; text-decoration: none; font-size: 10px; color: black; font-family: Arial, sans-serif; 
            background: none; border: 0px solid black; text-align: left; }   
        
/* ---------------------------- odkazy ----------------------------------------------------------------------------*/
a.hm, a.mh:hover, a.o1, a.o1:hover, a.m2, a.m2:hover, body, b, .clock, a.ca, a.ca:hover, a.ost, a.ost:hover, a.top, a.top:hover
                 { font-family: Verdana, sans-serif; font-weight: bold; }

a.hm, a.mh:hover { text-align: right; text-decoration: none; font-size: 10px; }
a.hm             { color: #9E3621; }
a.hm:hover       { color: black; text-decoration: underline overline; }

a.ca, a.ca:hover { text-align: right; text-decoration: none; font-size: 9px; font-family: Verdana, sans-serif; }
a.ca             { color: #9E3621; text-decoration: underline; }
a.ca:hover       { color: black; text-decoration: underline; }

a.o1, a.o1:hover { text-align: left; text-decoration: underline; font-size: 11px; font-weight: normal; }
a.o1             { color: gray; }
a.o1:hover       { color: #9E3621; }

a.m2, a.m2:hover { text-align: left; text-decoration: none; font-size: 9px; }
a.m2             { color: #9E3621; }
a.m2:hover       { color: gray; }

a.ost, a.ost:hover { text-align: left; text-decoration: underline; font-size: 9px;  }
a.ost              { color: black; }
a.ost:hover        { color: #9E3621; }

a.ost2, a.ost2:hover { text-align: left; text-decoration: none; font-size: 9px; font-weight: bold; }
a.ost2               { color: #9E3621; }
a.ost2:hover         { color: black; }

a.top, a.top:hover { text-align: left; text-decoration: none; font-size: 10px;  }
a.top              { color: #4F2979; }
a.top:hover        { color: #9E3621; text-decoration: underline; }

a.k2, a.k2:hover  { text-align: left; text-decoration: none; font-size: 9px;  }
a.k2              { color: gray; text-decoration: underline; }
a.k2:hover        { color: #9E3621; text-decoration: underline; }

#hlava  { width: 743px; height: 17px; text-align: center; font-size: 10px; margin: auto;}
#main   { width: 743px; position: relative; top: 0px;  text-align: left; margin: auto; }
#panel  { width: 743px; height: 644px; background: white; float: left; position: relative; top: 0px;  }

#obsah  { width: 700px; height: 230px; float: left; position: absolute; top: 300px; left: 20px; border: 0px solid red; }

#anim   { width: 132px; height: 23px; position: absolute; top: 0px; left: 38px; border: 0px solid red; }
.anim   { width: 132px; height: 23px; border: 0px solid red; }
.mmap   { width: 315px; height: 192px; border: 5px solid #D6D6D6; }
.vmap   { width: 787px; height: 481px; border: 0px solid black; }

/* ---------------------------- HORNÍ PANEL -------------------------------------------------------------------------------------*/
/* ---------------------------- horní menu, datum, čas, svátek ------------------------------------------------------------------*/

.basic      { width: 743px; height: 644px; border: 0px solid red; z-index: 50000;}
.f2         { text-decoration: underline; font-family: Verdana, sans-serif; font-weight: normal; color: gray; font-size: 9px; }

.categorie  { width: 300px; height: 210px; border: 0px solid black; float: left; font-weight: normal; margin-left: 5px; margin-top: 92px; background: #D6D6D6; }
.c1         { width: 300px; border: 0px solid black; }

.categorie2 { width: 360px; height: 150px; border: 0px solid red; float: left; margin-left: 20px; font-weight: normal;}
.c2         { width: 360px; vertical-align: top; border: 0px solid red; }
.c3         { width: 360px; vertical-align: top; border: 0px solid red; text-align: center; }

.categorie3 { width: 300px; height: 210px; border: 0px solid black; float: left; margin-left: 5px; margin-top: 97px; font-weight: normal;}
.c4         { width: 300px; border: 0px solid black; vertical-align: top; }

.categorie4 { width: 300px; height: 210px; border: 0px solid black; float: left; margin-left: 40px; margin-top: 40px; font-weight: normal;}
.c5         { width: 300px; border: 0px solid black; vertical-align: top; }

.categorie5 { width: 350px; border: 0px solid black; margin-left: 315px; margin-top: 15px; font-weight: normal;}
.d2         { width: 388px; border: 0px solid black; vertical-align: bottom; border: 0px solid black;
              text-align: right; }

.categorie6 { width: 630px; border: 0px solid black; margin-left: 10px; margin-top: 0px; font-weight: normal;
              text-align: right; }

.categorie7 { width: 688px; border: 0px solid black; margin-left: 10px; margin-top: 10px; font-weight: normal;
              text-align: left; }
.e01         { width: 210px; vertical-align: top; border: 0px solid red; background: none; }
.e02         { width: 104px; vertical-align: top; border: 0px solid red; background: none; }
.e03         { width: 300px; vertical-align: top; border: 0px solid red; background: none; }
.e04         { width:  80px; vertical-align: top; border: 0px solid red; background: none; }


.point   { cursor: pointer; border-style: solid; width: 116px; margin-top: 5px; color: black; height: 20px; 
           font-weight: normal; font-size: 10px; }

#forma   { width: 320px; border: 0px solid red; position: relative; top: 40px; left: 20px; float: left; }
.forma   { text-align: right; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-weight: normal; color: black; } 
.inp5    { width: 233px; height: 17px; background-color: #F8F1F1; border: 1px solid black; padding: 0px;
           font-family: Verdana, Arial, sans-serif; font-size: 11px; size: 50px; margin-top: 3px; }  
.sel5    { width: 235px; height: 19px; background-color: #F8F1F1; border: 1px solid black;  padding: 0px;
           font-family: Verdana, Arial, sans-serif; font-size: 11px; size: 237px; margin-top: 3px; }              
.tex1    { width: 233px; height: 80px; background-color: #F8F1F1; border: 1px solid black; padding: 0px;
           font-family: Verdana, Arial, sans-serif; font-size: 11px; size: 300px; margin-top: 3px; }  

fieldset { text-decoration: none; font-size: 9px; color: gray; font-weight: bold; padding: 3px; }                                                                              
legend   { text-decoration: none; font-size: 9px; color: gray; font-family: Verdana, sans-serif; }                                                                              

.img     { width:  80px; height: 60px; border: 5px solid #D6D6D6; margin-top: 1px; }
.vimg    { width: 800px; height: 600px; border: 0px solid black; }

.tit1    { width:  290px; height: 203px; border: 5px solid #D6D6D6; }

/* ---------------------------- PRAVÁ ČÁST -------------------------------------------------------------------------------------- */
/* ---------------------------- bookmark, homepage, print, marque, banery TOP, Apek, návštěvnost ---------------------------------*/