/* Efekt Kde jsme */

* {
  margin:0;
  padding: 0;
}
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: small;
  margin: 0;
  background: #fff4e6;
}

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

#obal {
  width: 700px;
  margin: 0 auto;
}
#zahlavi {
  width: 100%;
  height: 370px;
  background: yellow;
}
#zahlavi1 {
  width: 100%;
  height: 370px;
  background: yellow;
}
#zahlavi2 {
  width: 100%;
  height: 370px;
  background: yellow;
}
#zahlavi3{
  width: 100%;
  height: 370px;
  background: yellow;
}
#zahlavi4 {
  width: 100%;
  height: 370px;
  background: yellow;
}
#zahlavi5 {
  width: 100%;
  height: 370px;
  background: yellow;
}
#zahlavi6 {
  width: 100%;
  height: 370px;
  background: yellow;
}
#zahlavi7 {
  width: 100%;
  height: 370px;
  background: yellow;
}
#hlavni {
  width: 100%;
  float: left;
  background: #FFF url(obrazky/pozadi.gif) repeat-y;
}
#menu {
  width: 25%;
  float: left;
}
#obsah {
  width: 75%;
  float: right;
  border-top: 5px solid yellow;
}
#obsah-okraj {
  margin: 10px;
}
#zapati {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  background: #ff8400 url(obrazky/pozadi-zapati.jpg) repeat-x bottom;
}

/* ---- záhlaví ---- */

#zahlavi a {
  display: block;
  width: 400px;
  height: 300px;
  margin: 35px 150px 30px;
  background: url(obrazky/logo.jpg);
}
#zahlavi1 a {
  display: block;
  width: 400px;
  height: 300px;
  margin: 35px 150px 30px;
  background: url(obrazky/MK-Louny.JPG);
}
#zahlavi2 a {
  display: block;
  width: 400px;
  height: 300px;
  margin: 35px 150px 30px;
  background: url(obrazky/minig-hory.JPG);
}
#zahlavi3 a {
  display: block;
  width: 400px;
  height: 300px;
  margin: 35px 150px 30px;
  background: url(obrazky/pujcovna.JPG);
}
#zahlavi4 a {
  display: block;
  width: 400px;
  height: 300px;
  margin: 35px 150px 30px;
  background: url(obrazky/trampoliny.JPG);
}
#zahlavi5 a {
  display: block;
  width: 400px;
  height: 300px;
  margin: 35px 150px 30px;
  background: url(obrazky/BS-hotel.JPG);
}
#zahlavi6 a {
  display: block;
  width: 400px;
  height: 300px;
  margin: 35px 150px 30px;
  background: url(obrazky/vodarna.JPG);
}
#zahlavi7 a {
  display: block;
  width: 400px;
  height: 300px;
  margin: 35px 150px 30px;
  background: url(obrazky/hradby.JPG);
}
#zahlavi a span {
  display: none;
}

/* ------ navigace ------ */
#menu ul {
  _width: 94%;  /* Oprava pro Internet Explorer 6 a starší verze#0073cd */
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #6bbeff;
}
#menu li {
  margin-bottom: 1px;  
  border: solid #0073cd;    
  border-width: 1px 0 0 0;
  border-top: 1px solid #0073cd;
  height: 1%;   /* oprava tlačítek pro Internet Explorer 6 a starší verze */
}
#menu .spodni {
  border-bottom: 1px solid #0073cd;
}
#menu a {
  display: block;           
  width: 150px;  /* 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;              
  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;            
}

#hotel #nav-hotel, #minigolf #nav-minigolf, #aquapark #nav-aquapark, 
#trampoliny #nav-trampoliny, #pujcovna #nav-pujcovna
#muzeum #nav-muzeum, #udrzba #nav-udrzba, #vodarna #nav-vodarna,  {
  color: #FFF;
  background: #000;
  border-left-color: #0065b4;
  border-right-color: #008fff;  
}



/* ---- obsah ----- */

h1, h2 {
  margin-top: 0;
  font-family: Georgia, "Times New Roman", serif;
  color: #ff4e00;
  border-bottom: 1px dotted #008fff;  
}
h1 {
  font-size: 160%;
  margin: 0 0 10px 0;
}
h2 {
  font-size: 120%;
  margin: 10px 0 5px 0;
}
p {
  font-size: 90%;
  margin: 0 0 5px 0;
}
#zapati p {
  margin: 5px;
  text-align: center;
}
ul {
  font-size: 90%;
  margin: 0 0 5px 20px;
}
a {
  color: #000;
  font-weight: bold; 
}
#obsah a {
  color: #0077d5;
}
#obsah a:hover {
  color: #ff4e00;
  text-decoration: none;
}