body {text-align: center; 
      font-family: "Trebuchet MS", "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif; 
      background: #fff url("../graf/background.gif") repeat; 
      color: #000; 
      margin: 0; 
      padding: 0;
      font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}

#mother {display: block; 
         width: 990px; 
         clear: both; 
         text-align: left; 
         position: relative; 
         margin: 0px auto; 
         padding: 0; 
         background: #fff; 
         border: 1px solid #fff;}

/*hlavička stránky - blok HEADER*/
#header {display: block; 
         clear: both; 
         color: #666; 
         line-height: 1.5; 
         text-align: left;  
         font-size: 11px; 
         background: #fff url("../graf/header_bgr.png") no-repeat; 
         padding: 1px 0 0 12px; margin: 0;
         width: 990px; height: 170px; voice-family: "\"}\""; voice-family: inherit; width: 978px; height: 169px;}
#header h1 {display: block; clear: both; 
            position: absolute; left: 515px; top: 28px; 
            color: #ccc; line-height: 1.2; text-align: left; margin: 0; 
            background: none; font-size: 9px; font-weight: bold; padding: 0;}
#head_logo a {display: block; clear: both; 
              position: absolute; left: 160px; top: 50px; border: 0px solid #d00;  
              margin: 0; 
              width: 260px; height: 90px; voice-family: "\"}\""; voice-family: inherit; width: 260px; height: 90px;}
#head_www a {display: block; clear: both; 
              position: absolute; left: 10px; top: 0px; border: 0px solid #aaa;  
              margin: 0; 
              width: 30px; height: 160px; voice-family: "\"}\""; voice-family: inherit; width: 30px; height: 160px;}
#head_zakaznik {display: block; position: absolute; left: 558px; top: 6px; 
                margin: 0; padding: 0; border: 0px solid #000;
                font-size: 10px; 
                text-align: left; color: #888; width: 190px; height: 20px;  
                voice-family: "\"}\""; voice-family: inherit; width: 190px; height: 20px;}
#head_kosik {display: block; position: absolute; right: 5px; top: 6px; 
             margin: 0; padding: 0; border: 0px solid #000; 
             font-size: 10px; 
             text-align: left; color: #888; width: 130px; height: 30px; 
             voice-family: "\"}\""; voice-family: inherit; width: 130px; height: 30px;}
#head_kosik .cena span {color: #000; font-weight: bold;}
#head_menu {display: block; position: absolute; left: 510px; top: 51px;   
            margin: 0; padding: 0px; border: 0px solid #0f0;
            width: 45px; height: 90px; voice-family: "\"}\""; voice-family: inherit; width: 475px; height: 90px;}
#head_menu a {display: block; float: left; padding: 65px 5px 0px 5px; 
              font-size: 10px; line-height: 1.2;
              border-left: 0px solid #aaa;
              color: #eee; text-decoration: none; font-weight: bold; text-align: center;
              height: 90px; width: 79px; voice-family: "\"}\""; voice-family: inherit; height: 25px; width: 69px;}
#head_menu a.tonery {background: #999 url("../graf/headmenu-tonery.gif") no-repeat; border-right: 1px solid #ccc;} 
#head_menu a.tonery:hover {background-color: #000;} 
#head_menu a.kancelar {background: #999 url("../graf/headmenu-kancelar.gif") no-repeat; border-right: 1px solid #ccc;} 
#head_menu a.kancelar:hover {background-color: #000;} 
#head_menu a.sport {background: #999 url("../graf/headmenu-sport.gif") no-repeat; border-right: 1px solid #ccc;} 
#head_menu a.sport:hover {background-color: #000;} 
#head_menu a.baterie {background: #999 url("../graf/headmenu-baterie.gif") no-repeat; border-right: 1px solid #ccc;} 
#head_menu a.baterie:hover {background-color: #000;} 
#head_navigace {display: block; position: absolute; left: 45px; top: 145px;   
                margin: 0; padding: 2px 10px;
                width: 940px; height: 20px; voice-family: "\"}\""; voice-family: inherit; width: 920px; height: 16px;}
#head_navigace a {color: #666; text-decoration: underline;}
#head_navigace a:hover {color: #000; text-decoration: underline;}

/* obsahová část */
#content {display: block; clear: both; text-align: left;
          padding: 0; margin: 0; float:left;
          background: #fff url('../graf/content_bgr.gif') repeat-y;
          width: 990px; voice-family: "\"}\""; voice-family: inherit; width: 990px;}
 
/* levy sloupec COLUMN_LEFT */
#column_left  {display: block; position: relative; float: left; 
               margin: 0; padding: 0 0 10px 0; 
               width: 230px; voice-family: "\"}\""; voice-family: inherit; width: 230px;}
#column_left .titulek {color: #666; text-decoration: none; font-weight: bold; 
                       background: url("../graf/column-titulek.gif") no-repeat; 
                       font-size: 10px;
                       margin-top: 5px; padding: 4px 5px 1px 22px; 
                       width: 230px; height: 20px;
                       voice-family: "\"}\""; voice-family: inherit; width: 203px; height: 15px;}
#column_left .menu-item a {display: block;
                           border-left: 10px solid #000;
                           background-color: #ccc;
                           padding: 2px 3px; margin-bottom: 1px;
                           color: #000;
                           text-decoration: none;}
#column_left .menu-item a:hover {border-left: 10px solid #f00;}

/* pravy sloupec COLUMN_RIGHT */
#column_right {display: block; position: relative; float: right;
               margin: 0; padding: 0 0 10px 0;
               width: 180px; voice-family: "\"}\""; voice-family: inherit; width: 180px;}
#column_right_navigace {display: block; position: relative;   
                        background: #f00 url("../graf/column-right-navigace_bgr.gif") repeat-x;
                        margin: 0; padding: 0px; border: 0px solid #0f0;
                        width: 180px; height: 80px; voice-family: "\"}\""; voice-family: inherit; width: 180px; height: 80px;}
#column_right_navigace a {display: block; float: left; 
                          margin-bottom: 5px; padding: 58px 0px 0px 0px; 
                          font-size: 10px; line-height: 1.2;
                          border-left: 0px solid #aaa;
                          color: #eee; text-decoration: none; font-weight: bold; text-align: center;
                          height: 76px; width: 59px; voice-family: "\"}\""; voice-family: inherit; height: 18px; width: 59px;}
#column_right_navigace a:hover {text-decoration: underline;} 
#column_right_navigace a.login {background: url("../graf/column-right-navigace_login.gif") no-repeat; border-right: 1px solid #333;} 
#column_right_navigace a.kosik {background: url("../graf/column-right-navigace_kosik.gif") no-repeat; border-right: 1px solid #333;} 
#column_right_navigace a.pokladna {background: url("../graf/column-right-navigace_pokladna.gif") no-repeat; border-right: 0px solid #ccc;} 
#column_right .titulek {color: #666; text-decoration: none; font-weight: bold; 
                        background: url("../graf/column-titulek.gif") no-repeat; 
                        font-size: 10px;
                        margin-top: 5px; padding: 4px 5px 1px 22px; 
                        width: 180px; height: 20px;
                        voice-family: "\"}\""; voice-family: inherit; width: 153px; height: 15px;}
#column_right .search {display: block; margin: 0; padding: 3px 2px 0 2px; 
                       background-color: #ccc; font-size: 10px;}
#column_right .search_pole {float: left; margin:0;
                            background: #fff url("../graf/search-pole.gif") repeat-x; 
                            font-family: "Trebuchet MS", "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
                            font-size: 10px; 
                            border: 2px solid #666;
                            height: 16px; width: 125px;}
#column_right p {display: block; margin: 0; padding: 2px; 
                 background-color: #ccc; font-size: 10px;}
#column_right .kontakt {display: block; margin: 0; padding: 3px; 
                        background-color: #ccc; font-size: 10px;}
#column_right .kontakt a {color: #000;}
#column_right .kontakt table {width: 100%; color: #000;}
#column_right .kontakt th {font-weight: normal; background-color: #eee; padding: 0 3px; width: 35px; color: #666;}
#column_right .kontakt td {font-weight: bold; background: #eee url("../graf/search-pole.gif") repeat-x; padding: 1px 3px;}
#column_right .ikony {display: block; margin: 0; padding: 3px; 
                      background-color: #ccc; font-size: 10px;}
#column_right .ikony img {float: left;}
#column_right .menu-item a {display: block;
                            border-left: 10px solid #000;
                            background-color: #ccc;
                            padding: 2px 3px; margin-bottom: 1px;
                            color: #000;
                            text-decoration: none;}
#column_right .menu-item a:hover {border-left: 10px solid #f00;}

/*zápatí stránky FOOTER*/
#footer {display: block; clear: both; text-align: left; 
         color: #888; 
         background: url("../graf/footer_bgr.png") no-repeat; 
         font-size: 11px; font-weight: normal; line-height: 1.1; 
         padding: 5px 0 0 230px; margin: 0; 
         height: 208px; width: 990px; voice-family: "\"}\""; voice-family: inherit; width: 760px; height: 203px;}
#footer a       {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
.footer-blok {display: block; position: relative; float: left; text-align: left; 
              color: #888; 
              padding: 5px 3px 0 10px; margin: 10px 0 0 0; border-left: 1px dotted #bbb;
              height: 189px; width: 200px; voice-family: "\"}\""; voice-family: inherit; width: 176px; height: 130px;}
.footer-blok h3 {color: #f00; font-size: 14px; font-weight: normal; 
                 margin: 0 0 10px 0; padding: 0; font-family: "Trebuchet MS", "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;}
.footer-blok h3 a       {text-decoration: none; color: #f00;}
.footer-blok h3 a:hover {text-decoration: underline; color: #f00;}
.footer-blok ul a       {text-decoration: none; color: #666;}
#copyright {display: block; position: absolute; bottom: 60px; left: 10px;
            text-align: left; color: #fff;
            font-size: 10px; font-weight: normal; line-height: 1.1; 
            padding: 0; margin: 0; 
            height: 20px; width: 500px; voice-family: "\"}\""; voice-family: inherit; width: 500px; height: 20px;}
#copyright a {color: #fff; text-decoration: none;}
#copyright a:hover {color: #fff; text-decoration: underline;}
#bglogo a {display: block; position: absolute; right: 5px; bottom: 60px; 
           border: 0px solid #ccc;
           margin: 0; text-decoration: none;
           height: 25px; width: 100px; voice-family: "\"}\""; voice-family: inherit; width: 100px; height: 25px;}
#yokosoft a {display: block; position: absolute; right: 115px; bottom: 60px; 
             border: 0px solid #ccc;
             margin: 0; text-decoration: none;
             height: 25px; width: 100px; voice-family: "\"}\""; voice-family: inherit; width: 60px; height: 25px;}

/*zápatí stránky - zpětné odkazy FOOTER-LINKS*/
#footer-links {display: block; clear: both; text-align: left; 
               border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; 
               color: #888; 
               background-color: #ccc; 
               font-size: 10px; font-weight: normal; line-height: 1.1; 
               padding: 5px; margin: 0;
               height: 50px; width: 990px; voice-family: "\"}\""; voice-family: inherit; width: 980px; height: 40px;}
#footer-links a {color: #666; text-decoration: none;}
#footer-links a:hover {color: #000; text-decoration: underline;}



.proc-istore {display: block; float: left; position: relative; 
              margin-right: 10px; color: #666; 
              background: #fff url('../graf/proc-istore.gif') no-repeat; 
              border-right: 5px solid #eee; padding: 10px;}

/* nadpisy */
h1 {color: #000; font-size: 22px; font-weight: bold; 
    margin: 0 0 5px 0; padding: 20px 0 0 25px; min-height: 40px;
    font-family: "Trebuchet MS", "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
    background: url('../graf/h1.gif') 0 10px no-repeat;}
h1 a       {text-decoration: none; color: #f00;}
h1 a:hover {text-decoration: underline; color: #f00;}
h2 {font-size: 13px; 
    margin: 0 0 7px 0; padding: 10px 0 0 23px; 
    background: url('../graf/h2_back.gif') 0 10px no-repeat; 
    height: 18px; color: #000; font-weight: bold;}
h2 a       {text-decoration: none; color: #f00;}
h2 a:hover {text-decoration: underline; color: #f00;}
h3 {color: #f00; font-size: 12px; 
    font-weight: bold; 
    margin: 10px 0 0 0; padding: 0; font-family: "Trebuchet MS", "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;}
h3 a       {text-decoration: none; color: #f00;}
h3 a:hover {text-decoration: underline; color: #f00;}

/* odstavec*/
p {margin: 3px 0 0 0; line-height: 1.2;}


/* KANCELÁŘSKÁ TECHNIKA - produkty */
.produkt_pala {margin: 5px 0; float: left; background: #fff url('../graf/proc-istore.gif') no-repeat; border-bottom: 1px solid #ccc;
               padding: 0 5px 10px 5px; width: 550px; voice-family: "\"}\""; voice-family: inherit; width: 540px;}
.produkt_pala h3 {font-size: 14px; margin-top: 2px;}
.produkt_pala img {float: left; margin: 5px 5px 5px 0; 
                   background: #fff;
                   width: 119px;
                   border: 1px solid #ccc;
                   padding: 3px;}
.produkt_pala table th {font-weight: normal; width: 75px; background: #ddd; text-align: right; padding: 2px 5px;}
.produkt_pala td {padding: 2px 5px;}
.produkt_pala .input_ks {display: block; width: 10px; text-align: center; float: left; padding: 2px 5px;}
.produkt_pala .dokosiku {display: block; clear: none; float: right; border: 0px solid #999; font-size: 11px; font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, sans-serif;}
.produkt_pala .dokosiku hover {border: 1px solid #999; font-size: 11px; font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, sans-serif;}
.produkt_popis {margin: 2px 0; line-height: 1.2; font-size: 10px;}
.produkt_vice {margin: 2px 0; line-height: 1.2; text-align: right; font-size: 10px;}
.produkt_pala_detail {display: block; clear: both; margin: 5px 0; background: #fff url('../graf/proc-istore.gif') no-repeat; border-bottom: 1px solid #ccc;
               padding: 0 5px 10px 5px; width: 550px; voice-family: "\"}\""; voice-family: inherit; width: 540px;}
.produkt_pala_detail .obr {float: left; margin: 5px 5px 5px 0; 
                           background: #fff; border: 1px solid #ccc;
                           padding: 5px; text-align: center;
                           width: 210px; voice-family: "\"}\""; voice-family: inherit; width: 200px;}
.produkt_pala_detail img {width: 190px;}
.produkt_pala_detail a.nw {padding-right: 12px; background: transparent url('../graf/nw.gif') no-repeat right;}
.produkt_pala_detail table th {font-weight: normal; width: 75px; background: #ddd; text-align: right; padding: 2px 5px;}
.produkt_pala_detail td {padding: 2px 5px;}
.produkt_pala_detail .input_ks {display: block; width: 10px; text-align: center; float: left; padding: 2px 5px;}
.produkt_pala_detail .dokosiku {display: block; clear: none; float: right; border: 0px solid #999; font-size: 11px; font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, sans-serif;}
.produkt_pala_detail .dokosiku hover {border: 1px solid #999; font-size: 11px; font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, sans-serif;}
.produkt_pala_detail p, .popis {margin: 5px 0; line-height: 1.2; font-size: 11px;}


/* KANCELÁŘSKÁ TECHNIKA - kategorie*/
.kategorie_pala {margin: 5px 4px 5px 0; float: left; background: #fff url('../graf/proc-istore.gif') no-repeat; 
                 border: 0px solid #ccc;
                 text-align: center;
                 padding: 0 5px; width: 135px; height: 120px; voice-family: "\"}\""; voice-family: inherit; width: 125px; height: 120px;}
.kategorie_pala img {margin: 5px; padding: 3px;
                     background-color: #fff;
                     border: 1px solid #ddd;
                     height: 60px;}

/* BATERIE */
.kat_bat {width: 100%; margin-bottom: 15px;}
.kat_bat td {font-size: 10px; padding: 5px 0; vertical-align: top; width: 16%; background: #fff url('../graf/proc-istore.gif') no-repeat;}
.kat_bat h2 {display: block; background: none; float: none; font-size: 11px; margin: 0 0 0 10px; padding: 0;
             color: #000; font-weight: normal; line-height: 1.1; height: 70px;} 
.kat_bat h2 span {font-size: 12px; font-weight: bold;} 
.kat_bat h2 a       {text-decoration: none; color: #666;}
.kat_bat h2 a:hover {text-decoration: underline; color: #000;}
.kat_bat img {float: left; width: 80px; height: 60px; margin: 0 0 5px 5px; padding: 2px; border: 1px solid #ddd; background: #fff;} 

.sloupec4 {margin: 0; padding: 0; margin: 0 0 15px 0; width: 100%;}
.sloupec4 a {text-decoration: none;}
.sloupec4 td {vertical-align: top; padding: 10px 0 0 0; margin: 0; width: 25%; font-size: 10px;}

/* základní syly */
a       {text-decoration: underline; color: #f00;}
a:hover {text-decoration: underline; color: #000;}

img {border: 0;}

.red {color: #f00;}
.zel {color: #390;}
.okr {color: #f90;}

ul {list-style: url("../graf/li.gif") outside; margin: 0 0 15px 10px; padding: 0 0 0 20px;}
ul li {padding: 0 0 0 4px; line-height: 1.6;}

input {border: 1px solid #999; font-size: 11px; font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, sans-serif;}
select {border: 1px solid #999; font-size: 11px; font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, sans-serif;}

/* HOME */
.rozcestnik {display: block; clear: both;
             margin: 10px 0; 
             background: #fff url('../graf/rozcestnik-home.png') no-repeat; 
             border: 0px solid #ccc;
             font-size: 16px;
             width: 540px; height: 400px;}
.rozcestnik a {color: #666; text-decoration: none;}
.rozcestnik a:hover {color: #000;}
.rozcestnik .tonery {display: block; position: relative; left: 10px; top: 10px;
             border: 0px solid #ccc;
             text-align: left;
             width: 375px; height: 110px; padding: 0 240px 0 0;
             voice-family: "\"}\""; voice-family: inherit; width: 135px;}
.rozcestnik .kancelar {display: block; position: relative; left: 10px; top: -230px;
             border: 0px solid #ccc;
             text-align: left;
             width: 150px; height: 270px; padding: 150px 0 0 0;
             voice-family: "\"}\""; voice-family: inherit; height: 120px;}
.rozcestnik .sport {display: block; position: relative; left: 390px; top: -100px;
             border: 0px solid #ccc;
             text-align: right;
             width: 140px; height: 240px; padding: 0;
             voice-family: "\"}\""; voice-family: inherit; width: 140px;}
.rozcestnik .baterie {display: block; position: relative; left: 170px; top: -390px;
             border: 0px solid #ccc;
             text-align: right;
             width: 360px; height: 130px; padding: 20px 0 0 160px;
             voice-family: "\"}\""; voice-family: inherit; width: 200px; height: 110px;}


  .rcol_box {display: block; position: relative; border-bottom: 3px solid #f00; 
             font-size: 12px; line-height: 1.3;
             padding: 5px; width: 190px;
             voice-family: "\"}\""; voice-family: inherit; width: 180px;}
  .rcol_box span {color: #f00; font-size: 9px;}
  .rcol_box p {margin: 2px 0 0 0; line-height: 1.2;}
  .rcol_box table {margin: 0; padding: 0; width: 100%; font-size: 12px;}




#h_login {display: block; position: absolute; top: 15px; left: 320px; width: 50px; height: 50px; margin: 0; padding: 0; background: url('../graf/login.gif') no-repeat;}
#h_kosik {display: block; position: absolute; top: 15px; left: 400px; width: 50px; height: 50px; margin: 0; padding: 0; background: url('../graf/kosik.gif') no-repeat;}
#h_pokladna {display: block; position: absolute; top: 15px; left: 480px; width: 50px; height: 50px; margin: 0; padding: 0; background: url('../graf/pokladna.gif') no-repeat;}
 






fieldset {margin-bottom: 15px; padding: 0 5px; border: 1px solid #ccc; background: #eee;}
fieldset table {width: 100%; margin: 5px 0 4px 0;}
fieldset p {padding: 3px 0 0 0;}
fieldset td {width: 130px;}
fieldset input {width: 150px; background: #ddd;}
fieldset select {width: 150px;}
legend {color: #000; font-size: 10px; background: #ccc; padding: 2px 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}




  #column_left table {padding: 0; margin: 0; width: 100%;}
  #column_left td.rcol_box_seda {display: block; width: 47px; vertical-align: top;}
  #column_left td.rcol_box_ruda {display: block; width: 47px; vertical-align: top;}
  #column_left .rcol_box_menu {display: block; clear: both; text-align: left; padding: 0; margin: 0; border: 0; float: left;
                              background: #fff url('../graf/left_menu_bgr.gif') repeat-y;
                              width: 230px; voice-family: "\"}\""; voice-family: inherit; width: 230px;}

  #leve_menu    {display: block; list-style-type: none; list-style-image: none; width: 180px; margin: 0; padding: 0; font-size: 12px;}
  #leve_menu ul {margin: 0; padding: 0; float: left;}
  #leve_menu li {display: block; list-style-type: none; list-style-image: none; width: 100%; margin: 0; padding: 0;}
  #leve_menu a {display: block; position: relative; margin: 0;}
  #leve_menu2    {display: block; list-style-type: none; list-style-image: none; width: 180px; margin: 0; padding: 0; font-size: 12px;}
  #leve_menu2 ul {margin: 0; padding: 0; float: left;}
  #leve_menu2 li {display: block; list-style-type: none; list-style-image: none; width: 100%; margin: 0; padding: 0;}
  #leve_menu2 a {display: block; position: relative; margin: 0;}
   a.m1 {color: #333; border-bottom: 2px solid #ccc; text-decoration: none;
         background: url('../graf/li_menu.gif') 3px 2px no-repeat; font-weight: bold;
         margin:0; padding: 3px 5px 2px 25px; width: 180px; height: 20px;
         voice-family: "\"}\""; voice-family: inherit; width: 150px; height: 15px;}
   a.m1:hover, a.m1.aktiv1 {color: #000; background: url('../graf/li_menu.gif') 3px 2px no-repeat; border-bottom: 2px solid #f00;}
   a.m2 {color: #666; border-bottom: 2px solid #eee; text-decoration: none; 
         background: url('../graf/li_menu.gif') 3px 2px no-repeat; font-weight: bold;
         margin: 0; padding: 3px 5px 2px 25px; width: 180px; height: 20px;
         voice-family: "\"}\""; voice-family: inherit; width: 150px; height: 15px;}
   a.m2:hover, a.m2.aktiv2 {color: #000; background: url('../graf/li_menu.gif') 3px 2px no-repeat; border-bottom: 2px solid #aaa;}
  
  
  #content_data  {display: block; position: relative; float: right; margin: 0; padding: 0 0 10px 10px; font-size: 11px; 
                  background: url('../graf/www_link.gif') top right no-repeat;
                  width: 760px; voice-family: "\"}\""; voice-family: inherit; width: 750px;}
 
  #column_data  {display: block; position: relative; float: left; 
                 margin: 0; padding: 0; font-size: 11px; width: 560px; voice-family: "\"}\""; voice-family: inherit; width: 560px;}
 
  .nav_kon {display: block; position: relative; clear: both; margin: 0; padding: 5px 0; font-size: 10px;}
  .nav_kon img {padding: 0 2px 1px 2px;}
  .nav_kon a {text-decoration: none; color: #f00;}
  .nav_kon a:hover {text-decoration: underline; color: #f00;}
 
  .nahoru {display: block; position: relative; float: left; color: #333; margin: 10px 0 0 0; padding: 0 10px 0 0; border-top: 1px solid #666; font-weight: bold;}
  .nahoru a       {color: #666; text-decoration: none;}
  .nahoru a:hover {color: #000; text-decoration: underline;}
  
  .al_right  {text-align: right;}
  .al_left   {text-align: left;}
  .al_center {text-align: center;}
  
  .katalog {width: 100%; padding: 0px;}
  
  .produkt_lichy {width: 50%; margin: 0px 5px 0 0; padding: 5px; border-right: 2px solid #f00; vertical-align: top;}
  .produkt_sudy  {width: 50%; vertical-align: top; padding: 5px;}

  .produkt_mini {margin: 0px; border: 1px solid #ddd; padding: 2px;}
  
  .produkt_nahled {margin: 2px 0px; width: 100%; border-bottom: 3px solid #ddd;}
  .produkt_nahled td {vertical-align: top;}
  
  .varianty {width: 100%; text-align: center;}
   .varianty th {color: #002b7f; border-bottom: 2px solid #f00;}
   .varianty td {vertical-align: middle;}
   .varianty img {border: 0;}
  .variant {color: #f00; font-weight: bold;}
  .bezna_cenaa {text-decoration: line-through;}
   .varianty_ks {width: 30px; text-align: right;}
   .vase_cena {color: #122654; font-weight: bold;}
   .cena {text-align: right; padding-right: 10px;}
   .cena span {font-weight: bold;}
   .poznamka {display: block; clear: both; color: #122654; padding: 0; font-size: 9px;}
   .dokosiku {border: 0px solid #999; font-size: 11px; font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, sans-serif;}
   .dokosiku hover {border: 1px solid #999; font-size: 11px; font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, sans-serif;}

   .graficka_tabulka {width: 100%; border-top: 1px solid #eee; border-left: 1px solid #ddd; padding: 0; margin: 0 0 10px 0;}
   .graficka_tabulka th {text-align: center; font-size: 10px; color: #aaa; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 3px 5px; margin: 0;}
   .graficka_tabulka td {text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px; margin: 0;}
   .graficka_tabulka .td_male {font-size: 10px; background-color: #eee;}
   .graficka_tabulka .seda {background-color: #eee;}
   .graficka_tabulka .leva {text-align: left;}
   .graficka_tabulka .levaseda {text-align: left; background-color: #eee;}
   .graficka_tabulka .input_ks {display: block; width: 10px; text-align: center; float: left; padding: 2px 5px;}

   .table_kosik {text-align: center; width: 100%;}
   .table_kosik th {background-color: #a31212; color: #ddd; padding: 2px 5px; border-bottom: 2px solid #f00; height: 25px;}
   .table_kosik td {vertical-align: middle; padding: 2px 5px;}
   .table_kosik .pata {background-color: #aaa; color: #fff;}
   .table_kosik .pata span {background-color: #aaa; color: #fff;}
   
   .table_dodani {font-size: 11px; width: 100%; margin: 0 0 10px 0; vertical-align: top; border-left: 1px solid #eee; border-top: 1px solid #eee;}
   .table_dodani td {font-size: 11px; vertical-align: top; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 5px;}
   .table_dodani td span {font-weight: bold; color: #000;}
   .table_dodani th {font-size: 10px; font-weight: normal; text-align: left; vertical-align: top; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3px 5px;}

   .kosik_nazev {font-size: 11px; text-align: left; width: 300px;}
   .kosik_nazev span {font-weight: bold;}

.tab_loga {font-size: 9px; width: 100%; border-left: 1px solid #eee; border-top: 1px solid #eee; margin-bottom: 15px;}
.tab_loga td {font-size: 9px; width: 20%; padding: 5px 0 5px 0; vertical-align: midle; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.tab_loga td a:link, .tab_loga td a:visited, .tab_loga td a:active, .tab_loga td a:hover {text-decoration: none;}

.tab_zarizeni {font-size: 10px; width: 100%; vertical-align: top; border-left: 1px solid #eee; border-top: 1px solid #eee;}
.tab_zarizeni table td {border: 0; border-bottom: 1px solid #eee; font-size: 10px;}
.tab_zarizeni td {vertical-align: top; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.tab_vyrobce span {color: #666;}
.tab_zarizeni th {font-size: 12px; font-weight: bold; background: #f00 url('../graf/search_back.gif') top repeat-x; color: #fff; text-align: left; vertical-align: top; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3px 5px;}
.tab_podkategorie {font-size: 11px; background: #eee url('../graf/ack.gif'); color: #000; font-weight: bold; padding: 3px 18px;}
.tab_zarizeni .tab_kosik {border-width: 0;}
.tab_zarizeni .tab_kosik td {border-width: 0;}
.tab_zarizeni ul {list-style: none; margin: 0; padding: 0; line-height: 1.4;}
.tab_zarizeni li {list-style: none; margin: 0; padding: 2px 5px; border-bottom: 1px solid #eee; line-height: 1.4;}
.tab_zarizeni a:hover {background-color: #eee;}

.kat_karta_table {font-size: 10px; width: 100%; vertical-align: top; border-width: 0;}

.tab_home {width: 100%; margin-bottom: 15px;}
.tab_home td {font-size: 10px; padding: 5px; vertical-align: top; width: 50%; background: #fff url('../graf/proc-istore.gif') no-repeat;}
.tab_home h2 {display: block; position: relative; clear: none; font-size: 16px; margin: 0 0 2px 0; padding: 0; background: none; color: #000; font-weight: bold;}
.tab_home h2 a       {text-decoration: none; color: #f00;}
.tab_home h2 a:hover {text-decoration: underline; color: #f00;}
.tab_home img {float: left; width: 50px; margin: 0 5px 20px 0;}

.produkt {margin: 2px; padding: 5px; width: 47%; height: 200px; float: left; background: #fff url('../graf/proc-istore.gif') no-repeat;}
.produkt h3 {font-size: 14px;}
.produkt h3 a       {text-decoration: none; color: #f00;}
.produkt h3 a:hover {text-decoration: underline; color: #f00;}
.produkt img {float: left; margin: 5px 5px 5px 0; width: 119px; height: 90px;}

  .produkt_cenaod {display: block; position: relative; float: right; margin: 10px 0px; 
                  text-align: right;
                  font-size: 10px; font-weight: normal; padding: 0 5px;
                  color: #000; text-decoration: none;}
  .produkt_cenaod span {font-weight: bold; font-size: 14px;}

  .produkt_godet a {display: block; position: relative; float: right; margin: 5px 0px; 
                  background-color: #ededed;
                  font-size: 10px; font-weight: bold; padding: 0 5px;
                  color: #666; text-decoration: none;}
  .produkt_godet a:hover {color: #000; background-color: #d0d0d0; text-decoration: none;}

  .produkt_detail {margin: 2px 0; padding: 5px; width: 100%;}
  .produkt_detail img {float: left; margin: 5px 5px 5px 0; width: 280px; height: 210px; border: 1px solid #aaa;}