/* css reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	table, tr, th, td { vertical-align: top; }
	ul, ul li { margin: 0; padding: 0; list-style: none }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea, select { font-family: sans-serif; font-size: 100% }
/* css reset end */

/* elements */
html, body {height: 100%;}
body {line-height: 1.4; font-size: 62.5%; font-family: sans-serif; background: #F4F3DD url(../img/body.gif) repeat-x; text-align: center;}
a { color: #996B39; }
a:hover { color: #000; }
h1, h2 { font-size: 200%; color: #9A6C3A; padding: 0 0 0.5em 0; }
h2 { font-size: 130%; }

/* common classes */
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.m { vertical-align: middle; }
.b { vertical-align: bottom; }
.fl { float:left !important; }
.fr { float:right !important; }
.w100 { width:100px !important; }
.w50 { width:50px !important; }
.w75 { width:75px !important; }
.clear {clear: both;}

/* layout */
#center { width: 980px; margin: 0 auto -80px auto; text-align: left;  min-height: 100%; height: auto !important; height: 100%; background: url(../img/center.gif) repeat-y;}
#footer, .push {height: 80px; clear: both;} /* sticky footer */
#header { background: url(../img/body.gif) repeat-x; height: 100px; position: relative; }
#logo, #logo span { float: left; width:270px; height: 100px; overflow: hidden; position: relative; left: 0; top: 0; }
#logo span { position: absolute; background: url(../img/logo.gif) no-repeat; }

#nav { position: absolute; right: 0; bottom: 0; font-size: 130%;}
#nav li { float: left; margin: 0 0 0 2px; display: inline; background: #996B39 url(../img/nav-li.gif) no-repeat top right; position: relative; }
#nav a { float: left; padding: 10px 20px; text-decoration: none; color: #fff; background: url(../img/nav-a.gif) no-repeat; }
#nav a:hover { color: #D0B267; }
#nav .curr { background: url(../img/nav-li-curr.gif) no-repeat top right; }
#nav .curr a { background-image: url(../img/nav-a-curr.gif); color: #000; }

.user { float: right;  font-size: 120%; padding: 15px 0 0 0; color: #fff; }
.user  p { background: url(../img/user.gif) no-repeat 0 4px; float: left; padding: 4px 5px 0 18px;}
.user a { margin-left: 5px; }

#content { width: 740px; float: right; padding: 30px 0; position: relative; }
.wide #content { width: auto; float: none; margin: 0 60px;  }

#footer { background: #A57D2C; font-size: 120%; color: #D9B469; }
#footer .center { width: 960px; margin: 0 auto; overflow: hidden; padding: 32px 0 0 0; }
#footer .copy { float: left; }
#footer .bmedia { float: right; padding-right: 30px; background: url(../img/bmedia.gif) no-repeat right; }
#footer .bmedia a { color: #D9B469; }

/* main content */
#tabs { width: 100%; overflow: hidden; background: #CAAC61 url(../img/tabs.gif) no-repeat; padding: 10px 0 0 0;  text-align: right;}
#tabs ul { float: left; font-size: 120%; padding: 0 15px; }
#tabs li { float: left; background: #996B39 url(../img/tabs-li.gif) no-repeat top right; margin: 0 2px 0 0; position: relative; }
#tabs li a { float: left; padding: 10px 15px 10px 15px ; text-decoration: none; color: #fff; background: url(../img/tabs-li-a.gif) no-repeat; }
#tabs li a:hover { color: #D0B267; }
#tabs li.default a { padding: 10px 15px; }
#tabs li.curr { background: #DEDEDE url(../img/tabs-li-curr.gif) no-repeat top right; }
#tabs li.curr a { background: url(../img/tabs-li-curr-a.gif) no-repeat; color: #000; }
#tabs .minibutton { margin: 0 10px 10px 0; }

#data { 	font-size: 120%; color: #333; clear: both; }
#data table { width: 100%; }
#data td { background: #F5F5F5 url(../img/data-td.gif) repeat-x; border-bottom: 1px solid #E7E7E7; padding: 0.5em; vertical-align: middle; }
#data .action, #data .even .action { width: 25px; background: #fff; padding: 0; border: 0; }
#data .even td { background-color: #F2F2F2;  }
#data thead td, #data thead th, #data tfoot td, #data tfoot th { color: #4C4C4C; font-weight: bold; background-color: #EDEDED; }
#data thead a, #data tfoot a { color: #333; }
#data .hover td { background-color: #F2EFCB !important; }

/* forms */
.form { font-size: 120%; width: 100%; /* overflow: hidden; */ background: #F2F2F2; position: relative;}
.form form {border: 1px solid #DEDEDE }
.form fieldset { border-bottom: 1px solid #D9D9D9; padding: 20px 30px 10px 30px; }
.form label { padding: 0 1em 0 0;}
.form td { vertical-align: middle; padding:  0 0 10px 0; }
.form .descrs li { float: left; padding: 0 10px 0 0;}
.form .del_items { position: absolute; top: 10px; right: 10px; }
.form .block { border-bottom: 1px solid #D9D9D9; padding: 30px 30px 20px 30px; }

fieldset.additem { background: #FFFFD9; border: 1px solid #F7E998 }

.form .visibility, .form .del_item, .form .del_category, .form .add_item, .form .save, .form .save_continue, .form .del_items { width: 130px; background: url(../img/butt-visibility.gif) no-repeat; height: 28px; border: 0; cursor: pointer; color: #fff; margin: 1px 0 0 1px; }
.form .del_item, .form .add_item, .form .save { width: 80px;  background: url(../img/butt-del.gif) no-repeat;}
.form .del_items  { width: 250px;  background: url(../img/butt-del-all.gif) no-repeat;}
.category-head {background: #fff; position: relative;}
.category-head .move_category_up, .category-head .move_category_down {
	position: absolute;
	left: 8px;
	height: 16px;
	width: 13px;
	border: none;
	padding: 0px;
}

.category-head .move_category_up {top: 25px; background: url("../img/up.png") 100% 0;}
.category-head .move_category_down {top: 50px; background: url("../img/down.png") 100% 0;}
.category-head .move_category_up:hover {background-position: 100% 100%;}
.category-head .move_category_down:hover {background-position: 100% 100%;}

fieldset.category-item {position: relative;}
fieldset.category-item .item-order .move_item_up, fieldset.category-item .item-order .move_item_down {
	position: absolute;
	right: 1px;
	height: 16px;
	width: 13px;
	border: none;
	padding: 0px;
}

fieldset.category-item .item-order .move_item_up {top: 15px; background: url("../img/up.png") 100% 0;}
fieldset.category-item .item-order .move_item_down {bottom: 15px; background: url("../img/down.png") 100% 0;}
fieldset.category-item .item-order .move_item_up:hover {background-position: 100% 100%;}
fieldset.category-item .item-order .move_item_down:hover {background-position: 100% 100%;}

fieldset.category-item .sortable_handle {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 12px;
	cursor:n-resize;
	border-right: 1px #e2e2e2 solid;
	background: linear-gradient(rgba(255,255,255,0.6),rgba(200,200,200,0));
}
fieldset.category-item .sortable_handle::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-image: url('../img/ui-move.png');
	background-repeat: no-repeat;
	background-position: center center;	
}

.ui-draggable-source {
	background-color: rgba(0,0,0,0.2);
}

.form fieldset.sortable_placeholder, .form fieldset.ui-droppable-hover.sortable_placeholder_first {
	position: relative;
	height: 25px;
	padding: 0px;
	background: #bdbdbd; /* Old browsers */
	background: -moz-linear-gradient(left, #bdbdbd 0%, #b5b5b5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #bdbdbd 0%,#b5b5b5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #bdbdbd 0%,#b5b5b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='#b5b5b5',GradientType=1 ); /* IE6-9 */
}
.form fieldset.sortable_placeholder::before, .form fieldset.ui-droppable-hover.sortable_placeholder_first::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 30px;
	top: 0px;
	left: 0px;
	background-image: url('../img/ui-here.png');
	background-repeat: no-repeat;
	background-position: left center;
	 
}

.form div.sortable_placeholder_first {
	background: rgba(0,0,0,0.1);
}
.form div.sortable_placeholder, .form div.ui-droppable-hover.sortable_placeholder_first {
	position: relative;
	height: 25px;
	padding: 0px;
	background: rgba(0,0,0,0.2);
}
.form div.sortable_placeholder::before, .form div.ui-droppable-hover.sortable_placeholder_first::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 30px;
	top: 0px;
	left: 0px;
	background-image: url('../img/ui-here.png');
	background-repeat: no-repeat;
	background-position: left center;
	 
}

.form .del_category {margin-right: 30px;}

.category { background: #fff; }
.category-title { padding: 20px 30px 0 30px; margin: 0 0 -10px 0; background: #fff url(../img/shadow.png) repeat-x;}
.category-subtitle { padding: 5px 30px 5px 30px; background: #D9D9D9  }

.actions { width: 100%; overflow: hidden; padding: 20px 0; }
.back { float: left; padding: 0 0 0 30px; }
.submit { float: right; padding: 0 30px 0 0; }

.form .error { border: 1px solid red; padding: 10px; margin: 0 0 5px 0; background: white; color: red; text-align: center; font-weight: bold; }
.form .error ul li { padding: 0 0 0 14px;}
.form .required { font-weight: bold; color: red; font-size: 200%; line-height: 50%; vertical-align: -50%; }

#logo_select {  }
#logo_select input[name='logo_select'] { width: auto; margin: 10px 10px 10px 0; }
#logo_select input[name='logo_select']~div.wrap { display: none; }
#logo_select input[name='logo_select']:checked~div.wrap { display: block; }
#logo_select #logo_wrap.has_logo #uploader { display: none; }
#logo_select #logo_wrap:not(.has_logo) #delete_logo { display: none; }
#logo_select #delete_logo { margin-left: 250px; }
#logo_select .qq-gallery .qq-upload-button.minibutton {
	color: #fff;
    display: inline-block;
    height: 28px;
    padding: 0 0 0 3px;
    background: url(../img/minibutton_matrix.gif) 0 0 no-repeat;
    white-space: nowrap;
    border: none;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
}
#logo_select .qq-gallery .qq-upload-button.minibutton span {
	display: block;
    height: 28px;
    padding: 0 8px 0 5px;
    line-height: 28px;
    background: url(../img/minibutton_matrix.gif) 100% 0 no-repeat;
}
#logos div.logo { float:left; width:180px; }
/* IE */
.form .check { border: 0; }
.form .row { overflow:hidden; }
.form .item { margin:0 0 10px; }

.form input, .form select, .form textarea { width: 245px; margin: 0 5px 0 0; border: 1px solid #C9C9C9; padding: 5px 0;}
.form select { border: 1px solid #C9C9C9;}
.form input.check { width: auto !important; padding: 2px !important; vertical-align: middle; }
.form input[type="radio"] { border: none; }

.form .fontBox { width:240px; float:left; margin:  0 20px 0 0;}
.form .fontGroup {  background: #fff; border: 1px solid #D9D9D9; padding: 10px; font-family: Georgia, "New York CE", utopia, sans-serif;  }

.fontGroup1, .fontGroup2, .fontGroup3, .fontGroup4 { font-family: Georgia, "New York CE", utopia, sans-serif;   }

.fontGroup1 h1 { font-size:24pt; }
.fontGroup1 h2 { font-size:18pt; }
.fontGroup1 h3 { font-size:16pt; }
.fontGroup1 h4 { font-size:11pt; line-height: 19px; }
.fontGroup1 h4.titleRow { line-height: 18px; }
.fontGroup1 h4.detailRow { margin-bottom: 3px; }
.fontGroup1 p { font-size:9pt; font-style:italic; margin:0.5em 0 0 0; line-height: 1.4; }

.fontGroup2 h1 { font-size:18pt; }
.fontGroup2 h2 { font-size:12pt; }
.fontGroup2 h3 { font-size:11pt; }
.fontGroup2 h4 { font-size:10pt; }
.fontGroup2 p { font-size:7.5pt;  font-style:italic; margin:0.5em 0 0 0; line-height: 1.3}

.fontGroup3 h1 { font-size:18pt; }
.fontGroup3 h2 { font-size:16pt; }
.fontGroup3 h3 { font-size:14pt; }
.fontGroup3 h4 { font-size:12pt; }
.fontGroup3 p { font-size:10pt;  font-style:italic; margin:0.5em 0 0 0; line-height: 1.35;}

.fontGroup4 h1 { line-height: 1; }
.fontGroup4 h1 { font-size:15pt; }
.fontGroup4 h2 { font-size:10pt; }
.fontGroup4 h3 { font-size:9pt; }
.fontGroup4 h4 { font-size:7.8pt; }
.fontGroup4 p { font-size:7pt;  font-style:italic; margin:0.5em 0 0 0;}

.format1, .format4 { width:148mm; height:210mm; overflow: hidden; } /* A5 */
.format2 { width:210mm; height:297mm; overflow: hidden; } /* A4 */
.format5 { width:210mm; height:297mm; overflow: hidden; } /* A4 + obrazky */
.format3 { width:140mm; height:297mm; overflow: hidden; } /* 2/3 A4 */
.format6 { width:148mm; height:210mm; overflow: hidden; } /* A5 + obrazky */
.format7 { width:210mm; height:297mm; overflow: hidden; } /* A4 - výřez */
.format8 { width:210mm; height:297mm; overflow: hidden; } /* A4 - výřez + obrazky */
.format9 { width:140mm; height:297mm; overflow: hidden; } /* 2/3 A4 + obrázky */

.format4 .col1 { width:49%; float:left; }
.format4 .col2 { width:49%; float:right; }

.format1, .format2, .format3, .format4, .format5, .format6, .format7, .format8, .format9 { border:1px solid #A4743F; margin:10px auto; }

.drinkList .logos { background:#fff;text-align: center; }
.drinkList .logos .logo { display:none; }
.format3  .logos .logo img { width:25mm; margin: 3mm 3mm;  }
.format9  .logos .logo img { width:25mm; margin: 3mm 3mm;  }
.format2  .logos .logo img { width:35mm; margin: 3mm 7mm;  }
.format5  .logos .logo img { width:35mm; margin: 3mm 7mm;  }
.format1  .logos .logo img, .format4  .logos .logo img { width:27mm; margin: 3mm;  }
.format6  .logos .logo img { width:27mm; margin: 3mm;  }
.format7  .logos .logo img { width:35mm; margin: 3mm 7mm;  }
.format8  .logos .logo img { width:35mm; margin: 3mm 7mm;  }

.format1  .logos .logo.logo_picture img { width: auto !important; height: 18mm; }
.format2  .logos .logo.logo_picture img { width: auto !important; height: 23.4mm; }
.format3  .logos .logo.logo_picture img { width: auto !important; height: 16.68mm; }
.format9  .logos .logo.logo_picture img { width: auto !important; height: 16.68mm; }
.format4  .logos .logo.logo_picture img { width: auto !important; height: 18mm; }
.format5  .logos .logo.logo_picture img { width: auto !important; height: 23.4mm; }
.format6  .logos .logo.logo_picture img { width: auto !important; height: 18mm; }
.format7  .logos .logo.logo_picture img { width: auto !important; height: 23.4mm; }
.format8  .logos .logo.logo_picture img { width: auto !important; height: 23.4mm; }




.drinkList .drinkListFooter .alergen { text-align: center; padding: 0px; font-size: 75%; font-weight: normal; margin-bottom: 0px; }
.drinkList.format1 .drinkListFooter .alergen { font-size: 72%; }
.drinkList.format2 .drinkListFooter .alergen { font-size: 8pt; }
.drinkList.format3 .drinkListFooter .alergen { font-size: 70%; }
.drinkList.format9 .drinkListFooter .alergen { font-size: 66%; padding-left: 116px; }
.drinkList.format4 .drinkListFooter .alergen { font-size: 72%; }
.drinkList.format5 .drinkListFooter .alergen { font-size: 92%; padding-left: 84px; }
.drinkList.format6 .drinkListFooter .alergen { font-size: 66%; padding-left: 64px; }
.drinkList.format7 .drinkListFooter .alergen { font-size: 8pt; }
.drinkList.format8 .drinkListFooter .alergen { font-size: 10px; padding-left: 30mm; padding-right: 0px; width: 180mm; }

.drinkList h3 {
/*margin: 3.8mm 0 3mm 0;*/
	margin-bottom: 11px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 14px;
}
.format4 h3 { margin:0mm !important }

.drinkList .sugar { font-weight: normal; font-size: 80%; padding: 0; text-transform: lowercase;}
.drinkList .sugar.sugar_en {padding: 0 0 0 1mm;}
.drinkList .sugar.sugar_de {padding: 0 0 0 1mm;}

.drinkList h4 { font-weight: normal; overflow: hidden; position: relative; }
.drinkList h4 .title { font-weight: bold; white-space: normal; display: block; float: left; }
.drinkList .listItem { padding: 1mm 0; clear: both; }
.drinkList .price { float: right; font-style: italic; font-weight: bold; text-align:right; white-space: nowrap; }
.drinkList .year, .drinkList .type, .drinkList .attr, .drinkList .area { font-size: 80%; padding: 0 3mm 0 0; }
.drinkList .amount {float:right; font-style: italic; font-size: 80%; padding: 0 0.4em 0 0;}

.drinkList.format6 .year, .drinkList.format6 .type, .drinkList.format6 .attr, .drinkList.format6 .area { font-size: 70%; padding: 0 3mm 0 0; }
/*.drinkList.format9 .year, .drinkList.format9 .type, .drinkList.format9 .attr, .drinkList.format9 .area { font-size: 70%; padding: 0 3mm 0 0; }*/

.fontGroup4 h4 { line-height:12.5pt; }
.fontGroup4 h4 .title { float:left; font-weight: normal !important; display: inline !important; }
.fontGroup4 .listItem { padding: 1px 0 !important; clear: both; }
.fontGroup4 .price { float: right; font-style: italic; font-weight: normal !important; text-align:right; }
.fontGroup4 .type { font-size: 100% !important; padding: 0 0 0 0.8em; }
.fontGroup4 .amount { font-size: 100% !important; }

.drinkList.format1.fontGroup1 h4 .title {width: 185px;}
.drinkList.format1.fontGroup1 h4 .price {width: 210px;}

.drinkList.format1.fontGroup3 h4 .title {width: 165px;}
.drinkList.format1.fontGroup3 h4 .price {width: 215px;}

.drinkList.format1.fontGroup2 h4 .title {width: 215px;}
.drinkList.format1.fontGroup2 h4 .price {width: 185px;}

.drinkList.format2.fontGroup1 h4 .title {width: 415px;}
.drinkList.format2.fontGroup1 h4 .price {width: 210px;}

.drinkList.format2.fontGroup3 h4 .title {width: 400px;}
.drinkList.format2.fontGroup3 h4 .price {width: 215px;}

.drinkList.format2.fontGroup2 h4 .title {width: 445px;}
.drinkList.format2.fontGroup2 h4 .price {width: 186px;}

.drinkList.format3.fontGroup1 h4 .title {width: 155px;}
.drinkList.format3.fontGroup1 h4 .price {width: 188px;}

.drinkList.format3.fontGroup3 h4 .title {width: 135px;}
.drinkList.format3.fontGroup3 h4 .price {width: 215px;}

.drinkList.format3.fontGroup2 h4 .title {width: 185px;}
.drinkList.format3.fontGroup2 h4 .price {width: 184px;}
.drinkList.format9.fontGroup2 h4 .price.price_full_line {width: 170px;}

.drinkList.format9.fontGroup1 h4 .title {width: 155px;}
.drinkList.format9.fontGroup1 h4 .price {width: 175px;}
.drinkList.format9.fontGroup1 h4 .price.price_full_line {width: 192px;}

.drinkList.format9.fontGroup3 h4 .title {width: 135px;}
.drinkList.format9.fontGroup3 h4 .price {width: 162px;}
.drinkList.format9.fontGroup3 h4 .price.price_full_line {width: 212px;}

.drinkList.format9.fontGroup2 h4 .title {width: 177px;}
.drinkList.format9.fontGroup2 h4 .price {width: 150px;}

.drinkList.format4.fontGroup4 h1 {padding: 0;}
.drinkList.format4.fontGroup4 h4 .title {width: 115px;}
.drinkList.format4.fontGroup4 h4 .price {width: 82px;/*width: 75px;*/}
.drinkList.format4.fontGroup4 h4 .amount {padding: 0;}

.drinkList.format5.fontGroup1 h4 .title {width: 335px;}
.drinkList.format5.fontGroup1 h4 .price {width: 215px;}

.drinkList.format5.fontGroup3 h4 .title {width: 310px;}
.drinkList.format5.fontGroup3 h4 .price {width: 230px;}

.drinkList.format5.fontGroup2 h4 .title {width: 360px;}
.drinkList.format5.fontGroup2 h4 .price {width: 185px;}

.drinkList.format6.fontGroup1 h4 .title {width: 180px;}
.drinkList.format6.fontGroup1 h4 .price {width: 185px;}

.drinkList.format6.fontGroup3 h4 .title {width: 160px;}
.drinkList.format6.fontGroup3 h4 .price {width: 190px;}

.drinkList.format7.fontGroup1 h4 .title {width: 400px;}
.drinkList.format7.fontGroup1 h4 .price {width: 210px;}

.drinkList.format7.fontGroup3 h4 .title {width: 390px;}
.drinkList.format7.fontGroup3 h4 .price {width: 215px;}

.drinkList.format7.fontGroup2 h4 .title {width: 400px;}
.drinkList.format7.fontGroup2 h4 .price {width: 180px;}

.drinkList.format8.fontGroup1 h4 .title {width: 305px;}
.drinkList.format8.fontGroup1 h4 .price {width: 190px;}

.drinkList.format8.fontGroup3 h4 .title {width: 290px;}
.drinkList.format8.fontGroup3 h4 .price {width: 205px;}

.drinkList.format8.fontGroup2 h4 .title {width: 310px;}
.drinkList.format8.fontGroup2 h4 .price {width: 170px;}

.drinkList.format6.fontGroup2 h4 .title {width: 207px; font-size: 93%;}
.drinkList.format9.fontGroup2 h4 .title {font-size: 93%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.drinkList.format6.fontGroup2 h4 .title {width: 200px; font-size: 93%;}
	.drinkList.format9.fontGroup2 h4 .title {width: 200px; font-size: 93%;}
}
.drinkList.format6.fontGroup2 h4 .price {width: 150px; font-size: 93%;}
.drinkList.format9.fontGroup2 h4 .price {font-size: 93%;}

.drinkList.format5 h1 {margin-left: 123px; }
.drinkList.format5 h2 {margin-left: 123px; }
.drinkList.format5 h3 {margin-left: 123px; }

.drinkList.format6 h1 {margin-left: 88px; }
.drinkList.format6 h2 {margin-left: 88px; }
.drinkList.format6 h3 {margin-left: 88px; }

.drinkList.format8 h1 {margin-left: 170px; }
.drinkList.format8 h2 {margin-left: 170px; }
.drinkList.format8 h3 {margin-left: 170px; }

.drinkList.format9 h1 {margin-left: 138px; }
.drinkList.format9 h2 {margin-left: 138px; }
.drinkList.format9 h3 {margin-left: 138px; }

.drinkList .titleBlock { display:block }
.drinkList.format9 .titleBlock { display: inline-block; }

.drinkList .catItem { clear: both; position: relative; }
.drinkListBckg { width: 100%; height: 100%; position: relative; }
.drinkListFooter { position: absolute; bottom: 0; left: 0;  width: 100%; text-align: center;}
.drinkListFooter p, p.offerinfo { text-transform: uppercase; padding: 8px; font-weight: bold; color: #996B39; font-size: 8pt; font-style:normal; text-align: center; }
.drinkList.format6 .drinkListFooter p, .drinkList.format6 p.offerinfo { padding-left: 72px; font-size: 7.5pt;}
.drinkList.format9 .drinkListFooter p, .drinkList.format9 p.offerinfo { padding-left: 72px; font-size: 6.5pt;}
.drinkListPadding { padding: 10mm; }
.fontGroup4 .drinkListPadding { padding: 10mm 5mm; }

.drinkList.format7 .drinkListPadding { padding: 28mm 14mm; }
.drinkList.format8 .drinkListPadding { padding: 28mm 14mm; }

.drinkList.format7 .drinkListFooter .logos { height: 59mm; }
.drinkList.format8 .drinkListFooter .logos { height: 59mm; }

.format3 .drinkListPadding { padding-right: 16mm; }
.format5 .drinkListPadding { padding-left: 0; }
.format6 .drinkListPadding { padding-left: 0; padding-right: 21px; }
.format9 .drinkListPadding { padding-left: 0px; padding-right: 39px; }
.format8 .drinkListPadding { padding-left: 0 !important; }

.format5 .colImage { float: left; width: 85px; margin-bottom: 20px; margin-top: 3px;}
.format5 .colImage img {display: block; margin: 0 auto;}
.format5 .colDesc { float: right; margin-right: 0mm; margin-bottom: 1mm; width: 630px;}
.format5 p.offerinfo {padding-left: 23mm; padding-right: 0px; width: 706px;}

.format6 .colImage { float: left; width: 65px; margin-bottom: 20px; margin-top: 3px;}
.format6 .colImage img {display: block; margin: 0 auto;}
.format6 .colDesc { float: right; margin-right: 0mm; margin-bottom: 1mm; width: 450px;}
.format6 p.offerinfo {padding-left: 94px !important;}

.format9 .colImage { float: left; width: 86px; margin-bottom: 20px; margin-top: 3px; margin-left: 30px; }
.format9 .colImage img {display: block; margin: 0 auto;}
.format9 .colDesc { float: right; margin-right: 0mm; margin-bottom: 1mm; width: 352px;}
.format9 p.offerinfo {padding-left: 34mm !important;}

.format8 .colImage { float: left; width: 85px; margin-bottom: 20px; margin-top: 3px; margin-left: 30px;}
.format8 .colImage img {display: block; margin: 0 auto;}
.format8 .colDesc { float: right; margin-right: 0mm; margin-bottom: 1mm; width: 570px;}
.format8 p.offerinfo {padding-left: 30mm; padding-right: 0px; width: 680px;}

.noborder { border: none !important; }

.pagebreak { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #DEDEDE; display:none; position: absolute; right: 0; text-align: center; top: 0px; width: 80px; z-index: 1000; }
.pagebreak .sortable_handle {width: 16px; height: 16px; display: inline-block; background-image: url("../img/ui-move-small.png"); background-repeat: no-repeat; cursor: n-resize;}

.background1, .background2, .background3, .background4, .background5, .background6 { background-repeat: no-repeat; background-position: top; background-size: contain; }

/* bs */
.format1 .background1, .format4 .background1 { background-image: url(../img/format1-bckg1.jpg); }
.format2 .background1 { background-image: url(../img/format2-bckg1.jpg);  }
.format3 .background1 { background-image: url(../img/format3-bckg1.jpg);  }
.format5 .background1 { background-image: url(../img/format5-bckg1.jpg);  }
.format6 .background1 { background-image: url(../img/format6-bckg1.jpg);  }
.format7 .background1 { background-image: url(../img/format7-bckg1.jpg);  }
.format8 .background1 { background-image: url(../img/format8-bckg1.jpg);  }
.format9 .background1 { background-image: url(../img/format9-bckg1.jpg);  }

/* hs */
.format1 .background2, .format4 .background2 {  background-image: url(../img/format1-bckg2.jpg); }
.format2 .background2 { background-image: url(../img/format2-bckg2.jpg);  }
.format3 .background2 { background-image: url(../img/format3-bckg2.jpg);  }
.format5 .background2 { background-image: url(../img/format5-bckg2.jpg);  }
.format6 .background2 { background-image: url(../img/format6-bckg2.jpg); }
.format7 .background2 { background-image: url(../img/format7-bckg2.jpg); }
.format8 .background2 { background-image: url(../img/format8-bckg2.jpg); }
.format9 .background2 { background-image: url(../img/format9-bckg2.jpg); }

/* vmsc */
.format1 .background3, .format4 .background3 { background-image: url(../img/format1-bckg3.jpg);  }
.format2 .background3 { background-image: url(../img/format2-bckg3.jpg);  }
.format3 .background3 { background-image: url(../img/format3-bckg3.jpg);  }
.format5 .background3 { background-image: url(../img/format5-bckg3.jpg);  }
.format6 .background3 { background-image: url(../img/format6-bckg3.jpg); }
.format7 .background3 { background-image: url(../img/format7-bckg3.jpg); }
.format8 .background3 { background-image: url(../img/format8-bckg3.jpg); }
.format9 .background3 { background-image: url(../img/format9-bckg3.jpg); }

/* vinice */
.format1 .background4, .format4 .background4 { background-image: url(../img/format1-bckg4.jpg); }
.format2 .background4 { background-image: url(../img/format2-bckg4.jpg);  }
.format3 .background4 { background-image: url(../img/format3-bckg4.jpg);  }
.format5 .background4 { background-image: url(../img/format5-bckg4.jpg);  }
.format6 .background4 { background-image: url(../img/format6-bckg4.jpg); }
.format7 .background4 { background-image: url(../img/format7-bckg4.jpg); }
.format8 .background4 { background-image: url(../img/format8-bckg4.jpg); }
.format9 .background4 { background-image: url(../img/format9-bckg4.jpg); }

/* sklep */
.format1 .background5, .format4 .background5 { background-image: url(../img/format1-bckg5.jpg); }
.format2 .background5 { background-image: url(../img/format2-bckg5.jpg);  }
.format3 .background5 { background-image: url(../img/format3-bckg5.jpg);  }
.format5 .background5 { background-image: url(../img/format5-bckg5.jpg);  }
.format6 .background5 { background-image: url(../img/format6-bckg5.jpg); }
.format7 .background5 { background-image: url(../img/format7-bckg5.jpg); }
.format8 .background5 { background-image: url(../img/format8-bckg5.jpg); }
.format9 .background5 { background-image: url(../img/format9-bckg5.jpg); }

/* La Fleur */
.format1 .background6, .format4 .background6 { background-image: url(../img/format1-bckg6.jpg); }
.format2 .background6 { background-image: url(../img/format2-bckg6.jpg);  }
.format3 .background6 { background-image: url(../img/format3-bckg6.jpg);  }
.format5 .background6 { background-image: url(../img/format5-bckg6.jpg);  }
.format6 .background6 { background-image: url(../img/format6-bckg6.jpg); }
.format7 .background6 { background-image: url(../img/format7-bckg6.jpg); }
.format8 .background6 { background-image: url(../img/format8-bckg6.jpg); }
.format9 .background6 { background-image: url(../img/format9-bckg6.jpg); }

/* Bohemia Sekt II */
.format1 .background7, .format4 .background7 { background-image: url(../img/format1-bckg7.jpg); }
.format2 .background7 { background-image: url(../img/format2-bckg7.jpg);  }
.format3 .background7 { background-image: url(../img/format3-bckg7.jpg);  }
.format5 .background7 { background-image: url(../img/format5-bckg7.jpg);  }
.format6 .background7 { background-image: url(../img/format6-bckg7.jpg); }
.format7 .background7 { background-image: url(../img/format7-bckg7.jpg); }
.format8 .background7 { background-image: url(../img/format8-bckg7.jpg); }
.format9 .background7 { background-image: url(../img/format9-bckg7.jpg); }

/* Prestige */
.format1 .background8, .format4 .background8 { background-image: url(../img/format1-bckg8.jpg); }
.format2 .background8 { background-image: url(../img/format2-bckg8.jpg);  }
.format3 .background8 { background-image: url(../img/format3-bckg8.jpg);  }
.format5 .background8 { background-image: url(../img/format5-bckg8.jpg);  }
.format6 .background8 { background-image: url(../img/format6-bckg8.jpg); }
.format7 .background8 { background-image: url(../img/format7-bckg8.jpg); }
.format8 .background8 { background-image: url(../img/format8-bckg8.jpg); }
.format9 .background8 { background-image: url(../img/format9-bckg8.jpg); }

/* Mionetto */
.format1 .background9, .format4 .background9 { background-image: url(../img/format1-bckg9.jpg); }
.format2 .background9 { background-image: url(../img/format2-bckg9.jpg);  }
.format3 .background9 { background-image: url(../img/format3-bckg9.jpg);  }
.format5 .background9 { background-image: url(../img/format5-bckg9.jpg);  }
.format6 .background9 { background-image: url(../img/format6-bckg9.jpg); }
.format7 .background9 { background-image: url(../img/format7-bckg9.jpg); }
.format8 .background9 { background-image: url(../img/format8-bckg9.jpg); }
.format9 .background9 { background-image: url(../img/format9-bckg9.jpg); }

/* BS ICE */
.format1 .background10, .format4 .background10 { background-image: url(../img/format1-bckg10.jpg); }
.format2 .background10 { background-image: url(../img/format2-bckg10.jpg);  }
.format3 .background10 { background-image: url(../img/format3-bckg10.jpg);  }
.format5 .background10 { background-image: url(../img/format5-bckg10.jpg);  }
.format6 .background10 { background-image: url(../img/format6-bckg10.jpg); }
.format7 .background10 { background-image: url(../img/format7-bckg10.jpg); }
.format8 .background10 { background-image: url(../img/format8-bckg10.jpg); }
.format9 .background10 { background-image: url(../img/format9-bckg10.jpg); }

/* HS sklenicka */
.format1 .background11, .format4 .background11 { background-image: url(../img/format1-bckg11.jpg); }
.format2 .background11 { background-image: url(../img/format2-bckg11.jpg); }
.format3 .background11 { background-image: url(../img/format3-bckg11.jpg); }
.format5 .background11 { background-image: url(../img/format5-bckg11.jpg); }
.format6 .background11 { background-image: url(../img/format6-bckg11.jpg); }
.format7 .background11 { background-image: url(../img/format7-bckg11.jpg); }
.format8 .background11 { background-image: url(../img/format8-bckg11.jpg); }
.format9 .background11 { background-image: url(../img/format9-bckg11.jpg); }

/* VP sklenicky */
.format1 .background12, .format4 .background12 { background-image: url(../img/format1-bckg12.jpg); }
.format2 .background12 { background-image: url(../img/format2-bckg12.jpg); }
.format3 .background12 { background-image: url(../img/format3-bckg12.jpg); }
.format5 .background12 { background-image: url(../img/format5-bckg12.jpg); }
.format6 .background12 { background-image: url(../img/format6-bckg12.jpg); }
.format7 .background12 { background-image: url(../img/format7-bckg12.jpg); }
.format8 .background12 { background-image: url(../img/format8-bckg12.jpg); }
.format9 .background12 { background-image: url(../img/format9-bckg12.jpg); }

/* UNI - archiv */
.format1 .background13, .format4 .background13 { background-image: url(../img/format1-bckg13.jpg); }
.format2 .background13 { background-image: url(../img/format2-bckg13.jpg); }
.format3 .background13 { background-image: url(../img/format3-bckg13.jpg); }
.format5 .background13 { background-image: url(../img/format5-bckg13.jpg); }
.format6 .background13 { background-image: url(../img/format6-bckg13.jpg); }
.format7 .background13 { background-image: url(../img/format7-bckg13.jpg); }
.format8 .background13 { background-image: url(../img/format8-bckg13.jpg); }
.format9 .background13 { background-image: url(../img/format9-bckg13.jpg); }

/* CHM - zamek */
.format1 .background14, .format4 .background14 { background-image: url(../img/format1-bckg14.jpg); }
.format2 .background14 { background-image: url(../img/format2-bckg14.jpg); }
.format3 .background14 { background-image: url(../img/format3-bckg14.jpg); }
.format5 .background14 { background-image: url(../img/format5-bckg14.jpg); }
.format6 .background14 { background-image: url(../img/format6-bckg14.jpg); }
.format7 .background14 { background-image: url(../img/format7-bckg14.jpg); }
.format8 .background14 { background-image: url(../img/format8-bckg14.jpg); }
.format9 .background14 { background-image: url(../img/format9-bckg14.jpg); }

/* BS - logo */
.format1 .background15, .format4 .background15 { background-image: url(../img/format1-bckg15.jpg); }
.format2 .background15 { background-image: url(../img/format2-bckg15.jpg); }
.format3 .background15 { background-image: url(../img/format3-bckg15.jpg); }
.format5 .background15 { background-image: url(../img/format5-bckg15.jpg); }
.format6 .background15 { background-image: url(../img/format6-bckg15.jpg); }
.format7 .background15 { background-image: url(../img/format7-bckg15.jpg); }
.format8 .background15 { background-image: url(../img/format8-bckg15.jpg); }
.format9 .background15 { background-image: url(../img/format9-bckg15.jpg); }

/* HS - logo */
.format1 .background16, .format4 .background16 { background-image: url(../img/format1-bckg16.jpg); }
.format2 .background16 { background-image: url(../img/format2-bckg16.jpg); }
.format3 .background16 { background-image: url(../img/format3-bckg16.jpg); }
.format5 .background16 { background-image: url(../img/format5-bckg16.jpg); }
.format6 .background16 { background-image: url(../img/format6-bckg16.jpg); }
.format7 .background16 { background-image: url(../img/format7-bckg16.jpg); }
.format8 .background16 { background-image: url(../img/format8-bckg16.jpg); }
.format9 .background16 { background-image: url(../img/format9-bckg16.jpg); }

/* VP - logo */
.format1 .background17, .format4 .background17 { background-image: url(../img/format1-bckg17.jpg); }
.format2 .background17 { background-image: url(../img/format2-bckg17.jpg); }
.format3 .background17 { background-image: url(../img/format3-bckg17.jpg); }
.format5 .background17 { background-image: url(../img/format5-bckg17.jpg); }
.format6 .background17 { background-image: url(../img/format6-bckg17.jpg); }
.format7 .background17 { background-image: url(../img/format7-bckg17.jpg); }
.format8 .background17 { background-image: url(../img/format8-bckg17.jpg); }
.format9 .background17 { background-image: url(../img/format9-bckg17.jpg); }

/* MIO - logo */
.format1 .background18, .format4 .background18 { background-image: url(../img/format1-bckg18.jpg); }
.format2 .background18 { background-image: url(../img/format2-bckg18.jpg); }
.format3 .background18 { background-image: url(../img/format3-bckg18.jpg); }
.format5 .background18 { background-image: url(../img/format5-bckg18.jpg); }
.format6 .background18 { background-image: url(../img/format6-bckg18.jpg); }
.format7 .background18 { background-image: url(../img/format7-bckg18.jpg); }
.format8 .background18 { background-image: url(../img/format8-bckg18.jpg); }
.format9 .background18 { background-image: url(../img/format9-bckg18.jpg); }

/* nic */
/*
.background6 { background:none; background-color: white; } /* none */


.pagination { width: 100%; overflow: hidden; padding: 10px 0; font-size: 12px; background: #DEDEDE; }
.pagination ul { float: right; padding: 0 10px 0 10px;  }
.pagination li { float: left; }
.pagination a, .pagination strong { float: left; padding: 3px 5px; }
.pagination .total { float: right; padding: 3px 10px 3px 0; }

a.minibutton {color: #fff; display:inline-block;height:28px;padding:0 0 0 3px;background:url(../img/minibutton_matrix.gif) 0 0 no-repeat;white-space:nowrap;border:none;overflow:visible;cursor:pointer;text-decoration:none; font-size: 12px;}
a.minibutton span {display:block;height:28px;padding:0 8px 0 5px;line-height:28px;	background:url(../img/minibutton_matrix.gif) 100% 0 no-repeat;}
a.minibutton:hover, a.minibutton:focus {color:#fff;text-decoration:none;background-position:0 -30px;}
.minibutton:hover span, a.minibutton:focus span {background-position:100% -30px;}
a.minibutton, a.minibutton span { _display: inline !important; _zoom:1 }

.back a.minibutton { background:url(../img/minibutton_matrix.gif) 0 -60px no-repeat; }
.back a.minibutton span { background:url(../img/minibutton_matrix.gif) 100% -60px no-repeat; }
.back a.minibutton:hover, .back a.minibutton:focus { background-position:0 -90px; }
.back .minibutton:hover span, .back a.minibutton:focus span {background-position:100% -90px;}


ul.align { overflow:hidden; margin:0 10px; }
ul.align li { float:left;padding:4px; }
ul.align input { display:none; }
ul.align .select { background:#9A6C3A; }

.drinkListBckg .vyrez {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
	width: 210mm;
  	height: 297mm;
	background:url(../img/vyrez-work.png) 0 0 no-repeat;
	display: none;
}

/* 2/3 A4 s obrazky */