/* ------------------------------- STRANKA ---------------------------------- */

body
{
  background: #669b49;
}

/* ------------------------------ HLAVICKA ---------------------------------- */

#header
{
  text-align: center;
  background: url(img/header-bg-full.png) repeat-x center top  #e2ba63;
  height: 243px;
}

#header-content
{
  /*background: url(img/header-bg.png) no-repeat center top;*/
  margin: 0px auto 0px auto;
  width: 960px;
  height: 243px;
}


#header-flash-content
{
  text-align: left;
  height: 202px;
}


#page
{
  text-align: center;
  margin: 0px;
  padding: 0px;
  background: #e2ba63;
  min-height: 100px;
  ^height: 100px;

}

#page-content
{
  padding: 0px;
  border: 0px;
  margin: 0px auto 0px auto;
  width: 966px;
  text-align: left;
}




/* -------------------------------- COLUMNS --------------------------------- */

#columns
{
  clear: both;
  width: 966px;
  background: url(img/column-content.png) repeat-y top center;
}

#column-full
{

  margin: 0px 3px;
  padding: 10px  13px;
  background: #79582F;
}

/* -------------------------------- COLUMN 1 -------------------------------- */

  #column-1
  {
    position: relative;
    left:3px;
    width: 199px;
    padding-bottom: 10px;
    min-height: 400px;
    ^height: 400px;
    float: left;
    background: url(img/menu-zakonceni.png) no-repeat left bottom #79582f;
  }
  
  #column-1 a         { color: #FFFFFF; text-decoration: none;}
  #column-1 a:link    { color: #FFFFFF; text-decoration: none;}
  #column-1 a:visited { color: #FFFFFF; text-decoration: none;}
  #column-1 a:active  { color: #FFFFFF; text-decoration: none;}
  #column-1 a:hover   { color: #FFFFFF; text-decoration: underline;}



/* ---------------------------  COLUMN 1 - BOX ------------------------------ */

  .column-1-box
  {
    background: url(img/column-1-box-bg.png) repeat-y left top;
    border-bottom: 1px solid #361c03;
    color: #FFFFFF;
  }
  
  .column-1-box h3
  {
    background: url(img/menu-bg-01.png) no-repeat left top;
    padding:6px 4px 5px 15px;
    border-bottom: 1px solid #361c03;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 120%;
  }
  
/* -------------------------- COLUMN 1 - HP BOX ----------------------------- */

  #column-1-hp-box
  {
    margin-bottom: 207px;
  }

/* ------------------------- COLUMN 1 - ICON MENU --------------------------- */

  #column-1-icon-menu
  {
    padding-top: 14px;
    padding-left: 6px;
    padding-bottom: 14px;
    background: url(img/column-1-box-bg.png) repeat-y left top;
  }

  #column-1-icon-menu .menu-item
  {
    float: left;
    margin-bottom: 2px;
    margin-right: 3px;
    width: 93px;
    height: 30px;
    overflow: hidden;
  }



/* -------------------------------- COLUMN 2 -------------------------------- */

  #column-2
  {
    position: relative;
    left:3px;
    min-height: 400px;
    ^height: 400px;
    width:556px;
    float: left;
    background: url(img/column-2-shadow.png) repeat-y left top #fffaed;
  }

  #column-2
  {
    line-height: 145%;
    overflow-x: hidden;
  }
  
  #column-2 p
  {
    text-indent: 15px;
  }
  
  #column-2 h1
  {
    font-size: 3em;
    font-weight: normal;
    line-height: 1.2em;
  }

  #column-2 h1 small
  {
    font-weight: normal;
    font-size: 0.4em;
    font-style: italic;

  }

  #column-2 h2
  {
    font-size: 1.6em;
    font-weight:normal;
    padding-left: 15px;
    color: #000000;
    line-height: 1.2em;
  }

  #column-2-padding
  {
    padding: 0px;
  }
  
  .colum-2-text
  {
    padding-left:2px;
  }

  .colum-2-text-padding
  {
    padding: 20px 20px 20px 20px;
    background: url(img/content-top-bg-gradient.png) repeat-x left top;
  }
  

/* -------------------------------- COLUMN 3 -------------------------------- */

  #column-3
  {
    position: relative;
    left:3px;
    min-height: 400px;
    ^height: 400px;
    width: 205px;
    margin: 0px;
    padding: 0px;
    float: left;
    /*background: url(img/zakonceni-praveho-sloupce.png) no-repeat left bottom  #79582f;*/
    background: url(img/column-3-box-shadow.png) repeat-y left top #79582f;
    /*background:  #79582f;*/
  }

  #column-3 h2
  {
    background: url(img/column-3-caption-bg.png) no-repeat top left;
    margin: 0px;
    padding: 2px 2px 5px 15px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  #column-3 .h2-shadow
  {
    background: url(img/column-3-caption-bg-shadow.png) no-repeat left top;
    height: 4px;
  }

/* ---------------------------- COLUMN 3 - MENU ----------------------------- */

  #column-3-icon-menu
  {
    padding-top: 14px;
    padding-left: 7px;
    background: url(img/column-3-icon-menu-bg.png) no-repeat left top;
  }
  
  #column-3-icon-menu .menu-item
  {
    float: left;
    margin-bottom: 2px;
    margin-right: 3px;
    width: 93px;
    height: 30px;
    overflow: hidden;
  }

/* ----------------------------- COLUMN 3 - BOX ----------------------------- */

  .column-3-box
  {
    background: url(img/column-3-box-bg.png) no-repeat left top #79582f;
  }
  
  .column-3-box-padding
  {
    background: url(img/column-3-box-shadow.png) repeat-y left top;
    padding-left: 3px;
    padding-right: 2px;
  }


  .column-3-box h3
  {
    background: url(img/menu-bg-01.png) no-repeat left top;
    padding:6px 4px 5px 15px;
    border-bottom: 1px solid #361c03;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 120%;
  }


/* -------------------------------- addthis --------------------------------- */

  #addthis
  {
    text-align: center;
    padding: 2em 0px;
  }


/* --------------------------------- FOOTER --------------------------------- */

  #footer
  {
     text-align: center;
     background: url(img/footer-repeat.png) repeat-x center top #669b49;
     margin-bottom: 50px;
  }

  #footer-content
  {
    margin: 0px auto;
    width: 960px;
    height: 97px;
    background: url(img/footer.png);
  }

  #footer-content-padding
  {
    font-size: 90%;
    padding-top: 60px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
  }
  
  #footer-content-padding a         { color: #FFFFFF; text-decoration: underline;}
  #footer-content-padding a:link    { color: #FFFFFF; text-decoration: underline;}
  #footer-content-padding a:visited { color: #FFFFFF; text-decoration: underline;}
  #footer-content-padding a:active  { color: #FFFFFF; text-decoration: underline;}
  #footer-content-padding a:hover   { color: #DDDDDD; text-decoration: underline;}


/* -------------------------------- CLASSES --------------------------------- */

  .hr
  {
    clear: both;
    height: 0px;
    font-size: 0px;
    border-top: 2px solid #FFFFFF;
  }
  .clear
  {
    clear: both;
  }
  .invisible
  {
    display: none;
  }
  .forprint
  {
    display: none; /* pro tiskové styly */
  }
  
/* ---------------------------------- LOGIN --------------------------------- */

  .login-box
  {
  }
  
  .login-box *
  {
    color: #FFFFFF;
    font-weight: bold;
  }

  .login-box input
  {
    color: #000000;
    font-weight: normal;
  }

  .loggin-box-padding
  {
    padding-left: 10px;
    padding-bottom: 20px;
  }
  
  .login-input-div
  {
   background: url(img/login-input-bg.png) no-repeat left top;
  }

  .login-input
  {
    border: 0px;
    background: transparent;
    width:119px;
    height: 18px;
    ^width:129px;
    ^height: 21px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    font-size: 100%;
  }


  .login-box-nohp
  {
    background: #876335;/* #8B6938;*/
  }
  


/* --------------------------------- SEARCH --------------------------------- */

  .search-box-padding
  {
    padding-bottom: 14px;
    padding-left: 15px;
  }


  .search-input-div
  {
    background: url(img/search-input-bg.png) no-repeat left top;
    margin-bottom: 8px;
    height: 21px;
  }

  .search-input
  {
    font-size: 100%;
    border: 0px;
    background: transparent;
    width:163px;
    height: 18px;
    ^width:173px;
    ^height: 21px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
  
  }



/* ---------------------------- text galery images -------------------------- */

  .gallery-img
  {
    width: 254px;
    min-height: 230px;
    ^height: 230px;
    float: left;
    background: #FFFFFF;
    margin-bottom: 20px;
    margin-top: 15px;
  }

  .gallery-img-c1
  {
    clear: both;
    margin-right: 6px;
  }

  .gallery-img-box
  {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
  }


  .gallery-img-box h3
  {
    margin: 0px;
    padding-right: 10px;
    text-align: right;
    font-weight: normal;
    font-size: 90%;
  }


/* -------------------------------- text images ----------------------------- */

  .text-img-left
  {
    border: 7px solid #FFFFFF;
    background: #FFFFFF;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
  }

  .text-img-left div
  {
    text-align: right;
    padding-top: 8px;
    padding-bottom: 0px;
  }

  .text-img-left a         { color: #606060; text-decoration: none;}
  .text-img-left a:link    { color: #606060; text-decoration: none;}
  .text-img-left a:visited { color: #606060; text-decoration: none;}
  .text-img-left a:active  { color: #606060; text-decoration: none;}
  .text-img-left a:hover   { color: #000000; text-decoration: none;}
  
  
  .text-img-right
  {
    border: 7px solid #FFFFFF;
    background: #FFFFFF;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
  }

  .text-img-right div
  {
    text-align: right;
    padding-top: 8px;
    padding-bottom: 0px;
  }

  .text-img-right a         { color: #606060; text-decoration: none;}
  .text-img-right a:link    { color: #606060; text-decoration: none;}
  .text-img-right a:visited { color: #606060; text-decoration: none;}
  .text-img-right a:active  { color: #606060; text-decoration: none;}
  .text-img-right a:hover   { color: #000000; text-decoration: none;}


/* --------------------------- photogallery fullscreen ---------------------- */

  #photogallery_fullscreen_bg
  {
    /*display: none;*/
    z-index: 10000;
    position: fixed;
    ^position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    height: expression(GetPageHeight());
    background-color: #000000;
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
  }

  #photogallery_fullscreen
  {
    z-index: 20000;
    position: fixed;
    ^position: absolute;
    left: 0px;
    top: 0px;
    top: expression(GetPageOffsetY());
    width: 100%;
    text-align: center;
  }

  #photogallery_buttons
  {
    margin: 10px auto 0px auto;
    padding-left: 9%;
    text-align: center;
  }

  #photogallery_close
  {
    margin: 10px 0px 0px 0px;
    text-align: right;
  }

  #photogallery_fullscreen
  {
    margin: 10px auto 0px auto;
  }

  #photogallery_fullscreen_frame
  {
    margin: 10px auto 0px auto;
    background: url(img/loading.gif) no-repeat center center #FFFFFF;
    padding: 13px 13px 0px 13px;
    width: auto;
    text-align: left;
    overflow-y: scroll;
  }


  #photogallery_fullscreen_description_line
  {
    padding-top: 13px;
  }

  #photogallery_fullscreen_description
  {
    color: #606060;
  }
  
  #photogallery_toolbar
  {
    clear: both;
    padding-top: 5px;
  }

  #photogallery_fullscreen_caption
  {
    font-size: 150%;
    color: #000000;
    text-transform: uppercase;
    font-weight: normal;
    float: left;
    margin: 0px;
    padding: 0px;
  }
  
  #photogallery_autorske_dilo
  {
    margin: 0px;
    padding: 5px 0px 5px 0px;
  }


  #gallery_cislovani
  {
    white-space: nowrap;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: -8px;
  }

  #gallery_cislovani a
  {
    padding-left: 2px;
    padding-right: 2px;
  }

  #gallery_cislovani a         { color: #FFFFFF; text-decoration: none;}
  #gallery_cislovani a:link    { color: #FFFFFF; text-decoration: none;}
  #gallery_cislovani a:visited { color: #FFFFFF; text-decoration: none;}
  #gallery_cislovani a:active  { color: #FFFFFF; text-decoration: none;}
  #gallery_cislovani a:hover   { color: #000000; background-color: #FFFFFF; text-decoration: none;}

  #gallery_cislovani a.selected         { color: #000000; background-color: #FFFFFF; text-decoration: none;}
  #gallery_cislovani a.selected:link    { color: #000000; background-color: #FFFFFF; text-decoration: none;}
  #gallery_cislovani a.selected:visited { color: #000000; background-color: #FFFFFF; text-decoration: none;}
  #gallery_cislovani a.selected:active  { color: #000000; background-color: #FFFFFF; text-decoration: none;}
  #gallery_cislovani a.selected:hover   { color: #000000; background-color: #FFFFFF; text-decoration: none;}


/* ----------------------------- strankovani -------------------------------- */

  .pagelisting           { }
  .pagelisting a         { text-decoration: none;}

  .pagelisting a.selected         { color: #79582f; background-color: #FFFFFF; text-decoration: none; font-weight:bold;}
  .pagelisting a.selected:link    { color: #79582f; background-color: #FFFFFF; text-decoration: none;}
  .pagelisting a.selected:visited { color: #79582f; background-color: #FFFFFF; text-decoration: none;}
  .pagelisting a.selected:active  { color: #79582f; background-color: #FFFFFF; text-decoration: none;}
  .pagelisting a.selected:hover   { color: #3c2c17; background-color: #FFFFFF; text-decoration: none;}


/* ------------------------------- odsazeny text ---------------------------- */

  .text-odsazeny
  {
    padding: 0px 25px;
  }


  #column-2  .text-odsazeny p
  {
    text-indent: 0px;
  }
