/* ------------------------------- STRANKA ---------------------------------- */

#page
{
  text-align: center;
  width: 1000px;
  margin: 0px auto 0px auto;
  padding: 0px;
  background: #FFFFFF;
  background: url(img/page-content-shadow.png) repeat-y top center;
}

#page-content
{
  margin: 0px;
  padding:  0px 31px 0px 31px;
  border: 0px;
  text-align: left;
  background: url(img/page-content-bg.png) no-repeat top center;
}

#page-blank
{
  padding: 20px;
  text-align: center;
}
/* -------------------------- HLAVICKA - top menu --------------------------- */

#header
{
  height: 88px;
  background: url(img/header-bg.png) no-repeat top center;
}

#header-logo
{
  float: left;
  padding-top: 38px;
}


#header-toolbox
{
  float: right;
  padding-top: 55px;
}


#flag-box
{
  padding-top: 2px;
  width: 132px;
  float: left;
}

#flag-box-for-serminar
{
  padding-top: 2px;
  float: right;
  padding-right: 10px;
}

#flag-box img
{
  margin-right: 8px;
}

#search-box
{
  width: 152px;
  float: left;
}

#simple-search-input-div
{
  background: url(img/search-input-bg.png) no-repeat;
  height: 21px;
  width: 126px;
}

#simple-search-input
{
  border: 0px;
  margin: 1px 6px 6px 10px;
  height: 14px;
  width: 110px;
  font-size: 68%;
  font-size: 9px;
  color: #8FC8E5;
}


#advanced-search-input
{
  border: 1px solid #CCCCCC;
  height: 18px;
  padding: 1px 5px;
  width: 140px;
  font-size: 68%;
  font-size: 9px;
  color: #0082C4;
}

/* ---------------------------- HEADER - ILU -------------------------------- */

#header-ilu
{

}

/* ------------------------------- TOOLBAR ---------------------------------- */

#toolbar
{
  height: 34px;
  clear: both;
  font-size: 80%;
  text-transform: uppercase;
  background: url(img/top-menu-bg.png) center top;
}

#toolbar ul, #toolbar li
{
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#toolbar li
{
  float: left;
}


  /* main menu*/
    #toolbar-main-menu
    {
      float: left;
    }

    #toolbar  ul#toolbar-main-menu
    {
      padding-left: 15px;
      color: #0082C4;
    }

    #toolbar-main-menu li
    {
      padding-top: 12px;
    }


    #toolbar-main-menu a         {text-decoration: none;       color: #0082C4; font-weight: bold;}
    #toolbar-main-menu a:link    {text-decoration: none;       color: #0082C4; font-weight: bold;}
    #toolbar-main-menu a:visited {text-decoration: none;       color: #0082C4; font-weight: bold;}
    #toolbar-main-menu a:active  {text-decoration: none;       color: #0082C4; font-weight: bold;}
    #toolbar-main-menu a:hover   {text-decoration: underline;  color: #808080; font-weight: bold;}

  /* right menu */

    #toolbar  ul#toolbar-right-menu
    {
      float: right;
      color: #808080;
    }

    #toolbar-right-menu a         {text-decoration: none;       color: #808080; }
    #toolbar-right-menu a:link    {text-decoration: none;       color: #808080; }
    #toolbar-right-menu a:visited {text-decoration: none;       color: #808080; }
    #toolbar-right-menu a:active  {text-decoration: none;       color: #808080; }
    #toolbar-right-menu a:hover   {text-decoration: underline;  color: #0082C4; }
    

    #toolbar-right-menu li
    {
      padding-top: 12px;
    }
    
    #toolbar-right-menu li#sitemap
    {
      padding-top: 10px;
      padding-left: 15px;
      padding-right: 5px;
    }



/* ------------------------------ LEFT MENU --------------------------------- */

#leftmenu-frame
{
  width: 227px;
  ^height: 398px;
  min-height: 398px;
  background: url(img/left-menu-bg.png) no-repeat left top #FAFEFF;
}

#leftmenu-frame-logo
{
  padding-bottom: 119px;
}

#leftmenu-frame h2
{
  padding-left: 49px;
  padding-top: 20px;
  padding-right: 30px;
  color: #FFFFFF;
  /*font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE',  Verdana, Arial, lucida, sans-serif;*/
  font-size: 130%;
}

ul.leftmenu
{
  list-style: none;
  margin: 40px 20px 20px 49px;
  padding: 0px 0px 0px 0px;
  font-size: 90%;
  ^font-size: 85%;
}

ul.leftmenu li
{
  list-style: none;
  margin: 0px;
  padding: 2px 0px 2px 0px;
  background: url(img/left-menu-bullet.gif) no-repeat left 8px;
}

ul.leftmenu a
{
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  display: block;
}

/* l2 */
ul.leftmenu-level-2
{
  margin: 0px;
}

ul.leftmenu-level-2
{

}
ul.leftmenu-level-2 li
{
  padding-left: 25px;
  background: url(img/left-menu-bullet.gif) no-repeat 25px 8px;
}
ul.leftmenu-level-2 li.selected, ul.leftmenu-level-2 li.opened
{
  padding-left: 25px;
  background: url(img/left-menu-bullet.gif) no-repeat 25px 8px;
}


ul.leftmenu-level-2 a
{
  border-bottom: 0px;
}


.leftmenu a         {text-decoration: none;       color: #006FA8; font-weight:normal}
.leftmenu a:link    {text-decoration: none;       color: #006FA8; font-weight:normal}
.leftmenu a:visited {text-decoration: none;       color: #006FA8; font-weight:normal}
.leftmenu a:active  {text-decoration: none;       color: #006FA8; font-weight:normal}
.leftmenu a:hover   {text-decoration: underline;  color: #00476C; font-weight:normal}


.leftmenu a.opened         {color: #006FA8; font-weight:bold}
.leftmenu a.opened:link    {color: #006FA8; font-weight:bold}
.leftmenu a.opened:visited {color: #006FA8; font-weight:bold}
.leftmenu a.opened:active  {color: #006FA8; font-weight:bold}
.leftmenu a.opened:hover   {color: #00476C; font-weight:bold}

.leftmenu a.selected         {color: #006FA8; ;font-weight:bold}
.leftmenu a.selected:link    {color: #006FA8; ;font-weight:bold}
.leftmenu a.selected:visited {color: #006FA8; ;font-weight:bold}
.leftmenu a.selected:active  {color: #006FA8; ;font-weight:bold}
.leftmenu a.selected:hover   {color: #00476C; ;font-weight:bold}


/* l3 */
ul.leftmenu-level-3
{
  margin: 0px;
}

ul.leftmenu-level-3
{
  margin-top: 6px;
}

ul.leftmenu-level-3 a
{

}

ul.leftmenu-level-3 li
{
  padding-left: 25px;
}
ul.leftmenu-level-3 li.selected, ul.leftmenu-level-3 li.opened
{
  padding-left: 25px;
}


/* l4 */
ul.leftmenu-level-4
{
  margin: 0px;
}

ul.leftmenu-level-4
{
  margin-top: 6px;
}

ul.leftmenu-level-4 a
{

}

ul.leftmenu-level-4 li
{
  padding-left: 25px;
}
ul.leftmenu-level-4 li.selected, ul.leftmenu-level-4 li.opened
{
  padding-left: 25px;
}

/* ------------------------------- COLUMNS ---------------------------------- */

#columns-frame
{
  color: #808080;
  clear: both;
  width: 938px;
  margin-top: 20px;
  background: url(img/left-menu-logo-bg.png) repeat-y left bottom;
}

#columns-frame p
{
  color: #808080;
  margin-top: 0px;
}

#columns-frame td
{
  color: #808080;
}

#columns
{
  background: url(img/left-menu-logo.png) no-repeat left bottom;
  min-height: 250px;
  ^height: 250px;
}

#column-left
{
  margin-top: 0px;
  float: left;
  width: 265px;
}

#column-main
{
  margin: 0px 0px 0px 265px;
  padding: 0px;
  line-height: 140%;
  ^height: 450px;
  min-height: 450px;
  width: 668px;
  ^overflow-x: hidden;
}

#main-content
{
  width: 488px;
  float: left;
  overflow-x: hidden;
}
#main-content-left
{
  width: 488px;
  float: left;
}
#main-content-padding
{
  padding-right: 30px;
  /*text-align: justify;*/
}

#main-content-right
{
  overflow-x: hidden;
  width: 180px;
  float: right;
}

#main-content-full
{
  width: 668px;
  float: left;
  overflow-x: hidden;
}

/* --------------------------- CONTENT CLASSES ------------------------------ */

#columns-frame p.first-paragraph, .first-paragraph
{
	font-size: 115%;
	font-weight: normal;
	line-height: 130%;
	color: #0082C4;
	margin-top: 0px;
	margin-bottom: 20px;
 /*text-align: justify;*/
}


#column-main ul
{
  padding: 0px;
  margin: 1em 0em;
}

#column-main li
{
  padding: 0px;
  margin: 5px 0px 5px 20px;
}


#column-main  table, #column-main td, #column-main  tr
{
  border-collapse: collapse;
  border-bottom: 1px solid #DFEAF6;
}

#column-main  tr
{
  padding: 0px
  margin: 0px;
}

#column-main td
{
  margin: 0px;
  padding: 5px 8px;
  font-size: 90%;
  ^font-size: 85%;
}


.content-img-right
{
  width: 220px;
  float: right;
  color: #333333;
  background-color: #e2eaef;
  margin-left: 20px;
  margin-bottom: 10px;
}

.content-img-right a
{
  font-weight: bold;
}

.content-img-right-description
{
  float: right;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:1em;
  padding-bottom:1em;
  width: 200px;
  ^width: 220px;
  text-align: left;
  background-color: #e2eaef;
  font-size: 90%;
  display: block;
}


.right-column-gallery-img
{
  border: 1px solid #c3d4de;
  width: 178px;
}

.right-column-gallery-caption
{
  background-color: #e2eaef;
  width: 180px;
}
.right-column-gallery-caption-padding
{
  padding: 10px 10px 20px 10px;
  font-weight: bold;
  font-size: 90%;
}

/* -------------------------------- FOOTER ---------------------------------- */

#footer
{
  font-size: 85%;
  color: #80C1E2;
  height: 95px;
  background: url(img/page-content-bottom-bg.png) no-repeat center top #FFFFFF;
}

#footer-print
{
  height: 30px;
  text-align:right;
  padding-right: 35px;
}

#footer-padding
{
  padding-top: 10px;
  text-align: left;
  padding-left: 50px;
  line-height: 150%;
}

#footer a         { color: #70B0D0; font-weight: }
#footer a:link    { color: #70B0D0; font-weight: }
#footer a:visited { color: #70B0D0; font-weight: }
#footer a:active  { color: #70B0D0; font-weight: }
#footer a:hover   { color: #808080; font-weight: }

/* -------------------------------- 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 */
}





  .page-list
  {
    text-align: right;
    font-size: 90%;
    margin-bottom: 2em;
    letter-spacing: 1px;
  }

  .page-list .selected
  {
    font-weight: bold;
    text-decoration: underline;
  }


  .page-list a.selected         {text-decoration: none;       color: #f07900; }
  .page-list a.selected:link    {text-decoration: none;       color: #f07900; }
  .page-list a.selected:visited {text-decoration: none;       color: #f07900; }
  .page-list a.selected:active  {text-decoration: none;       color: #f07900; }
  .page-list a.selected:hover   {text-decoration: underline;  color: #7f7f7f; }
  
/* -------------------------- no border table ------------------------------- */

  #column-main  table.noborder, #column-main table.noborder td, #column-main  table.noborder tr
  {
    border-collapse: collapse;
    border-bottom: 0px solid #DFEAF6;
  }

  #column-main table.noborder  tr
  {
    padding: 0px
    margin: 0px;
  }

  #column-main table.noborder td
  {
    margin: 0px;
    padding: 0px;
  }