body,html
  {
  font-family: arial, verdana, sans-serif;
  margin: 0px 0px;
  padding: 0px 0px;
  text-align: center;
  background: url('../pic/pozadie2.png') repeat-y top center;
  _background: url('../pic/pozadie.png') repeat-y top center;
  }
/* v tomto je cely web */
#hlavny
  {
  position: relative;
  width: 780px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  min-height: 100%;
  height: 100%;
  background: #fff;
  }
body>#hlavny
  {
  height: 100%;
  }
  #hlavny hr
    {
    display: none;
    }
/* hlavicka */
h1
  {
  margin: 0;
  padding: 0;
  width: 780px;
  height: 75px;
  display: block;
  background: url('../pic/pozadie_hlava.png') repeat-x top left;
  }
  h1 a
    {
    text-decoration: underline;
    color: #000;
    }
  h1 a:hover
    {
    text-decoration: underline;
    color: #00f;
    }
  h1 span
    {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 1;
    width: 238px;
    height: 75px;
    background: url('../pic/sandisk_logo.png') no-repeat top left;
    cursor: pointer;
    cursor: hand;
    }
/* preskakovaci odkaz */
a#skok
  {
  position: absolute;
  color: #fff;
  top: 50px;
  left: 0px;
  z-index: 0;
  }
a#skok:hover
  {
/* klucove slovo - vyhladavanie */
  }
#hladaj
  {
  position: absolute;
  top: 20px;
  left: 590px;
  z-index: 2;
  }
  #hladaj span#slovo_hladaj
    {
    font-size: 0.8em;
    font-weight: bold;
    color: #EE1C2E;
    }
  #hladaj input
    {
    width: 130px;
    border: 1px solid #888;
    background: #ddd;
    }
  #hladaj a#ok
    {
    font-size: 0.8em;
    padding: 3px 10px 2px 10px;
    margin: 0;
    background: #888;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    }
  #hladaj a#ok:hover
    {
    font-size: 0.8em;
    padding: 3px 10px 2px 10px;
    margin: 0px 0px 2px 0px;
    background: #EE1C2E;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    }
/* navigacia */
#nav
  {
  width: 780px;
  height: 31px;
  _height: 35px;
  /*padding: 2px 0px 2px 50px;*/
  padding: 3px 0px 0px 0px;
  margin: 0;
  background: #EE1C2E url('../pic/pozadie_menu.png') repeat-x top left;
  text-align: center;
  }
  #nav ul
    {
    list-style-type: none;
    margin: 0px 0px 0px 28px;
    padding: 0;
    }
    #nav ul li
      {
      width: 120px;
      float: left;
      _background: url('../pic/delic.png') no-repeat bottom left;
      }
    #nav li+li
      {
      background: url('../pic/delic.png') no-repeat bottom left;
      }
    #nav li#poz
      {
      _background: none;
      }
    #nav li a
      {
      display: block;
      color: #fff;
      font-size: 75%;
      font-weight: 600;
      margin: 0px 0px 0px 0px;
      padding: 7px 14px 5px 14px;
      text-decoration: none;
      }
    #nav a:hover
      {
      display: block;
      color: #efefef;
      font-size: 75%;
      font-weight: 600;
      margin: 0px 0px 0px 0px;
      padding: 7px 14px 5px 14px;
      text-decoration: underline;
      }
/* aktuality */
#newsletter
  {
  width: 178px;
  _width: 176px;
  float: left;
  border-top: 8px solid #c2c2c2;
  margin: 8px 0px 8px 8px;
  _margin: 8px 0px 8px 4px;
  }
  #newsletter #nalavo
    {
    width: 176px;
    float: none;
    margin: 0;
    padding: 0;
    }
#nalavo
  {
  width: 176px;
  float: left;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin: 8px 0px 8px 8px;
  _margin: 8px 0px 8px 4px;
  background: #C2C2C2;
  line-height: 1.1em;
  }
  #nalavo input
    {
    width: 150px;
    border: 1px solid #888;
    background: #ddd;
    }
  #nalavo input[type="submit"]
    {
    background: #fff;
    margin: 2px 0px 0px 0px;
    width: 80px;
    }
  #nalavo div.poza
    {
    background: #DCDCDC url('../pic/pozadie_ank.png') repeat-x top left;
    }
  #nalavo h2
    {
    margin: 8px 0px 0px 0px;
    padding: 4px 0px 4px 4px;
    _width: 174px;
    color: #EE1C2E;
    background: #fff url('../pic/pozadie_h2.gif') no-repeat top right;
    font-size: 0.8em;
    }
  #newsletter #nalavo h2
    {
    margin: 0px 0px 4px 0px;
    padding: 4px 0px 4px 4px;
    _width: 174px;
    }
  #nalavo p
    {
    margin: 0px 4px 0px 4px;
    padding: 0;
    font-size: 0.8em;
    color: #666;
    }
    #nalavo p a
      {
      text-decoration: underline;
      color: #666;
      }
    #nalavo p a:hover
      {
      text-decoration: underline;
      color: #EE1C2E;
      }
  #nalavo span.datum
    {
    font-size: 0.7em;
    color: #555;
    text-align: right;
    margin: 0px 0px 2px 0px;
    width: 170;
    /*border-bottom: 1px solid black;*/
    display: block;
    }
  #nalavo h3
    {
    font-weight: bold;
    font-size: 0.8em;
    color: #444;
    margin: 0px 0px 2px 4px;
    }
  #nalavo img
    {
    border: 2px solid #999;
    width: 170px;
    }
    /* anketa */
  #nalavo h4
    {
    font-size: 0.8em;
    font-weight: bold;
    color: #EE1C2E;
    margin: 8px 8px 12px 8px;
    }
  #nalavo p#anketa
    {
    font-weight: bold;
    line-height: 2.3em;
    color: #444;
    }
    #nalavo p#anketa a
      {
      font-weight: bold;
      color: #444;
      display: block;
      float: left;
      width: 40px;
      margin: 0px 8px 0px 8px;
      }
    #nalavo p#anketa a:hover
      {
      font-weight: bold;
      color: #EE1C2E;
      display: block;
      float: left;
      width: 40px;
      margin: 0px 8px 0px 8px;
      }
    #nalavo span.hlas
      {
      width: 1px;
      height: 6px;
      _height: 6px;
      line-height: 6px;
      background: #6C6C6C;
      display: block;
      float: left;
      margin: 12px 0px 0px 0px;
      _margin: 12px 0px 0px 0px;
      }
    /* produkty strana */
    #nalavo div.poza_produkty
      {
      background: url('../pic/pozadie_produkty.png') repeat-x top left;
      /*border-bottom: 2px solid #ddd;*/
      }
      #nalavo div.poza_produkty a
        {
        text-decoration: none;
        color: #666;
        }
      #nalavo div.poza_produkty a:hover
        {
        text-decoration: none;
        color: #EE1C2E;
        }
    #nalavo span.nadpis
      {
      display: block;
      font-size: 0.8em;
      font-weight: bold;
      color: #666;
      background: #fff url('../pic/pozadie_nadpis.png') no-repeat top left;
      margin: 4px 0px 4px 0px;
      padding: 4px 2px 4px 20px;
      text-decoration: underline;
      }
      #nalavo span.podkat
        {
        position: relative;
        left: 24px;
        padding: 0;
        text-decoration: underline;
        }
/* obsah */
#obsah
  {
  width: 575px;
  margin: 8px 0px 0px 196px;
  _margin: 8px 0px 0px 194px;
  line-height: 1.3em;
  }
  #obsah a
    {
    text-decoration: underline;
    color: #222;
    }
  #obsah a:hover
    {
    text-decoration: underline;
    color: #EE1C2E;
    }
  #obsah span#obrazok_uvod
    {
    width: 575px;
    height: 252px;
    display: block;
    background: url('../pic/foto_stred.png');
    cursor: pointer;
    cursor: hand;
    }
  #obsah div.poza2
    {
    width: 185px;
    _width: 184px;
    float: left;
    margin: 8px 0px 8px 0px;
    _margin: 8px 6px 8px 0px;
    background: #D5D5D5 url('../pic/pozadie_ank2.png') repeat-x top left;
    line-height: 1em;
    }
    #obsah div.poza2+div.poza2
      {
      margin-left: 9px;
      }
  #obsah h3
    {
    margin: 4px 4px 4px 4px;
    padding: 4px 0px 4px 4px;
    color: #EE1C2E;
    background: #fff url('../pic/pozadie_h2.gif') no-repeat top right;
    font-size: 0.8em;
    border: 1px solid #bbb;
    line-height: 1.3em;
    }
  #obsah p
    {
    font-size: 0.8em;
    margin: 0px 8px 8px 8px;
    padding: 0;
    color: #222;
    }
  #obsah img.uvod
    {
    background: #AFAFAF;
    margin: 0px 2px 2px 5px;
    }
  #obsah h5
    {
    font-size: 1em;
    font-weight: bold;
    color: #EE1C2E;
    background: #eee;
    margin: 0px 0px 12px 0px;
    padding: 4px 0px 4px 10px;
    }
/* obsah produkty */
#obsah_produkty
  {
  width: 575px;
  margin: 8px 0px 0px 196px;
  _margin: 8px 0px 0px 194px;
  }
  #obsah_produkty a
    {
    text-decoration: underline;
    color: #222;
    }
  #obsah_produkty a:hover
    {
    text-decoration: underline;
    color: #EE1C2E;
    }
  #obsah_produkty h5
    {
    font-size: 0.7em;
    font-weight: normal;
    color: #EE1C2E;
    background: #eee;
    margin: 0;
    padding: 4px 0px 4px 10px;
    }
    #obsah_produkty h5 a
      {
      color: #EE1C2E;
      }
    #obsah_produkty h5 a:hover
      {
      color: #000;
      }
  #obsah_produkty table
    {
    width: 575px;
    background: #eee;
    font-size: 0.8em;
    margin: 8px 0px 0px 0px;
    color: #666;
    padding: 10px;
    }
    #obsah_produkty table td
      {
      padding: 0px 0px 0px 5px;
      width: 50%;
      }
    #obsah_produkty table span
      {
      text-align: left;
      color: #EE1C2E;
      font-weight: bold;
      }
    #obsah_produkty table a
      {
      color: #666;
      }
    #obsah_produkty table a:hover
      {
      color: #EE1C2E;
      }
  #obsah_produkty p.poznamka
    {
    font-size: 0.8em;
    color: #333;
    border-top: 1px solid #000;
    margin: 8px 0px 0px 0px;
    }
  #obsah_produkty p
    {
    font-size: 0.8em;
    color: #666;
    /*width: 28em;*/
    margin: 8px 10px 0px 10px;
    }
  #obsah_produkty>p /* IE toto nevie */
    {
    width: 28em;
    margin: 12px 10px 0px 10px;
    }
  #obsah_produkty h6
    {
    font-size: .8em;
    font-weight: bold;
    color: #EE1C2E;
    margin: 8px 0px 0px 8px;
    padding: 0;
    }
  #obsah_produkty h6.pod_h6
    {
    color: #666;
    margin: 8px 0px 0px 8px;
    padding: 0;
    }
  #obsah_produkty table.produkt_tab
    {
    width: 380px;
    font-size: 0.8em;
    border: 1px solid #fff;
    border-collapse: collapse;
    background: none;
    color: #333;
    }
    #obsah_produkty table.produkt_tab th
      {
      text-align: left;
      color: #fff;
      background: #D45E5E;
      }
    #obsah_produkty table.produkt_tab td
      {
      background: #F6C5C5;
      }
    #obsah_produkty table.produkt_tab td,th
      {
      border: 1px solid #fff;
      padding: 4px;
      width: 123px;
      }
    #obsah_produkty table.produkt_tab a
      {
      color: #444;
      }
    #obsah_produkty table.produkt_tab a:hover
      {
      color: #EE1C2E;
      }
    #obsah_produkty .vpravo
      {
      float: right;
      width: 190px;
      margin: 12px 0px 0px 0px;
      padding: 0;
      }
      #obsah_produkty .vpravo p,img
        {
        padding: 0;
        margin: 0;
        }
        #obsah_produkty .vpravo a img
          {
          border: 0;
          }
        #obsah_produkty .vpravo a:hover img
          {
          border: 0;
          }
      #obsah_produkty .vpravo p
        {
        font-size: 0.8em;
        color: #666;
        background: #efefef;
        padding: 6px;
        line-height: 2em;
        }
      #obsah_produkty .vpravo a
        {
        margin: 0px 0px 8px 0px;
        }
      #obsah_produkty .vpravo a:hover
        {
        margin: 0px 0px 8px 0px;
        }
      #obsah_produkty .vpravo h5
        {
        border-bottom: 2px solid #999;
        font-size: 0.8em;
        background: #efefef;
        font-weight: bold;
        color: #EE1C2E;
        margin: 6px 0px 0px 0px;
        padding: 4px;
        }
      #obsah_produkty .vpravo span.red_font
        {
        color: #EE1C2E;
        }
/* kontakty */
#nalavo .kontakty
  {
  /*background: #fff;
  color: #000;
  margin: 4px 0px 0px 0px;*/
  background: url('../pic/pozadie_produkty.png') repeat-x top left;
  border-bottom: 2px solid #ddd;
  }
  .kontakty p
    {
    border-top: 1px solid #000;
    margin: 0px 0px 8px 0px;
    }
#nalavo fieldset
    {
    width: 150px;
    _width: 155px;
    border: 1px solid #ddd;
    font-size: 0.8em;
    padding: 4px;
    margin: 0px 0px 0px 8px;
    _margin: 0px 0px 0px 10px;
    border: 0px;
    }
    #nalavo fieldset legend
      {
      border: 1px solid #ddd;
      padding: 3px;
      font-weight: bold;
      }
    #nalavo fieldset input,textarea
      {
      border: 1px solid #777;
      margin: 1px 0px 0px 8px;
      width: 130px;
      font-family: arial, verdana, sans-serif;
      }
    #nalavo fieldset input[type="submit"]
      {
      margin: 2px 0px 0px 8px;
      }
    #nalavo fieldset textarea
      {
      height: 100px;
      }
#nalavo fieldset select
  {
  width: 130px;
  border: 1px solid #777;
  margin: 0px 0px 0px 8px;
  }
fieldset#formul
    {
    border: 1px solid #ddd;
    font-size: 0.8em;
    padding: 4px;
    margin: 0px 0px 8px 0px;
    clear: both;
    }
    fieldset#formul legend
      {
      border: 1px solid #ddd;
      padding: 3px;
      font-weight: bold;
      }
    fieldset#formul input,textarea
      {
      border: 1px solid #777;
      margin: 1px 0px 0px 8px;
      }
    fieldset#formul textarea
      {
      width: 400px;
      height: 100px;
      }
    fieldset#formul img
      {
      margin: 6px;
      }
#obsah #kont_udaje
  {
  width: 280px;
  float: left;
  }
#obsah #kont_zamestnanci
  {
  width: 280px;
  margin: 0px 0px 0px 290px;
  }
#obsah #kont_zamestnanci img
  {
  width: 100px;
  float: right;
  margin: 0px 0px 2px 2px;
  padding: 0;
  }
/* aktuality */
#obsah img.nove
    {
    background: #AFAFAF;
    margin: 2px 2px 2px 2px;
    float: left;
    }
/* o firme */
#nalavo div.o_firme
  {
  background: url('../pic/pozadie_produkty.png') repeat-x top left;
  border-bottom: 2px solid #ddd;
  }
  #nalavo div.o_firme p
    {
    margin: 0px 0px 0px 0px;
    padding: 4px;
    }
  #nalavo div.o_firme li a
    {
    color: #777;
    text-decoration: underline;
    }
  #nalavo div.o_firme li a:hover
    {
    color: #EE1C2E;
    text-decoration: none;
    }
  #nalavo div.o_firme ul
    {
    font-size: 0.8em;
    margin: 0px 0px 0px 14px;
    _margin: 0px 0px 0px 16px;
    padding: 0;
    list-style-type: square;
    }
/* prodejci */
#nalavo div.prodejci
  {
  background: url('../pic/pozadie_produkty.png') repeat-x top left;
  border-bottom: 2px solid #ddd;
  }
#obsah img.klikacia_mapa
  {
  border: 0px;
  margin: 4px 0px 0px 24px;
  }
  #obsah ul
    {
    /*width: 160px;*/
    list-style-type: none;
    font-size: 0.8em;
    padding: 2px;
    margin: 0;
    }
  #obsah ul#praha, ul#kralove
    {
    width: 33%;
    float: left;
    list-style-type: none;
    padding: 2px;
    margin: 0;
    }
    #obsah ul li
      {
      }
      #obsah li a
        {
        }
      #obsah li a:hover
        {
        }
  #obsah table.prodejci
    {
    font-size: 0.8em;
    border: 1px solid #fff;
    width: 100%;
    border-collapse: collapse;
    clear: both;
    }
    table.prodejci th
      {
      text-align: left;
      color: #fff;
      background: #D45E5E;
      }
    table.prodejci td
      {
      background: #F6C5C5;
      }
    table.prodejci td,th
      {
      width: 50%;
      border: 1px solid #fff;
      padding: 4px;
      }
    table.prodejci td a
      {
      color: #EE1C2E;
      font-weight: bold;
      text-decpration: underline;
      }
    table.prodejci td a:hover
      {
      color: #444;
      font-weight: bold;
      text-decpration: underline;
      }
  #obsah span.kraj
    {
    width: 100%;
    clear: both;
    font-size: 1em;
    font-weight: bold;
    color: #444;
    border-top: 1px solid #EE1C2E;
    }
/* prihlaseni */
#nalavo div.prihlaseni
  {
  background: url('../pic/pozadie_produkty.png') repeat-x top left;
  border-bottom: 2px solid #ddd;
  padding: 4px;
  }
  /*#nalavo div.prihlaseni input
    {
    width: 150px;
    }*/
  #nalavo div.prihlaseni p
    {
    margin: 2px 0px 0px 6px;
    }
#obsah input
  {
  width: 150px;
  }
/* paticka */
#paticka
  {
  color: #666;
  position: relative;
  width: 780px;
  font-size: 0.7em;
  clear: both;
  height: 30px;
  padding: 0;
  margin: 0;
  background: #fff url('../pic/pozadie_hlavny.png') repeat-x top left;
  }
  #paticka p
    {
    width: 780px;
    margin: 10px 0px 0px 0px;
    padding: 15px 0px 0px 5px;
    _padding: 5px 0px 0px 5px;
    }
  #paticka span#web_by
    {
    margin: 0px 0px 0px 438px;
    }
  #paticka a
    {
    color: #666;
    text-decoration: underline;
    }
  #paticka a:hover
    {
    color: #EE1C2E;
    text-decoration: underline;
    }
/* newsletter */
.news
  {
  background: #fff; /*url('../pic/pozadie_produkty.png') repeat-x top left;*/
  margin: 30px 0px 0px 0px;
  padding: 10px 0px 10px 8px;
  border: 1px solid #c2c2c2;
  }
  .news input
    {
    width: 150px;
    border: 1px solid #888;
    background: #ddd;
    margin: 0;
    }
  .news input[type="submit"]
    {
    background: #fff;
    margin: 2px 0px 0px 0px;
    width: 80px;
    }
  .news h3
    {
    font-weight: bold;
    font-size: 0.8em;
    color: #444;
    margin: 0px 0px 2px 4px;
    padding: 0;
    }
  .news p
    {
    margin: 0px 4px 0px 4px;
    padding: 0;
    color: #666;
    }
/* faq */
#obsah_produkty p.otazka
  {
  color: #EE1C2E;
  }
#obsah_produkty p.odpoved
  {
  color: #555;
  border-bottom: 1px solid #c2c2c2;
  }
#obsah_produkty textarea
  {
  width: 340px;
  height: 100px;
  }
/* mapa stranok */
#obsah_mapa
  {
  width: 100%;
  margin: 0;
  color: #555;
  }
  #obsah_mapa h5
    {
    width: 750px;
    font-size: 1em;
    font-weight: bold;
    color: #EE1C2E;
    background: #eee;
    margin: 8px 0px 12px 8px;
    padding: 4px 0px 4px 8px;
    }
  #obsah_mapa ul
    {
    list-style-type: square;
    font-size: 0.9em;
    font-weight: bold;
    color: #EE1C2E;
    }
    #obsah_mapa ul li ul
      {
      font-weight: normal;
      }
    #obsah_mapa li a
      {
      text-decoration: underline;
      color: #555;
      }
    #obsah_mapa li a:hover
      {
      text-decoration: none;
      color: #EE1C2E;
      }