/* obecne */
body {background-color: white;background-image: url('img/bg.jpg'); background-position: center top; background-repeat: no-repeat; font-family:  Arial,sans-serif;font-size: 12px;color:black;border: 0px;margin: 0px;padding: 0px;}
input,textarea,select,table,th,td {font-family: sans-serif;font-size: 1em;}
p, img, form, table, h1, h2, h3, h4, h5, h6,tr,td,th {margin: 0;padding: 0;border: 0;}
table {border-collapse: collapse; border-spacing: 0;}

.cleaner {clear: both;height: 1px;font-size: 1px;line-height: 1px;}
a {text-decoration: underline; color: #FF3D00;}
a:hover {text-decoration: none;}
p {margin-bottom: 10px; margin-right: 15px;}
h2 {font-size: 24px; color: #4b4b4b; font-weight: normal; margin-bottom: 10px;margin-right: 120px;}
h3 {font-size: 1.1em; font-weight: bold; margin-bottom: 5px;margin-right: 15px; margin-top:5px;}
p > img {float: right; padding:1px; margin: 3px 0 8px 15px; border: 1px solid #d7d7d7;} /* na IE6 v tomto smeru kaslem */
p.chyba {color:#FF3D00; font-weight: bold;}

input.submit {border:0; margin:0; padding:0; height:25px; width: 80px; background-image: url(img/bg_button.gif); font-size: 11px; color: white; font-weight: bold; text-align: center;}
input.kosik {width: 121px; padding-left: 22px; background-image: url(img/bg_button_kosik.gif);}
input.pokracovat {width: 178px; padding-left: 23px; background-image: url(img/bg_button_pokracovat.gif);}
input.text {border:0; margin:0; padding: 3px 4px; background: none; background-image: url(img/input_jmeno.gif); width: 106px; height: 16px;}
input.mnozstvi {background-image: url(img/input_mnozstvi.gif); width: 32px; text-align: right;}
input.cp {background-image: url(img/input_mnozstvi.gif); width: 32px;}
input.psc {background-image: url(img/input_psc.gif); width: 52px;}
input.nazev {background-image: url(img/input_nazev.gif); width: 152px;}

/* layout */
#hlavicka {width: 970px; height: 175px; margin: auto; background-image: url(img/bg_hlavicka.jpg); background-repeat: no-repeat; background-color: #f1f1f1; position: relative}
#zalozky {width: 966px; padding-left: 4px; height: 52px; margin: auto; background-color: #e4e4e4; background-image: url(img/bg_menu.jpg); background-repeat: no-repeat; position: relative;}
#telo {width: 966px; margin: auto; padding-left: 4px; background-color: white; min-height: 470px; padding-bottom: 5px;}
#paticka {clear: both; width: 964px; margin: auto; padding: 0px 3px 0px 3px; background-color: white;}
#telo #menu {width: 230px; float: left; /*position: relative; left: -736px;*/ padding-bottom: 12px;}
#telo #obsah {width: 736px;min-height: 470px; float: right;/* position: relative; left: 230px;*/}
#telo .loga{width: 214px; float: left; clear: left;padding-bottom: 12px;text-align: center;}
#telo .loga img{margin-bottom: 12px;}



/* hlavicka */
#hlavicka h1 {position: absolute; left:185px; top:105px/*115px*/; font-size: 25px; font-weight: normal; letter-spacing: 1px; color: white;}
#hlavicka a#proklik {display: block; position: absolute; width: 640px; height: 160px; left: 0px; top: 25px; text-decoration: none;}
#hlavicka #uzivatel {position: absolute; right: 9px; top: 24px; width: 155px;}
#hlavicka #uzivatel table.prihlaseni {font-size: 11px;width: 155px; margin: 8px 0 4px 0;}
#hlavicka #uzivatel table.prihlaseni tr td {text-align: right; padding: 1px 0; &padding: 0;}
#hlavicka #uzivatel table.prihlaseni tr td.popis {text-align: left;}
#hlavicka #uzivatel table.prihlaseni tr td.velke {font-size: 13px;}
#hlavicka #uzivatel table.prihlaseni tr td.submit {padding-top: 5px;}
#hlavicka #uzivatel table.prihlaseni tr td.jmeno {padding-bottom: 6px; padding-top: 0px; font-weight: bold;}
#hlavicka #uzivatel a {color: #FF0000; display:block; line-height: 18px;}

/* paticka */
#paticka #pText {border-top: 1px solid #277E53; padding: 12px 0 45px 0; background-image: url(img/paticka.gif); background-position: bottom; background-repeat: repeat-x; color:#646464;}
#paticka #pText a {color: #646464;}
#paticka #pText span {float: right;}

/* zalozky */
#zalozky .zalozka {margin-right: 1px; float: left; width: 107px; height: 34px; margin-top: 6px; text-align: center; padding-top: 12px; background-image: url(img/zalozka_neaktivni.gif); font-size: 13px; font-weight: bold;}
#zalozky .aktivni {width: 106px; margin-right: 1px; background-image: url(img/zalozka_aktivni.gif);}
#zalozky .zalozka a {color: white; text-decoration: none;}
#zalozky .zalozka a:hover {text-decoration: underline;}
#zalozky #statiky {color: #ff3d00; word-spacing: 3px; float: left; padding-left: 15px; padding-top: 20px;}
#zalozky #statiky a {word-spacing: 0; color: #ff3d00;}
#zalozky #statiky a.etech {padding-left: 32px; color: #016733; background-image: url(img/home.gif); background-position: 16px 2px;background-repeat: no-repeat; }
#zalozky #hledani {position: absolute; right: 10px; top: 15px; background-image: url(img/hledat.gif); background-repeat: no-repeat; padding-left:30px; width: }
#zalozky #hledani input.text {border: 0; margin:0; padding:0; width: 152px; padding-bottom: 5px; background: none;}

/* leve menu */
#menu #kategorie {padding-top:5px; background-color: #016733; width: 214px;}
#menu #kategorieBottom { font-size: 1px; line-height: 1px; margin-top:-1px; height: 4px; border-bottom: #BFD9CC; background-color: #016733;width: 214px;}
#menu #kategorie a {display: block; width: 171px; padding: 8px 10px 7px 33px; border-bottom: 1px solid #004321; color: white; font-size: 13px; text-decoration: none; background-image: url(img/sipka.gif); background-repeat: no-repeat; background-position: 18px 14px;}
#menu #kategorie a:hover {background-color: #004321;}
#menu #kategorie a.menuaktivni {background-color: #004321; font-weight: bold;}
#menu #kategorie a.submenu {background-color: #277d51; padding-left: 43px; width: 161px; text-decoration: underline; background-image: none;}
#menu #kategorie a.submenuaktivni {text-decoration: none; font-weight: bold; background-color: #5D9E7D;}
#menu #kategorie a.submenu:hover {text-decoration: none;background-color: #5D9E7D;}

/* obsah */
#obsah #drobecek {color: #7d7d7d; word-spacing: 4px; padding-top: 12px; margin-bottom: 12px; margin-right: 140px;}
#obsah #drobecek a {color: #7d7d7d; word-spacing: 0;}
#obsah #drobecek span {word-spacing: 0;}

#obsah #lista {margin-right: 14px; height: 27px; background-color: #e1e1e1; padding-left: 12px; padding-top: 7px; margin-bottom: 10px; }
#obsah #lista select {margin-right: 10px; }
#obsah #lista input {border:0; margin-left: -3px; margin-right: 3px; position: relative; top:3px; &top:0;}

#obsah .strankovani {margin: 0 10px 10px 0; float:left;}
#obsah .strankovani a {display: block; float: left; background-color: #7AC232; min-width:18px; _width:18px; height: 21px; text-align: center;padding: 3px 3px 0 3px; margin-right:2px; color: white;}
#obsah .strankovani div {float: left; min-width:18px; _width:18px; height: 21px; font-weight: bold; text-align: center;padding: 3px 2px 0 2px;margin-right:2px; color: #004321;}
#obsah .strankovani a.left, #telo .strankovani a.right {float: left; display:block; background-image: url(img/left.gif); background-position: left 6px; background-repeat: no-repeat; margin-right: 2px; width: 14px; min-width: 0; height: 24px; border: 0; text-decoration: none; background-color: white; padding: 0;}
#obsah .strankovani a.right {background-image: url(img/right.gif); background-position: 7px 6px;}
#obsah .sdole {margin-top: 4px; &height: 34px;}

/* seznam zbozi */
#obsah .zbozi {width: 174px; height: 281px; padding-top: 20px; margin: 0 6px 6px 0; border: 1px solid #d7d7d7; position: relative; float: left; text-align: center;}
#obsah .zbozi a.nazev {display: block; position: absolute; font-weight: bold; color: #ff3d01; z-index: 2; left: 15px; width: 150px;}
#obsah .zbozi a.foto {line-height: 138px; text-align: center; position: absolute; left:1px; top: 64px; width: 172px; height: 138px; text-decoration: none;}
#obsah .zbozi a.foto img {vertical-align: middle;}
#obsah .zbozi .naseCena {color: #ff3d01; font-size: 11px; font-weight: bold; position: absolute; left: 10px; top: 228px;}
#obsah .zbozi .naseCena big {font-size: 18px; font-weight: bold;}
#obsah .zbozi .naseCena small {font-weight: normal;}
#obsah .zbozi .beznaCena {color: #d7d7d7; font-size: 11px; position: absolute; left: 10px; top: 248px;}
#obsah .zbozi .info {position: absolute; left: 10px; top: 200px; width: 156px; text-align: right;}
#obsah .zbozi .info span {float: right; margin-left: 1px; padding: 3px 8px; background-color: #ff6701; background-image: url(img/bg_akce.gif); background-repeat: no-repeat; background-position: right top; font-size: 11px; color: white;}
#obsah .zbozi form {position: absolute; left: 10px; top: 267px; text-align: left;}

/* kosik */
#obsah table.vypis {width: 722px;margin-bottom: 12px; border-top:1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5;}
#obsah table.noBottom {border-bottom: 0;}
#obsah table.vypis tr td,#obsah table.vypis tr th {padding: 3px 8px; text-align: left; background-color: #fdfdfd;}
#obsah table.vypis tr th {background-color: #E4E4E4; padding: 6px 8px;}
#obsah table.vypis tr.suda td {background-color: #f5f5f5;}
#obsah table.vypis tr td.cena,#obsah table.vypis tr th.cena {text-align: right; width: 100px;}
#obsah table.vypis tr th.mnozstvi {text-align: center;}
#obsah table.vypis tr td.mnozstvi {text-align: center; width: 80px;}
#obsah table.vypis tr td a {color: #FF3D00;}
#obsah table.vypis tr td.op,#obsah table.vypis tr th.op  {text-align: center;}
#obsah table.vypis tr.hrule {background-color: white;border-top:1px solid #a5a5a5;}
#obsah table.vypis tr.hrule td {background-color: white;}
#obsah table.vypis tr.poplatek td {background-color: #f5f5f5; border-bottom: 1px solid white;}
#obsah table.vypis tr.poplatek td.free {background-color: white;}
#obsah table.vypis td.dulezite {font-weight: bold;}
#obsah table.vypis tr.sekce {border-top:1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5;}
#obsah table.vypis tr.sekce td {background-color: white; padding-top: 8px; font-weight: bold; vertical-align: bottom;}
#obsah table.vypis tr td.empty {background-color: white; text-align: right;}
#obsah table.vypis tr td.popis {text-align: right;}
#obsah table.vypis tr td strong.skladem {color: #016733;}

#obsah .operace {width: 722px; margin-bottom: 12px;}
#obsah .operace input {float: right; margin-left: 5px;}
#obsah .operace a {color: #016733;}

/* detail zbozi */
#obsah .detail {border: 1px solid #d7d7d7; position: relative; float: left; width: 250px; height: 30px; margin-right: 15px; text-align: center; padding-top: 250px; margin-bottom: 12px;}
#obsah .detail a.nazev {width: 220px; position: absolute; left: 15px; top: 12px; font-weight: bold; color: #ff3d01; text-align: center; z-index: 2;}
#obsah .detail a.foto {line-height: 220px; text-align: center; position: absolute; left:1px; top: 25px; width: 250px; height: 220px; text-decoration: none;}
#obsah .detail a.foto img {vertical-align: middle;}
#obsah .detail a.zoom {background-image: url(img/lupa2.gif); color: #FC5F01; background-repeat: no-repeat; padding: 5px 0 5px 30px; }

#obsah .detailPopis {float:left; width: 454px;}
#obsah .detailPopis .info {height: 20px; margin-bottom: 12px; xposition: absolute; xright: 15px; xtop: 44px;}
#obsah .detailPopis .info span {float:left; margin-left: 1px; padding: 3px 8px; background-color: #ff6701; background-image: url(img/bg_akce.gif); background-repeat: no-repeat; background-position: right top; font-size: 11px; color: white;}
#obsah .detailPopis table.vypis {width: 454px; margin-top:1px; margin-bottom: 20px;}
#obsah .detailPopis span.cena {display: block; color: #ff3d01;}
#obsah .detailPopis span.cena strong {color: #303030;}
#obsah .detailPopis span.cena big {font-size: 1.6em; font-weight: bold;}
#obsah .detailPopis span.bezna {display: block;font-size: .9em; color: #7d7d7d; margin-bottom: 2px;}
#obsah .detailPopis form {margin-top: 20px;}

#obsah .obrazek {width: 134px; height: 100px; border: 1px solid #d7d7d7; float: left; margin: 0 10px 10px 0; background-color: #fcfcfc; text-align: center;}
#obsah .obrazek a {line-height: 100px; text-align: center; width: 130px; height: 100px; text-decoration: none; }
#obsah .obrazek a img {vertical-align: middle;}

/* kosik */
#obsah #kosik {position: relative; right: 16px; top: 20px; text-align: right;}
#obsah #kosik big {font-size: 18px; color:#FF3D01;line-height: 30px; display: block; float: right;}

#tisk {height:0px; border: 0; overflow: hidden;}

/* op */
small.op {font-size: 12px; display: block; font-style: italic; margin-top: -6px; margin-bottom: 6px;}
table.doprava {margin-bottom: 12px;}
table.doprava tr th, table.doprava tr td {border:0; border-left: 1px solid white; border-bottom: 1px solid white; padding: 6px 18px;}
table.doprava tr th {background-color: #016733; font-weight: bold; text-align: left; color: white; }
table.doprava tr td {background-color: #BCD4A3; }
table.doprava tr td.cena {text-align: right;}
table.doprava tr th.cena {text-align: right;}

ol {list-style: lower-alpha outside url()}
ol li {margin-bottom: 4px;}

strong.nazev {font-size: 13px; display: block; xmargin-bottom: 12px;}
table.kontakt tr td {padding-right: 100px; vertical-align: top;}

div.velky_popis {border: 1px solid #E1E1E1; background-color: #f5f5f5; padding: 10px 10px 0 10px; margin-bottom: 10px; width: 700px;}