/* CSS Document */
body {text-align:center; behavior: url(csshover.htc); font: 14px Verdana, Helvetica, sans-serif;
       background: #CFDFEF;}
	
div#nav {float: left; margin-bottom: 0px; _margin-top: 3px; padding: 0; width: 780px;
  background: #000000; font: 14px Verdana, Arial, Helvetica, sans-serif; }
div#nav ul {margin: 0; padding: 0; font-color: white;
  border: 1px solid #FFFFFF; border-width: 0 1px;}
div#nav li {position: relative; list-style: none; margin: 0; color: white;
  float: left; width: 148px; line-height: 1em;}
div#nav li:hover {background: #000000; color: white;}
div#nav li.submenu {background: #000000 url(dropmenu.gif) 95% 50% no-repeat; border-right: 1px solid #FFFFFF; color: white;}
div#nav li.cara {border-right: 1px solid #FFFFFF; color: white;}
div#nav li.color {border-bottom: 1px solid #FFFFFF; width: 148px;} 
div#nav li.submenu li.color:hover {background: #999999; width: 148px;}
div#nav li.submenu:hover {background-color: ##E9E9E9;}
div#nav li a:hover {color: black; background-color: #FFFFFF;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 148px; color: black; color: white;}
div#nav>ul a {width: auto; color: white;}
div#nav ul ul {position: absolute; width: 148px;
  display: none;}
div#nav li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block; background: #4F4F4F; font-size: 13px;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 7em;}

#frame {width:780px; background: #3A76B1 url(img/back.gif) 0% 0 no-repeat;
		margin-right:auto; margin-left:auto; margin-top: 0px;
		padding:0px; text-align:left; border: 1px solid black;}
		
#obsahs {width:770px; margin: 0px; padding:0px 0px 0px 0px;
		background: #3A76B1; color: white; }
		
p  {margin:0px 10px 10px 10px; padding: 20px 0px; font-size:12px; line-height: 20px; color: black; }
		
h1 {text-align: center; color: black; font: Verdana, Helvetica, sans-serif; 
background: url(img/stravenky.gif) 0% 0% no-repeat;}
h1 a {text-decoration: none; color: black;}
h1 a:hover {text-decoration: none; color: white;}

#jidlo {margin: 0px 0px 0px 0px; padding: 0; float: left;}
	
h2 {text-align: left; height: 20px; font: 14px Verdana, Helvetica; font-weight: bold;  
     padding: 0px; margin: 0px 100px 20px 168px; color: black; width: 470px;}

/* h3 a h4 v kodu nejsou - pouze priprava pro upravy */
h3 {text-align: left; padding: 0px; font: 80% Verdana, Helvetica; text-align: justify; }
h4 {text-align: center; font: 12px Verdana, Helvetica; font-weight: bold; padding-top: 0px;}

#hlavicka {height: 110px; width: 650px;}
	 		
#hlavicka h1 {font-size:19px; text-align: right; margin: 10px 30px -30px 0px; padding: 20px 0px 0px 60px;
font-weight: bold; height: 110px;}
	
p a {color: white; text-decoration: none; background: #C99776;}
p a:hover {border-bottom: 1px dotted black; color: black; background: #F1E4DC;}
	
#pata { float: right; font-size: 70%; background: #000000; width: 780px; border-top: 1px solid black;
        padding: 2px 0px; color: white; text-align: center;}
#pata a {color: black; text-decoration: none; border-bottom: 1px dotted black;}		
#pata a:hover {background: #B9784D; color: white;}
#pataa { float: right; font-size: 70%; background: #000000; width: 780px; border-top: 1px solid black;
        padding: 2px 0px; color: white; text-align: center;}
#pataa a {color: black; text-decoration: none; border-bottom: 1px dotted black;}		
#pataa a:hover {background: #B9784D; color: white;}


#foto {margin: 0; padding: 0px; width: 500px; }
#foto .vy {width: 166px; height: 166px; padding: 5px 12px; border: 0px solid white; display: inline;}
#foto .si {width: 166px; height: 166px; padding: 5px 8px; border: 0px solid white; display: inline;}
table {font: 13px Verdana, Helvetica, sans-serif; margin: 0px 0px 0px 20px;}
table.jidlo {font: 13px Verdana, Helvetica, sans-serif; margin: 30px -5px 0px -20px;}


/* Pro Operu a Gecko */
html>body {background: #CFDFEF;}
html>body #hlavicka {height: 100px;}	
html>body #nav {width: 780px;}
html>body h2 {padding: 20px 0px 30px 0px; margin: 0px 0px 20px 150px;}
html>body #nav li {width: 154px;}
html>body #obsahss {width:770px; margin: 0; padding:0px 0px 0px 10px;}
html>body #obsahs table {margin: 5px 0px 10px 150px; width: 468px;}
html>body #nav li a {width: 154px;}
html>body #nav ul ul {width: 154px;}
html>body #hlavicka h1 {padding-top: -50px; }
html>body #pata {width: 780px; border-right: 1px solid black; border-left: 1px solid black; margin-right: -10px;
font-size: 70%; background: #000000; color: white; text-align: center;}

html>body #pataa {width: 780px; border-right: 1px solid black; border-left: 1px solid black; margin-right: 0px;
font-size: 70%; background: #000000; color: white; text-align: center;}
html>body #foto .vy {padding: 4px 10px;}
html>body #foto .si {padding: 5px 6px;}
html>body #phn a {padding: 0px 4px; margin: 0;}
html>body #nav ul.level2 a:hover {width: 148px;}
html>body #nav li.color {border-bottom: 1px solid #FFFFFF; width: 154px;} 
html>body table {margin: 0px 15px;}