/* ------------------------------------------------------------ */
/*  WWW.MACHOVADANCE.CZ                                         */
/*  Copyright by Michael Stanovsky                              */
/* ------------------------------------------------------------ */
/* inspirace: http://www.vitdlouhy.cz/clanky/2sloupce-fixed.php */
/* ------------------------------------------------------------ */
/*  hlavní styly   */ 

body            { font-size: 8pt;
                  font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
                  background-color: #202020;
                  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: 800px;                     /* přidat pouze pro MSIE<=6 */
                  margin: 0px auto;                 /* střed stránky, tohle nezná MSIE<7, proto musí být v body text-align: center; */
                  xxmargin: 10px 10px 10px 80px;
                  text-align: left;                 /* aby se texty zařezávaly doleva */
     }


#sloupec-null   { width: 100%; padding: 0; border: 0;                     /* různé prohlížeče různě interpretují css - viz vitdlouhy.cz */
     }
     
#sloupec        { border:  3px solid #101010; 
                  padding: 0px 20px 0px 85px;
                  background: #3C3736 url('images/body.gif');
     }

#text           { padding-top: 1px;
     }

#paticka-null   { clear: both; width: 100%; padding: 0; border: 0;        /* různé prohlížeče různě interpretují css - viz vitdlouhy.cz */
     }
#paticka        { padding: 0px 20px 0px 0px;
                  text-align: right;
                  color: #707070;
     }

/* ------------------------------------------ */
/* ZAKLADNI PISMA */

h1    { font-size: 14pt;
        margin: 15px 0px 5px 0px;
        padding: 0px;
        text-align: left;
        color: #FFBF43;
        font-weight: bold;
      }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover
      { color: #FFBF43;
        border-bottom: 1px #FFBF43 dashed;
        text-decoration: none;
      }

h2    { font-size: 11pt;
        margin: 15px 0px 5px 0px;
        text-align: left;
        color: #FFBF43;
        font-weight: bold;
      }
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover
      { color: #FFBF43;
        border-bottom: 1px #FFBF43 dashed;
        text-decoration: none;
      }
      
h3    { font-size: 10pt; 
        margin: 5px 0px 5px 0px;
        color: #FFFFFF; 
        text-align: left;
      }    
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover
      { color: #FFFFCC; 
        border-bottom: 1px #CCCCAA dashed;
        text-decoration: none;
        font-weight: bold;
      }
p, #text li { font-size: 10pt; 
        margin: 5px 0px 5px 0px;
        color: #FFFFFF; 
        text-align: left;
      }    
#text li { margin: 1px 0px 1px -15px;
        padding 0px;
      }    
p a:link, p a:visited, p a:active, p a:hover  
      { color: #FFFFCC; 
        border-bottom: 1px #CCCCAA dashed;
        text-decoration: none;
      }
p.logo a { 
        border-bottom: none;
      }
h1 a:hover, h2 a:hover, h3 a:hover, p a:hover
      { background: #222222;
      } 

/* ------------------------------------------ */
/* DALSI ODVOZENA PISMA */

p.l, p.ls, p.mensi-l, p.mensi-ls
      { text-align: left;
      }
li    {
      }      
p.r, p.rs, p.mensi-r, p.mensi-rs
      { text-align: right;
      }
p.c, p.cs, p.mensi-c, p.mensi-cs
      { text-align: center;
      }
p.ls, p.rs, p.cs, p.mensi-ls, p.mensi-rs, p.mensi-cs
      { color: #CCCCCC;
      }
p.mensi-l, p.mensi-r, p.mensi-c, p.mensi-ls, p.mensi-rs, p.mensi-cs
      { font-size: 8pt;
      }
p.ls a:link, p.ls a:visited, p.ls a:active, p.ls a:hover,
p.rs a:link, p.rs a:visited, p.rs a:active, p.rs a:hover,
p.cs a:link, p.cs a:visited, p.cs a:active, p.cs a:hover,
p.mensi-ls a:link, p.mensi-ls a:visited, p.mensi-ls a:active, p.mensi-ls a:hover,
p.mensi-rs a:link, p.mensi-rs a:visited, p.mensi-rs a:active, p.mensi-rs a:hover,
p.mensi-cs a:link, p.mensi-cs a:visited, p.mensi-cs a:active, p.mensi-cs a:hover   
      { color: #CCCCAA;
      }
      
p.logo                           /* uvodni logo a nazev */
      { font-size: 13.5pt;
        margin: 5px 0px 15px 0px;
        text-align: left;
        color: #FF9933;
        font-weight: bold;
        border-bottom: 0px none;
      } 

p.pop, p.pop-sirsi 
      { font-size: 8pt;          /* fotka a popisek pod fotkou */
        margin: 15px 0px 15px 0px;
        color: #CCCCCC;
        border-bottom: 1px #707070 solid;
        width: 240px;
      } 
p.pop-sirsi 
      { width: 420px;
      } 
p.pop img, p.pop-sirsi img 
      { border: 1px solid #C0C0C0;
      }

p.logo a, p.pop a, p.pop-sirsi a
      { border-bottom: 0px;
        background: none;
      }
       
p.servis                         /* servisni texty pod strankou */
      { font-size: 8pt; 
        text-align: right;
        color: #777777;
      }      

/* ------------------------------------------ */
/* DALSI */

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

/* ------------------------------------------ */
/* MENU HOVER */

#menuhover
      { width: 100%;
        margin: 0px;      
        padding: 0px;
      }

#menuhover ul                         /* musí to tu být prázdné */
      {
      }

#menuhover li                         /* popis jen základního menu */
      { width: 135px;
        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: 135px;
      }   

#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: #222222;
      }      

#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: #222222;    /* barva nevybrané buňky */
        xxpadding: 1px 1px 3px 3px;   /* odsazení od okrajů v buňce */
        font-size: 8pt;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        color: #FFFFE3;
      }   

#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: #888888;
        color: #FFFFFF;               /* barva písma vybrané poloižky */
      }