body {margin:0;padding:0;text-align:center;color:#000;background:#fff url(/images/body.png) top repeat-x;font: 90%/1.6 "Trebuchet MS", "Geneva CE", lucida, sans-serif}

a {color:#065b92;text-decoration:underline}
a:hover,a:active,a:focus {color:#548f1a;text-decoration:none}
h2,h1,h3,h4,ul,p {list-style:none;margin:0;padding:0}
h1,h2 {font-weight:normal}
hr {display:none}
.clear {clear:both}
a img {border:none}
.topmargin {padding:40px 0 0 0}
input, textarea {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif}

#body {width:970px;margin:0 auto}

#hlavicka {height:60px}
#hlavicka h3 {font-size:250%;float:left;text-align:left;margin:0 0 0 10px;font-size:10px;width:320px;height:60px}
#hlavicka h3 a {text-decoration:none}
#hlavicka h3 span {background:transparent url(/images/logo.gif) no-repeat left top;cursor:pointer;height:60px;position:absolute;width:320px}
#hlavicka h4 {font-size:120%;float:left;margin:0 0 0 20px;width:234px;height:59px;font-size:10px}
#hlavicka h4 span {background:transparent url(/images/slogan.png) no-repeat top;height:59px;position:absolute;width:234px}
#hlavicka p {position:absolute;margin:4px 0 0 365px;border:1px solid #aeaeae;background:#fff;padding:3px 5px}

#menu {width:950px;position:absolute;top:69px;margin:0 10px;height:40px;background:#c5e5f4 url(/images/menu_poz.gif) top no-repeat}
#menu ul {margin:0 0 0 10px}
#menu li {float:left;height:36px;background:url(/images/oddel.gif) right no-repeat;text-transform:uppercase}
#menu li a {text-decoration:none;float:left;display:block;height:40px;margin:0 1px;padding:0 15px;line-height:260%;color:#065b92}
#menu li a:hover {background:url(/images/menu_sipka.gif) bottom no-repeat;text-decoration:underline}
#menu .prave {float:right;margin:0 10px 0 0;background:url(/images/oddel.gif) left no-repeat}
#menu .prave a {padding:0 50px 0 15px}
#menu .prave span {margin:10px 0 0 50px;position:absolute;width:25px;height:15px;cursor:pointer;background:url(/images/menu_kosik.gif) right no-repeat}
#menu .kos span {margin:10px 0 0 70px}
#menu .aktivni {background:url(/images/menu_aktivni.gif) top right no-repeat}
#menu .aktivni a {background:url(/images/menu_sipka_aktivni.gif) bottom no-repeat;text-decoration:underline}

#levy {float:left;width:199px;margin:63px 0 0 10px;background:#fff;text-align:left}
#levy div {padding:0 0 5px 0;margin:0 0 20px 0}
#levy h3 {margin:0 0 0 10px;padding:5px 0 0 0;color:#9a6c48}
#levy ul {margin:5px 0 0 7px}
#levy .odl {border-top:2px solid #e0e0e0;padding-top:15px}
#levy li {margin:3px 0}
#levy h4 {margin:10px 0 0 5px}
#levy p {margin:0px 5px;font-size:90%}
#levy p span {font-size:80%}
#levyProdukty {background:#f1e4ba url(/images/levyProdukty.gif) top no-repeat}
#levyProdukty li {background:url(/images/ikonka_pekarna.gif) left no-repeat;padding:2px 0 2px 25px;margin:9px 0;line-height:130%}
#levyProdukty .smes {background:url(/images/ikonka_smes.gif) left no-repeat}
#levyProdukty .vaha {background:url(/images/ikonka_vaha_mala.gif) left no-repeat}
#levyProdukty a {font-size:110%;font-weight:bold;}
#levyTipy {background:#e7f9c7 url(/images/levyTipy.gif) top no-repeat}
#levyTipy ul {padding:10px 0 5px 0}
#levyTipy li {background:url(/images/ikonka_sipka.gif) left no-repeat;padding:0px 0 0 10px;line-height:130%}
#levyAktuality {background:#f7f9c0 url(/images/levyAktuality.gif) top no-repeat;min-height:325px}
#levy li a {width:182px;display:block}
#levyProdukty li a {width:167px;display:block}
#levy .aktivni a {background:url(/images/levy_aktivni.gif) right no-repeat;color:#548f1a;text-decoration:none}

#obsah {float:right;width:740px;background:#fff;margin:63px 10px 0 0;text-align:left}
#obsah h2,h3,h4 {margin:10px 0 4px 0}
#obsah p {margin:3px 0}
#obsah .drobeckovaNavigace {margin:0;padding:0 15px;height:30px;line-height:210%;background:#fff url(/images/drobec_navigace.gif) top no-repeat;border-bottom:1px solid #bce0f2}
#obsah h1,#obsah h2,#obsah h3 {color:#704f34}
#obsah .obrazek {float:left;margin:10px 10px 5px 0;padding:15px;background:#e4f1f9}
#obsah .right {float:right}
#obsah .obrazek img {border:1px solid #fff}
#obsah .obrazek p {text-align:center;font-size:90%;padding:0;margin:0}
#obsah .produkt {float:left;width:365px;border-right:1px solid #BCE0F2;border-bottom:1px solid #BCE0F2;padding:2px 1px 2px 3px;min-height:215px}
#obsah .produkt form {margin:0;padding:0}
#obsah .produkt h2,#obsah .produkt h3 {font-size:110%;font-weight:bold;margin:5px 0;padding:0 0 0 10px}
#obsah .produkt .l {float:left;width:172px;margin:0 5px 0 10px}
#obsah .produkt .doprava {position:absolute;margin-top:-1px}
#obsah .produkt .akce {margin:15px 0 0 116px;position:absolute}
#obsah .produkt .skladem {margin:-1px 0 0 116px;position:absolute}
#obsah .produkt .garance {margin:119px 0 0 63px;position:absolute}
#obsah .produkt .novinka {margin:119px 0 0 0;position:absolute}
#obsah .produkt .akce img,#obsah .produkt .doprava img,#obsah .produkt .skladem img,#obsah .produkt .garance img,#obsah .produkt .novinka img {border:none}
#obsah .produkt .obr {border:0px solid #f0f0f0;display:block;padding:0;height:137px}
#obsah .produkt img {border:1px solid #ccc;padding:0;margin:0}
#obsah .produkt .ld {margin:0 0 5px 10px;width:360px}
#obsah .produkt p {font-size:85%;line-height:120%}
#obsah .produkt .popis {padding:0 3px 0 0;margin-bottom:0}
#obsah .porovnat {font-size:90%;margin:10px 5px 0 0;float:right}
#obsah .produkt .cena {float:left;font-size:90%;font-weight:bold;margin:5px 10px 0 0}
#obsah .produkt .cena span {font-size:80%;font-weight:normal}
#obsah .produkt .sklad {float:left;font-size:90%;font-weight:bold;margin:5px 5px 0 0}
#obsah .produkt .sklad strong {cursor:help;border-bottom:1px dashed #bc6908}
#obsah .produkt .sklad span {font-size:90%;font-weight:normal}
#obsah .produkt .dokosiku {float:right;margin:0 15px 0 0}
#obsah ul li {list-style:square inside url(/images/li.gif);margin:5px 0 10px 0}
#obsah .recepty h3, #obsah .recepty p {font-size:85%}
#obsah table.z {border:1px solid #ccc}
#obsah table.z td {padding:5px 20px;background:#f0f0f0;border-top:1px solid #e0e0e0}
#obsah table.z th {padding:5px 20px;background:#e0e0e0;border-bottom:1px solid #ccc}
#nejprodavanejsi table {width:740px}
#nejprodavanejsi table td {border-bottom:1px solid #bce0f2;padding:3px 20px 3px 0;margin:0;font-size:90%}
#nejprodavanejsi table .text {font-size:70%}
#nejprodavanejsi table .nazev {font-size:120%}
#nejprodavanejsi .sklad {margin:0}

#obsah .obsahLevy {width:310px;float:left}
#obsah .obsahPravy {width:415px;float:right}
#obsah .obrProdukt {width:320px;float:left}
#obsah .obrProdukt img {border:1px solid #b2b2b2}
#obsah .nwp img {margin-right:2px}
#obsah .ld {float:left;width:225px}
#obsah p,#obsahUObjednavky p {margin:0 0 10px 0}
#obsah ul {list-style:outside square none}
#obsah .cena {font-size:110%;font-weight:bold;color:#548f1a}
#obsah .cena span {font-size:90%;color:#000}
#obsah .sklad {font-size:110%;font-weight:bold;color:#b86d14}
#obsah .sklad span {font-size:90%;color:#000}
#obsah .sklad .male {font-size:70%;color:#000;margin-top:-10px;}
#obsah .sklad strong {cursor:help;border-bottom:1px dashed #bc6908}
#obsah .dokosiku {float:right;margin:7px 10px 0 0}
#obsah p.garance {background:#e0f0f9;border:1px solid #BCE0F2;line-height:130%;padding:3px}
#obsah .parametry {clear:both;width:305px;border-top:20px solid #fff}
#obsah #parametry {width:300px}
#obsah #parametry th {background:#bce0f2}
#obsah #parametry td {border-bottom:1px solid #bce0f2}
#obsah .proProti {width:415px}
#obsah .pro {float:left;width:200px;padding:5px 0 0 0;font-size:90%}
#obsah .pro li {list-style:square outside url(/images/plus.gif);margin:0 0 0 20px}
#obsah .proti li {list-style:square outside url(/images/minus.gif);margin:0 0 0 20px}
#obsah .proti {float:right;width:170px;padding:5px 0 0 0;font-size:90%}
#obsah .zhodnoceni {clear:both;padding:10px 0 0 0}
#obsah .razeni {float:left}
#obsah .razeni div {float:right;margin-right:15px}
#obsah .souvisejici div,#obsahUObjednavky .souvisejici div {text-align:center;float:left;margin:0 0 0 0;width:135px;border-right:1px solid #BCE0F2}
#obsah .mapaWebu li {margin:0;padding:0;font-size:120%}
#obsah .mapaWebu ul {margin-left:20px;font-size:70%}
#obsah .obchod {background:#F7F9C0;padding:10px 15px}
#obsah .vystraha {background:#ffcc99 url(/images/vystraha.gif) left no-repeat;padding:6px 6px 6px 55px;border:1px solid #ff3300;font-size:85%}
#obsah .invisible {display:none}
#obsah .heurekaItem {margin:0 0 20px 0;border-bottom:8px solid #e0e0e0;padding:10px}
#obsah .heurekaItem .plus {float:left;width:350px}
#obsah .heurekaItem .minus {float:right;width:350px}
#obsah .heurekaItem ul {border-left:5px solid #669933;padding:0 0 0 15px}
#obsah .heurekaItem .minus ul {border-color:#b52b00}
#obsah .heurekaItem li {list-style-image:url(/images/plus.gif)}
#obsah .heurekaItem .minus li {list-style-image:url(/images/minus.gif)}
#obsah .heurekaItem p {margin:10px 20px 0 0;padding:0 10px;border-left:5px solid #f0f0f0}
#obsah .heurekaItem table {float:right;width:350px;font-size:85%;margin:0 0 0 20px}
#obsah .heurekaItem table td {width:150px;}
/* komentare */
#obsah #komentar li {list-style:none}
#obsah #komentar li li {margin:0}
#obsah #komentar .odsazeni {margin:0 0 0 100px}
#obsah .komentar {font-size:9pt}
#obsah .komentar .radek {padding:3px 10px;margin:10px 0 0 0;position:relative}
#obsah .komentar .textKomentare {margin:0;padding:3px 10px;background:url(/images/textkomentare.gif) top repeat-x #fff;position:relative}
#obsah .komentar .textKomentare p {border:1px solid #b2b2b2;padding:5px 15px;margin:-3px -10px}
#obsah .lu,#obsah .ldd,#obsah .ru,#obsah .rd,#obsah .bub {position:absolute}
#obsah .lu,#obsah .ru {top:0px}
#obsah .ldd,#obsah .rd {bottom:0px}
#obsah .lu {left:0px;background:#fff url(/images/lu.gif) left top no-repeat}
#obsah .ru {right:0px;background:#fff url(/images/ru.gif) right top no-repeat}
#obsah .ldd {left:0px;background:#fff url(/images/ld.gif) left bottom no-repeat}
#obsah .rd {right:0px;background:#fff url(/images/rd.gif) right bottom no-repeat}
#obsah .lu,#obsah .ldd,#obsah .ru,#obsah .rd {width:7px;height:7px;font-size:0px}
#obsah .bub {margin:-18px 0 0 350px;width:17px;height:16px;background:url(/images/radek.gif) top no-repeat}
#obsah .druhaUroven {margin:0 0 0 50px}
#obsah .tretiUroven {margin:0 0 0 100px}
#obsah .komentar label {float:left;width:130px}
#obsah .komentar h3 {padding:3px 5px;background:#bce0f2;margin:0 0 15px 0}
#obsah .maly {font-size:85%;position:absolute;float:left;margin:-5px 0 0 0}
#obsah .male {font-size:92%;margin-bottom:0}
#vlozit-komentar {padding:10px 0 0 0}
#objSubmit {padding:10px 30px;cursor:pointer}

#obsah h2,#obsahUObjednavky h2 {margin-top:-23px;padding-top:0;font-size:100%;font-weight:bold;color:#000}
#obsah h2.normal,#obsahUObjednavky h2.normal {margin-top:0;color:#704f34;font-size:120%}
#obsah h2 span,#obsahUObjednavky h2 span {padding:0 5px;background:url(/images/h2.gif) 0 8px repeat-x}
#bilaPlocha {width:199px;height:120px;background:#fff;float:right;margin:0 0 5px 10px}
#radce {top:123px;margin:0 0 0 541px;position:absolute;background:#f7f9c0 url(/images/levyAktuality.gif) top no-repeat;width:199px}
#radce h4 {margin:0 7px 0 10px;padding:5px 0 4px 0;color:#9a6c48;text-align:left}
#radce p {line-height:120%;font-size:85%;text-align:left;margin:0 0 10px 7px}
#radce a {font-size:90%}
#radce img {float:right;margin:0 8px 0 0}
#obsah .bilaPlochaTop {top:163px;}
#obsah .nabidkaPekaren div {margin-top:5px;height:85px;border-bottom:7px solid #f7f9c0}
#obsah .nabidkaPekaren strong {float:left;width:280px;height:80px;text-align:center;line-height:140%}
#obsah .nabidkaPekaren strong a {float:left}
#obsah .nabidkaPekaren strong .a {height:80px;width:120px;padding-top:30px}
#obsah .nabidkaPekaren span {float:left;width:120px;text-align:center;margin-top:30px;color:#404040}


fieldset {margin:5px 0 0 0;padding:10px 0 10px 0;border:0;border-top:2px solid #bce0f2;background:#fff url(/images/filter.gif) top repeat-x}
legend {padding:0 10px;font-weight:bold}

#paticka {clear:both;margin:10px 0;padding:20px 0 0 0;background:#fff;border-top:3px solid #8c643e;border-bottom:10px solid #fff;font-size:85%;color:#454545;text-align:left}
#paticka div {float:left;width:240px;height:200px}
#paticka div p {margin:10px 0 0 0}

table {font-size:90%;margin:0;padding:0}
#srovnani .float div {float:left;width:174px}
#srovnani .float .prvniSloupec {width:310px}
#srovnani .float .prvniSloupec p {width:310px}
#srovnani .float div p {float:right;text-align:center}
#srovnani .float div .nofloat {clear:both;float:right;text-align:right}
#srovnani .float div .nofloat .cena {margin:5px 10px 0 20px;width:100px}
#srovnani .float table {float:left}
#srovnani .float table td {vertical-align:middle;width:170px;height:130px;padding:2px 2px 0 2px;background:#fff;border-bottom:1px solid #BCE0F2;border-right:1px solid #BCE0F2;line-height:130%}
#srovnani .float table .z {width:130px;background:#E4F1F9}
#srovnani th {background:#E4F1F9}

#obj {width:100%}
#obj th {background:#e4f1f9;padding:2px 10px}
#obj td {background:#f2f9fd;padding:2px 10px}
#obj .cena td {font-weight:bold;background:#e4f1f9}

/* prihlaseni */
#prihlaseni label {float:left;width:100px}
.submitL {float:left;padding:7px 25px;cursor:pointer}

/* registrace */
.osloveni {cursor:help}
.osloveni span {border-bottom:1px dashed #000}
.objL .delsi,.objP .delsi {width:230px}
.ulozeno {border:1px solid #00CC00;background:#ccff99;padding:10px 30px}

/* kosik */
#kosik {width:97%}
#kosik th {background:#e4f1f9;padding:2px 10px}
#kosik td {padding:2px 10px;border-bottom:1px solid #bce0f2}
#kosik td span {color:#606060;font-size:85%}
#kosik .cena td {background:#e4f1f9}
td.cena {text-align:right}
td.odebrat {width:90px}
td.vyrobek {width:250px}
#kosik td.cCena {text-align:right;padding-right:122px}
.kosikObj {float:right;margin:10px 22px;padding:10px 30px;cursor:pointer}

/* objednavka */
.obj {clear:both;margin:0}
#objOdkaz {float:left}
#objSubmit,#objKomentar,#searchsubmitv {float:right;padding:10px 30px;cursor:pointer}
#objKomentar {float:left}
.obj2 label {float:left;width:100px}
#obsahUObjednavky .obj2 label {float:left;width:75px}
.velkePismo {font-size:120%}
.velkePismo span {font-size:80%;display:block;margin:0 0 0 20px}
.objL {float:left;width:350px;margin:0 0 15px 0}
.objP {float:right;width:320px;}
.chyba {background:#fff url(/images/alert.gif) left no-repeat;padding:0 0 0 40px}
.vypln {clear:both;font-size:90%;padding:0}
.validation-advice {margin:5px 0;padding:5px 5px 5px 40px;background:#fff url(/images/alert.gif) left no-repeat;color:#000;font-weight:bold}
.validation-passed {border:1px solid #00CC00;background:#ccff99}
.validation-failed {border:1px solid #FF3300;background:#ffcc99}

/* kosik plus objednavka */
#obsahUObjednavky {float:left;width:710px;background:#fff;margin:63px 0 0 10px;text-align:left;padding-bottom:100px}
#obsahUObjednavky ul li {margin-top:7px}
#obsahUObjednavky .poznamka label {float:none;width:auto;font-size:85%}
#obsahUObjednavky textarea {height:70px;width:690px}
#obsahUObjednavky h1 {color:#704f34}
#pravy {float:right;width:229px;margin:73px 10px 0 0;padding:0;background:#fff;text-align:left}
#pravy div {border:1px solid #dcf1b8;background:#fff;margin-bottom:20px}
#pravy .pravy p {line-height:130%;margin:0}
#pravy .pravy li {line-height:130%}
#pravy .pravy h3 {font-size:110%}
#pravy .kosik {background:#e7f9c7 url(/images/pozadi_obj.gif) top repeat-x;border:1px solid #d4efa5}
#pravy .kosik h3 {background:#d4efa5;font-size:110%;border:none}
#pravy .kosik img {border:1px solid #ccc;margin:0}
#pravy .kosik .tucne {font-weight:bold}
#pravy h3 {padding:3px 4px;margin:0;background:#E7F9C7;border-bottom:1px solid #dcf1b8;font-size:85%;font-weight:normal}
#pravy h4 {padding:1px 4px;margin:0;font-size:90%;font-weight:bold;}
#pravy img {margin:5px;float:left}
#pravy p img {float:none;display:inline;margin:2px 0 0 0;padding-top:2px}
#pravy p {font-size:75%;line-height:150%;padding:5px 0 5px 5px}
#pravy p .male {font-size:90%}
#pravy p strong {font-size:110%}
#pravy ul {list-style:inside square none;font-size:85%;padding-left:5px}
#ukazatel {height:50px;width:720px;margin-top:10px}
#ukazatel div {width:150px;height:45px;float:left;line-height:270%;background:#f7f9c0 url(/images/ukazatel_sedy.gif) top no-repeat}
#ukazatel div a,#ukazatel div strong {padding-left:10px;font-weight:bold}
#ukazatel div a {color:#000;text-decoration:none}
#ukazatel div a:hover {color:#065b92;text-decoration:underline}
#ukazatel .aktivni {color:#704F34;background:#f7f9c0 url(/images/ukazatel_barevny_sipka.gif) top no-repeat}
#ukazatel .krok4 {width:180px;background:#f7f9c0 url(/images/ukazatel_sedys.gif) top no-repeat}
#ukazatel span {float:left;margin:7px 3px 0 3px;color:#808080}
#pokracovatVObjednavce,.pokracovatVObjednavce,.dokoncitObjednavku {width:250px;height:36px;padding:0;border:none;background:#548f1a url(/images/objednavka_krok.gif) top no-repeat;color:#fff;text-align:left;text-indent:10px;text-transform:uppercase}
.pokracovatVObjednavce {padding:0;margin:0;text-indent:-15px}
.dokoncitObjednavku {background:#548f1a url(/images/objednavka_dokonceni.gif) top no-repeat;}

/* vyhledavani */
#vyhledavani {text-align:left;position:absolute;top:20px;width:150px;margin:-11px 0 0 810px;background:url(/images/lupa.gif) bottom right no-repeat}
#vyhledavani form {padding:0;margin:0}
#vyhledavani input {margin:2px 0 0 10px;border:1px solid #aeaeae}
#searchphrasev {width:500px;padding:4px 7px;font-size:160%}
#searchphrase {padding:1px 2px;display:block}
#searchsubmit {float:none;display:block;padding:1px 10px;background:#d7d7d7 url(/images/submit.gif) top repeat-x}
#searchsubmitv {float:none}
/*styly pro ajax. vyhledavani*/
#smartInputFloater {text-align:center;margin:0 auto;width:192px;z-index:2;padding:0;display:none}
#smartInputFloaterContent {z-index:2;position:absolute;top:33px;background:#fff;border:1px solid #BCE0F2;color:#636363;padding:0;margin:0 0 0 431px;display:block;width:192px}
.matchedSmartInputItem {padding:0;margin:0;cursor:pointer;text-align:left}
.selectedSmartInputItem {color:#000;background:#E4F1F9;margin:0;padding:0}
#smartInputResults {padding:0;margin:0}
.siwCredit {margin:10px 0 0 0;padding:0;font-size:0.7em;color:black}

/* lightbox */
#lightbox {position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img {border:none}
#outerImageContainer {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer {padding:10px}
#loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav {left:0}
#hoverNav a {outline:none}
#prevLink, #nextLink{width:49%;height:100%;background:transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink {left:0;float:left}
#nextLink {right:0;float:right}
#prevLink:hover, #prevLink:visited:hover {background:url(/images/prevlabel1.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background:url(/images/nextlabel1.gif) right 15% no-repeat}
#imageDataContainer {font:15px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData {padding:0 10px;color:#666}
#imageData #imageDetails {width:70%;float:left;text-align:left}	
#imageData #caption {font-weight:bold}
#imageData #numberDisplay {display:block;clear:left;padding-bottom:1.0em}			
#imageData #bottomNavClose {width:66px;float:right;padding-bottom:0.7em}	
#overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000}
