/* page */

p, h1, h2, h3, h4, h5, h6, img, ul, li, a, span {
  border:0px;
  margin:0px;
  padding:0px;
}

strong {
  font-size:90%;
}

a {
  color:#e24305;
  text-decoration:underline;
}

a:hover {
  color:#e24305;
  text-decoration:none;
}

body {
  text-align:center;
  font-family:Arial, Helvetica;
  font-size:90%;
  color:#000000;
  background-color:#f2f2f2;
  margin:0px;
  padding:0px;
}

#main {
  position:relative;
  width:100%;
  background-image:url('../img/main-bg.gif');
  background-repeat:repeat-y;
  background-position:center;
  margin:auto;
}

.hide {
  display:none;
}

/* header & menu */

#header {
  position:relative;
  top:0px;
  left:0px;
  width:770px;
  height:218px;
  background-image:url('../img/header-bg.jpg');
  background-repeat:no-repeat;
  background-position:center;
  margin:auto;
  z-index:200;
}

#home {
  display:block;
  position:absolute;
  left:45px;
  top:20px;
  width:457px;
  height:130px;
}

#menu {
  position:absolute;
  left:547px;
  top:20px;
  width:193px;
}

#menu ul {
  text-align:center;
  font-weight:bold;
  font-size:11pt;
}

#menu li {
  width:193px;
  height:19px;
  list-style-type:none;
  vertical-align:top;
}

#menu a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  color:#000000;
}

#menu a:hover {
  display:block;
  width:100%;
  height:100%;
  color:#e24305;
  background-image:url('../img/menu-hover-bg.gif');
  background-position:center;
  background-repeat:no-repeat;
}

#menu span {
  display:block;
}

.active {
  color:#e24305;
  background-image:url('../img/menu-hover-bg.gif');
  background-position:center;
  background-repeat:no-repeat;
}

/* secondary menu */

#sub-menu {
  position:absolute;
  left:40px;
  bottom:-22px;
}

#sub-menu ul {
  text-align:left;
  font-weight:bold;
  font-size:9pt;
}

#sub-menu li {
  float:left;
  height:17px;
  list-style-type:none;
  border:1px solid #b57400;
  color:#b57400;
  background-image:url('../img/sub-menu-bg.gif');
  background-repeat:repeat-x;
  background-position:top;
  padding-left:8px;
  padding-top:3px;
  padding-right:7px;
  margin-right:4px;
}

#sub-menu a {
  color:#000000;
  text-decoration:none;
}

#sub-menu a:hover {
  color:#b57400;
  text-decoration:none;
}

/* content */

#content {
  position:relative;
  top:0px;
  left:0px;
  width:690px;
  text-align:justify;
  margin:auto;
  padding-left:40px;
  padding-top:40px;
  padding-right:40px;
  padding-bottom:30px;
  background-color:#ffffff;
}

#content h2 {
  font-weight:bold;
  font-size:140%;
  padding-left:22px;
  padding-top:20px;
  padding-bottom:20px;
  background-image:url('../img/arrow-h2.gif');
  background-position:center left;
  background-repeat:no-repeat;
}

#content h3 {
  font-weight:bold;
  font-size:95%;
  padding-top:10px;
  padding-bottom:5px;
}

#content p {
  margin-bottom:10px;
}

.text-uvod {
  padding-right:245px;
}

.border-gray {
  margin-bottom:10px;
  border-collapse:collapse;
}

.border-gray td {
  vertical-align:top;
  padding:5px;
  border:1px solid #a5a5a5;
}

.no-border {
  margin-bottom:10px;
  border-collapse:collapse;
}

.no-border td {
  vertical-align:top;
  padding:5px;
}

.table-head {
  background-color:#d5d5d5;
}

.foto-right {
  float:right;
  margin-left:15px;
  margin-bottom:15px;
  border:1px solid #b57400;
}

.foto-detail {
  margin-bottom:5px;
  border:1px solid #b57400;
}

.back {
  width:24px;
  height:17px;
  font-size:9pt;
  font-weight:bold;
  color:#b57400;
  border:1px solid #b57400;
  background-image:url('../img/sub-menu-bg.gif');
  background-repeat:repeat-x;
  background-position:top;
  padding-left:8px;
  padding-top:2px;
  padding-right:7px;
  padding-bottom:1px;
  margin-top:15px;
  margin-left:335px;
}

.back a {
  color:#b57400;
  text-decoration:none;
}

.back a:hover {
  color:#000000;
  text-decoration:none;
}

.cleaner {
  clear:both;
  border: 0px none;
  margin: 0px;
  padding: 0px;
  float: none;
  clear: both;
  width: 0px;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

/* novinky */

#novinky {
  float:right;
  height:100%;
  width:180px;
  margin-left:60px;
  text-align:left;
}

/* galerie */

.galerie {
  width:100%;
  border-collapse:collapse;
  margin-top:10px;
  margin-bottom:15px;
}

.galerie td {
  vertical-align:top;
  padding-left:7px;
  padding-top:18px;
  padding-right:7px;
  padding-bottom:18px;
  border-top:1px solid #eacb62;
  border-bottom:1px solid #eacb62;
}

.galerie-img {
  width:110px;
}

.galerie img {
  border:1px solid #b57400;
}

.galerie strong {
  font-size:105%;
}

.galerie-detail {
  border-collapse:collapse;
  margin-top:15px;
  margin-bottom:15px;
}

.galerie-detail td {
  vertical-align:top;
  padding:20px;
}

.galerie-detail img {
  border:1px solid #b57400;
}

.galerie-detail p {
  font-size:90%;
  text-align:left;
  margin-top:5px;
  margin-bottom:0px;
}

/* galerie navigace */

.pages-navi {
  font-size:90%;
  text-align:center;
  padding-top:10px;
}

.pages-navi strong {
  font-size:100%;
}

.pages-navi a {
  margin-left:7px;
  margin-right:7px;
}

.pages-navi-goto {
  display:inline;
  margin:0px;
  padding:0px;
}

.pages-navi-goto p {
  display:inline;
}

.pages-navi-goto input {
  font-size:90%;
  margin-left:1px;
}

/* footer */

#footer {
  position:relative;
  width:100%;
  height:27px;
  background-image:url('../img/footer-bg.gif');
  background-repeat:no-repeat;
  background-position:center;
  margin:auto;
}

#footer div {
  position:relative;
  top:0px;
  left:0px;
  width:770px;
  height:27px;
  font-size:7pt;
  color:#a5a5a5;
  background-image:url('../img/footer-bg.gif');
  background-repeat:no-repeat;
  background-position:center;
  margin:auto;
}

#footer span {
  float:right;
  margin-right:40px;
  margin-top:12px;
}

#footer a {
  color:#a5a5a5;
  text-decoration:underline;
}

#footer a:hover {
  color:#000000;
  text-decoration:underline;
}

