/* RESETS ******************/

html, body, div, span, h1, h2, h3, h4, p,
a, em, font, img, strong, b, u, i, center,
ol, ul, li, fieldset, form, label, legend,
table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:focus {
  outline: 0;
}

a {
  color: #000;
}

body {
  background: #f2f9e0;
  line-height: 1;
  font: 0.8em Arial,Verdana,sans-serif;
  text-align: center;
}

#obal {
  margin: 10px auto;
  margin-top: 75px;
  background: #e4eecb url('images/obal_bck.gif');
  border: 1px solid #c8df6b;
  width: 1000px;
  text-align: left;
  position: relative;
}

#hlavicka {
  float: left;
  width: 995px;
  height: 140px;
}

#obsah {
  float: left;
  width: 995px;
}

#levyPanel {
  float: left;
  width: 195px;
}

#pravyPanel {
  float: left;
  width: 800px;
}

#paticka {
  width: 683px;
  position: relative;
  margin-left: 50px;
  margin-bottom: 50px;
  height: 40px;
  color: #fff;
  background: #fff url('images/panelAktualne_bck.jpg');
}

p.whiteText {
  color: #fff;
  margin-left: 20px;
  margin-bottom: 20px;
}

/* HLAVICKA ********************/

#vetev {
  position: absolute;
  top: -62px;
}

h1#logo  {
  margin:0; padding:0;
  position:absolute;
  left:410px;
  top:40px;
  width:507px;
  height:53px;
  overflow:hidden;
}

h1#logo span {
  display:block;
  position:absolute;
  z-index:0;
  margin:0;
  padding:0;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
  background:url("images/logo_harmonie.jpg") top left no-repeat;
  text-decoration: none;
}

/* LEVY PANEL *******************/

#levyPanel h2 {
  margin-bottom: 10px;
  font-size: 15px;
}

#levyPanel a {
  color: #fff;
}

#menu,
.panelTmavaZelena,
.panelSvetlaZelena,
.panelHneda {
  float: left;
  width: 175px;
  margin-bottom: 20px;
  padding: 10px;
}

.panelTmavaZelena {
  background: #607b17;
  color: #fff;
}

.panelTmavaZelena.kontakt p {
  line-height: 25px;
}

.panelTmavaZelena #mail {
  font-size: 11px;
}

.panelSvetlaZelena {
  background: #7d953d;
  color: #fff;
}

.panelHneda {
  background: #95651f;
  color: #fff;
  margin-top: 50px;
}

.panel {
  margin-bottom: 20px;
  margin-left: 50px;
}

.oteviraciDoba td {
  padding-right: 10px;
  color: #fff;
}

/* MENU ********************************/

#menu {
  padding: 10px 0px 10px 0px;
  width: 195px;
  background: #829747 url('images/menu_bck.gif');
}

#menu ul {
  margin: 0px;
  padding: 0px;
}

#menu ul li {
  padding: 0px;
  margin: 0px;
}

#menu ul li a {
  display: block;
  width: 180px;
  padding: 2px 5px 4px 10px;
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}

#menu ul li a:hover,
#menu ul li.active {
  background: url(images/menu-active-bck.jpg) repeat-x;
}

#menu ul li.active a {
  background: url(images/menu-active-arr.jpg) no-repeat right;
  color: #6a7d28;
}

/* PRAVY PANEL *************************/

/* FOTOGALERIE *************************/

.panel.fotogalerie {
  background: #fff url('images/panelKontakt_bck.gif') no-repeat;
  width: 687px;
  height: 292px;
  position: relative;
}

.panel.fotogalerie div#hrefs {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 10;
}

.panel.fotogalerie div#hrefs a {
  padding: 1px 3px;
  background: #fff;
}

/* AKTUALNE *************************/

.panel.aktualne {
  background: #829747 url('images/panelAktualne_bck.jpg');
  width: 683px;
  min-height: 305px;
  position: relative;
}

h2#aktualne {
  position: relative;
  width: 1px;
  height: 1px;
  display: block;
  top: -10px;
  right: -731px;
  text-decoration: none;
  float: left;
}

h2#aktualne span {
  background: url("images/aktualne_h2.gif") no-repeat;
  width: 64px;
  height: 315px;
  position: absolute;
  text-decoration: none;
}

.panel.aktualne div {
  margin: 10px 0px;
  padding: 10px 5px;
}

.panel.aktualne div h3 {
  color:#37562A;
  font-family:'Trebuchet MS';
  font-size:20px;
  font-weight:normal;
  margin:0 20px 14px;
  padding-top:0px;
}

.panel.aktualne #pripravujeme {
  width: 315px;
  min-height: 250px;
  float: left;
}

.panel.aktualne #pripravujeme li {
  margin-bottom: 20px;
  margin-left: 10px;
}

.panel.aktualne #pripravujeme li .datum {
  color: #fff;
  display: block;
  margin-bottom: 7px;
}

.panel.aktualne #pripravujeme li a,
.panel.aktualne #probehlo li a,
.panel.aktualne #probehloLong li a {
  color: #fff;
  font-weight: normal;
}

.panel.aktualne #probehlo,
.panel.aktualne #probehloLong {
  width: 315px;
  min-height: 250px;
  float: left;
  padding-left: 15px;
  color: #fff;
}

.panel.aktualne #probehloLong {
  width: 600px;
}

.panel.aktualne #probehlo li,
.panel.aktualne #probehloLong li {
  width: 310px;
  float: left;
}

.panel.aktualne #probehloLong li {
  width: 500px;
}

.panel.aktualne #probehlo .datum,
.panel.aktualne #probehloLong .datum {
  width: 75px;
  display: block;
  float: left;
}

.panel.aktualne #konvickaAkt {
  position: absolute;
  bottom: 30px;
  right: 10px;
}

/* GALERIE *************************/

.panel.galerie {
  background: #fff url('images/panelKontakt_bck.gif') no-repeat;
  width: 687px;
  height: 292px;
  position: relative;
}

h2#galerie {
  position: relative;
  width: 1px;
  height: 1px;
  display: block;
  top: 20px;
  left: -2px;
  text-decoration: none;
  float: left;
}

h2#galerie span {
  background: url("images/galerie_h2.gif") no-repeat;
  width: 54px;
  height: 261px;
  position: absolute;
  text-decoration: none;
}

/* NABIDKA *************************/

.panel.nabidka {
  background: #829747 url('images/panelAktualne_bck.jpg');
  width: 683px;
  min-height: 305px;
  position: relative;
}

h2#nabidka {
  position: relative;
  width: 1px;
  height: 1px;
  display: block;
  top: 30px;
  right: -733px;
  text-decoration: none;
  float: left;
}

h2#nabidka span {
  background: url("images/nabidka_h2.gif") no-repeat;
  width: 64px;
  height: 231px;
  position: absolute;
  text-decoration: none;
}

.panel.nabidka #polozky {
  width: 440px;
  float: right;
  margin-top: 20px;
  margin-right: 30px;
  padding-bottom: 20px;
}

.panel.nabidka .polozka {
  width: 210px;
  min-height: 150px;
  margin-left: 10px;
  margin-bottom: 20px;
  float: left;
}

.panel.nabidka .polozka h3 {
  color: #fff;
  font-weight: normal;
  font-size: 15px;
  font-family: 'Trebuchet MS';
  margin-bottom: 5px;

}

.panel.nabidka #konvicka {
  position: absolute;
  bottom: 30px;
  left: 10px;
}

.panel.nabidka h4 {
  margin-bottom: 10px;
}

/* KONTAKT *************************/

.panel.kontaktP {
  background: #fff url('images/panelKontakt_bck.gif') no-repeat;
  width: 687px;
  height: 292px;
  position: relative;
}

h2#kontakt {
  position: relative;
  width: 1px;
  height: 1px;
  display: block;
  top: 20px;
  left: -4px;
  text-decoration: none;
  float: left;
}

h2#kontakt span {
  background: url("images/kontakt_h2.gif") no-repeat;
  width: 55px;
  height: 264px;
  position: absolute;
  text-decoration: none;
}

.kontaktImg,
.galerieImg {
  position: absolute;
  top: 9px;
  left: 8px;
}

#kontaktTxt {
  background-color: #714608;
  opacity: 0.78;
  /* použito kvůli kompatibilitě se staršími verzemi Firefoxu a Mozilly */
  -moz-opacity: 0.78;
  filter:alpha(opacity=78);
  position: absolute;
  top: 76px;
  right: 11px;
  width: 180px;
  padding: 0px;
  padding-left: 20px;
  padding-top: 20px;
  height: 110px;
  color: #fff;
}

#kontaktTxt a {
  color: #fff;
}

#kontaktHref,
.galerieHref {
  color: #fff;
  position: absolute;
  right: 30px;
  bottom: 20px;
}

/* AKTUALNE *********************/

.panel.aktuality,
.panel.aktualita {
  background: #829747 url('images/panelAktualne_bck.jpg');
  width: 683px;
  min-height: 305px;
}

.panel.aktuality h2,
.panel.aktualita h2 {
  font-size: 20px;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  color: #37562a;
  margin: 20px;
  margin-bottom: 14px;
  margin-top: 0px;
  padding-top: 20px;
}

.panel.aktualita h2 {
  padding-top: 10px;
}

.panel.aktuality hr {
  background: #5a7612;
  border: 0px;
  width: 500px;
  height: 1px;
  float: left;
  margin-top: 10px;
  margin-left: 12px;
}

.panel.aktuality .aktuality_img,
.panel.aktualita .aktuality_img {
  float: left;
  margin: 14px;
}

.polozkaAktualne {
  width: 500px;
  min-height: 60px;
  margin-left: 10px;
  margin-bottom: 30px;
  padding-right: 40px;
  float: left;
}

.polozkaAktualne .datum {
  font-size: 14px;
  font-family: 'Trebuchet MS';
  color: #fff;
  float: left;
  font-weight: normal;
  margin-bottom: 10px;
  width: 50px;
}

.polozkaAktualne h3 {
  font-size: 14px;
  font-family: 'Trebuchet MS';
  color: #fff;
  float: left;
  font-weight: normal;
  margin-bottom: 10px;
}

.polozkaAktualne h3 a,
.polozkaAktualne a {
  color: #fff;
}

.panel.aktualita h3 {
  font-size: 17px;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  color: #37562a;
  margin: 30px;
  margin-bottom: 14px;
  margin-top: 0px;
  padding-top: 20px;
}

.panel.aktualita span.navigace {
  display: block;
  padding-top: 15px;
  padding-left: 15px;
  color: #37562a
}

.panel.aktualita span.navigace a {
  color: #fff;
}

.panel.aktualita p {
  margin-left: 20px;
  margin-right: 60px;
  margin-bottom: 10px;
  color: #fff;
}

.panel.aktualita a#next,
.panel.aktualita a#prev {
  font-size: 12px;
  margin-top: 20px;
}

.panel.aktualita a#next {
  float: left;
  margin-left: 20px;
}

.panel.aktualita a#prev {
  float: right;
  margin-right: 20px;
}

.panel.aktualita #fotogalerie {
  margin-left: 15px;
  margin-bottom: 10px;
}

.panel.aktualita #fotogalerie img {
  border: 1px solid #37562a;
  padding: 1px;
  margin: 3px;
}

/* CAJOVY LISTEK *******************/

.panel.cajovyListek {
  background: #829747 url('images/panelAktualne_bck.jpg');
  width: 683px;
  min-height: 305px;
}

.panel.cajovyListek h2,
.panel.fotogalerie h2#h2nabidkaCaju {
  font-size: 24px;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  color: #fff;
  margin: 20px;
  margin-top: 0px;
  padding-top: 20px;
}

.panel.fotogalerie h2#h2nabidkaCaju {
  color: #000;
  margin: 0px;
  padding: 0px;
}

.panel.fotogalerie img#sypanyCaj {
  position: absolute;
  top: 2px;
  left: 2px;
}

.panel.fotogalerie ul#nabidkaCaju {
  position: absolute;
  top: 60px;
  left: 410px;
}

.panel.fotogalerie ul#nabidkaCaju li.active {
  font-weight: bold;
}

.panel.fotogalerie h2#h2nabidkaCaju {
  position: absolute;
  top: 20px;
  left: 410px;
}

.panel.fotogalerie ul#nabidkaCaju li {
  margin-bottom: 3px;
}

.polozkaListku {
  background: url('images/cajovyListek_li.gif') no-repeat 5px 10px;
  width: 523px;
  min-height: 60px;
  margin-left: 10px;
  margin-bottom: 30px;
  padding-left: 120px;
  padding-right: 40px;
  float: left;
}

.polozkaListku h3 {
  font-size: 18px;
  font-family: 'Trebuchet MS';
  color: #fff;
  float: left;
  font-weight: normal;
  margin-bottom: 10px;
}

.polozkaListku h4 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 5px;
}

.polozkaListku span.cena {
  font-size: 12px;
  font-family: 'Arial';
  color: #fff;
  float: left;
  clear: right;
  margin-top: 3px;
  margin-left: 20px;
  font-weight: normal;
  display: block;
  width: 60px;
}

.polozkaListku p {
  font-family: Arial;
  clear: both;
}

.polozkaListku table tr td {
  width: 100px;
}

.polozkaListku span.jednotky {
  padding-right: 20px;
}

.panel.cajovyListek table#suseneDobroty {
  margin: 0px 20px 10px 30px;
}

.panel.cajovyListek table#suseneDobroty tr {
  border-bottom: 1px solid #bcca8f;
}

.panel.cajovyListek table#suseneDobroty tr th {
  background: url(/images/menu-active-bck.jpg);
  padding: 10px 10px 10px 10px;
  color: #fff;
}

.panel.cajovyListek table#suseneDobroty tr td {
  padding: 3px 10px 3px 10px;
  color: #fff;
}

/* REZERVACE ***********************/

.panel.rezervace {
  background: #829747 url('images/panelAktualne_bck.jpg');
  width: 683px;
  min-height: 305px;
}

.panel.rezervace h2 {
  font-size: 20px;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  color: #37562a;
  margin: 20px;
  margin-bottom: 14px;
  margin-top: 0px;
  padding-top: 20px;
}

.panel.rezervace div#popis,
.panel.rezervace div#formular {
  float: left;
  padding: 10px;
}

.panel.rezervace div#popis {
  width: 230px;
}

.panel.rezervace div#popis p {
  color: #fff;
  margin-bottom: 10px;
}

.panel.rezeravce div#formular {
  width: 400px;
}

/* FOTOGALERIE *********************/

.panel.fotky {
  background: #829747 url('images/panelAktualne_bck.jpg');
  width: 683px;
  min-height: 305px;
}

.panel.fotky .fotka {
  width: 200px;
}


/* KONTAKT *************************/

.panel.kontakty {
  background: #829747 url('images/panelAktualne_bck.jpg');
  width: 663px;
  min-height: 285px;
  padding: 10px;
}

.panel.kontakty h2 {
  font-size: 20px;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  color: #37562a;
  margin: 20px;
  margin-bottom: 14px;
  margin-top: 0px;
  padding-top: 20px;
}

.panel.kontakty #text p {
  width: 470px;
  margin-bottom: 10px;
  margin-left: 20px;
  color: #fff;
}


.panel.kontakty div#adresa,
.panel.kontakty div#formular {
  float: left;
  padding: 10px;
}

.panel.kontakty #adresa p {
  line-height: 20px;
  color: #fff;
}

.panel.kontatky #adresa table tr th {
  color: #000;
  margin-right: 10px;
}

.panel.kontatky #adresa table tr td {
  color: #fff;
}
.panel.kontakty #adresa ul li {
  color: #fff;
  margin-bottom: 3px;
}

.panel.kontakty #adresa ul li strong {
  color: #000;
  display: block;
  float: left;
  width: 50px;
}

.panel.kontakty #adresa h3,
.panel.kontakty #formular h3,
.panel.rezervace #popis h3 {
  margin: 20px 5px;
  margin-bottom: 8px;
  font-size: 17px;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  color: #37562a;
}

.panel.kontakty div#formular form,
.panel.rezervace form {
  border-left: 1px solid #607B17;
  padding-left: 30px;
  width: 320px;
}

.panel.kontakty div a {
  color: #fff;
}

.panel.kontakty form label,
.panel.rezervace form label {
  color: #fff;
}

.panel.kontakty form input,
.panel.kontakty form textarea,
.panel.rezervace form input,
.panel.rezervace form textarea,
.panel.rezervace form select {
  border: 2px solid #7D953D;
  margin-bottom: 5px;
  width: 200px;
}

.panel.kontakty form input#frmform-test,
.panel.rezervace form input#frmform-test {
  width: 20px;
}


.panel.kontakty form textarea,
.panel.rezervace form textarea {
  width: 300px;
}

.panel.kontakty blockquote,
.panel.rezervace blockquote {
  background: url(images/menu_bck.gif);
  border: 2px solid #7D953D;
  margin: 0px;
  margin-bottom: 10px;
  padding: 5px;
}

.panel.kontakty #formular blockquote h3,
.panel.rezervace blockquote h3 {
  margin: 0px;
  font-size: 15px;
  font-weight: bold;
}

.panel.kontakty blockquote ul.error,
.panel.rezervace blockquote ul.error {
  margin: 10px;
  margin-left: 20px;
  color: #fff;
  list-style-type: disc;
}

.panel.kontakty blockquote ul.error li,
.panel.rezervace blockquote ul.error li {
  margin-bottom: 3px;
}

.panel.kontakty blockquote ul.flash,
.panel.rezervace blockquote ul.flash {
  color: #fff;
}

/* PATICKA *******************/


#paticka span#copy,
#paticka a#div,
#paticka span#rok {
  position: absolute;
}

#paticka span#copy {
  top: 10px;
  right: 140px;
}

#paticka a#div {
  top: 10px;
  right: 65px;
}

#paticka span#rok {
  top: 10px;
  right: 20px;
}

/* SMOOTHGALLERY ************/

#myGallery
{
  width: 668px !important;
  height: 273px !important;
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  background-color: #fff !important;
}

.jdGallery .slideInfoZone h2 {
  font-size: 17px !important;
}

.jdGallery .slideInfoZone {
  background-color:#714608 !important;
  height: 50px !important;
}

.jdGallery .slideInfoZone p {
  font-size: 12px !important;
  color: #fff !important;
}