/* -------------------------------------------------------------------------- */
/* LAYOUT                                                                     */
/* -------------------------------------------------------------------------- */


  body
  {
    width: 100%;
    font-size: 150%;
  }

  #main-frame
  {
    width: 640px;
    overflow: hidden;
    margin: 0px auto !important;
    position: relative;
  }

  #main
  {
    width: 640px;
  }

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

  #header
  {
    position: relative;
    height: 100px;
    z-index: 2;
  }

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

  #header-logo img
  {
    height: 100px;
    width: 299px;
  }

  #topbanner
  {
    margin-top: -100px;
  }

  #topbanner img
  {
    height: 300px;
  }


  #header-langs
  {
    right: 120px;
    top: 22px;
  }

  #header-langs img {
    height: 48px;
    width: 48px;
  }


/* -------------------------------------------------------------------------- */
/* MOBILE MENU                                                                */
/* -------------------------------------------------------------------------- */

  #mobile-menu-icon
  {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
  }

  #mobile-menu-icon-opened
  {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
  }

  #mobile-basket-box a
  {
    position: absolute;
    right: 30px;
    top: 120px;
    z-index: 115;
    line-height: 60px;
    height: 60px;
    padding-right: 70px;
    background:  url(img/mobile-basket-ico.png) right center no-repeat;
  }



  #mobile-menu
  {
    position: absolute;
    top: 100px;
    left:0px;
    background: #FFFFFF;
    width: 640px;
    display: none;
    z-index: 100;
    font-size: 120%;
    font-weight: 200;
  }


  #mobile-menu-padding
  {
    padding:  50px 40px 40px 40px;
    border-bottom:  6px solid #D1232A;
  }

  #mobile-menu a         { color: #808080;   text-decoration: none;}
  #footer-menu a:link    { color: #808080;   text-decoration: none;}
  #footer-menu a:visited { color: #808080;   text-decoration: none;}
  #footer-menu a:active  { color: #808080;   text-decoration: none;}
  #footer-menu a:hover   { color: #808080;   text-decoration: none;}


/* -------------------------------------------------------------------------- */
/* HEADER ICONS                                                               */
/* -------------------------------------------------------------------------- */


  #header-icons
  {
    top: 100px;
  }

  #header-icons img
  {
    width: 100px;
    height: 100px;
  }

  .header-icon-box
  {
    height: 100px;
  }



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

  #navig-path
  {
    margin-bottom: 30px;
    height: auto;
/*    border-bottom: 2px solid #CCCCCC; */
  }

  #navig-path a {
    white-space: nowrap;
  }

  #columns
  {
    margin-top: 0px;
    padding: 0px 0px 1px 0px;
    width: 640px;
    font-size: 115%;
   }

  #columns-content
  {
    padding:  0px 30px 30px 30px;
    background: #FFFFFF;
  }

  #columns-content img
  {
    max-width: 580px !important;
  }


  #columns-content iframe
  {
    max-width: 580px !important;
  }


  #column-1
  {
    display: none;
  }

  #column-2
  {
    float: none;
    width: 580px;
  }

  #column-2-padding
  {
      padding: 0px 0px;
  }


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

    #footer-hc-box
    {

      background: #E5E1DC;
      padding:  20px 30px;
      font-size: 150%;
      font-weight: 200;
    }

    #footer-hc-box a
    {
      display: block;
      background:  url(img/footer-arrow.png) right center no-repeat;
    }

    #footer-hc-box a         { color: #999999;   text-decoration: none;}
    #footer-hc-box a:link    { color: #999999;   text-decoration: none;}
    #footer-hc-box a:visited { color: #999999;   text-decoration: none;}
    #footer-hc-box a:active  { color: #999999;   text-decoration: none;}
    #footer-hc-box a:hover   { color: #999999;   text-decoration: underline;}


    #footer
    {
      border-top: 10px solid #D1232A;
      position: relative;
    }

    #footer-column-2
    {
      width: 100%;
    }

    #footer-column-2 h3
    {
      font-size: 150%;
    }

    .article-hp-box
    {
       padding-right: 60px;
    }


    #footer-mobile-box-frame
    {
      border-top:  2px solid  #808080;
      padding-top: 30px;
      margin: 0px -10px;
    }




    #footer-mobile-box
    {
      padding:  0px 10px;
    }

    #footer-mobile-icons
    {
      position: absolute;
      top: 0px;
      right: 0px;
    }


    
/* -------------------------- INPUTS AND BUTTONS ---------------------------  */

    .input-1, .input-2, .input-3, .input-4, .input-5
    {
        height: 48px;
        line-height: 48px;
        border: 4px solid #CCCCCC;
        background: transparent;
        padding: 0px 10px;
        margin: 0px;
    }


    .btn-1
    {
        height: 56px;
        line-height: 50px;
        border: 4px solid #BEBFC1;
        background: transparent;
        color: #5A6064;
        padding: 0px 20px;
        margin: 0px;
        cursor: pointer;
        font-size: 130%;
    }

    .btn-2
    {
        height: 56px;
        line-height: 50px;
        border: 4px solid #BBA4B4;
        background: transparent;
        color: #DD766F;
        padding: 0px 20px;
        margin: 0px;
        cursor: pointer;
        font-size: 130%;
    }

    a.btn-2
    {
      display: inline-block;
      text-decoration: none !important;
    }

    .btn-3
    {
        height: 30px;
        line-height: 28px;
        border: 0px;
        background: transparent;
        background-color: #DD766F;
        color: #FFFFFF;
        padding: 0px 10px;
        margin: 0px;
        cursor: pointer;
        font-weight: bold;
    }

    a.btn-3
    {
      display: inline-block;
      text-decoration: none !important;
      color: #FFFFFF !important;
    }


    .input-select
    {
        height: 56px;
        line-height: 48px;
        border: 4px solid #CCCCCC;
        background: transparent;
        padding: 0px 10px;
        margin: 0px;
    }

    .input-ta
    {
        border: 4px solid #CCCCCC;
    }

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

  hr
  {
    margin: 1em 0px 1em 0px;
    border: 0px;
    color: #89733F;
    background: #89733F;
    height: 1px;
    display: block;
  }

  .hr
  {
    clear: both;
    padding-top: 20px;
    border-top: 1px solid #89733F;
  }

  .clear
  {
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
  }

  .float-left
  {
    float: left;
  }

  .float-right
  {
    float: right;
  }

  .invisible
  {
    display: none;
  }

  .forprint, .forprint-block
  {
    display: none; /* pro tiskové styly */
  }





/* ---------------------------------- hover napoveda ------------------------ */

  .hover-help
  {
    display: inline;
    margin-left: 4px;
    color: #000000;
  }

  .hover-help a
  {
    text-decoration: none;
    cursor: help;
  }

  .hover-help a:hover
  {
    text-decoration: none !important;
  }

  .hover-help a         {text-decoration: none !important; }
  .hover-help a:link    {text-decoration: none !important;}
  .hover-help a:visited {text-decoration: none !important;}
  .hover-help a:active  {text-decoration: none !important;}


  .hover-help a span
  {
    position: relative;
    font-weight: normal;
    text-align: left;
  }

  .hover-help a span span
  {
    line-height: 145%;
    font-size:90%;
    letter-spacing: 0px;
    display: block;
    position: absolute;
    visibility: hidden;
    top: 1.5em;
    left: 0.5em;
    padding: 15px 20px;
    width: 25em;
    background: #D9776E;
    border: 1px solid #D9776E;
    color: #FFFFFF;
    white-space: normal;

    z-index: 100;
  }

  .hover-help-2 a span span
  {
    width: 40em !important;
  }

  .hover-help-short a span span
  {
    width: auto !important;
    white-space: nowrap !important;
    padding: 10px 20px !important;;
  }


  .hover-help a:hover span span
  {
    visibility: visible;
    z-index: 100;
  }


/* -------------------------------------------------------------------------- */
/* PAGINATOR                                                                  */
/* -------------------------------------------------------------------------- */

  .paginator-box-1
  {
    border-top: 1px solid #D5C5D2;
    border-bottom: 1px solid #D5C5D2;
    margin: 25px 0px;
    font-size: 120%;
  }

  .paginator-box-1 table
  {
    width: 100%;
  }

  .paginator-box-1 .td-1
  {
    width: 110px;
    text-align: left;
    white-space: nowrap;
  }

  .paginator-box-1 .td-2
  {
    /*width: 100%;*/
    text-align: center;
  }

  .paginator-box-1 .td-3
  {
    width: 110px;
    text-align: right;
    white-space: nowrap;
  }


   /* table */

      #columns-3 .paginator-box-1 table
      {
        width: 665px;
      }

      #columns-3 .paginator-box-1 .td-1
      {
        width: 80px;
        text-align: left;
        white-space: nowrap;
      }

      #columns-3 .paginator-box-1 .td-2
      {
        text-align: center;
      }

      #columns-3 .paginator-box-1 .td-3
      {
        width: 80px;
        text-align: right;
        white-space: nowrap;
      }

    /* prev / next links */
      .paginator-prev-link
      {
        float: left;
        background: url(img/paginatorLeft@1x.png) no-repeat left;
        display: block;
        padding: 5px 0px 5px 28px;
      }

      .paginator-next-link
      {
        float: right;
        background: url(img/paginatorRight@1x.png) no-repeat right;
        display: block;
        padding: 5px 28px 5px 0px;
      }

    /* link color */
      .paginator-box-1 a         {text-decoration: none; }
      .paginator-box-1 a:link    {text-decoration: none; }
      .paginator-box-1 a:visited {text-decoration: none; }
      .paginator-box-1 a:active  {text-decoration: none; }
      .paginator-box-1 a:hover   {text-decoration: underline; }

    /* number */
      .paginator-box-1 .num
      {
        padding: 0px 3px;
      }

    /* select */
      .paginator-box-1 .selected
      {
        color: #5C6063;
      }


/* -------------------------------------------------------------------------- */
/* LISTS                                                                      */
/* -------------------------------------------------------------------------- */

  #column-2 ul
  {
    margin: 1em 0px;
    padding: 0px;
    list-style: none;
  }


  #column-2 li
  {
    margin: 0px 0px 1em 0px;
    padding: 0px 0px 0px 20px;
    list-style: none;
    background: url(img/listbullet@2x.png) left 8px no-repeat;
  }




/* -------------------------------------------------------------------------- */
/* INFO TABLE                                                                 */
/* -------------------------------------------------------------------------- */

  .hp-info-table
  {
      margin: 0px -30px;
  }
    
  .hp-info-table td
  {
      padding: 20px 30px;

      width: 540px;
      display: block;
      float: left;
  }



/* -------------------------------------------------------------------------- */
/* MOBILE / NOMOBILE                                                          */
/* -------------------------------------------------------------------------- */



  #mobile-desktop-switch
  {
    padding-top: 30px;
    font-size: 170%;
    font-weight: 200;
    text-align: center;
  }

/* -------------------------------------------------------------------------- */
/* MISC                                                         */
/* -------------------------------------------------------------------------- */

  .article-detail-item
  {
    width: 580px;
  }

/* -------------------------------------------------------------------------- */
/* PAGIONATOR                                                                 */
/* -------------------------------------------------------------------------- */

    .paginator
    {
      line-height: 50px;
    }

    .paginator .next
    {
      background: url(img/mobile-arrow-right-blue.png) no-repeat center 7px;
      line-height: 50px;
      padding:  0px 12px 0px 12px;
      display: inline-block;
    }

    .paginator .previous
    {
      background: url(img/mobile-arrow-left-blue.png) no-repeat center 7px;
      line-height: 50px;
      padding:  0px 12px 0px 12px;
      display: inline-block;
    }


    .paginator-top {
        border-bottom: 4px solid #CCCCCC;
    }

    .paginator-bottom {
        border-top: 4px solid #CCCCCC;
    }

/* -------------------------------------------------------------------------- */
/* COTACT FORM                                                                 */
/* -------------------------------------------------------------------------- */

    #contact-form-box
    {
        padding:  0px;
        margin: 0px;
    }

  .contact-table .input-1 {
    width: 252px;
  }

  .contact-table .input-ta {
    width: 550px;
  }