
body, html {margin: 0; padding: 0; width: 100%; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 15px; background: white;}

/*
	body {font-family: 'Josefin Sans', sans-serif;}
*/
body {font-family: 'Open Sans', sans-serif; color: #444444;}

p {margin: 0 0 10px 0;} a {cursor: pointer;}

.bg {background: white;}
.gr {color: #717171;}
.cbg {background: none;} .dbg {background: none;}

#infointro {height: auto;line-height: 50px;}
#infointro .wrapper {margin: 20px auto;background: yellow;max-width: 1170px;}


.s3gt_translate_tooltip {display: none !important;}

input[type="submit"],
input[type="button"] {-webkit-appearance: none;}

input[type="text"],
input[type="password"],
input[type="number"],
select,
textarea {border: 1px solid #C3C3C3; outline: none;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {border: 1px solid #3366AD;}

#heureka {text-align: center;margin-bottom: 20px;}
#heureka img {width: 100px;}

:not(.control-group).button, input, select, textarea {box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}

input[type="text"],
input[type="password"],
input[type="number"],
select {position: relative; display: inline-block; padding: 0 10px; height: 35px; line-height: 35px; border-radius: 3px;}
input[type="text"], input[type="password"], input[type="number"], select {width: 100%;}


div.list_related {}
div.list_related .sblock6 {}
div.list_related .sblock6 .image {height: 225px !important;}
div.list_related .sblock6 .image  .image_block a {height: 205px !important;}
div.list_related .sblock6 .image img {max-height: 200px !important;}
div.list_related .sblock6 .name a {font-size: 13px !important;}
div.list_related .sblock6 .buttons {padding: 0 0 0 0 !important;}
div.list_related .sblock6 .buttons a.button_buy {display: inline-block; padding: 0 20px; width: auto;height: 25px;line-height: 25px;font-size: 14px; margin: 0 auto}

ul {margin: 10px 0px 20px 10px;padding-left: 10px;}

.fl {float: left;}
.tac {text-align: center;}
.w25 {width: 31%;}


.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 25%;}
.w60 {width: 60%;}

.mobilelang {display: none;vertical-align: middle;}
.mobilelang img {max-width: 40px;box-shadow: 0px 0px 3px #ccc;}


#tr_client_type_select {}
#tr_client_type_select .bigClickable {margin: 10px 0;}
#tr_field_tax_number td {padding: 0 0 10px 0;}
.bigClickable {display: block; border: 1px solid #e0e0e0; text-align: center; height: 50px; line-height: 50px; border-radius: 3px; cursor: pointer; margin: 0 0 10px 0; background: white;}
label.bigClickable  {width: 100%;}
.bigClickable:hover,
.bigClickable.active {border-color: #F87000;}

#show_delivery label.bigClickable  {width: 90%;}

body.item-121 .fl.w50 {width: 50%;}
body.item-121 .fl.w50.tac {width: auto;}

table.velikosti {width: 100%;text-align: center;border: 1px solid #ccc;border-collapse: collapse; margin: 0 0 40px 0;}
table.velikosti td {padding: 5px; font-size: 12px;}
table.velikosti tr:nth-child(odd) {background: #EDF4FF;}
table.velikosti tr:first-child {background: #ccc;}

.facebook_right {
    width: 350px;
    position: fixed;
    right: -350px;
    top: 105px;
    z-index: 1999;
}
.facebook_right .facebook-icon {
    left: -50px;
    right: auto;
}
.facebook_right .facebook-icon { 
   height: 50px;
width: 50px;
right: -50px;
background: #3B5998 url(/templates/design/images/facebook-icon.png) no-repeat;
cursor: pointer;
position: absolute;
z-index: 1999;
}
.facebook_right .fb-page{
width: 340px;
height: 200px;
background-color: #3B5998;
}
.pulled {right: 0px;}

.client-type-selection td {padding: 0;}
.client-type-selection td:first-child {font-size: 0;}
.client-type-selection td label {display: inline-block; padding: 20px 10px;}

#bottom {position: relative; margin: 30px 0 30px 0; text-align: center;}

/* COLORS*/
.hlavniBarva {color: #427ed1;}
.hlavniBarvaTmavsi {color: #3569AD;}
.sekundarniBarva {color: #06518B;}
.sekundarniBarvaTmavsi {color: #CA4A34;}

.productDetail #system-message-container {}

header,
topper {font-weight: normal;}


/* TOPPER */
topper {margin-top: 0px; z-index: 104; position: relative;border-top: 2px solid #f87000;display: block;} 
topper > .wrapper {padding: 0 20px 0 20px;}
topper #top {position: relative; display: block; padding: 0;}

topper #top #contacts {position: relative; display: block; max-width: 900px;}
topper #top #contacts > div {display: block; float: left; height: 50px; line-height: 50px;}

topper #top #contacts .fl img {margin-top: 10px;max-width: 40px;box-shadow: 0px 0px 3px #ccc;opacity: 0.8;}
topper #top #contacts .fl img:hover {opacity: 1;}

topper #top #contacts .w50 {width: 90%;}

topper #top span.arrow_big,
topper #top span.arrow_small {float: right; background: url('../images/arrow10_black.png') center center no-repeat; width: 40px; height: 50px; display: block; margin: 0;}

topper #top #account {position: relative; text-align: center;border-left: 1px solid #eaeaea;display: block; float: right; font-size: 15px; color: #383838;height: 50px;line-height: 50px;}
topper #top #account .myaccount > .wrap > span {position: relative; display: block; float: left; height: 50px; line-height: 50px; padding: 0 10px; vertical-align: middle;}
topper #top #account:hover .account_options {display: block;}
topper #top #account .account_options {display: none; position: absolute; top: 50px; right: -1px; background: #fbfbfb; border: 1px solid #eaeaea; text-align: left; padding: 0;}
topper #top #account .account_options ul {margin: 0; padding: 0; list-style-type: none; display: block; width: 175px;}
topper #top #account .account_options ul li {display: block;}
topper #top #account .account_options ul li a {display: block; padding: 0 20px; font-weight: normal; height: 40px; line-height: 40px;}
topper #top #account .account_options ul li a:hover {text-decoration: underline;}


topper #top #cart {position: relative; cursor: pointer; background: #F5F5F5;display: block;text-align: center; float: right;  border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; font-size: 15px;color: #383838;height: 50px;line-height: 50px;}
topper #top #cart .cartcount > span {position: relative; display: block; float: left; height: 50px; line-height: 50px; vertical-align: middle; padding: 0 5px;}
topper #top #cart span.icon-cart {float: left; display: block; text-align: left; height: 50px; line-height: 50px; padding: 0 10px;}
topper #top #cart span.cartcount {}
topper #top #cart .cart_detail {margin: 0 0 0 -1px; display: none; right: -1px; min-width: 156px; position: absolute; top: 50px; background: #fbfbfb; border: 1px solid #eaeaea; text-align: right; padding: 10px 20px 0px 20px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}
topper #top #cart .cart_detail > span {display: block; clear: both; height: 30px; line-height: 30px; text-align: left; white-space: nowrap;}
topper #top #cart .cart_detail a {cursor: pointer; position: relative; display: block; width: 100%; padding: 0; text-align: center; height: 30px; line-height: 30px; border-radius: 3px; background: #f87000; margin: 4px 0 16px 0; color: white;}
topper #top #cart .cart_detail a:hover {background: #23508c;}
topper #top #cart:hover .cart_detail {display: block;}

topper #top #cart.attach-top {position: fixed; top: 0; border-bottom: 1px solid #eaeaea; border-color: #989898;}
topper #top #cart.attach-top .cart_detail {border-color: #989898;}

#cartacc {position: absolute; top: 0; right: 0;}

/* HEADER */
header {margin-top: 0px; z-index: 103; position: relative;border-top: 1px solid #eaeaea;}
header > .wrapper {padding: 0 20px 0 20px;}

header #head {padding: 0; border-radius: 0px; display: table; width: 100%;}
header #head #logo {position: relative; display: table-cell; vertical-align: middle; width: 28%; height: 120px;}
header #head #logo img {height: 100px;}

header #head .cell {}
header #head .cell .title {height: 30px; line-height: 30px; margin: 0 20px 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #E4E4E4; display: block;}
header #head .cell .title span {margin: 0 20px 0 0; font-size: 20px; color: #427ed1;}

header #navigation ul.menu li.item-117,
header #navigation ul.menu li.item-118 {display: none;}
header #navigation .navigations {float: right;}
header #navigation .navigations ul {margin: 0; padding: 0; list-style-type: none; display: table;}
header #navigation .navigations ul li {display: table-cell;}
header #navigation .navigations ul li a {display: block; padding: 0 20px; height: 40px; line-height: 40px;}
header #navigation .navigations ul li a:hover {text-decoration: underline;}

.desktop-off{display:none;}

header #navigation,
header #search_box {position: relative; display: block; float: right;}

/* SEARCH */
header #search_box {margin: 0 0 15px 0;}
header #search_box form {display: table; margin: 0 auto;}
header #search_box:after {clear: both; display: block; content: "";}
header #search_box .control-group {position: relative; display: block; float: left; margin: 0 0 0 0;}
header #search_box .control-group input[type="text"] {border: 1px solid #DEDEDE; outline: none; width: 557px; height: 40px; line-height: 40px; padding: 0 268px 0 20px; border-radius: 3px;}
header #search_box .control-group input[type="text"]:focus {border: 1px solid #f87000; }
header #search_box .control-group.category .controls {width: 170px; margin: 6px 0 0 -212px; border: 1px solid #DEDEDE; border-top: none; border-bottom: none; background: white;}
header #search_box .control-group.category select {width: 170px; background: white; border: none; background: none; border-radius: 0px; height: 30px; line-height: 30px; padding: 0 10px; outline: none;}
header #search_box .control-group.button {margin: 4px 0 0 -36px;}
header #search_box .control-group.button label {cursor: pointer; margin: 0; position: relative; display: block; height: 32px; line-height: 32px; width: 32px; border-radius: 3px; background: #f87000; color: white; text-align: center; vertical-align: middle;}
header #search_box .control-group.button label:hover {background: #DA6607;}
header #search_box .control-group.button label span {margin: 0; vertical-align: baseline;}
header #search_box .control-group.button label span + span {margin: 0; display: none;}



.menu {background: #f87000;height: 50px;line-height: 50px;width: 100%;}

.menu ul.nav.menu {width: 100%;margin: 0px;padding: 0px;list-style: none;display: table;}
.menu ul.nav.menu li {display: table-cell;text-align: center;padding: 0px 5px;-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;}
.menu ul.nav.menu li:hover,
.menu ul.nav.menu li.active {background: #da6607;}
.menu ul.nav.menu li a {display: block;text-decoration: none;color: white;}
.menu ul.nav.menu li.item-164 {display: none;}
.menu ul.nav.menu li ul {display: none;}


#categories-nav .categories {display: none;}


/* KATEGORIE */

#left {position: relative; z-index: 102;}
#left .categoryList {position: relative; display: block; width: 100%;}
#left .category {position: relative; display: block;border-bottom: 1px solid #ccc;}
#left .category.promo a {text-transform: uppercase; background: #ad9e50;}
#left .category.promo a:hover {background: #988939 !important;}
#left .category .img {display: none;}
#left .category .name span {display: none;color: #ccc;font-size: 12px;float: right;}
#left .category.level_0 > a {color: black; text-align: left; display: block; padding: 0 10px; height: auto; line-height: 35px; margin: 0;font-size: 13px;}
#left .category.level_0 > a:after {content: ""; position: relative; display: block; margin: 20px -20px 0 0; width: 1px; height: 20px; float: right;}
#left .category.level_0.active > a,
#left .category.level_0 > a:hover {background: #F87000;color: white;}
#left .category.promo a:after,
#left .category.level_0:last-child a:after {display: none;}
#left .category.level_0.parent > a:before {content: "\e996"; position: absolute; top: 1px; right: 10px; font-family: 'icomoon'; font-size: 10px;transform: rotate(270deg);}

#left .category .children {display: none;}
#left .category.level_0:hover > .children {display: table;}
#left .category.level_0 > .children {position: absolute; width: 100%; top: -1px; left: 100%; display: none; background: white; border: 1px solid #f87000;-webkit-box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);}


#left .category.level_0 > .children > .category {display: block; background: white; }
#left .category.level_0 > .children > .category > a {position: relative; display: block; padding: 0px 10px;height: 35px; width: 250px; line-height: 35px; font-size: 13px; color: black;cursor: pointer;}

#left .category.level_0 > .children > .category:hover {background: #F3F3F3;}
#left .category.level_0 > .children > .category:hover a {color: #f87000;} 

#left .category.level_0 > .children > .category > a .img {display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
#left .category.level_0 > .children > .category > a .img img {height: 30px; vertical-align: middle;}
#left .category.level_0 > .children > .category > a .name {vertical-align: middle; display: inline-block;}
#left .category.level_0 > .children a {color: black;}

#left .category.level_1 > .children {display: block; padding: 20px 0; border-left: 1px solid #e4e4e4;}
#left .category.level_1:first-child > .children {border-left: none;}
#left .category.level_1 > .children > .category {position: relative; display: block; width: 50%; float: left;}
#left .category.level_1 > .children > .category > a {position: relative; display: block; padding: 0px 10px;font-size: 12px; white-space: nowrap;}

#left .category.level_1 > .children > .category > a:before {content: "\e98e"; position: relative; display: inline-block; margin: 0 10px 0 0; vertical-align: middle; font-family: 'icomoon'; font-size: 8px;}
#left .category.level_1 > .children > .category > a:hover {color: #2b5c9e;}



#left .category-2.level_0 > .children {}

#left .category-2.level_0 > .children > .category,
#left .category-2.level_0 > .children > .category a {width: 450px;}

/* SLIDER */

#slider {}
#slider .wrapper {padding: 0px 20px 0px 320px !important;max-width: 980px !important;}

#pocitadlo {position: relative; width: 808px; margin: 15px auto; background: #DEE8F7;border: 1px solid #ACCBF9;} 
#usetrit {position: relative; width: 600px; height: auto; margin: 0 auto; padding: 20px 0px; }
#usetritDiv {position: relative; margin-top: 120px;}
#usetritSlider {position: relative; width: 100%; height: 10px;}

.textDiv {position: relative; width: 100%; height: auto; margin: 45px 0px 0px 0px;}
.textDiv div span {font-weight: bold;}

/* PATH */
.mainpage #path {display: none;}
#path {z-index: 1; position: relative;}
#path > .wrapper {padding: 0 20px;}
#path #breadcrumbs {position: relative; display: block; overflow: hidden;}
#path #breadcrumbs ul {margin: 0 0; padding: 0; list-style-type: none; font-size: 0;}
#path #breadcrumbs ul li {display: inline-block;}
#path #breadcrumbs ul li a,
#path #breadcrumbs ul li span {font-size: 14px; height: 35px; line-height: 35px; display: inline-block; padding: 0;}    
#path #breadcrumbs ul li:first-child a,
#path #breadcrumbs ul li:first-child span {padding: 0 5px 0 0;}
#path #breadcrumbs ul li .divider {width: 30px; margin: 0; padding: 0; text-align: center;}

/* WHYUS */

#why-us .wrapper {padding: 0px 0px 0px 320px !important;max-width: 980px !important;}

#why-us {position: relative; padding: 30px 0;}
#why-us .table {width: 100%;}
#why-us .wrapper > .table {table-layout: fixed;}
#why-us .wrapper > .table > .cell {}
#why-us .cell {vertical-align: middle;}
#why-us .cell .cell {padding: 0 10px;}
#why-us [class^="icon-"] {font-size: 36px;}
#why-us .text {}
#why-us .text span {font-size: 12px; color: gray;}

#why-us [class^="icon-"],
#why-us .text span {color: #f87000;}

/* PROMO PRODUCTS */
#promo-products .wrapper {padding: 0px 0px 0px 320px !important;max-width: 980px !important;}

#promo-products {padding: 40px 0; background: #ededed; text-align: center;}
#promo-products .h2 {color: black;}
#promo-products .sblock40 {margin-bottom: 0 !important;}
#promo-products .block_product {background: white;}
#promo-products .block_product .image {height: auto;}
#promo-products .block_product .image .image_block {}
#promo-products .block_product .image .image_block a {height: 240px;}
#promo-products .block_product .image .image_block img {max-width: 90%; max-height: 230px;}
#promo-products .block_product .name {}
#promo-products .block_product .name a {font-size: 14px;}
#promo-products .block_product .buttons {display: block; width: 100%; float: none; clear: both}
#promo-products .block_product .deliverytime {display: none;}
#promo-products .block_product .buttons a.btn {background: #f87000; border-color: #DA6607; text-transform: none; font-size: 13px; width: auto; display: table; margin: 0 auto; padding: 0 30px;}
#promo-products .block_product .buttons a.btn:hover {background: #DA6607;}

/* BODY */

.kontaktniudaje {padding: 0px;width: 245px;border-collapse: collapse;margin-bottom: 10px;}
.kontaktniudaje td {padding: 0px;}

#body {z-index: 1; position: relative; /*background: white url('../images/originalbg.jpg') top center no-repeat;*/}
#body > .wrapper {padding: 0 20px; background: white;}
#body #container {min-height: 250px;padding-bottom: 20px;}

.mainpage #body {height: 0px;}

#body #left {position: relative; display: block; float: left; width: 22%; z-index: 2;margin-top: -1980px;left: 0px;background: white;border: 1px solid #F87000;background: #F3F3F3;}

body:not(.mainpage) #body #left {margin-top: 0px;}

#body #left .wrap {padding: 0 20px 0 0;}
#body #left .wrap .container {border-right: 1px solid #E4E4E4;}
#body #left .wrap .title {border-radius: 0px; display: block; padding: 0 10px; margin: 0 0 10px 0; height: 35px; line-height: 35px; background: #3366AD; color: white;}
#body #left .wrap .fill {text-align: left; margin: 40px 0 0 0; padding: 0 20px 0 0;}
#body #left .wrap .box {margin: 0 0 20px 0; border-bottom: 1px solid #E8E8E8;}

#body .sisterCategories {padding: 0 0 20px 0;}
#body .sisterCategories .h2 {margin: 0 0 5px 0;}
 
#system-message .alert {position: relative; display: block; border: 1px solid #D82929; padding: 10px; background: #FFECEC; margin: 0 0 10px 0;}
#system-message .alert a,
#system-message .alert h4 {display: inline-block;}
#system-message .alert a {color: red;}
#system-message .alert div {display: block; margin: 0;}
#system-message .alert div * {margin: 0;}
 
#promoProducts h2 {font-size: 28px !important; display: block; margin: 30px 0;} 
 
.jshop_filters {padding: 0 20px 0 0; z-index: 99; position: relative; margin: 0 0 20px 0;}
.jshop_filters .dcell {vertical-align: top;}
.jshop_filters #priceSliderContainer {position: relative; margin: 0; width: auto; padding: 0 0 0 20px;}
.jshop_filters #priceSliderContainer .prices {text-align: left; margin: -2px 0 10px 0;}
.jshop_filters #priceSliderContainer .prices > div {display: inline-block; vertical-align: middle;}
.jshop_filters #priceSliderContainer .prices > span {font-size: 16px; margin: 0 5px; vertical-align: middle; color: #545454;}

.jshop_filters #loadingAjax {position: absolute; top: 0px; left: 0px; background: orange; z-index: 22; color: white; width: 100%; margin: 0 auto; text-align: center;}
.jshop_filters #loadingAjax img {max-height: 20px; vertical-align: middle; margin: 0 10px 0 0;}
.jshop_filters #loadingAjax *,
.jshop_filters #loadingAjax span {vertical-align: middle; margin: 0 auto;}

.jshop_filters #moreFilters {}
.jshop_filters #moreFilters .characteristicBlocks {max-width: 255px;}
.jshop_filters #moreFilters .characteristicBlocks .dcell {float: left;margin-bottom: 10px;}
.jshop_filters #moreFilters .filter_characteristic {width: 100%;}
.jshop_filters #moreFilters #filterButtons {position: relative; width: 155px; vertical-align: middle; padding: 0 20px 0 0;}
.jshop_filters #moreFilters #filterButtons #moreFilter {display: none;}
.jshop_filters #moreFilters #filterButtons #loadingAjax {display: none;}
.jshop_filters #moreFilters #filterButtons #resetFilter {position: relative; display: table; text-align: center; border-radius: 0px; height: 40px; line-height: 40px; color: #D61417; cursor: pointer;}
.jshop_filters #moreFilters #filterButtons #resetFilter > div {display: table-cell; white-space: nowrap;}
.jshop_filters #moreFilters #filterButtons #resetFilter > div.icon {padding: 0 10px 0 0;}
.jshop_filters #moreFilters #filterButtons #resetFilter:not(.active) {color: gray; pointer-events: none;}

.jshop_filters #moreFilters #filterButtons #resetFilter:not(.active) {}
.jshop_filters #moreFilters #filterButtons #resetFilter img,
.jshop_filters #moreFilters #filterButtons #resetFilter span {max-height: 20px; vertical-align: middle; margin: 0;}
.jshop_filters #moreFilters #filterButtons #resetFilter img {margin: 0 10px 0 0; display: inline-block; position: relative;}



.jshop_filters .charBlock {position: relative; margin: 0; overflow: hidden; border-right: 1px solid #E8E8E8;}
.jshop_filters .charBlock.cannot {display: none;}
.jshop_filters .charBlock .charName {display: none;}
.jshop_filters .charBlock .charInputs {border-bottom: 1px solid #E8E8E8;}  
.jshop_filters .charBlock .charInputs .char {display: table; width: 100%; vertical-align: middle;border-bottom: none; border-collapse: collapse;}
.jshop_filters .charBlock .charInputs .char:hover {background: #E8E8E8;}
.jshop_filters .charBlock .charInputs .char .input {display: table-cell; min-width: 25px; width: 25px; height: 35px; vertical-align: middle; text-align: center; border-left: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8;}
.jshop_filters .charBlock .charInputs .char .value {display: table-cell; height: 35px; line-height: 20px; vertical-align: middle; border-top: 1px solid #E8E8E8;}
.jshop_filters .charBlock .charInputs .char .value label {display: block; height: 35px; line-height: 35px; cursor: pointer;}
.jshop_filters .charBlock .charInputs .char .value .amount {color: #C1C1C1; float: right; height: 35px; line-height: 35px; margin: 0 5px 0 0; font-size: 12px;}
.jshop_filters .charBlock .charInputs .char.noProducts {display: none;}


#body #content {position: relative; display: block;width: 100%; z-index: 1; padding: 20px 0;}
#body #content .reset {width: 575px;}
#qc_error {display: none !important;}
#qc_summ_payment_row {display: table-row !important;}
:not(.mainpage) #body #content {padding: 0 0 20px 2%;float: left; width: 74.8%;}

body.mainpage #content {display: none !important;}

#body #content.thin {width: 75%;}
#body #content.wide {width: 100%;}

#finish_order a {float: right; font-size: 12px; font-weight: normal; margin-top: 7px;}

#body #content article {padding: 0; margin: 0; position: relative; display: block;}
#body #content article .custom {clear: both; float: none; display: block; overflow: hidden;}

#body #content #slider {position: relative; margin: -20px -20px 20px -20px; display: block;}
#body #content #slider .navigation-container {position: absolute; top: 0px !important; left: 0px; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important;}
#body #content #slider .navigation-container .next-button {right: -70px;}
#body #content #slider .navigation-container .prev-button {left: -70px;}

#body #content #slider .navigation-container .next-button,
#body #content #slider .navigation-container .prev-button {position: absolute; top: 50%; max-width: 30px; margin: -35px 0 0 0;}

#body #content #slider .slide-desc-bg-default {background: rgba(255,255,255,0.85);}
#body #content #slider .slide-desc-text-default {color: #3366AD;}
#body #content #slider .slide-desc-text-default .slide-title {color: #3366AD;}

#body #comjshop h1 {margin: 0px 85px 15px 0; padding: 0 0 15px 0;}
.mainpage #body #comjshop h1 {text-align: center;}
.mainpage .label_products .old_price {display: none;}


/* HLAVNI TAB BLOKY */
#tabs-navigation {position: relative; display: table; width: 100%; border-bottom: 1px solid #3366AD;}
#tabs-navigation .tab {position: relative; display: table-cell; padding: 0 10px; cursor: pointer;}
#tabs-navigation .tab .wrap {position: relative; margin: 0 0 -1px 0; padding: 1px 1px 0px 1px; background: white; height: 40px; line-height: 40px; display: block; text-align: center; border-bottom: 1px solid #3366AD;}
#tabs-navigation .tab .wrap .label {color: #8A8A8A; font-size: 16px;}
#tabs-navigation .tab .wrap .amount {display: inline-block; background: #D2D2D2; height: 25px; line-height: 25px; text-align: center; width: 30px; margin: 5px 0 5px 5px; color: white;}
#tabs-navigation .tab:hover .wrap,
#tabs-navigation .tab.active .wrap {padding: 0; border-top: 1px solid #3366AD; border-left: 1px solid #3366AD; border-right: 1px solid #3366AD; border-bottom: 1px solid white;}
#tabs-navigation .tab:hover .wrap .label,
#tabs-navigation .tab.active .wrap .label {color: #06518B;}
#tabs-navigation .tab:hover .wrap .amount,
#tabs-navigation .tab.active .wrap .amount {background: #3366AD;}

#tabs-content {}
#tabs-content .tab-content {display: none; padding: 20px 0;}
#tabs-content .tab-content.active {display: block;}
#tabs-content .showmore {display: block; clear: both; margin: 0 auto; text-align: center;}
#tabs-content .showmore a {margin: 0 auto; display: block; text-align: center; color: #3366AD; font-size: 20px;}
#tabs-content .showmore a:hover {text-decoration: underline;}

/* SEZNAM KATEGORII */
.mainpage .jshop_list_category {padding: 20px 0 20px 0;}
.jshop_list_category {position: relative; margin: 0 0 50px 0;}
.jshop_list_category .row-fluid {display: table; width: 100%; table-layout: fixed;}
.row-fluid:before, .row-fluid:after {display: none;}
.jshop_list_category .row-fluid .clearfix {display: none;}



.mainpage .jshop_list_category .row-fluid .category {display: table-cell; margin: 0; padding: 0;}
.mainpage .jshop_list_category .row-fluid .category div.image {display: table; width: 100%; text-align: center; margin: 0;} 
.mainpage .jshop_list_category .row-fluid .category div.image a {display: table-cell; height: 220px; vertical-align: bottom; text-align: center;}
.mainpage .jshop_list_category .row-fluid .category div.image a img {display: inline-block; position: relative; max-width: 200px; max-height: 200px;}
.mainpage .jshop_list_category .row-fluid .category div {display: block; width: 100%; text-align: center; padding: 0;}
.mainpage .jshop_list_category .row-fluid .category div .category_name {}
.mainpage .jshop_list_category .row-fluid .category div p {display: none;}
.mainpage .jshop_list_category .row-fluid .category div .category_name a {display: block; line-height: 40px; font-size: 16px;}
.mainpage .jshop_list_category .row-fluid .category {width: 25%;}

body:not(.mainpage) .jshop_list_category .row-fluid .category {border: 1px solid #E4E4E4; display: table; padding-left: 0; margin: 0;}
body:not(.mainpage) .jshop_list_category .row-fluid .category:hover {border-color: #D41213;}
body:not(.mainpage) .jshop_list_category .row-fluid .category > div {display: table-cell; float: none; vertical-align: middle; padding: 0; margin: 0;}
body:not(.mainpage) .jshop_list_category .row-fluid .category > div * {display: inline-block; vertical-align: middle; float: none; margin: 0; padding: 0;}
body:not(.mainpage) .jshop_list_category .row-fluid .category > div .category_name {width: 100%;}
body:not(.mainpage) .jshop_list_category .row-fluid .category .category_short_description {display: none;}
body:not(.mainpage) .jshop_list_category .row-fluid .category > div a {display: block; padding: 5px; text-align: center;}
body:not(.mainpage) .jshop_list_category .row-fluid .category img {height: 40px;}
body:not(.mainpage) .jshop_list_category .row-fluid .category .sblock2.image {width: 50px; text-align: center; padding: 0;}
body:not(.mainpage) .jshop_list_category .row-fluid .category .sblock2.image a {padding: 10px;}
body:not(.mainpage) .jshop_list_category .row-fluid .category .sblock2 {width: auto; height: 40px; line-height: 40px;}
 
body:not(.mainpage) .jshop_list_category .row-fluid .category .sblock2.image {display: none !important;}
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat9 .sblock2.image,
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat10 .sblock2.image,
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat11 .sblock2.image,
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat12 .sblock2.image,
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat79 .sblock2.image,
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat80 .sblock2.image,
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat60 .sblock2.image,
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat61 .sblock2.image {display: table-cell;} 

/*
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat9 .sblock2:not(.image),
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat10 .sblock2:not(.image),
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat11 .sblock2:not(.image),
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat12 .sblock2:not(.image),
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat79 .sblock2:not(.image),
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat80 .sblock2:not(.image),
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat60 .sblock2:not(.image),
body:not(.mainpage) .jshop_list_category .row-fluid .category#cat61 .sblock2:not(.image) {display: none;} 
 */
 
.category_description {position: relative; display: block; margin: 10px 0 23px 0; padding: 0 0 10px 0; border-bottom: 1px solid #E4E4E4;}
.category_description * {font-size: 14px;}
.category_description img {max-width: 400px; max-height: 200px; width: auto !important; height: auto !important;}


/* SEZNAM PRODUKTU */
.jshop_list_product {}
.jshop_list_product:before {display: table;content: "";line-height: 0;}

.jshop_list_product .sblock40 {width: 24.25%; padding: 0 !important; margin: 0 1% 1% 0; float: left;background: none;}
.jshop_list_product .sblock40:nth-child(4n) {margin: 0 0 2% 0;}
.jshop_list_product [class*="sblock"] .block_product {position: relative; border: 1px solid #fff; border-top-color: #eaeaea; border-radius: 0px; overflow: hidden;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;	
}
.jshop_list_product [class*="sblock"] .block_product:hover {border: 1px solid #eaeaea;}

#tabs-content .jshop_list_product .sblock40,
.item-357 .jshop_list_product .sblock40 {width: 24%; margin: 0 1.33333% 1.33333% 0;}
#tabs-content .jshop_list_product .sblock40:nth-child(3n),
.item-357 .jshop_list_product .sblock40:nth-child(3n) {margin: 0 1.33333% 1.33333% 0;}
#tabs-content .jshop_list_product .sblock40:nth-child(4n),
.item-357 .jshop_list_product .sblock40:nth-child(4n) {margin: 0 0 1.33333% 0;}

.jshop_list_product > form {display: block;}
.jshop_list_product > form:after {content: ""; display: block; clear: both;}
.jshop_list_product .form_sort_count {position: relative; vertical-align: middle; display: block; float: right; margin: -38px 0 0 0; background: white;}
.jshop_list_product .form_sort_count .control-group {position: relative; display: block; float: left; margin: 0 0 0 20px;}
.jshop_list_product .form_sort_count .control-group * {vertical-align: middle;}
.jshop_list_product .form_sort_count .control-group .control-label {height: 30px; line-height: 30px; position: relative; display: block; float: left; width: auto; padding: 0 20px 0 0;}
.jshop_list_product .form_sort_count .control-group .controls {height: 30px; line-height: 30px; position: relative; display: block; float: left; width: auto; margin: 0;}
.jshop_list_product .form_sort_count .control-group .controls select {border: 1px solid #427ed1; border-radius: 0px; height: 28px; line-height: 28px; padding: 0 20px; width: auto;}
.jshop_list_product .form_sort_count .control-group .controls .icon-arrow {display: block; float: right; vertical-align: middle}
.jshop_list_product .form_sort_count .control-group .controls .icon-arrow img {vertical-align: middle; margin: 7px 0 0 5px;}

.jshop_list_product .block_product .name {display: table; height: 60px; overflow: hidden; width: 100%;}
.jshop_list_product .block_product .name a {font-size: 14px; display: table-cell; vertical-align: middle; padding: 0 10px;height: 60px; text-align: center; width: 100%; color: #383838;}

.jshop_list_product .block_product .image {position: relative; display: block; margin: 0; height: 220px; overflow: hidden;}
.jshop_list_product .block_product .image .image_block {position: relative; display: table; table-layout: fixed;border-collapse: collapse; text-align: center; width: 100%; float: none; margin: 0; padding: 0 0 0 0;}
.jshop_list_product .block_product .image .image_block a {height: 200px; position: relative; display: table-cell;vertical-align: middle; float: none; margin: 0 auto; padding: 0 0 20px; text-align: center; overflow: hidden;width: 100%;}
.jshop_list_product .block_product .image .image_block a img {max-height: 200px; max-width: 100%; position: relative; display: inline-block; float: none; margin: 0 auto;}


.jshop_list_product .block_product .image .image_block .thumbnails {position: absolute; bottom: 0; left: 0; width: 100%;}
.jshop_list_product .block_product .image .image_block .thumbnails .thumbnailswrap {position: relative; display: table; width: 100%; vertical-align: middle;}
.jshop_list_product .block_product .image .image_block .thumbnails .thumbnailswrap .thumbnail {display: table-cell; opacity: 0.6; vertical-align: middle;}
.jshop_list_product .block_product .image .image_block .thumbnails .thumbnailswrap .thumbnail:hover {opacity: 1;}
.jshop_list_product .block_product .image .image_block .thumbnails img {max-height: 60px; max-width: 60px;}

.jshop_list_product .block_product:hover .image .image_block .carousel {display: block;}
.jshop_list_product .block_product .image .image_block .carousel {position: absolute; top: 0; left: 0; width: 100%; height: 0; display: none;}
.jshop_list_product .block_product .image .image_block .carousel img {height: 20px;}
.jshop_list_product .block_product .image .image_block .carousel .carouselbutton {position: absolute; top: 160px;}
.jshop_list_product .block_product .image .image_block .carousel .carouselbutton span {display: block; height: 70px; line-height: 70px; width: 40px; text-align: center; cursor: pointer; font-size: 40px; color: #BDBDBD;}
.jshop_list_product .block_product .image .image_block .carousel .carouselbutton:hover span {background: #F1F1F1; color: #636363;}
.jshop_list_product .block_product .image .image_block .carousel .carouselnext {right: 0;}
.jshop_list_product .block_product .image .image_block .carousel .carouselprev {left: 0;}
.jshop_list_product .block_product .image .image_block .carousel .carouselwrap {display: none;}

.jshop_list_product .block_product .image .product_label {position: absolute; top: 5px; left: 5px; margin: 0; z-index: 2; pointer-events: none;}
.jshop_list_product .block_product .image .product_label .label10 {position: absolute;top: 24px;left: 5px;font-weight: bold;color: #4891D5;width: 80px;text-align: center;font-size: 30px;z-index: 10000;}
.jshop_list_product .block_product .image .product_label .label20 {position: absolute;top: 24px;left: 5px;font-weight: bold;color: white;width: 80px;text-align: center;font-size: 30px;z-index: 10000;}
.jshop_list_product .block_product .image .product_label img {background: white; border-radius: 90px;}
.jshop_list_product .block_product .image .product_label.label-3 {}
.jshop_list_product .block_product .image .product_label.label-3 .label_name,
.jshop_list_product .block_product .image .product_label.label-free-shipping .label_name {display: block; padding: 3px 10px; background: #ad9e50; color: white; text-transform: uppercase; font-size: 12px;}
.jshop_list_product .block_product .image .product_label.label-free-shipping {left: auto; right: 5px;}
.jshop_list_product .block_product .image .product_label.label-free-shipping .label_name {background: #d61411;}

.jshop_list_product .block_product .image .product_char_label {position: absolute; bottom: 5px; left: 50%; margin: 0 0 0 -36px; z-index: 2000;}
.jshop_list_product .block_product .image .product_char_label .char_label {position: relative; font-size: 12px; font-weight: normal; display: block; padding: 2px 20px; margin: 0 10px 0 0; background: #D41213; color: white;}
.jshop_list_product .block_product .image .product_char_label .char_label.blackbg {background: #404040;}
.jshop_list_product .block_product .image .product_char_label .char_label.blackbg:after {border-color: transparent transparent transparent #404040}
.jshop_list_product .block_product .image .product_char_label .char_label.blackbg:before {border-color: transparent #404040 transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label.bluebg {background: #254377;}
.jshop_list_product .block_product .image .product_char_label .char_label.bluebg:after {border-color: transparent transparent transparent #254377}
.jshop_list_product .block_product .image .product_char_label .char_label.bluebg:before {border-color: transparent #254377 transparent transparent}


.jshop_list_product .block_product .image .product_char_label .char_label.lightbrownbg {background: #9a6a48;}
.jshop_list_product .block_product .image .product_char_label .char_label.lightbrownbg:after {border-color: transparent transparent transparent #9a6a48}
.jshop_list_product .block_product .image .product_char_label .char_label.lightbrownbg:before {border-color: transparent #9a6a48 transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label.brown {background: #6f4d00;}
.jshop_list_product .block_product .image .product_char_label .char_label.brown:after {border-color: transparent transparent transparent #6f4d00}
.jshop_list_product .block_product .image .product_char_label .char_label.brown:before {border-color: transparent #6f4d00 transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label.graybg {background: #9c9c9c;}
.jshop_list_product .block_product .image .product_char_label .char_label.graybg:after {border-color: transparent transparent transparent #9c9c9c}
.jshop_list_product .block_product .image .product_char_label .char_label.graybg:before {border-color: transparent #9c9c9c transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label.turqiosebg {background: #2bccf1;}
.jshop_list_product .block_product .image .product_char_label .char_label.turqiosebg:after {border-color: transparent transparent transparent #2bccf1}
.jshop_list_product .block_product .image .product_char_label .char_label.turqiosebg:before {border-color: transparent #2bccf1 transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label.pipnkbg {background: #e24bd0;}
.jshop_list_product .block_product .image .product_char_label .char_label.pipnkbg:after {border-color: transparent transparent transparent #e24bd0}
.jshop_list_product .block_product .image .product_char_label .char_label.pipnkbg:before {border-color: transparent #e24bd0 transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label.greenbg {background: #3f9f3f;}
.jshop_list_product .block_product .image .product_char_label .char_label.greenbg:after {border-color: transparent transparent transparent #3f9f3f}
.jshop_list_product .block_product .image .product_char_label .char_label.greenbg:before {border-color: transparent #3f9f3f transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label.purplebg {background: #91079a;}
.jshop_list_product .block_product .image .product_char_label .char_label.purplebg:after {border-color: transparent transparent transparent #91079a}
.jshop_list_product .block_product .image .product_char_label .char_label.purplebg:before {border-color: transparent #91079a transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label.purplebg {background: #91079a;}
.jshop_list_product .block_product .image .product_char_label .char_label.purplebg:after {border-color: transparent transparent transparent #91079a}
.jshop_list_product .block_product .image .product_char_label .char_label.purplebg:before {border-color: transparent #91079a transparent transparent}

.jshop_list_product .block_product .image .product_char_label .char_label:after { content: ""; position: absolute; top: 0; right: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #D41213;
}
.jshop_list_product .block_product .image .product_char_label .char_label:before { content: ""; position: absolute; top: 0; left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #D41213 transparent transparent;
}

.jshop_list_product .block_product .jshop_price {margin: 0 0 20px 0; display: block;height: 50px;}
.jshop_list_product .block_product .jshop_price .full {display: block; text-align: center; font-size: 22px;}
.jshop_list_product .block_product .jshop_price .full del {color: gray;margin-right: 20px;}
.jshop_list_product .block_product .jshop_price .noVat {display: block; text-align: center; font-size: 14px;display: none;}

.jshop_list_product .block_product .product_ean {display: block;text-align: center;margin-bottom: 10px;width: 100%;}


.jshop_list_product .block_product .productInfo {display: table; width: 100%; clear: both; margin: 0 0 20px 0; text-align: center;}
.jshop_list_product .block_product .productInfo .deliverytime,
.jshop_list_product .block_product .productInfo .buttons {display: table-cell; width: 100%; text-align: center; vertical-align: middle;}

.jshop_list_product .block_product .productInfo .deliverytime {display: none;}
.jshop_list_product .block_product .productInfo .deliverytime > span {}
.jshop_list_product .block_product .productInfo .deliverytime > span > span {display: none;margin: 0 10px 0 0; border-radius: 90px; padding: 4px; font-size: 10px;}
.jshop_list_product .block_product .productInfo .deliverytime > span.instock {color: green;}
.jshop_list_product .block_product .productInfo .deliverytime > span.unknown > span {color: white; background: #06518B;}

.jshop_list_product .block_product .extra_fields {display: none;}

.jshop_list_product .block_product .buttons .button_detail {display: none;}
.jshop_list_product .block_product .buttons .button_buy {font-weight: normal; border-radius: 3px; display: block; width: 120px; margin: 0 auto; height: 30px; line-height: 30px; color: white; font-size: 14px;}
/*
	.jshop_list_product .block_product .buttons .button_buy:before {content: "\e93a"; font-family: 'icomoon'; display: inline-block; height: 30px; line-height: 30px; margin: 0 10px 0 0; font-weight: lighter; font-size: 12px}
*/
.jshop_list_product .block_product .oiproduct {display: none;}

#comjshop_list_product {position: relative; z-index: 98;}
#productListAjaxLoading {position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.4);}
#productListAjaxLoading img {position: absolute; left: 50%; margin: 0 0 0 -20px; max-width: 40px;}

/* SEZNAM ITEMU */
.latest_products {position: relative;}
.latest_products:after {content: ""; display: block; clear: both;}

.jshop .block_item {position: relative; display: block; width: 32%; float: left; margin: 0 2% 2% 0;}
.jshop .block_item:nth-child(3n) {margin: 0 0 2% 0;}
.jshop .block_item .image {display: block; margin: 0;}
.jshop .block_item .image .image_block {position: relative; display: table; border-collapse: collapse; text-align: center; width: 101%; float: none; margin: 0; padding: 0 0 0 0;}
.jshop .block_item .image .image_block a {height: 240px; position: relative; display: table-cell; vertical-align: middle; float: none; margin: 0 auto; padding: 0; text-align: center; overflow: hidden;}
.jshop .block_item .image .image_block a img {max-height: 240px; max-width: 100%; position: relative; display: inline-block; float: none; margin: 0 auto;}
.jshop .block_item .name {display: table; height: 60px; overflow: hidden; width: 100%;}
.jshop .block_item .name a {font-size: 14px; display: table-cell; vertical-align: middle; height: 60px; text-align: center; width: 100%; font-size: 20px;}
.jshop .block_item .jshop_price {margin: 0 0 20px 0; display: block;}
.jshop .block_item .jshop_price .full {display: block; text-align: center; font-size: 22px;}
.jshop .block_item .jshop_price .noVat {display: block; text-align: center; font-size: 14px;}

.jshop .block_item .table .deliverytime,
.jshop .block_item .table .buttons {display: table-cell; width: 50%; height: 30px; line-height: 30px; text-align: center;}

.jshop .block_item .deliverytime > span {}
.jshop .block_item .deliverytime > span > span {margin: 0 10px 0 0; border-radius: 90px; padding: 4px; font-size: 10px;}
.jshop .block_item .deliverytime > span.instock > span {color: white; background: green;}
.jshop .block_item .deliverytime > span.unknown > span {color: white; background: #06518B;}

.jshop .block_item .buttons {padding: 0 20px 0 0;}
.jshop .block_item .buttons .button_detail {display: none;}
.jshop .block_item .buttons .button_buy {font-weight: normal; border-radius: 3px; display: block; width: 120px; margin: 0 auto; height: 30px; line-height: 30px; color: white; font-size: 12px;}
.jshop .block_item .buttons .button_buy:before {content: "\e93a"; font-family: 'icomoon'; display: inline-block; height: 30px; line-height: 30px; margin: 0 10px 0 0; font-weight: lighter; font-size: 12px}




#body #content .jshop_pagination {margin: 20px 0;}
#body #content .jshop_pagination ul {display: table; margin: 0 auto;}
#body #content .jshop_pagination ul li {display: table-cell;}
#body #content .jshop_pagination ul li a,
#body #content .jshop_pagination ul li span {border: 1px solid #E2E2E2; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px;}
#body #content .jshop_pagination ul li a:hover,
#body #content .jshop_pagination ul li span {background: #427ed1; color: white; border: 1px solid #427ed1;}
#body #content .jshop_pagination ul li.pagination-start,
#body #content .jshop_pagination ul li.pagination-prev,
#body #content .jshop_pagination ul li.pagination-next,
#body #content .jshop_pagination ul li.pagination-end {display: none;}

/* BODY JOOMSHOPPING DETAIL PRODUKTU */
.productDetail {position: relative; display: block;}

.productDetail .productName {display: block; clear: both; position: relative; margin: 0 0 20px 0;}
.productDetail .productName h1 {position: relative; display: block; margin: 0;}

.productDetail .productImage {position: relative; display: block; width: 50%; float: left;}
.productDetail .productImage .image_middle {display: block; width: auto;}
.productDetail .productImage .image_middle .product_label {position: absolute; margin: 0; top: 0px; left: 0px; z-index: 100; display: block;}
.productDetail .productImage .image_middle .product_label span {position: relative; display: block; margin: 0 0 5px 0; background: #ad9e50; font-weight: normal; color: white; padding: 0 20px; height: 30px; line-height: 30px;}
.productDetail .productImage .image_middle #productFullImage {position: relative; display: table; vertical-align: middle; margin: 0 0 20px 0; padding: 0; width: 100%; text-align: center;}
.productDetail .productImage .image_middle #productFullImage a {height: 350px; position: relative; display: table-cell; vertical-align: middle; margin: 0; padding: 0; text-align: center;}
.productDetail .productImage .image_middle #productFullImage a img {max-width: 95%; max-height: 350px; position: relative; display: inline-block; margin: 0 auto; float: none; padding: 0;}
.productDetail .productImage .image_middle #productFullImage a img[src="http://jeans.pcsupport.cz/components/com_jshopping/files/img_products/noimage.gif"] {height: 120px;}

.productDetail .productImage .image_middle .product_label.label-free-shipping {left: auto; right: 20px; background: none;}
.productDetail .productImage .image_middle .product_label.label-free-shipping span {background: #d61411;}

.zoomContainer {z-index: 99;}

.productDetail .productImage  #productImages {position: relative; display: block;}
.productDetail .productImage  #productImages #nextImages,
.productDetail .productImage  #productImages #prevImages {display: block; width: 10%; float: left; height: 100px;}
.productDetail .productImage  #productImages #nextImages.hidden,
.productDetail .productImage  #productImages #prevImages.hidden {display: block !important; pointer-events: none;}
.productDetail .productImage  #productImages #nextImages.hidden span,
.productDetail .productImage  #productImages #prevImages.hidden span {opacity: 0.5; cursor: auto;}
.productDetail .productImage  #productImages #nextImages span,
.productDetail .productImage  #productImages #prevImages span {font-size: 26px; display: block; height: 100px; line-height: 100px; text-align: center; cursor: pointer;}

.productDetail .productImage  #productImages #imageContainer {position: relative; display: block; width: 80%; float: left; height: 100px; overflow: hidden; font-size: 0;}
.productDetail .productImage  #productImages #imageContainer #imageMover {position: absolute; display: block; table-layout: fixed; height: 100px; text-align: center; min-width: 100%; font-size: 0;}
.productDetail .productImage  #productImages #imageContainer #imageMover a {display: inline-block; float: left; width: 173px; height: 100px; margin: 0 auto;}
.productDetail .productImage  #productImages #imageContainer #imageMover a img {max-width: 100%; max-height: 100px; margin: 0; padding: 0; border: none;}

.productDetail .productImage  #productImagePagination {position: relative; display: block; text-align: center; padding: 10px 0;}
.productDetail .productImage  #productImagePagination .roundButton {cursor: pointer; display: inline-block; width: 8px; height: 8px; border-radius: 99px; background: #AFAFAF; margin: 0 5px;}
.productDetail .productImage  #productImagePagination .roundButton:hover,
.productDetail .productImage  #productImagePagination .roundButton.active {background: #3071AD;}


.productDetail .productAttributes {position: relative; display: block; width: 50%; float: left; margin: 0 0 20px 0;}
.productDetail .productAttributes .wrap {padding: 0 20px 20px 20px; border-radius: 3px;}
.productDetail .productAttributes .attribute.row {position: relative; display: table; table-layout: fixed; width: 100%; /*border-top: 1px solid #E6E6E6;*/ margin: 0;}
.productDetail .productAttributes .jshop_prod_attributes .attribute.row .cell {line-height: normal;}
.productDetail .productAttributes .attribute.row .cell {position: relative; display: table-cell; vertical-align: middle; line-height: 50px; padding: 0 20px 0 0;}
.productDetail .productAttributes .attribute.row.attr-1 {}
.productDetail .productAttributes .attribute.row.attr-3 .label,
.productDetail .productAttributes .attribute.row.attr-3 .value,
.productDetail .productAttributes .attribute.row.attr-1 .label,
.productDetail .productAttributes .attribute.row.attr-1 .value {display: block; margin: 0 0 10px 0;}
.productDetail .productAttributes .attribute.row .label {text-align: left; width: 130px;}
.productDetail .productAttributes .attribute.row .value select {width: 100%;}
.productDetail .productAttributes .attribute.row.qty_in_stock {display: none;}
.productDetail .productAttributes .jshop .prod_attr_img {display: none;}
.productDetail .productAttributes .attribute.row.productcode {display: none;}
.productDetail .productAttributes .attribute select {display: inline-block; border: 1px solid #C3C3C3; background: white; padding: 0 20px; height: 40px; font-size: 12px; border-radius: 3px;}

.productDetail .qty_in_stock .label {width: 130px;padding: 0 20px 0 0;}
.productDetail .qty_in_stock.row {display: table;table-layout: fixed;width: 100%;position: relative;}
.productDetail .qty_in_stock .cell {display: table-cell;}

.productDetail .productAttributes .extra_fields {display: none;}

.productDetail .productAttributes .attribute.row .cell {}
.productDetail .productAttributes .attribute.row.ef-2 .cell {line-height: 25px; padding: 10px 0 10px 20px;}
.productDetail .productAttributes .attribute.row .cell input {display: block; height: 30px; padding: 0 20px; border-radius: 3px;}

.productDetail .productAttributes .attribute.row .input_type_radio {display: inline-block; margin: 0 5px 5px 0; line-height: inherit; position: relative;}
.productDetail .productAttributes .attribute.row .input_type_radio label {cursor: pointer; display: block; height: 30px; line-height: 30px; border: 1px solid #d8d8d8; border-radius: 3px; margin: 0; padding: 0 10px; font-size: 12px;}
.productDetail .productAttributes .attribute.row .input_type_radio.active,
.productDetail .productAttributes .attribute.row .input_type_radio:hover {color: white;}
.productDetail .productAttributes .attribute.row .input_type_radio.active label,
.productDetail .productAttributes .attribute.row .input_type_radio label:hover {background: #f87000; border-color: #f87000; color: white;}
.productDetail .productAttributes .attribute.row .input_type_radio input {display: none;}

.productDetail .productAttributes .attribute.deliverytime {border-top: none;}
.productDetail .productAttributes .attribute.deliverytime .cell > a > span {margin: 0 5px 0 0;}
.productDetail .productAttributes .attribute.expeditiontime {display: none;}

.productDetail .productAttributes .prod_qty_input {}
.productDetail .productAttributes .prod_qty_input .quantity_button {cursor: pointer; display: inline-block; margin: 0 0 0 5px; height: 20px; line-height: 20px; width: 20px; text-align: center; color: white; background: #3366AD;}
.productDetail .productAttributes .prod_qty_input .quantity_button:hover {background: #CA4A34;}
.productDetail .productAttributes .prod_qty_input .quantity_button {display: none;}
.productDetail .productAttributes .prod_qty_input input {display: inline-block !important; margin: 0 10px 0 0;}
.productDetail .productAttributes .prod_qty_input span {display: inline-block;}

.productDetail .productAttributes .jshop_prod_attributes {padding: 0;}
.productDetail .productAttributes .jshop_prod_attributes .howToMeasure {position: relative; display: block; margin: 0 0 20px 0;}
.productDetail .productAttributes .jshop_prod_attributes .howToMeasure span {margin: 0 10px 0 0; display: inline-block; vertical-align: middle;}

.productDetail .productAttributes .attributes_name {text-transform: capitalize;}
.productDetail .productAttributes .attributes_description {display: none;}

.productDetail .productAttributes .prod_free_attribs {}
.productDetail .productAttributes .prod_free_attribs .cell input {display: inline-block !important; margin: 0 10px 0 0; width: 50px;}
.productDetail .productAttributes .prod_free_attribs span.freeattribut_description {display: inline-block; font-style: normal;}

.productDetail #block_price {font-size: 30px; line-height: 70px; color: black;}
.productDetail .prod_buttons {}
.productDetail .prod_buttons .buttons {position: relative; display: block; text-align: center; overflow: hidden; padding: 20px; background: #f3f3f3; margin: 20px 0 0 0; border-radius: 3px;}
.productDetail .prod_buttons .buttons:after {content: ""; display: block; clear: both;}
.productDetail .prod_buttons .buttons .button {display: block; width: auto; font-size: 16px; margin: 0; height: 50px; line-height: 50px; padding: 0 30px; border-bottom: 2px solid #DA6607; vertical-align: middle;}
.productDetail .prod_buttons .buttons .button span {margin: 0 20px 0 0; font-size: 20px; vertical-align: middle;}

.productDetail .prod_buttons .buttons .infoEvents {border-top: 1px solid #dcdcdc; margin: 20px 0 0 0; padding: 20px 0 0 0;}
.productDetail .prod_buttons .buttons .infoEvents .cell {text-align: left;}
.productDetail .prod_buttons .buttons .infoEvents .cell.tar {text-align: right;}
.productDetail .prod_buttons .buttons .infoEvents .label {color: gray; margin: 0 10px 0 0;}
.productDetail .prod_buttons .buttons .infoEvents .value {}


.productDetail .prod_buttons .buttons .table {width: 100%;}
.productDetail .prod_buttons .buttons .table .cell {vertical-align: middle; text-align: left;}
.productDetail .prod_buttons .buttons .table .quanCell {width: 120px;}
.productDetail .prod_buttons .buttons .prod_qty_input input {width: 50px; height: 50px; line-height: 50px; padding: 0 10px; text-align: center; border-radius: 3px; font-size: 14px;}

.productDetail .productInfo {position: relative; display: block; clear: both;}
.productDetail .productInfo .jshop_prod_description {border-top: 1px solid #E6E6E6; padding: 40px 0 0 0;}
.productDetail .productInfo .jshop_prod_description h1,
.productDetail .productInfo .jshop_prod_description h2,
.productDetail .productInfo .jshop_prod_description h3 {display: block;}
.productDetail .productInfo .jshop_prod_description ul {}
.productDetail .productInfo .jshop_prod_description ul li {}

.productfull {position: relative;}
.productfull .button_back {position: absolute; top: 7px; right: 0px;}

.productfull .related_header {position: relative; display: block; font-size: 20px; margin: 30px 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #E4E4E4; color: #065195;}

/* DETAIL KOSIK */
#body #content table.cart {position: relative; width: 100%; border-collapse: collapse; border: none;}
#body #content table.cart tr:first-child th,
#body #content table.cart tr.deleteall td {border-left: none; border-right: none;}
#body #content table.cart td {padding: 0 10px; border: none; height: 30px; line-height: 30px; vertical-align: middle;}
#body #content table.cart .jshop_img_description_center img {height: 40px; display: inline-block; vertical-align: middle;}
#body #content table.cart .jshop_img_description_center {width: 60px; font-size: 0; padding: 10px 0;}
#body #content table.cart tr:first-child .remove {font-size: 0; }
#body #content table.cart .remove {width: 40px;}
#body #content table.cart .remove img {display: inline-block; vertical-align: middle;}
#body #content table.cart .quantity {}
#body #content table.cart .quantity input {height: 35px; line-height: 35px; padding: 0 5px; vertical-align: middle;text-align: center;}
#body #content table.cart .quantity img {display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}
#body #content table.cart .product_name {line-height: 15px;}
#body #content table.cart .product_name {padding: 3px 10px 0 10px;}
#body #content table.cart th {border: none; height: 30px; line-height: 30px; background: none; font-weight: normal;}
#body #content #checkout {margin: 20px 0;}
#body #content #checkout .pull-left {position: relative; display: block; float: left; font-size: 12px;}
#body #content #checkout .pull-right {position: relative; display: block; float: right; font-size: 12px;}

#body #content #checkout .pull-left .btn,
#body #content #checkout .pull-right .btn {height: 50px; line-height: 50px; padding: 0 30px;}

#body #content table.cart .deleteall td {text-align: right;}
#body #content table.cart .deleteall .button {height: 30px; line-height: 30px; width: 125px; padding: 0; margin: 0; float: right; font-size: 12px;}

.cart .cart_reload,
.cart .button-img {cursor: pointer; position: relative; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; text-align: center; width: 30px; height: 30px; line-height: 31px; border: 1px solid #bbbbbb; border-radius: 90px; color: #bbbbbb; font-size: 12px;}
.cart .cart_reload:hover,
.cart .button-img:hover {color: #13497b; border-color: #13497b;} 

.cart_block_discount {width: 377px;margin: 0 auto;}
.cart_block_discount .span12 {position: relative;width: 400px;}
.cart_block_discount .span12 .name {position: relative;float: left;width: 25%;line-height: 38px;}
.cart_block_discount .span12 input.inputbox {position: relative;float: left;width: 40% !important;margin-top: 3px !important;margin-right: 10px !important;}
.cart_block_discount .span12 input.button.btn {position: relative;float: left;width: 25%;margin-left: 10px !important;}

#body #content table.cart td,
#body #content table.cart th {border: 1px solid #EAEAEA; vertical-align: middle;}
#body #content table.cart td:first-child,
#body #content table.cart th:first-child {border-left: none;}
#body #content table.cart td:last-child,
#body #content table.cart th:last-child {border-right: none;}

/* DETAIL REKAPITULACE */

fieldset {position: relative; display: block; float: left; border: none; margin: 0; padding: 0;}
fieldset.address {width: 50%;}
fieldset.shipping,
fieldset.payment {width: 50%;}
fieldset legend {color: #3366AD; font-size: 20px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #3366AD; display: block; width: 100%;}
fieldset.payment legend {width: 100%;}
fieldset table {border-collapse: collapse; margin: 0; padding: 0; width: 100%;}
fieldset table tr .jshop_payment_method {display: none;}
fieldset table tr td.name,
#show_delivery .label {width: 190px;}
fieldset table tr td input[type="text"],
fieldset select {margin: 0 0 2px 0;}
.fielderror {background-color: #FFCECE !important;}
fieldset .jshop_register {display: block; padding: 0 20px 0 0;}
fieldset table .shipping_image {position: relative; display: inline-block; width: 60px; height: 25px; line-height: 25px; text-align: left;} 
fieldset table .shipping_image img {max-height: 30px; max-width: 50px; vertical-align: middle;}
fieldset table label {white-space: normal; margin-right: 0 !important;}
fieldset .jshop input[type="radio"], 
fieldset .jshop input[type="checkbox"] {margin: 0 10px 0 0;}

#payment_form fieldset label[for="payment_method_5"],
#payment_form fieldset label[for="payment_method_8"],
#payment_form fieldset label[for="payment_method_9"],
#payment_form fieldset label[for="payment_method_10"],
#payment_form fieldset label[for="payment_method_11"],
#payment_form fieldset label[for="payment_method_12"],
#payment_form fieldset label[for="payment_method_13"],
#payment_form fieldset label[for="payment_method_14"],
#payment_form fieldset label[for="payment_method_15"] {padding: 0 0 0 50px; display: inline-block;}

#payment_form fieldset label[for="payment_method_5"] {background: url('../images/platbakartou.png') center left / 35px auto no-repeat;}
#payment_form fieldset label[for="payment_method_8"] {background: url('../images/gopay_raif.png') center left / 35px auto no-repeat;}
#payment_form fieldset label[for="payment_method_9"] {background: url('../images/gopay_kb.png') center left / 35px auto no-repeat;}
#payment_form fieldset label[for="payment_method_10"] {background: url('../images/gopay_fio.png') center left / 30px auto no-repeat;}
#payment_form fieldset label[for="payment_method_11"] {background: url('../images/gopay_mbank.png') center left / 35px auto no-repeat;}
#payment_form fieldset label[for="payment_method_12"] {background: url('../images/gopay_gopay.png') center left / 35px auto no-repeat;}
#payment_form fieldset label[for="payment_method_13"] {background: url('../images/gopay_ceska.png') center left / 35px auto no-repeat;}
#payment_form fieldset label[for="payment_method_14"] {background: url('../images/gopay_csob.jpg') center left / 35px auto no-repeat;}


#show_delivery {padding: 10px 0;}
#show_delivery input[type="radio"] {margin: 0 0 0 4px;}
#show_delivery label {margin: 0; display: inline-block; padding: 0px 15px 0 10px; cursor: pointer;}

#table_shippings .shipping_descr {padding: 0; display: block; vertical-align: middle;font-size: 12px;}
#table_shippings .shipping_descr p {margin: 0; line-height: 25px; height: 30px; vertical-align: middle;}

#orderComment {position: relative; display: table; width: auto; margin: 20px auto; clear: both; text-align: center;}
#orderComment textarea {height: 100px; width: 95%; margin: 0; padding: 5px; resize: none;}
#orderComment a {text-decoration: underline; text-transform: none;}

#finishOrderButton {display: block; clear: both; overflow: hidden;}
#finishOrderButton .button {border: none; height: 60px; line-height: 60px; padding: 0; text-align: center; width: 225px; cursor: pointer; margin: 20px auto; font-size: 20px;}
#finishOrderButton input[disabled] {
    opacity: 0.4;
}

/* DETAIL PRIHLASENi */
#body #content .pagelogin {}
#body #content .pagelogin .row-fluid {display: block; vertical-align: middle;}

#body #content .pagelogin .span6 {position: relative; width: 340px; display: table-cell; vertical-align: top; margin: 0 auto; text-align: center; background: #f9f9f9;}
#body #content .pagelogin .span6.login_block {border-right: 20px solid white}
#body #content .pagelogin .span6.login_block .logintext {display: none;}
#body #content .pagelogin .span6 .small_header {display: block; text-align: center; margin: 0 0 10px 0; padding: 0; height: 50px; line-height: 50px;}
#body #content .pagelogin .span6 .logintext {padding: 5px 20px; margin: 0 0 55px 0;}
#body #content .pagelogin .span6 .control-group {display: table; table-layout: fixed; margin: 0 auto;}
#body #content .pagelogin .span6 .control-group .control-label {width: 50%; display: table-cell; white-space: nowrap; width: auto; margin: 0; padding: 0;}
#body #content .pagelogin .span6 .control-group .controls {width: 50%; display: table-cell; margin: 0; padding: 0;}
#body #content .pagelogin .span6 .control-group .controls input[type="text"],
#body #content .pagelogin .span6 .control-group .controls input[type="password"] {border: 1px solid rgb(200,200,200); height: 25px; line-height: 25px; padding: 0 10px;}
#body #content .pagelogin .span6 .control-group.rowbutton .controls {text-align: center;}
#body #content .pagelogin .span6 .block_button_register .button,
#body #content .pagelogin .span6 .control-group.rowbutton .controls .button {margin: 0 auto;}


/* DETAIL REGISTRACE */
#comjshop_register .jshop_register {max-width: 500px;}
.jshop_register .control-group {display: table; table-layout: fixed; width: 100%; margin: 0 0 5px 0; clear: both;}
.jshop_register .control-group .control-label {display: table-cell; vertical-align: middle; width: 50%; height: 30px; padding: 0 10px 0 0;}
.jshop_register .control-group .controls {display: table-cell; vertical-align: middle; width: 50%; height: 30px;}

.jshop_profile_data .group {display: none;}

.reset fieldset {box-shadow: none; background: none; border: none; padding: 0; margin: 0 0 20px 0;}
.reset fieldset input {height: 30px; line-height: 30px; padding: 0 10px;}

/* FOOTER */
footer {background: url('../images/footerbg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin: 0 0 0 0;}
footer > .wrapper {padding: 0 20px;}
footer #copy {text-align: center;}
footer #copy p {display: block; height: 60px; line-height: 60px; margin: 0; color: #cacaca;}
footer #copy a {color: white;}

footer #foot {position: relative; display: block; overflow: hidden;}
footer #foot .table {width: 100%; table-layout: fixed; margin: 0;}
footer #foot h3 {text-transform: uppercase; color: white; font-weight: bold;}
footer #foot ul {margin: 0; padding: 0; list-style-type: none;}
footer #foot a,
footer #foot span,
footer #foot p {color: #cacaca;}
footer #foot a:hover {color: white;}

footer #foot .nav + .nav li {display: none;}
footer #foot .nav + .nav li.item-182,
footer #foot .nav + .nav li.item-183 {display: block;}

footer #foot .fast-info {}
footer #foot .fast-info .cell {text-align: right; padding: 20px; vertical-align: middle;}
footer #foot .fast-info .cell > span {vertical-align: middle; font-size: 30px;}
footer #foot .fast-info .cell > span:last-child {color: white; font-size: 26px; vertical-align: middle; margin: 0 0 0 10px;}
footer #foot .fast-info .cell:nth-child(2) {text-align: left; padding: 35px;}

footer #foot .gopay-icons {width: auto; margin: 0 auto;}
footer #foot .gopay-icons .cell {padding: 0 10px;}
 
footer #foot .navigation ul ul {display: none;}
footer #foot .categories > ul > li:not(.parent) {display: none;}
footer #foot .categories > ul > li.parent > a {display: none;}

#mlb2-1281116.ml-form-embedContainer .ml-form-align-center {text-align: center; padding-bottom: 30px; padding-top: 30px}

.blockwrap {padding: 40px 0 20px 0;}
.blockwrap.linetop {border-top: 1px solid #30363e;}
.blockwrap.linebottom {border-bottom: 1px solid black;}






.niceTable {position: relative; width: 100%; border-collapse: collapse; border: none; margin: 0 0 15px 0; padding: 0px;}
.niceTable tr {}
.niceTable tr td {padding: 0 10px; height: 30px; line-height: 30px; white-space: nowrap; font-size: 12px; border: 1px solid rgb(240,240,240);}
.niceTable tr.header {}
.niceTable tr.header td {background: rgb(240,240,240); border: none;}
.niceTable tr td.thin {width: 50px;}
.niceTable tr td label {cursor: pointer; display: block;}
.niceTable tr:hover {background: rgb(245,245,245);}
.niceTable tr.active {background: #CA4A34;}
.niceTable tr.active.old,
.niceTable tr.old {opacity: 0.5;}

.pcsPopContainer {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 201;}
.pcsPopContainer .pcsPopWrapper {position: relative; display: block; width: 100%; height: 100%;}
.pcsPopContainer .pcsPopWrapper .pcsPopImage {position: relative; text-align: center; width: 100%; height: 84%;}
.pcsPopContainer .pcsPopWrapper .pcsPopImage .pcsPopImageCenter {position: relative; width: 80%; height: 90%; display: block; margin: 0 auto;}
.pcsPopContainer .pcsPopWrapper .pcsPopImage .pcsPopImageCenter img {position: relative; max-width: 100%; max-height: 100%;}

.pcsPopContainer .pcsPopWrapper .switchButton {z-index: 1000; position: fixed; display: table; width: 10%; height: 100%; line-height: 100%; text-align: center; top: 0px; vertical-align: middle;}
.pcsPopContainer .pcsPopWrapper .switchButton.prev {left: 0px;}
.pcsPopContainer .pcsPopWrapper .switchButton.next {right: 0px;}
.pcsPopContainer .pcsPopWrapper .switchButton.hidden {display:  block !important; opacity: 0;}    

.pcsPopContainer .pcsPopWrapper .switchButton:hover {color: white; cursor: pointer;}

.pcsPopContainer .pcsPopWrapper .switchButton .icomoon {display: table-cell; cursor: pointer; height: 100%;vertical-align: middle; color: rgb(145,145,145); font-size: 45px;}

.pcsPopContainer .pcsPopWrapper .pcsPopClose {cursor: pointer; z-index: 1001; position: absolute; top: 20px; right: 20px; font-size: 30px; color: white; display: block; width: 30px; height: 30px; line-height: 3px; text-align: center;}

.pcsPopContainer .pcsPopWrapper .pcsPopImages {position: fixed; bottom: 20px; left: 0px; display: block; width: 100%; height: 16%; text-align: center;}
.pcsPopContainer .pcsPopWrapper .pcsPopImages .pcsPopFluid {display: inline-block;position: relative;margin: 0 auto;height: 100%; width: 80%;}
.pcsPopContainer .pcsPopWrapper .pcsPopImages .pcsPopFluid a {position: relative; display: inline-block; margin: 0 5px; text-align: center; width: auto; height: 100%;}
.pcsPopContainer .pcsPopWrapper .pcsPopImages .pcsPopFluid a img {position: relative; display: block; max-height: 100%; max-width: 100%;}
.pcsPopContainer .pcsPopWrapper .pcsPopImages .pcsPopFluid a.active {opacity: 0.5;}

.pcsPopBackground {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 200; background: rgba(0,0,0,0.9);}

#ajaxLoader {position: fixed; top: 50%; left: 50%; margin: -40px 0 0 -40px; z-index: 99;}
#ajaxLoader img {max-height: 80px;}



/* GALERIE */
.phocagallery {}
.phocagallery .phocagallery-box-file {position: relative; margin: 0 2% 2% 0 !important; padding: 0 !important; border: none; width: 12.5% !important;height: 200px;}
.phocagallery .phocagallery-box-file:nth-child(4n) {margin: 0 0 2% 0 !important;}
.phocagallery .phocagallery-box-file-first,
.phocagallery .phocagallery-box-file-second,
.phocagallery .phocagallery-box-file-third,
.phocagallery .phocagallery-box-file-third center {position: relative; display: block; margin: 0 !important; padding: 0 !important; border: none; width: 100% !important; height: 100% !important;}
.phocagallery .phocagallery-box-file-third center img {max-height: 100%; max-width: 100%;}

span.text_pay_without_reg {display: none;}

input[readonly] {background: #F3EFEF; cursor: no-drop;}

h1,h2,h3,.h2 {font-weight: lighter; color: #F87000; margin: 0 0 20px 0; display: block;}
h1 {font-size: 30px !important;margin-top: 20px;}
h2, .h2 {font-size: 25px !important;}
h3 {font-size: 16px !important;}

#mxcpr {display: none;}

.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.error {border: 1px solid red !important;}
.hidden {display: none !important;}
.clr {clear: both; display: block;}
.dashed {height: 1px; /*border-top: 1px dashed #d7dadb;*/ margin: 10px 0;}
article:after,
.after:after,
.wrapper:after {clear: both; content: ""; display: block;}
.padding {padding: 20px;}
.padding:after {clear: both; content: ""; display: block;}

pre {position: relative; display: block; border: 1px solid rgb(200,200,200); background: rgb(245,245,245); margin: 5px; padding: 5px; border-radius: 5px;}

.mceContentBody  {background: none;color: #000;font-size: 12pt;}
.mceContentBody h1,.mceContentBody h2,.mceContentBody h3 {color: #000;}

img {border: none;}
* {margin: 0;} 

/* border: 1px solid #3071AD; background: #4C92D3; */

:not(.control-group).button {cursor: pointer; border-radius: 3px; padding: 0 20px; margin: 0; position: relative; display: block; height: 40px; line-height: 40px; text-align: center; color: white; background: #f87000; border-bottom: 2px solid #DA6607;}
:not(.control-group).button span {margin: 0 10px 0 -10px;}
:not(.control-group).button:hover {color: white; background: #DA6607;}

.btn {outline: none; cursor: pointer; border: none; border-bottom: 2px solid  #DA6607; background: #f87000;border-radius: 3px; padding: 0 20px; margin: 0; position: relative; display: block; height: 30px; line-height: 30px; text-align: center;  color: white; text-transform: uppercase;}
.btn:hover {color: white; background: #DA6607;}

a {color: #427ed1; text-decoration: none; }
a:hover {color: #3366AD}

.wrapper {position: relative; display: block; max-width: 1300px; margin: 0 auto; height: 100%;padding: 0 45px !important;}
.wrapper.padding {max-width: 1260px;}

.disabled {pointer-events: none; opacity: 0.6;}
.tooltip {position: absolute; font-size: 12px; top: 0px; left: 0px; padding: 8px 15px; border-radius: 3px; background: #D41213; color: white; z-index: 99999; margin: -38px 0 0 0;}
.tooltip,
.tooltip > * {font-weight: bold;}
.half-block {width: 50%; float: left;}
.half-block * {vertical-align: top;}

.tooltip.centertop {background: #4C4C4C; padding: 15px; height: auto; margin: -60px 0 0 0;}
.tooltip.centertop:after {content: ""; position: absolute; bottom: -10px; left: 50%; margin: 0 0 0 -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #4C4C4C transparent transparent transparent;
}

#loadingEl {position: absolute; z-index: 99;}
#loadingEl img {max-height: 20px;}

.dtable,
.table {position: relative; display: table;width: 100%;}
.dtable .dcell,
.table .cell {display: table-cell;}

.gopay-icons.table {margin: 0 auto;}

form#sort_count {display: none !important;}

.characteristicMultiSelect {position: relative; width: 210px;}
.characteristicMultiSelect:hover .chosenValues {border: 1px solid #3366AD;}
.characteristicMultiSelect .chosenValues {position: relative; display: block; height: 30px; line-height: 30px; border: 1px solid #E6E6E6; background: white; overflow: hidden;}
.characteristicMultiSelect .chosenValues .chosenValuesText {position: absolute; top: 0; left: 10px; height: 30px; line-height: 30px;}
.characteristicMultiSelect .chosenValues .chosenValuesArrow {position: relative; display: block; float: right; width: 30px; height: 30px; line-height: 30px; background: white; text-align: center; vertical-align: middle;}
.characteristicMultiSelect .chosenValues .chosenValuesArrow span {vertical-align: middle;}
.characteristicMultiSelect .selectableValues {position: absolute; min-width: 100%; display: none; top: 52px; left: 0; background: white; padding: 20px 7px 7px 7px; border: 1px solid #E6E6E6; border-top: none;
	-moz-box-sizing: border-box;   
    box-sizing: border-box;    
    outline: none; 
    z-index: 10000;
}
.characteristicMultiSelect .selectableValues .col {display: table-cell;}
.characteristicMultiSelect .selectableValues label {display: table; width: 100%; cursor: pointer; margin: 0;}
.characteristicMultiSelect .selectableValues label:hover {background: #F1F1F1;}
.characteristicMultiSelect .selectableValues label > span {height: 25px; line-height: 25px; vertical-align: middle; display: table-cell; padding: 0 10px 0 0;}
.characteristicMultiSelect .selectableValues label > span.input {padding: 0 10px 0 5px; width: 20px;}
.characteristicMultiSelect:hover .selectableValues,
.characteristicMultiSelect.hover .selectableValues {display: table;}
.characteristicMultiSelect .selectableValues .disabled {display: none;}

#characteristicMultiSelect2 .selectableValues .col {padding-bottom: 40px;}
#characteristicMultiSelect2 .selectableValues .howToMeasure {position: absolute; bottom: 15px; left: 10px;}
#characteristicMultiSelect2 .selectableValues .howToMeasure span {vertical-align: middle; margin: 0 10px 0 0;}

.nopointer {pointer-events: none;}

#filterForms {position: relative; z-index: 99; margin: 0 0 20px 0; background: #FBFBFB; padding: 20px; border-top: 2px solid #D41213;}
#inFilterSearch {position: relative; width: 300px;}
form[name="searchForm"] {position: absolute; top: 19px; right: 20px; z-index: 100;}
form[name="searchForm"] a {display: none;}
form[name="searchForm"] input {display: block; width: 200px; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #E6E6E6; font-size: 14px;}
form[name="searchForm"] label {position: absolute; top: 1px; right: 1px; height: 30px; line-height: 30px; width: 30px; text-align: center; cursor: pointer; background: white; margin: 0;}

.no_products_filter {position: relative; display: none; text-align: center; padding: 100px 0; color: #3366AD}
.no_products_filter span {display: table; clear: both; background: #4A84D3; border-radius: 3px; color: white; padding: 5px 10px; cursor: pointer; margin: 10px auto;}


.noUi-horizontal .noUi-handle {box-shadow: none; border: 1px solid black; width: 20px !important; border-radius: 0px !important;}
.noUi-horizontal .noUi-handle:before {position: absolute; bottom: -12px; left: -1px; background: transparent; top: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10px 0 10px;
	border-color: black transparent transparent transparent;
}

.noUi-horizontal .noUi-handle:after {position: absolute; bottom: -10px; left: 0; background: transparent; top: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 9px 0 9px;
	border-color: white transparent transparent transparent;
}

.red {color: #D61417;}
.green {color: green;}
.blue {color: #0E62AF;} 
p.small,
span.small {font-size: 12px;}

.numberInputWrapper {position: relative; display: inline-block; vertical-align: middle;}
.numberInputWrapper .numberInput {text-align: left; overflow: hidden; margin: 0; padding: 0; width: auto; display: block;}
.numberInputWrapper .numberInput input {margin: 0 !important; width: 60px !important; padding: 0 5px !important; vertical-align: middle; float: left;}
.numberInputWrapper .numberInputButton {cursor: pointer; text-align: center; position: absolute; top: 0; right: 0; width: 20px; height: 50%; background: #f87000; color: white;}
.numberInputWrapper .numberInputButton:hover { background: #DA6607;}
.numberInputWrapper .numberInputButton.add {border-radius: 0 3px 0 0;}
.numberInputWrapper .numberInputButton.rem {border-radius: 0 0 3px 0; top: 50%;}
.numberInputUnit {position: relative; display: inline-block; vertical-align: middle; margin: 0 10px;}

.shadow {-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);}

.empty,
.cart_empty_text {position: relative; display: block; padding: 20px; background: #EAEAEA;margin-top: 30px;}


.modalWindow {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.modalWindowWrap {position: absolute; top: 50%; left: 50%; max-width: 80%; width: 1000px; height: auto; margin: -200px 0 0 -400px; background: white; z-index: 2;}
.modalWindowTitle {position: relative; display: block; background: #22497e; color: white; padding: 10px 20px;}
.modalWindowClose {position: absolute; top: 0; right: 0; color: white; font-size: 12px; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.modalWindowBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.2); z-index: 1;}
.modalWindowContent {padding: 20px;}
.closeModalWindow {cursor: pointer;}

.modalBox {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none;}
.modalBox .modalBoxContent {position: absolute; z-index: 2; top: 50%; left: 50%; width: 600px; height: auto; margin: -200px 0 0 -300px; background: white; border-radius: 3px;}
.modalBox .modalBoxContent .table {width: 100%;}
.modalBox .modalBoxContent .wrap {padding: 20px;}
.modalBox .modalBoxContent .title {font-size: 26px; font-weight: lighter; margin: 0 0 20px 0;}
.modalBox .modalBoxContent table {border-collapse: collapse; padding: 0; width: 100%;}
.modalBox .modalBoxContent .label-row {color: #313131;}
.modalBox .modalBoxContent .label-row label {display: block; padding: 0 0 5px 0;}
.modalBox .modalBoxContent .input-row input {display: block; width: 100%; margin: 0 0 10px 0;}
.modalBox .modalBoxContent .button-row {}
.modalBox .modalBoxContent .button-row .button {height: 40px; line-height: 40px; margin: 5px 0 0 0; text-transform: uppercase; font-size: 14px; width: 100%;}
.modalBox .modalBoxBg {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
.modalBox .modalBoxClose {cursor: pointer;}
.modalBox .closeButton {position: absolute; top: 0; right: 0;}
.modalBox .closeButton span {display: block; width: 30px; height: 30px; line-height: 30px; text-align: center;}

.modalBox #loginPhase {}
.modalBox #registerPhase {width: 250px; background: #F3F3F3;}
.modalBox #registerPhase .regMe a {position: relative; margin-top: 34px; margin-bottom: -20px; text-transform: uppercase;}
.modalBox #registerPhase .content p:first-child {position: relative; margin-top: 42px;}
.modalBox #registerPhase .forgottenpass {margin-top: 37px;}
.modalBox #registerPhase .regMe {position: relative; margin-top: 20px;}


.blurred > *:not(.unblurrable)
{
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

#tabulkaVelikosti {}
#tabulkaVelikosti .modalWindowContent {height: 700px; overflow: auto;}
#tabulkaVelikosti table {width: auto; overflow: auto; margin: 20px auto; max-width: 1000px;}
#tabulkaVelikosti table.velikosti tbody {width: 100%; overflow: auto; max-width: 1000px; float: left;}
#tabulkaVelikosti table.velikosti tr {}
#tabulkaVelikosti table.velikosti tr td {white-space: nowrap;}
#tabulkaVelikosti img {width: auto;}


.djslider-default .load-button {background: #ed1c24;}


.product-carousel {position: relative;}
.product-carousel .slide-button {position: absolute; top: 0; height: 100%; line-height: 100%; width: 40px; background: rgba(0, 0, 0, 0.5); z-index: 2; text-align: center;}
.product-carousel .slide-button span {position: absolute; top: 50%; left: 0; width: 100%; height: 50px; line-height: 50px; margin: -25px 0 0 0; cursor: pointer; color: white; font-size: 30px;}
.product-carousel .slide-button.prev {left: 0;}
.product-carousel .slide-button.next {right: 0;}
.product-carousel .wrap {position: relative; overflow: hidden; display: block; height: auto;}
.product-carousel .wrap .fluid-wrap {position: absolute; top: 0; left: 0; z-index: 1; white-space: nowrap;}
.product-carousel .wrap .fluid-wrap * {white-space: normal;}
.product-carousel .wrap .fluid-wrap .cell {display: inline-block; width: 300px;}
.product-carousel .wrap .fluid-wrap .cell .block_product {margin: 0 20px 0 0;}


.product-carousel .productInfo {padding-bottom: 20px;}

.product-carousel .product_label {position: absolute;left: 5px;top: 5px;z-index: 10000;}
.product-carousel .product_label span.label_name {display: block; padding: 3px 10px; background: #f87000; color: white; text-transform: uppercase; font-size: 12px;}

.product-carousel .jshop_price .old {text-decoration: line-through;color: #CA0B1B;}
.product-carousel .jshop_price .full {font-weight: bold;}

.flickity-slider .flickity-box {width: 33.3%;margin-left: 1px;}
.flickity-slider .block_product {margin: 0 20px 0 0;}


