@charset "utf-8";
/* CSS Document */

.PagesNaviContent{float:left;position:relative;margin:0px auto 0px auto;width:20%;padding:0px 0px 0px 0px;overflow:hidden;}
.PagesNaviContent ul.UserMenu{margin:0px;padding:0px;font-size:14px;color:#000;list-style-position:inside;}
.PagesNaviContent ul.UserMenu li{display:block;margin:0px;padding:0px 0px 0px 15px;line-height:32px;font-size:14px;color:#000;border-bottom:1px solid #9A9A9A;border-left: solid 4px #ffffff;}
.PagesNaviContent ul.UserMenu li.act{border-left: solid 4px #59B210;}
.PagesNaviContent ul.UserMenu li a{color:#000;display:block;}

.PagesContent{position:relative;margin:0px auto 0px auto;width:auto;max-width:100%;padding:0px 10px 15px 10px;overflow:hidden;}
.PagesContent p{margin:0px;padding:0px;font-size:14px;color:#000;line-height:20px;}
.PagesContent p a{color:#333;text-decoration:underline;}
.PagesContent ul[type=disc]{margin:0px 0px 0px 20px;padding:0px;font-size:14px;color:#000;line-height:20px;list-style-type: disc;}
.PagesContent ul[type=disc] li{list-style-type:disc;}
.PagesContent ul[type=circle]{margin:0px 0px 0px 20px;padding:0px;font-size:14px;color:#000;line-height:20px;list-style-type: circle;}
.PagesContent ul[type=circle] li{list-style-type:circle;}

.PagesContentL{float:left;position:relative;margin:0px auto 10px auto;width:50%;max-width:50%;padding:0px 0px;overflow:hidden;}
.PagesContentF{position:relative;margin:0px auto 0px auto;width:60%;max-width:60%;padding:0px 0px;overflow:hidden;}
.PagesContentU{position:relative;margin:0px auto 0px auto;width:80%;max-width:80%;padding:0px 0px;overflow:hidden;}

.PagesFormContent{position:relative;margin:0px auto 0px auto;width:70%;max-width:70%;padding:5% 5%;overflow:hidden;background:#EEEEEE;border:1px solid #E1E1E2;min-height:220px;}
.PagesFormContent.Right{float:right;margin-right:10px;}
.PagesFormContent.Left{float:left;margin-left:10px;}

.PagesFormContent p.PagesHeader{margin:0px auto 10px auto;padding:0px 0px;font-size:18px;color:#000;text-align:center;}

.PagesFormContent .InputContent{position:relative;margin:0px auto;width:90%;padding:5px 0px;overflow:hidden;}

.PagesFormContent .InputContentLeft{float:left;position:relative;margin:0px 0px 0px 5%;width:44%;padding:5px 0px;overflow:hidden;}
.PagesFormContent .InputContentRight{float:right;position:relative;margin:0px 5% 0px 0px;width:44%;padding:5px 0px;overflow:hidden;}

.InputContent label.RadioLabel{width:auto;max-width:100%;position:relative;padding:10px 0px 10px 30px;margin:0px 0px;display:block;font-size:14px;color:#000;background:#D9D9D9;cursor:pointer;overflow:hidden;}
.InputContent label.RadioLabel input{position:absolute;opacity: 0;cursor: pointer;}
.RadioLabel .checkmark{position:absolute;top:8px;left:5px;height:20px;width:20px;background-color:#ffffff;border-radius:50%;}
/* On mouse-over, add a grey background color */
.RadioLabel:hover input ~ .checkmark {background-color:#ffffff;}
/* When the radio button is checked, add a blue background */
.RadioLabel input:checked ~ .checkmark {  background-color: #ffffff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: ""; position: absolute;  display: none;}
/* Show the indicator (dot/circle) when checked */
.RadioLabel input:checked ~ .checkmark:after { display: block;}
/* Style the indicator (dot/circle) */
.RadioLabel .checkmark:after {	top: 5px;left: 5px;width: 10px;height: 10px;border-radius: 50%;background: #59B210;}
.RadioLabel input:disabled ~ .checkmark {display:none;}

.InputContent label.CheckLabel, .InputContentLeft label.CheckLabel, .InputContentRight label.CheckLabel{width:auto;max-width:100%;position:relative;padding:10px 0px 10px 30px;margin:0px 0px;display:block;font-size:14px;color:#000;background:#D9D9D9;cursor:pointer;overflow:hidden;}
.InputContent label.CheckLabel a, .InputContentLeft label.CheckLabel a, .InputContentRight label.CheckLabel a{color:#000;text-decoration:underline;}
.InputContent label.CheckLabel input, .InputContentLeft label.CheckLabel input, .InputContentRight label.CheckLabel input{position:absolute;opacity: 0;cursor: pointer;}
.CheckLabel .checkmark{position:absolute;top:10px;left:5px;height:15px;width:15px;background-color:#ffffff;border-radius:0%;border:1px solid #666}
/* On mouse-over, add a grey background color */
.CheckLabel:hover input ~ .checkmark {background-color:#ffffff;}
/* When the radio button is checked, add a blue background */
.CheckLabel input:checked ~ .checkmark {  background-color: #ffffff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.CheckLabel:after {content: ""; position: absolute;  display: none;}
/* Show the indicator (dot/circle) when checked */
.CheckLabel input:checked ~ .checkmark:after { display: block;}
/* Style the indicator (dot/circle) */
.CheckLabel .checkmark:after {	top: 3px;left: 3px;width: 9px;height:9px;border-radius: 0%;background: #59B210;}


.InputContent input[type=text],input[type=email],input[type=password],input[type=tel],select {width: 100%;padding: 10px 15px;margin: 0px;display: inline-block;  border: 1px solid #999;box-sizing: border-box;outline:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;font-size:14px;  background:#fff;}

.InputContent select,.InputContentLeft select,.InputContentRight select   {width: 100%;padding: 10px 15px;margin: 0px;display: inline-block;  border: 1px solid #999;box-sizing: border-box;outline:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:14px;background:url('../images/icons/selectbox.png') no-repeat 100% 50%,#fff;}

.InputContent input[type=date] {width: 100%;padding: 10px 15px;margin: 0px;display: inline-block;  border: 1px solid #999;box-sizing: border-box;outline:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:14px;}



.InputContentLeft input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel], .InputContentRight input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel]  {width: 100%;padding: 10px 15px;margin: 0px;display: inline-block;  border: 1px solid #999;box-sizing: border-box;outline:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;font-size:14px;background:#fff;}

.InputContent textarea, .InputContent textarea {width: 100%;padding: 10px 15px;margin: 0px;display: inline-block;  border: 1px solid #999;box-sizing: border-box;outline:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;font-size:14px;background:#fff;resize: none;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;-moz-appearance: none;appearance: none;}
input[type=number] {-moz-appearance:textfield;}

input::placeholder {color:#666;font-size:14px;}
input::-webkit-input-placeholder {color:#666;font-size:14px;}
input:-ms-input-placeholder {color:#666;font-size:14px;}

input[type="text"]:disabled,input[type="number"]:disabled,select:disabled {border:none;background:#fff;color:#000;-webkit-text-fill-color:#000;-webkit-opacity:1;border:none;}

.CloseCompany, .ClosePass{ display:none;}

.InputContent button[type=submit] {width: 100%;padding: 13px 15px;margin:10px 0px 0px 0px;display:block;border: none;box-sizing: border-box;outline:none;font-size:16px;font-weight:bold;background:#000000;color:#FFF;cursor:pointer;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}

PagesContentL label.error, label.error {color:#F00;font-style:italic;}
div.error { display: none; }
textarea.error,input[type=text].error,input[type=number].error,input[type=email].error,input[type=password].error,input[type=tel].error { border: 1px solid #F00; }

.InputContent .button,.InputContentLeft .button,.InputContentRight .button {width: 100%;text-align:center;padding: 13px 15px;margin: 0px;display:block;border: none;box-sizing: border-box;outline:none;font-size:16px;font-weight:bold;background:#000000;color:#FFF;cursor:pointer;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}


.order-cart {overflow:hidden;margin:0px auto 10px auto;padding:2% 0%;background:#EEEEEE;border:1px solid #E1E1E2;}
.order-cart .order-number {float:left;width:25%;text-align:center;}
.order-cart .order-date {float:left;width:25%;text-align:center;}
.order-cart .order-price {float:left;width:25%;text-align:center;}
.order-cart .order-status {float:left;width:25%;text-align:center;}
.order-cart .order-number p.title,.order-cart  .order-date p.title,.order-cart  .order-price p.title,.order-cart  .order-status p.title{font-size:12px;color:#999;}
.order-cart .order-number p,.order-cart  .order-date p,.order-cart  .order-price p,.order-cart  .order-status p{font-size:14px;}
.order-cart .order-status p{color:#090;}


/*kosik */
.PagesContent{position:relative;margin:0px auto 0px auto;width:auto;max-width:100%;padding:0px 10px 15px 10px;overflow:hidden;}
.PagesContent p{margin:0px;padding:0px;font-size:14px;color:#000;line-height:20px;}
.PagesContent p a{color:#333;text-decoration:underline;}

.product-image {float: left;width: 12%;}

.product-details {float: left;width: 50%;}.product-details-min {float: left;width: 55%;}

.product-quantity {float: left;width: 20%;}

.product-line-price {float: left;width: 18%;}.product-line-price-min {float: left;width: 45%;text-align:right;}

.product-removal {clear:both;width: 100%;}

.group:before, .shopping-cart:before, .column-labels:before, .product:before, .totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
  content: '';
  display: table;
}

.group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after {
  clear: both;
}

.shopping-cart {overflow:hidden;margin:10px auto; }
.shopping-cart-min { width:90%;overflow:hidden;margin:10px auto; }
.product {  border-bottom: 1px solid #999;padding:10px 0px;}
.product-min {overflow:hidden; margin:0px auto;  border-bottom: 1px solid #999;padding:10px 0px;}
.product .product-image {  text-align: left;}
.product .product-image img {  width: 80px;}
.product .product-details .product-title {font-size:16px;}
.product .product-details .product-kod {font-size:14px; color:#999}
.product .product-details .product-skladom {font-size:14px; color:#59B210;}

.product .product-line-price{text-align:right;}
.product .product-line-price .product-line-price-one{font-size:14px;color:#999;}
.product .product-line-price .product-line-price-sub{font-size:22px;color:#000000;}
.product .product-removal{text-align:right;}
.product .product-removal p{font-size:14px;}
.product .product-removal a{font-size:14px;color:#999;text-decoration:none;}


/* Totals section */
.totals{clear: both;margin:20px auto;}
.totals .totals-item {  float: right;  clear: both;  width: 100%;  margin-bottom: 10px;}
.totals .totals-item label {  float: left;  clear: both;  width: 85%;  text-align: right;  color:#666;  font-size:14px;}
.totals .totals-item .totals-value {  float: right;  width: 15%;  text-align: right;  color:#000;  font-size:14px;}
.totals .totals-item .totals-value.subtotal {  font-size:22px;}
.totals .totals-item .subtotal{color:#000;font-size:18px;}

.totals-min{clear: both; overflow:hidden; width:90%;margin:20px auto;}
.totals-min .totals-item {  float: right;  clear: both;  width: 100%;  margin-bottom: 10px;}
.totals-min .totals-item label {  float: left;  clear: both;  width: 70%;  text-align: right;  color:#666;  font-size:14px;}
.totals-min .totals-item .totals-value {  float: right;  width: 30%;  text-align: right;  color:#000;  font-size:14px;}
.totals-min .totals-item .totals-value.subtotal {  font-size:20px;}
.totals-min .totals-item .subtotal{color:#000;font-size:20px;}

.checkout {
  float: right; padding: 13px 15px;margin-top:20px;display:block;border: none;box-sizing: border-box;outline:none;font-size:16px;font-weight:bold;background:#000;color:#FFF;cursor:pointer;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;
}

.return_pay_button{width:auto;padding: 13px 15px;margin:0px 0px 0px 0px;display:inline-block;border: none;box-sizing: border-box;outline:none;font-size:16px;font-weight:bold;background:#59B210;color:#ffffff;cursor:pointer;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}
.return_pay_button a{color:#ffffff;cursor:pointer;text-decoration:none;}


.noShipping{float:right;margin:0px auto 0px auto;width:auto;padding:10px 20px;background:#ACD887;border:1px solid #59B210;text-align:center;}
.noShipping p{margin:0px auto;line-height:20px;color:#000;font-size:14px;overflow:hidden;}
/* kosik */

/* kupon */
.KuponBG { text-align:center}
.KuponIMG {max-width:100%;height:auto;}
.KuponBTN{margin:20px 0px;padding: 13px 15px; width:auto;display:inline-block;font-size:14px;background:#000;color:#FFF;}

/* ratingk */
.rating-cart {overflow:hidden;margin:10px auto; }
.rating-cart .product { border-bottom: 1px solid #999;padding:10px 0px;}
.rating-cart .product .product-image {float: left;width: 12%;text-align: left;}
.rating-cart .product .product-image img {width:80px;}
.rating-cart .product .product-details {float:left;width:25%;}
.rating-cart .product .product-details .product-title {font-size:16px;}
.rating-cart .product .product-details .product-kod {font-size:14px; color:#999}
.rating-cart .product .product-quantity {float: left;width: 20%;}
.rating-cart .product .product-line-price{float: left;width: 43%;text-align:right;}
.rating-cart .product .product-line-price textarea {width:90%;padding: 10px 15px;margin: 0px;display: inline-block;  border: 1px solid #999;box-sizing: border-box;outline:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;font-size:14px;  background:#fff;}
.rating-cart .product .product-line-price .product-line-price-one{font-size:14px;color:#999;}
.rating-cart .product .product-line-price .product-line-price-sub{font-size:22px;color:#000000;}

.rate_box {}
.rate_box p{float:left;margin:0px 0px 0px 10px;color:#000;font-size:14px;text-align:left;}
    .rate {
    float: left;
    height: 30px;
    padding: 0 0px;
	border:none;
}
.rate:not(:checked) > input {
    position:absolute;
    top:0px;
	visibility:hidden;
}
.rate:not(:checked) > label {
    font-family: FontAwesome;
	float:right;
    width:20px;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:20px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '\f005';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #F3BD00;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

@media only screen and (min-width: 768px) and (max-width: 959px){

 .rating-cart .product .product-image {width: 30%;margin-bottom: 10px;}
 .rating-cart .product .product-details {float: none; margin-bottom: 10px; width: auto;  }
 .rating-cart .product .product-quantity { clear: both;width: 100%;text-align:center;margin-bottom: 10px;  }
 .rating-cart .product .product-line-price{width: 100%;}
 .rating-cart .product .product-line-price textarea {width:100%;}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {

 .rating-cart .product .product-image {width: 30%;margin-bottom: 10px;}
 .rating-cart .product .product-details {float: none; margin-bottom: 10px; width: auto;  }
 .rating-cart .product .product-quantity { clear: both;width: 100%;text-align:center;margin-bottom: 10px;  }
 .rating-cart .product .product-line-price{width: 100%;}
 .rating-cart .product .product-line-price textarea {width:100%;}

}

@media only screen and (max-width: 767px) {
 
.PagesNaviContent{float:none;width:auto;max-width:100%;padding:0% 2% 5% 2%;}
.PagesContentL{float:none;width:auto;max-width:100%;margin-bottom:10px;}     
.PagesContentF{width:auto;max-width:100%;margin-bottom:10px;}
.PagesContentU{width:auto;max-width:100%;margin-bottom:10px;}
.PagesFormContent{float:none;width:auto;max-width:100%;padding:5% 0%;}
.PagesFormContent.Right, .PagesFormContent.Left{float:none;margin:0px;}
.order-cart .order-number {float:left;width:50%;}
.order-cart .order-date {float:left;width:50%;}
.order-cart .order-price {clear:both;float:left;width:50%;margin-top:5px;}
.order-cart .order-status {float:left;width:50%;margin-top:5px;}



/* kosik */
 .product-image {width: 30%;margin-bottom: 10px;}
 .product-details {float: none; margin-bottom: 10px; width: auto;  }
 .product-quantity { clear: both;width: 50%;text-align:center;	margin-bottom: 10px;  }
 .product-quantity .d_mnozstvo{float:none;margin:0px auto;text-align:center;}
 .product-line-price {    width: 50%;text-align:right;margin-bottom: 10px;  }
 .product-removal p{   text-align:center;  }
 .totals .totals-item label {width: 70%;}
 .totals .totals-item .totals-value {width: 30%;}

/* rating */ 
 .rating-cart .product .product-image {width: 30%;margin-bottom: 10px;}
 .rating-cart .product .product-details {float: none; margin-bottom: 10px; width: auto;  }
 .rating-cart .product .product-quantity { clear: both;width: 100%;text-align:center;margin-bottom: 10px;  }
 .rating-cart .product .product-line-price{width: 100%;}
 .rating-cart .product .product-line-price textarea {width:100%;}
}