*{
  padding: 0px; margin: 0px;
  font-family: "Arial";
  font-size: small;
  color: #333333;
}

root{ 
  display: block;
}

/* Definice pozadi */
body{
  background-image: url("../img/pozadi.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
}

/* Div, ve kterem se cela stranka nachazi
   Je na stredu a ma stejny obrazek na pozadi, jako body
   pro pripad velmi maleho monitoru */
#telo_dokumentu{
  display: block;
  position: relative;
  margin: 0px auto 0px auto;
  width: 980px; height: 600px;
  
  background-image: url("../img/pozadi.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
}

/* Hlavni nadpis je prekryty obrazkem, ktery slouzi jako
   klikaci logo. */
h1{
  position: absolute;
  margin: 39px 0px 0px 37px; padding: 0px;
  width: 235px; height: 79px;
  overflow: hidden;
}

h1 span {
  display: block;
  position: absolute; left: 0; top: 0; z-index:1;
  width: 220px; height: 85px;
  margin: 0px; padding: 0px;
  background:url("../img/lanskrounska-kopa.png") top left no-repeat;
}

h3{
  color: #BD6100;
  font-style: italic;
  font-weight: bold;
  font-family: Georgia,'Times New Roman',times,serif;
  font-size: medium;
}

p{
  margin: 5px 0px 15px 0px;
}

a:hover {
  color:black;
}

/* Div pro menu. Zmakne Rybajz */
ul#menu {
  position: absolute; top: 170px; left: 70px;
  width: 180px; height: 360px;

  list-style: none;
}

/* Tu budou predpokladam dalsi styly pro menu
    Predpokladas spravne:-)
    A budou pekne osklivy:-)
*/

/*
    Menu je tvoreno pomoci seznamu. Kazda polozka ma vlastni
    styly pro jednotlive stavy odkazu. Stavy jsou reseny jednim
    obrazkem obsahujici obe varianty. 
*/

ul#menu li#prezentace a {
   background: url("../img/tlac_prezentace.png") 0 0 no-repeat;
   display: block;
   width: 125px;
   height: 35px;
   margin: 6px 0 0 19px;
}

ul#menu li#prezentace a:hover {
   background-position: -125px 0;
}

ul#menu li#prezentace_active a {
   background: url("../img/tlac_prezentace.png") -125px 0 no-repeat;
   display: block;
   width: 125px;
   height: 35px;
   margin: 6px 0 0 19px;
}

ul#menu li#trasy a {
   background: url("../img/tlac_trasy.png") 0 0 no-repeat;
   display: block;
   width: 125px;
   height: 35px;
   margin: 13px 0 0 19px;
}

ul#menu li#trasy a:hover {
   background-position: -125px 0;
}

ul#menu li#trasy_active a {
   background: url("../img/tlac_trasy.png") -125px 0;
   display: block;
   width: 125px;
   height: 35px;
   margin: 13px 0 0 19px;
}

ul#menu li#program a {
   background: url("../img/tlac_program.png") 0 0 no-repeat;
   display: block;
   width: 125px;
   height: 41px;
   margin: 22px 0 0 19px;
}

ul#menu li#program a:hover {
   background-position: -125px 0;
}

ul#menu li#program_active a {
   background: url("../img/tlac_program.png") -125px 0;
   display: block;
   width: 125px;
   height: 41px;
   margin: 22px 0 0 19px;
}

ul#menu li#foto a {
   background: url("../img/tlac_multimedia.png") 0 0 no-repeat;
   display: block;
   width: 125px;
   height: 35px;
   margin: 18px 0 0 20px;
}

ul#menu li#foto a:hover {
   background-position: -125px 0;
}

ul#menu li#foto_active a {
   background: url("../img/tlac_multimedia.png") -125px 0;
   display: block;
   width: 125px;
   height: 35px;
   margin: 18px 0 0 20px;
}

ul#menu li#historie a {
   background: url("../img/tlac_historie.png") 0 0 no-repeat;
   display: block;
   width: 125px;
   height: 35px;
   margin: 18px 0 0 19px;
}

ul#menu li#historie a:hover {
   background-position: -125px 0;
}

ul#menu li#historie_active a {
   background: url("../img/tlac_historie.png") -125px 0;
   display: block;
   width: 125px;
   height: 35px;
   margin: 18px 0 0 19px;
}

ul#menu li#dojmy a {
   background: url("../img/tlac_dojmy.png") 0 0 no-repeat;
   display: block;
   width: 125px;
   height: 41px;
   margin: 17px 0 0 19px;
}

ul#menu li#dojmy a:hover {
   background-position: -125px 0;
}

ul#menu li#dojmy_active a {
   background: url("../img/tlac_dojmy.png") -125px 0;
   display: block;
   width: 125px;
   height: 41px;
   margin: 17px 0 0 19px;
}

ul#menu li#om a {
   background: url("../img/tlac_onemark.png") 0 0 no-repeat;
   display: block;
   width: 125px;
   height: 35px;
   margin: 18px 0 0 19px;
}

ul#menu li#om a:hover {
   background-position: -125px 0;
}

a#fb {
  position: absolute; top: 518px; left: 393px;
  background: url("../img/facebook.png") 0 0 no-repeat;
  display: block;
  width: 95px;
  height: 53px;
}

a#fb:hover {
  background-position: -95px 0;
}


/* Div pro obsah. Na pozadi ma 'prispendleny papir' */
#papir{
  position: absolute; top: 75px; left: 330px;
  width: 591px; height: 450px;

  background-image: url("../img/papir.png");
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
  
  overflow: auto;
}

/* Vlastni Div pro obsah */
#obsah_na_papiru{
  margin-top: 40px; margin-left: 30px;
  width: 540px; height: 360px;
  overflow: auto;
}

/*tabule bez papiru*/
#obsah_bez_papiru {
  position: absolute; top: 75px; left: 330px;
  width: 591px; height: 450px;
  overflow: auto;
}