/* Sticky footer styles
-------------------------------------------------- */
/*html { position: relative; min-height: 100%; }
body { margin-bottom: 150px; }
.footer { position: absolute; bottom: 0; width: 100%; }*/


/* Login
------------------------------------------------ */
.form-login { margin-top: 1em; }
.display-block { display: block; padding: 1em 0 0; }

#vub #slider { background: url(/Content/images/panorama.jpg) center no-repeat; background-size: cover; }
#bk #slider { background: url(/Content/images/header-bk.jpg) center no-repeat; background-size: cover; }
#zs #slider { background: url(/Content/images/header-zs.jpg) center no-repeat; background-size: cover; }


/***** MEDIA QUERIES 
---------------------------------*/
@media (min-width: 1200px) { 
  #logo { padding: .5em 0; }
  #vub #slider { height: 235px; }
  #bk #slider { height: 235px; }
  #zs #slider { height: 235px; }
  .brambor-zp { width: 150px; height: 150px; position: relative;  top: 43px; left: 85%; }

  .libItem { width: 49% }
  .libItem.lm1 { margin-left: 15px; }
  
  
  /***** MENU *****/
  .left-menu a {z-index: 100 !important;}
  #mainMenu ul  {z-index: 1000000 !important;}
  .left-menu .sf-menu ul,
  #mainMenu .sf-menu ul { border-left: 0px solid #ccc; border-right: 0px solid #ccc; }
  #mainMenu .sf-menu ul li { width: 100% }
  #mainMenu .sf-menu > li > a { color: #327A01; }
  .left-menu .sf-menu > li > a { color: #327A01; padding-left: 15px !important; }
  .left-menu { margin-top: 20px; padding-left: 0px; padding-right: 5px; }
  .left-menu ul.sf-menu li:hover ul,
  .left-menu ul.sf-menu li.sfHover ul {
    left:			287px !important; /* match ul width */
    top:			2px !important;
   }  
  
  /***** KONTAKTY *******************/
  table.kontakt td { vertical-align: top; }
  table.kontakt td:nth-of-type(1) { width: 200px !important; }
  table.kontakt td:nth-of-type(2) { width: auto !important; }
  table.kontakt td:nth-of-type(3) { width: 100px !important; }
  table.kontakt td:nth-of-type(4) { width: 100px !important; }
  table.kontakt td:nth-of-type(5) { width: 180px !important; }
  
  table.kontakt-rada td { vertical-align: top; }
  table.kontakt-rada td:nth-of-type(1) { width: 200px !important; }
  table.kontakt-rada td:nth-of-type(2) { width: auto !important; }
  table.kontakt-rada td:nth-of-type(3) { width: 180px !important; }
  table.kontakt-rada td:nth-of-type(4) { width: 210px !important; }
  
  table.kontakt col { width: auto !important; }
}  



@media (min-width: 992px) and (max-width: 1199px)  {
  
  #logo { padding: .5em 0; }
  #vub #slider { height: 195px; }
  #bk #slider { height: 195px; }
  #zs #slider { height: 195px; }
  .brambor-zp { width: 150px; height: 150px; position: relative;  top: 23px; left: 82%; }
  
  .libItem { width: 48.75% }
  .libItem.lm1 { margin-left: 15px; }

  /***** MENU *****/
  #topMenu { margin-top: 24px; }
  #mainMenu ul  {z-index: 1000000 !important;}
  .left-menu .sf-menu ul,
  #mainMenu .sf-menu ul { border-left: 0px solid #ccc; border-right: 0px solid #ccc; }
  #mainMenu .sf-menu ul li { width: 100% }
  #mainMenu .sf-menu > li > a { color: #327A01; font-size: 14px !important; }
  .left-menu a {z-index: 100 !important;}
  .left-menu .sf-menu > li > a { color: #327A01; padding-left: 15px !important; }
  .left-menu { margin-top: 20px; padding-left: 0px; padding-right: 5px; }
  .left-menu ul.sf-menu li:hover ul,
  .left-menu ul.sf-menu li.sfHover ul {
    left:			237px !important; /* match ul width */
    top:			2px !important;
   }  
  
  /***** KONTAKTY *******************/
  table.kontakt td { vertical-align: top; }
  table.kontakt td:nth-of-type(1) { width: 200px !important; }
  table.kontakt td:nth-of-type(2) { width: auto !important; }
  table.kontakt td:nth-of-type(3) { width: 100px !important; }
  table.kontakt td:nth-of-type(4) { width: 100px !important; }
  table.kontakt td:nth-of-type(5) { width: 180px !important; }   

  table.kontakt-rada td { vertical-align: top; }
  table.kontakt-rada td:nth-of-type(1) { width: 200px !important; }
  table.kontakt-rada td:nth-of-type(2) { width: auto !important; }
  table.kontakt-rada td:nth-of-type(3) { width: 180px !important; }
  table.kontakt-rada td:nth-of-type(4) { width: 210px !important; }
  
  table.kontakt col { width: auto !important; }  
}  



@media (min-width: 768px) and (max-width: 991px) {
  .container { width: 100% !important; }
  #logo { padding: .5em 0 .5em .5em; }
  #topMenu { margin-top: 0px; }
  #vub #slider { height: 190px; }
  #bk #slider { height: 190px; }
  #zs #slider { height: 190px; }
  .brambor-zp { width: 150px; height: 150px; float: right; margin: 20px 20px 0 0; }
  .libItem { width: 48.9% }
  .libItem.lm1 { margin-left: 15px; }
  
  /***** MENU *****/
  .left-menu #mobnav-btn { display: block; background: #eee; cursor: pointer; cursor:hand; 50px; }
  .left-menu .sf-menu { border-top: 1px solid #ccc; }
  .left-menu .sf-menu.xactive { display: block !important; z-index: 10000 !important;  }
  .left-menu .xpopdrop > ul { display: block !important; z-index: 1000; background: #fff; }
  
  /***** KONTAKTY *******************/
  table.kontakt td { vertical-align: top; }
  table.kontakt td:nth-of-type(1) { width: 200px !important; }
  table.kontakt td:nth-of-type(2) { width: auto !important; }
  table.kontakt td:nth-of-type(3) { width: 100px !important; }
  table.kontakt td:nth-of-type(4) { width: 100px !important; }
  table.kontakt td:nth-of-type(5) { width: 180px !important; }  

  table.kontakt-rada td { vertical-align: top; }
  table.kontakt-rada td:nth-of-type(1) { width: 200px !important; }
  table.kontakt-rada td:nth-of-type(2) { width: auto !important; }
  table.kontakt-rada td:nth-of-type(3) { width: 180px !important; }
  table.kontakt-rada td:nth-of-type(4) { width: 210px !important; }
    
  table.kontakt col { width: auto !important; }
}


@media (min-width: 480px) and (max-width: 767px) {
  #logo { padding: .5em 0 .5em .5em; }
  #vub #slider { height: 190px; }
  #bk #slider { height: 190px; }
  #zs #slider { height: 190px; }
  .brambor-zp { width: 150px; height: 150px; float: right; margin: 20px 20px 0 0; }
  .libItem .itemLinks { display: block; padding: 15px 0; }
  #topMenu { margin-top: 0px; }
  .hlink { white-space: nowrap; }
  .print-link,
  .sgmap { display: none; }
  .newsDetail img { display: block; width:100% !important; height: auto !important; }
  
  /***** KONTAKTY *******************/
  table.kontakt td { vertical-align: top; }
  table.kontakt td:nth-of-type(1) { width: auto !important; }
  table.kontakt td:nth-of-type(2) { display: none; }
  table.kontakt td:nth-of-type(3) { width: 100px !important; }
  table.kontakt td:nth-of-type(4) { width: 100px !important; }
  table.kontakt td:nth-of-type(5) { width: 180px !important; }  

  table.kontakt-rada td { vertical-align: top; }
  table.kontakt-rada td:nth-of-type(1) { width: 200px !important; }
  table.kontakt-rada td:nth-of-type(2) { width: auto !important; }
  table.kontakt-rada td:nth-of-type(3) { width: 150px !important; }
  table.kontakt-rada td:nth-of-type(4) { width: 210px !important; }
  
  table.kontakt col { width: auto !important; }
}


@media (min-width: 361px) and (max-width: 479px) {
  #logo { padding: 1.0em 0 .5em .5em; }
  #vub #slider { height: 190px; }
  #bk #slider { height: 190px; }
  #zs #slider { height: 190px; }
  .brambor-zp { width: 150px; height: 150px; float: right; margin: 20px 20px 0 0; }
  #topMenu { margin-top: 0px; }
  .hlink { white-space: nowrap; }
  .print-link,
  .sgmap { display: none; }
  .newsDetail img { display: block; width:100% !important; height: auto !important; }
  
  /***** KONTAKTY *******************/
  table.kontakt tr,
  table.kontakt-rada tr { display: block; width: 100%; display: block; width: 100%;  }
  table.kontakt td,
  table.kontakt-rada td{ vertical-align: top; display: block; width: 100% !important; }
  table.kontakt tr:hover td,
  table.kontakt-rada tr:hover td { background-color: #fff; }
  table.kontakt tr:nth-child(odd) td,
  table.kontakt-rada tr:nth-child(odd) td { background-color: #eee; }

  table.kontakt col { width: 100% !important; }
}

@media (max-width: 360px) {
  #logo { padding: 15px; }
  #vub #slider { height: 190px; }
  #bk #slider { height: 190px; }
  #zs #slider { height: 190px; }
  .brambor-zp { width: 150px; height: 150px; float: right; margin: 20px 20px 0 0; }
  #topMenu { margin-top: 0px; }
  .hlink { white-space: nowrap; }
  .print-link,
  .sgmap { display: none; }
  #logo { width: 100% }
  #header-links { width: 100%; }
  #header-links .col-sm-2,
  #header-links .col-sm-10 { width: 50%; float: left;  }
  #header-links .col-sm-2 { text-align: right; }
  #header-links .col-sm-10 { text-align: left; }
  
  .libItem .col-xs-4,
  .libItem .col-xs-8 { width: 100% !important }
  .libItem .itemCover { border: none; box-shadow: none; }
  .libItem .itemLinks { display: block; text-align: center; margin: 15px 0 0; }
  
  .newsbox.iyph .item { padding: 0 10px 110px 10px; background: url(/Userfiles/images/logo-iyph-box.png) bottom right no-repeat;  }
  .newsDetail img { display: block; width:100% !important; height: auto !important; }

  /***** KONTAKTY *******************/
  table.kontakt tr,
  table.kontakt-rada tr { display: block; width: 100%; display: block; width: 100%;  }
  table.kontakt td,
  table.kontakt-rada td{ vertical-align: top; display: block; width: 100% !important; }
  table.kontakt tr:hover td,
  table.kontakt-rada tr:hover td { background-color: #fff; }
  table.kontakt tr:nth-child(odd) td,
  table.kontakt-rada tr:nth-child(odd) td { background-color: #eee; }
  
  table.kontakt col { width: 100% !important; }  
}