/* CSS Document */
* {
  margin: 0;
  padding: 0;
}

a {}

body {
  margin: 0px;
  padding: 0px;
  font: 100% Arial, Tahoma, Times New Roman;
  font-weight: bold;
}
/* layout */

h2 {
  font-size: 125%;
  margin: 2px 10px;
}

p {
  margin: 10px;
}

.big{
  font-size: 65%;
}

.counter{
  margin: 10px 0 0 0;
}

.date{
  margin: 10px 0 8px 0;
}

.drobne{
  font-size: 70%;
}

.foto{
  padding: 20px 0 0 70px;
}

.green{
  color: #006500;
}

.map{
  position: absolute;
  top: 153px;
  left: 446px;
}

.nadpis1{
  text-align: justify;
  font-size: 180%;
  margin: 0 0 5px 0;
}

.nadpis1c{
  text-align: left;
  font-size: 150%;
  color: black;
  padding: 0 0 0 20px;
}

.nadpis2{
  text-align: justify;
  font-size: 160%;
}

.nadpis3{
  text-align: justify;
  font-size: 120%;
  padding: 0 0 10px 0;
}

.center{
  text-align:center
}

.nav{
  width: 520px;
  height: 80px;
  position: relative;
  top: 0px;
  padding: 10px;
}

.navigace{
  width: 480px;
  height: 330px;
  margin: 20px;
}

.normal{
  text-align: justify;
  margin: 0px 0 20px 0;
}

.normalc{
  text-align: center;
}

.normalgr{
  text-align: justify;
  font-size: 130%;
  color: #006500;
}

.normalr{
  text-align: right;
}

.popis{
  padding: 0 0 0 0px;
}

.small{
  font-size: 55%;
}

.smallgr{
  text-align: justify;
  color: #006500;
}

#left {
  position: relative;
  top: 15px;
  left: 60px;
  width: 220px;
  height: 70px;
  text-align: right;
  padding: 10px 10px 0 0;
  font-size: 100%;
}

#mapa{
  width: 520px;
  height: 470px;
  border: 1px #afafaf solid;
}

#menu{
  width: 140px;
  float: left;
  position: relative;
  top: -100px;
  background:#FFE6CC;
  border-top:1px solid #FFA600; 
  border-left:1px solid #FFA600;
  border-width:1px 0 1px 1px;
  z-index:500; 
}

/*#menu ul {
  width: 140px;
  list-style-type: none;
  margin-top: 15px;
}

#menu ul li{
  position: relative;
  top: 0px;
  background: #FFE6CC;
  border-bottom: 1px solid #FFA600;
  border-left: 1px solid #FFA600;
}

#menu ul li a{
  display: block;
  padding: 3px 3px 5px 3px;
  font-weight: bold;
  font-family: tahoma, arial;
  font-size: 70%;
  color: black;
  text-decoration: none;
  height: 12px;
}

#menu ul li.posledni {
  border-bottom: none;
}

#menu ul ul {
  position: absolute;
  left: 110px;
  top: -7px;
/*visibility: hidden;
  display: none;
  width: 200px;
  height: 100%;
  border-top: 1px solid #FFA600;
}

#menu ul ul li {
  border-bottom: 1px solid #FFA600;
  border-right: 1px solid #FFA600;
  z-index: 2;
}*/

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}
 
.menu li {width:140px; height:20px; float:left; border-right:1px solid #FFA600;border-bottom:1px solid #FFA600}
 
.menu li a {display:block; width:100%; height:20px; line-height:20px; color:#000; text-decoration:none; font-size:70%;font-weight:bold; font-family:"Arial", Tahoma, Times New Roman; text-indent: 3px; float:left;}
 
.menu li a:hover {white-space:nowrap; position:relative; color:#fff;}
 
.menu li:hover {position:relative;background:#0000B5;}

.menu ul li.adhd{width:180px}
.menu ul.infoParent li{width:283px}
.menu ul.lifeStyle li{width:195px}
 
.menu :hover ul
{height:auto; left:110px; top:7px; border-top:1px solid #FFA600;border-left:1px solid #FFA600 }

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{height:auto; left:115px; top:-1px; border:1px solid #FFA600; border-width:1px 0 1px 1px;}
 
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}
 
.menu :hover ul li,
.menu :hover ul li a
{height:20px; line-height:20px; text-indent:3px; float:none;}

  
.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#FFE6CC; color:#000;}
 
.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#0000B5; color:#fff;font-weight:bold}
 



#obal {
  width: 965px;
  margin: 0 auto;
  background: #E77817;
}

#obsah {
  width: 695px;
  float: right;
  position: relative;
  left: -122px;
  border-left: 3px #fff solid;
  border-right: 3px #fff solid;
  padding-bottom: 10px;
  background: url(obrazky/pozadi.jpg);
  text-align: justify;
  font-size: 80%;
  color: black;
}

#obsah ol.display li{
  margin: 0px 0 0px 40px;
}

#obsah ul {
  margin: 0 0 15px 25px;
}

#obsah ul.display li{
  margin: 0px 0 0px 10px;
}

#obsah ul.next li{
  margin: 0 0 0px 20px;
}

#obsah ul.point li{
  margin: 0 0 0 50px;
  padding: 0 0 0 0;
}

#obsah ul.seznam li{
  padding: 0 0 20px 0;
}

#obsah ul.sluzby li{
  padding: 0 0 20px 0;
}

#obsah ul.ul_right li{
  margin: 0px 0 20px 20px;
}

#obsah ul.vycet li{
  padding: 0 0 15px 0;
}

#pravy{
  position: relative;
  top: 0px;
  left: 843px;
  z-index: 2;
  width: 122px;
  height: 100px;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
}

#right {
  position: relative;
  top: -65px;
  left: 280px;
  width: 250px;
  height: 70px;
  padding: 10px 0 0 10px;
  text-align: left;
  font-size: 100%;
}
/* obsah*/

#zahlavi {
  height: 97px;
  background-image: url(obrazky/header.png);
}

#zapati {
  padding: 5px;
  clear: both;
  background: #E77817;
  text-align: center;
  font-size: 90%;
}
/* !!!!!!!!!! navigace !!!!!!!!!!!!! */

#menu ul li a:hover {
  background: #0000B0;
  color: white;
}

#menu ul li:hover ul {
/*visibility: visible;*/
  display: list-item;
}

a:hover {}