/* styl pro tisk */
*{margin: 0; padding: 0;}
html {}
body{line-height: 1.4; font-family: Arial, sans-serif; color: #000; background: none; font-size: 12pt; color: black; background: white;}

/* obecne prvky */
h1,h2,h3,h4,h5,h6 {page-break-after: avoid;} 
h1{font-family: Arial, sans-serif; font-size:18pt; padding: 0; font-weight: bold;}
h2{font-family: Arial, sans-serif; font-size:16pt; padding: 0; font-weight: bold;}
h3{font-family: Arial, sans-serif; font-size:15pt; padding: 0; font-weight: bold;}
h4{font-family: Arial, sans-serif; font-size:12pt; padding: 0; font-weight: bold;}

a{text-decoration: underline; color: #000;}
/*a:after {content: " [" attr(href) "] ";}*/

img{border: none;}
table, tr, td, th{border-collapse:collapse; border: 1px solid #000; table-layout: auto;}
table td{padding: 2px 4px;}
ul li, ol li{list-style-position: inside;}
input, select{}
hr{}
address{}

code { font: 10pt Courier, monospace; } 
hr { background-color: #ccc; }
.footerhr{clear: both;}

.right{float:right;}
.left{float:left;}
.txtRight{text-align: right;}
.txtLeft{text-align: left;}

.noDisplay, .noPrint{display:none;}
.correct{clear: both;}

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

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

/* zmena obecneho layoutu */
#Header #HeadLinks,#Header #AjaxCart,#Header #UserPopUp{display: none;}

#Nav{display: none}
#SearchSection{display: none;}

#ContentSection{padding: 10px 0 10px 1px;}
#PathSection{padding-bottom: 10px;}

#LeftSection{display: none;}
#RightSection, #RightSectionWide{display: none;}

#Footer{background: white; padding-top: 10px; margin-top: 8px; line-height: 1.6;}
#Footer_IN, #Footer_IN2 .right{display: none;}

/* zmena obsahoveho layoutu */

/*## produktova cast*/
#OptionsBar, #CommoditySectionTabs, .listTabs{display: none;}
#CommoditySection{clear: both; padding-top: 15px;}

/* obrazkove zobrazeni produktu */
                        
.itemLayout .item{float: left; width: 310px; overflow: hidden; margin: 7px 0; padding: 0 15px 15px 14px; font-size: 11px; page-break-inside: aviod;}
.itemLayout .item a{text-decoration: none !important;}
.itemLayout .item .head{height: 55px; padding-bottom: 6px;}
.itemLayout .item .head h2{margin-bottom: 0; height: 42px; overflow: hidden; font-size: 12pt;}
.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: 63px; 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{font-size: 15px; font-weight: bold;}
.itemLayout .item .price .correct{width: 200px; text-align: right; overflow: hidden;}
.itemLayout .item .chart,         #ProductDescriptionBox .chart{display: none;}

/* tabulkove zobrazeni produktu */
.commoditySectionTableLayout{background: none !important;}
.itemTableLayout .item{clear: both; height: 40px; padding: 4px 0; border-bottom: 1px solid #000; page-break-inside: aviod;}
.itemTableLayout .item .left, #CommoditySection .itemTable .right{float: none;}
.itemTableLayout .item .head{float: left; width: 430px; padding-left: 5px; padding-right: 5px;}
.itemTableLayout .item .head h2{margin: 0; font-size: 13px; height: 22px; overflow: hidden;}
.itemTableLayout .item a{text-decoration: none !important;}
.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 .manufacturer{display:none;}
.itemTableLayout .item .price{float: left; width: 205px; line-height: 20px; font-family: verdana;}
.itemTableLayout .item .price .correct{width: 180px; text-align: right;}
.itemTableLayout .item .final{font-size: 13px; font-weight: bold;}
.itemTableLayout .item .chart{display: none;}

/* detail produktu */
/* produkty - detail */
#ProductPhotoBox{clear: both; margin-top: 20px; float: left; width: 300px; text-align: center;}
#ProductDescriptionBox{float: right; margin-top: 20px; margin-bottom: 20px; padding-left: 20px; width: 370px;}
#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{display: none;}
#ProductAccessoriesBox{clear: both; margin-bottom: 20px;}

#FormSection, #LinkToFacebookBox{display: none;}

/* 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{}

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

#ArticleSection .gallery li, .gallery2 li{list-style-type: none; width: 185px; height: 138px; margin: 0 20px 20px 0;}

#Galleryview, #GalleryviewButtonPrevious, #GalleryviewButtonNext{display: none;}
/* recepty */

/* seznam receptu */
#RecipeSection .item{float: left; padding: 0 10px 15px 0; width: 200px; height: 200px;}
#RecipeSection .itNoRightMg{padding-right: 0;}
#RecipeSection .item .photo{float: none; width: 200px;}
#RecipeSection .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;}

/* detail receptu */
#RecipeSection .photo{float: left; width: 315px;}
#RecipeSection .pretext{float: left; padding-left: 30px; width: 300px;}
#RecipeSection .pretext .foot{width: 260px; margin-top: 20px;}
#RecipeSection .ingredience{float: left; width: 410px; 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: 650px;}
#RecipeSection .kosik{display: none;}
#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: bold;}
#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; margin-bottom: 15px; font-size: 15px;}


/* 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 .p20 span.bold{display: block; text-align: right;}
.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 .orderAddition table th,.orderTable .orderItems table th{padding: 4px 2px; font-style: italic; font-weight: bold; font-size: 11pt; border-bottom: 1px solid #DDDDD7;}
.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;}
.orderTable .priceCol{padding-right: 15px !important; text-align: right;}
.orderTable .priceLabelCol{text-align: right; font-weight: bold;}
.orderTable .orderItems .priceCol{width: 110px;}