/* CSS Document *//* Svislá navigační nabídka */

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: small;
  margin-top: 20px;
  background: #141414;
}

/* ----- layout ----- */

#obal {
  width: 950px;
  margin: 0 auto;
  background: black;
}
#zahlavi {
  width: 100%;
  height: 190px;
  background: black;
}
#zahlavi img {
margin-left: 2px;
margin-top: 0px;
}


#hlavni {
  width: 950px;
  float: left;
  background: #FFF url(obrazky/pozadi.gif) repeat-y;
}
#menu {
  width: 215px;
  float: left; 
}
#obsah {
  width: 77%;
  float: right;
  border-top: 5px solid black;
}
#zapati {
  width: 100%;
  float: left;
  background: black;
}
#zapati p {
margin: 5px;
text-align: center;
}
#zapati a {
color: white;
text-decoration: none;
font-weight: bold;
}
/* ------ navigace ------ */
#menu ul {
  width: 100%;              /* Oprava pro Internet Explorer 6 a starší verze */
  margin: 5px 0 0 0;
  padding: 0;
  list-style-type: none; 
}
#menu li {
  background: url(obrazky/tlacitko1.gif);
  border-width: 1px 0 0 0;   
  height: 34px;  /* oprava tlačítek pro Internet Explorer 6 a starší verze */
  margin-bottom: 2px;  
  width: 215px;           
}
#menu .spodni {
  border-bottom: 1px solid black;
  margin-bottom: 0px;
}
#menu .pocitadlo {
margin-bottom: 0px;
border: 0 solid;
padding-top: 20px;
padding-bottom: 30px;
background: #B00000;
text-align: center;
}
#menu a {
  display: block;           /* odkaz se roztáhne přes celou položku nabídky */
  width: 95,5%;             /* pro IE 6 a starší */ 
  _height: 1%;  /* pro IE 6 a starší */
      border-top: 0px solid black; /* rámeček kolem tlačítek */
      border-left: 5px solid black;
      border-right: 5px solid black;            
  padding: 8px 10px;         /* odsazení textu tlačítek od okrajů */
  color: white;              /* barva textu tlačítek */
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}
#menu a:hover {
color: white; 
background: url(obrazky/tlacitko2.gif);
border-left-color: 5px black;
border-right-color: black;
text-align: center;
}
#menu h2 {
  display: none;            /* zrušení vykreslování nadpisu */
}


#uvodnistrana #nav-uvodnistrana, #historie #nav-historie, #sestava #nav-sestava, #kalendarakci #nav-kalendarakci, #fotogalerie #nav-fotogalerie, #videa #nav-videa,#vasevzkazy #nav-vasevzkazy, #kontakt #nav-kontakt, #co_hrajeme #nav-co_hrajeme  {
color: white;
background: url(obrazky/tlacitko2.gif);
border-left-color: 5px black;
border-right-color: black;
}


/* ---- obsah ----- */
h1 {
font-size: 200%;
margin: 0 0 10px 0;
}
h2 {
font-size: 180%;
margin: 10px 6px 5px 0;
}
h1, h2 {
  font-family: Georgia, "Times New Roman", serif;
  text-align: center;
  border-bottom: 2px dotted #660000;
  color: white;
}
h4 {
font-size: 160%;
border-bottom: 0px dotted #660000;
}
ul, p {
font-size: 120%;
color: white;
}
#fotogalerie_male_fotky {
margin-left: 100px;
}

#obsah-okraj {
margin: 10px;
}
#obsah a {
color: white;
text-decoration: underline;
}
#obsah a img {
border: 2px solid #A07000;
}
#obsah a:hover img {
border: 2px solid #FFB040;
} 
#obsah a:hover {
color: #FFB040;
text-decoration: none;
}
#co_hrajemetable {
color: white;
margin: 0px auto;
padding-left: 30px;
}
#co_hrajemetable table, td {
padding-left: 10px;
}
#videa {
margin-left: 75px;       
       }
.tucne {
font-weight: bold;
}
.italic {
font-style: italic;
}
.italic p {
text-align: center;
}
.doprava {
text-align: right;
}
.doleva {
text-align: left;
}
.doprostred {
text-align: center;
}
.vanoce {
text-align: center;  
font-size: 150%;     
}

p {
margin: 0 0 5px 0;
text-align: left;
color: white;
}
ul {
margin: 0 0 5px 20px;
}
.uvod {
font-size: 140%;
text-align: center;
}
#hlavnifoto {
margin: 0px auto;
border: 2px solid black;
width: 640px;
height: 480px;
}

#vlocka {
margin-left: 300px;
}
#foto {
width: 600px;
height: 409px;
border: 2px solid;
margin: 0 auto;
}
#table_sestava {
margin: 0px auto;
text-align: center;
color: white;
}
#table_sestava td {
padding: 5px 40px 0px 40px;
}
#obsah a {
color: white;
text-decoration: none;
}
#obsah a img {
border: 2px solid black;
}
#obsah a:hover img {
border: 2px solid #404040;
} 
#obsah a:hover {
color: white;
text-decoration: underline;
}
#dotaznik {
margin-left: 15px;
}
#velkym_kontakt {
font-size: 120%;
}

#kalendar_table {
margin-left: 60px;
color: white;
font-size: 120%;
}
#kalendar_rok {
border: 1px solid #660000;
color: white;
padding-left: 325px;
font-size: 120%;
width: 378px;
}

#odehrane {
color: #660000;
}
.velke {
font-size: 120%;
}
.nastred {
margin: 0px auto;
}
#doprostred img {
margin: 0px auto;
}
#fotogalerie_table {
margin-left: 110px;
color: white;
font-size: 120%;
}
#fotogalerie_table a {
color: white;
text-decoration: underline;
}
#fotogalerie_table a:hover {
color: #660000;
text-decoration: underline;
}