/* Eric Meyer's Reset Reloaded | http://meyerweb.com/ */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
    :focus {outline:0;}
    body {line-height:1; color:black;	background:white;}
    ol, ul {list-style:none;}
    table {border-collapse:separate; border-spacing:0;}
    caption, th, td {text-align:left; font-weight:normal;}
    blockquote:before, blockquote:after, q:before, q:after {content:"";}
    blockquote, q {quotes:"" "";}

/* http://colorschemedesigner.com/#3v31Tl4dXyioe */
    body {
      color: #30312f;
    }

    #content-wrapper {
      position:relative;
      width:880px;
      margin: 0 auto;
      overflow:hide;
    }

    #content {
      margin-left: 50px;
      margin-right: 50px;
    }

    h1,h2,h3,p,li,div,span {
      font-family: georgia,times new roman,serif,Times New Roman,Times,New Century Schoolbook,serif;
    }

    h1,h2,h3 {
      margin-top: 5px;
      margin-bottom:5px;
      color: #1B3647;
    }
    h1{ 
/*      font-size: 58px; */
      font-size: 34px;
      margin:0;
      margin-left:-5px;
      text-transform:uppercase;
    }
    h2 { 
      font-size: 28px;
/*         color:#6F5C26; */
/*         text-transform:uppercase; */
    }
    h3 {
      margin-top: 1em;
      margin-bottom:2px;
      font-size: 125%;
    }
    .podnadpis {margin:0em; color:#1C2B34}
    .datumkonani{margin-bottom:2em;}
    #content p {
      margin-top:10px; 
      margin-bottom:10px; 
    }
    #okno {
      position:absolute;
      top:30px;
      left:10px;
    }
    p {
      line-height:140%;
    }
    .prijmeni {
      text-transform: uppercase;
    }
    h3 a, h3 a:visited, h3 a {
      color:#1B3647; 
      text-decoration:none
      -moz-background-clip:border;
      -moz-background-inline-policy:continuous;
      -moz-background-origin:padding;
      background:transparent url(external.png) no-repeat scroll right center;
      padding-right: 13px;
      text-decoration:none;
    }
    a:hover, h3 a:visited:hover {
      text-decoration:underline
    }
    a, a:visited { color: #6F3926; }

/* background + layout *****************************/
    body {
      /* zaklad pozadi - JISTE */
      background: url('vlnky4-tail.png') repeat 50% 0%;
    }
    #container {
      height:859px;
      width:100%;
      /* stredni pruh donekonecna - JISTE */
      background: url('vlnky4-y-infinity.png') repeat-y 50% -6px;
    }
    #body-container  {
      padding-top:165px;
      width:100%;
    }
    #content-wrapper {
    }
    #content {
      padding-bottom:20px;
    }
    #bg2 {
      position:absolute;
      top:0;
      left:0;
      width:100%;
      min-height:100%;
      height:100%;
      background: url('vlnky4-vyrez.gif') no-repeat 50% 0%; 
    }
    *>#container #bg2 {
      background: url('vlnky4.png') no-repeat 50% 0%; 
    }



/* push footer to bottom **********************************************/
/* http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page  */
    html,body{
      height:100%;
    }
    #container {
      height:100%; 
      position:relative;
    }
    html>body #container { 
      height: auto;
      min-height: 100%;
    }
    #body-container  {
      padding-bottom:110px;  /* = #footer-container height */
    }
    #footer-container {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 120px;
      width:100%;
    }

/**** FOOTER ********************************/
    #footer-container {
/*       background: url('travnik.png') repeat-x 50% 0;; */
/*       background-color: #51472A; */
    }
    #footer-wrapper {
      position:relative;
      width:880px;
      height:120px;

      margin: 0 auto 0 auto;
      overflow:hide;
/*       background: url('vlnky4-y-infinity.png') repeat-y 50% -6px; */
    }
    #footer {
      padding: 30px 50px 5px 50px; 
      position:absolute;
      bottom: 0;
      left:0 ;
      font-size:90%;

/*      position:relative;
      width:100%;
      margin-top:-20px;
      clear:both;
      overflow:hide;
      color: #A68E4D;
      background: url('travnik.png');*/
    }
    #footer, #footer a, #footer a:visited {
     color: #6F5C26;
    }
    #copyright {display:inline; line-height:1.7;}
    #footer #menu-2nd {float:right;}
/*    #dvere {
      float:right;
      width:251px;
      height:377px;
      background: url('dvere.png') no-repeat;
    }
    #dvere-cleaner {
      clear:both;
    }*/


/******************** navigation ******************/
    #navigation ul {
      position:absolute;
      left: 105px;
      top: -40px;
      width: 750px;
      height:25px;
      overflow:hide;
    }
    #navigation ul li a {
      position:absolute;
      top:0;
      margin:0;
      width:100px;
      height:31px;
      background-repeat:no-repeat;
    }
    div#navigation ul li a      { background-image: url('menu.gif'); }
    *>div#navigation ul li a    { background-image: url('menu.png'); }
    div#navigation.de ul li a   { background-image: url('de-menu.gif'); }
    *>div#navigation.de ul li a { background-image: url('de-menu.png'); }

    #navigation ul li a:hover, #navigation ul li.active a:hover {
      border-bottom: 5px solid #452C0B; 
      height:28px;
    }

    #navigation ul li a span { display:none }

    #navigation ul li#uvod a:hover,
    #navigation ul li.active#uvod a {background-position:0px -40px;}
    #navigation ul li#uvod a        {background-position:0px -10px; left:5px; width:73px;}

    #navigation ul li#poradatele a:hover,
    #navigation ul li.active#poradatele a {background-position:-95px -40px;}
    #navigation ul li#poradatele a        {background-position:-95px -10px; left:95px;width:105px;}

    #navigation ul li#program a:hover,
    #navigation ul li.active#program a {background-position:-202px -40px;}
    #navigation ul li#program a        {background-position:-202px -10px; left:202px;width:105px;}

    #navigation ul li#pro_referujici a:hover,
    #navigation ul li.active#pro_referujici a {background-position:-309px -40px;}
    #navigation ul li#pro_referujici a        {background-position:-309px -10px; left:303px;width:125px;}

    #navigation ul li#prihlaska a:hover,
    #navigation ul li.active#prihlaska a {background-position:-433px -40px;}
    #navigation ul li#prihlaska a        {background-position:-433px -10px; left:423px;width:100px;}

    #navigation ul li#publikace a:hover,
    #navigation ul li.active#publikace a {background-position:-533px -40px;}
    #navigation ul li#publikace a        {background-position:-533px -10px; left:523px;width:105px;}

    #navigation ul li#kontakty a:hover,
    #navigation ul li.active#kontakty a {background-position:-640px -40px;}
    #navigation ul li#kontakty a        {background-position:-640px -10px; left:633px;width:100px;}

/* de */
    #navigation.de ul li#uvod a:hover,
    #navigation.de ul li.active#uvod a {background-position:0px -38px;}
    #navigation.de ul li#uvod a        {background-position:0px -10px; left:0px; width:88px;}

    #navigation.de ul li#poradatele a:hover,
    #navigation.de ul li.active#poradatele a {background-position:-90px -38px;}
    #navigation.de ul li#poradatele a        {background-position:-90px -10px; left:90px;width:120px;}

    #navigation.de ul li#program a:hover,
    #navigation.de ul li.active#program a {background-position:-202px -38px;}
    #navigation.de ul li#program a        {background-position:-202px -10px; left:202px;width:105px;}

    #navigation.de ul li#pro_referujici a:hover,
    #navigation.de ul li.active#pro_referujici a {background-position:-309px -38px;}
    #navigation.de ul li#pro_referujici a        {background-position:-309px -10px; left:303px;width:120px;}

    #navigation.de ul li#prihlaska a:hover,
    #navigation.de ul li.active#prihlaska a {background-position:-433px -38px;}
    #navigation.de ul li#prihlaska a        {background-position:-433px -10px; left:423px;width:105px;}

    #navigation.de ul li#publikace a:hover,
    #navigation.de ul li.active#publikace a {background-position:-533px -38px;}
    #navigation.de ul li#publikace a        {background-position:-533px -10px; left:523px;width:120px;}

    #navigation.de ul li#kontakty a:hover,
    #navigation.de ul li.active#kontakty a {background-position:-645px -38px;}
    #navigation.de ul li#kontakty a        {background-position:-645px -10px; left:638px;width:95px;}



/* page specific ********************************/
    #page-poradatele p { margin:0}
    #page-poradatele .addr {
      margin-top: 0;
      margin-bottom:5px;
      line-height: 1.2;
    }
    #page-poradatele .weburl { margin-top: 5px; display:none}
    #page-poradatele h3 { margin-top: 20px;}

/* program + lists */
  #content li {list-style-type:square; margin-left: 15px; margin-bottom:4px;}
  #content ul {padding-left:15px; margin-top:10px; }
  #page-program   .blok .blokname {font-weight:bold;}
  #page-program   .blok {margin-top:5px; margin-bottom:5px;}
  #page-program h3 {font-size: 140%; margin-bottom:7px; margin-top:15px; border-bottom: 1px solid gray}