@import url('reset.css');

/* Barevne schema pouzitych barev: #596177 , #421C52 --------- */

body { margin: 0; font-family: Arial; font-size: 9pt; color: #000; background: #fff url('images/bg.jpg') 0 0 repeat-y; }

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#obsah { position: relative; margin: auto; width: 960px; }

/* Hlavicka */
#hlavicka { clear: both; overflow: hidden; width: 960px; height: 100px; }
#hlavicka .hlavicka-obsah { color: #fff; }
#hlavicka .hlavicka-obsah a { color: #fff; }
#hlavicka .hlavicka-obsah a:hover { color: #000; }

  /* Logo */
  .hlavicka-obsah .logo { float: left; clear: both; position: relative; overflow: hidden; margin: 20px 0 0; width: 234px; height: 53px; }
  .hlavicka-obsah .logo span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 234px; height: 53px; background: url('images/logo.gi') no-repeat; }

  /* Vyhledavani */
  .hlavicka-obsah .vyhledavani { float: left; margin: 0 0 0 35px; padding: 40px 0 0; width: 260px; }
  
  /* Prihlaseni */
  .hlavicka-obsah .prihlaseni { float: left; margin: 0; padding: 43px 0 0; width: 184px; text-align: center; }
  
  /* Kosik */
  .hlavicka-obsah .kosik { float: right; padding: 38px 0 0 60px; width: 120px; background: url('http://www.hezkyvonet.cz/templates/hezkyvonet/img/ico-kosik.png') 0 100% no-repeat; }

  /* Kosik */
  .hlavicka-obsah .platba { float: right; padding: 40px 0 0 0; }
  .hlavicka-obsah .platba a { float: left; clear: both; position: relative; overflow: hidden; padding: 0 0 0 5px; width: 62px; height: 21px; }
  .hlavicka-obsah .platba span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 67px; height: 21px; background: url('images/ico-platba.gif') no-repeat; }

/* Hlavnipanel */
#hlavnipanel { clear: both; overflow: hidden; background-color: #fff; }

  .levypanel { overflow: hidden; width: 235px; }
  
    .levypanel h2, .levypanel h3 { margin: 0 0 10px 10px; }
    
  
    .levypanel .menu-01 { margin: 0 0 20px; padding: 40px 20px 40px 0; width: 215px; min-height: 135px; background-color: #596177; }
    .levypanel .menu-01 ul { display: block; margin: 0; padding: 0; }
    .levypanel .menu-01 ul li { display: block; list-style-type: none; }
    .levypanel .menu-01 ul li a { display: block; padding: 6px 0 3px 25px; font-weight: normal; font-size: 10pt; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
    .levypanel .menu-01 ul li ul li a { display: block; padding: 6px 0 3px 45px; font-weight: bold; font-size: 9pt; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
    .levypanel .menu-01 ul li a.active, .levypanel .menu-01 ul li a:hover { color: #000; }
    .levypanel .menu-01 ul li ul li a.active, .levypanel .menu-01 ul li ul li a:hover { color: #000; }

    .levypanel ul.menu-02 { display: block; margin: 0 0 20px; padding: 0 20px 0 0; }
    .levypanel ul.menu-02 li { display: block; clear: both; list-style-type: none; }
    .levypanel ul.menu-02 li a { display: block; padding: 6px 0 3px 25px; font-weight: bold; font-size: 10pt; color: #596177; text-decoration: none; border-bottom: 1px solid #EAE8E9; }
    .levypanel ul.menu-02 li ul li a { display: block; padding: 6px 0 3px 45px; font-weight: bold; font-size: 10pt; color: #596177; text-decoration: none; border-bottom: 1px solid #EAE8E9; }
    .levypanel ul.menu-02 li a.active, .levypanel ul.menu-02 li a:hover { color: #000; }
    .levypanel ul.menu-02 li ul li a.active, .levypanel ul.menu-02 li ul li a:hover { color: #000; }
    
    .levypanel ul.menu-03 { display: block; margin: 0 0 20px; padding: 0 20px 0 0; }
    .levypanel ul.menu-03 li { display: block; list-style-type: none; text-align: right; }
    .levypanel ul.menu-03 li a { display: block; padding: 6px 0 3px 25px; font-size: 10pt; color: #596177; text-decoration: none; border-bottom: 1px dotted #E7E7E7; }

    .levypanel ul.menu-04 { display: block; margin: 0 0 20px; padding: 0 20px 0 0; }
    .levypanel ul.menu-04 li { display: block; clear: both; list-style-type: none; }
    .levypanel ul.menu-04 li a { display: block; padding: 2px 0 3px 25px; font-weight: bold; font-size: 10pt; color: #596177; text-decoration: none; border-bottom: 1px solid #EAE8E9; }
    .levypanel ul.menu-04 li a.active, .levypanel ul.menu-04 li a:hover { color: #000; }
    
    .levypanel ul.menu-04 li .cube { float: left; display: block; margin: 6px 10px 9px 5px; width: 10px; height: 10px; }
    .levypanel ul.menu-04 li .cube-01 { background-color: #0A3B99; }
    .levypanel ul.menu-04 li .cube-02 { background-color: #BC160D; }
    .levypanel ul.menu-04 li .cube-03 { background-color: #790A99; }
    .levypanel ul.menu-04 li .cube-04 { background-color: #F02586; }
    .levypanel ul.menu-04 li .cube-05 { background-color: #71A80B; }
    .levypanel ul.menu-04 li .cube-06 { background-color: #BC570D; }
    .levypanel ul.menu-04 li .cube-07 { background-color: #F0DE13; }
    .levypanel ul.menu-04 li .cube-08 { background-color: #DADADA; }
    .levypanel ul.menu-04 li .cube-09 { background-color: #000000; }
    .levypanel ul.menu-04 li .cube-10 { background-color: #F6F6F6; }
    .levypanel ul.menu-04 li .cube-11 { background-color: #929292; }
    .levypanel ul.menu-04 li .cube-12 { background-color: #F2E8BE; }
    .levypanel ul.menu-04 li .cube-13 { background-color: #623131; }


  .pravypanel { float: right; overflow: hidden; margin: 0 0 0 15px; width: 710px; }
  .pravypanel-obsah { padding: 15px; }
    
    .pravypanel-obsah p { text-align: justify; }

    .pravypanel .anotace { float: left; padding: 15px; min-height: 185px; background-color: #F9F9F9; }
    .pravypanel .anotace .anotace-obsah { color: #6F6F6F; }
    .pravypanel .anotace-obsah img { float: left; display: block; margin: 0 15px 0 0; border: 1px solid #000; }
    .pravypanel .anotace-obsah p { margin: 5px 0 15px 0; }
    
    /* Výpis produktů */
    .produkty { clear: both; }
    .produkt { float: left; overflow: hidden; margin: 10px 0 -1px; padding: 0 0 2px; width: 226px; height: 235px; border-bottom: 1px solid #EAE8E9; }
    .produkt:hover { padding: 0; border-bottom: 3px solid #596177; }
    .produkt:hover .produkt-obsah img { border: 1px solid #999; }
    .produkt .produkt-obsah { position: relative; padding: 0 10px; line-height: 130%; }
    .produkt .produkt-obsah img { margin: 0 0 5px; border: 1px solid #DDDDDD; }
    .produkt .produkt-obsah strong.vyrobce { display: block; font-size: 10pt; color: #959595; }
    .produkt .produkt-obsah h3 { clear: both; margin: 0; padding: 2px 0; height: 37px; }
    .produkt .produkt-obsah h3 a { font-size: 14px; font-weight: bold; color: #596177; text-decoration: none; }
    .produkt .produkt-obsah p { margin: 0 !important; }
    .produkt .produkt-obsah em { display: block; padding: 0 0 7px; font-size: 9pt; color: #959595; }
    .produkt .produkt-obsah a.detail { float: right; display: block; width: 67px; height: 21px; font-size: 0px; color: #BF0E5A; background: url('images/ico-detail.gif') no-repeat; }
    .produkt .produkt-obsah strong.cena { display: block; padding: 3px 0 0; font-size: 11pt; color: #000; }
          
    .filtr { margin: 0 0 5px; overflow: hidden; padding: 8px 5px 5px; height: 24px; color: #A8A8A8; background-color: #ECECEC; }      
    .filtr form { display: inline; }      
    .filtr label { font-weight: normal; }      
    .filtr select { margin: 0 7px; padding: 1px 0 0; width: 100px; height: 20px; border: 0; }      
    .filtr a.razeni-asc { padding: 0 15px 0 0; background: url('images/ico-razeni-asc.gif') right center no-repeat; }
    .filtr a.razeni-desc { padding: 0 15px 0 0; background: url('images/ico-razeni-desc.gif') right center no-repeat; }
    .filtr .strankovani2 { float: right; padding: 2px 0 0; }
    .filtr .strankovani2 a { margin: 0 2px; padding: 2px 6px; color: #969696; text-decoration: underline; }
    .filtr .strankovani2 a:hover, .strankovani2 a.active { padding: 1px 5px; color: #000; text-decoration: none; border: 1px solid #AFAFAF; background-color: #fff; }

    .strankovani { clear: both; margin: 0 2px 0 0; overflow: hidden; padding: 10px; text-align: right; border-top: 3px solid #EAE8E9; }
    .strankovani a { margin: 0 2px; padding: 2px 6px; color: #959595; text-decoration: none; border: 1px solid #fff; }
    .strankovani a:hover, .strankovani a.active { color: #000; text-decoration: none; border: 1px solid #e8e8e8; }
    
    /* Detail produktu */
    .produkt-detail {  }
    .produkt-detail img { padding: 1px 0 0 15px; /*width: 316px;*/ border: 1px solid #DDDDDD; }
    .produkt-detail img:hover { border: 1px solid #999; }
    .produkt-detail .pravypanel { float: right; width: 370px; }
    .produkt-detail table.info { border-collapse: collapse; }
    .produkt-detail table.info td { padding: 5px 7px; border-bottom: 1px solid #DDDDDD; }
    .produkt-detail table.cena { margin: 15px 0 0; background-color: #F3F3F3; border: 1px solid #DDDDDD; }
    .produkt-detail table.cena strong.cena { font-size: 12pt; color: #596177; }
    .produkt-detail table.cena td select { width: 100px; border: 1px solid #DDDDDD; }
    .produkt-detail table.cena td input.pocet { margin: 0; padding: 2px; width: 25px; height: 17px; color: #545454; text-align: center; border: 1px solid #DDDDDD; }
    .produkt-detail table.cena td input.input-submit-objednat { margin: 7px 5px 0 0 !important; }
    .produkt-detail table td.left { padding: 5px 7px; width: 70px; vertical-align: middle; }
      .popis { clear: both; margin: 15px 0 0; }
      .popis-top { clear: both; padding: 10px 0 0 15px; height: 21px; background: url('images/eshop-produkt-popis-top.png') 0 0 no-repeat; }
      .popis-top h3 { text-transform: uppercase; }
      .popis-obsah { clear: both; padding: 15px; border: 1px solid #DDDDDD; border-top: 0; }
      .popis-obsah ul li { padding: 10px 0; }
      .popis-obsah img { border: 1px solid #DDDDDD; }
      .popis-obsah img:hover { border: 1px solid #999; }
      
    
/* Paticka */
#paticka { clear: both; overflow: hidden; margin: 0 0 20px; }
#paticka .paticka-obsah { padding: 15px; color: #000; }
    
  .paticka-obsah p { margin: 0; }

/* ----------------------------------------------------------------------------------------------------------
Univerzalni formatovaci styly
---------------------------------------------------------------------------------------------------------- */

.input { padding: 1px 0 2px 3px; height: 18px; border: 1px solid #CECECE; }

.textarea { padding: 3px 0 0 3px; width: 200px; height: 80px; border: 1px solid #CECECE; }
.input-submit-hledat { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 67px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-hledat.gif') left top no-repeat; }
.input-submit-objednat { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 94px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-objednat.gif') left top no-repeat; }
.input-submit-registrovat { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 89px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-registrovat.gif') left top no-repeat; }
.input-submit-prihlasit { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 67px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-prihlasit.gif') left top no-repeat; }
.input-submit-kpokladne { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 124px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-kpokladne.gif') left top no-repeat; }
.input-submit-odeslat { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 67px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-odeslat.gif') left top no-repeat; }
.input-submit-ulozit { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 67px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-ulozit.gif') left top no-repeat; }
.input-submit-ok { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 32px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-ok.gif') left top no-repeat; }
.input-submit-zpet { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; display: block; width: 50px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-zpet.gif') left top no-repeat; }
.input-submit-objednatzavazne { cursor: pointer; vertical-align: top; overflow: hidden; float: left; margin: 0 15px 0 0; padding: 10px 0 0; width: 198px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-objednatzavazne.gif') left top no-repeat; }
a.input-submit-zpet { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; float: left; display: block; width: 50px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-zpet.gif') left top no-repeat; }

.c-01 { color: #596177 !important; }
.c-red { color: red; }
.font-bigger { font-size: 120%; }
.nostrong { font-weight: normal !important; }

.ico-facebook { padding: 0 0 0 20px; background: url('images/ico-facebook.gif') left center no-repeat; }
.ico-doporucujeme { position: absolute; top: 0; left: 94px; width: 98px; height: 102px; background: transparent url('images/ico-doporucujeme.gif') right top no-repeat; }


.out { padding: 17px 0; }

.w-340 { width: 340px !important; }
.w-340 td { width: 80px !important; height: 20px; }

.user-form-div { min-height: 70px; }
.user-form-div2 { padding: 5px 0 0; height: 65px; line-height: 210%; }

/* ----------------------------------------------------------------------------------------------------------
Obecne HTML tagy
---------------------------------------------------------------------------------------------------------- */

h1 { margin: 0 0 10px; font-size: 20px; color: #596177; }
h2 { clear: both; margin: 0; padding: 10px 0 0; font-size: 16px; color: #596177; }
h3.nadpis { clear: both; margin: 10px 0; padding: 10px 0 5px; font-size: 15px; color: #596177; border-bottom: 1px solid #596177; }

p { margin: 10px 0; }

ul { list-style-type: none; }
ul.seznam li { padding: 0 0 5px; }

a { font-size: 9pt; color: #596177; text-decoration: underline; }
a:hover { font-size: 9pt; color: #000; text-decoration: none; }

img { border: 0; }

table { width: 100%; }
table td { padding: 0 0 3px; }
table th { text-align: left; }
table td.td-left { width: 70px;  }
table td.td-right { width: 350px; }
legend { display: none; }

label { font-weight: bold; }
label.error { display: block; color: red; }
input.error, textarea.error { background-color: #FFE5E6 !important; border: 1px solid red !important; }
select.select-border { border: 1px solid #CECECE; border-right: 0; }