/* 
  CSS Document
  (c) 2008 w3media.sk 
  bodybg backup #EEFEED
*/
body {
  background-color: #DCDCDC;
  height: 100%;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

a { color: #D6530A; text-decoration: none; }
a:hover { text-decoration: underline; }
.w3-wrap {
  padding-top: 30px;
}

#header {
  width: 985px;
  height: 265px;
  background-image: url('/data/img/header-background.png');
  position: relative;
  margin-bottom: 10px;
}
  #header-logo {
    position: absolute;
    top: 25px;
    left: 30px;
    background-image: url('/images/header-logo.jpg');
  }
  #header-name {
    position: absolute;
    bottom: 15px;
    right: 30px;
  }
  h1 {
    visibility: hidden;
  }
  
#menu { 
  list-style: none; 
  position: relative; 
  margin-left: 20px; 
  font-size: 120%; 
  font-weight: bold; 
  z-index: 100;}
  #menu li {
    display: block;
    position: relative;
    width: 215px;
    height: 92px;
    background-image: url('/images/menu-background.png');
    background-repeat: no-repeat;
    text-align: right;
    margin-bottom: 5px;
  }
  #menu li.active {
    background-image: url('/images/menu-active-background.png');
    background-repeat: no-repeat;
  }
  #menu #info.active:hover {
      background-image: url('/images/menu-active-info-background.png');
  }
  #menu li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #505050;
    text-decoration: none;
    letter-spacing: 1.3px;
  }
  #menu li a span {
    visibility: hidden;
    _visibility: normal;
    _position: absolute;
    _top: 30px;
    _right: 20px;
  }
  #menu li a img {
    _display: none;
  }
    #menu li#akcie a {
      background: url('/images/akcie-background.png') 10px 10px no-repeat;
    }
    #menu li#fotky a {
      background: url('/images/foto-background.png') 10px 10px no-repeat;
    }
    #menu li#info a {
      background: url('/images/info-background.png') 10px 10px no-repeat;
    }
    #menu li#partneri a {
      background: url('/images/partneri-background.png') 10px 10px no-repeat;
    }
    #menu li#venujte a {
      background: url('/images/venujte-background.png') 10px 10px no-repeat;
    }
    #menu li img {
      position: absolute;
      top: 25px; 
      right: 15px;
    }

#menu li .submenu {
  position: absolute;
  right: -60px;
  top: 0px;
  background: url('/images/menu-background.png') top right;
  width: 60px;
  height: 76px;
  padding: 9px 12px 8px 0px;
  %position: relative;
  %left: 60px;
  %top: -92px;
  _position: absolute;
  _top: 0px;
  _left: 200px;
}
  #menu li .submenu li {
    background-image: none;
    display: list-item;
    list-style: none;
    text-align: right;
    font-size: 50%;
    width: 60px;
    height: 15px;
    margin: 0px;
    %margin: -9px 0px 0px 0px;
    %font-size: 60%;
  }
    #menu li.active .submenu {
      background-image: url('/images/menu-active-background.png');
      background-repeat: no-repeat;
    }
    #menu li#info .submenu li a {
      display: inline;
      background-image: none;
      text-decoration: none;
      padding: 0px;
    }
    #menu #partneri.active a img {
      top: 27px;
      right: 13px;
    }
    
    #menu li#info .submenu li a:hover, #menu li .submenu li.active a {
      display: inline;
      background-image: none;
      text-decoration: none;
      padding: 0px;
      color: #FC8402;
    }

#body {
  background-image: url('/images/body-top-background.png');
  background-repeat: no-repeat;
  width: 717px;
  margin-left: 10px;
  padding-top: 13px;
  font-size: 90%;
  line-height: 22px;
}
  #body #left {
    background-image: url('/images/body-left-background.png');
    background-repeat: repeat-y;
    padding-left: 7px; 
  }
  #body #right {
    background-image: url('/images/body-right-background.png');
    background-repeat: repeat-y;
    background-position: right 0px; 
    padding-right: 6px;
  }
  #body #bottom {
    background-image: url('/images/body-bottom-background.png');
    background-repeat: no-repeat;
    background-position: left bottom; 
    height: 10px;
    margin-bottom: 20px;
  }
  #body-content {
    background-color: white;
    padding: 0px 15px 10px 15px;
  }
    #body-content h2 {
      padding-top: 10px;
      margin-bottom: 10px;
    }
    #body-content h3 {
      margin-top: 20px;
    }
    #body-content ul {
      margin-left: 20px;
    }
    #body-content ul li:hover {
      list-style: square;
    }

.gallery-image {
  width: 148px; height: 90px; background-position: center; float: left; margin: 10px; background-repeat: no-repeat;
}
  .gallery-image a {
    display: block; width: 100%; height: 100%;
  }
#login {
  margin: 5px 10px 0px;
}
  #login #submit {
    padding: 2px 5px 2px 5px;
    height: 26px;
  }
  #login #password {
    border: 1px solid #707070;
    width: 80px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    padding: 3px 5px 0px 5px;
  }

#body-content .akcia {
  border-bottom: 1px solid silver;
  margin-bottom: 10px;
}
  #body-content .akcia h3 {
    margin: 0px; padding: 0px;
    font-size: 89%;
  }
  #body-content .akcia form {
    margin-bottom: 10px;
  }
    #body-content .akcia input {
      padding: 1px 3px 1px 3px;
    }
    #body-content .akcia form .kom-name {
      width: 80px;
      border: 1px solid #707070;
      height: 18px;
    }
    #body-content .akcia form .kom-message {
      width: 460px;
      %width: 440px;
      border: 1px solid #707070;
      height: 18px;
    }
.comments {
  margin: 0 auto;
}
  .comments .comm-name, .comments .comm-text {
    font-size: 10px;
    height: 20px;
    padding: 1px 5px 1px 5px;
    margin: 0px 4px 3px 0px;
    background-color: #D0D0D0;
  }
  .comments .comm-name {
    width: 78px;
    font-weight: bold;
  }
  .comments .comm-text {
    width: 554px;
  }
  .showcomments {
    font-size: 12px;
    color: #D6530A;
    cursor: hand;
    cursor: pointer;   
  } 
  .showcomments:hover {
    text-decoration: underline;
  }
  
#googlemaps {
  height: 290px;
  border: 1px solid #959595;
  margin-top: 20px;
}
#contactform input {
  width: 300px;
}
#contactform textarea {
  width: 100%;
}