@import "basic.css";

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

html { text-align:center; }
body { margin-bottom:3em; text-align:center; background:url('../img/bg.png') top left repeat-x #E9E9E9;  }

#menu { width:980px; margin:0em auto; text-align:left; height:142px; overflow:hidden; text-align:left; }

  #menu h1 { margin:0em; padding:0em; float:left; }
  #menu h1 a { display:block; width:213px; height:92px; background:url('../img/mavep.cz.jpg') 0px -1px no-repeat; }

  #menu #searchBox { width:300px; float:right; overflow:hidden; margin:0em; padding:0em; position:relative; top:35px; right:15px; }
  #menu #searchBox fieldset { margin:0em; padding:0em; border-width:0px; text-align:right; }
  #menu #searchBox legend { display:none; }
  #menu #searchBox #qs { padding:4px 4px; color:#525252; border:1px solid #B4B4B4; font-size:95%; margin:5px 10px 0px 0px; width:180px; }
  #menu input#button_search { width:49px; height:23px; background:url('../img/button_search.png') top left no-repeat; border-width:0px; vertical-align:top; }

  #menu ul { margin:0em 0em 0em 190px; list-style-type:none; clear:both; overflow:hidden; }
  #menu ul li { display:block; float:left; padding:0px 16px 0px 16px; padding-top:8px; line-height:33px;  }
  #menu ul li a { display:block; float:left; height:33px; color:white; text-decoration:none; font-weight:bold;  }
  #menu ul li a:hover { text-decoration:underline; }
  #menu ul li#infolinka { float:right; background:url('../img/phone.gif') 0% 60% no-repeat; margin:0px 0px 0px 20px; }
  #menu ul li#infolinka a { font-size:1.15em; font-weight:bold; letter-spacing:0.05em; }
  #menu ul li.act { background:url('../img/zalozka.png') top right repeat-x; height:43px; overflow:hidden; line-height:48px; color:black; cursor:default; padding:0px 16px 0px 0px; font-weight:bold; }
  #menu ul li.act span { display:block; float:left; width:16px; height:44px; background:url('../img/zalozka.png') top left no-repeat; }


#obsah { width:980px; margin:0em auto; text-align:left; overflow:hidden; background-color:white; }
  #obsah #kontejner { padding:8px; }

  #obsah #levobok { width:170px; float:left; }
  #obsah #levobok #nabidka { border:1px solid #EBE6D9; padding:10px; margin-bottom:1em; }

    #nabidka h3 { margin:0em 0em 0.2em 0em; color:black; font-size:1.0em; }

    #nabidka ul { list-style-type:none; }
    #nabidka ul#showlist { width:145px; }
    #nabidka ul#showlist li { padding:0.2em 0em 0.2em 10px; margin:0; border-bottom:1px dotted #C0C0C0; background:url('../img/li.png') 0em 0.8em no-repeat; }
    #nabidka ul#showlist li a { font-size:0.85em; color:#363636; text-decoration:none; overflow:hidden; line-height:125%; }
    #nabidka ul#showlist ul li { padding:0em 0em 0.1em 1em; margin:0; }
    #nabidka ul#showlist ul li a { color:#789F20; }
    #nabidka ul#showlist li a b { color:#FF7300; font-weight:normal; }

    .servis { margin:0px 0px 0px 0px; padding:0px; width:99%; list-style-type:none; }
    .servis li { margin:0px 0px 10px 0px; padding:0px; border:1px solid #ECECEC; width:100%; height:97px; }
    .servis li a { display:block; width:146px; font-size:110%; font-weight:bold; white-space:pre; line-height:1.2em; text-decoration:none; position:relative; top:10px; left:15px; }
    .servis li#doruceni a { color:#465D0B; height:87px;  }
    .servis li#platba   a { color:#74D800; height:87px;  }
    .servis li#kontakt  a { color:#5D5E8C; height:126px; }
    .servis li#odmeny   a { color:#FC5506; height:126px; }
    .servis li#doruceni { background:url('../img/jak_dorucujeme.jpg')  right bottom no-repeat white; }
    .servis li#platba   { background:url('../img/jak_lze_platit.jpg')  right bottom no-repeat white; }
    .servis li#kontakt  { background:url('../img/kontaktujte_nas.jpg') right bottom no-repeat white; height:138px; }
    .servis li#odmeny  { background:url('../img/rybka.jpg') right bottom no-repeat white; height:138px; }

    #slevy {
      border-collapse: collapse; border: solid; border-color:#EBE6D9
    }
    #slevy td, #slevy th {
      padding:5px 3px;
      vertical-align:top;
    }
    #slevy img {
      margin:4px;
      border:1px solid #aaa;
      padding:1px;
    }

  #obsah #shop { width:782px; float:right; background-color:#EBEBEB; }
  #obsah #shop #background { background-color:#FFF; margin:6px; }
  
    #shop #tisk { float:right; width:16px; height:14px; background:url('../img/print.png') top left no-repeat; }

    #shop #uzivatel { text-align:right; padding-right:8px; background-color:#F4F4F4; }
      #uzivatel span { line-height:200%; }
      #uzivatel a { text-decoration:underline; font-weight:bold; }
      #uzivatel a:hover { text-decoration:underline; color:#333333; }

    #shop #base { background-color:white; padding:8px 8px 8px 8px; clear:both; }
    #shop #base #main { width:555px; float:left; }

      #main ul, #main ol { margin:0em 0em 0.8em 1.5em; padding:0em 0em 0em 1em; }
      #main ul li, #main ol li { margin:0em 0em 0.4em 0em; }

      #main #super_akce { padding:0px; margin-bottom:1em; }
      #main #super_akce img { margin:0px; border:1px solid #EBEBEB;  }
      #main #uvodni_zalozky {  }
        #uvodni_zalozky h4.zalozka_neaktivni{ color:white; background-color:#BFBFBF; }
        #uvodni_zalozky .bloky_uz table { border-collapse:collapse; border-width:0px; }
        #uvodni_zalozky .bloky_uz table td.horizontal { height:1px; font-size:1px; background:url('../img/horizontal.gif') center center no-repeat; }
        #uvodni_zalozky .bloky_uz table td.vertical_U { width:1px;  font-size:1px; background:url('../img/vertical_u.gif') bottom center no-repeat; }
        #uvodni_zalozky .bloky_uz table td.vertical_D { width:1px;  font-size:1px; background:url('../img/vertical_d.gif') top center no-repeat; }
        #uvodni_zalozky .bloky_uz table td { width:50%; border-width:0px; padding:0px; vertical-align:top; }
        #uvodni_zalozky .bloky_uz table td.uvodL { padding-right:10px; }
        #uvodni_zalozky .bloky_uz table td.uvodP { padding-left:10px; }
          .bloky_uz table td div.obl1 p { padding:10px 5px 0px 0px; color:#789E23; font-weight:bold; width:100px; float:right; font-size:0.9em; text-align:right; }
          .bloky_uz table td div.obl1 p big { color:#FF7500; display:block; font-size:160%; margin-top:0.3em; }
          .bloky_uz table td div.obl1 img.buy_button { float:right; margin:3em 0em 0em 0em; cursor:pointer; }
          .bloky_uz table td img { float:left; margin:5px 1px 1px 1px; }
          .bloky_uz table td h3 { width:250px; margin-top:1.5em; overflow:hidden; }
          .bloky_uz table td h3 a { text-decoration:none; }
          .bloky_uz table td h3 span { font-size:85%; float:right; color:#789E23; display:block; cursor:default; }
          .bloky_uz table td h3 a:hover { text-decoration:underline; }
          .bloky_uz p { margin:0px; padding:0em; font-size:90%; }

      #main #podsekce { border:1px solid #E8E8E8; font-size:0.8em; padding:0.6em 0em; }
        #podsekce ul { margin:0em; padding:0em; }
        #podsekce ul li { list-style-type:none; list-style-image:url('../img/li2.png'); float:left; padding:0em; margin:0.5em 0em 0.5em 2em; }
        #podsekce ul li a { color:#333333; text-decoration:none; }
        #podsekce ul li a:hover { text-decoration:underline; }
      #main #doporucujeme h5 { border-bottom:2px solid #84A635; cursor:default; margin-bottom:1.5em; }
        #doporucujeme h5 span { background-color:#84A635; padding:0.2em 1em; }
        #doporucujeme div { width:170px; float:left; text-align:center; padding:0px 5px; font-size:0.9em; }
        #doporucujeme div.odd { border-right:1px solid #85A936; }
        #doporucujeme div h3 { font-size:1.1em; white-space:nowrap; overflow:hidden; margin:0em 0.2em; font-size:1.05em; }
        #doporucujeme div h3 a { text-decoration:none; }
        #doporucujeme div span { color:#789E23; }
        #doporucujeme div big { color:#FF7500; text-align:right; font-weight:bold; white-space:nowrap; }
        #doporucujeme div a.koupit { clear:both; display:block; margin:0.8em auto 0.5em auto; width:102px; height:24px; background:url('../img/button_buy.png') top left no-repeat; }

      #main #pocet_polozek { font-size:0.9em; margin:1em 0em 1em 0em; line-height:160%; }
      #main #pocet_polozek strong { padding-right:0.5em; }
      #main #pocet_polozek span { color:#ACACAC; padding:0.25em; }
      #main #seradit_podle { text-align:center; font-size:0.9em; margin:0.5em 0em 1em 0em; padding:0.5em; background-color:#F5F5F5; }
      #main .linkovani { text-align:center; font-size:0.9em; margin:0.5em 0em 0em 0em; padding:0.5em; }
        .linkovani b { color:#FF7500; }
      #main #zobrazeno_zbozi { text-align:center; font-size:0.9em; margin:2em 0em 0em 0em; }
      #main dl#productsList { margin:1.5em 0em; padding:0em; border:1px solid #84A635; border-width:2px 0px; }
        #productsList dt { display:none; }
        #productsList dd { border-bottom:1px solid #ECECEC; font-size:0.9em; margin:0em; padding:1.5em 0em; }
        #productsList dd h3 { font-size:1.3em; margin-top:0em; }
        #productsList dd a { text-decoration:none; }
        #productsList dd a:hover { text-decoration:underline; }
        #productsList dd .popis { width:298px; float:left; margin-left:0.5em; }
        #productsList dd p { margin:3px 0px 0px 0px; }
        #productsList dd .obrazek { float:left; margin:0px 4px 0px 0px; border:1px solid #BCBCBC; }
        #productsList dd .cena { background-color:#FEF6EE; width:100px; height:120px; float:right; padding:0px 20px 0px 0px; text-align:right; }
        #productsList dd .cena b { color:#FF7500; font-size:1.05em; }
        #productsList dd .cena small { line-height:80%; }
        #productsList dd .cena big { display:block; color:#FF7500; font-weight:bold; font-size:1.4em; margin:1.5em 0em 0.1em 0em; }
        #productsList dd .kupTo a { display:block; float:right; width:79px; height:24px; margin-top:8px; background:url('../img/button_buy3.png') top left no-repeat; }

      #main #produkt { }
        #produkt #kod_zbozi { text-align:right; font-size:0.85em; }
        #produkt img { float:left; margin:5px; }
        #produkt #data { width:350px; float:right; }
          #info1 { line-height:2em; margin-left:10px; }
          #info1 h2 { margin-left:10px; }
          #info1 span { display:block; width:80px; float:left; clear:left; }
          #info2 { padding:8px 12px; margin-bottom:1em; border:1px solid #ECECEC; width:314px; }
          #info2 span { display:block; width:130px; float:left; clear:left; font-weight:bold; font-size:1.3em; }
          #info2 big { color:#FF7500; font-weight:bold; font-size:1.6em; }
          #info2 small { display:block; margin-left:130px; }
          #info3 { padding:10px 12px 6px 12px; background-color:#FF7500; width:316px; text-align:right; }
          #info3 span { display:block; width:140px; float:left; clear:left; font-weight:bold; font-size:1.3em; }
          #info3 label { color:white; font-weight:normal; margin:0em; padding:0em; width:80px; display:block; float:left; line-height:2em; }
          #info3 select { margin-top:0.3em; }
          #info3 div { float:left; width:180px; text-align:left; }
          #info3 input#pk { margin:auto 0em; padding:0.3em 0.5em; width:2em; text-align:center; border-width:0px; }
          #info3 input#bi { margin:0em 2em 0em 0em; float:right; }
      #produkt #dalsi_info { clear:both; margin-top:2em; }

      #main ul#nnk { margin:0em; padding:0em; list-style-type:none; }
        ul#nnk li { margin:0em; padding:0em; display:block; width:136px; height:25px; float:left; padding-top:75px; text-align:center; color:#969696; font-weight:bold; font-size:0.9em; cursor:default; }
        ul#nnk li.act { color:#FE7600; }
        ul#nnk li a { color:#969696; text-decoration:underline; }
        ul#nnk li a:hover { color:#FE7600; }
        ul#nnk li#obj1_o { background:url('../img/obj1_o.jpg') top center no-repeat; }
        ul#nnk li#obj1_g { background:url('../img/obj1_g.jpg') top center no-repeat; }
        ul#nnk li#obj2_o { background:url('../img/obj2_o.jpg') top center no-repeat; }
        ul#nnk li#obj2_g { background:url('../img/obj2_g.jpg') top center no-repeat; }
        ul#nnk li#obj3_o { background:url('../img/obj3_o.jpg') top center no-repeat; }
        ul#nnk li#obj3_g { background:url('../img/obj3_g.jpg') top center no-repeat; }
        ul#nnk li#obj4_o { background:url('../img/obj4_o.jpg') top center no-repeat; }
        ul#nnk li#obj4_g { background:url('../img/obj4_g.jpg') top center no-repeat; }

      #main #kosik { clear:both; width:100%; border-collapse:collapse; margin:2em 0em; }
        #kosik thead { background-color:#85A936; color:white; }
        #kosik thead th { padding:0.7em 1em; font-weight:bold; font-size:0.9em; }
        #kosik tbody tr.bg {  background-color:#F8F8F8; }
        #kosik tbody td { padding:1em 1em; }
        #kosik tbody td span,
        #kosik tfoot td span { padding-right:0.7em; }
        #kosik tbody input { border:1px solid #BDBDBD; text-align:center; }
        #kosik tbody img.del { cursor:pointer; }
        #kosik tfoot tr { background-color:#E6F0D0; }
        #kosik tfoot td { padding:0.6em 0em; }
        #kosik tfoot td.r { padding-right:1em; font-weight:bold; }

      #main form#obj_krok2 { margin:1em 0em; padding:0em; }
        #obj_krok2 fieldset { border:1px solid #DAD7D7; background-color:#FAFAFA; margin:0em; padding:1em; }
        #obj_krok2 h3 { font-size:1.0em; color:#FF7500; margin:1em 0em 0.6em 1em; }
        #obj_krok2 h3 span { font-size:0.9em; color:#383838; padding-left:1em; }
        #obj_krok2 table { border-collapse:separate; border-spacing:0px 2px; font-size:0.9em; width:100%; margin:0em 0em 2em 0em; }
        #obj_krok2 table td { background-color:#F2F2F2; padding:0.6em 1em; }
        #obj_krok2 table input { border:1px solid #BDBDBD; padding:0.2em 0.3em; font-size:1.05em; }
        #obj_krok2 table label { display:block; float:left; width:70px; color:#000000; font-weight:normal; }
        #obj_krok2 table td span { color:#FF7500; }

    #shop #base #special { width:190px; float:right; }
      #special form#newsletter { background-color:#789E23; color:white; margin:0px 0px 11px 0px; padding:15px 11px 11px 11px; }
      #special form#newsletter fieldset { border-width:0px; margin:0px; padding:0px; }
      #special form#newsletter legend { font-size:1.3em; font-weight:bold; margin:0px; padding:0px; color:#FFF; }
      #special form#newsletter p { margin:0.5em 0em 0em 0em; padding:0em; font-size:0.9em; line-height:1.1em; }
      #special form#newsletter input { border-width:0px; }
      #special form#newsletter input#ninp { width:90px; margin:0.6em 0em; padding:0.2em 0.3em; color:#8D8D8D; float:left; }
      #special form#newsletter input#button_login { vertical-align:middle; width:64px; height:23px; background:url('../img/button_login.png') top left no-repeat; float:right; }

    #shop #special #nej_zbozi { margin:0px; padding:0px 0px; width:190px; border:1px solid #789E23; background:#F2FFD9; overflow:hidden; text-align:center; }
      #nej_zbozi h2#nejprodavanejsi  { margin:0px; line-height:200%; text-indent:0.6em; background-color:#789E23; color:white; font-size:1.1em; text-align:left; }
      #nej_zbozi h3 { color:#000000; font-size:1.1em; }
      #nej_zbozi h3 a { text-decoration:none; }
      #nej_zbozi h3 a:hover { text-decoration:underline; }
      #nej_zbozi p { margin:0em 0em; padding:0em; font-size:90%;}
      #nej_zbozi img.obrazek { margin:0px; }
      #nej_zbozi big { color:#FF7200; font-size:1.15em; font-weight:bold; display:block; margin:0.3em 0em 1em 0em; }
      #nej_zbozi div.okraj { background:#E7FEC2;  }

  #obsah #paticka { clear:both; height:35px; background:url('../img/footer.png') top left repeat-x; padding:40px 20px 0px 20px; margin:0em; }
    #paticka a { text-decoration:none; }
    #paticka a:hover { text-decoration:underline; }
    #paticka a#chytej { float:right; }

hr { clear:both; }

h4.zalozka_aktivni, h4.zalozka_neaktivni { margin:0em; padding:0.15em 0.5em; line-height:1.75em; font-weight:normal; display:block; float:left; width:130px; text-align:center; }
h4.zalozka_aktivni { background-color:#85A936; color:white; font-size:1.1em; cursor:default; }
h4.zalozka_neaktivni { background-color:#E2E2E2; color:#676767; font-size:1em; margin:0em 0.15em; cursor:pointer; }
div.zalozka_aktivni_obsah { border:1px solid #85A936; padding:1em; clear:both; float:left; width:530px; }
div.zalozka_neaktivni_obsah { border:1px solid #85A936; padding:1em; display:none; }

/* pomocne formatovaci tagy */
.hidden { display:none; }
.cleaner { display:block; width:100%; clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden; font-size:1px; }

/* zarovnavaci znacky */
.r { text-align:right; }
.l { text-align:left; }
.c { text-align:center; }
.j { text-align:justify; }
.fr { float:right; }
.fl { float:left; }

/* znacky pro plovouci bloky */
.box50L { display:block; width:49%; float:left; }
.box50R { display:block; width:49%; float:right; }

/* styl obrazku na page 404 */
img.gloom { margin:10px; float:left; border-width:0px; }