*{margin: 0; padding: 0;}
html {}
body{color: #343434; text-align: left; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 12px; line-height: 1.5;}

/******** obecne prvky */
h1{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 24px; margin: 5px 0 10px; padding: 0; font-weight: bold; color: #343434;}
h2{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 14px; margin: 5px 0 10px; padding: 0; font-weight: bold;}
h3{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 13px; margin: 5px 0; padding: 0; font-weight: bold;}
h4{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 13px; margin: 5px 0; padding: 0; font-weight: normal;}

a{text-decoration: underline; color: #87121d;}
a:hover{text-decoration: none;}

img{border: none;}
table, tr, td, th{border-style:solid; border-width:1px; border-collapse:collapse;}
table td{padding: 2px 4px;}
.noborder, table.noborder, table.noborder tr, table.noborder td, table.noborder th{border: none !important;}
ul li, ol li{list-style-position: inside;}
input, select{}
hr{display: none;}
address{font-style: normal;}
fieldset{border: 1px solid #B7B7B2; padding: 3px;}

.right{float:right;}
.left{float:left;}
.center{text-align: center;}
.txtRight{text-align: right;}
.txtLeft{text-align: left;}
.boxCenter{margin: 0 auto;}

.bold,.strong{font-weight: bold;}
.needTxt{font-weight: bold; font-style: italic; margin: 5px 0; font-size: 11px;}

.noDisplay, .printonly, #PrintSection{display:none;}
.correct, .clear{display: block; clear: both;}
.pointer{cursor: pointer;}

.red{color: red;}
.green{color: #51511F;}

.message{margin: 0 0 10px 0; padding: 5px 10px; color: #343434; font-weight: bold; border: 1px solid #343434;}
.message_info{color: #330099; border-color: #330099;}
.message_error{color: red; border-color: red;}
.message_ok{color: #51511F; border-color: #51511F;}

/* defaultni textove radky pro zobrazovani parametru, popisku, apod.*/
.smallLineText{height: 13px; line-height: 13px; font-size: 10px; padding-bottom: 2px;}
.defaultLineText{height: 14px; line-height: 14px; font-size: 11px; padding-bottom: 3px;}
.midLineText{height: 15px; line-height: 15px; font-size: 13px; padding-bottom: 5px;}
.bigLineText{height: 17px; line-height: 17px; font-size: 14px; padding-bottom: 6px;}

/* defaultni formular */
form.default{}
form.default input{border: 1px solid #E1E1DC; padding: 3px;}
form.default legend{font-weight: bold; padding: 2px; background-color: #fff;}
form.default fieldset{margin-bottom:15px;}

form.default .formLabel{float: left; clear: left; margin:8px; width: 230px; text-align: right; height: 20px;}
form.default .formField{float: right; clear: right; margin-bottom:8px; width: 460px; text-align: left;}


.form_error{color: red;}

/* defaultni vertikalni odstupy (margin-top)*/
.smallMT{margin-top: 5px;}
.defaultMT{margin-top: 10px;}
.bigMT{margin-top: 15px;}

/* defaultni horizontalni odstupy (margin-top)*/
.defaultMH{margin-left: 10px; margin-right: 10px;}
.bigMH{margin-left: 15px; margin-right: 15px;}

/* debug */
.debug{border: 1px solid red;}
.debug *{border: 1px solid green;}

/**** zakladni layout stranky */
#Page{margin: 0px auto; width: 950px;}

/* hlavicka, logo, horni odkazy, kosik, hlavni navigace a vyhledavani */
#Header{height: 105px; position: relative; /*z-index: 200;*/}
h1.logo, span.logo{display: block; float: left; position: relative; margin: 0; padding: 0; width: 387px; height: 105px; overflow: hidden;}
.logo img{position: absolute; /*left: 0; top: 0;*/}

#HeadLinks{float: right; width: 220px;}
#HeadLinks ul li{display: inline; list-style-type: none;}
#HeadLinks a{display: block; width: 218px; height: 30px; background-repeat: no-repeat; font-size: 1px; padding-left: 2px;}
#HeadLinks a.userLogin{background-image: url(../img/but_prihlaseni_uzivatele.gif); color:#51514f;}
#HeadLinks a.userLoginSel{background-position: 0 -30px;}
#HeadLinks a.userLoggedIn, #HeadLinks a.userLogout{background-image: url(../img/but_ucet_uzivatele.gif); color:#51514f; font-size: 12px; color: #fff; line-height: 27px; text-decoration: none; padding: 0 30px 0 43px; width: 147px;}
#HeadLinks .userRegistration{background-image: url(../img/but_registrace.gif); color:#333322;}

#HeadLinks .eshop{margin-top: 1px; padding-top: 1px; background-image: url(../img/but_internetovy_obchod.gif); color:#87121D;}
#HeadLinks .magazine{margin-top: 1px; padding-top: 1px;  background-image: url(../img/but_magazin.gif); color:#817E32;}

#ShoppingSection{position: relative; z-index: 1; float:right; width: 200px; height: 79px; padding: 10px 15px 0 15px; border: 1px solid #eaeae4; background-color: #f6f6f0; text-align: right; font-family: arial; }
#ShoppingSection div.footer{position: absolute; z-index: 2; bottom: 0; left: 0; height: 23px; overflow: hidden; width: 219px;}
#ShoppingSection div.footer span{cursor: pointer;}
#ShoppingSection div.footer .left{width: 129px; margin: 0;}
.minicartPreview{float: left;}
.minicartPreview img{margin: 0; padding: 0; overflow: hidden;}

.ajaxCartMessage {display: none; position: fixed; _position: absolute; z-index: 999; top: 50%; left: 50%; border: 3px solid #eaeae4; background-color: #f6f6f0; width: 200px; padding: 28px 18px; font-weight: bold; text-align: center;}
.aCMError{background-color: #85121D; color: #fff;}

#ShoppingPreviewSection{position: absolute; z-index: 2; left: 499px; top: 90px; width: 370px; padding: 10px 7px 10px; border: 1px solid #eaeae4; background-color: #f6f6f0;}
#ShoppingPreviewSection table{table-layout: auto; width: 100%;}
#ShoppingPreviewSection table, #ShoppingPreviewSection table *{border: none !important;}

#Nav{float: left; width: 730px; height: 35px; background: url(../img/bgr_nav.gif) repeat-x; z-index: 1;}
#Nav ul li, #ProductSubmenu ul li{list-style-type: none; /*float: left;*/ &float:left;}
#Nav a, #ProductSubmenu a{display: block; float: left; height: 17px; line-height: 17px; padding: 9px 17px 9px 17px; font-size: 12px; color: #d2d2a0; text-decoration: none; }
#ProductSubmenu{position: relative; margin: 0 auto;}
#ProductSubmenu table{display: none;}
#Nav ul ul, #ProductSubmenu ul{display: none; width: 570px; border: 1px solid #383816; position: absolute; top: 31px; left: 120px; &left: 0px;  padding: 5px 0; z-index: 100; background: #383816 url(../img/bgr_footer_produkty.gif) repeat-y 0 0; }
#Nav ul ul li, #ProductSubmenu ul li{float: left; margin-left: 1px; margin-right: 1px; list-style: none;}
#Nav ul ul li a, #ProductSubmenu ul li a{width: 130px; padding: 3px 5px; font-size: 11px;}
#ProductSubmenu ul ul, #ProductSubmenu .sublevel{display: none !important;}

#Nav a.sel, #Nav .active a{color: #fff;}
#Nav .dropdown, #Nav a.produkty{background: url(../img/bgr_nav_hover.gif) no-repeat 80px 3px; padding-right: 30px;}
#Nav a:hover, #Nav .current{background: url(../img/bgr_nav_sel.gif) repeat-x;}
#Nav a.produkty:hover, #Nav a.produkty.current{background: #333314 url(../img/img_nav_hover.gif) no-repeat 80px 13px;}

#SearchSection{float: left; width: 220px; height: 24px; padding: 6px 0; background: url(../img/bgr_nav.gif) repeat-x;}
#SearchSection .txt{border: 1px solid #45451f; width: 186px; height: 18px; padding: 1px 0; margin-right: 3px;}
#SearchSection .subm{border: none; width: 21px; height: 18px; background: url(../img/but_search.gif) no-repeat; color: #414119; cursor: pointer;}

/* layout ve stredni casti, leva (pripadne prava) cast se subnavigaci a obsahova cast */
#CenterSection{clear: both; float: left; width: 950px; padding: 15px 0;}

/* reklamni banner */
#PromoSection{width: 710px; height: 285px;}

/******** hlavni produktova subnavigace (leva a v centralni casti) */
.subnavSection a:hover{text-decoration: underline !important;}
/* varianta subnavigace, pokud je umistena v obsahove stredni casti - uvodni strana */
#ContentSection .subnavSection{float: left; width: 720px;}
#ContentSection .subnavSection ul{margin: 0; padding: 0;}
#ContentSection .subnavSection ul li{display: inline; list-style-type: none;}
#ContentSection .subnavSection ul li a{display: block; float: left; width: 185px; padding: 0 30px 0 15px; margin: 0 10px 7px 0; height: 35px; line-height: 35px; font-size: 13px; text-decoration: none; color: #fff; text-align: left; /*font-weight: bold;*/ background: url(../img/bgr_subnav.gif) no-repeat;}

/* varianta subnavigace, pokud je umistena v levem sloupci */
#LeftSection .subnavSection{margin-top: 10px; /*border-bottom: 1px solid #78101a;*/}
#LeftSection .subnavSection ul, #LeftSection .subnavSection2 ul{margin: 0; padding: 0;}
#LeftSection .subnavSection ul li, #LeftSection .subnavSection2 ul li{display: inline; list-style-type: none;}
#LeftSection .subnavSection ul li a, #LeftSection .subnavSection2 ul li a{display: block; width: 175px; padding: 0 30px 0 15px; height: 30px; line-height: 30px; font-size: 13px; text-decoration: none; text-align: left; background: url(../img/bgr_left_subnav_section.gif) no-repeat; color: #fff;}
#LeftSection .subnavSection ul li a.sel{background-image: url(../img/bgr_left_subnav_section_sel.gif);}
#LeftSection .subnavSection ul li a:hover{background-image: url(../img/bgr_subnav_section_hover.gif);}
#LeftSection .subnavSection ul ul li a{color: #87121d; height: 25px; line-height: 25px; background-image: url(../img/bgr_left_subnav_section_L2.gif);}
#LeftSection .subnavSection ul ul li a.sel{background-image: url(../img/bgr_subnav_section_L2_sel.gif); font-weight: bold;}
#LeftSection .subnavSection ul ul li a:hover{background-image: url(../img/bgr_left_subnav_section_L2.gif);}
/******** vedlejsi produktova subnavigace v leve casti - novinky, akce, top10 */
#LeftSection .subnavSection2{}
#LeftSection .subnavSection2 ul li a{height: 29px; line-height: 29px; background: url(../img/bgr_subnav_section2.gif) no-repeat;}
#LeftSection .subnavSection2 ul li a:hover{background-image: url(../img/bgr_subnav_section2_hover.gif); text-decoration: underline;}
#LeftSection .subnavSection2 ul li a.sel{background-image: url(../img/bgr_subnav_section2_sel.gif);}

/* odkaz na oblibene produkty pro prihlaseneho uzivatele */
.favorites{display: block; margin-top: 10px; width: 155px; padding: 0 30px 0 35px; height: 30px; line-height: 30px; font-size: 13px; text-decoration: none; text-align: left; background: url(../img/bgr_oblibene_produkty.gif) no-repeat; }

/******** popup nabidky */
#UserPopUp{display:none; position: absolute; top: 0; z-index: 100; right: 220px; width: 200px; height: 79px; padding: 10px 15px 0; border: 1px solid #E1E1DC; border-right: none; background-color: #F6F6F0; color: #7B7878;}
#UserPopUp input{}
#UserPopUp a{display: block; padding-top: 9px;}
#UserPopUp .txt{border: 1px solid #E1E1DC; width: 198px; height: 18px; line-height: 18px; margin-bottom: 3px; font-size: 12px;}
#UserPopUp .subm{position: absolute; right: 15px; padding-top: 20px; bottom: 1px; cursor: pointer; width: 100px; height: 24px; background: url(../img/but_prihlasit.gif) no-repeat; border: none; font-size: 1px; vertical-align: bottom; color: #87121D;}


.userpopupLogged{width: 188px !important; height: 70px !important; line-height: 1.7;}



/******** obecne boxy (levy pripadne pravy sloupec) */

/* box s kontakty */
#ContactSection, #MiniPhotoSection{width: 218px; border: 1px solid #eaeae4; background-color: #f6f6f0; }
#ContactSection .head{float: left; width: 117px; height: 30px; background: url(../img/bgr_contact_section_head.gif) no-repeat;}
#ContactSection .content{width: 190px; /*height: 175px;*/ clear: left; padding: 14px; line-height: 16px;}
#ContactSection .foot{clear: both; display: block; width: 188px; height: 34px; line-height: 34px; padding: 0 20px 0 10px; text-decoration: none; background: url(../img/bgr_contact_section_foot.gif); font-weight: bold;}

#LeftSection #ContactSection{margin-top: 10px;}

/* box s Facebookem*/
#FacebookSection{margin-top: 10px;}

/* box s nahodnou fotkou - produktova uvodka */
#MiniPhotoSection{position: relative; margin-top: 15px; height: 150px;}
#MiniPhotoSection .head{position: absolute; z-index: 2; float: left; width: 97px; height: 30px; background: url(../img/bgr_mini_photo_section_head.gif) no-repeat;}
#MiniPhotoSection .content{position: absolute; z-index: 1; top: 0; left: 0; height: 121px;}
#MiniPhotoSection .foot{position: absolute; bottom: 0; clear: both; display: block; width: 178px; height: 29px; line-height: 29px; padding: 0 30px 0 10px; text-decoration: none; background: url(../img/bgr_mini_photo_section_foot.gif); font-weight: bold; color: #fff;}

/* box s nahodnou fotkou - sirsi ne-produktova prava cast*/
#MiniPhotoSectionWide{}
#MiniPhotoSectionWide .head{position: absolute; z-index: 1; float: left; padding: 0 10px; height: 30px; line-height: 30px; background-color: #333322; color: #fff;}
#MiniPhotoSectionWide .content{position: relative;}
#MiniPhotoSectionWide .foot{clear: both; display: block; width: 275px; height: 35px; line-height: 33px; padding: 0 30px 0 10px; text-decoration: none; background: url(../img/bgr_mini_photo_section_foot_wide.gif); font-weight: bold; color: #fff;}



/* promo sekce v postrannim sloupci*/
#Promo2Section .head ul{margin-top: 15px; height: 30px; overflow: hidden;}
#Promo2Section .head ul li{display:inline; list-style-type: none;}
#Promo2Section .head ul li a{display: block; float: left; margin-right: 1px; height: 27px; line-height: 27px; width: 70px; font-size: 12px; background-color: #ddddd7; border: 1px solid #d0d0cb; text-decoration: none; color: #51514f; text-align: center; /*font-weight: bold;*/}
#Promo2Section .head ul li a.sel{border-color: #363615; background-color: #363615; height: 28px; line-height: 28px; color: #fff;}
#Promo2Section img{float: left; margin: 0; padding: 0;}
#Promo2Section .content{width: 190px; clear: left; float: left; padding: 14px; line-height: 1.5; border-color: #b7b77e; border-style: none solid none solid; border-width: 1px; background-color: #d2d2a0; color: #575744;}
#Promo2Section .content a.right{margin-top: 10px;}
#Promo2Section .content h2{font-size: 16px; font-weight: bold; color: #333314; padding-bottom: 15px;}
#Promo2Section .footCaption{clear: both; width: 218px; height: 25px; background: url(../img/brg_footCaption.gif) no-repeat; border-color: #b7b77e; border-style: none solid none solid; border-width: 1px; background-color: #d2d2a0;}
#Promo2Section .footTags{clear: both; float: left;width: 218px; padding-bottom: 3px; background-color: #d2d2a0; border-color: #b7b77e; border-style: none solid solid solid; border-width: 1px;}
#Promo2Section .footTags ul{float: left;width: 193px; padding-right: 25px; background: #b7b77e url(../img/bgr_foot_tags_shift.gif) no-repeat 201px 9px;}
#Promo2Section .footTags ul li{display:block; float: left; padding: 4px 10px 4px 20px; list-style-type: none; background: url(../img/bgr_tag.gif) no-repeat left center;}

/* vyber cenoveho rozsahu */
#PriceRangeSection{padding: 15px; margin: 3px 0 5px 0;}
#PriceRangeSection .label{font-size: 13px; color: #5e5e42; padding: 0 0 5px 0; font-weight: bold;}
#PriceRangeSection span{color: #87121d;}

/******** hlavni obsah - produktova cast (ve spojeni s levou nebo pravou casti) */
#ContentSection{float: left; width:712px; min-height: 600px; /*overflow: hidden;*/}

/******** hlavni obsah - ne-produktova cast (ve spojeni s pravou casti - RightSectionWide) */
#ContentSectionSlim{float: left; width: 620px; min-height: 600px; line-height: 1.7; /*overflow: hidden;*/}
#ContentSectionSlim #PathSection{background-position: 17px 6px; padding: 0 30px 0 39px;}
#ContentSectionSlim h1{font-size: 28px; font-weight: normal; margin-left: 17px; margin-bottom: 15px;}
#ContentSectionSlim h2{font-size: 16px;}

#ContentSection[id], #ContentSectionSlim[id]{height: auto;}
#ContentSection .bottomLabel, #ContentSectionSlim .bottomLabel{float: right; margin-right: 15px; height: 21px; padding: 0 28px 0 10px; line-height: 21px; text-align: left; border-color: #d0d0cb; border-style: none solid solid solid; border-width: 1px; background: #ddddd7 url(../img/bgr_label_bottom_left.gif) no-repeat right 6px; text-decoration: none; color: #87121d; }


/******** levy sloupec */
#LeftSection{float: left; width: 220px; margin-right: 18px;}

#LeftSection .title, #LeftSection .title img{display: block; width: 220px; height: 28px; overflow: hidden;}
#LeftSection .title{/*position:relative;  z-index: 1;*/}
#LeftSection .title img{/*position: absolute; left: 0; top: 0; z-index: 1;*/}

/******* pravy sloupec - produktova cast (ve spojeni s levou nebo pravou casti) */
#RightSection{width: 220px; float: right; overflow: hidden;}
#RightSection .bottomLabel{float: right; margin-right: 15px; width: 84px; height: 21px; padding: 0 15px 0 10px; line-height: 21px; text-align: left; border-color: #b7b77e; border-style: none solid solid solid; border-width: 1px; background: #c4c487 url(../img/bgr_label_bottom_right.gif) no-repeat 95px 5px; text-decoration: none; }

/******* pravy sloupec - ne-produktova cast (ve spojeni se stredni casti - ContentSectionSlim) */
#RightSectionWide{width: 315px; float: right; overflow: hidden;}
#RightSection .bottomLabel{float: right; margin-right: 15px; width: 84px; height: 21px; padding: 0 15px 0 10px; line-height: 21px; text-align: left; border-color: #b7b77e; border-style: none solid solid solid; border-width: 1px; background: #c4c487 url(../img/bgr_label_bottom_right.gif) no-repeat 95px 5px; text-decoration: none; }


/* paticka, spodni cast */
#Footer{clear: both; font-size: 11px; background-color: #51511f; padding-top: 10px; line-height: 1.6;}
#Footer_IN{width: 950px; margin: 0 auto; color:#c4c487; background-color: #383816;}
#Footer_IN a{color: #c4c487;}
#Footer_IN .item{display: inline; float: left; padding: 10px 15px 15px 15px; border-color: #383816; border-style: solid;}
#Footer_IN .item ul li{list-style-type: none; list-style-position: outside; margin: 0; padding: 0;}
#Footer_IN .item img{padding-bottom: 5px;}

#Footer_IN .produkty{width: 565px; padding: 0; background: url(../img/bgr_footer_produkty.gif) repeat-y; border-width: 10px 5px 15px 15px;}
#Footer_IN .produkty img{border-right: 310px solid #383816;}
#Footer_IN .produkty ul li{float: left; width: 133px; padding-left: 8px;}
#Footer_IN .produkty ul ul{display: none;}

#Footer_IN .magazin{border-left: 1px solid #51511f; width: 152px;}
#Footer_IN .kontakty{width: 147px; height: 95px; position: relative; border: none; border-left: 1px solid #51511f; overflow: hidden;}
#Footer_IN .diskuse{position: absolute; bottom: 0; left: 0; width: 200px; padding: 0 0 0 15px; height: 30px; line-height: 30px; border: none; border-top: 1px solid #51511f; margin: 0;}

#Footer_IN2{clear: both; width: 950px; height: 30px; margin: 0px auto; padding: 15px 15px 40px 15px; color: #b7b746;}
#Footer_IN2 a{color: #c4c487;}
#Footer_IN2 img{padding-left: 2px; vertical-align: -3px;}

/**** specificka uvodni stranka */
#HomepageTopSection{width: 950px; height: 300px; padding: 0 0 10px 0; margin-bottom:10px; border-bottom: 1px solid #D7D7CA;}
#HomepageTopSection .photo{float: left; width: 620px; height: 300px; overflow: hidden;}
#HomepageTopSection .head{position: absolute; z-index: 1; float: left; padding: 0 10px; height: 30px; line-height: 30px; background-color: #333322; color: #fff;}
#HomepageTopSection .content{float: left; width: 280px; padding: 40px 20px 15px 30px;}

.rss{line-height: 20px; }
.rss img{vertical-align: -4px; padding-left: 6px;}

#HomepageRecipeSection{overflow: hidden; background-color: #333322; margin-bottom: 10px; width: 620px; /*height: 248px;*/}
#HomepageRecipeSection h2{font-size: 20px;}
#HomepageRecipeSection .rss{position: absolute; top: 10px; right: 16px;}
#HomepageRecipeSection .photo{position: relative; float: left; width: 315px; overflow: hidden;}
#HomepageRecipeSection .head{position: absolute; z-index: 1; float: left; padding: 0 10px; height: 30px; line-height: 30px; background-color: #333322; color: #fff;}
#HomepageRecipeSection a{color: #D4D48D;}
#HomepageRecipeSection .content{float: left; width: 263px; padding: 40px 20px 0; color: #fff; overflow: hidden;}
#HomepageRecipeSection .content a img{vertical-align: -2px;}

#HomepageNewsSection{float: left; /*width: 409px;*/ width: 619px; padding-top: 45px; padding-bottom: 10px; position: relative; border-top: 1px solid #D3D3D0; border-right: 1px solid #D3D3D0;}
#HomepageNewsSection .rss{position: absolute; top: 10px; right: 16px; color: #6D6C2A;}
#HomepageNewsSection .head{position: absolute; z-index: 1; top:0; float: left; padding: 0 10px; height: 30px; line-height: 30px; background-color: #333322; color: #fff;}
#HomepageNewsSection .item{clear:both; width: 600px; float: left; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #E5E5E3;}
#HomepageNewsSection .item h2{line-height: 1; margin-top: 0; padding-bottom: 4px;}
#HomepageNewsSection .item .photo{float: left; padding: 0 20px 20px 0; width: 126px; overflow: hidden;}
#HomepageNewsSection .item .content{float: right; width: 445px; overflow: hidden;}
#HomepageNewsSection .item .content a img{vertical-align: -1px;}
#HomepageNewsSection .foot{float: right; width: 459px; padding: 10px 0 5px 0;}
#HomepageNewsSection .foot a{color: #6D6C2A;}
#HomepageNewsSection .articlefoot{font-weight: bold; text-align: right; padding: 0 20px 0 0;}

#HomepageCommentsSection{float: right; padding-left: 10px; width: 199px; overflow-x: hidden;}
#HomepageCommentsSection div.title{width: 150px; padding: 0 35px 0 15px; height: 30px; line-height: 29px; color: #fff; background: url(../img/bgr_title_green.gif) no-repeat;}
#HomepageCommentsSection .item{padding: 10px;}
#HomepageCommentsSection .item a.title{display: block; color:#6D6C2A;}

#HomepageFacebookSection span{display: block; padding-bottom: 15px;}
#HomepageFacebookSection a{color: #3B5998; font-size: 16px; font-weight: bold;}
#HomepageFacebookSection a img{vertical-align: -14px; padding-right: 5px;}

/**** specificka obsahova cast - jednotlive varianty obsahu v hlavni (centralni) obsahove casti*/
#PathSection{clear: both; /*height: 28px;*/ margin-bottom: 10px; padding: 0 30px 0 30px; line-height: 28px; background: #f6f6f0 url(../img/bgr_path_section.gif) no-repeat 8px 6px;}
#PathSection .separator{background: url(../img/bgr_path_separator.gif) no-repeat; width: 19px;}

/* textove stranky */
#TextSection{padding: 15px; clear: both; line-height: 1.6;}
#TextSection ul{margin: 10px 0 10px 14px;}
#TextSection ul li{list-style-position: outside; }
#TextSection .icon{padding-top: 15px; margin-left:4px;}

.mapContainer{padding: 20px; width: 680px;}
.googleMap1 input, .googleMap2 input, .googleMap3 input{display: inline !important}
.googleMap1, .googleMap2, .googleMap3{padding: 5px 7px 7px 36px; background-color: #eee; border: 1px solid #000000;}
#map_canvas1, #map_canvas2, #map_canvas3{margin: 20px 0 0 38px;}

.textSectionBorder{border: 1px solid #d0d0cb;}

.article_separator{clear: both;}

/* listovaci odkazy */
.pagenav{border: none; margin: 10px 0;}
.pagenav td, .pagenav tr, .pagenav th{border: none !important;}

/* fotogalerie */
#PhotoSection{}

/* produkty - vypis kategorie (detail)*/
#CategoryDescription{clear: both; padding: 14px;}

#CommoditySectionTabs{clear:both; float: left; height: 30px; padding-top: 35px; height: 30px; overflow: hidden;}
#CommoditySectionTabs ul li{display:inline; list-style-type: none;}
#CommoditySectionTabs ul li span, #CommoditySectionTabs ul li a{display: block; float: left; padding: 0 15px; margin-right: 1px; height: 27px; line-height: 27px; font-size: 12px; background-color: #ddddd7; border: 1px solid #d0d0cb; text-decoration: none; color: #51514f; text-align: center; cursor: pointer; /*font-weight: bold;*/}
#CommoditySectionTabs ul li span:hover, #CommoditySectionTabs ul li a:hover{text-decoration: underline;}
#CommoditySectionTabs ul li span.sel, #CommoditySectionTabs ul li a.sel{border-color: #363615; background-color: #363615; height: 28px; line-height: 28px; color: #fff;}

.commoditySectionTabs2 ul li a.sel{background: #c4c4bf url(../img/bgr_tab_sel.gif) repeat-x !important; border-bottom: none; color: #51514f !important; border-color:#b7b7b2 !important; font-weight: bold;}
.commoditySectionTabsIndex{float: none !important;}

#OptionsBar{clear: both; position: relative; height: 28px; padding: 0; line-height: 28px; background-color: #f6f6f0; border: 1px solid #eaeae4;}
#OptionsBar select{margin-right: 10px;}
#OptionsBar form.main{float: left; width: 711px;}
.rightOptionsBar{position: absolute; right: 0; top: 0; width:309px; height: 28px; line-height: 28px; padding-right: 7px; &vertical-align:-2px;}
.rightOptionsBar .moreProducers{width: 116px;}
.rightOptionsBar select{margin-top: 5px;}

#OptionsBar .limitBox{position: absolute; left: 270px; top: 1px; _top:3px;}

#ProducerBar{clear: both; padding: 0 30px 0 30px; line-height: 28px; background-color: #eaeae4; padding-bottom: 4px; color: #5e5e24;}
#ProducerBar *{vertical-align: middle;}
#ProducerBar .left{width: 590px;}
#ProducerBar .right input{border: 1px solid #d0d0cb; background-color: #ddddd7; cursor: pointer; margin-top: 5px;}

#OuterContainer{}
#CommoditySection{float: left; position: relative; z-index: 2; border: 1px solid #d0d0cb; border-bottom: 1px solid #fff; #border-bottom: 1px solid #d0d0cb; width: 710px; overflow: hidden; background-image: url(../img/bgr_commodity_section.gif);}

#CommoditySection .textSectionBorder{border-style: none none solid none;}

/* obrazkove zobrazeni produktu */
                        
.itemLayout .item{float: left; width: 207px; height: 435px; overflow: hidden; position: relative; left: 3px; z-index: 1; margin: 7px 0; padding: 0 15px 15px 14px; font-size: 11px; background: url(../img/bgr_product_item.gif) repeat-y right; _background-position: 235px; }
.itemLayout .item .head{color: #87121d; height: 57px; padding-bottom: 6px;}
.itemLayout .item .head span a{text-decoration: none;}
.itemLayout .item .head span a:hover{text-decoration: underline;}
.itemLayout .item .head h2{margin-bottom: 0; height: 42px; overflow: hidden;}
.itemLayout .item .photo{height: 180px; text-align: center; overflow: hidden;}
.itemLayout .item .category{height: 17px; padding-top: 3px; overflow: hidden;}
.itemLayout .item .content{/*height: 51px;*/ height: 68px; padding-top: 8px; overflow: hidden;}
.itemLayout .item .content_small{height: 51px; padding-top: 5px; overflow: hidden;}
.itemLayout .item .info{/*height: 46px; - s hodnocenim */ height: 26px; overflow: hidden; line-height: 23px; padding: 3px 0 7px 0;}
.itemLayout .item .info .label{width:60px;}
.itemLayout .item .info img{vertical-align: -2px;}
.itemLayout .item .info table, .itemLayout .item .info table tr, .itemLayout .item .info table td{border: none; margin: 0; padding: 0;}
.itemLayout .item .info .producer,#ProductDescriptionBox .producer{padding: 3px 2px; border: 1px solid #b7b77e; background-color: #c4c487; color: #78101a;}
.itemLayout .item .info .producer a,#ProductDescriptionBox .producer a{text-decoration: none;}
.itemLayout .item .info .producer a:hover,#ProductDescriptionBox .producer a:hover{text-decoration: underline;}
.itemLayout .item .price,         #ProductDescriptionBox .price{line-height: 20px; font-family: verdana;}
.itemLayout .item .price .final,  #ProductDescriptionBox .price .final{color: #78101a; font-size: 15px; font-weight: bold;}
.itemLayout .item .price .correct{width: 200px; text-align: right; overflow: hidden;}
.itemLayout .item .chart,         #ProductDescriptionBox .chart{clear: both; padding-top: 10px; height: 25px; line-height: 20px; font-family: verdana;}
.itemLayout .item .chart .txt,    #ProductDescriptionBox .txt{float: left; margin-top: 2px; width: 27px; height: 17px; border: 1px solid #91918d; }
.itemLayout .item .chart .subm,   #ProductDescriptionBox .subm, #RecipeSection .subm{float: right; padding-top: 17px; width: 79px; height: 25px; font-size: 1px; color: #84121c; border: none; background: url(../img/but_koupit.gif) no-repeat; cursor: pointer; text-align: right;}

/* tabulkove zobrazeni produktu */
.commoditySectionTableLayout{background: none !important;}
.itemTableLayout .item{border-bottom: 1px solid #d0d0cb; clear: both; height: 40px; padding: 4px 0;}
.itemTableLayout .item .left, #CommoditySection .itemTable .right{float: none;}
.itemTableLayout .item .head{float: left; width: 350px; padding-left: 5px; padding-right: 5px;}
.itemTableLayout .item .head h2{margin: 0; font-size: 13px; height: 22px; overflow: hidden;}
.itemTableLayout .item .photo{display: none;}
.itemTableLayout .item .shopper_favorites{display: none;}
.itemTableLayout .item .category{display: none;}
.itemTableLayout .item .content{display: none;}
.itemTableLayout .item .content_small{display: none;}
.itemTableLayout .item .info{display: none; /*float: left; width: 150px;*/}
.itemTableLayout .item .info img{vertical-align: middle;}
.itemTableLayout .item .manufacturer{display:none;}
.itemTableLayout .item .price{float: left; width: 185px; line-height: 20px; font-family: verdana;}
.itemTableLayout .item .price .correct{width: 180px; text-align: right;}
.itemTableLayout .item .final{color: #78101a; font-size: 13px; font-weight: bold;}
.itemTableLayout .item .chart{float: right; width: 150px; font-family: verdana; padding: 5px 3px 0 0;}
.itemTableLayout .item .chart .txt{ vertical-align: 4px; width: 27px; height: 17px; border: 1px solid #91918d; }
.itemTableLayout .item .chart .subm{ width: 79px; padding-top: 17px; height: 25px; font-size: 1px; color: #84121c; border: none; background: url(../img/but_koupit.gif) no-repeat; cursor: pointer; text-align: right;}


/* listovaci zalozky */
.listTabs{float: right; width: 330px; height: 24px; padding: 37px 10px 0 10px; line-height: 24px; text-align: right;}
.listTabs a{padding: 0 5px;}
.ltBot{padding-top: 0 !important; clear: both;}

/* produkty - detail */
#ProductPhotoBox{clear: both; margin-top: 20px; float: left; width: 300px; text-align: center;}
#ProductDescriptionBox{float: right; margin-top: 20px; padding-left: 20px; width: 390px;}
#ProductDescriptionBox table, #ProductDescriptionBox table tr, #ProductDescriptionBox table td{border: none;}
#ProductDescriptionBox table td{height: 30px;}
#ProductDescriptionBox .price{float: left; width: 170px; text-align: left; margin-top: 20px;}
#ProductDescriptionBox .chart{width: 175px; float: right; clear: none; margin-top: 20px;}
#ProductAccessoriesBox{clear: both;}

#LinkToFacebookBox{clear: both; margin-top: 30px; padding: 6px 10px; border: 1px solid #eaeae4; background-color: #f6f6f0;}
#LinkToFacebookBox img{vertical-align: middle; padding-right: 10px;}
#LinkToFacebookBox a{color: #3b5998; }

/* formulare v detailu produktu */
#FormSection{clear: both;}
#FormSection .box .bookmark{height: 27px; float: left; padding-top: 2px; padding-left: 3px; padding-right: 1px; font-size: 1px; color: #d0d0cb;}
.t_kontakt_form{width: 129px; background: url(../img/bgr_dotaz_na_produkt.gif) no-repeat bottom; color: #d8d8d8 !important;}
.t_kontakt_form_sel{width: 129px; background: url(../img/bgr_dotaz_na_produkt_sel.gif) no-repeat bottom;}

.t_odeslat_odkaz_sel{width: 103px; background: url(../img/bgr_poslat_odkaz_sel.gif) no-repeat bottom; }
.t_odeslat_odkaz{width: 103px; background: url(../img/bgr_poslat_odkaz.gif) no-repeat bottom; color: #d8d8d8 !important;}


#FormSection{clear: both; padding-top: 40px;}
#FormSection .box .content{clear: both; padding: 10px 10px 15px; border: 1px solid #d0d0cb;}
#FormSection .box table, .box table td, .box table tr{border: none; padding: 2px 5;}
#FormSection .box table label{display: block; padding: 5px 0 3px;}
#FormSection .box table label span{font-weight: normal; color:red;}
#FormSection .box table .col1{width: 345px;}
#FormSection .box input{border: 1px solid #d0d0cb;  height: 16px; padding: 4px 2px; width: 326px;}
#FormSection .box textarea{border: 1px solid #d0d0cb; width: 679px; height: 98px; margin-bottom: 10px;}
#FormSection .box .foot{width: 660px; height: 3px;}
#FormSection .box .info{display: block; margin-top: 5px; font-size: 10px; color: #777774;}
#FormSection .box .info *{vertical-align: middle;}

#FormSection .box .kod{width: 60px !important; padding: 2px; height: 20px; padding: 0;} 
#FormSection .box .botRow{float: left;}
#FormSection .box .submit{width: 80px !important; margin-top: 19px; padding: 2px; height: 25px; float: right; background: url(../img/but_form_odeslat.gif) no-repeat; cursor: pointer; border: none; font-size: 1px; color: #35607b;}

/* maly detail produktu */
#ManufacturerPopUp{}
#ManufacturerPopUp h1{float: left; width:250px; overflow: hidden;}
#ManufacturerPopUp img.left{padding: 10px 15px 10px 10px;}
#ManufacturerPopUp p{float: right; width: 270px; padding-right: 10px;}
#ManufacturerPopUp .correct{margin-right: 10px; width: 100px;}


/* sekce uzivatele - specificke formatovani uzivatele */

.user_account h2{font-size: 16px;}
.user_account .col_left{float:left; width:80px; padding-top:10px;}

form.default .title, .formTitle{display: block; font-weight: bold; width: 686px; padding: 7px 11px; border: 1px solid #E1E1DC; font-size: 13px; color: #333314; background: #F6F6F0 url(../img/bgr_user_title_nosel.gif) no-repeat 686px 10px; cursor: pointer;}
form.default .title_sel, .formTitle_sel{background-image: url(../img/bgr_user_title_sel.gif);}

form.default table{margin: 10px 0;}
form.default table td{padding: 11px 11px 0 11px;}

form.default label{padding-top: 5px;}
form.default input{display: block; margin-top: 4px;}
form.default .wHalf{width: 310px;}
form.default .w1{width: 100px;}
form.default .w2{width: 180px;}
form.default td.w1{width: 109px;}
form.default td.w2{width: 189px;}
form.default .w3{width: 140px;}
form.default .text{padding-left: 12px;}

form.default .button{background-color: #87121D; color:#fff; margin-top: 4px; border: 1px solid #87121D; cursor: pointer; padding: 3px; text-decoration: none;}

form.default table.boxCenter{margin-left: 190px;}

/* pobocky */
table.branches_list td{padding: 5px 10px;}

/* kosik, objednavka - detail */
.orderSection{padding-left: 1px; margin-bottom: 20px;}
.orderSection table{border: none; table-layout: auto; width: 100%;}
.orderSection .tableBorder{border: 1px solid #B7B7B2;}
.orderSection .borderLeft{border-left: 1px solid #B7B7B2;}
.orderSection .borderRight{border-right: 1px solid #B7B7B2;}
.orderSection .borderTop{border-top: 1px solid #B7B7B2;}
.orderSection .borderBottom{border-bottom: 1px solid #B7B7B2 !important;}

.orderSection .inputbox{border: 1px solid #B7B7B2;}

.orderSection table td, .orderSection table tr, .orderSection table th{border: none; height: 30px; padding: 6px 6px; line-height: 19px;}
.orderSection table th{background: url(../img/bgr_order_th.gif) repeat-x; line-height: 20px; height: 20px; vertical-align: middle;}

.orderSection .button{display: block;}
.orderSection .formSubmit{width: 170px; height: 36px; padding-top: 20px; color: #82111C; border: none; font-size: 1px; background: url(../img/but_dalsi_krok.gif) no-repeat; cursor: pointer;}
.orderSection .buttonPrevious{width: 158px; height: 36px; padding: 20px 0 0 30px; color: #C4C487; border: none; font-size: 1px; background: url(../img/but_krok_zpet.gif) no-repeat;}

.orderSection .sectiontableentry1{background-color: #FDFDFD;}
.orderSection .sectiontableentry2{background-color: #F4F4EF;}

#BottomOrderButtons{height: 36px; margin: 10px 0 30px 0;}

/* tabulka vypisu objednavek */
.order_list{table-layout: auto; width: 709px; margin-left: 1px; border: 1px solid #E1E1DC; margin-bottom: 20px;}
.order_list td, .order_list th, .order_list tr{border: none;}
.order_list td, .order_list th{padding: 6px 10px;}
.order_list th{background-color: #DDDDD7; font-weight: normal;}
.order_list .sectiontableentry1{background-color: #FFFFFF;}
.order_list .sectiontableentry2{background-color: #EEEEEB;}

.orderPagination{margin-bottom: 30px; text-align: right;}
.orderPagination .pagination * {padding: 2px;}

/* ----------------- neproduktova cast - sekce ---------------------- */
/* sekce s vypisem produktu v prave casti */
#CommoditySectionRight{width: 314px; margin-top:20px;}
#CommoditySectionRight .title{width: 264px; padding: 0 35px 0 15px; height: 29px; line-height: 28px; color: #fff; background: url(../img/bgr_right_product_list_title.gif) no-repeat;}
#CommoditySectionRight_IN{position: relative; float: left; width: 312px; border:1px solid #F8F0EC; padding-bottom: 35px;}
#CommoditySectionRight_IN .item{clear:both; width: 292px; float:left; padding: 10px 10px 32px; position: relative;}
#CommoditySectionRight_IN .item .photo{float: left; width: 120px; overflow: hidden;}
#CommoditySectionRight_IN .item .content{float: right; width: 137px; padding: 0 11px 0 20px; height: 145px; overflow: hidden;}
#CommoditySectionRight_IN .item .head{float: left; padding-bottom: 10px; width: 290px;}
#CommoditySectionRight_IN .item .head h2{font-size: 14px; margin-bottom: 1px;}
#CommoditySectionRight_IN .item .foot{position: absolute; right: 23px; bottom: 7px; font-weight: normal;}
#CommoditySectionRight_IN .foot{position: absolute; right: 23px; bottom: 7px; font-weight: bold;}

/** sekce s clanky a recepty*/
#ArticleSection, #RecipeSection{float: left; padding-bottom: 30px;}
#ArticleSection .description, #RecipeSection .description{padding: 0 0 25px 18px;}

/* seznam clanku */
#ArticleSection div.item{clear:both; float: left; width: 620px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #E5E5E3;}
#ArticleSection div.item h2{line-height: 1; margin-top: 0; padding-bottom: 4px;}
#ArticleSection div.item .photo{float: left; padding: 0 20px 20px 0;}
#ArticleSection div.item .content{float: right; width: 459px; overflow: hidden;}
#ArticleSection div.item .content a img{vertical-align: -1px;}
#ArticleSection .foot{float: right; width: 459px; padding: 10px 0 5px 0;}
#ArticleSection .foot a{color: #6D6C2A;}

/* detail clanku */
#ArticleSection .mainPhoto{float: left; width: 210px;}
#ArticleSection .pretext{float: left; padding-left: 30px; width: 364px;}
#ArticleSection .pretext .foot{width: 364px; margin-top: 20px;}
#ArticleSection .text{clear: both; float: left; width: 584px; padding: 30px 0 30px 18px;}
#ArticleSection .text2{clear: both; float: left; width: 584px; padding: 5px 0 30px 18px;}

#ArticleSection .gallery li, .gallery2 li{position: relative; display: table; float: left; margin: 0 10px 10px 0; width: 175px; height: 130px; }
#ArticleSection .gallery li span, .gallery2 li span{display: block; #position: absolute; text-align: center; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle;}
#ArticleSection .gallery a, .gallery2 a{#position: relative;  #top: -50%; #left: -50%;}
#ArticleSection .gallery2 li{width: 185px; height: 138px; margin: 0 20px 20px 0;}
#ArticleSection .gallery2 .itNoRightMg{margin-right: 0 !important;}

#Galleryview{position: relative; float:left; margin-left:10px; _margin-left: 5px; z-index: 2; width: 555px; height: 130px; overflow: hidden;}
#Galleryview .gallery{display: block; position: absolute; z-index: 1; width: 555px;}

#GalleryviewButtonPrevious, #GalleryviewButtonNext{float:left; width: 19px; height: 129px; overflow: hidden; cursor: pointer;}
#GalleryviewButtonPrevious{clear: both;}
/* recepty */

/* seznam receptu */
#RecipeSection .content .item{float: left; padding: 0 10px 15px 0; width: 200px; height: 200px;}
#RecipeSection .content .itNoRightMg{padding-right: 0;}
#RecipeSection .content .item .photo{float: none; width: 200px;}
#RecipeSection .content .item .foot{display: block; text-decoration: none; cursor: pointer; height: 42px; line-height: 20px; padding: 0 10px; color:#fff; background: #333322 url(../img/img_shift_left_green.gif) no-repeat 184px 15px; overflow: hidden;}

#RecipeSection .pagination{clear: both;}

/* detail receptu */
#RecipeSection .photo{float: left; width: 315px;}
#RecipeSection .pretext{float: left; padding-left: 30px; width: 260px;}
#RecipeSection .pretext .foot{width: 260px; margin-top: 20px;}
#RecipeSection .ingredience{float: left; width: 370px; padding: 20px 35px 0 0; }
#RecipeSection h2{color: #C4C487; padding-left:3px;}
#RecipeSection h2 *{ vertical-align: text-bottom;}
#RecipeSection .poznamka{float: left; width: 205px; padding-top: 20px;}
#RecipeSection .postup{clear: both; padding-top: 15px; width: 610px;}
#RecipeSection .kosik{clear: both; padding-top: 15px; width: 610px;}
#RecipeSection .gallery{clear: both; padding: 30px 0 0 18px; }
#RecipeSection .gallery a{float: left; padding: 0 10px 10px 0; width: 173px; height: 130px; text-align: center;}

#RecipeSection .recipeIN{padding-left: 10px;}

/* tabulka doporucenych produktu v receptech */
#RecipeSection .orderSection{width: 603px;}
#RecipeSection .orderSection table th{font-weight: normal;}
#RecipeSection .orderSection table{border: 1px solid #B7B7B2; margin:0 0 15px 0; border-style: none solid solid solid; table-layout: auto; width: 100%;}
#RecipeSection .orderSection .title{display: block; color: #817E32; margin-bottom: 15px; font-size: 15px;}

#RecipeSection #RecommendProductsTable{border-top: 1px solid #B7B7B2;}

#BuyRecommendProducts{display: block; width: 604px; height: 39px; background: url(../img/bgr_buy_products.gif) no-repeat; color: #C4C487;}

/* tabulka s fakturou/objednavkou */
.orderTable{border: 1px solid #DDDDD7; table-layout: auto; width: 100%; border-collapse: collapse;}
.orderTable h2{padding: 5px 15px;}

.orderTable *{color: #51514F;}
.orderTable .bold{font-weight: bold;}
.orderTable .black{color: #000;}
.orderTable .grayRow td{background-color: #DBDBDB}
.orderTable .title{font-weight: bold; font-size: 14px;}
.orderTable .noBorder{border: none;}
.orderTable .txtRight{text-align: right;}
.orderTable .p20{padding: 18px;}
.orderTable table{border: none;}
.orderTable tr, .orderTable th, .orderTable td{border: none; border-collapse: collapse; vertical-align: top;}

.orderTable .dodavatel{padding-top: 0;}
.orderTable .dodavatel .date{color: #000;}
.orderTable .dodavatel table{margin-top: 10px;}
.orderTable .dodavatel .col1{width: 150px;}


.orderTable .odberatel{width: 350px; padding: 0;}
.orderTable .odberatel .box{border: 2px solid #DDDDD7; display: block; margin-top: 15px;}
.orderTable .odberatel .col1{width: 200px;}

.orderTable th{font-weight: normal;}
.orderTable tr.white td{}
.orderTable tr.grey td, .orderTable tr.grey th{background-color: #F3F3F0;}

.orderTable .orderAddition, .orderTable .orderItems{border-top: 1px solid #DDDDD7;}

.orderTable .orderAddition table,.orderTable .orderItems table{table-layout: auto; width: 100%;}

.orderTable th{text-align: left;}
.orderTable .orderAddition table th,.orderTable .orderItems table th{padding: 4px 2px; font-style: italic; background-color: #DBDBDB;}
.orderTable .orderAddition table td,.orderTable .orderItems table td{padding: 4px 2px;}
.orderTable .oaFixCol{width: 105px;}
.orderTable .oiFixCol0{width: 45px;}
.orderTable .oiFixCol1{width: 80px;}
.orderTable .oiFixCol2{width: 130px; text-align: right !important;}
.orderTable .priceCol{padding-right: 15px !important; text-align: right !important;}
.orderTable .priceLabelCol{text-align: right !important; font-weight: bold;}
.orderTable .orderItems .priceCol{width: 110px;}