/* $Id: stylesheets.css 469 2006-10-24 11:17:44Z juraj $ */

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

h5 {
    overflow: hidden;
}

html {
    background: black url('/img/bg_html_wide.png') 0 3px repeat-y;
}

body#faro-cz {
  font-family: 'Arial CE', 'Arial', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  color: #FFFFFF;
  background: transparent url('/img/bg_body.png') 2px 0 repeat-x;
  margin-top: -1px;
  border-top: 1px solid black;
}

.non-visible {
  position: absolute !important;
  left: -9000px !important; /* accessible for speech readers */
}

.cleaner {
    clear: both !important;
    display: block !important;
    float: none !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 20px 0;
}

h5 {
    font-size: 1em;
}

img {
  border: 0px;
}

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

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

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

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

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

.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;
  }

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

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

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

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

a {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none !important;
}

a.no-underline:hover {
  color: white !important;
}

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

div#page-container {
    background: transparent url('/img/bg_decoration.png') 74px -1px no-repeat;
    _background-position: 69px -4px;
    border-top: 1px solid black; /* FF bugfix */
    position: relative;
    margin: 0 auto;
    width: 780px;
}

div#page-content {
    border-top: 1px solid transparent; /* FF bugfix */
    _border-top: none;
    margin-left: 30px;
    min-height: 400px;
    _height: 400px;
    margin-bottom: 2em;
    width: 740px;
    clear: both;
    margin-top: 180px;
}

div.page_uvod,
div.page_eshop {
    margin-top: 320px !important;
}


div#tablo a {
    font-weight: bold;
    color: black;
}

div#tablo a:hover {
    color: #a90;
}

div#textpage {
    position: relative;
    width: 720px;
    min-height: 116px;
    _height: 316px;
}
div#textpage strong {
    margin-bottom: 10px;
}
div#textpage p {
    margin: 10px 0;
}

div#textpage ol,
div#textpage ul {
    margin: 5px 0 10px 0;
}
div#textpage ol {
    margin-left: 30px;
}
div#tablo {
    background: #c1c1cc url('/img/bg_container.png') top repeat-x;
    position: relative;
    width: 720px;
    min-height: 116px;
    _height: 316px;
    padding: 20px;
    color: black;
}

div#tablo .corner {
    position: absolute;
    height: 19px;
    width: 19px;
}

div#tablo .lt {
    left: 0;
    top: 0;
    background: url("/img/corner_lt.png");
}

div#tablo .rt {
    right: 0;
    top: 0;
    background: url("/img/corner_rt.png");
}

div#tablo .lb {
    left: 0;
    bottom: -1px;
    background: url("/img/corner_lb.png");
}

div#tablo .rb {
    right: 0;
    bottom: -1px;
    background: url("/img/corner_rb.png");
}

.indexpage div#page-content {
    width: 470px !important;
}

div#page-footer {
    clear: both;
    margin: 0 18px 0 30px;
}

.indexpage div#page-footer {
    margin: 0 16px 0 40px;
}

div#page-footer p {
    margin: 1em 0;
}

#quicksearch,
ul#languages-list,
ul#languages-list-en {
    position: absolute;
    left: 235px;
    width: 210px;
    height: 32px;
}

form#quicksearch {
    top: 60px;
    background: url('/img/searchbox.png') no-repeat;
}

#quicksearch #button { 
    position: absolute;
    top: 4px;
    right: 10px;
}

#quicksearch #query { 
    margin-top: 5px;
    margin-left: 8px;
    width: 130px;
    border: none;
    background: transparent;
    color: white;
}

ul#languages-list {
    top: 30px;
    background: url('/img/langs.png') no-repeat;
}

ul#languages-list-en {
    top: 30px;
    background: url('/img/langs_en.png') no-repeat;
}

.indexpage #quicksearch,
.indexpage ul#languages-list,
.indexpage ul#languages-list-en {
    left: 255px;
}

ul#languages-list li a,
ul#languages-list-en li a
 {
    display: block;
    cursor: pointer;
}

ul#languages-list li a span,
ul#languages-list-en li a span
 {
    display: none;
}

ul#languages-list li a,
ul#languages-list li,
ul#languages-list-en li a,
ul#languages-list-en li
{
    display: block;
    width: 28px;
    height: 30px;
}

ul#languages-list li,
ul#languages-list-en li {
    display: block;
    float: left;
    margin-left: 5px;
    list-style-type: none;
    /*
    background-color: yellow;
    opacity: 0.6;
    */
}

a#logo {
    position: absolute;
    top: 31px;
    left: 30px;
}

.indexpage a#logo {
    left: 44px;
}

img#europa_cup {
    position: absolute;
    top: 43px;
    left: 566px;
}

img.car {
    position: absolute;
    top: 124px;
}

img#car_big {
    left: 18px;
}

img#car_small {
    left: 607px;
}

/* menu */

ul#main-menu, ul#main-menu-en {
    position: absolute;
    top: 108px;
    left: 30px;
    height: 71px;
    z-index: 1000 !important;
}

ul#main-menu {
    width: 532px;
}

ul#main-menu-en {
    width: 600px;
}

ul#main-menu {
    background: url('/img/menu_subpage.png') left top no-repeat;
}

ul#main-menu-en {
    background: url('/img/menu_subpage_en.png') left top no-repeat;
}


.indexpage ul#main-menu, .indexpage ul#main-menu-en {
    left: 230px !important;
}

.indexpage ul#main-menu {
    background: url('/img/menu_homepage.png') left top no-repeat;
}

.indexpage ul#main-menu-en {
    background: url('/img/menu_homepage_en.png') left top no-repeat;
}

  ul#main-menu li, ul#main-menu-en li  {
      display: block;
      position: relative;
      float: left;
      height: 71px;
      list-style: none;

      /* IE hover hack */
      border: expression( this.onmouseover = new Function("this.className += ' hover';"),
                          this.onmouseout = new Function("this.className = this.className.replace(' hover', '');")); 
  }

    ul#main-menu li a, ul#main-menu-en li a {
        display: block;
        float: left;
        height: 67px;
    }

    a#m-faro {
        width: 56px;
    }

    a#m-o-autodraze {
        width: 89px;
    }

    a#m-technika {
        width: 73px;
    }

    a#m-editor-trati {
        width: 53px;
    }

    a#m-eshop {
        width: 59px;
    }

    a#m-cenik {
        width: 52px;
    }

    a#m-jak-a-kde-nakoupit {
        width: 75px;
    }

    a#m-diskuse {
        width: 72px;
    }

    a#m-faq {
        width: 52px;
    }

    a#m-fotogalerie {
        width: 72px;
    }

    /* sub menu */
    
    ul#main-menu li:hover ul,
    ul#main-menu li.hover ul,
    ul#main-menu-en li:hover ul,
    ul#main-menu-en li.hover ul {
        display: block !important;
    }

    ul#main-menu li ul, ul#main-menu-en li ul {
        display: none;
        position: absolute;                 
        top: 56px;
        _top: 59px;
        left: 11px;
        width: 171px;
        z-index: 1500;
    }
    
    ul#main-menu li.first ul, ul#main-menu-en li.first ul {
        left: 20px !important;
    }

      ul#main-menu li ul li, ul#main-menu-en li ul li {
          float: none !important;
          width: 171px !important;
          height: auto !important;
          background: url('/img/menu_sub_common_bg.png') left top no-repeat !important;
      }


      ul#main-menu li ul li.wide, ul#main-menu-en li ul li.wide {
          width: 250px !important;
          background: url('/img/menu_sub_common_bg_wide.gif') left top no-repeat !important;
      }
      ul#main-menu li ul li, ul#main-menu-en li ul li.widefirst,
      ul#main-menu li ul li, ul#main-menu-en li ul li.widelast
      {
          width: 250px !important;
      }


      ul#main-menu li ul li.first,
      .indexpage ul#main-menu ul li.first,
      ul#main-menu-en li ul li.first,
      .indexpage ul#main-menu-en ul li.first
      {
          padding-top: 13px !important;
          background: url('/img/menu_sub_first_bg.png') left top no-repeat !important;
      }
      
      ul#main-menu-en li ul li.widefirst
      {
          padding-top: 13px !important;
          background: url('/img/menu_sub_first_bg_wide.gif') left top no-repeat !important;
      }

      ul#main-menu li ul li.last,
      .indexpage ul#main-menu ul li.last,
      ul#main-menu-en li ul li.last,
      
      .indexpage ul#main-menu-en ul li.last
      {
          background: url('/img/menu_sub_last_bg.png') left bottom no-repeat !important;
      }
      
      ul#main-menu-en li ul li.widelast
      {
          background: url('/img/menu_sub_last_bg_wide.gif') left bottom no-repeat  !important;
      }

        ul#main-menu li ul li a,
        ul#main-menu li ul li.first a,
        ul#main-menu li.first ul li a,
        ul#main-menu li ul li.last a,
        ul#main-menu li.last ul li a,
        ul#main-menu-en li ul li a,
        ul#main-menu-en li ul li.first a,
        ul#main-menu-en li.first ul li a,
        ul#main-menu-en li ul li.last a,
        ul#main-menu-en li.last ul li a
        {
            float: none;
            width: 160px;
            height: auto !important;
            color: #030406;
            font-weight: bold;
            font-size: 11px;
            line-height: 26px !important;
            text-decoration: none;
            padding: 0px 0px 0px 11px !important;
        }
        
        ul#main-menu-en li ul li.wide a
        {
            width: 200px !important;
        }


        ul#main-menu li ul li a:hover,
        ul#main-menu-en li ul li a:hover,
        {
            color: #FFFFFF;
        }

hr {
    border: none;
    color: #46464e;
    background-color: #46464e;
    height: 1px;
}

a {
    font-weight: normal;
    color: white;
}

th,
h5,
a:hover,
#copyright,
strong {
    color: #ffc900;
}

#copyright {
    font-weight: bold;
}

#podmienky {
    float: right;
}

div#index_kategorie {
    top: 180px;
    left: 30px;
    position: absolute;
    height: 70px;
    width: 530px;
}

.indexpage div#index_kategorie {
    left: 262px !important;
}

.indexpage div#index_kategorie h4 {
    margin: 20px 0px;
}

div#index_kategorie li {
    list-style-type: none;
    float: left;
    height: 112px;
    margin-right: 3px;
}

div#faroblog,
div#aktuality {
    margin-top: 280px;
    _margin-left: 20px;
    float: left;
}
div#faroblog {
    margin-top: 0;
}
div#faroblog .item,
div#aktuality .item {
    border-top: 1px solid #46464e;
    padding: 0.6em 0 1.1em 0;
}
div#faroblog .item strong {
    font-weight: normal;
}
div#faroblog address,
div#kontakt address {
    border-top: 1px solid #46464e;
    padding-top: 0.6em;
}

div#faroblog p,
div#aktuality p {
    margin: 0.6em 0;
    line-height: 1.3em;
}

div#faroblog #stare_akce,
div#aktuality #stare_akce {
    padding-left: 18px;
    background: url('/img/doc.png') top left no-repeat;
    line-height: 14px;
    height: 14px;
    display: block;
}

div.sidemenu {
    width: 200px;
    font-size: 11px;
    margin-left: 40px;
    margin-bottom: 20px;
}

div.sidemenu h4 {
    margin: 10px 0;
}

div#why_faro {
    font-weight: bold;
    font-size: 12px;
}

div#why_faro a {
    font-weight: bold;
    margin-top: 1em;
    display: block;
    padding: 0 0.5em;
}

div#why_faro address a {
    font-weight: normal;
}

div#why_faro ul {
    border-top: 1px solid #46464e;
}

div#why_faro li {
    list-style-type: none;
    border-bottom: 1px solid #46464e;
    display: block;
    padding: 12px 0.5em 12px 40px;
    min-height: 19px;
    _height: 19px;
    position: relative;
}

div#why_faro li span {
    position: absolute;
    background: transparent url('/img/bg_li.png') no-repeat;
    width: 23px;
    height: 23px;
    text-align: center;
    top: 10px;
    left: 7px;
    color: black;
    font-size: 18px;
}

div#why_faro address a {
    padding: 0;
    margin: 0;
    display: inline;
}

div#why_faro address {
    font-weight: normal;
    font-style: normal;
    margin-bottom: 1em;
}

a#login_btn_3 {
    position: absolute;
    top: 195px;
    left: 690px;
}

a#login_btn_2 {
    position: absolute;
    top: 41px;
    left: 455px;
}

a#login_btn_1 {
    position: absolute;
    top: 195px;
    left: 620px;
}

a.back {
    display: block;
    clear: both;
    padding-top: 10px;
    width: 50px;
}

.from_webedit ul li {
    list-style: disc !important;
    margin-left: 20px;
    line-height: 1.5em;
}

.from_webedit strong {
    color: black !important;
}

div.from_webedit#textpage strong {
    color: #fff !important;
}

.from_webedit p {
    margin-bottom: 10px;
}
#mpm img {
    float: left;
    margin-right: 10px;
}
#newsletter input.submit {
    margin-left: 5px;
    position: relative;
    top: 8px;
}

div#cart img {
    margin-bottom: 5px;
}

div#cart h4 {
    font-size: 14px;
}

img#zavinac {
    float: none;
    margin: 0px;
    padding: 0px;
}