* { margin: 0; padding: 0; border: 0; }
a img { border: 0; }

body { 
  background: #fff url('images/bg-header.png') 0 0 repeat-x;
  font-family: "Arial CE", arial, verdana, sans-serif;   
}

#main {
  background: url('images/bg-container.png') 0 0 no-repeat;
  width: 1200px;
  margin: 0 auto;
  display: block;
  position: relative;
}

#header {
  height: 69px;
  background: #000 url('images/bg-header.png') 0 0 repeat-x;
}

#header img { 
  float: left;
  margin-left: 130px; 
}

#header h2 {
  color: #a4c400;
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  padding-top: 32px;
  padding-left: 50px;    
  float:left;
}

/* menu */
#menu {
  margin-left: 250px;
}

#menu li {
  float: left;
  list-style: none; 
  padding-top: 33px;
}

#menu li a {
  color: #fff;
  font-size: 14px;
  margin: 0 15px;
  text-decoration: none;
  text-transform: uppercase;    
}
#menu li a:hover, #menu li a.active {
  color: #a4c400;
}

/* container */
#container {
  clear: both;
  font-size: 13px;
}

#left {
  float: left;
  width: 470px;
  margin-left: 130px;
  padding: 35px 100px 35px 0;
}
#left-index {
  float: left;
  width: 570px;
  margin-left: 130px;
  padding: 35px 100px 35px 0;
}

#right {
  float: left;
  width: 400px;
  margin-left: 10px;
  padding: 35px 0;
}
#right-index {
  float: left;
  width: 400px;
  padding: 35px 0;
}
#right-index a.co_je_dobre_vedet {
  display: block;
  width: 245px;
  height: 55px;
  background: #a4c400;
  color: #fff;
  line-height: 55px;
  font-size: 12px;
  margin-bottom: 5px;
  padding-left: 20px;
  text-decoration: none;
}

#container p {
  margin: 10px 0;
}

#container h3 {
  color: #a4c400;
  font-size: 22px;  
  margin-bottom: 20px;
}

#container strong { font-weight: bold; }
#container strong.zelene {
  color: #a4c400;
  font-weight: normal;
}

#container ul {
  list-style-type: square;
  margin: 10px 0 10px 16px;
}
#container li {
  margin: 3px 0;
}

#container ul#registry { list-style: none; margin-left: 0px; }
#container ul#registry li a {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
}
#container ul#registry li a:hover, #container ul#registry li a.active {
  color: #f08a00;
}
#container ul#registry li div {
  margin-bottom: 20px;
  font-size: 12px;
  display: none;
}
/* footer */
#footer-wrapper {
  clear: both;
  width: 100%;
  position: fixed;
  bottom: 0;   
  z-index: 2;
  background: url('images/bg-footer.png') 0 0 repeat-x;
}
#footer {
  width: 1200px;
  margin: 0 auto;
  height: 121px;
  
}

#footer div {
  float: left;
  width: 220px;
  min-height: 91px;
  border-right: 2px solid #e1e2e3;
  padding-left: 40px;
  margin-top: 15px;
}
#footer div:first-child { 
  padding-left: 130px;
}
#footer div:last-child {
  font-size: 10px;
  color: #8e8f91;
  padding-top: 67px;
  min-height: 15px;
  border: 0;
}

#footer div > ul {
  list-style: none;
}

#footer h3 {
  color: #a4c400;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}

#footer li {
  margin: -2px 0;
}

#footer li > img {
  margin-right: 5px;
}
#footer a {
  color: #8e8f91;
  font-size: 10px;
  text-decoration: none;
}
#footer a:hover {
  color: #a4c400;
}

/* zbytky */
img#mapka { float: right; }
img#oko { float: right; margin-top: 100px; margin-bottom: 20px; }
img#img-wrapper { width: 100%; background: red;}
a.ven { color: #000; }
a.ven:hover { color: #a4c400; }
a.velky-odkaz { font-size: 28px; color: #a4c400; text-decoration: none; font-weight: bold; }

.italic { font-style: italic; }
.oranzova { color: #f08a00!important; }
.clear { clear: both; }