@charset "utf-8";

.cssRoot { display: none; }
.cssMainWrap { border: 1px solid black; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:#fff; cursor:pointer;}
.cssHeader { position: relative; }
.cssCaption { padding: 4px 20px 4px 4px; }
.cssArrow { width: 20px; background:url(images/select.png) no-repeat center center; position: absolute; top: 0; right: 0; height: 100%; }
.cssBody { width: 100%; height: 260px; display: none; }
.cssExpanded .cssBody { display: block; }
.cssFilter { box-sizing: border-box; width: 96%; padding:4px 5px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:2%}
.cssList { overflow: auto; height: calc(100% - 48px); }
.cssItem { /*line-height: 20px; min-height: 20px;*/ width: 100%; padding:4px 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cssItem:hover { background: #ddd; }
.cssItemHidden { display: none; }
.cssEmptyResult { display: none; }
.cssEmptyResult.cssExpanded { display: block; }

.branchAddress {padding:10px 0;line-height:1.2;}
.branchAddress strong { font-weight: 800;}
#pplParcelShopPanel strong {font-size:1.1em; margin:0 0 5px 0; display:block;}
.branchOpeningHours {padding:10px 0;}
.branchOpeningHours strong { font-weight: 800;}

.deliveryMethodDescription {display:none !important}
.deliveryMethodInfoButton {background: url(/templates/main/images/deliveryInfo.png) no-repeat left center; float:left; position:absolute; top:0; right:10px; padding: 5px 0 5px 25px !important; font-weight:normal !important; cursor:pointer}
.deliveryMethodInfoButton:hover {color:#92bc2f}


/* form - SkinDefault */

.formSkinDefault .header {font-size: 14px; color: #242424; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px #707070 solid}

.formSkinDefault .formField {position: relative; /*min-height:40px*/ margin:0 0 10px 0}
.formSkinDefault .formField div.label {float: left; width:30%; text-align: left}
.formSkinDefault .formField div.label label {display: block; padding: 8px 0 0 0; font-size:14px; color:#474747}
.formSkinDefault .formField div.edit, .formSkinDefault .ratingFormWide div.ratingFormStarImage {float: left; width:70%}
.formSkinDefault .ratingFormWide div.ratingFormStarImage {padding:7px 0 5px 0 }
.formSkinDefault .formField div.labelCheckBox {float: left; width: 130px}
.formSkinDefault .formField div.edit {float: left}
.formSkinDefault .formField div.labelCheckBox label {display: block; padding: 5px 5px 0 0}
.formSkinDefault .formField div.edit input {margin:0; padding: 0 10px}
.formSkinDefault .formField [data-label-for].val_required::after {content: ' *'; color: red}
.formSkinDefault .formField .edit input.error, .formSkinDefault .formField input.error, .formSkinDefault .formField textarea.error {border-color: red}
.formSkinDefault .formField span.error {position: absolute; left: 40px; top: 34px; color: white; padding: 5px 10px 5px 5px; z-index: 100; border: 1px solid #ccc; background-color: #333; display: none}
.formSkinDefault .formField:hover span.error {display: block}
.formSkinDefault .formField span.error:after {position: absolute; top: -5px; left: 10px; width: 5px; height: 5px; content: ''; }
.formSkinDefault .formField .edit {position: relative}
.formSkinDefault .formField .edit input {display: block; padding: 5px 2%; height:32px; line-height:1.5em; border: 1px solid #8f8f8f; background: #fff;  width:100%; box-sizing: border-box; font-family: "Exo 2",sans-serif;}
.formSkinDefault .formField .edit input[type="checkbox"] {text-align:left; width:auto; margin:2px 0 0 0}
.formSkinDefault .formField .edit input:focus {background-color: #fffef4}


/*.formSkinDefault .formField .editRead {position: relative; float: left; width:70%}*/
.formSkinDefault .formField input[readonly] {display: block; padding: 5px; height: 30px; border: 1px solid #8f8f8f; background: #E3E3E3; margin: 0 ; color:#7d7d7d; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}


.formSkinDefault .formField .editButton {}
.formSkinDefault .formField .editButtons {margin: 0 12px;}
.formSkinDefault .formField .editButtons>input.button.left {float: left; }
.formSkinDefault .formField .editButtons>input.button.right {float: right; }
.formSkinDefault .formField .edit select {display: block; padding: 5px 2% 5px 2%; height:33px; border: 1px solid #8f8f8f; background: #fff; margin: 0; width:100%; }
.formSkinDefault .formField input.button, .editButton input {float:right; display:block; border: none; background-color:#012472; color:#f0f0f0; text-decoration:none; padding:0 9%; font-size:14px; position:relative; height:34px;  cursor:pointer; font-family: "Exo 2",sans-serif;}
.formSkinDefault .formField input.button.button2 {padding: 0.5% 4%;}

.formSkinDefault .formField input.button:hover, .editButton input:hover {background: #043093;} 
.formSkinDefault .formField .edit textarea {resize: none; border: 1px solid #8f8f8f; background: #fff; margin: 0 0 10px 0; height:80px;width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family: "Exo 2",sans-serif; font-size:14px; padding:5px;}

.formSkinDefaultPopup {background: #fff;  margin:0 auto; position:relative; padding:0}
.formSkinDefaultPopup h2 {font-size:22px; margin: 0 0 25px 0; font-weight:normal; color:#fff; background:#5F8B00; padding: 6px 35px 10px 25px; font-family: 'Istok Web', sans-serif;}
.formSkinDefaultPopup .formField div.label {width:30%}
.formSkinDefaultPopup .ratingFormWide div.ratingFormStarLabel {width:30%; float:left}
.formSkinDefaultPopup .formField div.label label, .formSkinDefaultPopup .ratingFormWide div.ratingFormStarLabel label {display: block; padding: 8px 0 0 0; color:#474747; font-size:15px}
.form-popup {position: relative;padding: 0;width: auto;max-width: 1015px;margin: 20px auto}
.form-popup-customer-address .mfp-close {top:0; right:0}
.tabForm {padding:0}
#shopOrderProcess .tabForm {padding:0}

.customerCenterContainer .fieldPassword {width:100%}
.customerCenterContainer .fieldPassword .label {width:40% !important}
.customerCenterContainer .fieldPassword .edit {width:60% !important}

#ajaxContactForm, #ajaxLoginForm, #ajaxAddressForm, #shopCustomerCenterAlert, #AjaxShopRatingForm {width:465px}
#ajaxRegistrationForm {width:460px; background:#fff; margin:0 auto; position:relative;}
#ajaxRegistrationForm .condInfo { font-size: 0.9em; text-align: justify; color:#9B9B9B}
#ajaxRegistrationForm .condInfo p {margin:0 0 8px 0}
.lostPasswordLink {text-align:center}
.formSkinDefaultPopup h2, .formSkinDefaultPopup div.headerPopup {font-size:18px; margin: 0; font-weight:normal; color:#000; background:#92bc2f; padding: 10px 15px; font-family: 'Istok Web', sans-serif;}

 .formSkinDefault h2 {font-size:18px; margin: 0; font-weight:normal; color:#000; background:#92bc2f; padding: 10px 15px; font-family: 'Istok Web', sans-serif;}


.formSkinDefaultPopup .formSkinDefaultPopupIn, .formSkinDefaultIn {padding:20px}

.formSkinDefaultPopup .mfp-close { color: #000 !important;   line-height: 40px !important}

.formSkinDefaultIn .ratingFormWide {margin:0 0 10px 0}
.titleStars {
  margin: 0 0 5px 0;
  font-size: 0.95em;
  color: #d10000;
}
/* end << form - SkinDefault */

/*#priceForDeliveryFreePanel { text-align: center; font-size: 16px; color: #D10000; padding: 20px 0 20px 0;  }*/
#priceForDeliveryFreePanel2 { text-align: center; font-size: 13px; color: #D10000; padding: 20px 0 20px 0;  }

#AjaxAddressForm {width:475px; margin:0 auto}
#AjaxAddressForm .formField .edit input {width:250px}

.form-popup-cart-added {max-width:684px !important; position:relative; margin:0 auto}
.form-popup-cart-added .mfp-close {color:#000 !important}
.form-popup-cart-added .formSkinDefault .title {font-size: 18px; margin: 0; font-weight: normal; color: #000; background: #92bc2f; padding:10px 35px 10px 15px; font-family: 'Istok Web', sans-serif;}
#AjaxQuicOrderSubstForm .relatedItems {padding: 20px;}
#AjaxQuicOrderSubstForm .relatedItems #boxMainPld:last-child .relatedItemWrap {border-bottom:none !important}
#AjaxCartAdded {border:1px solid #e5e5e5;}
.cartAddInfo {float:right; width:65%}
.cartAddItem {margin:0 20px 20px 20px;}
.cartAddTitle {border-bottom:1px solid #e5e5e5; color:#000; font-weight:bold; padding:20px 0 20px 0; font-size:25px; margin: 0 20px 20px 20px}
.cartAddText {font-weight:bold; padding:20px 0 20px 0px; font-size:20px;margin: 0 0 20px 0; text-align: center}
.cartAddImage {float:left; width:30%; margin:0 5% 0 0; text-align:center}
.cartAddImage img {/*width:100%;*/ max-width:100%}
.cartAddInfoName {font-weight:bold; font-size:17px; margin:0 0 15px 0}
.cartAddContent strong {font-size:15px;}
.cartAddContent strong span {font-size:22px; color:#d52626}


.continueShop, .goToCart {background:#808080; height:52px; display:block; font-weight: bold; font-size: 15px;  cursor: pointer;  border:none; text-align:center;width:auto;  text-decoration:none; line-height:52px;}
.continueShop {background:url(/templates/css/images/continueShop.png) no-repeat left top; padding:0 25px 0 35px; margin:0 0 0 -11px; color:#fff; float:left;}
.continueShop:hover {background-position:left bottom; color: #fff; text-decoration:none} 
.goToCart {background:url(/templates/css/images/goToCart.png) no-repeat right top; float:right; color: #080808 !important; padding:0 54px 0 25px; margin:0 -11px 0 0}
.goToCart:hover {background-position:right bottom; color: #080808; text-decoration:none}
.preContractInfoLink {display: block; text-align: center; padding: 17px 0 17px 0px;}

/*#region přidani do košíku */
.cartAddFooter {
    background: #ededed;
    padding: 10px 0;
    margin: 0;
    width: 100%;
}
.cartTitle {margin:20px 20px 20px 20px; background:#dbe7eb; color:#000000; padding:15px 10px; text-align:center; display:block; font-size:1.2em;}
.relatedItems {padding:0 20px;}

.relatedItems #boxMainPld {padding:0;}
.relatedItemWrap {display:table; width:100%; border-bottom:1px solid #e5e5e5; padding:5px 0;}
.relatedItemWrap .relatedItemImg, .relatedItemWrap .relatedItemBox, .relatedItemWrap .relatedItemPrice, .relatedItemWrap .relatedItemSubmit {display:table-cell; vertical-align:middle;}
.relatedItemWrap .relatedItemImg {width:80px}
.relatedItemWrap .relatedItemImg img {max-width:70px; max-height:60px; display:table; margin:0 auto;}
.relatedItemWrap .relatedItemBox .relatedItemTitle {font-weight:600;}
.relatedItemWrap .relatedItemBox .relatedItemTitle a {text-decoration:none;}
.relatedItemWrap .relatedItemBox .relatedItemTitle a:hover {text-decoration:underline;}
.relatedItemWrap .relatedItemBox .relatedItemAv span {text-transform:uppercase;}
.relatedItemWrap .relatedItemBox .relatedItemAv strong {font-weight:400;}

.relatedItemWrap .relatedItemSubmit {width:90px;}
.relatedItemWrap .relatedItemSubmit .pldBtnPop {height:38px; line-height:38px; text-align:center; width:130px; font-weight:600;}
.relatedItemWrap .relatedItemPrice {width:100px; text-align:right; padding:0 10px 0 0; font-size:0.9em}
.relatedItemWrap .relatedItemPrice strong {font-size:1.2em; color:#000}
.relatedItemWrap .relatedItemPrice strong span {font-size:1.2em; color:#d52626}


/*#endregion */
/* Info box */

.infoBoxHeader {font-size:18px; margin: 0 0 10px 0; font-weight: bold; color: #041527; background: #e9e9e9; padding: 10px 15px; font-family: 'Istok Web', sans-serif;}

.orderRecapitulation .infoBoxHeader {color: #9b9b9b; background: #f5f4f4;}
.infoBoxBody { background-color:#fff; color:#474747; float:left; /*width:48%*/}
.infoBoxBody h2 {font-size: 18px; margin: 0px 0px 20px; font-weight: bold; color: #041527; background: #E9E9E9; padding: 10px 15px; font-family: "Istok Web",sans-serif;}

.infoBoxBody table.infoBoxTable {border-collapse: collapse; width: 100%; margin: 0 0 15px 0;}
.infoBoxBody table.infoBoxTable tr th {background:#94C11E; color:#000; font-size:14px; font-weight:normal; padding: 7px 5px}
.infoBoxBody table.infoBoxTable tr td {border-bottom:1px solid #888; padding:10px 5px; text-align:center;}
.infoBoxBody table.infoBoxTable tr:nth-child(2n) {background:#fff}
.infoBoxBody table.infoBoxTable tr:nth-child(2n+1) {background:#ddd}
.infoBoxBody table.infoBoxTable tr th.colName, .infoBoxBody table.infoBoxTable tr td.colName {text-align: left}

#resetPasswordRequestForm .formButtonBig {float:left; }
#resetPasswordRequestForm .formButtonBig a {padding:0 20%}
#resetPasswordRequestForm .formField .label{width:40%}
#resetPasswordRequestForm .formField .edit{width:60%}

.formButtonBig {display:block; margin:0 0 20px 0}

.infoBoxBody .formButtonBig a {float:right; display:block; background-color:#ffc000; color:#080808; text-decoration:none; padding:0.5% 4%; font-size:14px; line-height:1.2em; position:relative; height:26px; line-height:26px; cursor:pointer}
.infoBoxBody .formButtonBig a:hover {color:#080808; text-decoration:none; background-color:#ffd800} 

.tabForm {float: left; width: 49.0%; margin:0 2% 0 0}
.infoBoxBodyBig {width:100%}
.infoBoxBodyBig .infoBoxLeft {float:left;  width: 100%;}
.infoBoxBodyBig .infoBoxRight {float:left;  width: 100%;}
.infoBoxBodyBig .infoBoxLeft .formField .edit input {/*width: 370px*/}
.infoBoxBodyBig .infoBoxLeft .formField .edit input[readonly], 
.infoBoxBodyBig .infoBoxRight .formField .editRead span {width:100%; padding:5px 2%; margin:0px; box-sizing: border-box; height:32px; line-height:1.5em}
.infoBoxBodyBig .infoBoxRight .formField .edit input {/*width: 370px*/}

.infoBoxBodyBig .infoBoxLeft .formField .edit textarea {/*width: 376px*/}
.infoBoxBodyBig .infoBoxRight .formField .edit textarea {/*width: 376px*/}

.infoBoxBodyCustomerCenter .infoBoxLeft {float:left; width:48%; margin:0 4% 0 0;}
.infoBoxBodyCustomerCenter .infoBoxRight {float:left; width:48%;}
/*.infoBoxBodyCustomerCenter .infoBoxLeft .formField .edit input {width: 305px}
.infoBoxBodyCustomerCenter .infoBoxRight .formField .edit input {width: 305px}*/

#customerForm .tabForm textarea {/*margin: 0 0 15px 10px !important*/}

/* end << form - Info box */

/* Popup dialog modifications */

.form-popup-login {width: 375px; padding:12px}
.form-popup-login .formSkinDefault .edit input {width: 200px}

.form-popup-registration {width: 475px; padding:12px}
.form-popup-registration .formSkinDefault .edit input {width: 300px}

.form-popup-customer-address {width: 425px}
.form-popup-customer-address .formSkinDefault .edit input {width: 250px}

/* end << form - Popup dialog modifications */


/* basket */


#shopOrderProcess {/*float:left;*/ width:100%; margin:20px 0; padding:0 0 25px 0; background:#fff; }
#shopOrderProcessNav {/*float:left;*/ width:100%; margin:10px 0 20px 0;}
#shopOrderProcessNav ol {margin:0; padding:0; list-style:none}
#shopOrderProcessNav ol li {background:#504E49; float:left; display:block; width:25%; height:103px; padding:0 0 0 0; line-height:1.5em; text-align:center; border-bottom: 8px solid #ddd}
/*#shopOrderProcessNav ol li.done {border:none}*/
/*#shopOrderProcessNav ol li.active:hover strong {background-position:center bottom}*/
#shopOrderProcessNav ol li a {float:left; display:block;  width:100%; height:80px; text-decoration:none}
#shopOrderProcessNav ol li span {float:left; display:block;  width:100%; height:20px; text-align:center; font-size:15px; font-weight:bold; color:#fff} 
#shopOrderProcessNav ol li strong {float:left; display:block;  width:100%; height:41px; margin:15px 0 10px 0; font-size:0; line-height:0;}

/*#shopOrderProcessNav li.cart strong {background:url(../images/shop/orderStep1.png) no-repeat center bottom;}
#shopOrderProcessNav li.form strong {background:url(../images/shop/orderStep3.png) no-repeat center bottom;}
#shopOrderProcessNav li.delivery-payment strong {background:url(../images/shop/orderStep2.png) no-repeat center bottom;}
#shopOrderProcessNav li.confirmation strong {}
#shopOrderProcessNav li.done strong{background:url(../images/shop/orderStep5.png) no-repeat center top;}*/

#shopOrderProcessNav li:first-child strong {background:url(../images/shop/orderStep1.png) no-repeat center bottom;}
#shopOrderProcessNav li:nth-child(2) strong {background:url(../images/shop/orderStep2.png) no-repeat center bottom;}
#shopOrderProcessNav li:nth-child(3) strong {background:url(../images/shop/orderStep3.png) no-repeat center bottom;}
#shopOrderProcessNav li.confirmation strong {}
#shopOrderProcessNav li:last-child strong{background:url(../images/shop/orderStep5.png) no-repeat center top;}

 

#shopOrderProcessNav ol li.current  {background:#1E1C17; color:#fff}
#shopOrderProcessNav ol li.current  span {color:#fff}
#shopOrderProcessNav ol li.current, #shopOrderProcessNav ol li.fulfilled {border-bottom: 8px solid #94C11E}

#shopOrderProcess a.dumpLink {background:url(../images/shop/cartItemRemove.png) no-repeat left center; padding:1px 0 0 25px; color:#bf3333; text-decoration:none; font-size:13px; font-weight:bold;}
#shopOrderProcess a.dumpLink:hover {text-decoration:underline;}
#shopOrderProcess a.delivPayDumpLink {margin:0 0 0 14px}

#shopOrderProcess .sumRowAmount .dumpLink, #shopOrderProcess .deliveryPaymentMethodsCartLink .dumpLink {background:none; padding:0}
.deliveryPaymentMethodsCartLink {margin:30px 0 0 0}

#shopOrderProcess div.methodsContent {margin:0px 0 30px 0; /*padding:20px 15px;*/ background:#fff}
#shopOrderProcess .orderRecapitulation div.methodsContent {background:#fff; min-height:215px; color:#041527}

div.cartListWrap {/*float:left; */width:100%; margin:0 0 0px 0}
div.cartListWrap table {width:100%; border-collapse:collapse; margin:0; font-family: Arial, sans-serif; font-size:12px}
div.cartListWrap table tr th {color:#474747; padding:10px; text-align:left; font-weight:bold; font-size:15px; background:#e9e9e9}
div.cartListWrap table tr td {padding:15px 10px; color:#7b7b7b}
div.cartListWrap table tr td.itemImage {width:80px; text-align:center}
div.cartListWrap table tr td.itemText {width:auto; line-height: 1.5;}
div.cartListWrap table tr td.itemText a {color:#666; text-decoration:none; width:auto; margin:0 0 6px 0;}
div.cartListWrap table tr td.itemText a:hover {color:#666; text-decoration:underline}
div.cartListWrap table tr th.itemQuantity {width:120px}
div.cartListWrap table tr td .gift {color: red;font-weight: 500; position:relative;padding: 0 0 0 20px;}
div.cartListWrap table tr td .gift:before {background: url(/templates/css/images/gift.svg) center left no-repeat;
        background-size: cover;
        content: '';
        position: absolute;
        top: 49%;
        left: 0;
        width: 15px;
        height: 15px;
        transform: translateY(-50%);
    }
.itemQuantity .quantityPricesListMain {float:left; margin:0 2px 0 0; position:relative; top:auto; left:auto; width:auto;}
.itemQuantity .quantityEdit {float:left;}
.itemQuantity .quantityPricesListMain .quantityPricesList {display:none; position:absolute; bottom:-90px; right:34px; width:320px; z-index:1000; background:#fff; border:3px solid #8f8f8f; padding:10px;}
.itemQuantity .quantityPricesListMain .quantityPricesList:before {position:absolute; right:0; bottom:75px;  content: "\f0d9"; color:#8f8f8f; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size:1.4em;}


.itemQuantity .quantityPricesListMain .quantityPricesList.selected {display:block;}

div.cartListWrap table tr th.itemPrice {width:130px; text-align:right}
div.cartListWrap table tr td.itemPrice {text-align:right}
.itemPrice span.pldPriceEur {display:block; }
div.cartListWrap table tr th.itemPriceSum {width:150px; text-align:right}
div.cartListWrap table tr td.itemPriceSum {text-align:right; color:#041527; font-size:18px}
.itemPriceSum span.pldPriceEur {display:block; font-size:0.9em}
div.cartListWrap table tr th.itemIcons {width:50px; padding: 15px 0;}
div.cartListWrap table tr td.itemIcons {text-align: center; width:23px; padding: 15px 0;}
div.cartListConfirmWrap table tr th.itemQuantity {text-align: center}
div.cartListConfirmWrap table tr td.itemQuantity {text-align: center}
div.cartListConfirmWrap table tr td.itemPriceSum {font-weight: bold}

div.cartListWrap table tr td span.priceHighlight {font-size:14px; font-weight:normal; color:#041527; display:block;}
div.cartListWrap table tr td span.origPriceBeforeDiscnout {text-decoration:line-through;}


div.cartListWrap div.quantityEdit { position: relative; background: #EFEFEF; border: 1px solid #AAA194; width: 55px; height: 33px; float: left; margin: 0; }
div.cartListWrap div.quantityEdit input { position: absolute; left: 5px; top: 3px; border: none; width: 24px; text-align: center; background: #EFEFEF; height:25px; line-height:25px}
div.cartListWrap div.quantityEdit div.qPlus { position: absolute; top: 0; right: 0; width:18px; height: 17px; cursor: pointer; border-left:1px solid #AAA194; border-bottom:1px solid #AAA194; text-align:left}
/*div.cartListWrap div.quantityEdit div.qPlus:before {content: "\f067"; color:#636363; margin:0; line-height:1.5em;}*/
div.cartListWrap div.quantityEdit div.qPlus:hover:before {color:#7d7d7d}
div.cartListWrap div.quantityEdit div.qMinus { position: absolute; top: 17px; right: 0; width:18px; height: 16px; cursor: pointer; border-left:1px solid #AAA194; text-align:left}
/*div.cartListWrap div.quantityEdit div.qMinus:before {content: "\f068"; color:#636363; margin:0; line-height:1.5em;}*/
div.cartListWrap div.quantityEdit div.qMinus:hover:before {color:#7d7d7d}

div.cartListWrap div.quantityEdit div.qPlus:hover, 
div.cartListWrap div.quantityEdit div.qMinus:hover { background-position: right top; }

div.cartListWrap table td.itemIcons div.iconRemove {/*width:15px;*/ height:30px; margin:0 ; cursor: pointer; float:right}
div.cartListWrap table td.itemIcons div.iconRemove:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f014"; font-size:2.0em; color:#c3021e; margin:0 5px 0 0}

div.cartListFooter {/*float:left;*/ width:100%; padding:0px 0; margin:0 0 20px 0; background:#e9e9e9}
div.cartListFooter table {padding:0px 0px 0 0; width:100%}
div.cartListFooter table tr td.itemIcons {width:23px}
div.cartListFooter table tr.sumRowAmount td {padding:15px 10px; font-size:14px; color:#808080}
div.cartListFooter table tr.sumRowAmount td a {color:#F8A500; font-weight:bold;}
div.cartListFooter table tr.sumRowAmount td.right {text-align: right}
div.cartListFooter table tr.sumRowAmount td span.caption {display:inline-block; margin:10px 30px 0 0; color:#041527; font-weight:bold}
div.cartListFooter table tr.sumRowAmount td span.price {font-size:14px; color:#000}
div.cartListFooter table tr.sumRowAmount td.amount span.price {font-size:24px; color:#d10000; font-weight:bold}
div.cartListFooter table tr.whiteLine td {border-bottom:1px solid #fff; }

div.cartOrderConfirmHead {float:left; width:100%; margin: 0}
div.cartOrderConfirmHead table {width:100%; border-collapse:collapse; margin:0 0 10px 0; font-family: "Noto Sans", sans-serif; font-size:12px; color:#666}
div.cartOrderConfirmHead table th {color:#474747; padding:10px; text-align:left; font-weight:bold; font-size:13px; background:#EBFAFF}

div.cartOrderConfirmHead table td {padding: 10px 10px 15px 20px; font-size: 14px; border-bottom: none; vertical-align: top; line-height: 25px;}
div.cartOrderConfirmHead table td.cartListConfirmHeadCol1 {width: 33%}
div.cartOrderConfirmHead table td.cartListConfirmHeadCol2 {width: 33%; border-left: #faa401 1px solid}
div.cartOrderConfirmHead table td.cartListConfirmHeadCol3 {width: auto; border-left: #faa401 1px solid}
div.cartOrderConfirmHead table tr.rowSpacer td {padding:5px 0px !important; }

div.cartListConfirmWrap table.confirmTable tr.sumRowAmount td {padding:15px 10px; font-size:12px; color:#808080; background:#DCDCDC}
div.cartListConfirmWrap table.confirmTable tr.sumRowAmount td.right {text-align: right}
div.cartListConfirmWrap table.confirmTable tr.sumRowAmount td span.caption {display:inline-block; margin:10px 30px 0 0}
div.cartListConfirmWrap table.confirmTable tr.sumRowAmount td span.price {font-size:12px; color:#000}
div.cartListConfirmWrap table.confirmTable tr.sumRowAmount td.amount span.price {font-size:24px; color:#bf3333; font-weight:bold}


#shopOrderProcess .shopOrderStepsButtons {width:100%;  display:block;}
#shopOrderProcess .shopOrderStepsButtons a.btnBack {display:block; padding:0 20px 0 35px; font-size:13px; color:#fff; text-decoration:none; background:#5e5e5e; /*float:left;*/ width:47px; height:33px; line-height:33px; text-align:left; float:left}
#shopOrderProcess .shopOrderStepsButtons a.btnBack:hover {color:#fff; text-decoration:none; background:#444343}
                       
#shopOrderProcess .shopOrderStepsButtons a.btnNext {display:block; float:right; padding:0 20px 0 20px; text-align:right; margin:0; line-height:50px; font-size: 15px; font-weight: bold; color:#080808; text-decoration: none; background:#ffc000; height:50px;}
#shopOrderProcess .shopOrderStepsButtons a.btnNext:hover {color:#080808; text-decoration:none; background-color:#ffd800}

/*.infoBoxIn {padding:20px 15px}*/
/* end << basket */


/* order recapitulation */
.orderRecapitulation {width:49%; float: left}
.recapDivider {width: 20px; float: left; display:none}

/* order step - delivery and payment */

.premiseInfo { color: #e00000; padding: 10px 0 10px 0; display: block; font-weight: 600;}
.deliveryPaymentMethodsCartLink {}
div.deliveryPaymentMethods {float: left; width:49%; margin:0 2% 10px 0}

div.deliveryPaymentMethods div.methodListPayment {width:100%; margin: 0;}
div.deliveryPaymentMethods div.methodListDelivery {width:100%; margin: 0;}
div.deliveryPaymentMethods div.methodList>div.methodsTitle {margin: 0 0 10px 0; padding: 10px; background-color: #6B6B6B; color: #fff; font-size: 13px; font-weight: bold}
div.deliveryPaymentMethods div.methodList div.groupMethods div.groupHeader {margin: 0 0 15px 0; font-size: 15px; font-weight: bold}
div.deliveryPaymentMethods div.methodList div.groupMethods ul {margin: 0 0 0 0; padding: 0}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li {margin: 0 0 5px 0; padding: 0 5px 5px 5px; list-style: none; position:relative}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li  a {background:url(../images/shop/deliveryPayCheckbox.png) no-repeat left center; display: block; font-size: 14px; padding: 5px 0 5px 25px; text-decoration: none; color: #aaaaaa}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.possible a { color: #000}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected a {background:url(../images/shop/deliveryPayCheckboxSelected.png) no-repeat left center; font-weight:600}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected a, div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected:hover a  {background:url(../images/shop/deliveryPayCheckboxSelected.png) no-repeat left center;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li:hover, div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected {background: #e3e3e3}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li:hover a {background:url(../images/shop/deliveryPayCheckbox.png) no-repeat left center;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li>span { padding: 5px 0 5px 25px; display: block;font-size: 14px;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li>a>span { padding: 5px 0 5px 0px; background-repeat: no-repeat; background-position: left center}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li>a:hover>span {text-decoration: none;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected>span {font-weight: bold;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li div.description {font-size: 12px; margin-top: 6px; font-weight: normal}

/* end << order step - delivery and payment */


/* order step - customer form */

#customerForm {margin: 0 0 0px 0; color:#474747; width:100%; float:left;}
#customerForm .tabForm textarea {height:40px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; display: block; padding: 5px; border:1px solid #8f8f8f; background: #fff; /*width:370px*/ margin:0!important; padding: 5px 2%; width:100%; box-sizing: border-box; height:80px}
.shopOrderStepsButtons {margin: 14px 0 0px 0; float:left; width:100%}

#customerForm .orderLoginTop {width:100%; margin:0;}
#customerForm .orderLoginBottom {width:100%; margin: 0;}
#customerForm .orderLoginInForm { position: relative; padding:10px 10px; background:#fff; margin:0 0 20px 0; border:1px solid #E9E9E9}
#customerForm .orderLoginInForm .edit input {/*width: 294px*/padding: 5px 2%; width: 100%; height:32px; line-height:1.5em}
#customerForm .orderLoginTitle {font-size:18px; margin: 0 0 0 0; font-weight: bold; color:#4f4f4f; background: #e9e9e9; padding: 10px 15px 10px 15px; font-family: 'Istok Web', sans-serif; text-align:center;  } /* doladit responsive */

#customerForm div.orderLoginLink {/*position: absolute; bottom: 10px*/ display:block; width:100%; font-weight:600}
/*#customerForm div.orderLoginLink>a {font-weight:bold; color:#bf3333; text-decoration:none;}
#customerForm div.orderLoginLink>a:hover {color:#bf3333; text-decoration:underline}*/

#customerForm .orderInfoTitle  {background-color: #6b6b6b; padding: 10px; font-size: 13px; font-weight: bold; text-decoration: none; margin: 0; color: #fff;}
#customerForm .orderInfoWrap  { padding:14px 10px; border:1px solid #cccccc; background:#F0F0F0; margin:0 0 12px 0}
#customerForm .orderInfoWrap .orderInfoLeft {float:left; width:465px; margin:0 40px 0 0;}
#customerForm .orderInfoWrap .orderInfoRight {float: left; width: 465px; margin: 0;}
#customerForm .orderInfoWrap .orderInfoCombo .label {height:22px; line-height:26px; margin:0 16px 0 0; width:140px !important;}

#customerForm .customerFormBase { margin:0 2% 0 0; float:left; width:49%}

#customerForm div.recipient { margin-top: 15px;}

/* end << order step - customer form */


/* shopCustomerCenter */


/*.infoBoxBodyCustomerCenter .formSkinDefault .formField {width:40%; float:left; margin:0 10px 0 0}*/
#shopCustomerCenter {padding:20px 0}
#shopCustomerCenter .infoBoxBody {margin:0}
#shopCustomerCenter .infoBoxBodyCustomerCenter {width:100%; }
.infoBoxBody h2.h2Background {padding:10px 20px; font-size:1.2em}


#shopCustomerCenter div.customerCenterMenu {float:left; width:22%; margin:0 2% 0 0; padding:0 0 20px 0}
#shopCustomerCenter div.customerCenterMenu ul {margin:0; padding:0; list-style:none}
#shopCustomerCenter div.customerCenterMenu ul>li {display:block}
#shopCustomerCenter div.customerCenterMenu ul>li>a {display:block;  padding:4px 0 4px 20px; color:#0e0e0e; text-decoration:none;background: url(/templates/main/images/rightLi.png) no-repeat right 11px;   font-size: 1.2em; font-weight: 600;}
#shopCustomerCenter div.customerCenterMenu ul>li>a:hover, 
#shopCustomerCenter div.customerCenterMenu ul>li.current>a {color:#012472; text-decoration:none; background-position:left 11px}


#shopCustomerCenter div.customerCenterContainer {float: left; width:76%; padding: 0; margin: 0}
#shopCustomerCenter div.customerCenterContainer .contentPager {width:100%;}

/* end << shopCustomerCenter */


/* order step - CustomerCenter form */

.blockUI {background: #ffffff; color:#343434; font-weight: normal; font-size:17px; padding:15px 0; border: 1px solid #cccccc}
.customerProfileForm table.infoBoxTable tr td a.delete {background: url(../images/shop/vymazat.png) no-repeat center center; font-size:0; line-height:0; padding:16px 0 0 16px}
.customerProfileForm table.infoBoxTable tr td a.edit {background: url(../images/shop/edit.png) no-repeat center center; font-size:0; line-height:0; padding:16px 0 0 16px; margin:0 5px 0 0}
.customerProfileForm table.infoBoxTable tr th.colControl { width: 80px;}
.customerProfileForm .formButtonAdress {width:100%; text-align:center; margin:20px 0 0 0;}
.customerProfileForm .formButtonAdress a {font-size: 14px; margin: 0 auto; cursor: pointer; text-decoration:none; padding:1px 0 0px 20px; color:#D22C27; font-weight:bold;}
.customerProfileForm .formButtonAdress a:hover {text-decoration:underline;} 

/* end << CustomerCenter form */

/* order step - CustomerCenter orders */

.customerOrdersList table.infoBoxTable tr td a.fceZoom {background: url(../images/shop/lupa.png) no-repeat center center; font-size: 0; line-height: 0; padding: 16px 0 0 16px;margin: 0 5px 0 0; cursor:pointer}

/* end << CustomerCenter orders */


/* order step - confirmation */

div.orderConfirmationMessageBox {margin: 10px auto; text-align: center}
div.orderConfirmationMessageBox span {font-size: 12px}

/* end << order step - confirmation */


/* order step - done */

div.newsletterRegDoneMessageBox, div.orderDoneMessageBox {text-align: center; padding:30px 0  40px 0; color: #555; font-size: 17px}
div.newsletterRegDoneMessageBox .message, div.orderDoneMessageBox .message {font-size: 17px; margin: 0 0 10px 0}
div.newsletterRegDoneMessageBox span.note, div.orderDoneMessageBox span.note {font-size: 12px}

/* end << order step - done */

/* Moje objedn�vky */

.customerCenterOrders {background:#F0F0F0;border: 1px solid #ccc; padding:20px 15px}
.customerCenterOrders .fceZoom {background: url(../images/shop/lupa.png) no-repeat center center; font-size: 0; line-height: 0; padding: 16px 0 0 16px; margin: 0 5px 0 0}
.customerCenterOrders .customOrderPanelSearch {margin:0 0 20px 0; float:right}
.customerCenterOrders .customOrderPanelSearch label {margin:0 15px 0 0; padding:0; height:18px}
.customerCenterOrders .customOrderPanelSearch .edit input {margin:0; padding:0; height:19px}
.customerCenterOrders .customOrderPanelSearch a.buttonLink {margin:0 0 0 10px; background-color: #666; border:1px solid #888; padding:3px 10px;text-decoration:none; border-radius: 3px; color:#fff}
.customerCenterOrders .customOrderPanelSearch a.buttonLink:hover {background:#555555; color:#fff}
.customerCenterOrders .customOrderPanelSearch a.allLink  {margin:0 0 0 10px; padding:3px 10px 3px 24px;text-decoration:none; color:#F86002; }
.customerCenterOrders .customOrderPanelSearch a.allLink:hover {text-decoration:underline}
.customerCenterOrders table {border-collapse: collapse; width: 100%;}
.customerCenterOrders table tr th {background:#292929; color:#fff; font-size:14px; font-weight:normal; padding: 7px 0}
.customerCenterOrders table tr td {border-bottom:1px solid #888; padding:10px; text-align:center;}
.customerCenterOrders table tr:nth-child(2n) {background:#fff}
.customerCenterOrders table tr:nth-child(2n+1) {background:#ddd}
.customerCenterOrders table th.colOrderNumber { width: 170px }
.customerCenterOrders table th.colOrderStatus { width: 170px }
.customerCenterOrders table th.colAmount { width: 100px; padding-right: 8px}
.customerCenterOrders table th.colTsCreated { width: 220px }
.customerCenterOrders table th.colFunctions { width: auto }
.customerCenterOrders table td.colOrderNumber { text-align: center }
.customerCenterOrders table td.colOrderStatus { text-align: center }
.customerCenterOrders table td.colAmount { text-align: right }
.customerCenterOrders table td.colTsCreated { text-align: center }
.customerCenterOrders table td.colFunctions { text-align: right; padding-right: 20px; }

/* end << Moje objedn�vky */

.customerLoginPreview span {color:#a3a3a3;}

.customOrderPanelSearch {margin:0 0 20px 0; float:right}
.customOrderPanelSearch label {margin:0 15px 0 0; padding:0; height:18px}
.customOrderPanelSearch .edit input {margin:0; padding:0; height:19px}
.customOrderPanelSearch a.buttonLink {margin:0 0 0 10px; background-color: #242424; border:1px solid #888; padding:3px 10px;text-decoration:none; border-radius: 3px; color:#fff}
.customOrderPanelSearch a.buttonLink:hover {background:#555555; color:#fff}
.customOrderPanelSearch a.allLink  {margin:0 0 0 10px; padding:3px 10px 3px 24px;text-decoration:none;  color:#bf3333; font-weight:bold; background: url(../images/shop/all.png) no-repeat left center}
.customOrderPanelSearch a.allLink:hover {text-decoration:underline}

/* Detail objednavky */
.orderDetail-popup {width:1015px; position:relative; background:#fff; padding:20px}
.orderDetail-popup .mfp-close {color:#000 !important; position:absolute; top:0; right:0}
.orderDetailBox {margin:0 auto; width:100%; position:relative;}
.orderDetailBoxIn {background: #fff; padding: 30px;}
.orderDetailBoxIn h2 {margin:0 0 10px 0}
.orderDetailHead {}
div.orderDetailHead table {width:100%; border-collapse:collapse; margin:0; font-family: "Noto Sans", sans-serif; font-size:12px; color:#666}
div.orderDetailHead table th {color:#474747; padding:10px; text-align:left; font-weight:bold; font-size:13px; background:#e9e9e9}
div.orderDetailHead table th.orderDetailHeadCol2 {border-left: #EBFAFF 1px solid}
div.orderDetailHead table th.orderDetailHeadCol3 {border-left: #EBFAFF 1px solid}

div.orderDetailHead table td {padding: 10px 10px 15px 20px; font-size: 14px; border-bottom: none; vertical-align: top; line-height: 25px;}
div.orderDetailHead table td.orderDetailHeadCol1 {width: 33%}
div.orderDetailHead table td.orderDetailHeadCol2 {width: 33%; border-left: #ccc 1px solid}
div.orderDetailHead table td.orderDetailHeadCol3 {width: auto; border-left: #ccc 1px solid}
div.orderDetailHead table tr.rowSpacer td {padding: 5px 0px !important;}

div.orderDetailWrap {/*float:left;*/ width:100%; margin:0; text-align: center; color: #555; font-size: 17px;}
div.orderDetailWrap table {width:100%; border-collapse:collapse; margin:0 0 20px 0; font-family: Arial, sans-serif; font-size:12px}
div.orderDetailWrap table tr th {color:#474747; padding:10px 5px; text-align:left; font-weight:bold; font-size:11px; background:#e9e9e9}
div.orderDetailWrap table tr td {padding:15px 5px; border-bottom:1px solid #cccccc; color:#666}
div.orderDetailWrap table tr td.itemImage {width:80px; text-align:center}
div.orderDetailWrap table tr td.itemText {width:auto; text-align:left}
div.orderDetailWrap table tr td.itemText a {color:#666; text-decoration:underline; width:auto; margin:0 0 6px 0;}
div.orderDetailWrap table tr td.itemText a:hover {color:#666; text-decoration:none}
div.orderDetailWrap table tr th.itemQuantity {width:90px}
div.orderDetailWrap table tr th.itemPrice {width:130px; text-align: right}
div.orderDetailWrap table tr td.itemPrice {text-align: right}
div.orderDetailWrap table tr th.itemPriceSum {width:150px; text-align: right}
div.orderDetailWrap table tr td.itemPriceSum {text-align: right}
div.orderDetailWrap table tr th.itemIcons {width:80px}
div.orderDetailWrap table tr td.itemIcons {text-align: center}
div.orderDetailWrap table tr th.itemQuantity {text-align: center}
div.orderDetailWrap table tr td.itemQuantity {text-align: center}
div.orderDetailWrap table tr td.itemPriceSum {font-weight: bold}
div.orderDetailWrap table tr td span.priceHighlight {font-size:18px; font-weight:bold; color:#f9b303;}
div.orderDetailWrap table tr th.itemState {text-align: right}
    



div.orderDetailWrap div.quantityEdit {position: relative; width: 62px; height: 32px}
div.orderDetailWrap div.quantityEdit input {position: absolute; left: 5px; top: 4px; border: none; width: 30px; text-align: center}
div.orderDetailWrap div.quantityEdit div.qPlus {position: absolute; top: 0; left: 40px; width: 20px; height: 15px; cursor: pointer}
div.orderDetailWrap div.quantityEdit div.qMinus {position: absolute; top: 16px; left: 40px; width: 20px; height: 15px; cursor: pointer}
   
div.orderDetailWrap table td.itemIcons div.iconRemove {width: 16px; height: 16px; margin: 5px; cursor: pointer}
    
div.orderDetailWrap .orderDetailSum {padding: 15px 10px; font-size: 12px; color: #808080; background: #e9e9e9; text-align:right;}
div.orderDetailWrap .orderDetailSum span.caption {display:inline-block; margin:10px 30px 0 0}
div.orderDetailWrap .orderDetailSum span.price {font-size:12px; color:#000}
div.orderDetailWrap .orderDetailSum span.price {font-size:24px; color:#bf3333; font-weight:bold}

#cardPreview table {width:100%; border-collapse:collapse; color:#8f8f8f}
#cardPreview table tr.recapSum td {border-top:1px solid #c9d1d8; padding:6px 5px; font-weight:bold; color:#8f8f8f; font-size:15px}
.recapItem {color:#8f8f8f}
.recapItemRight {text-align:right; width:140px}
.recapItemRight span.pldPriceEur {display:block; font-size:0.9em; font-weight:normal}
#cardPreview table tr.recapItem td {vertical-align:top; padding:5px 5px 10px 0}
#cardPreview table tr.recapItem td a {color:#8f8f8f; text-decoration:none; font-weight:bold}
#cardPreview table tr.recapItem td span {display:block}
#cardPreview table tr.recapItem td a:hover {color:#8f8f8f; text-decoration:underline}
#cardPreview table tr.recapItem td.recapItemImg {width:100px; padding:0 10px 0 0}
#cardPreview table tr.recapItem td.recapItemImg img {max-height:50px; max-width:100px; display:table; margin:0 auto}
.recapItemRight strong {display:block   }
#cardPreview table tr.recapDivider td {height:30px}

.finalPrice {color:#8f8f8f !important; font-weight:bold; font-size:17px !important}

#cardPreview table .recapSum2, #cardPreview table .recapSum2 td.finalPrice {color:#4f4f4f!important; font-weight:800; font-size:15px;padding:0 5px;}
.vatRecap table tr:last-child td {color:#4f4f4f !important; font-weight:600}



.registrationLink {padding:15px 0; margin:0 25px 0 25px; }
.registrationLink a { display:table; border:none; background-color:#2D2D2D;  color:#fff; text-decoration:none; padding:8px 10%; font-size:14px; white-space: nowrap; /*height:30px; line-height:30px;*/ position:relative; color:#fff; text-decoration:none; text-align:center; margin:0 auto}
.registrationLink a:hover {background-color:#494949;}

#LoginForm .formField div.edit {width:70%}
#LoginForm .formField .edit input {display: block; padding:5px 2%; height: 20px; border: 1px solid #8f8f8f; background: #fff; margin:0; border-radius:3px; width:100%; height:32px; line-height:1.5em}
#MyGarageVehicleEdit .formField .editButton {margin:0 25px}

#AjaxRegistrationForm {width:500px; margin:0 auto}
#ajaxQuestionForm {max-width:465px; margin:0 auto; background:#fff; position: relative; width: 100%;}
@media screen and (max-width: 549px) {
    #ajaxQuestionForm {max-width:300px;}
}

#setPasswordForm .formField .editRead span {margin:0 !important}
#setPasswordForm .formButtonBig {width:455px}

.bezRegistrace { display:block; background-color: #94C11E;  color:#fff; text-decoration:none; padding:10px 9%; font-size:14px; position:relative;  cursor:pointer; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; /*width:143px;*/ text-align:center; margin:0 0 24px 0}
.bezRegistrace:hover {background-color: #a9d82c;  color:#fff} 



#resetPasswordRequestForm .infoBoxContentIndent {width:80%}
#resetPasswordRequestForm .infoBoxContentIndent .fieldTextBox {float:left; width:70%; margin:0 2% 0 0}
#resetPasswordRequestForm .infoBoxContentIndent .formButtonBig {float:left; width:28%}

#AjaxShopRatingForm {background:#fff}
.bWPriceStrong {margin:0 0 10px 0;}
.bWPriceStrong label {font-weight:600; font-size:1.2em; float:left}
.bWPriceStrong input {margin:4px 8px 0 0; float:left}
.bWPriceInput {width:60%; float:left}
.bWPriceItemL {float:left; width:40%; margin:5px 0 0 0}
.bWPriceInput div.label {width:0!important}
.bWPriceInput label {font-size:0; line-height:0; width:0}
.bWPriceInput input {width:100px}
#boxWatchPrice {margin:0 0 20px 0}
.bWPriceItem {margin:0 0 10px 0}
.bWPriceInput .formField {min-height:0}
.boxWSBtn {margin:0 0 10px 0; padding:10px 0 0 0}
.boxWSBtn .editButton input {height: 30px; line-height: 30px; text-transform: uppercase; background:#FFC000; color:#000; cursor:pointer; border:none; padding:0 20px; text-align:center; font-weight:600; float:left}
.boxWSBtn .editButton input:hover {background:#FFD800; color:#000;}

#expandAll, #colapseAll {position:relative; background:none; line-height:1.2em; padding:0; border:none; color:#000}

#expandAll:hover, #colapseAll:hover, #expandAll.selected, #colapseAll.selected {text-decoration:underline}
#expandAll.selected, #colapseAll.selected {display:block}

#exportCategoriesBox .expandAll, #exportCategoriesBox .colapseAll {float:left; display:block; position:relative; padding:0 22px 0 0}
#exportCategoriesBox .expandAll.selected, #exportCategoriesBox .colapseAll.selected {display:none}

#exportCategoriesBox .expandAll:before, #exportCategoriesBox .colapseAll:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0 0 0 0; position:absolute; top:2px; right:10px}
#exportCategoriesBox .expandAll:before {content: "\f107";}
#exportCategoriesBox .colapseAll:before {content: "\f106";}

.daredevel-tree li {padding:0 0 5px 0}
.daredevel-tree li input {float:left; margin:3px 10px 0 5px}

.formL {float:left; width:48%; margin:0 4% 0 0}
.formC {float:left; width:48%; margin:0 0 0 0}
.formR {float:left; width:48%}
.formM {float:left; width:100%}

#contactForm .formL .formField div.label, #contactForm .formC .formField div.label, #contactForm .formR .formField div.label {width:38%}
#contactForm .formL .formField div.edit, #contactForm .formC .formField div.edit, #contactForm .formR .formField div.edit {width:62%}

#contactForm .formM .formField div.label {width:18.4%}
#contactForm .formM .formField div.edit {width:81.6%}

.vatRecap {padding: 30px 0 0 0;}
.vatRecap table {width:100%; border-collapse:collapse}
.vatRecap table tr th {text-align:center; padding:10px; /*background:#E9E9E9;*/ font-size:15px; color:#8f8f8f; font-weight:600}
.vatRecap table tr td {padding:10px; border-bottom:1px solid #E9E9E9; text-align:center}
.vatRecap table tr:last-child td {border:none; font-size:1.4em}
.vatRecap table tr td:last-child, .vatRecap table tr th:last-child {text-align:right}
.vatRecap table tr td:first-child, .vatRecap table tr th:first-child {text-align:left}


.fa-check-circle:before { content: "\f058"; }
.fa-times-circle:before { content: "\f057"; }
.itemStockState span {font-size:2.0em; margin:0 0 0 18px}
.itemStockState span.onStock {color:#20a901}
.itemStockState span.soldOut {color:#ff0629}

.infoBoxConditions {padding: 20px 0 0 0; font-size: 1.0em; text-align: justify; }

.itemStateValue {text-align: right}
.itemStateValue strong { color: green }
div.orderDetailWrap table tr td.itemStateValue {color: red }
.infoBoxBody table.infoBoxTable tr td.itemStateValue {color: red }


#AjaxOrderDetail {position:relative; margin:0 auto; width:960px; }
.submitText {display:block; float:right; margin:10px 0 0 0; width:49%; font-size:1.1em; font-weight:600; color:#000}
@media screen and (max-width: 869px) {
    .submitText {width:100%;}
}

.submitText label {float:left; width:94%; position:relative; padding:0 0 0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.submitText label:before {content:"*"; color:#F00; position:absolute; top:0; left:0}
.submitText input {float:left; display:block; margin:3px 0px 0 0; width:6%}
.infoBoxConditions {color: #8F8F8F;}
.vatRecap {color: #9B9B9B;}
.vatRecap .infoBoxHeader {color: #9B9B9B; background:#F5F4F4}

div.deliveryPaymentMethods div.methodList div.groupMethods ul > li > a > span {padding:0 30px 0 0}
#orderItems a, #pickItems a {cursor:pointer}

.quantityPricesList { margin:0 0 20px 0; background:#fff; padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:1000; color:#000; }
#boxMainPldR .quantityPricesList {border:none; background:none; padding:0; z-index:10}
.qPriceListTitle {font-weight:600; margin:0 0 5px 0; font-size:1.5em;text-align:center;}
.quantityPrices  {display:flex; margin:0 0 5px 0;font-size:15px;}
.quantityPricesIn {padding:4px 0; margin:0;width:50%;display:flex; }
.quantityPrices .spanHidden {display:none;}
.quantityPricesPieces {margin:0 5px 0 0;}
.quantityPricesPrice {margin:0 5px 0 0; }
.quantityPricesPrice span {color: #d52626;}
.quantityPricesForPiece {margin:0 5px 0 0;}
.quantityPricesHidden {padding:3px 1px; width:50%;}

.boxPl2 .quantityPricesIn {width:180px;}
.boxPl2 .quantityPricesHidden {width:135px; padding:3px 5px;}
.boxPl .quantityPricesIn {width:148px; }
.boxPl .quantityPricesHidden {width:114px; }
#boxMainPld .quantityPricesIn {width:250px;}
#boxMainPld .quantityPricesHidden {width:170px; padding:3px 5px;}
#shopOrderProcess .quantityPricesIn {width:160px;}
#shopOrderProcess .quantityPricesHidden {width:120px; padding:3px 5px; }
#QuickOrder .quantityPricesIn {width:190px;}
#QuickOrder .quantityPricesHidden {width:160px; padding:3px 5px; }

.quantityPrices span {font-weight:600; line-height:1.2em;}


.plWrapImg .quantityPricesListMain {position:absolute;right:0;bottom:0;}
.plWrapPrice .quantityPricesListMain {width: calc(100% + 30px); left:-15px; top:-30px}
.quantityPricesListIcon {float:right; width:35px; height:35px; line-height:35px; text-align:center; background:#00a9cd; color:#fff; cursor:pointer;}
/*.plWrapPrice .quantityPricesList {position:absolute; bottom:14px; left:0; width:100%; display:none; font-size:0.55em;}
.plWrapPrice .quantityPricesList .quantityPricesIn {padding:2px 0;}
.plWrapPrice .quantityPricesList .quantityPricesHidden {padding:1px 5px;}*/
.plWrap .quantityPricesList {position:absolute;padding:15px; bottom:0; right:40px; width:310px; display:none; font-size:0.55em;box-shadow:0 0.4rem 1rem rgb(0 0 0 / 45%);}
.plWrap .quantityPricesList .quantityPricesIn {padding:2px 0;}
.plWrap .quantityPricesList .quantityPricesHidden {padding:1px 5px;}

@media screen and (min-width: 990px) {
    .plWrap .quantityPricesList.selected {
        display: block;
    }
}

.plWrap .quantityPricesList .quantityPrices {font-size:14px;}
.plWrap .quantityPricesList .qPriceListTitle {font-size:16px}
.plWrap .quantityPricesList .quantityPricesIn {width:60%;}
.plWrap .quantityPricesList .quantityPricesHidden {width:40%;}

/*.boxPldPl .plWrap .plWrapPrice,*/ .boxPl .plWrap .plWrapPrice .quantityPricesList {
    font-weight: 400;
}

.stockState .quantityPricesListMain {float:left; margin:0 5px 0 0; position:relative;}
.stockState .quantityPricesListMain .quantityPricesList {display:none; position:absolute; width:380px; }
.stockState .quantityPricesListMain .quantityPricesList.selected {display:block; }


#boxMain #contactForm .formL .formField .label, #boxMain #contactForm .formR .formField .label {width:41%}
#boxMain #contactForm .formL .formField .edit, #boxMain #contactForm .formR .formField .edit {width:59%;}
#boxMain #contactForm .formM .formField .label {width:19.8%}
#boxMain #contactForm .formM .formField .edit {width:80.2%;}
#boxMain #contactForm .formField div.edit input {margin:0;}
#boxMain #contactForm  .formField .edit select {height:33px;}

#genericRegForm .formSkinDefaultIn {padding:0;}
#genericRegForm h2 {background:#2D2D2D; color:#fff;}
#genericRegForm h2 i {font-size:0.8em; line-height:1.5em; float:left; margin:0 5px 0 0;}


#genericRegForm .label {width:20%;}
#genericRegForm .edit {width:80%;}

.genericRegBtn {margin:0 0 20px 0; color:#012472; position:relative; /*padding:0 0 0 20px*/text-align:right;}
/*.genericRegBtn i:before {content: "\f071"; position:absolute; top:4px; left:0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color:#000;}*/

.engagedWorkshop {color:#b7b7b7}
.engagedWorkshop span.engagedWorkshop {color:red;}
#workshopsPanel .edit3, #tagsPanel .edit3 {margin:0 0 15px 0;}
#workshopsPanel .edit3 input[type="radio"], #workshopsPanel .edit3 input[type="checkbox"], #tagsPanel .edit3 input[type="radio"], #tagsPanel .edit3 input[type="checkbox"] {display:none;}
#workshopsPanel .edit3 label, #tagsPanel .edit3 label {display:inline-block; cursor:pointer; position:relative; padding-left:25px; margin-right:10px; font-size:13px;}
#workshopsPanel .edit3 label:before, #tagsPanel .edit3 label:before {  background:#fff;  display:inline-block; height:10px; left:0; margin-right:10px; position:absolute; width:10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size:15px;}
#workshopsPanel .edit3 label.radio:before, #tagsPanel .edit3 label.radio:before {content: "\f10c"; top:0;}
#workshopsPanel .edit3 label.checkbox:before, #tagsPanel .edit3 label.checkbox:before  {content: "\f096"; top:1px;}

#workshopsPanel .edit3 input[type="radio"]:checked + label:before, #tagsPanel .edit3 input[type="radio"]:checked + label:before {color:#000;  }
#workshopsPanel .edit3 input.radio:checked + label:before, #tagsPanel .edit3 input.radio:checked + label:before {content: "\f192";}
#workshopsPanel .edit3 input.checkbox:checked + label:before, #tagsPanel .edit3 input.checkbox:checked + label:before {content: "\f046";}


.workshopRequiredPanel span.error {color:red; padding:5px 10px; border:1px solid red; font-size:1.2em; display:block; text-align:center;} 
.workshopRequiredPanel {margin:20px 0 20px 0; display:table;}

.formSkinDefault .formField div.label label span {float:left; }
.formSkinDefault .formField div.label label span.info {float:left; margin:0 5px; position:relative; width:18px; height:18px; background:url(/templates/main/images/info.png) no-repeat left top;}
.formSkinDefault .formField div.label label span.info div.infoBox {display:none; width:200px; background:#000; padding:5px; color:#fff; position:absolute; top:20px; z-index:10; right:0;}
.formSkinDefault .formField div.label label span.info:hover div.infoBox {display:block;}


#workshopsPanel .edit3 label span {float:left; }
#workshopsPanel .edit3 label span.info {float:left; margin:0 5px; position:relative; width:18px; height:18px; background:url(/templates/main/images/info.png) no-repeat left top;}
#workshopsPanel .edit3 label span.info div.infoBox {display:none; width:200px; background:#000; padding:5px; color:#fff; position:absolute; top:20px; z-index:10; right:0;}
#workshopsPanel .edit3 label span.info:hover div.infoBox {display:block;}


@media screen and (min-width: 1200px) {
    #contactForm .formField div.label {width:20%; margin:0}
    #contactForm .formField div.edit, #contactForm .ratingFormWide div.ratingFormStarImage {width:80%}

     #contactForm .formL .formField div.label, #contactForm .formC .formField div.label, #contactForm .formR .formField div.label {width:30%;}
    #contactForm .formL .formField div.edit, #contactForm .formC .formField div.edit, #contactForm .formR .formField div.edit {width:70%}

    #contactForm .formM .formField div.label {width:14.4%;}
    #contactForm .formM .formField div.edit {width:85.6%}
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
    #contactForm .formField div.label {width:20%; margin:0}
    #contactForm .formField div.edit, #contactForm .ratingFormWide div.ratingFormStarImage {width:80%}

      #contactForm .formL .formField div.label, #contactForm .formC .formField div.label, #contactForm .formR .formField div.label {width:30%;}
        #contactForm .formL .formField div.edit, #contactForm .formC .formField div.edit, #contactForm .formR .formField div.edit {width:70%}

        #contactForm .formM .formField div.label {width:14.4%;}
        #contactForm .formM .formField div.edit {width:85.6%}

}
@media screen and (min-width: 768px) and (max-width: 999px) {
    .orderDetailBox {width:100%}
    .orderDetailBoxIn {width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #shopCustomerCenter {padding:20px 10px}

       div.cartListWrap table tr th.itemQuantity {/*width:55px*/}
    div.cartListWrap div.quantityEdit {margin:0}
    div.cartListWrap table tr th.itemIcons {width:30px}
    div.cartListWrap table tr th.itemPriceSum {width:100px}
    div.cartListWrap table tr td.itemPrice, div.cartListWrap table tr th.itemPrice {width:100px}

    #AjaxOrderDetail {width:100%; }

    div.cartListWrap table tr td.itemImage {width:120px; padding:0; overflow:hidden}
    div.cartListWrap table tr td.itemImage img {max-height:60px; padding:10px 0}

    .infoBoxBody {width:100%}
    #setPasswordForm {padding:0 10px}

    #boxMain #contactForm .formL {width:100%}
    #boxMain #contactForm .formR  {width:100%;}
    #boxMain #contactForm .formL .formField .label, #boxMain #contactForm .formR .formField .label {width:42%}
    #boxMain #contactForm .formL .formField .edit, #boxMain #contactForm .formR .formField .edit {width:58%;}
    #boxMain #contactForm .formM .formField .label {width:42%}
    #boxMain #contactForm .formM .formField .edit {width:58%;}


}
@media screen and (min-width: 481px) and (max-width: 767px) {
    #shopCustomerCenter {padding:20px 10px}
    #shopCustomerCenter div.customerCenterMenu {width:100%; margin:0 0 5% 0}
    #shopCustomerCenter div.customerCenterContainer {width:100%;}
    .infoBoxBodyCustomerCenter .infoBoxLeft, .infoBoxBodyCustomerCenter .infoBoxRight {width:100%; float:none; margin:0 0 10px 0}
    #resetPasswordRequestForm .infoBoxContentIndent {width:100%}
    #shopOrderProcessNav ol li span {font-size:14px; font-weight:normal}

    .tabForm {width:100%; margin:0}
    #customerForm .customerFormBase, .orderRecapitulation {width:100%; margin:0}
    div.deliveryPaymentMethods {float: left; width:100%; margin:0 0 10px 0}
    #shopOrderProcess .tabForm {padding:0 0 10px 0}
    .infoBoxIn {padding: 20px 0;}
    .infoBoxBody {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

    .formL {float:none; width:100%; margin:0}
    .formC {float:none; width:100%; margin:0}
    .formR {float:none; width:100%}
    .formM {float:none; width:100%}

    #contactForm .formL .formField div.label, #contactForm .formC .formField div.label, #contactForm .formR .formField div.label {width:32%}
    #contactForm .formL .formField div.edit, #contactForm .formC .formField div.edit, #contactForm .formR .formField div.edit {width:68%}

    #contactForm .formM .formField div.label {width:32%}
    #contactForm .formM .formField div.edit {width:68%}
    .orderDetailBox {width:100%}
    .orderDetailBoxIn {width: 100%; padding:25px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    div.orderDetailHead table tr th {display:none}
    div.orderDetailHead table tr { float: left; width:100%}
    div.orderDetailHead table td.orderDetailHeadCol1, div.orderDetailHead table td.orderDetailHeadCol2, div.orderDetailHead table td.orderDetailHeadCol3 { width: 100%;display: block;border: none;border-bottom: 1px solid #CCC; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
     div.orderDetailHead table td.orderDetailHeadCol1:before,  div.orderDetailHead table td.orderDetailHeadCol2:before,  div.orderDetailHead table td.orderDetailHeadCol3:before { width: 100%;font-weight: bold; display:block}
    div.orderDetailHead table td.orderDetailHeadCol1:before { content: "Fakturační údaje: ";}
    div.orderDetailHead table td.orderDetailHeadCol2:before { content: "Dodací údaje: "; }
    div.orderDetailHead table td.orderDetailHeadCol3:before { content: "Kontaktní informace: "; }


    div.orderDetailHead table td {float:left; display:block; width:33%; padding:2px 0}

    div.orderDetailHead table td.orderCreated:before {content: "Vytvořeno: ";}
    div.orderDetailHead table td.odredSettlementDate:before {content: "Splatnost: ";}
    div.orderDetailHead table td.orderPrice:before {content: "Cena: ";}
    div.orderDetailHead table td.orderdPayed:before {content: "Uhrazeno: ";}
    div.orderDetailHead table td.orderUnpaid:before {content: "Zbývá uhradit: ";}


    div.cartListWrap table tr th {font-size:1.1em}
    div.cartListWrap table tr td.itemImage {width:60px; padding:0; overflow:hidden}
    div.cartListWrap table tr td.itemImage img {max-height:40px}

    div.cartListWrap table tr th.itemQuantity {/*width:55px*/}
    div.cartListWrap div.quantityEdit {margin:0}
    .itemQuantity .quantityPricesListMain .quantityPricesList {left:-170px; bottom:15px; width:340px}
    div.cartListWrap table tr th.itemIcons {width:30px}
    div.cartListWrap table tr th.itemPriceSum {width:100px}
    div.cartListWrap table tr td.itemPrice, div.cartListWrap table tr th.itemPrice {width:80px}
    #AjaxOrderDetail {width:100%}

    .orderRecapitulation.orderRecapitulationNo {display:none}
    .infoBoxBody {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    div.cartListFooter table tr.sumRowAmount td span.caption {display:block; margin:0 0 5px 0; float:none}

    .submitText {width:100%}
    #customerForm, .shopOrderStepsButtons {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    .stockState .quantityPricesListMain .quantityPricesList {left:auto; right:0;}

    #boxMain #contactForm .formL {width:100%}
    #boxMain #contactForm .formR  {width:100%;}
    #boxMain #contactForm .formL .formField .label, #boxMain #contactForm .formR .formField .label {width:34%}
    #boxMain #contactForm .formL .formField .edit, #boxMain #contactForm .formR .formField .edit {width:66%;}
    #boxMain #contactForm .formM .formField .label {width:34%}
    #boxMain #contactForm .formM .formField .edit {width:66%;}

    .relatedItemWrap .relatedItemImg {width:50px}
    .relatedItemWrap .relatedItemImg img {max-width:40px;}

}
@media screen and (max-width: 580px) {
    div.cartListWrap table tr td.itemPrice, div.cartListWrap table tr th.itemPrice, div.cartListWrap table tr td.itemPrice span {width:0; font-size:0; line-height:0; padding:0}
    div.cartListWrap table tr th.itemPriceSum {width:90px}
    div.orderDetailHead table td {float:left; display:block; width:50%; padding:2px 0}
    div.cartListWrap table tr td.itemImage img {display:none}
    div.cartListWrap table tr td.itemImage {width:0; padding:0}
    .stockState .quantityPricesListMain .quantityPricesList {left:auto; right:-50px;}
}

@media screen and (max-width: 480px) {
    #shopCustomerCenter {padding:20px 10px}
    #shopCustomerCenter div.customerCenterMenu {width:100%; margin:0 0 5% 0}
    #shopCustomerCenter div.customerCenterContainer {width:100%;}
    .infoBoxBodyCustomerCenter .infoBoxLeft, .infoBoxBodyCustomerCenter .infoBoxRight {width:100%; float:none; margin:0 0 10px 0}
    #resetPasswordRequestForm .infoBoxContentIndent {width:100%}
    #shopOrderProcessNav ol li span {font-size:0}
    #shopOrderProcessNav ol li {height:70px}

    .relatedItemWrap .relatedItemImg {width:40px}
    .relatedItemWrap .relatedItemImg img {width:30px}
    .relatedItemWrap .relatedItemPrice {width:70px;}
    .cartTitle {margin:10px 0;}
    .relatedItems {margin:0; padding:0;}

    div.cartListWrap table tr td {padding:15px 5px}
    div.cartListWrap table tr td.itemImage {padding:15px 0; width:0}
    div.cartListWrap table tr td.itemImage a {display:none} 
    div.cartListWrap table tr th.itemQuantity {width:80px;}
    div.cartListWrap table tr td.itemQuantity {padding:15px 5px; width:80px}
    div.cartListWrap table tr td.itemPriceSum {width:90px;}
    div.cartListWrap table tr th {padding:10px 5px}
    div.cartListWrap div.quantityEdit {margin: 0;}
    .itemQuantity .quantityPricesListMain .quantityPricesList {left:-140px; bottom:15px; width:300px}
    div.cartListWrap table tr th.itemIcons {width:20px}
    #shopOrderProcess .shopOrderStepsButtons a.btnBack {float:none; width:100px; margin:0 0 10px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; padding: 0px 20px 0px 20px;}
    #shopOrderProcess .shopOrderStepsButtons a.btnNext {float:none; width:100%; margin:0 0 10px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center}

    #ajaxContactForm, #ajaxRegistrationForm, #ajaxLoginForm, #ajaxAddressForm, #shopCustomerCenterAlert, #AjaxShopRatingForm {width:96%}

    .shopOrderStepsButtons {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

    .formSkinDefault .formField .editRead {width:100%}

    .continueShop {display:block; margin:0 auto 10px auto; float:none; text-align:center; background:#808080; background-image:none; padding:0 10px;}
    .goToCart {display:block; margin:0 auto 10px auto; float:none; text-align:center; background:#ffc000; background-image:none; padding:0 10px;}
    .goToCart:hover {background:#ffcc00; }
    .continueShop:hover {background:#6d6b6b;}
    #AjaxCartAdded {padding:0 10px 10px 10px}

    .tabForm {width:100%; margin:0}
    #customerForm .customerFormBase, .orderRecapitulation {width:100%; margin:0}
    .orderRecapitulation {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    div.deliveryPaymentMethods {float: left; width:100%; margin:0 0 10px 0}
    #shopOrderProcess .tabForm {padding:0 0 10px 0}
    .infoBoxIn {padding: 20px 0;}
    .infoBoxBody {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%}
    #setPasswordForm .formButtonBig {width:100%}

    .formSkinDefault .formField div.label {width:100%; margin:0 0 5px 0}
    .formSkinDefault .formField div.edit, .formSkinDefault .ratingFormWide div.ratingFormStarImage {width:100%}

    .formL {float:none; width:100%; margin:0}
    .formC {float:none; width:100%; margin:0}
    .formR {float:none; width:100%}
    .formM {float:none; width:100%}

    



    #contactForm .formM .formField div.label {width:38%}
    #contactForm .formM .formField div.edit {width:62%}
    
    .orderDetailBox {width:100%}
    .orderDetailBoxIn {width: 100%; padding: 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    div.orderDetailHead table {margin:0 0 50px 0}
    div.orderDetailHead table tr th {display:none}
    div.orderDetailHead table tr { float: left; width:100%}
    div.orderDetailHead table tr.rowSpacer {display:none}
    div.orderDetailHead table td.orderDetailHeadCol1, div.orderDetailHead table td.orderDetailHeadCol2, div.orderDetailHead table td.orderDetailHeadCol3 { width: 100%;display: block;border: none;border-bottom: 1px solid #CCC; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 10px 0 15px 0;}
     div.orderDetailHead table td.orderDetailHeadCol1:before,  div.orderDetailHead table td.orderDetailHeadCol2:before,  div.orderDetailHead table td.orderDetailHeadCol3:before { width: 100%;font-weight: bold; display:block}
    div.orderDetailHead table td.orderDetailHeadCol1:before { content: "Fakturační údaje: ";}
    div.orderDetailHead table td.orderDetailHeadCol2:before { content: "Dodací údaje: "; }
    div.orderDetailHead table td.orderDetailHeadCol3:before { content: "Kontaktní informace: "; }
    .vatRecap table tr th, .vatRecap table tr td {padding:10px 5px; }
    .vatRecap table tr th {font-size:12px}

    div.cartListWrap table tr th {font-size:1.0em}
    div.cartListWrap table tr th, div.cartListWrap table tr td {padding:10px 5px}
    div.cartListWrap div.quantityEdit {width:40px; }
    div.cartListWrap div.quantityEdit div.qPlus, div.cartListWrap div.quantityEdit div.qMinus {display:none}
    div.cartListWrap table tr th.itemPriceSum {width:78px}
    div.cartListWrap table tr td.itemPriceSum {font-size:16px}

    div.orderDetailHead table td {float:left; display:block; width:50%; padding:2px 0}

    div.orderDetailHead table td.orderCreated:before {content: "Vytvořeno: ";}
    div.orderDetailHead table td.odredSettlementDate:before {content: "Splatnost: ";}
    div.orderDetailHead table td.orderPrice:before {content: "Cena: ";}
    div.orderDetailHead table td.orderdPayed:before {content: "Uhrazeno: ";}
    div.orderDetailHead table td.orderUnpaid:before {content: "Zbývá uhradit: ";}

    .orderDetailBoxIn {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #AjaxOrderDetail {width:100%}

    .vatRecap table {width:100%}
    .vatRecap table tr th {display:none}
    .vatRecap table tr {display:block; float:left; width:100%}
    .vatRecap table tr:last-child td {display:none}
    .vatRecap table tr td {display:block; width:100%; text-align:left; border:none; padding:5px 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:right; position:relative}
    .vatRecap table tr td:first-child, .vatRecap table tr td:last-child {text-align:right!important}
    .vatRecap table tr:last-child td:first-child {text-align:left!important; padding:5px 0}
    .vatRecap table tr td:before {position:absolute; top:5px; left:0}
    .vatRecap table tr td:before {text-align:left}
    /*.vatRecap table tr td:first-child:before {content: "Daňová sazba: "}
    .vatRecap table tr td:nth-child(2n):before {content: "bez daně: "}
    .vatRecap table tr td:nth-child(3n):before {content: "Daň: "}
    .vatRecap table tr td:nth-child(4n):before {content: "Celkem: "}*/
    .taxes-recapitulation-table-cs tr td:first-child:before {content: "Daňová sazba: "}
    .taxes-recapitulation-table-cs tr td:nth-child(2n):before {content: "bez daně: "}
    .taxes-recapitulation-table-cs tr td:nth-child(3n):before {content: "Daň: "}
    .taxes-recapitulation-table-cs tr td:nth-child(4n):before {content: "Celkem: "}
    .taxes-recapitulation-table-cs tr td:last-child {text-align:left; border-bottom: 1px solid #E9E9E9;}

    .taxes-recapitulation-table-sk tr td:first-child:before {content: "Sadzba DPH: "}
    .taxes-recapitulation-table-sk tr td:nth-child(2n):before {content: "Základ DPH: "}
    .taxes-recapitulation-table-sk tr td:nth-child(3n):before {content: "DPH: "}
    .taxes-recapitulation-table-sk tr td:nth-child(4n):before {content: "Celkom: "}
    .taxes-recapitulation-table-sk tr td:last-child {text-align:left; border-bottom: 1px solid #E9E9E9;}

    .taxes-recapitulation-table-de tr td:first-child:before {content: "MwSt.-Satz: "}
    .taxes-recapitulation-table-de tr td:nth-child(2n):before {content: "ohne MwSt: "}
    .taxes-recapitulation-table-de tr td:nth-child(3n):before {content: "MwSt.: "}
    .taxes-recapitulation-table-de tr td:nth-child(4n):before {content: "Gesamt: "}
    .taxes-recapitulation-table-de tr td:last-child {text-align:left; border-bottom: 1px solid #E9E9E9;}

    .taxes-recapitulation-table-en tr td:first-child:before {content: "VAT Rate: "}
    .taxes-recapitulation-table-en tr td:nth-child(2n):before {content: "Price: "}
    .taxes-recapitulation-table-en tr td:nth-child(3n):before {content: "VAT: "}
    .taxes-recapitulation-table-en tr td:nth-child(4n):before {content: "Total: "}
    .taxes-recapitulation-table-en tr td:last-child {text-align:left; border-bottom: 1px solid #E9E9E9;}
    div.cartListFooter table tr.whiteLine td {width:50%}


    .vatRecap table tr:last-child td:last-child {border:none; text-align:right}
    .vatRecap table tr:last-child td:first-child:before, .vatRecap table tr:last-child td:nth-child(4n):before {content:""}
    
    .vatRecap table tr:last-child td:first-child, .vatRecap table tr:last-child td:last-child {display:block; width:50%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    .orderRecapitulation.orderRecapitulationNo {display:none}
    #cardPreview table tr.recapItem td.recapItemImg {width:0}
    #cardPreview table tr.recapItem td.recapItemImg img {display:none!important}
    .orderLoginBottom {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #customerForm .orderLoginInForm {/*padding:0*/}
    .orderLoginTop {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    div.cartListFooter table tr.sumRowAmount td span.caption {display:block; margin:0 0 5px 0; float:none}
    .cartListWrap {padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    div.cartListFooter {padding:0 10px}
    .vatRecap {padding:0 10px}

     .submitText {width:100%; padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
     .stockState .quantityPricesListMain .quantityPricesList {right:-118px; width:340px;  font-size:0.9em}


       #boxMain #contactForm .formL {width:100%}
        #boxMain #contactForm .formR  {width:100%;}
        #boxMain #contactForm .formL .formField .label, #boxMain #contactForm .formR .formField .label {width:40%}
        #boxMain #contactForm .formL .formField .edit, #boxMain #contactForm .formR .formField .edit {width:60%;}
        #boxMain #contactForm .formM .formField .label {width:40%}
        #boxMain #contactForm .formM .formField .edit {width:60%;}
}

@media screen and (max-width: 440px) {
    #ajaxContactForm, #ajaxRegistrationForm, #ajaxLoginForm, #ajaxAddressForm, #shopCustomerCenterAlert {width:100%}

    .orderDetailItemsList tr { width: 100%;float: left; border-bottom: 1px solid #CCC;}
    .orderDetailItemsList tr th {display:none}
    .orderDetailItemsList tr td.itemText, .orderDetailItemsList tr td.itemQuantity, .orderDetailItemsList tr td.itemPrice, .orderDetailItemsList tr td.itemPriceSum { display: block; width: 100%; border: none;text-align: left!important; padding: 5px 10px;}
    .orderDetailItemsList tr td.itemQuantity:before {content: "Množství: ";}
    .orderDetailItemsList tr td.itemPrice:before {content: "Cena za kus: ";}
    .orderDetailItemsList tr td.itemPriceSum:before {content: "Celkem: ";}
    .orderDetailItemsList tr td.itemText { font-weight: bold; font-size:1.1em}

    div.orderDetailWrap .orderDetailSum span.caption { width: 100%; display:block}

    .cartListFooter table tr {float:left; width:100%; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    .cartListFooter table tr td {width:100%; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*text-align:center; */; }
 
    div.cartListFooter table tr.sumRowAmount td {padding:0}
    div.cartListFooter table tr.sumRowAmount td:first-child {padding:15px 0 0 0}
    div.cartListFooter table tr.sumRowAmount td:last-child {padding:0 0 15px 0}
    div.cartListFooter table tr.sumRowAmount td.right {/*text-align:center*/}
    div.cartListFooter table tr.sumRowAmount td:first-child {padding:15px 0}

    div.orderDetailHead table td {float:none; display:block; width:100%; padding:2px 0}
    .deliveryMethodInfoButton {font-size:0; line-height:0; height:20px; display:block}
    div.deliveryPaymentMethods div.methodList div.groupMethods ul > li > span.deliveryMethodInfoButton {font-size:0}
    div.cartListFooter table tr.sumRowAmount td {width:100%; border:none; text-align:left!important}
    div.cartListFooter table tr.sumRowAmount td span.caption {margin:0}

    #shopCustomerCenter .infoBoxBody {padding:0!important}
    #generalList {padding:0!important}
    .infoBoxBody table.infoBoxTable tr th, .infoBoxBody table.infoBoxTable tr td {font-size:0.85em; padding:10px 2px}
        #orderTableBox table tr td:last-child > div {margin:0 10px 0 0}
    #orderTableBox table tr td:nth-child(2n) {width:75px;}
    #orderTableBox table tr td:nth-child(3n) {width:130px}
    .stockState .quantityPricesListMain .quantityPricesList {right:-104px; width:300px; font-size:0.8em}

    #boxMain #contactForm .formL .formField .label, #boxMain #contactForm .formR .formField .label {width:100%}
    #boxMain #contactForm .formL .formField .edit, #boxMain #contactForm .formR .formField .edit {width:100%;}
    #boxMain #contactForm .formM .formField .label {width:100%}
    #boxMain #contactForm .formM .formField .edit {width:100%;}

    #contactForm .formL .formField div.label, #contactForm .formC .formField div.label, #contactForm .formR .formField div.label {width:100%;}
    #contactForm .formL .formField div.edit, #contactForm .formC .formField div.edit, #contactForm .formR .formField div.edit {width:100%}
    #contactForm .formM .formField div.label {width:100%; margin:0 0 5px 0}
    #contactForm .formM .formField div.edit {width:100%}
    #genericRegForm .label {width:30%;}
    #genericRegForm .edit {width:70%;}
    .genericRegBtn {margin:0 0 20px 0; }
    

    /*#workshopsPanel .label, #tagsPanel .label {width:calc(100% - 20px); }
    #workshopsPanel .edit, #tagsPanel .edit {width:20px; text-align:right; padding:0 10px 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;*/ position:relative;}

}
 @media screen and (max-width: 420px) {
     .formSkinDefault .formField div.label label span {display:block; float:none;}
    .formSkinDefault .formField div.label label span.info {display:block; float:none; width:100%;}
    .formSkinDefault .formField div.label label span.info div.infoBox {right:auto; left:0}
 }   

@media screen and (max-width: 380px) {
    .colOrderNumber {display:none}
    #shopCustomerCenter .infoBoxBody {padding:0!important}
    #generalList {padding:0!important}
    .quantityPrices {font-size:1.2em;}
    .quantityPricesHidden {display:none;}
    .quantityPricesIn {padding:0; float:right;}
    .quantityPricesList {text-align:right;}
    .quantityPricesListIcon {margin:0 auto 5px auto; display:table; float:none;}

    .itemQuantity .quantityPricesListMain .quantityPricesList {width:240px;}
    div.cartListWrap table tr td.itemQuantity, div.cartListWrap table tr th.itemQuantity {width:40px;}
    div.cartListWrap table tr td.itemPriceSum {width:60px; font-size:1.2em;}
    .itemQuantity .quantityPricesListMain {width:40px;}
    .relatedItemWrap .relatedItemImg {display:none}
    .relatedItemWrap .relatedItemBox .relatedItemAv strong {display:none}
}


@media screen and (max-width: 340px) {
    #shopOrderProcess a.dumpLink {font-size:12px}
    #orderTableBox table tr td:first-child input {padding:0 5px;}

}

/* IKONY DOPRAV A PLATEB - 5.10.2016 (Petr) */

.delivery-premises>a>span {background: url(/templates/css/images/delivery/logoDelivery.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.delivery-geis>a>span {background: url(/templates/css/images/delivery/dpdIcon.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.delivery-geisOversize>a>span {background: url(/templates/css/images/delivery/geisIcon.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.delivery-central>a>span {background: url(/templates/css/images/delivery/logoDelivery.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.delivery-centralOversize>a>span {background: url(/templates/css/images/delivery/logoDelivery.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.delivery-calculatedCharge>a>span {background: url(/templates/css/images/delivery/logoDelivery.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.delivery-dpd-point>a>span {background: url(/templates/css/images/delivery/dpdIcon.png) no-repeat left center; padding:5px 0 5px 70px !important;}

.payment-bank-account>a>span {background: url(/templates/css/images/delivery/prevodem.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.payment-cash>a>span {background: url(/templates/css/images/delivery/hotove.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.payment-COD>a>span {background: url(/templates/css/images/delivery/dobirka.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.payment-PayU>a>span {background: url(/templates/css/images/delivery/vima.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.payment-gopay>a>span {background: url(/templates/css/images/delivery/vima.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.payment-invoice>a>span {background: url(/templates/css/images/delivery/faktura.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.payment-inAdvance>a>span {background: url(/templates/css/images/delivery/logoDelivery.png) no-repeat left center; padding:5px 0 5px 70px !important;}
.payment-PayPal>a>span {background: url(/templates/css/images/delivery/PayPal.png) no-repeat left center; padding:5px 0 5px 70px !important;}
/* END IKONY DOPRAV A PLATEB */


.substFormLink {height: 30px; line-height: 30px; text-transform: uppercase; background:#FFC000; color:#000; cursor:pointer; border:none; padding:0 10px; text-align:center; font-weight:600; float:left;font-size: 11px; text-decoration:none}
@media screen and (max-width: 480px) {
    .substFormLink {font-size: 9px;}
}
.substFormLink:hover {background:#FFD800; color:#000;}

.infoBoxDescription {
    margin: 0 0 7px 0;
    color: #041527;
    font-size: 15px;
}

#country-selection {
    margin: 0 0 20px 0;
    width: 100%;
    color: #041527;
    font-size: 15px;
    border: 1px solid #8f8f8f;
    padding: 0 10px;
    height: 32px;
    font-family: 'Istok Web', sans-serif;
}

.tagFOMEIUNPACKED {
    background: #660094;
    color: white;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 15px;
    max-width: 60px;
    width: 100%;
}