html {
background: url("img/bg_pattern.gif") left top #00652d;
margin: 0; padding: 0;
color: #aaffaa;
font: 100% "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

body {
background: url("img/gradient.png") left top repeat-x;
margin: 0; padding: 3em 1em 3em 4em;
}

a img {
border: 0;
}

a:link, a:visited, a:hover {
text-decoration: underline;
color: #004400;
}

a:visited {
color: #006600;
}

a:hover {
color: #002200;
}

a:active {
color: #001100;
}


#left a:link, #left a:visited, #left a:hover {
text-decoration: none;
color: #aaffaa;
}

#left a:visited {
color: #99ff99;
}

#left a:hover {
color: #ddffdd;
}

#container {
position: relative;
margin: 0; padding: 0;
width: 850px;
min-height: 700px;
/*height: 1000px;*/
}

#left {
float: left;
position: relative;
width: 241px;
height: 215px;
margin: 0; padding: 0;
}

#left h1 {
margin: 0; padding: 0;
}

#left a {
width: 194px;
height: 215px;
margin: 0; padding: 0;
}

#leftbox-top {
margin: 185px 0 0 0;
padding: 35px 0 25px 0;
height: 380px;/*450px;*/
background: url("img/leftbox-top2.png") left top no-repeat;
}

#logo {
position: absolute;
left: 16px;
}

#menu {
margin: 0 0 0 12px; padding: 0;
list-style: none;
width: 215px;
height: 140px;/*210px;*/
}

#menu li {
float: left;
position: relative;
margin: 0; padding: 0;
}

#menu li a {
position: relative;
width: 215px;
height: 35px;
display: block;
text-align: center;
font-weight: bold;
font-size: 125%;
cursor: pointer;
}

#menu li a span {
position: absolute;
display: block;
width: 215px;
height: 35px;
left: 0; top: 0;
background: url("img/menu.png") 0px 0px no-repeat;
}

#menu li.denni-menu a span { background-position: 0px -35px; }
#menu li.jidelni-listek a span { background-position: 0px -70px; }
#menu li.fotogalerie a span { background-position: 0px -105px; }
#menu li.odkazy a span { background-position: 0px -140px; }
#menu li.kontakt a span { background-position: 0px -175px; }

#menu li.aktualne a:hover span { background-position: -215px 0px; }
#menu li.denni-menu a:hover span { background-position: -215px -35px; }
#menu li.jidelni-listek a:hover span { background-position: -215px -70px; }
#menu li.fotogalerie a:hover span { background-position: -215px -105px; }
#menu li.odkazy a:hover span { background-position: -215px -140px; }
#menu li.kontakt a:hover span { background-position: -215px -175px; }

#aktualne #menu li.aktualne a span { background-position: -430px 0px; }
#denni-menu #menu li.denni-menu a span { background-position: -430px -35px; }
#jidelni-listek #menu li.jidelni-listek a span { background-position: -430px -70px; }
#fotogalerie #menu li.fotogalerie a span { background-position: -430px -105px; }
#odkazy #menu li.odkazy a span { background-position: -430px -140px; }
#kontakt #menu li.kontakt a span { background-position: -430px -175px; }

#left p {
margin: 15px 20px 15px 18px;
}

#foto img {
position: relative;
margin: 0 0 0 9px;
}

p img.info {
position: relative;
margin: 0 0 0 15px;
}

#leftbox-bottom {
height: 38px;
background: url("img/leftbox-bottom2.png") left bottom no-repeat;
}

#main {
margin-left: 261px;
width: 578px;
}

#main-header {
background: url("img/main-header.png") left top no-repeat;
height: 100px;
}

#na-stare-kovarne, #na-stare-cihelne {
position: absolute;
top: 30px;
left: 305px;
width: 372px;
height: 27px;
background: url("img/na-stare-kovarne.png") left top no-repeat;
}

#na-stare-cihelne {
background: url("img/na-stare-cihelne.png") left top no-repeat;
}

#na-stare-kovarne span, #na-stare-cihelne span {
display: none;
}

#left h3 {
position: absolute;
top: 34px;
left: 690px;
width: 125px;
height: 25px;
/*border: 1px solid yellow;*/
letter-spacing: 1px;
line-height: 95%;
font-size: 75%;
font-weight: bold;
color: #fff;
font-style: italic;
margin: 0; padding: 0;
}

#left h3 span {
display: none;
}

#left h3 em {
text-transform: uppercase;
/*font-variant: small-caps;*/
}

#main-body {
margin: 0; padding: 0;
min-height: 75px;
background: url("img/main-body.png") left bottom repeat-y;
}

#main-footer {
margin: 0; padding: 0;
background: url("img/main-footer.png") left top no-repeat;
height: 40px;
}

#content {
margin: 0 30px 0 30px;
padding: 0;
color: #999;
background: #fff;
font-size: 85%;
line-height: 160%;
}

#content ul {
color: #555;
}

#content h2, #content h3, #content h4 {
padding: 10px 10px 5px 10px;
margin: 0;
color: #4f8e67;
font-family: "Arial Narrow", "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
}

#content p {
padding: 0 5px 10px 5px;
margin: 0;
color: #555;
}

p.gallery a {
position: relative;
display: block;
float: left;
width: 100px;
height: 100px;
margin: 15px 15px 0 0;
border: 3px solid #eee;
}

#mapa {
float: right;
width: 250px; height: 205px;
position: relative;
border: 3px solid #eee;
}

p.gallery a:hover, a#mapa:hover {
border: 3px solid #b8d1c2;
}

br.both {
clear: both;
}

.float-left {
float: left;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 15px;
}