body {
/*  font-family: Verdana;
  font-family: Arial;
  font-family: Georgia;
  font-family: Tahoma;
*/
  margin-top: 30px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  background-image: url(img/pozadi-textura2.jpg); 
  background-color: #DCE8F4;
  background-color: #98ADC3;
  color: black;
	text-align: center;
}

h1 { font-size: 0%;
     color: white;
/*     height: 240px;
     background-image: url(img/logo.gif);
     background-repeat: no-repeat;  
     background-position: center center;
*/
}

h2 { font-size: 120%; text-align: center; margin-top: 0;}
a { text-decoration: none; color: black;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}


a:hover { color: #993300;}
img { border-width: 0px }

#nadpis {
  font-size: 24px;
}

#page {
  width: 497px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}



img {
    /*border: 1px black solid;*/
}



#flash {
	margin-left: auto;
	margin-right: auto;
  width: 550px;
  height: 360px;
  border: 0px black solid;
  position: relative;
  text-align: left;
}

#flash a {
  display: block;
  position: absolute;
  width: 550px;
  height: 360px;
  top: 0px;
  background-image: url(img/wf_2011_uvod_ram_pruhl.png);  
}

#flash object {
  display: block;
  position: absolute;
  width: 550px;
  height: 360px;
  top: 0px;
}


div#mapa {
  display: none;
}

div#sponzori {
  text-align: center;
}

#awf03, #awf04, #awf05, #awf06, #awf07, #awf08, #awf09, #awf10 {
  position: absolute;
  text-indent: -2000px;
  width: 34px;
  height: 15px;
  top: 225px;
}

#awf03 { left: 72px; }
#awf04 { left: 110px; }
#awf05 { left: 148px; }
#awf06 { left: 184px; }
#awf07 { left: 221px; }
#awf08 { left: 258px; }
#awf09 { left: 295px; }




#skip-intro  {
  display: block;
  background-image: url(img/skip-intro.gif);
  width: 275px;
  height: 30px;
}

#skip-intro a {
  display: block;
  height: 30px;
  text-indent:-9000px; background-color:transparent; 
}

#skip-intro a#skip-cz {
  width: 155px;
  float: left;
}

#skip-intro a#skip-eng {
  float: right;
  width: 104px;
}

#skip-intro a#skip-cz:hover {
  background-image: url(img/skip_cz_off.gif);
}

#skip-intro a#skip-eng:hover {
  background-image: url(img/skip_eng_off.gif);
}


a#skip-intro:hover  {
  background-image: url(img/skip-intro-blue.gif);
}


#logo, #logo a {
  display: block;
  width: 497px;
  height: 416px;
}

#logo {
  background-image: url(img/wf_logo_2011.gif);
}

#logo a {
  text-indent: -9000em;
}

#menu {
  width: 497px;
  height: 58px;
  background-image: url(img/uvod/menu_2011_off.png);
  margin-top: 15px;
}



#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;

}

#menu li {
  display: inline;
}


/* schovani textu */
#menu ul li a {
  text-indent:-9000px; 
  background-color:transparent; 
}

#menu a {
  display: block;
  color: black;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  position: absolute;
  
}



a#m1 { left:33px; top: 41px; width: 45px; height: 17px; background-position: -33px -41px }
a#m2 { left:94px; top: 41px; width: 46px; height: 17px; background-position: -94px -41px }
a#m3 { left:152px; top: 41px; width: 42px; height: 17px; background-position: -152px -41px }
a#m4 { left:209px; top: 37px; width: 45px; height: 21px; background-position: -209px -37px }
a#m5 { left:266px; top: 41px; width: 45px; height: 17px; background-position: -266px -41px }
a#m6 { left:323px; top: 37px; width: 46px; height: 21px; background-position: -323px -37px }
a#m7 { left:383px; top: 41px; width: 44px; height: 17px; background-position: -383px -41px }
a#m8 { left:442px; top: 41px; width: 44px; height: 17px; background-position: -442px -41px }

a#mcz { left:190px; top: 0px; width: 59px; height: 25px; background-position: -190px 0px }
a#men { left:261px; top: 0px; width: 62px; height: 25px; background-position: -261px 0px }


a#m1, a#m2, a#m3, a#m4, a#m5, a#m6,
a#m7, a#m7, a#m8, a#mcz, a#men, a#m10
 { background-image: url(img/uvod/menu_2011_off.png) }


a#m1:hover, a#m2:hover, a#m3:hover, a#m4:hover, a#m5:hover, a#m6:hover,
a#m7:hover, a#m7:hover, a#m8:hover, a#mcz:hover, a#men:hover, a#m10:hover
 { background-image: url(img/uvod/menu_2011_on.gif) }

a#m1.menu-selected, a#m2.menu-selected, a#m3.menu-selected, a#m4.menu-selected, a#m5.menu-selected, a#m6.menu-selected,
a#m7.menu-selected, a#m8.menu-selected, a#mcz.menu-selected, a#men.menu-selected, a#m10.menu-selected
 { background-image: url(img/uvod/menu_2011_on.gif) }