/* Dvousloupcový layout pomocí plovoucího umístění */
* {
  margin:0;
  padding: 0;
}
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: normal;      /*font-size: small;*/
  margin: 0;
  background: #fff4e6;
}
#obal {           /* obaluje celou WWW stránku */
  width: 800px;
  margin: 0 auto;
  background: yellow;                                                      
}
 #zahlavi {        /* to je to  nahoře*/
  margin: 0 auto;
  width: 100%;
  height: 100px;
  background: #008fff url(img/banner-ironman-sub-9.gif);
  padding: 0px -18px
}

#zahlavi a {        /* odkaz v záhlaví*/
  display: block;   /* odkaz se roztáhne přes celou položku nabídky */
  width: 800px;             /* pro IE 6 a starší */ 
  height:100%;             /* pro IE 6 a starší */
  color: #ff8400;              /* barva textu tlačítek */
  font-size: 105%;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 16px
}
#zahlavitrenink {        /* to je to  nahoře*/
  margin: 0 auto;
  width: 100%;
  height: 100px;
  background: #008fff url(img/banner_trenink_1.gif);
  padding: 0px -18px
}

#zahlavitrenink a {        /* odkaz v záhlaví*/
  display: block;   /* odkaz se roztáhne přes celou položku nabídky */
  width: 800px;             /* pro IE 6 a starší */ 
  height:100%;             /* pro IE 6 a starší */
  color: #ff8400;              /* barva textu tlačítek */
  font-size: 105%;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 16px
}
#hlavni {          /* dává podkladovou barvu stránce, protože obsah a menu jsou pro prohližec neidentifikovatelné*/
  width: 100%;
  float: left;
  /* background: yellow; puvodni barva obsahu stranky */
  background: #FFF url(img/pozadi3.gif) repeat-y;
}
#menu {
  width: 20%;
  float: left;                                                      
}
#vlajka {
  width: 20%;
  float: left;
      }
#vlajka p {
  margin: 5px;
  padding-left: 10px;    /* vytvořili jsme prázdný prostor pro obrázek */
    }
#vlajka img {
    position: absolute;     /* absolutním umístěním se element vyjme z dokumentu ... */
                 /* ... a umístí se 10 pixelů od levé hrany nahřazeného bloku (elementu body) */
    }    
#obsah {
  width: 80%;
  float: right;
  border-top: 5px solid #ff8400;
}
#obsah-okraj{
    margin: 10px;
}
#zapati {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  background: #ff8400 url(obrazky/pozadi-zapati.jpg) repeat-x bottom;
}
#menuvodorovne ul {
  width: 630px;          /* zajišťuje sirku položky nabídky */
  margin: 0;
  position: relative;   /* umístění v rámci modelu relativní umístění */ 
  top: -0.7em;          /* posuň element vzhledem ke své původní pozici směrem nahoru */
  left: -0.3em;
  float: left;          /* zajišťuje roztažení pozadí za položky nabídky */
  list-style-type: none;
  background: #6bbeff;   /* zajišťuje barvu podkladu pozadí za položky nabídky,muze se i odstranit */
}
#menuvodorovne ul li {
  float: left;          /* zajišťuje vodorovné uspořádání položek nabídky */
  background: #6bbeff;
  border-right: 1px solid #0065b4;
}
#menuvodorovne a.vodorovnanabidka {
  display: block;           /* odkaz se roztáhne přes celou položku nabídky */
  padding: 3px 5px;
  border-top: 5px solid #008fff;
  border-bottom: 10px solid #0065b4;
  color: #000;              /* barva textu odkazu */
  font-size: 105%;
  font-weight: bold;
  text-decoration: none;    
}
#menuvodorovne a:hover.vodorovnanabidka {
  color: #FFF;
  background: #000;
  border-top-color: #0065b4;
  border-bottom-color: #008fff;  
}
/* ------ navigace ------ */

#menu ul {
  _width: 94%;              /* Oprava pro Internet Explorer 6 a starší verze */
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu li {
  background: #6bbeff;
  border: solid #0073cd;    /* rámeček kolem tlačítek */
  border-width: 1px 1px 0px 1px;
  height: 1%;               /* oprava tlačítek pro Internet Explorer 6 a starší verze */
}

#menu .spodni {
  border-bottom: 1px solid #0073cd;
}
#menu a {
  display: block;           /* odkaz se roztáhne přes celou položku nabídky */
  width: 134px;             /* pro IE 6 a starší */ 
  height: 100%;             /* pro IE 6 a starší */
  padding: 3px 5px;
  border-left: 5px solid #008fff;
  border-right: 10px solid #0065b4;
  color: #000;              /* barva textu tlačítek */
  font-size: 105%;
  font-weight: bold;
  text-decoration: none;    
}
#menu a:hover {
  color: #FFF;
  background: #000;
  border-left-color: #0065b4;
  border-right-color: #008fff;  
}

#menu h2 {
  display: none;            /* zrušení vykreslování nadpisu */
}

#home #nav-home, #biografie #nav-biografie, #zavody #nav-zavody,   /*oznaceni aktualni stranky v menu mi nefunguje, dodelat */
#vysledky #nav-vysledky, #trenink #nav-trenink, #fotogalerie #nav-fotogalerie, #media #nav-media,
#partneri #nav-partneri,#outdoor #nav-outdoor, #kontakt #nav-kontakt, #terminy #nav-terminy  {
  color: #FFF;
  background: #000;
  border-left-color: #0065b4;
  border-right-color: #008fff;  
}                                 

h1, h2 {
  margin-top: 0;
}
/* ---- obsah ----- */

h1, h2 {
  margin-top: 0;
  font-family: Georgia, "Times New Roman", serif;
  border-bottom: 1px dotted #008fff; 
}
h1 {
  font-size: 160%;
  color: #ff4e00;
  margin: 0 0 10px 0;
}
h2 {
  font-size: 125%;
  color: #0077d5;
  margin: 10px 0 5px 0;
}
h3 {
  margin-top: 0;
  font-family: Arial, Verdana, sans-serif;
  border-bottom: 1px dotted #008fff;
}  
 h3 {
  font-size: 100%;
  color: #ff4e00;
  margin: 10px 0 5px 0;
}  
p {
  font-size: 90%;
  margin: 0 0 12px 0;
}
#obsah p.datum {
      margin: 0;
      position: relative;   /* umístění v rámci modelu relativní umístění */ 
      top: -1.6em;          /* posuň element vzhledem ke své původní pozici směrem nahoru */
      text-align: right;
      color: #0077d5; 
      font-style: italic; 
    }
#obsah img.vpravo {
      float: right;   /* obrázek v rámci plovoucího umístění posunuje zcela doprava k okraji nadřazeného bloku */
      margin-right: 5px;
      margin-left: 5px;
      margin-bottom: 10px;
    }
#obsah img.vlevo {
      float: left;   /* obrázek v rámci plovoucího umístění posunuje zcela doleva k okraji nadřazeného bloku */
      margin-right: 5px;
      margin-left: 5px;
      margin-bottom: 10px;
    }    
#obsah p.vpravo {
      margin: 0;
      position: relative;   /* umístění v rámci modelu relativní umístění */
      top: -1.0em; 
      text-align: right;
      color: #ff4e00; 
      font-style: italic;
      font-size: small; 
    }
table, td, th {
      border: 1px solid black;
      font-size: small;
}
table {
      width: 100%;
}
td, th {
      padding: 3px 5px;
}
th {
      background: #6bbeff; /* barva pozadí záhlaví */
      color: black;         /* barva textu záhlaví */
    }
    .nastred {
      text-align: center;
    }
    .doleva {
      text-align: left;
    }
    .doprava {
      text-align: right;
    }
    .zmena-pozadi {
      background: #d1d1d1; /* změněná barva pozadí některých řádků */
}
table.fotogalerie {
      border: 1px solid white;
      font-size: normal;
}
table.fotogalerie {
      width: 100%;
}
td.fotogalerie {
      padding: 2px 2px;
      border: 1px solid white;
      font-size: normal;
      text-align: center;
}
table.zavody {
      border: 1px solid white;
      padding: 10px 8px;    /* odsazení textu od okraje záložky */
      font-size: normal;
}
table.zavody {
      width: 100%;
}
td.zavody {
      padding: 2px 2px;
      border: 1px solid white;
      font-size: normal;
      text-align: left;
}
#obsah p {
  text-align: justify; 
}
#obsah a {
  color: #0077d5;
}
#obsah a:hover {
  color: #ff4e00;
  text-decoration: none;
}














/* ---- zapati ----- */
     
#zapati p {
  margin: 5px;
  text-align: center;
  color: white;   
}
#zapati a {
  color: white;
  font-weight: bold;  
}  
ul {
  font-size: 90%;
  margin: 0 0 5px 20px;
}
a {
  color: #000;
  font-weight: bold; 
}