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: 862px;
  height: 560px;
	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: 5px;
  width: 800px;
  height: 90px;
  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 {
  border: 1px red solid;
  position: absolute;
  left: 400px;
  top: 80px;
  width: 445px;
  height: 480px;
  border: 0px red solid;
  padding: 0;
  margin: 0;

	scrollbar-face-color: #BFD0EC;
	scrollbar-shadow-color: #BFD0EC;
	scrollbar-highlight-color: #BFD0EC;
	scrollbar-3dlight-color: #DDE2F5;
	scrollbar-darkshadow-color: #DDE2F5;
	scrollbar-track-color: #DDE2F5;
	scrollbar-arrow-color: #BFD0EC; 

}

#amenu {
  position: absolute;
  left: 271px;
  top: 70px;
  width: 111px;
  height: 500px;
  border: 0px blue solid;

}

#menu span {
  display: none;
}

#menu a {
  display: block;
  position: absolute;
  /*border: 1px red solid;*/
}

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


a#menu1 { top: 109px; left: 219px; width: 98px; height: 48; }
a#menu2 { top: 157px; left: 219px; width: 153px; height: 50; }
a#menu3 { top: 207px; left: 257px; width: 143px; height: 54; }
a#menu4 { top: 261px; left: 257px; width: 143px; height: 54; }
a#menu5 { top: 315px; left: 257px; width: 143px; height: 53; }
a#menu6 { top: 369px; left: 257px; width: 143px; height: 53; }
a#menu7 { top: 422px; left: 261px; width: 139px; height: 50; }
a#menu8 { top: 472px; left: 261px; width: 139px; height: 63; }


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

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

#animace { position: absolute; top: 100px; left: 18px; }

#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: 440px;
  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;
}



a#sipka { 
  width: 50px; height: 30px; 
  position: relative;
  left: 0px;
  display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;

  /*border: 1px red solid;*/
}
a#sipka { background-image: url(img/web/sipka_off.gif); }   
a#sipka:hover { background-image: url(img/web/sipka_hover.gif); }   
a#sipka span { display: none; }   

.mini {
  font-size: 8px;
  _font-size: 9px;
  line-height: 8px;
}