/* ------------------------------------------------------------ */
/*  WWW.VCD.CZ                                                  */
/*  Copyright by Michael Stanovsky                              */
/* ------------------------------------------------------------ */
/* inspirace: http://www.vitdlouhy.cz/clanky/2sloupce-fixed.php */
/* ------------------------------------------------------------ */
/* Tam, kde je rgb(225,171,188) by mělo být 30% barvy pozadí    */
/* ------------------------------------------------------------ */
/*  hlavní styly pro VCD  */

/* definice písma: http://www.pestujemeweb.cz/obsah/ruzne/velikost-pisma.php */

/*  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: #710629;
                  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: #b32d58 url('images/pozadi10.jpg') no-repeat top right;
                                                    /* ????? 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;      /* absolutní posicování - vynález yms */
                }

#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        {
                }
#text           { padding-right: 20px;
                  padding-left: 172px;
                }
#foto-momentky  { padding-left: 120px;
                }
#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 10px 0px 10px;
                }

/* formulare ------------------------------------------------*/
input, span.input
         { border:1px solid rgb(225,171,188);
           background: #BF3965;
           color: #ffffff;
           font-size: 8pt;
           font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
           }
input.bezokraje   { border: 0px solid;
                    padding-top:0px;
                    padding-bottom:0px;
                    vertical-align:-25%;
                  }
input.neviditelny { height: 1px;
                    width: 1px;
                    font-size: 1px;
                    border: 0px solid;
                    background: #b32d58;
                    background: #981B43;   /* nový model formulářů s tmavším pozadím */
                  }
input.submit      { background: #99264B;
                  }

textarea { border:1px solid rgb(225,171,188);
           background: #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: rgb(255,255,255);
         font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
       }
td A:link    { color: rgb(255,255,255); }
td A:visited { color: rgb(255,255,255); }
td A:active  { color: rgb(255,255,255); }
td A:hover   { color: rgb(255,255,255); }

hr    { color: #E1ABBC;
        background-color: #E1ABBC;
        height: 1px;
        border: 0;
        width: 99%;
        text-align:left;
      }

p     { font-size: 8pt;
        margin: 15px 0px 0px 0px;
        color: rgb(255,255,255);
        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, p A:hover   { color: rgb(255,255,255); }

li     { font-size: 8pt;
         color: rgb(255,255,255);
         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, p A:hover   { color: rgb(255,255,255); }

p.chyba, p.chyba A:link, p.chyba A:visited, p.chyba A:active, p.chyba A:hover
            { 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;
            }

/* head --------------------------------------------------*/
/* NADPIS - v cernem ramecku - FOTKY OLD, ale i jinde */
p.head { font-size: 11px;
         text-align: left;
         font-weight: bold;
         margin: 0px 0px 0px 11px;
       }

/* text --------------------------------------------------*/
/* NADPISY */

h1     { font-size: 10.5pt;
         text-align: left;
         font-weight: bold;
         color: rgb(255,255,255);
         margin: 15px 0px 0px 0px;
         font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
       }
h1 A:link, h1 A:visited, h1 A:active, h1 A:hover
       { color: rgb(255,255,255); }
h1.h1-vcd { font-size: 20px;
            margin-top: 2px;
          }
h2     { font-size: 9pt;
         text-align: left;
         font-weight: bold;
         color: rgb(255,255,255);
         margin: 15px 0px 0px 0px;
         font-family: 'Verdana CE',Verdana,'Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
       }
h2 A:link, h2 A:visited, h2 A:active, h2 A:hover
       { color: rgb(255,255,255); }

p.rok  { font-size: 25px;
         color: gray;
         text-align: center;
         font-weight: bold;
         margin-top: 5px; margin-bottom: 0px;
       }

/* NORMALNI */
p.al   { font-size: 8pt;
         text-align: left;
         margin: 15px 0px 0px 0px;}
p.ar   { font-size: 8pt;
         text-align: right;
         margin: 15px 0px 0px 0px;}
p.ac   { font-size: 8pt;
         text-align: center;
         margin: 15px 0px 0px 0px;}

li A:link, li A:visited, li A:active, li A:hover   { color: rgb(255,255,255); }


/* "SEDIVE" pismo v odstavci */
span.sede,
span.sede A:link, span.sede A:visited, span.sede A:active { color: rgb(225,171,188);}
span.sede A:hover                                         { color: rgb(225,225,225);}

/* MALE */
p.al0  { font-size: 11px;
         text-align: left;
         margin: 5px 0px 0px 0px;}
p.ar0  { font-size: 11px;
         text-align: right;
         margin: 5px 0px 0px 0px;}
p.ac0  { font-size: 11px;
         text-align: center;
         margin: 5px 0px 0px 0px;}

/* JESTE MENSI */
p.al00 { font-size: 9px;
         text-align: left;
         margin: 5px 0px 0px 0px;}
p.ar00 { font-size: 9px;
         text-align: right;
         margin: 5px 0px 0px 0px;}
p.ac00 { font-size: 9px;
         text-align: center;
         margin: 5px 0px 0px 0px;}

/* ODKAZY ZA ODSTAVCEM - MALE VLEVO */
p.alc0 { font-size: 11px;
         color: rgb(225,171,188);
         font-weight: bold;
         text-align: left;
         margin: 5px 0px 0px 11px;
         text-decoration: none;
       }
p.alc0 A:link, p.alc0 A:visited, p.alc0 A:active { color: rgb(225,171,188); text-decoration:none; }
p.alc0 A:hover                                   { color: rgb(225,225,225); text-decoration:none; }

p.alc00 { font-size: 9px;
          color: rgb(225,171,188);
          font-weight: bold;
          text-align: left;
          margin: 5px 0px 0px 11px;
          text-decoration: none;
        }
p.alc00 A:link, p.alc00 A:visited, p.alc00 A:active { color: rgb(225,171,188); text-decoration:none; }
p.alc00 A:hover                                     { color: rgb(225,225,225); text-decoration:none; }


/* ODKAZY ZA ODSTAVCEM - NORMALNI VPRAVO */
p.arc  { color: rgb(225,171,188);
         font-weight: bold;
         text-align: right;
         margin: 5px 0px 0px 0px;
         text-decoration: none;
       }
p.arc A:link { color: rgb(225,171,188);
         font-weight: bold;
         text-align: right;
         text-decoration:none;
        }
p.arc A:visited { color: rgb(225,171,188);
         font-weight: bold;
         text-align: right;
         text-decoration:none;
       }
p.arc A:active { color: rgb(225,171,188);
         font-weight: bold;
         text-align: right;
         text-decoration:none;
       }
p.arc A:hover { color: rgb(225,225,225);
         font-weight: bold;
         text-align: right;
         text-decoration:none;
       }

/* program, seznamy --------------------------------------*/
/* CISLO DNE, SKUPINA */
p.den  { font-size: 18px;
         font-weight: bold;
         margin: 0px 0px 0px 0px;
       }
/* PROGRAM/TABULKA S HORNIM MARGIN */
p.prg  { font-size: 11px;
         margin: 7px 8px 0px 0px;
       }

/* PROGRAM/TABULKA BEZ HORNIHO MARGIN */
p.prgx { font-size: 11px;
         margin: 0px 8px 0px 0px;
       }

/* DTTO VETSI */
p.prgy { font-size: 8pt;
         font-weight: bold;
         margin: 0px 8px 0px 0px;
       }

/* DTTO JINA BARVA */
p.prgz { font-size: 11px;
         color: rgb(225,171,188);
         margin: 0px 8px 0px 0px;
       }

/* NOVÝ PROGRAM  --------------------------------------*/        
p.nazevnew { font-size: 13px;
           text-align: left;
           margin: 6px 8px 0px 4px;
         }
p.prgnew { font-size: 11px;
           text-align: left;
           margin: 0px 8px 4px 4px;
         }
p.prgcnew { font-size: 11px;
           color: rgb(245,211,228);
           text-align: left;
           margin: 10px 15px 4px 0px;
         }
p.prgcnew A:link, p.prgcnew A:visited, p.prgcnew A:active, p.prgcnew A:hover 
         { color: rgb(245,211,228);
         }
span.velkenew { font-size: 18px;
           font-weight: bold;
         }

/* submenu v záhlaví textu -------------------------------*/

/* TEXT */
p.subm { font-size: 11px;
         font-weight: bold;
         text-align: left;
         margin: 2px 5px 2px 0px;
       }

/* ODKAZY */
p.submc, p.submcc { font-size: 11px;
         color: rgb(225,171,188);
         font-weight: bold;
         text-align: left;
         margin: 2px 5px 2px 5px;
         text-decoration: none;
       }
p.submcc { margin-bottom: 10px; }
p.submc A:link, p.submc A:visited, p.submc A:active, p.submc A:hover,
p.submcc A:link, p.submcc A:visited, p.submcc A:active, p.submcc A:hover {
         font-size: 11px;
         color: rgb(225,200,200);
         font-weight: bold;
         text-align: left;
         text-decoration:none;
       }
p.submc A:hover, p.submcc A:hover {
         font-size: 11px;
         color: rgb(225,225,225);
         font-weight: bold;
         text-align: left;
         text-decoration:none;
       }
p.submf { font-size: 11px;
         color: rgb(225,171,188);
         font-weight: bold;
         text-align: center;
         margin: 0px 5px 0px 5px;
         text-decoration: none;
       }
p.submf A:link { font-size: 11px;
         color: rgb(225,255,255);
         font-weight: bold;
         text-align: center;
         text-decoration:none;
       }
p.submf A:visited { font-size: 11px;
         color: rgb(225,255,255);
         font-weight: bold;
         text-align: center;
         text-decoration:none;
       }
p.submf A:active { font-size: 11px;
         color: rgb(225,255,255);
         font-weight: bold;
         text-align: center;
         text-decoration:none;
       }
p.submf A:hover { font-size: 11px;
         color: rgb(225,225,128);
         font-weight: bold;
         text-align: center;
         text-decoration:none;
       }
p.submy { font-size: 11px;
         color: rgb(225,225,128);
         font-weight: bold;
         text-align: left;
         margin: 0px 5px 0px 5px;
         text-decoration: none;
       }
p.submy A:link { font-size: 11px;
         color: rgb(225,225,128);
         font-weight: bold;
         text-align: left;
         text-decoration:none;
       }
p.submy A:visited { font-size: 11px;
         color: rgb(225,225,128);
         font-weight: bold;
         text-align: left;
         text-decoration:none;
       }
p.submy A:active { font-size: 11px;
         color: rgb(225,225,128);
         font-weight: bold;
         text-align: left;
         text-decoration:none;
       }
p.submy A:hover { font-size: 11px;
         color: rgb(255,255,180);
         font-weight: bold;
         text-align: left;
         text-decoration:none;
       }


/*    F O T K Y   O L D   */

/* POPIS OBRAZKU */
p.fotoc, p.fotoc A:link, p.fotoc A:visited, p.fotoc A:active, p.fotoc A:hover
       { font-size: 9px;
         color: rgb(225,171,188);
         font-weight: bold;
         text-align: center;
         text-decoration: none;
         margin: 0px;
       }
/* PHOTO BY */
p.fotor { font-size: 11px;
         color: rgb(225,225,225);
         text-align: right;
         margin: 0px 5px 0px 5px;
       }
/* ODKAZY */
p.fotolc { font-size: 11px;
         color: rgb(225,225,225);
         font-weight: bold;
         text-align: left;
         margin: 0px 5px 0px 5px;
         text-decoration: none;
       }
p.fotolc A:link, p.fotolc A:visited, p.fotolc A:active
       { font-size: 11px;
         color: rgb(225,225,225);
         font-weight: bold;
         text-align: left;
         text-decoration:none;
       }
p.fotolc A:hover { font-size: 11px;
         color: rgb(225,225,128);
         font-weight: bold;
         text-align: left;
         text-decoration:none;
       }

/* fotky NEW */

.pop-left, #pop-left, p.pop-left, p.pop-right
               { font-size: 10px;              /* popis písma */
                 text-align: center;
                 font-weight: bold;
                 color: rgb(225,171,188);
                 padding: 4px;
                 background: #C43161;         /* pozadí */
                 border: 8px solid #B32D58;   /* ohraničení stejné barvy jako pozadí*/
               }
.pop-left, #pop-left, p.pop-left     { float: left;
                 margin: 0px 4px 0px 0px;     /* odsazení bloku */
                 border-left: 0px solid;
               }
p.pop-right    { float: right;
                 margin: 0px 0px 0px 4px;     /* odsazení bloku */
                 border-right: 0px solid;
               }
p.pop-center   { width: 625 px;               /* šířka obrázku + 2px rámeček obrázku + 6px rámeček bloku = předefinovat v textu */
               }
p.pop-left img, p.pop-right img
               { border: 1px solid #FFFFFF;   /* rámeček kolem obrázku */
                 margin: 2px 0px 2px 0px;
               }
p.pop-left a:link, p.pop-left a:visited, p.pop-left a:active, p.pop-left a:hover,
p.pop-right a:link, p.pop-right a:visited, p.pop-right a:active, p.pop-right a:hover
               { color: rgb(225,171,188);
               }

/*  H L A V I C K A  */

#hlavicka-1  { float: left;
             }
#hlavicka-2  { float: right;
             }
#hlavicka h1 { font-size: 16pt;
               font-weight: bold;
               text-indent: 55px;
               line-height: 45px;
               margin: -47px 0 0 12px;
             }
#hlavicka h1.shad {
               color: black;
               margin: 20px 0 0 15px;
               background: url("images/logovcdb.gif") no-repeat;
             }
#hlavicka h2 { font-size: 8pt;
               margin: 1px 0 0 15px;
             }
#hlavicka p  { font-size: 10pt;
               font-weight: bold;
               text-align: right;
               margin: 35px 160px 0 0;
             }
#hlavicka p.counter {
               font-size: 12px;
               font-weight: bold;
             }

/*  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;
           }
#paticka a:link, #paticka a:visited, #paticka a:active {
             text-decoration: none;
           }
#paticka a:hover {
             color: #ffabbc;
             text-decoration: none;
           }

#paticka-0 p  { font-size: 8pt;        /* POCET PRISTUPU NA STRANKU */
                margin: 0 11px 0 14px;
                text-align: left;
                color: #ffffff;
              }
#paticka-0f p { font-size: 8pt;        /* POCET PRISTUPU NA OBRÁZEK */
                margin: 0px;
                text-align: center;
                color: #ffabbc;
              }
#paticka-1 p  { text-align: left;
              }
#paticka-2 p  { text-align: right;
                xxmargin-top: -5px;
              }
#paticka-3 p  { font-size: 7pt;
                text-align: right;
                color: #710629;
              }
#paticka-3 a:link, #paticka-3 a:visited, #paticka-3 a:active {
                color: #710629;
                text-decoration: none;
              }
#paticka-3 a:hover {
                color: #ffabbc;
                text-decoration: none;
              }


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

/* ----------------- MENU ---------------------------- */
/* inspirace: http://interval.cz/clanky/hover-menu */

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


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

/*
------------------------------------
Tip jak to zjednodušit (bez rámečků)
------------------------------------

css obsah:
.menu li { text-align: center; width:150px; display: block}
.menu li:hover ul{visibility: visible;}
.menu ul{visibility: hidden; position: absolute; padding: 0px}
.menu a {text-decoration: none; color: black; display: block; padding: 0px; border: 1px #456532 solid}
.menu a:hover{background-color: #a9c6FF}
.menu {display: inline-block; padding: 2px}
--------------------------------------------------------
<a>Hlavní odkaz 1</a>

<a href="#" rel="nofollow">Pododkaz 1</a>
   <a href="#" rel="nofollow">Pododkaz 2</a>
   <a href="#" rel="nofollow">Pododkaz 3</a>

<a>Hlavní odkaz 2</a>

<a href="#" rel="nofollow">Pododkaz 1</a>
   <a href="#" rel="nofollow">Pododkaz 2</a>
   <a href="#" rel="nofollow">Pododkaz 3</a>

<a>Hlavní odkaz 3</a>

<a href="#" rel="nofollow">Pododkaz 1</a>
   <a href="#" rel="nofollow">Pododkaz 2</a>
   <a href="#" rel="nofollow">Pododkaz 3</a>

*/