body {
  margin:0;
  padding:0;
  margin-top:10px;
  background-color: #eee;
  color: #303030;
  font: 0.75em Arial,Verdana,sans-serif;
  line-height: 1.4em;
  text-align: center;
  letter-spacing:1px;
}

a {
   color:#000000;
}

a:hover {
   color:#666666;
   text-decoration:underline;
}

div.margin {
   margin:auto;
   width:970px;
   position:relative;
   text-align:left;

}

ul.menu {
   padding:0px;
   margin:10px;
   margin-bottom:0px;
}

ul.menu li {
  float:left;
  display:block;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
  margin-right:10px;
  border-bottom:0px;
}

ul.menu li a {
 color:#fff;
 text-decoration:none;
}

div.top {
  height:18px;
  
}

div.main {
  padding:3px;
  padding-top:8px;
  background-color:#fff;
  width:970px;
  
}

li.red,div.red {
  background-color:#a59e2a;
  font-weight:bold;
}

div.red h1 {
   color:#fff;
   font-size:110%;   
   letter-spacing:2px;
}

/*
nyni modra
*/

li.blue,div.blue {
   background-color: #7f96a6;
   font-weight:bold;
}

div.blue h1 {
   color:#fff;
      font-size:110%;   
   letter-spacing:2px;	  
}

/*
zelena
*/


li.green,div.green {
  background-color: #d18644;
  font-weight:bold;
}

div.green {
}

div.green h1 {
   color:#fff;
      font-size:110%;   
   letter-spacing:2px;	  
}

div.mapa {
   width:720px;
   height:560px;
   padding-left:8px;
   float:left;
}
div.ovladani {
   float:right;
   width:230px;
   _padding-left:15px;
   padding-top:5px;
}

br.mozilla {
   clear:both;
}

iframe {
  border:0px;
}

iframe#mapa {
  border:2px solid #222;
}

iframe#help {
 position:absolute;
 top:10px;
 left:20px;
 display:none;
 border:2px solid #000;
 text-align:left;

}

.center {
   text-align:center;
}
.middle {
   vertical-align:middle;
   background-color:#bbb;
}

a img {
   border:0px;
}
.bold {
  font-weight:bold;
}

/*
menu 
*/

div.vm ul {
   margin:0px;
   padding:0px;
   margin-left:10px;
   list-style:none;
   font-size:10px;
}

div.vm ul li {
   text-transform:uppercase;
   letter-spacing:0px;
   padding-bottom:0px;
   margin-bottom:0px;
}

div.vm ul li a {
   color:#fff;
}

div.vm ul li a:hover {
   color:#ff0;
   text-decoration:underline;
}

div.vm ul li a.b1  {
   color:#fff;
   font-weight:bold;
   display:block;
   text-decoration:none;
   padding-top:1px;  
}
div.vm ul li a.b2  {
   color:#fafafa;
   font-weight:bold;
   display:block;
   text-decoration:none;
   padding-top:1px;  
}

div.vm ul li a.b1:hover {
   text-decoration:underline;
    color:#fff;
}

div.vm ul li a.b2:hover {
   text-decoration:underline;
   color:#fff;
}

.bigger {
height:30px;
}