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

#frame {
		width:780px; background: #fff url(img/baner.jpg) 0 0 no-repeat;
		margin-right:auto;
		margin-left:auto;
		margin-top: 0px;
		padding:0px;
		text-align:left;}
		
	#obsahl{
		width:140px; margin: -8px 0 0 0;
		padding-top: 5px;
		float:left;
		background: #EFF3FA url(img/obsah_l.gif) no-repeat left bottom;
		}
#obsahl a {font: 9px Verdana, Helvetica, sans-serif; text-align:center;
           text-decoration: none; color: white; padding-top: 5px; margin: 10px 0 0 0; }
#obsahl a:hover {color: black;} 
	
#obsahs {width:500px; margin: -8px 0 20px 0; padding:0px;
		float:left; background: #C9D7ED url(img/obsah_s.gif) bottom no-repeat; }
#phn {padding: 5px; margin: 8px;}	
#phn a {text-align: center; color: white; text-decoration: none; background: #C9D7ED; padding: 2px 4px;
           margin: 5px 0; font-size: 80%; width: 80px; height: 15px;}		
#phn a:hover {color: black;}	

#phn .zpet {display: inline; padding: 4px; margin: 0px 0; height: 20px; background: #C9D7ED url(img/zpet.gif) no-repeat;}
#phn .zpet a {padding: 4px; margin: 0px; color: white;}	
#phn .zpet a:hover {padding: 4px; margin: 0px; color: black;}	
	
#phn .stred {display: inline; padding: 4px; margin: 0px 0; height: 20px; background: #C9D7ED url(img/stred.gif) no-repeat;}	
#phn .dalsi {display: inline; padding: 4px; margin: 0px 0; height: 20px; background: #C9D7ED url(img/dalsi.gif) 100% 0 no-repeat;}	
	
	#obsahp {
		width:140px;
		padding-top: 5px; margin: -8px 0 0 0;
		float:left;
		background: #EFF3FA url(img/obsah_p.gif) no-repeat right bottom;
		}
				
p  {margin:0px 10px 10px 10px; padding: 5px 0px; font-size:12px; line-height: 20px;}
		
h1 {text-align: center; color: white; font-size: 180%;  text-align: right;
		padding: 0px; margin: 90px 355px 20px 0; font-family: Century Gothic;}
h1 a {text-decoration: none; color: #FFFFFF;}
h1 a:hover {text-decoration: none; color: #000000;}
	
h2 {text-align: center; font: 14px Verdana, Helvetica; font-weight: bold; background: #C9D7ED;
     padding: 2px 0px; margin-top: 10px; color: black;}

h3 {text-align: left; padding: 5px 10px 10px 10px; font: 80% Verdana, Helvetica; text-align: justify; }

#kontakt {background: #EFF3FA url(img/kontakt.jpg) no-repeat; height: 50px; width: 129px; margin: 20px 0px 0px 8px;}

#tema {background: #EFF3FA url(img/tema.gif) no-repeat; height: 50px; width: 115px; margin: 20px 0px 0px 12px;}

#obsahp p { font-size: 10px; line-height: 10px;}

p a {color: white; text-decoration: none; background: #5B85AD;}
p a:hover {color: black; background: #AAC6C6;}
	
#pata { font-size: 70%; text-align: center; background: #FFFFFF url(img/pata.gif) no-repeat; width: 780px; 
        margin: 0px; padding: 5px 0px 3px 0px;}
		
#pata a {color: white; text-decoration: none;}		
#pata a:hover {color: #CCCCCC; text-decoration: none;}

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


/* Pro Operu a Gecko */
html>body {background: url(img/baner_edge.gif) 50% 0 no-repeat;}	
html>body #nav {width: 780px;}
html>body #nav li {width: 154px;}
html>body #nav li a {width: 154px;}
html>body #nav ul ul {width: 154px;}
html>body #hlavicka h1 {padding-top: -10px;}
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 h1 {margin: 90px 355px 22px 0;}
html>body #frame {border-top: 1px solid white;}