body {
  margin: 0;
  padding: 0;
  color: #000;
  background: #EDB329 none;;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

a {text-decoration: none; color: #403017; }
a:link {text-decoration: none; color: #403017; text-decoration: underline;}
a:hover {text-decoration: none; color: #A9775D; text-decoration: none;}
a:visited {text-decoration: none; color: #403017; }

ul {
  list-style-type: square;
  margin: 0px; padding: 0px 0px 0px 13px;
}

#page {
  overflow: none;
  width: 1000px; /* 550 */
  height: 520px; /* 300 */
  padding: 10px;
/*  border: 0px solid #ffffff;  */
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -275px; /* puvodní margin: -150px 0 0 -275px; */
  overflow: auto;
  color: #000;
  background : #ffffff none;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin: -270px 0 0 -510px;   /* tady měním -162px 0 0 -487px; */

}

#levy-sloupec {
    width: 200px;
    height: 520px;
    background-color: #A9775D;  /* #FF7F00*/
    position: relative; float: left;
}

#hlavni-sloupec {
    width: 800px;
    height: 520px;
    background-color: #EEEEEE;
    position: relative; float: right;
      overflow: none;
}

#hlavni-sloupec-text {
 margin: 20px;
}

#hlavni-sloupec-galerie {
    width: 760px;
    height: 520px;
    background-color: #EEEEEE;
    position: relative; float: right;
    padding: 0px 20px 0px 20px;
    overflow: auto;
}

#hlavni-sloupec-galerie img {
    border: 3px solid #D2D2D2; margin: 0px 4px 4px 0px;
}



h1 { font-size: 24px; color: #403017;}

h2 { font-size: 14px; color: #FF7F00; /*font-weight: normal;*/}

.logo {
    width: 200px;
    height: 200px;
}


#menu-sort {
  background-color: #FF7F00;
  font-size: 13px;
  height: 192px;
   padding: 5px 10px 5px 10px;
   margin: 0px; /*0px 0px 0px;  padding: 3px 0px 3px 0px;  */
}




#menu-sort li {
   list-style-type: none;
   text-align: right; width: 200px; margin-left: -10px;
  /* margin: 2px 10px 2px 10px;*/ padding: 0px 0px 0px 0px;

}

#menu-sort a {text-decoration: none; color: #FFFFFF;display: block; }
#menu-sort a:link {text-decoration: none; color: #FFFFFF;  padding: 4px 10px 4px 10px;}
#menu-sort a:hover {text-decoration: none; color: #FFFFFF;  background-color: #FFA346; padding: 4px 15px 4px 10px; font-weight: bold;} /* CC9966 A9775D */
#menu-sort a:visited {text-decoration: none; color: #FFFFFF; padding: 4px 10px 4px 10px;}

/*  */

#menu-about {
  font-size: 13px;
   padding: 5px 10px 5px 10px;
  margin: 0px; /*0px 0px 0px;  padding: 3px 0px 3px 0px;  */
}

#menu-about li {
   list-style-type: none;
   text-align: right; width: 200px; margin-left: -10px;
  /* margin: 2px 10px 2px 10px;*/ padding: 0px 0px 0px 0px;

}

#menu-about a {text-decoration: none; color: #403017; display: block; font-weight: bold;}
#menu-about a:link {text-decoration: none; color: #403017;  padding: 4px 10px 4px 10px;}
#menu-about a:hover {text-decoration: none; color: #403017;  background-color: #FFA346; padding: 4px 15px 4px 10px; font-weight: normal;} /* CC9966 A9775D*/
#menu-about a:visited {text-decoration: none; color: #403017; padding: 4px 10px 4px 10px;}




#hlavni-sloupec-text-k-mape {
   position: relative; float: left; width: 200px; height: 520px;
}

#hlavni-sloupec-mapa {
   position: relative; float: left; width: 600px; height: 520px;
}

#counter {
    text-align: right; padding-right: 10px;
}

#footer {
   font-size: 12px; color: #FFFFFF; position: relative; float: right; width: 100%; text-align: center;
}

#footer a {text-decoration: none; color: #FFFFFF; }
#footer a:link {text-decoration: none; color: #FFFFFF; text-decoration: underline;}
#footer a:hover {text-decoration: none; color: #FFFFFF; text-decoration: none;}
#footer a:visited {text-decoration: none; color: #FFFFFF; }