body {margin: 0; padding: 0; text-align: center; background: #e6e6e6; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 0.75em; color: #7f7f7f;}
table, td, th, input, select, textarea {font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 1em;}
a {color: #D10000;}
a.sipka {background: url(img/odkaz-cerveny.gif) no-repeat right; padding: 0 25px 0 0; font-weight: bold;}
a.sipkaBila {background: url(img/odkaz-bily.gif) no-repeat right; padding: 0 25px 0 0; font-weight: normal;}
a img {border: none;}
/* h1 {background: url(img/bg-h2.gif) no-repeat left 0.3em; font-size: 1.1em; margin: 10px 0; color: #000; padding: 0 0 0 25px;} */
h1 {font-size: 1.1em; margin: 10px 0; color: #000; padding: 0 0 0 10px;}
/*h2 {background: url(img/bg-h2.gif) no-repeat left 0.3em; font-size: 1.1em; margin: 10px 0; color: #000; padding: 0 0 0 25px;}*/
h2 {font-size: 1.1em; margin: 10px 0; color: #000; padding: 0 0 0 10px;}
h3 {margin: 15px 0 3px 0; background: url(img/odr.gif) no-repeat left 0.4em; font-size: 1.1em; color: #990000; padding: 0 0 0 12px;}
p {margin: 0 0 15px 0; text-align: justify;}

#container1 {width: 863px; margin: 0 auto; background: #fff url(img/bg-container.gif) repeat-y;}
#container2 {width: 809px; margin: 0 auto; position: relative; text-align: left; background: url(img/bg-sloupec1.gif) repeat-y left;}
#container2-chef {width: 809px; background: url(img/bg-sloupec1-chef.gif) repeat-y left;}
#container2-maggi {width: 809px; background: url(img/bg-sloupec1-maggi.gif) repeat-y left;}

/* hlavicka */
#hlavicka {background: url(img/bg-hlavicka.gif) repeat-x; border-bottom: 7px solid #BF0202; height: 110px; _height: 117px; overflow: hidden; position: relative;}
#hlavicka-chef {background: url(img/bg-hlavicka-chef.gif) repeat-x; border-bottom: 7px solid #BF0202; height: 110px; _height: 117px; overflow: hidden; position: relative;}
#hlavicka-maggi {background: url(img/bg-hlavicka-maggi.gif) repeat-x; border-bottom: 7px solid #BF0202; height: 110px; _height: 117px; overflow: hidden; position: relative;}
#logo {position: absolute; top: 11px; left: 18px;}
#cr {position: absolute; top: 8px; right: 13px;}
#slogan {position: absolute; top: 19px; left: 173px;}
#hledani {position: absolute; top: 55px; right: 14px; color: #b2b2b2;}
#hledani input {background: transparent; border: 1px solid #b2b2b2; color: #fff; font-size: 0.9em; vertical-align: middle;}
#hledani select {font-size: 0.9em; vertical-align: middle;}

#menu1 {position: absolute; bottom: 0px; right: 0px; height: 23px; line-height: 23px; overflow: hidden; font-size: 12px; border-right: 1px solid #ccc;}
#menu1 a {float: right; display: block; text-decoration: none; color: #000; background: url(img/bg-menu1.gif) repeat-x bottom;}
#menu1 a#aktivni {color: #fff; background: url(img/bg-menu1-over.gif) repeat-x bottom; border-right: 1px solid #ccc;}
#menu1 a .item {background: url(img/bg-menu1-roh.gif) no-repeat left bottom; padding: 0 10px;}
#menu1 a#aktivni .item {background: url(img/bg-menu1-roh-over.gif) no-repeat left bottom;}
#menu1 a:hover {text-decoration: underline;}


/* sloupec1 */
#sloupec1 {float: left; width: 174px; margin: 0 3px 0 0;}
#sloupec1 .logo {margin-top: 15px; padding-bottom: 5px }
#menu2 {background: url(img/bg-menu2.gif) repeat-y right; margin: 15px 3px 15px 0px;}
#menu2-chef {background: url(img/bg-menu2-chef.gif) repeat-y right; margin: 15px 3px 15px 0px;}
#menu2-maggi {background: url(img/bg-menu2-maggi.gif) repeat-y right; margin: 15px 3px 15px 0px;}
#menu2 a {display: block; border-bottom: 1px solid #D7D7D7; color: #868686; padding: 5px 15px 5px 10px; text-decoration: none; font-weight: bold; border-left: 6px solid #fff; background: url(img/bg-menu2-item.gif) no-repeat 150px 50%;}
#menu2-chef a {display: block; border-bottom: 1px solid #D7D7D7; color: #868686; padding: 5px 15px 5px 10px; text-decoration: none; font-weight: bold; border-left: 6px solid #fff; background: url(img/bg-menu2-item.gif) no-repeat 150px 50%;}
#menu2-maggi a {display: block; border-bottom: 1px solid #D7D7D7; color: #868686; padding: 5px 15px 5px 10px; text-decoration: none; font-weight: bold; border-left: 6px solid #fff; background: url(img/bg-menu2-item-maggi.gif) no-repeat 150px 50%;}
#menu2 a:hover {color: #333; border-left: 6px solid #ab0000; background: url(img/bg-menu2-item-over.gif) no-repeat 150px 50%;}
#menu2-chef a:hover {color: #333; border-left: 6px solid rgb(140,129,75); background: url(img/bg-menu2-item-over-chef.gif) no-repeat 150px 50%;}
#menu2-maggi a:hover {color: #333; border-left: 6px solid rgb(247,0,11); background: url(img/bg-menu2-item-over-maggi.gif) no-repeat 150px 50%;}
.banner {margin: 10px 0;}

#menu3 { margin-bottom: 10px;}
#menu3 a {display: block; border-bottom: 0px; color: #868686; font-size: 8pt; padding: 5px 15px 5px 10px; text-decoration: none; font-weight: normal; }

/* sloupec 2 */
#sloupec2 {float: left; width: 632px;}
#motiv {}
#hlavni {border-bottom: 7px solid #BF0101; color: #4c4c4c; margin: -20px 0 3px 0;}
#hlavni .obr {float: left; width: 167px; position: relative; z-index: 10;}
#hlavni .text {float: left; width: 432px; _width: 461px; margin: 24px 0 0px 3px; padding: 0 15px; display: inline; background: url(img/bg-hlavni.gif) no-repeat left top;}
#hlavni h3 {font-size: 1.2em;}

#novinky {float: left; width: 390px; border-top: 1px dotted #919191; border-right: 1px dotted #919191; margin: 0 4px 4px 0;}

.novinka {background: url(img/sep.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0 0 10px 0; z-index: 100; }
.novinka .obr {float: left; width: 140px; margin: 0 7px 0 0; padding: 1px 1px 1px 1px; border: 1px solid rgb(189,189,189); }
.novinka .obr img {}
.novinka .text {float: left; width: 215px;}
.novinka h1 {margin: 0px 0 3px 0; background: url(img/odr.gif) no-repeat left 0.4em; font-size: 1.1em; color: #990000; padding: 0 0 0 12px;}}
.novinka h1 a {text-decoration: none;}
.novinka h1 a:hover {text-decoration: underline;}
.novinka h2 {margin: 0px 0 3px 0; background: url(img/odr.gif) no-repeat left 0.4em; font-size: 1.1em; color: #990000; padding: 0 0 0 12px;}}
.novinka h2 a {text-decoration: none;}
.novinka h2 a:hover {text-decoration: underline;}
.novinka .text img {vertical-align: middle;}

.novinka-detail {background: url(img/sep.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0 0 10px 0; z-index: 100; width: 595px;}
.novinka-detail .obr {float: left; width: 140px; margin: 0 7px 0 0; padding: 1px 1px 1px 1px; border: 1px solid rgb(189,189,189); }
.novinka-detail .obr img {}
.novinka-detail .text {float: left; width: 215px;}
.novinka-detail h1 {margin: 0px 0 3px 0; background: url(img/odr.gif) no-repeat left 0.4em; font-size: 1.1em; color: #990000; padding: 0 0 0 12px;}}
.novinka-detail h1 a {text-decoration: none;}
.novinka-detail h1 a:hover {text-decoration: underline;}
.novinka-detail h2 {margin: 0px 0 3px 0; background: url(img/odr.gif) no-repeat left 0.4em; font-size: 1.1em; color: #990000; padding: 0 0 0 12px;}}
.novinka-detail h2 a {text-decoration: none;}
.novinka-detail h2 a:hover {text-decoration: underline;}
.novinka-detail .text img {vertical-align: middle;}


.novinka-full {background: url(img/sep.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.novinka-full .obr {float: left; width: 140px; margin: 0 7px 0 0; padding: 1px 1px 1px 1px; border: 1px solid rgb(189,189,189); }
.novinka-full .text {float: left; width: 450px;}
.novinka-full h3 {margin-top: 0;}
.novinka-full .text img {vertical-align: middle;}

.novinky-promo {float: left; width: 296px; vertical-align: top;}
.novinky-promo h3 {display: inline;}

.novinky-udalosti {margin-left: 307px;}
.novinky-udalosti h3 {display: inline;}
.novinky-cleaner {height: 1px; overflow: hidden; }
.novinka-half {padding: 0 0 10px 0; margin: 0px 0 10px 0; margin-bottom: 10px;}
.novinka-half .obr {float: left; width: 70px; margin: 0 5px 0 0; padding: 1px 1px 1px 1px; border: 1px solid rgb(189,189,189);}
.novinka-half .text {float: left; width: 217px;}
.novinka-half h3 {margin-top: 0;}
.novinka-half .text img {vertical-align: middle;}

.servis {background: url(img/sep.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.servis .obr {float: left; margin: 0 7px 0 0;}
.servis .text {float: left; width: 600px;}
.servis h1 {margin: 0px 0 3px 0; background: url(img/odr.gif) no-repeat left 0.4em; font-size: 1.1em; color: #990000; padding: 0 0 0 12px;}}
.servis h1 a {text-decoration: none;}
.servis h1 a:hover {text-decoration: underline;}
.servis h2 {margin: 0px 0 3px 0; background: url(img/odr.gif) no-repeat left 0.4em; font-size: 1.1em; color: #990000; padding: 0 0 0 12px;}}
.servis h2 a {text-decoration: none;}
.servis h2 a:hover {text-decoration: underline;}
.servis .text img {vertical-align: middle;}


#sloupec3 {float: left; width: 237px; background: url(img/bg-sloupec3.gif) repeat-y left; margin: 0 0 4px 0; color: #fff; border-bottom: 5px solid #BF0202;}
/*#sloupec3 h2 {background: url(img/bg-h2-sloupec3.gif) no-repeat left 0.3em; color: #fff;}*/
#sloupec3 h2 {color: #fff;}
#sloupec3 a {color: #fff;}
#sloupec3 .sep {border-bottom: 1px dotted #fff; height: 1px; overflow: hidden; margin: 20px 0;}
#sloupec3 p {text-align: left;}
#sloupec3 .anketa {margin: 5px 0 5px 25px; font-size: 0.9em;}
#sloupec3 .bar {text-align: right; background-color: black; height: 12px; color: white; font-size: 0.8em; padding: 1px 1px 0px 1px; !padding: 1px 1px 1px 1px; width: 161px; border: 1px solid white;}
#sloupec3 .bar-procenta {background: url(img/anketa-pruh.jpg) repeat-y; color: white; padding: 0px 2px 0px 2px; text-align: left; height: 11px; float: left;}

#produkty {border-top: 1px dotted #919191; margin: 5px 0; background: url(img/bg-hlavni.gif) no-repeat left 5px; }
#produkty-img {background: url(img/bg-hlavni.gif) no-repeat left 5px; border-top: 1px dotted #919191; margin: 5px 0; width: 325px;}
.produktyH1 {background: url(img/nn.gif) !important; padding: 0 0 0 10px !important;}
#produkty #vypis {float: right; font-size: 0.9em; color: #4C4C4C; margin: 10px 0;}
#produkty #vypis a {color: #8E834A;}
#produkty #produkty1 {float: left; width: 125px; font-size: 0.9em; margin: 0 10px 0 0; text-align: center;}
#produkty #produkty1 .kategorie-nadpis {color: black; font-weight: bold; font-size: 1.2em;}
#produkty #produkty1 img {margin: 0 0 10px 0;}
/*
BACKUP 18.12.2007
#produkty table#produkty2 {float: left; width: 475px; border: none; border-collapse: collapse; border-top: 1px dotted #919191; border-left: 1px dotted #919191;}
#produkty table#produkty2 td {vertical-align: bottom; border-right: 1px dotted #919191;} 
#produkty table#produkty2 th {vertical-align: top; background: url(img/bg-produkty.gif) repeat-x bottom; font-size: 0.9em; border-bottom: 1px dotted #919191; border-right: 1px dotted #919191;}
 */
#produkty table#produkty2 {float: left; width: 475px; border: none; }
#produkty table#produkty2 td, #produkty table#produkty2 th {text-align: center; width: 33%; padding: 5px;}
#produkty table#produkty2 td {vertical-align: bottom; }
#produkty table#produkty2 th {vertical-align: top; background: url(img/bg-produkty.gif) repeat-x bottom; font-size: 0.9em; }
#produkty-zruseno .obsah {background: url(img/sep-produkty.gif) no-repeat bottom;}
#produkt-obrazek {margin-top: 20px; float: left; line-height: 125%; width: 200px; text-align: left;}
#produkt-obrazek img {margin-bottom: 20px; }
#produkt-popis {margin-top: 20px; padding-left: 210px;}
#produkt-prilohy {font-size: 8pt;}
#produkt-prilohy ul {padding: 0; margin-left: 20px; margin-top: 5px; list-style-type: square;}
#produkt-prilohy li {margin-bottom: 3px; }
#produkt-recepty {font-size: 8pt;}
#produkt-recepty ul {padding: 0; margin-left: 20px; margin-top: 5px; list-style-type: square;}
#produkt-recepty li {margin-bottom: 3px;}

#produkty-chef {background: url(img/bg-hlavni.gif) no-repeat left 5px; border-top: 1px dotted #919191; margin: 5px 0;}
#produkty-chef-img {background: url(img/bg-hlavni.gif) no-repeat left 5px; border-top: 1px dotted #919191; margin: 5px 0; width: 325px;}
#produkty-chef #vypis {float: right; font-size: 0.9em; color: #4C4C4C; margin: 10px 0;}
#produkty-chef #vypis a {color: #8E834A;}
#produkty-chef #produkty1 {float: left; width: 125px; font-size: 0.9em; margin: 0 10px 0 0;}
#produkty-chef #produkty1 img {margin: 0 0 10px 0;}
#produkty-chef table#produkty2 {float: left; width: 475px; border: none; border-collapse: collapse; border-top: 1px dotted #919191; border-left: 1px dotted #919191;}
#produkty-chef table#produkty2 td, #produkty table#produkty2 th {text-align: center; width: 33%; padding: 5px;}
#produkty-chef table#produkty2 td {vertical-align: bottom; border-right: 1px dotted #919191;}
#produkty-chef table#produkty2 th {vertical-align: top; background: url(img/bg-produkty.gif) repeat-x bottom; font-size: 0.9em; border-bottom: 1px dotted #919191; border-right: 1px dotted #919191;}
#produkty-chef-zruseno .obsah {background: url(img/sep-produkty-chef.gif) no-repeat bottom;}

#produkty-maggi {background: url(img/bg-hlavni.gif) no-repeat left 5px; border-top: 1px dotted #919191; margin: 5px 0;}
#produkty-maggi-img {background: url(img/bg-hlavni.gif) no-repeat left 5px; border-top: 1px dotted #919191; margin: 5px 0; width: 325px;}
#produkty-maggi #vypis {float: right; font-size: 0.9em; color: #4C4C4C; margin: 10px 0;}
#produkty-maggi #vypis a {color: #8E834A;}
#produkty-maggi #produkty1 {float: left; width: 125px; font-size: 0.9em; margin: 0 10px 0 0;}
#produkty-maggi #produkty1 img {margin: 0 0 10px 0;}
#produkty-maggi table#produkty2 {float: left; width: 475px; border: none; border-collapse: collapse; border-top: 1px dotted #919191; border-left: 1px dotted #919191;}
#produkty-maggi table#produkty2 td, #produkty table#produkty2 th {text-align: center; width: 33%; padding: 5px;}
#produkty-maggi table#produkty2 td {vertical-align: bottom; border-right: 1px dotted #919191;}
#produkty-maggi table#produkty2 th {vertical-align: top; background: url(img/bg-produkty.gif) repeat-x bottom; font-size: 0.9em; border-bottom: 1px dotted #919191; border-right: 1px dotted #919191;}
#produkty-maggi-zruseno .obsah {background: url(img/sep-produkty-maggi.gif) no-repeat bottom;}



/* sekce */
#pruh {background: #fff; border-top: 1px dotted #919191; margin: 0 0 0 0; padding: 0 0;}

#sekce {padding: 0px 0 0 30px; background: #fff;}
#sekce a {float: left; display: block; margin: 5px 30px; overflow: hidden; position: relative;}
#sekce a span {position: absolute; top: 200px; left: 300px;}

#sekce a#chef {width: 119px; height: 54px; background: url(img/sekce-chef.gif) no-repeat 0px 0px;}
#sekce a#chef:hover {background: url(img/sekce-chef.gif) no-repeat -120px 0px;}
#sekce a#chef-aktivni {width: 119px; height: 54px; background: url(img/sekce-chef.gif) no-repeat -120px 0px;}

#sekce a#maggi {width: 115px; height: 59px; background: url(img/sekce-maggi.gif) no-repeat 0px 0px;}
#sekce a#maggi:hover {background: url(img/sekce-maggi.gif) no-repeat -116px 0px;}
#sekce a#maggi-aktivni {width: 115px; height: 59px; background: url(img/sekce-maggi.gif) no-repeat -116px 0px;}

#sekce a#nestle {width: 116px; height: 63px; background: url(img/sekce-nestle.gif) no-repeat 0px 0px;}
#sekce a#nestle:hover {background: url(img/sekce-nestle.gif) no-repeat -116px 0px;}
#sekce a#nestle-aktivni {width: 116px; height: 63px; background: url(img/sekce-nestle.gif) no-repeat -116px 0px;}

#sekce a#nescafe {width: 116px; height: 63px; background: url(img/sekce-nescafe.gif) no-repeat 0px 0px;}
#sekce a#nescafe:hover {background: url(img/sekce-nescafe.gif) no-repeat -117px 0px;}
#sekce a#nescafe-aktivni {width: 116px; height: 63px; background: url(img/sekce-nescafe.gif) no-repeat -117px 0px;}

#sekce .sepSekce {float: left; width: 1px; overlow: hidden; background: url(img/sep-sekce.gif) no-repeat; height: 90px;}

#recepty-sub1 {display: none; position: absolute; top: 110px; left: 705px; z-index: 5; width: 88px;} /* suroviny */
#recepty-sub2 {display: none; position: absolute; top: 110px; left: 570px; z-index: 5; width: 123px;} /* uprava */
#recepty-sub3 {display: none; position: absolute; top: 110px; left: 463px; z-index: 5; width: 95px;} /* obtiznost */
#recepty-sub4 {display: none; position: absolute; top: 110px; left: 361px; z-index: 5; width: 87px;} /* puvod */
#recepty-sub5 {display: none; position: absolute; top: 110px; left: 274px; z-index: 5; width: 73px;} /* rocni obdobi */
.recepty-sub {background-color: rgb(191,2,2); line-height: 150%; padding-left: 10px; padding-right: 5px; padding-bottom: 10px; z-index: 6; width: 100%; height: 100%;}
.recepty-sub a {display: block; color: white; text-decoration: none; }
.recepty-sub a:hover {text-decoration: underline; }

/* paticka */
#paticka {background: url(img/bg-paticka.gif) no-repeat top; width: 863px; margin: 0 auto; text-align: center; color: #7F7F7F; font-size: 0.8em; line-height: 2em; padding: 15px 0;}
#paticka a {color: #7F7F7F;}


/* tridy */
.cleaner {clear: both; height: 1px; overflow: hidden;}
.cleanerKhaki {clear: both; height: 7px; overflow: hidden; background: #8B8148;}
.obsah {padding: 10px;}
.tRight {text-align: right !important;}
.tCenter {text-align: center !important;}
.tLeft {text-align: left !important;}
.small {font-size: 0.9em;}

.ingredience td {padding-left: 4px; padding-top: 5px;}
.img-receptmesice {margin-right: 5px;}


.prod-kat {width: 305px; !width: 324px; }
.imgprod-b {background: url(img/img-produkty-b.jpg) no-repeat right 10px; min-height: 550px;}
.imgrec-b {background: url(img/img-recepty-b.jpg) no-repeat right 10px; min-height: 650px;}
.imgrec-in {background: url(img/img-recepty-in.jpg) no-repeat right top; }
.recept-detail-postup {float: left; background: white; width: 330px;}
.recept-detail-ingredience {float: left; background: white; width: 250px;}

.cnt-home {margin-left: 2px; margin-top: 5px; margin-bottom: 5px; width: 630px; height: 587px; background: url(img/cnt-home-pozadi.jpg) no-repeat}
.cnt-home-odkazy {padding-left: 250px; padding-top: 400px; }
.cnt-home-odkazy a {display: block; padding-top: 10px; padding-left: 210px; margin: 0; height: 37px; !height: 47px; color: white; font-size: 16pt; text-decoration: none; background: url(img/cnt-home-odkaz-bg.jpg) no-repeat; }
.cnt-home-odkazy a:hover {background: url(img/cnt-home-odkaz-hover-bg.jpg) no-repeat;}

.cnt-clenove td {vertical-align: top; padding-bottom: 10px;}
.cnt-clenove tr {margin-bottom: 20px;}

/*background: url(img/cnt-home-cara.gif) no-repeat;*/ 

.galerie {border: 3px double #C0C0C0; margin-right: 15px; margin-bottom: 20px;}