td
{text-align: left}

a:link    {color: orange}
a:visited    {color: orange}
a:active    {color: orange}
a:hover    {color: brown}


div#logo {
  height: 320px;
  background-image: url(../images/logo.jpg);
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
}


div#hlavicka {
  position: relative;  
  top: 15px;
  height: 376px;
  width: 850px;
  background-color: green;
  color: white;
}

div#obsah {
  position: relative;
  height: 100%;
  width: 824px;
  top: 0px;
  left: 0px;
  right: 0px;
  color: white;
  background-color: green;
  padding: 13px;
}


html {
  font-family: Arial;
  background-color:#006600;
  background-image:url(../images/pozadi.jpg);
  background-repeat:repeat-x; 
}


body {
  margin: 0;
  margin-bottom: 10px;
}

h2 {
  font-size: 24px;
  font-weight: bold;
} 

h3 {
  font-size: 18px;
  font-weight: bold;
}

div#stranka {
  width: 850px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;

}

div.menu {
  height: 41px;
  position: absolute;
  left: 0px;
  right: 0px;
  background-image: url(../images/lista.jpg);
}
div#lista {
  top: 320px;
}
div.menu ul {
  display: table;
  position: absolute;
  padding-left: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 5px;
  height: inherit;
  right: 0;
  background-image: url(../images/lista_od.jpg);
}
div.menu ul li {
  list-style: none;
  height: 41px;
  float: left;
  margin-left: 1px;
  background-image: url(../images/lista.jpg);
}
div.menu ul li a {
  color: white;
  font-size: 11pt;
  font-weight: bold;
  display: block;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  height: 32px;
}
div.menu ul li:hover {
  background-image: url(../images/lista_svetla.jpg);
}

div#lista_l, div#lista_p {
  position:absolute;
  width: 13px;
  height: 100%;
}

div#lista_l {
  left: 0;
  background-image: url(../images/lista_l.jpg);
}

div#lista_p {
  right: 0;
  background-image: url(../images/lista_p.jpg);
}

div.novinky {
  background-color: #009900; 
  width: 450px; 
  height: 250px; 
  overflow: auto;
  color: white;
  margin: auto;
  margin-bottom: 48px;
  text-align: center;
}

div.novinky h1 {
  font-weight: bold;
  font-size: 16px;
  margin: 0px;
}

div.novinky p {
  font-size: 16px;
  margin-top: 0px;
}

div.novinky span {
  font-style: italic;
}

p#uvodni_text {
  text-align: center;
  font-size: 13px;
  font-style: italic;
  width: 614px;
  margin: auto;
}

p#uvod_novinky {
  text-align: center;
  font-size: 16px;
  width: 580px;
  margin: auto;
  margin-bottom: 16px;
}

h1#in {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
 
}

h1#nadpis {
  text-align: center;
  font-size: 32px;
  font-weight: normal;
 
}

h2.mar0 {
  margin-bottom: 0px;
}

h2#vetsi {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 0px;
}

h2#kontakt_podnadpis {
  text-align: center;
}

h2.stred {
  text-align: center; 
}

h3.stred {
  text-align: center;
  margin: 0px; 
}

h3#h3trasy {
  font-weight: normal;
  margin-top: 0px;
} 

div#copyright {
  width: 844px;
  font-size: 13px;
  text-align: right;
  color: white;
  margin: auto;
  padding: 3px;
}

img.hlavni, img#ov {
  margin: auto;
  display: block;
}

img.ov_horni {
  display: block;
  float: right; 
  padding: 5px;
  width: 250px; 
  height: 333px;
}

img.ov_levy {
  display: block;
  float: left; 
  padding: 5px;
  width: 150px;
  height: 113px;
}

img.ov_pravy {
  display: block;
  float: right; 
  padding: 5px;
  width: 150px;
  height: 113px;
}

table.ov {
  margin: auto;
 }
 
p.uvod {
  text-align: center;
  font-size: 16px;
  margin-bottom: 16px;
}
 
table.odkazy {
  margin: auto;
  font-size: 24px;
  text-align: left;
}

table.odkazy a {
  text-decoration: none;
} 

div#fo_celkem {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}

div#fotografie {
  margin: auto;
  text-align: center;
  font-size: 16px;
}

/* Cesta ------------------------------------------------------------------- */

div#cesta {
  font-size: 13px;
}

div#cesta a {
  text-decoration: none;
}

/* Trasy ------------------------------------------------------------------- */
 
table#trasy {
  font-size: 16px;
  text-align: left;
}

a#trasy_odkaz {
  font-size: 24px;
  text-decoration: none;
}

/* Zajímavosti ------------------------------------------------------------- */

div.zajimavosti_foto {
  text-align: center;
  font-weight: bold;
}

div.zajimavosti_foto img {
  margin: auto;
  display: block;
  margin-bottom: 32px;
}

p.zajimavosti_p {
  margin-top: 0px;
}

/* Fotografie Bastlova štola ----------------------------------------------- */

table.fotografie_b {
  margin: auto;
  margin-top: 32px;
  margin-bottom: 32px;
  border: 0px;
}

table.fotografie_b td {
  text-align: center;
  font-size: 16px;  
}

/* Fotografie -------------------------------------------------------------- */

table.fotografie {
  margin: auto;
  border: 0px;
}

table.fotografie td {
  text-align: center;
  font-size: 16px;  
}

table.fotografie img {
  border: 0px; 
}

/* Kontakt -------------------------------------------------------------- */

p.kontakt {
  margin: 0;
  font-size: 11pt;
  font-style: italic;
}

p.bez_mezer {
  margin: 0;
}

img.levy {
   float: left;
   padding-right: 5px;
}