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: white;
	text-align: center;

}

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

#page {
  width: 782px;
  height: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	text-align: left;
	background-image: url(img/web/pozadi.jpg);
	position: relative;
	
/*	border: 1px black solid; */
}

#page2 {
  width: 450px;
  height: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

hr {border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 20%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin-top: 10px;
margin-bottom: 10px;
}

#logo {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 285px;
  height: 160px;
  border: 0px blue solid;
}

#logo a, #logo2 a {
  display: block;
  width: 100%;
  height: 100%;
}

#logo2 {
  position: absolute;
  left: 65px;
  top: 455px;
  width: 195px;
  height: 30px;
  border: 0px blue solid;
}

#logo a {
  display: block;
  width: 100%;
  height: 100%;
}


#stred {
  position: absolute;
  left: 339px;
  top: 0px;
  width: 332px;
  height: 500px;
  border: 0px red solid;
  padding: 0;
  margin: 0;

	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #aaa;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #aaa; 

}

#menu {
  position: absolute;
  left: 671px;
  top: 23px;
  width: 111px;
  height: 500px;
  border: 0px blue solid;

}

#menu span {
  display: none;
}

#menu a {
  display: block;
  width: 111px;
  height: 57px;
}

a#menu1 { background-image: url(img/web/menu_off/info.jpg); }
a#menu2 { background-image: url(img/web/menu_off/program.jpg); }
a#menu3 { background-image: url(img/web/menu_off/vstupne.jpg); }
a#menu4 { background-image: url(img/web/menu_off/doprava.jpg); }
a#menu5 { background-image: url(img/web/menu_off/nocleh.jpg); }
a#menu6 { background-image: url(img/web/menu_off/foto.jpg); }
a#menu7 { background-image: url(img/web/menu_off/sponzori.jpg); }
a#menu8 { background-image: url(img/web/menu_off/kontakt.jpg); }


a#menu1.menu-selected, a#menu1.menu-selected:hover { background-image: url(img/web/menu_on/info.jpg); }   
a#menu2.menu-selected, a#menu2.menu-selected:hover { background-image: url(img/web/menu_on/program.jpg); }
a#menu3.menu-selected, a#menu3.menu-selected:hover { background-image: url(img/web/menu_on/vstupne.jpg); }
a#menu4.menu-selected, a#menu4.menu-selected:hover { background-image: url(img/web/menu_on/doprava.jpg); }
a#menu5.menu-selected, a#menu5.menu-selected:hover { background-image: url(img/web/menu_on/nocleh.jpg); }
a#menu6.menu-selected, a#menu6.menu-selected:hover { background-image: url(img/web/menu_on/foto.jpg); }   
a#menu7.menu-selected, a#menu7.menu-selected:hover { background-image: url(img/web/menu_on/sponzori.jpg); }
a#menu8.menu-selected, a#menu8.menu-selected:hover { background-image: url(img/web/menu_on/kontakt.jpg); }   

 
a#menu1:hover { background-image: url(img/web/menu_hover/info.jpg); } 
a#menu2:hover { background-image: url(img/web/menu_hover/program.jpg); } 
a#menu3:hover { background-image: url(img/web/menu_hover/vstupne.jpg); } 
a#menu4:hover { background-image: url(img/web/menu_hover/doprava.jpg); }
a#menu5:hover { background-image: url(img/web/menu_hover/nocleh.jpg); }
a#menu6:hover { background-image: url(img/web/menu_hover/foto.jpg); }    
a#menu7:hover { background-image: url(img/web/menu_hover/sponzori.jpg); }
a#menu8:hover { background-image: url(img/web/menu_hover/kontakt.jpg); } 




#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 5px 20px 10px;
  
  _width: 100%;
  height: 100%;
  height: 450px;
  border: 0px red solid;

}

#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;
}





#fotky {
  text-align: center;
}

#fotky img {
  margin: 8px 14px;
  //border: 3px #af0e16 solid;
  border: 3px #bbceea solid;
}

ul, ol {
  margin-left: 20px;
  padding: 0;
}

.centr {
  text-align: center;
}

p.uvod {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}


#program {}
#program a, #podrobny-program a {
  font-weight: bold;
}

#podrobny-program {
  text-align: center;
}