html, body, h1, h2, h3, h4, h5, h6, a, p, ul, ol, li, dl, dt, dd {
    margin: 0;
    border: none;
    padding: 0;
    background: transparent;
    font-size: 100%;
}

html, body {
    height: 100%;
}
body {
    position: relative;
    min-width: 971px;
    color: #717070;
    background: #ffffff url('../img/body.png') center top repeat-y;
    font-family: Verdana, 'Geneva CE', lucida, sans-serif;
    font-size: 68%;
    line-height: 185%;
    text-align: center;
}

a {
    color: #139bdb;
    border-bottom: 1px solid #139bdb;
    text-decoration: none;
}
a:hover {
    color: #a6ce39;
    border-bottom-color: #a6ce39;
}

.hidden {
    display: none;
}
hr,
div.clr {
    display: block;
    float: none;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    background: transparent;
}
#forkDebug {
    display: none
}

#page {
    position: relative;
    width: 971px;
    min-height: 100%;
    margin: 0 auto;
    background: #ffffff;
    text-align: left;
}

#left {
    float: left;
    width: 11px;
    height: 196px;
    margin-top: 205px;
    margin-left: 7px;
    background: url('../img/bg-left.png');
}
#center {
    float: left;
    width: 933px;
}
#right {
    float: left;
    width: 14px;
    height: 213px;
    margin-top: 203px;
    background: url('../img/bg-right.png');
}

#top {
    height: 217px;
    margin-bottom: 12px;
    background: url('../img/top.jpg') no-repeat;
}

#content {
    float: left;
    width: 651px;
    padding-left: 19px;
}

h1 a,
h1 a:hover {
    display: block;
    position: relative;
    width: 174px;
    height: 76px;
    left: 30px;
    top: 54px;
    line-height: 76px;
    border: none;
    overflow: hidden;
    font-size: 180%;
    text-align: center;
}
h1 span {
    display: block;
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: url('../img/apond-logo.gif') no-repeat;
    cursor: pointer;
}

.menu {
    float: left;
    width: 211px;
    padding-left: 30px;
}
.menu ul {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 9px;
    padding-top: 5px;
    padding-bottom: 7px;
    list-style-type: none;
}
.menu ul.blue {
    background: #0082bf url('../img/menu-bg-blue.png') left bottom repeat-x
}
.menu ul.green {
    background: #93b632 url('../img/menu-bg-green.png') left bottom repeat-x
}
.menu ul.gray {
    padding-bottom: 14px;
    background: #9c9a9b url('../img/menu-bg-gray.png') left bottom repeat-x
}
.menu div.bottom {
    height: 7px;
    background: url('../img/menu-bg-bottom.gif') left bottom no-repeat;
}
.menu h3 {
    position: relative;
    height: 28px;
    line-height: 28px;
    padding-top: 11px;
    overflow: hidden;
    color: #ffffff;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.menu h3.blue {
    border-top: 1px solid #00486a;
    border-bottom: 1px solid #7fc0df;
    background: #0082bf;
}
.menu h3.green {
    border-top: 1px solid #51651c;
    border-bottom: 1px solid #c8da98;
    background: #93b632;
}
.menu h3.gray {
    border-top: 1px solid #525252;
    border-bottom: 1px solid #cecece;
    background: #a6a6a6;
}
.menu h3 span {
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%; height: 100%;
    background-repeat: no-repeat;
}
.menu h3.zahrady span {
    background-image: url('../img/menu-heading-zahrady.png');
}
.menu h3.jezirka span {
    background-image: url('../img/menu-heading-jezirka.png');
}
.menu h3.ostatni span {
    background-image: url('../img/menu-heading-ostatni.png');
}
.menu a,
.menu a:hover {
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 30px;
    overflow: hidden;
    color: #ffffff;
    background: url('../img/menu-item.gif') 12px 50% no-repeat;
    text-transform: lowercase;
}
.menu ul.blue a {
    border-top: 1px solid #005a86;
    border-bottom: 1px solid #004161;
}
.menu ul.green a {
    border-top: 1px solid #677f23;
    border-bottom: 1px solid #4b5b19;
}
.menu ul.gray a {
    border-top: 1px solid #515151;
    border-bottom: 1px solid #3a3a3a;
}
.menu ul.blue a:hover,
.menu ul.blue a.selected {
    border-top-color: #003853;
    border-bottom-color: #001d2a;
    background-image: url('../img/menu-item-hover-blue.png');
    background-position: left center;
}
.menu ul.green a:hover,
.menu ul.green a.selected {
    border-top-color: #414f15;
    border-bottom-color: #21290c;
    background-image: url('../img/menu-item-hover-green.png');
    background-position: left center;
}
.menu ul.gray a:hover,
.menu ul.gray a.selected {
    border-top-color: #323232;
    border-bottom-color: #1a1a1a;
    background-image: url('../img/menu-item-hover-gray.png');
    background-position: left center;
}
/*
.menu ul.blue li.first {
    border-top: 1px solid #004161;
}
.menu ul.green li.first {
    border-top: 1px solid #4b5b19;
}
.menu ul.gray li.first {
    border-top: 1px solid #444444;
}
*/
.menu li.first a {
    border-top: none;
}
.menu li.last a {
    border-bottom: none;
}
.menu li.firstLast,
.menu li.firstLast a {
    border: none;
}

/* Text */
.text p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: justify;
}
.text ul,
.text ol,
.text dl {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
}
.text ul {
    list-style-type: none;
}
.text ul li {
    background: url('../img/list.gif') 0px 0.70em no-repeat;
    padding-left: 14px;
}
/* Text - headings */
.text h2, .text h3, .text h4, .text h5, .text h6 {
    padding-top: 1em;
    padding-bottom: 0.5em;
    font-weight: normal;
    text-transform: uppercase;
}
.text h2 {
    font-size: 250%;
}
.text h2.high {
    padding-top: 2em;
}
/* Text - images */
.text img,
.text a.img {
    margin: 0.5em 20px;
    border: 1px solid #222222;
    padding: 1px;
}
.text img.left,
.text a.img.left {
    float: left;
    clear: both;
    margin-left: 0;
}
.text img.right,
.text a.img.right {
    float: right;
    clear: both;
    margin-right: 0;
}
.text a.img,
.text a.img img {
    display: block;
}
.text a.img img {
    float: none;
    margin: 0; border: 0; padding: 0;
}
.text a.img:hover {
    border-color: #000000;
}
/* Text - line */
.text hr {
    display: block;
    visibility: visible;
    height: 1px;
    margin-top: 10px;
    border-top: 1px solid #63625e;
    border-bottom: 3px solid #dadada;
}
/* Text - misc */
.text .blue {
    color: #139bdb;
}
.text .green {
    color: #a6ce39;
}
.text .left {
    text-align: left;
}
.text .right {
    text-align: right;
}

/* Box */
.box {
    border-top: 1px solid #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
}
.box .content {
    border-top: 1px solid #cfcfce;
    border-bottom: 1px solid #cfcfce;
    color: #000000;
    background: #b6b6b4 url('../img/bg-box.png');
}
.box .content2 {
    margin: 42px 12px;
}
.box .content .column {
    width: 191px;
    float: left;
}
/* Box - text */
.box p {
    padding: 0;
    font-size: 110%;
    line-height: 200%;
    text-indent: 0;
}
.box a {
    color: #000000;
    border-bottom-color: #000000;
}
.box a:hover {
    color: #000000;
    border-bottom-color: #000000;
}
.box h3 {
    font-weight: normal;
}
.box h4 {
    font-weight: bold;
}
.box ul {
    list-style-type: none;
}
/* Box - contact */
.box#contact {
    clear: both;
    width: 881px; /* 882 - 2x1 */
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 4.5em;
}
.box#contact .content {
    padding-left: 39px;
}
.box#contact h3 strong {
    text-transform: uppercase;
}

/* Footer */
#footer {
    position: absolute;
    left: 48px; bottom: 0;
    width: 881px;
    height: 4em;
    background: #f0f0f0 url('../img/footer.gif') no-repeat;
}
#footer p {
    line-height: 320%;
    text-align: center;
}

/* Gallery */
.gallery {
    padding-top: 9px;
    background: #f0f0f0 no-repeat;
    margin-bottom: 1em;
}
.galleryGreen {
    background-color: #a6ce39;
}
.galleryBlue {
    background-color: #0096da;
}
.gallery img {
    display: block;
    margin: 0 auto;
    border: none;
    padding: 0;
}
/* Gallery - heading */
.gallery h3 {
    height: auto;
    margin-bottom: 7px;
    padding: 0;
    color: #63625e;
    background: #d8d8d8;
    text-align: center;
    font-size: 100%;
    font-weight: normal;
    line-height: 200%;
    text-transform: none;
}
.galleryGreen h3 {
    color: #ffffff;
    background: #94b832;
}
.galleryBlue h3 {
    color: #ffffff;
    background: #0086c3;
}
.gallery h3 span {
    position: static;
    width: auto; height: auto;
    left: 0; top: 0;
    display: inline;
}
/* Gallery - arrows */
a.galleryButtonPrev,
a.galleryButtonNext,
a.galleryButtonPrev:hover,
a.galleryButtonNext:hover {
    float: left;
    width: 14px;
    height: 121px;
    border: 1px solid #ffffff;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
}
.galleryGreen a.galleryButtonPrev,
.galleryGreen a.galleryButtonPrev:hover,
.galleryGreen a.galleryButtonNext,
.galleryGreen a.galleryButtonNext:hover {
    background-color: #a6ce39;
}
.galleryBlue a.galleryButtonPrev,
.galleryBlue a.galleryButtonPrev:hover,
.galleryBlue a.galleryButtonNext,
.galleryBlue a.galleryButtonNext:hover {
    background-color: #0096da;
}
a.galleryButtonPrev,
a.galleryButtonPrev:hover {
    margin-left: 9px;
    background-image: url('../img/gallery-button-prev.gif');
}
a.galleryButtonNext,
a.galleryButtonNext:hover {
    background-image: url('../img/gallery-button-next.gif');
}
a.galleryButtonPrev:hover,
a.galleryButtonNext:hover {
    background-color: #d8d8d8;
}
/* Gallery - thumbnails */
.galleryThumbnails {
    position: relative;
    float: left;
    height: 123px;
    overflow: hidden;
    background: #ffffff;
}
.galleryThumbnails div {
    position: absolute;
    left: 0; top: 0;
    width: 1000px;
    height: 111px;
    padding: 0 3px;
}
.galleryThumbnails a,
.galleryThumbnails a:hover {
    float: left;
    display: block;
    width: 146px;
    height: 111px;
    border: none;
    padding: 6px 3px;
    text-align: center;
}
/* Gallery - image */
.galleryImage {
    margin-bottom: 7px;
    text-align: center;
}
/* Gallery - bottom */
.galleryBottom {
    clear: both;
    height: 12px;
    background: transparent left bottom no-repeat;
}
/* Gallery - menu vs. text */
.menu .gallery {
    background-image: url('../img/gallery-bg-top-short.gif');
}
.text .gallery {
    background-image: url('../img/gallery-bg-top-long.gif');
}
.text .galleryGreen {
    background-image: url('../img/gallery-bg-top-long-green.png');
}
.text .galleryBlue {
    background-image: url('../img/gallery-bg-top-long-blue.png');
}
.menu .galleryThumbnails {
    width: 158px;
}
.text .galleryThumbnails {
    width: 598px;
}
.menu .galleryBottom {
    background-image: url('../img/gallery-bg-bottom-short.gif');
}
.text .galleryBottom {
    background-image: url('../img/gallery-bg-bottom-long.gif');
}
.text .galleryGreen .galleryBottom {
    background-image: url('../img/gallery-bg-bottom-long-green.png');
}
.text .galleryBlue .galleryBottom  {
    background-image: url('../img/gallery-bg-bottom-long-blue.png');
}