* { margin: 0; padding: 0; }
body {
  font-family: sans-serif;
  font-size: 70%; 
  color: #929292;
  /*background: #f1edfc url('../images/body-bg.gif') repeat-x;*/
  background: #f1edfc;
}

/* Zakladni nastaveni */
a { color: #9ba5ce; text-decoration: underline; }
a:hover { color: #9ba5ce; text-decoration: none; }

label { cursor: pointer; }
p { margin-bottom: 15px; }
img { border: 4px #f5c0c0 solid; margin: 5px; }
fieldset { border: 0; }
.submit {
  display: block;    
  width: 83px; 
  height: 20px;
  border: 0;
  font-size: 11px;
  color: #fbc44c;
  font-weight: bold; 
  background: url('../images/button-submit.jpg') no-repeat;
  cursor: pointer; 
}
a.submit { text-decoration: none; float: right; text-align: center; padding-top: 3px; margin: 10px 0 2px 0; }
a.submit:hover { color: #fbc44c; }
/* /Zakladni nastaveni */

div#main {
  position: relative;
  width: 972px;
  margin: 0 auto;
  padding: 0 4px 50px 4px;
  background: #ffffff url('../images/main-bg.gif') repeat-y center center;
}
div#main-bottom {
  width: 980px;
  height: 8px;
  margin: 0 auto;
  margin-bottom: 20px;
  background: url('../images/main-bottom.gif') no-repeat;
}

/* Hlavicka (logo) */
h1 { 
  position: relative;
  height: 60px;
  line-height: 50px;
  font-size: 200%;
  overflow: hidden;
  padding-left: 10px;
  margin: 0 11px;
}
h1 span {
  position: absolute;
  width: 190px;
  height: 60px;
  display: block;
  cursor: pointer;
  background: #ffffff url('../images/header.gif') no-repeat;
  background-position: 10px center;
  top: 0; left: 0; z-index: 1;
}
h1 a { color: black; }
/* /Hlavicka (logo) */

ul#main-menu { height: 43px; background: url('../images/menu-bg.gif') repeat-x; background-position: center bottom; margin: 0 11px; }
  ul#main-menu li { float: left; list-style: none; background: url('../images/menu-li-bg.gif') no-repeat; }
  ul#main-menu li a { 
    width: 100px; 
    height: 30px; 
    display: block; 
    text-align: center; 
    color: #9ba5ce; 
    font-weight: bold; 
    text-decoration: none; 
    padding-top: 7px;
  }
    ul#main-menu li a:hover { text-decoration: underline; }
  
div#submenu { height: 14px; background-color: #f5c0c0; padding: 6px; margin: 0 11px; color: #ffffff; font-weight: bold; }
  div#submenu ul li { list-style: none; display: inline; color: #ffffff; font-weight: bold; }
  div#submenu ul li a { color: #ffffff; padding: 0 5px; font-weight: bold; }
    div#submenu ul li a:hover { text-decoration: none; }
    div#submenu ul li a.active { padding: 0 5px; text-decoration: none; }
    
div#content-box {
  width: 100%;
  overflow: hidden;
  background: url('../images/content-bg.jpg') no-repeat;
  background-position: right bottom;
  margin-bottom: 30px;
}
div#content-box-uvod { position: relative; width: 100%; overflow: hidden; background: url('../images/uvod-bg.jpg') no-repeat; }
  div#content-box-uvod div#about-box { 
    position: absolute;
    width: 340px;
    top: 30px; left: 390px; z-index: 1;
  }
    div#content-box-uvod div#about-box h2 { margin-left: 0; }
    div#content-box-uvod div#about-box p { margin-bottom: 5px; }
  
  div#content-box-uvod div#gallery-box { 
    position: absolute;
    width: 340px;
    top: 220px; left: 390px; z-index: 1;
    text-align: center;
  }
    div#content-box-uvod div#gallery-box h2 { margin-left: 0; text-align: left; }
    div#content-box-uvod div#gallery-box img { border: 3px #f5c0c0 solid; margin: 0 2px; vertical-align: middle; padding: 1px; }
    
    div#content-box-uvod div#content-right { padding-bottom: 30px; }

div#content-box h2, div#content-box-uvod h2 { margin: 10px 0 10px 15px; color: #c10000; font-size: 140%; }
div#content-box p { margin-left: 15px; }

div#content-left { width: 720px; float: left; padding: 4px 0; margin-left: 5px; }
*>div#content-left { margin-left: 11px; }
div#content-left div.calendar-entry { margin-bottom: 20px; overflow: hidden; clear: both; margin-left: 15px; }
  div.calendar-entry h3 { margin: 10px 0; color: #f5c0c0; font-size: 150%; }
  div.calendar-entry h3 span { color: #c10000; }
  div.calendar-entry h4 { width: 520px; float: right; margin: 0; color: #c10000; font-size: 120%; }
  div.calendar-entry p { width: 520px; float: right; }
  div#content-left div.calendar-entry img { float: left; margin: 4px 20px 8px 0; }
  
div#content-left div.photo {
  position: relative; 
  width: 142px; 
  height: 142px; 
  float: left; 
  border: 1px #f2d3d3 solid; 
  background-color: #ffffff;
  text-align: center; 
  padding: 4px; 
  margin: 5px 12px 45px 12px; 
}
  div#content-left div.photo img { border: 1px #f2d3d3 solid; margin: 0; }
  div#content-left div.photo p { position: absolute; width: 150px; top: 155px; left: 0; color: #929292; font-weight: bold; margin: 0; }
  
div#content-left form#guestbook {
  padding: 12px 15px 5px 15px;
  background-color: #fbebeb;
  margin-bottom: 10px;
}
  form#guestbook legend { color: #c10000; font-size: 140%; font-weight: bold; }
  div#content-left form#guestbook table { margin: 5px 0 0 0; width: 100%; border-collapse: collapse; }
  div#content-left form#guestbook table th, div#content-left form#guestbook table td { 
    text-align: left; 
    vertical-align: top; 
    padding: 0; 
    padding-top: 7px; 
    border: 0; 
    background-color: transparent; 
  }
  form#guestbook table td { padding: 8px 10px 8px 0; }
  form#guestbook table label { color: #929292; font-weight: bold; margin-right: 5px; line-height: 20px; }
  form#guestbook table td label { margin-right: 8px; }
  form#guestbook table td input.button { width: 190px; border: 1px #f5c0c0 solid; padding: 2px 5px; color: #c10000; }
  form#guestbook table td input#guestbook_antispamm { width: 50px; }
  form#guestbook table td div#guestbook_protection { width: 250px; float: left; }
  form#guestbook table td textarea.button { border: 1px #f5c0c0 solid; padding: 2px 5px; color: #c10000; width: 300px; height: 60px; }
  form#guestbook table td input.submit { float: right; margin-right: 12px; }
  
div#content-left div.guestbook-entry {
  position: relative;
  border: 1px #f2d3d3 solid;
  background-color: #ffffff;
  margin-top: 4px;
  padding: 5px 8px;
}
  div#content-left div.guestbook-entry h5 { font-size: 110%; color: #cd2f2f; }
  div#content-left div.guestbook-entry p { margin: 8px 0 8px 0; }
  div#content-left div.guestbook-entry h5 a { color: #f5c0c0; }
  div#content-left div.guestbook-entry h5 span { color: #f5c0c0; }
  div#content-left div.guestbook-entry h4 { position: absolute; color: #f5c0c0; top: 5px; left: 400px; width: 303px; text-align: right; font-size: 100%; }
  div#content-left div.guestbook-entry>h4 { width: 310px; }
  div#content-left div.guestbook-entry h4 strong { color: #cd2f2f; font-size: 110%; }
  
div#content-left div.newie, div#content-left div.newie-detail {
  border: 1px #f2d3d3 solid;
  background-color: #ffffff;
  margin-top: 6px;
  padding: 5px 8px;
  overflow: hidden;
}
  div#content-left div.newie img, div#content-left div.newie-detail img { margin: 0 8px 0 0; float: left; }
  div#content-left div.newie h3 a, div#content-left div.newie-detail h3 { margin: 0; color: #c10000; font-size: 120%; text-decoration: none; }
  div#content-left div.newie h3 a span, div#content-left div.newie-detail h3 span { color: #f5c0c0; }
  div#content-left div.newie a.more { float: right; }


div#content-right {
  width: 216px;
  float: right; 
  margin: 131px 2px 0 0;
  padding-bottom: 220px;
}
*>div#content-right { margin-right: 5px; }

  div#content-right h3 { color: #c10000; font-size: 140%; padding-left: 10px; }
  div#content-right ul { padding: 5px 3px; }
  div#content-right ul li { display: inline; list-style: none; color: #d58181; }
  div#content-right ul li a { display: block; background-color: #fbd7d7; padding: 8px; color: #d58181; font-weight: bold; text-decoration: none; margin-top: 2px; }
  div#content-right ul li a:hover, div#content-right ul li a.active { text-decoration: underline; }
  
  div#newsletter {
    width: 186px;
    height: 143px;
    background: #f5f5f5 url('../images/newsletter-bg.jpg') no-repeat;
    padding: 25px 15px;
    clear: both;
  }
    div#newsletter h3 { padding-left: 0; }
    div#newsletter p { margin: 0; color: #c8beef; font-weight: bold; margin-bottom: 15px; }
    div#newsletter label { font-weight: bold; color: #ff0303; }
    div#newsletter input.button { margin: 7px 0; width: 175px; border: 1px #eacf8b solid; background-color: #feecc0; padding: 3px 5px; color: #c10000; }
    div#newsletter input.submit { float: right; margin-top: 8px; }
    
  div#news-box { padding: 8px 10px; }
    div#news-box h3 { padding: 0; }
    div#news-box h4 { color: #c10000; margin-top: 10px; font-size: 100%; }
    div#news-box p { margin: 0; }
    div#news-box a { font-weight: bold; }
    div#news-box a.submit { margin: 15px 0 10px 0; }

div#footer { 
  position: relative;
  height: 40px; 
  background: url('../images/footer-bg.gif') repeat-x; 
  background-position: center top;
  margin: 0 11px; 
}
  div#footer ul.left { padding: 25px 10px 0 10px; }
    div#footer ul.left li { display: inline; list-style: none; font-weight: bold; color: #9ba5ce; }
      div#footer ul.left li a { font-weight: bold; color: #9ba5ce; padding: 0 5px; }
  
  div#footer ul.right {
    position: absolute; 
    width: 255px; 
    height: 25px; 
    background: url('../images/footer-menu.jpg') no-repeat;
    top: 0; left: 650px; z-index: 1; 
    text-align: center;
    padding-top: 5px;
  }
    div#footer ul.right li { display: inline; list-style: none; color: #929292; }
      div#footer ul.right li a { color: #929292; padding: 0 13px; }
  
  div#footer ul li a:hover { text-decoration: none; }
  
div#calendar {
  position: absolute;
  width: 186px;
  height: 215px;
  background: #f5f5f5 url('../images/kalendar-bg.jpg') no-repeat;
  top: 8px; left: 755px; z-index: 10;
  padding: 15px;
}
  div#calendar h3 { color: #c10000; font-size: 140%; }
  div#calendar ul { padding: 5px 0 20px 0; }
  div#calendar ul li { list-style: none; }
  div#calendar ul li.left { width: 40%; float: left; }
  div#calendar ul li.right { width: 40%; float: right; text-align: right; }
  div#calendar table { width: 100%; clear: both; color: #8071b9; font-weight: bold;  }
  div#calendar table caption { border: 1px #e0d8ff solid; background-color: #e7e5f7; padding: 2px; }
  div#calendar table th { padding: 2px; }
  div#calendar table td { border: 1px #e0d8ff solid; background-color: #f0eefc; text-align: center; padding: 2px; }
  div#calendar table td.a { background-color: #e5e2f6; }
  div#calendar table td.today { background-color: #c10000; color: #ffffff; }
  div#calendar table td.prev { color: #dad7ed; }
  div#calendar a { color: #8071b9; font-weight: bold; }
  div#calendar a:hover { color: #c10000; }
  div#calendar table td.today a { text-decoration: underline; color: #ffffff; }

div#content-left ul#paging-left { float: left; margin: 0 0 0 4px; padding: 0; }
div#content-left ul#paging-right { float: right; font-size: 120%; padding: 0; }
div#content-left ul#paging-left, div#content-left ul#paging-right { margin-top: 30px; }
div#content-left ul#paging-left li, div#content-left ul#paging-right li { list-style: none; display: inline; color: #929292; }
div#content-left ul#paging-left li a, div#content-left ul#paging-right li a { color: #929292; padding: 0 5px; }
div#content-left ul#paging-right li span { padding: 0 8px; font-weight: bold; font-size: 140%; }

/* zakladni obsahove prvky /seznamy/tabulka/ */
div#content-left img { margin: 5px 14px; }
div#content-left ul { padding: 0 28px 10px 28px; }
div#content-left ul ul, div#content-left ol ol { padding-top: 5px; padding-bottom: 5px; }
div#content-left ol { padding: 0 33px 10px 33px; }
div#content-left table { margin: 0 14px 8px 14px; border-collapse: collapse; }
div#content-left table td, div#content-left table th { padding: 2px 5px; border: 2px #f5c0c0 solid; }
div#content-left table th { background-color: #f5c0c0; }

/* fotogalerie */
div#foto-detail {
  border: 1px #f2d3d3 solid;
  background-color: #ffffff;
  text-align: center;
  padding: 15px;
}
div#foto-navigace {
  margin-top: 6px;
  background-color: #f2d3d3;
  padding: 10px 5px 0 5px;
  text-align: center;
}
  div#foto-navigace ul li { width: 30%; color: #c10000; list-style: none; display: inline; }
  div#foto-navigace ul li a { color: #c10000; font-weight: bold; }
  div#foto-navigace ul li.backward { text-align: left; float: left; }
  div#foto-navigace ul li.forward { text-align: right; float: right; }