body {
/*  font-family: Verdana;
  font-family: Arial;
  font-family: Georgia;
  font-family: Tahoma;
*/
  font-size: 70%;
  font-family : "Verdana CE", Verdana, sans-serif;
  background-color: #ffde12;
	text-align: center;

}

h1 { font-size: 150%; text-align: center;}
h2 { font-size: 120%; text-align: center; margin-top: 0;}
a { color: black; }
img { border-width: 0px }

#page {
  width: 770px;
  height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	text-align: left;
/*	border: 1px black solid; */
}

#left {
  float: left;
/*  border: 1px red solid; */
  width: 250px;
  height: 600px;
}

#right {
  float: right;
/*  border: 1px blue solid; */
  width: 500px;
  height: 600px;
}

#logo {
  margin-bottom: 25px;
}

#logo a {
  display: block;
  width: 224px;
  height: 167px;
  background-image: url(img/web/logo.gif);
}


#menu {

}

#menu a {
  display: block;
  width: 224px;
  height: 50px;
}

a#menu1 { background-image: url(img/web/menu_off/program.gif); }
a#menu2 { background-image: url(img/web/menu_off/foto.gif); }
a#menu3 { background-image: url(img/web/menu_off/info.gif); }
a#menu4 { background-image: url(img/web/menu_off/kontakt.gif); }
a#menu5 { background-image: url(img/web/menu_off/hudbomapa.gif); }
a#menu6 { background-image: url(img/web/menu_off/forum.gif); }

a#menu1.menu-selected, a#menu1.menu-selected:hover { background-image: url(img/web/menu_on/program.gif); }
a#menu2.menu-selected, a#menu2.menu-selected:hover { background-image: url(img/web/menu_on/foto.gif); }
a#menu3.menu-selected, a#menu3.menu-selected:hover { background-image: url(img/web/menu_on/info.gif); }
a#menu4.menu-selected, a#menu4.menu-selected:hover { background-image: url(img/web/menu_on/kontakt.gif); }
a#menu5.menu-selected, a#menu5.menu-selected:hover { background-image: url(img/web/menu_on/hudbomapa.gif); }
a#menu6.menu-selected, a#menu6.menu-selected:hover { background-image: url(img/web/menu_on/forum.gif); }

a#menu1:hover { background-image: url(img/web/menu_hover/program.gif); }
a#menu2:hover { background-image: url(img/web/menu_hover/foto.gif); }
a#menu3:hover { background-image: url(img/web/menu_hover/info.gif); }
a#menu4:hover { background-image: url(img/web/menu_hover/kontakt.gif); }
a#menu5:hover { background-image: url(img/web/menu_hover/hudbomapa.gif); }
a#menu6:hover { background-image: url(img/web/menu_hover/forum.gif); }



#reklama, #reklama2 {
  height: 74;
  margin-top: 10px;
  margin-bottom: 10px;
/*  background-image: url(img/web/reklama.jpg);*/
  text-align: center;
  background-repeat: no-repeat;
}

#reklama img, #reklama2 img {
  border-width: 0;
  margin: 0;
  padding: 0;
}

#reklama a, #reklama2 a {
  margin: 0;
  border-width: 0;
}

#ram {
  background-image: url(img/web/ram.jpg);
  background-repeat: no-repeat;
  border: 1px #ffde12 solid; 
  padding: 0px;
  width: 464px;
  height: 396px;

	scrollbar-face-color: #eeb;
	scrollbar-shadow-color: #ffc;
	scrollbar-highlight-color: #ffc;
	scrollbar-3dlight-color: #ffc;
	scrollbar-darkshadow-color: #ffc;
	scrollbar-track-color: #ffc;
	scrollbar-arrow-color: #000; 

}

#ram-in {
  overflow-y: auto; 
  overflow: -moz-scrollbars-vertical; 
  border: 1px #FFFFCE solid; 
  margin: 20px;
  
  _width: 100%;
  height: 100%;
  height: 350px;

}

#kontakt, #uvod {
  text-align: center;
}

#kontakt h2, h3 { margin-bottom: 2px; }
#kontakt h3 { font-size: 130%; margin-top: 0; }

#kontakt h2 { font-size: 150%; }

#uvod { margin-top: 10px;}
#uvod h1 {
  display: none;
}


#body3 {
  font-size: 150%;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #FFFFCE;
}


/* ------ hudbo mapa ---- */
#body2 {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #FFFFCE;
}

#mapa {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
  width: 865px;
  height: 524px;
  background-image: url(img/web/mapash06.gif);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  border: 0px black solid;
}

#mapa-obr {
  display: none;
}

#mapa h1 { margin-bottom: 0px;}

#mapa div.punta{ width: 15px; height: 15px; position: absolute; display: block;}


#mapa div.punta { cursor: Help; }

#m1 { left: 15px; top: 409px; }
#m2 { left: 107px; top: 450px; }
#m3 { left: 141px; top: 477px; }
#m4 { left: 186px; top: 340px; }
#m5 { left: 224px; top: 405px; }
#m6 { left: 252px; top: 321px; }
#m7 { left: 177px; top: 292px; }
#m8 { left: 101px; top: 258px; }
#m9 { left: 247px; top: 272px; }
#m10 { left: 319px; top: 125px; }
#m11 { left: 450px; top: 189px; }
#m12 { left: 832px; top: 27px; }


#plakat { position: absolute; left: 500px; top: 170px;}

#plakat div { display: none; width: 350px; height: 400px; }
#plakat img.border{ border: 1px black solid; }


#fotky {
  text-align: center;
}

#fotky img {
  margin: 5px;
}


.jmeno { font-size: 80%; font-weight: bold;}
.cas { font-size: 80%; font-style: italic;}
.text { font-size: 80%;}