/* ------------------------------------------------------------ */
/*  WWW.VCD.CZ                                                  */
/*  Copyright by Michael Stanovsky                              */
/* ------------------------------------------------------------ */
/* inspirace: http://www.vitdlouhy.cz/clanky/2sloupce-fixed.php */
/* ------------------------------------------------------------ */
/* Tam, kde je  #CCCCCC by mělo být 30% barvy pozadí    */
/* ------------------------------------------------------------ */
/*  KOMETA styly pro VCD  */ 

/*  kvuli FrontPage mám tu nastavené absolutní posicování, to ale musím shodit stylem stylest(atic).css  */ 
/*                                    - ten přidávám do dokumentu pomocí PHP, takže ho FrontPage nevidí  */

body            { font-size: 8pt;
                  font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
                  background-color: #222222;
                  text-align: center;               /* kvuli MSIE<7 - aby to bylo ve středu na stránce */
                  margin: 0px;                      /* aby nebyla mezera mezi okrajem okna prohlížeče a mou stránkou */          
     }


#papir          { width: 785px;                     /* přidat pouze pro MSIE<=6 */
                  margin: 0 auto;                   /* střed stránky, tohle nezná MSIE<7, proto musí být v body text-align: center; */
                  text-align: left;                 /* aby se texty zařezávaly doleva */
                  background: #003B6E url('kometai/pozadi10.gif');  
                                                    /* ????? nedám-li patičku, nefunguje v Opeře a Firefoxu; Netscape vyžaduje v patičce text */
xxx-position: absolute; xxx-left:0px; xxx-top:0px; xxx-z-index: 1
     }



#hlavicka-null  { width: 100%; padding: 0; border: 0;                    /* různé prohlížeče různě interpretují css - viz vitdlouhy.cz */
     }
#hlavicka       { height: 96px;
     }


#sloupec-null   { width: 100%; padding: 0; border: 0;                   /* různé prohlížeče různě interpretují css - viz vitdlouhy.cz */
xxx-position: absolute; xxx-left: 160px; xxx-top: 0px; xxx-z-index: 2; /* absolutní posicování - vynález yms */
     }
#sloupec        {  
     }



#paticka-null   { clear: both; width: 100%; padding: 0; border: 0 none;       /* různé prohlížeče různě interpretují css - viz vitdlouhy.cz */
                  background:#111822;
     }
#paticka        { padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
                  background:#111822;
     }

    
/* formulare ------------------------------------------------*/        
input    { border:1px solid  #CCCCCC; background-color: #BF3965;
           color: #ffffff; font-size: 8pt;
           font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
           }
textarea { border:1px solid  #CCCCCC; background-color: #BF3965;
           color: #ffffff; font-size: 8pt;
           font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
           }    
            
/* pismo ----------------------------------------------------*/        

td     { margin:0px; 
         font-size: 8pt;
         color: #ffffff; 
         font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
         }        
td A:link, td A:visited, td A:active  
      { color: #ffffff; 
      }
td A:hover 
      { color: #ffffCC;
        background:#005555;  
      }       
        
p     { font-size: 8pt; 
        margin-left: 10px; margin-right: 10px;
        margin-top: 5px; margin-bottom: 0px;
        color: #ffffff; 
        font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
        }         
p A:link, p A:visited, p A:active  
      { color: #ffffff; 
      }
p A:hover 
      { color: #ffffCC;
        background:#005555;  
      }       
     
p.chyba        { color: rgb(192,0,0);         /* CHYBOVE HLASKY */
                 margin: 5px 0px 5px 0px;
                 text-align: left;
                 padding: 1px 10px 1px 15px;
                 font-weight: bold;
                 background: #FFFF00; 
     }

hr {     color: #777777; 
         background-color: #777777; 
         height: 1px;
         border: 0;
         width: 100%;
}    
     
/* text --------------------------------------------------*/
/* NADPISY */

h1, h1.program
       { font-size: 12pt;
         text-align: left;
         font-weight: bold;
         color: #E78230;
         margin: 10px 0px 10px 10px;
         font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
         }
h2, h2.program
       { font-size: 10pt; 
         text-align: left;
         font-weight: bold;
         color: #F6F847;
         margin: 10px 0px 0px 10px;
         font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
         }
h1.program, h2.program
       { margin-left: 0px;
         }         
         
/* NORMALNI */
p.al   { font-size: 8pt;
         text-align: left;
        }
p.ar   { font-size: 8pt;
         text-align: right;
        }
p.ac   { font-size: 8pt;
         text-align: center;
        }
       
/* MALE */
p.al0  { font-size: 11px;
         text-align: left;
        }
p.ar0  { font-size: 11px;
         text-align: right;
        }
p.ac0  { font-size: 11px;
         text-align: center;
        }
        
p.prg  { font-size: 11px;
         margin-left: 0px; margin-right: 8px;
         margin-top: 7px; margin-bottom: 0px;
        }
p.den  { font-size: 18px;
         font-weight: bold;
         margin-left: 0px; margin-right: 0px;
         margin-top: 0px; margin-bottom: 0px;
        }    
                
   
/* submenu v záhlaví textu -------------------------------*/
        
p.submc { font-size: 11px;
         color: #CCCCCC;
         font-weight: bold;
         text-align: center;
         margin: 0px 0px 5px 0px;
         text-decoration: none;
        }
p.submc A:link { color:  #CCCCCC;
         text-decoration:none; 
        }
p.submc A:visited { color:  #CCCCCC;
         text-decoration:none; 
        }
p.submc A:active { color:  #CCCCCC;
         text-decoration:none; 
        }
p.submc A:hover { color:  #CCCC77;
         text-decoration:none; 
        }
        
/* ---------------------------------------------------------------------- */
        
/*  H L A V I C K A  */

#hlavicka p.nadpis  { font-size: 16pt;
          font-weight: bold;
          color: #FFFFFF;
          background: #002050;
          text-align: left;
          margin: 0px; 
          }
         
#hlavicka p.counter { 
          font-size: 12px;
          color: #CCCCCC;
          font-weight: bold;      
          text-align: right;
          margin: 0px; 
        }          

/*  P A T I C K A  */              
        
#paticka-0 {
     clear: both;
}
#paticka-1 {
     float: left;
}
#paticka-2 {
     float: right;
}
#paticka-3 {
     clear: both;
}

#paticka p { font-size: 7pt;
         margin: 0 11px 0 11px;
         text-align: left;
         color: #cccccc;
}         
#paticka a:link, #paticka a:visited, #paticka a:active { 
         color: #cccccc;
         text-decoration: none; 
}
#paticka a:hover { 
         color: #ffffff;
         text-decoration: none; 
         background:#005555;  
}

#paticka-0 p { font-size: 8pt;        /* POCET PRISTUPU NA STRANKU */
          margin: 0 11px 0 11px;
          text-align: left;
          color: #ffffff;
}      
#paticka-0f p { font-size: 8pt;        /* POCET PRISTUPU NA OBRÁZEK */
          margin: 0px;
          text-align: center;
          color: #cccccc;
}      
#paticka-1 p { 
         text-align: left;
}         
#paticka-2 p { 
         text-align: right;
         line-height: 1px;
}
#paticka-3 p { font-size: 7pt;
         text-align: right;
         color: #777777;
}

/*   M E N U   H O V E R   */

#menuhover {
     width: 100%;                     /* kvuli MSIE<=6 musí být 99% - asi špatně interpretuje STRICT model - UŽ ZASE NE!! */
     margin: 0px;      
     padding: 0px;
}

#menuhover ul {
     }

#menuhover li {                      /* popis jen základního menu */
      width: 97px;
      border: 1px solid #ffffff;
      border-right: 0;               /* zařídí, aby dělící čáry nebyly dvojité */
      float: left; 
      list-style-type: none;
     }      

#menuhover li.rightpolozka {         /* pravé ohraničení u poslední položky menu */
      border: 1px solid #ffffff;
      width: 97px;
     }   

#menuhover li ul {                   /* cele submenu - pozor na dedene atributy */
      position: absolute;
      visibility: hidden;            /* defaultně zhasnuté */
      width: 50px;                   /* jakákoliv hodnota <= šířka základního menu */
      margin: 1px 0 0 -1px;          /* 1px -1px musí korespondovat se šířkou border */
      padding: 0px;
      list-style-type: none;
      float: none;
      background-color: #002050;
     }      


#menuhover li ul li {                /* popis položek rozbalovaného submenu */
      border: 1px solid #ffffff;     /* obnoví ohraničení vpravo */
      border-top: 0;                 /*        bylo vymazáno v "#menuhover li" */
     }    

#menuhover li:hover ul,              /* rozbaluje submenu */
#menuhover li.hover ul {             /* je to u 2x, Firefox se na to kouká jinak nez MSIE */
      visibility: visible;
     }

#menuhover a {                       /* popis písma a buňky - normální */
      background-color: #002050;     /* barva nevybrané buňky */
      xxpadding: 1px 1px 3px 3px;      /* odsazení od okrajů v buňce */
      font-size: 8pt;
      line-height: 20px;
      color: #FFFFFF;
      font-weight: bold;
      text-decoration: none;
      display: block;
     }   

#menuhover ul a {                    /* dtto změna pro rozbalené menu */
      padding: 0px 1px 0px 5px;      /* odsazení od okrajů v buňce */
      text-align: left;
      font-family: Verdana,'Arial CE','Helvetica CE',Arial,sans-serif;
line-height: 105%; padding-top:5px; padding-bottom:3px;
     }   

#menuhover a:hover {                 /* popis písma - vybrane - dědí se z "#menuhover a" */
      background-color: #004B85;
      color: #FFFFFF;                /* barva písma vybrané poloižky */
     }