* {
  margin: 0px;
  padding: 0px;
}

html {
    background: #000 url('/img/body_bg.jpg') left top repeat;
}

body#fila-skates-cz {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 1em;
  color: #000000;
  width: 851px;
  margin: 0px auto;
}

img {
  border: 0px;
  _behavior: url('/misc/pngbehavior.htc') !important; /* IE PNG alpha transparency hack */
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.clear-both {
  clear: both !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

.non-visible {
  position: absolute !important;
  left: -2000px !important; /* pristupne aj pre hlasove citacky */
}

.hidden-text {
  /* hide text for IE and Gecko */
  font-size: 0px !important;
  letter-spacing: -99999px !important; 
  text-decoration: none !important;

  /* hide text for Opera */
  overflow: hidden !important; 
  text-indent: -9999px !important;
}

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

a:hover {
  text-decoration: none;
}
h2 a.white-link {
    color: #fff;
    text-decoration: none;
}

/* D E C L A R A T I O N S */


h1#logo a {
  position: absolute;
  display: block;
  width: 138px;
  height: 75px;
  top: 10px;
  left: 15px;
}

div#page-container {
  position: relative;
  width: 851px;
  border-bottom: 8px solid #333333;
  margin: 0px auto;
  padding-top: 134px;
  background: url('/img/header0.jpg') left top no-repeat;
}

/* main menu */

ul#main-menu {
  position: absolute;
  top: 101px;
  left: 0px;
  height: 33px;
  width: 851px;
  background: #000000 url('/img/menu_bg.png') left top repeat-x;
}

  ul#main-menu li {
    float: left;
    position: relative;
    list-style: none;
  }

    ul#main-menu li a {
      position: relative;
      display: block;
      float: left;
      color: #D2D2D2;
      font-size: 13px;
      font-weight: bold;
      line-height: 33px;
      text-decoration: none;
      text-transform: lowercase;
      padding: 0px 25px;
    }

    ul#main-menu li.hover,
    ul#main-menu li:hover,
    ul#main-menu li a.selected {
      color: #FFFFFF;
      /*background: url('/img/menu_selected_bg.png') left top repeat-x;*/
      background-color: #272727;
    }

    /* sub menu */
    
    ul#main-menu li:hover ul,
    ul#main-menu li.hover ul {
      display: block !important;
    }
    
    ul#main-menu li ul {
      position: absolute;
      display: none;
      top: 33px;
      left: 0px;
      width: 160px;
      padding: 5px 0px !important;
      border-top: 1px solid #606060;
      background: #000000 !important;
      z-index: 1500;
    }    

      ul#main-menu li ul li {
        float: none !important;
      }    

        ul#main-menu li ul li a {
          position: static !important;
          float: none !important;
          color: #848484 !important;
          height: 31px !important;
          line-height: 31px !important;
          text-transform: none !important;
          padding: 0px 0px 0px 35px !important;
          background: url('/img/bullet_yellow2.png') 25px center no-repeat;
        }    

        ul#main-menu li ul li a:hover {
          color: #FFFFFF !important;
          background-color: #121212 !important;
        }

/* footer */

div#page-footer {
  clear: both;
  width: 851px;
  margin: 0px auto;
  padding: 10px 0px;
}

  div#page-footer p {
    position: relative;
    font-size: 0.7em;
    color: #B2B2B2;
    text-align: center;
  }

    div#page-footer p a {
      color: #B2B2B2;
    }

    div#page-footer p #developer {
      margin-left: 3px;
    }  

/* page navigation */

div#page-navigation {
  display: none;
}

  #page-navigation h5 {
    float: left;
    font-size: 11px;
    margin-right: 8px;
  }

  #page-navigation ul li {
    float: left;
    list-style: none;
    font-size: 11px;
  }

    #page-navigation ul li a {
      display: block;
      float: left;
      color: #000000;
      padding-right: 9px;
      margin-right: 5px;
      _margin-right: 3px; /* IE float bug */
      background: url('/img/bullet_navigation.png') right 6px no-repeat;
    }
  
/* columns */

div#main-column {
  position: relative;
  min-height: 820px;
  height: auto;
  _height: 820px;
  border: 1px solid #C6C6C6;
  border-top-color: #EAEAEA;
  padding: 0px 297px 0px 84px;
  _padding-right: 284px;
  background: #fff url('/img/bg_content.png') 569px top repeat-y;
}

  div#right-column {
    position: absolute;
    top: 0px;
    right: 0px;
    _right: -1px;
    width: 279px;
    border-left: 1px solid #C6C6C6;
    _border-left: 0;
    /*background: #FFFFFF url('/img/bg_right_column.png') left top repeat-x;*/
    background-color: #d2d2d2;
  }

/* columns children */

#main-column h1 {
  position: relative;
  left: -84px;
  _margin-right: -84px;
  width: 446px;
  color: #333;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 78px;
  margin-bottom: 15px;
  padding-left: 105px;
  background: url('/img/bg_homepage_products.png') -1px top no-repeat; 
}

  #main-column h1 span {
    position: absolute;
    top: 0px;
    right: 20px;
    color: #FFFFFF;
  }

#main-column h2 {
  color: #333;
  font-size: 0.9em;
  padding: 15px 0px;
}

#main-column h3,
#main-column h4 {
  font-size: 0.75em;
  margin-bottom: 3px;
}

#main-column h4 {
  color: #000000;
}

  #main-column h3 a {
    color: #E60002;
  }

  #main-column h4 a {
    color: #000000;
  }

#main-column hr {
  margin-bottom: 15px;
  _margin-bottom: 9px;
  height: 0px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #C6C6C6;
}

#main-column p,
#main-column dl,
#main-column table,
#main-column address {
  position: relative;
  font-size: 0.75em;
  line-height: 1.3em;
  padding-bottom: 15px;
}

#main-column address {
  font-style: normal;
}

#main-column ul {
  position: relative;
  padding-bottom: 15px;
}

  #main-column li {
    font-size: 0.75em;
    line-height: 1.2em;
    padding-bottom: 5px;
    padding-left: 10px;
  }

  #main-column ul li {
    list-style: none;
    background: url('/img/bullet_gray.png') 0px 6px no-repeat;
  }

  #main-column p a,
  #main-column table a,
  #main-column address a,
  #main-column li a {
    color: #151525;
  }
  
  #main-column p a:hover,
  #main-column table a:hover,
  #main-column address a:hover,
  #main-column li a:hover {
    color: #ff9232;
  }

  #main-column p a.seo-link {
    color: #000;
    text-decoration: none;
  }

  div.techn h2 a.seo-link {
    color: #fff;
    text-decoration: none;
  }

  div.news-box h2 a.seo-link {
    color: #333;
    text-decoration: none;
  }

  div#homepage-products h2 a.seo-link {
    color: #333333;
    text-decoration: none;
  }

  #main-column dl a {
    color: #000000;
  }

  #main-column a.more,
  #main-column a.back {
    color: #62A2B2 !important;
    font-size: 0.9em !important;
    font-weight: bold;
    line-height: 9px !important;
    padding-right: 15px;
    background: url('/img/next.png') right center no-repeat;
  }

  #main-column a.back {
    padding-right: 0px !important;
    padding-left: 15px;
    background: url('/img/previous.png') left center no-repeat !important;
  }

/* right column content */

#right-column h2 {
  clear: both;
  line-height: 26px;
  font-size: 11px !important;
  text-transform: uppercase;
  color: #fff;
  padding: 0px 0px 0px 25px !important; 
  margin-bottom: 0px !important;
  background: url('/img/menu_bg.png') left center repeat-x;
}
  #right-column h2 a.seo-link {
    color: #fff;
    text-decoration: none;
  }

#right-column h3 {
  clear: both;
  color: #ff9232;
  padding: 5px 0px!important;
  margin-left: 25px !important; 
  border-top: 1px solid #FFFFFF;
}

#right-column ul {
  float: right;
  width: 255px;
  padding-bottom: 0px !important;
}

#right-column .gradient {
  float: left;
  min-height: 312px;
  height: auto;
  _height: 312px;
  /*background: #FFFFFF url('/img/bg_right_column.png') left top repeat-x !important;*/
  background-color: #d2d2d2;
}

/* nabidka */

table#nabidka {
  float: right;
  width: 255px;
  font-weight: bold;
  border-collapse: collapse;
  margin-bottom: 15px;
}

  table#nabidka thead {
    background: url('/img/bg_white_line.png') left 30px repeat-x;
  }

    table#nabidka thead th {
      color: #151525;
      font-size: 0.95em;
      text-align: left;
      padding-bottom: 20px;
    }

      table#nabidka thead th span {
        display: block;
        line-height: 29px;
        text-transform: lowercase;
        padding-left: 10px;
        background: url('/img/bullet_white.png') left 10px no-repeat;
      }

  table#nabidka tr td {
    vertical-align: top;
    padding: 5px 10px;
  }

    table#nabidka tr td a {
      display: block;
      color: #151525;
      text-decoration: none;
    }

    table#nabidka tr td ul {
      float: none !important;
      width: auto !important;
      padding-bottom: 0px !important;
    }

      table#nabidka tr td ul li {
        font-size: 0.95em !important;
        color: #000000;
      }

  table#nabidka tbody tr:hover,
  table#nabidka tbody tr.hover {
    cursor: pointer;
    background: #ff9232;
  }

  table#nabidka tr:hover td a,
  table#nabidka tr.hover td a,
  table#nabidka tr:hover td ul li,
  table#nabidka tr.hover td ul li {
    color: #FFFFFF !important;
  }

/* fila prvky */

ul#fila-prvky {
  width: 265px !important;
  margin-top: 20px;
}

  ul#fila-prvky li {
    position: relative !important;
    padding-bottom: 2px !important;
    background: none !important;
  }

    ul#fila-prvky li a {
      display: block;
      color: #898A8A;
      height: 39px;
      font-weight: bold;
      text-decoration: none;
      padding: 7px 0px 0px 66px;
    }

    ul#fila-prvky li a:hover {
      text-decoration: underline;
    }

      ul#fila-prvky li a img {
        position: absolute;
        top: 0px;
        left: 0px;
      }

      ul#fila-prvky li a strong {
        display: block;
        color: #000000;
      }

    .patented, .patented2 {
      position: absolute;
      top: 7px;
      right: 10px;
      color: #151525;
      font-size: 0.8em;
      font-weight: bold;
    }

    .patented2 {
      top: 22px !important;
    }
    
/* slider */

#slider {
  display: block;
  position: relative;
  clear: both;
  width: 95%;
  height: 28px !important;
  line-height: 27px !important;
  color: #000000;
  font-size: 0.7em !important;
  text-align: right;
  padding: 0px 10px !important;
  margin-bottom: 10px;
  border: 1px solid #c6c6c6;
  background-color: #fff;
}

  #slider label {
    float: left;
    text-align: left;
    margin-right: 6px;
  }

  #slider input {
    float: left;
    margin: 5px 5px 0px 0px;
  }

  #slider input#slider_strana {
    width: 22px;
    height: 16px;
    line-height: 16px;
    color: #9B9B9B;
    font-size: 11px !important;
    text-align: center;
    border: 1px solid #929292;
  }

  #slider input#slider_go {
    margin-top: 5px;
  }
  
  #slider .separator {
    color: #929292;
  }

  #slider a.slider-next,
  #slider span.slider-next,
  #slider a.slider-previous,
  #slider span.slider-previous {
    color: #000000;
    padding-right: 10px;
    background: url('/img/bullet_next.png') right center no-repeat;
  }  

  #slider a.slider-previous,
  #slider span.slider-previous {
    padding-right: 0px;
    padding-left: 10px;
    background: url('/img/bullet_previous.png') left center no-repeat;
  }  

  #slider a.slider-next:hover,
  #slider a.slider-previous:hover {
    text-decoration: none;
  }

  #slider span.slider-next,
  #slider span.slider-previous {
    color: #929292 !important;
  }

  #slider span.slider-next {
    background-image: url('/img/bullet_next_gray.png') !important;
  }

  #slider span.slider-previous {
    background-image: url('/img/bullet_previous_gray.png') !important;
  }

#homepage-slideshow {
    position: relative;
}
#homepage-slideshow div {
    left: 0;
    position: absolute;
    top: 0;
}