/* 0 px - 640 px */
@media screen and (max-width: 640px){
  .main{
   width: 98%;
   min-width: 98%;
   padding: 1px 1% 1px 1%;
  }
  TABLE TR TD{
   white-space: nowrap;
  }
  FORM TABLE TR TD,
  FORM TABLE TR TD.left,
  FORM TABLE TR TD.right,
  FORM TABLE TR TD.center{
   display: block;
   text-align: center;
  }
  TABLE.table TR TD,
  TABLE.table TR TD.left,
  TABLE.table TR TD.right,
  TABLE.table TR TD.center{
   display: block;
   text-align: left;
  }
  INPUT.i, TEXTAREA{ width: calc(100% - 30px); }
  .roky{ display: none; }
  .zalozky{
    display: none;
    width: calc(100% - 226px);
  }
  .roky A, .roky A:link, .roky A:visited{
    padding: 10px;
    font-size: 15px;
    width: calc(100% - 20px);
    border-bottom: solid 1px #9CE633;
  }
  .zalozky A, .zalozky A:link, .zalozky A:visited{
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #9CE633;
    padding: 10px;
    width: calc(100% - 20px);
    font-size: 15px;
    text-align: left;
  }
  A.odhlaseni,
  A.odhlaseni:link,
  A.odhlaseni:visited{
    right: 60px;
  }
  A.ico_menu,
  A.ico_menu:link,
  A.ico_menu:visited{
    position: fixed;
    top: 0px;
    right: 0px;
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(obr/ico_menu.png);
    background-position: center center;
    background-color: #9CE633;
    z-index: 3;
  }
  A.ico_menu:hover,
  A.ico_menu:active{
    background-image: url(obr/ico_menu_over.png);
  }
}
/* 1001 px - 1450 px */
@media screen and (min-width: 1001px) and (max-width: 1450px){
  .zalozky A, .zalozky A:link, .zalozky A:visited{
   padding: 10px 10px;
  }
}