html, body, ul { margin: 0; padding: 0; }
body { font:0.75em/1.3 Arial,helvetica,sans-serif; }
ol, ul, menu { list-style-type:none; }
hr { display: none; }
img { border:0 none; }

.error, .povinne {color: red;}
.error {display: block;}
.blue {color: #02579c;}
.green {color: #378F2E;}
.bigger {font-size: 1.1em;}
.bigger2 {font-size: 1.2em;}
.bigger3 {font-size: 1.3em;}
.line-through {text-decoration: line-through;}

a {outline-style: none; color: #0000ee;}
a:hover {color: #000;}

h1, h2, h3, h4, .popisZbozi, .noprint, .unavigace, .zaznamy, .text, .no-products, .novinka-detail {padding: 0 5px;}
.zaznamy {clear: both;}
h1 {color: #02579c;}

body { background: url('/images/background.png') no-repeat scroll top center transparent; }
#logo {position: absolute; left: 12px; top: 12px; width: 187px; height: 69px;}
#logo span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/logo.jpg') no-repeat 0 0;}
#site { width: 1000px; margin: auto; text-align: left; padding: 0; }
  #header { background-image:url('/images/header.png'); height:143px; margin:auto; position:relative; width:1000px; background-repeat: no-repeat; }
    #hornimenu { width: 715px; left: 11px; bottom: 0px; height:48px; position:absolute; }
    #hornimenu li { float: left; }
    #hornimenu li a {float: left; background: #02579c; position: relative; line-height: 48px; text-align: center; color: white; font-weight: bold;}
    #hornimenu li a:hover {text-decoration: none;}
    #hornimenu li a span {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    #hornimenu li a.uvodni {display:block; width: 150px; height:48px; }
    #hornimenu li a.uvodni span { background:url('/images/menu-uvodka.jpg') no-repeat scroll left top transparent;}
    #hornimenu li a.uvodni:hover span { background-position: 0 -48px; }
    #hornimenu li a.bestsales {display:block; width: 150px; height:48px; }
    #hornimenu li a.bestsales span { background:url('/images/menu-nejprodavanejsi.jpg') no-repeat scroll left top transparent;}
    #hornimenu li a.bestsales:hover span { background-position: 0 -48px; }
    #hornimenu li a.doporuc {display:block; width: 150px; height:48px; }
    #hornimenu li a.doporuc span { background:url('/images/menu-doporucujeme.jpg') no-repeat scroll left top transparent;}
    #hornimenu li a.doporuc:hover span { background-position: 0 -48px; }
    #hornimenu li a.akce { display:block; width: 73px; height:48px; }
    #hornimenu li a.akce span { background:url('/images/menu-akce.jpg') no-repeat scroll left top transparent;}
    #hornimenu li a.akce:hover span { background-position: 0 -48px; }
    #hornimenu li a.sleva {display:block; width: 73px; height:48px; }
    #hornimenu li a.sleva span { background:url('/images/menu-slevy.jpg') no-repeat scroll left top transparent;}
    #hornimenu li a.sleva:hover span { background-position: 0 -48px; }
    #hornimenu li a.spoluprace {display:block; width: 119px; height:48px; }
    #hornimenu li a.spoluprace span { background:url('/images/menu-spoluprace.jpg') no-repeat scroll left top transparent;}
    #hornimenu li a.spoluprace:hover span { background-position: 0 -48px; }
    
    #header .mright { width: 276px; left: 724px; height: 48px; background-image:url('/images/menu_right.png'); position: absolute; bottom: 0px; }
  #underheader { height: 12px; background: url('/images/underheader.png') no-repeat right top; }
  #left { float:left; margin:0 0 0 16px; _margin: 0 0 0 8px; min-height:600px; width:200px; }
    .menu { margin: 0 0 10px 15px; }
    ul.menu li { text-align: left; }
    ul.menu li a { font-size: 12px; font-weight: bold; font-family: Arial; background:url('/images/kulicka.png') no-repeat scroll left center transparent; color:#676767; display:block; height:20px; line-height:20px; padding:0 0 0 20px; text-decoration:none; }
    ul.menu li a:hover, ul.menu li a.aktivni { background:url('/images/kulicka2.png') no-repeat scroll left center transparent; color:#3A8ACB; }
    .box_top_blue, .box_top_gray, #kosik { font-size:12px; padding: 8px 0 2px 30px; font-weight: bold; height:20px; width:170px; }
    .box_top_blue { color: #FFFFFF; background-image:url('/images/box_top_blue.png'); }
    .box_top_gray { color: #737373; background-image:url('/images/box_top_gray.png'); }
    #kosik { color: #FFFFFF; background-image:url('/images/kosik.png'); }
      .kosik_text { color: #494949; font-size: 12px; font-family: Arial; }
      .kosik_text a { color: #494949; }
      .novinky_text { color: #494949; font-family: Arial; font-weight: bold; font-size: 11px; }
      .newsletter_email { font-size: 12px; font-family: Arial; color: #737373; }
    .box { background-image:url('/images/leve_bg.png'); margin:0 0 10px; padding:10px 0 0; width:200px; }
    .boxr { background-image:url('/images/prave_bg.png'); margin:0 0 10px; padding:10px 0 0; width:200px; }
    .box_spodek { background:url('/images/box_spodek.png') no-repeat 0 bottom; height:7px; }
    .boxr_spodek { background:url('/images/boxr_spodek.png') no-repeat 0 bottom; height:7px; }
    
    .box p, .boxr p, form { margin: 0 10px; }
    .box .sub { margin: 6px 0 0 119px; width: 61px; height: 22px; }
    .box .input { color: #737373; width: 180px; height: 20px; border: 1px solid #C2C2C2; }
  #stred { float:left; width:566px; margin-left: 1px; }
    .drobky { display:block; font-size:10px; padding: 0 10px; margin: 10px 0;}
    .produkt { position: relative; background:url("/images/produkt.png") no-repeat scroll left top transparent; float:left; height:232px; margin: 0 0 7px 7px; _margin: 0 0 7px 4px; width:180px; }
    .produkt h3 { font-size:13px; line-height:15px; padding: 0 5px; line-height: 30px;}
    .produkt h3 a, .produkt h3 a:visited { color:#1469AF; text-decoration:none; }
    .produkt a.obrazek { display:block; float:left; height:161px; margin:0 5px; text-align:center; width:161px; }
    .produkt a.detail { position: absolute; bottom: 5px; left: 105px; background-image: url('/images/button_detail.png'); width: 61px; height: 22px; display: block; }
    .produkt a span { display: none; }
    .produkt .cena { position: absolute; bottom: 5px; left: 10px; color: #5A5A5A; font-weight: bold; font-size: 18px; }
    .produkt .cena_mena { font-size: 12px; }
    .produkt .dostupnost {position: absolute; right: 10px; top: 35px; color: #378f2e; font-weight: bold; padding: 2px;/* display: block; background: white;*/}
    .produkt .nove {position: absolute; right: 10px; top: 45px; padding: 2px; display: block; background: #40e100;}
  #pravy { float:left; margin:0; min-height:600px; width:200px; }
    .news_product { font-family: Arial; font-weight: bold; background-image:url('/images/news_product.png'); width: 180px; height: 76px; position: relative; margin:0 10px 5px; }
      .news_product a { text-decoration: none; }
      .news_nadpis { font-size: 12px; color: #3B89C9; position: absolute; left: 70px; top:10px; }
      .news_cena { font-size: 12px; position: absolute; left: 125px; top:50px; color: #636363; }
      .news_cena_mena { font-size: 12px; }
  
  #paticka { background-image:url('/images/paticka.png'); font-size: 12px; color: #40474A; clear:both; height:187px; margin:0 auto; position:relative; width:1000px; }
    #paticka1 { left:70px; position:absolute; top:100px; width:500px; }
    #paticka3 { left:520px; position:absolute; top:150px; width:300px; }
    #paticka3 a { color: #000000; }
    
  #odkazy_kategorie {width: 1000px; text-align: center; position: relative; margin: 0 auto; padding: 10px;}
    
/* index.tpl */
#uvodni_text p {padding: 0 5px;}
    
/* kosik.tpl */
.kosik-tabulka {border-collapse: collapse; margin: 10px 0 20px 5px; width: 555px;}
.kosik-tabulka thead td {padding: 5px; background: #338ad1; color: white; font-weight: bold;}
.kosik-tabulka tbody td {padding: 5px;}
.kosik-tabulka tfoot td {padding: 5px; border-top: 1px solid #338ad1;}

#adresa table input, #adresa table textarea {padding: 2px; border-top: 1px solid #8f8f8f; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; border-left: 1px solid #8f8f8f;}
#dodani {margin: 15px 0 10px 0;}
.sou input.sub {background: #59b1f9; color: #fff; font-weight: bold;}

/* pokladna.tpl */
#adresa-pokladna {margin: 0 0 0 5px;}
#adresa-pokladna table {margin: 15px 0 10px 15px;}
#adresa-pokladna table td {padding: 2px 0;}

/* zbozi.tpl */
.obrazekdetail {float: left; display: block; width: 320px; text-align: center;}
.kosik-detail {float: left; width: 220px;}
.kosik-detail_table {border-collapse: collapse; width: 220px; margin: 0 0 10px 0;}
.kosik-detail_table td {padding: 2px 0;}
.koupit {margin: 0 !important;}
.koupit .ks {padding: 2px; border: 1px solid #737373;}
.koupit .sub {position: relative; top: 6px;}