/* CSS Document */
a         {text-decoration: none;font-family : Arial;font-size: 90%;}
a:link    {color: #000;font-family : Arial;font-size: 90%;}
a:visited {color: #000;font-family : Arial;font-size: 90%;}
a:active  {color: #000;font-family : Arial;font-size: 90%;}
a:hover   {color: #ff0000; text-decoration: underline;font-family : Arial;font-size: 90%;}


h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}

body {
	margin: 0;
	padding: 0;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
  color: #fff;
  padding-top: 10px;
  background: #3C78A1;
}


#top {
  width: 100%;
	height: 700px;
	background: url(body.gif) repeat-x;
  padding-top: 0px;
}


#hlava1{
  background-image: URL('../obrazy/index_03.gif'); /* obrázek na pozadí */
  position:relative;
}

#hlava2{
  background-image: URL('../obrazy/index_05.gif'); /* obrázek na pozadí */
  position:relative;
}

#novinky{
  background-image: URL('../obrazy/index_08.gif'); /* obrázek na pozadí */
  position:relative;
}

#nadpis{
  background-image: URL('../obrazy/index_10.gif'); /* obrázek na pozadí */
  position:relative;
}

#novinky_text{
  background-image: URL('../obrazy/index_14.gif'); /* obrázek na pozadí */
  position:relative;
}

#text{
  background-image: URL('../obrazy/index_16.gif'); /* obrázek na pozadí */
  position:relative;
}

#pata_menu{
  background-image: URL('../obrazy/index_19.gif'); /* obrázek na pozadí */
  position:relative;
}


#text_novinky_nadpis{ 
  margin-left:10px;
  text-align:left;
  font-family : Arial;
  width: 170px;
	font-size: 80%;
	color:#000;
}

#hlavni_nadpis{ 
  margin-left:10px;
  text-align:left;
  color:#051A2F;
  font-family : Arial;
  width: 500px;
	font-size: 140%;
}

#text{ 
  margin-left:10px;
  text-align:left;
  color:#051A2F;
  font-family : Arial;
  width: auto;
  max-width:520px;
  height:auto;
  max-height:400px;
  overflow: auto;
	font-size: 90%;
}

#wwww{ 
  width: 490px;
}

#text_pata{ 
  margin-left:0px;
  text-align:center;
  color:#051A2F;
  font-family : Arial;
  width: 780px;
  overflow: auto;
	font-size: 70%;
}

#text_novinky{ 
  margin-left:10px;
  text-align:left;
  color:#051A2F;
  font-family : Arial;
  width: 209px;
	font-size: 80%;
}

#text_odkazy{ 
  margin-left:0px;
  text-align:center;
  color:#ffffff;
  font-family : Arial;
  width: 630px;
	font-size: 90%;
}



/*-------------------------------------------menu----------------------------------------------------*/


#menu {text-align:center;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap;}
#menu ul {display:inline-block;} 

#menu li {display:inline-block; display:inline;margin-top:-4px;}
#menu ul.level1 div {position:absolute;  left:-9999px;font-size:70%;}

#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul li div ul {margin:0; background:url(trans.gif);}

#menu a.level1-a {display:block; font:bold 11px verdana,arial,sans-serif; color:#fff; line-height:25px; text-decoration:none;padding:0 5px 0 5px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover div {left:50%; top:20px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {height:25px; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:25px; text-decoration:none; padding:6px;}

#menu a:hover div {left:0; top:23px;}

#menu a:hover div ul {position:relative; left:-50%;}

#menu li a.fly {background:transparent url(center-center/down-arrow.gif) no-repeat right center;}

#menu li a:hover,
#menu li a.fly:hover {white-space:nowrap; color:#ff0000;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#ff0000;}
#menu ul li div ul li a:hover {color:#b20;}

#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}




