body, html {color: #3A3A3A; font-family: 'Roboto Condensed', sans-serif; margin: 0; padding: 0; width: 100%; -webkit-font-smoothing: subpixel-antialiased; font-weight: normal; font-size: 15px;}
body:not(.mceContentBody) {background: url('../images/background.gif') center top no-repeat;}

p {margin: 0 0 10px 0;} 

.bg {background: white;}
.gr {color: #717171;}
.cbg {background: none;} .dbg {background: none;}
.mobile-on {display: none;}

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

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

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

.fl {float: left;}
.w40 {width: 40%;}
.w60 {width: 60%;}
.desktop-off {display: none;}

#system-message-container {display: none;}


/* Special styles */
/* Header */
header {position: relative; display: block; height: 100px;position:relative;width: 100%;;z-index: 100;
background: #d81d1d; /* Old browsers */
background: -moz-linear-gradient(top,  #d81d1d 0%, #c31b1b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d81d1d 0%,#c31b1b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d81d1d 0%,#c31b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81d1d', endColorstr='#c31b1b',GradientType=0 ); /* IE6-9 */
}

header a {text-decoration: underline;color: gold;}

#logo {position: relative; display: table; height: auto;}
#logo a {display: table-cell; height: 90px; vertical-align: middle;}
#logo img {display: inline-block; vertical-align: middle;width: 100px;margin-top: 5px;}

#motto {position: absolute;left: 150px;top: 25px;color: white;font-size: 30px;}

#right-header {position: absolute; top: 25px; right: 25px;color: white;font-size: 20px;text-align: right;display: table;}
#right-header .cell {display: table-cell;vertical-align: top;}
#right-header img {width: 50px;margin-left: 20px;}

#slider {background: #000 url('../images/slide_02.jpg') center -40px  no-repeat;height: 400px;width: 100%;}
#slider .title1 {position: absolute;top: 30px;right: 0px;background: rgba(0,0,0,0.5);color: white;text-shadow: 0px 0px 3px black;padding: 10px 15px;font-size: 24px;}
#slider .title1 p {margin: 0px;}

#slider .title2 {position: absolute;bottom: 90px;left: 0px;background: rgba(0,0,0,0.5);color: white;text-shadow: 0px 0px 3px black;padding: 10px 15px;font-size: 24px;}
#slider .title2 p {margin: 0px;}



body.item-146 #slider {background: #000 url('../images/slide_01b.jpg') center -40px  no-repeat;}

#navigation {position: relative;top: -60px;width: 100%;height: 50px;opacity: 0.9;background: #d81d1d;position: relative;z-index: 100; /* Old browsers */
background: -moz-linear-gradient(top,  #d81d1d 0%, #c31b1b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d81d1d 0%,#c31b1b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d81d1d 0%,#c31b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81d1d', endColorstr='#c31b1b',GradientType=0 ); /* IE6-9 */}

#navigation ul {list-style: none;width: 100%;display: table;height: 50px;line-height: 50px;margin: 0;padding: 0;}
#navigation ul li {display: table-cell;text-align: center;position: relative;}
#navigation ul li a,
#navigation ul li span {color: white;padding: 0px 10px;display: block;font-size: 18px;}
#navigation ul li:hover,
#navigation ul li.active {background: #9e1d1b;}
#navigation ul li:hover a,
#navigation ul li.active a {color: gold;}

li.item-149 {background: #9e1d1b;}
li.item-149 a {color: gold;}


#navigation ul li ul {display: none;}
#navigation ul li:hover ul {display: block;position: absolute;top: 50px;z-index: 1000;background: #9e1d1b;height: auto;}
#navigation ul li:hover ul li {display: block;}
#navigation ul li:hover ul li:hover {background: #C71B1B;}
#navigation ul li:hover ul li a {color: white;}

/* Breadcrumbs */
#breadcrumbs {position: relative; margin: 10px 0;}
#breadcrumbs ul {list-style-type: none; margin: 0; padding: 0; display: table;}
#breadcrumbs ul li {display: table-cell; vertical-align: middle;}
#breadcrumbs ul li .divider img {display: none;}
#breadcrumbs ul li .divider:not(.icon-location):after {content: "\f078"; font-family: 'icomoon'; }
#breadcrumbs ul li > span,
#breadcrumbs ul li > a {display: inline-block; vertical-align: middle; padding: 0 10px 0 0; height: 20px; line-height: 20px;}
#breadcrumbs ul li > a {text-decoration: underline;}
 

section#body {margin-top: -30px;} 
 
/* Content */
#container {position: relative;}
#container .mtitle,
#container h1 {display: block; height: 40px; line-height: 40px; padding: 0; margin: 0 0 10px 0; font-weight: bold;font-size: 25px; color: black;}
#container #left-menu {position: absolute; z-index: 2; top: 0px; left: 0px; width: 250px; height: auto;}
#container #left-menu .category {}
#container #left-menu .category a {display: table; width: 100%; border-bottom: 1px solid #ECECEC;}
#container #left-menu .category a > span {display: table-cell; height: 40px; line-height: 40px; vertical-align: middle;}
#container #left-menu .category a > span * {vertical-align: middle; display: inline-block;}
#container #left-menu .category a .img {width: 40px; display: none;}
#container #left-menu .category a .img img {vertical-align: middle; max-height: 30px; max-width: 30px;}
#container #left-menu .category a .name {padding: 0 10px;}
#container #left-menu .category.active a,
#container #left-menu .category:active a {color: #D4A900;}

#container #left-menu #menu-toggle {cursor: pointer; position: absolute; top: 0px; right: 0px; height: 40px; line-height: 40px; width: 100%; text-align: center; font-size: 26px;}
#container #left-menu #menu-toggle span {float: right; width: 40px; height: 40px; line-height: 40px;}

#container #content {position: relative; z-index: 1; display: block; padding: 0 0 0 0px; min-height: 500px;}
 
/* FOOTER */
footer {padding: 0; overflow: hidden;background-color: #ccc;}
footer > .wrapper {padding: 20px 20px 0 20px; margin: 20px auto 0 auto; max-width: 1160px;}
footer ul {list-style-type: none; margin: 0; padding: 0;}
footer .table {vertical-align: top;}
footer .title {display: block; margin: 0 0 20px 0; font-weight: bold; color: black;}
footer .cell {vertical-align: top;width: 20%;}
footer .cell#mapa {width: 40%;}
footer li a {display: block; height: 25px; line-height: 25px;}
footer a:hover {color: black; text-decoration: underline;}
footer #copy {}
footer #copy p {display: block; height: 40px; line-height: 40px; margin: 0; text-align: center;}
 
 
#system-message {position: relative; display: block; border: 1px solid #D82929; padding: 10px; background: #FFECEC; margin: 0 0 10px 0;}
#system-message .alert {}
#system-message .alert a,
#system-message .alert h4 {display: inline-block;}
#system-message .alert div {display: block; margin: 0;}
#system-message .alert div * {margin: 0;}
 

/* JSHOPPING Filter */
.jshop_filters .charBlock {position: relative; display: none; margin: 0 0 20px 0; overflow: hidden; border-right: 1px solid #E8E8E8;}
.jshop_filters .charBlock.cannot {display: none;}
.jshop_filters .charBlock .charName {display: block; background: #E8E8E8; text-transform: capitalize; width: 100%; border: 1px solid #E8E8E8; height: 40px; line-height: 40px;}
.jshop_filters .charBlock .charName span {display: block; padding: 0 0 0 10px;}
.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;}

.jshop_filters {padding: 0 20px 0 0;}
.jshop_filters #priceSliderContainer {position: relative; display: block; margin: 0 0 20px 0; padding: 0 20px;}
.jshop_filters #priceSliderContainer .prices {text-align: left; margin: 0 -20px 10px -20px;}
.jshop_filters #priceSliderContainer .prices > div {display: inline-block; vertical-align: middle;}
.jshop_filters #priceSliderContainer .prices > span {font-size: 16px; margin: 0 10px 0 0; 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 #filterButtons {position: relative; display: block; margin: 0 0 20px 0; display: block;}
.jshop_filters #moreFilters #filterButtons #moreFilter {display: none;}
.jshop_filters #moreFilters #filterButtons #loadingAjax {display: none;}
.jshop_filters #moreFilters #filterButtons #resetFilter {position: relative; text-align: center; border-radius: 0px; height: 40px; line-height: 40px;}
.jshop_filters #moreFilters #filterButtons #resetFilter:not(.active) {background: #BFBFBF; border-color: #A7A7A7; pointer-events: none;}
.jshop_filters #moreFilters #filterButtons #resetFilter div {display: inline-block;}
.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;}


/* JSHOPPING Seznam kategorii */
.jshop_list_category {position: relative;}
.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;}

.jshop_list_category .row-fluid .category {display: table-cell; margin: 0; padding: 0;}
.jshop_list_category .row-fluid .category div.image {display: table; width: 100%; text-align: center; margin: 0;} 
.jshop_list_category .row-fluid .category div.image a {display: table-cell; height: 150px; vertical-align: middle; text-align: center;}
.jshop_list_category .row-fluid .category div.image a img {display: inline-block; position: relative; max-width: 90%; max-height: 150px;}
.jshop_list_category .row-fluid .category div {display: block; width: 100%; text-align: center; padding: 0;}
.jshop_list_category .row-fluid .category div .category_name {}
.jshop_list_category .row-fluid .category div .category_name a {display: block; line-height: 30px; font-size: 16px;}

.category_description {position: relative; display: block; margin: 0 0 20px 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;}

/* JSHOPPING Seznam Produktu */
.jshop_list_product {}
.jshop_list_product:before {display: table;content: "";line-height: 0;}

.jshop_list_product .sblock100 {width: 32%; padding: 0 !important; margin: 0 2% 2% 0; float: left;}
.jshop_list_product .sblock100:nth-child(3n) {margin: 0 0 2% 0;}
.jshop_list_product [class*="sblock"] .block_product {position: relative; border: 1px solid #E4E4E4; border-radius: 0px; overflow: hidden;}

#tabs-content .jshop_list_product .sblock100,
.item-357 .jshop_list_product .sblock100 {width: 24%; margin: 0 1.33333% 1.33333% 0;}
#tabs-content .jshop_list_product .sblock100:nth-child(3n),
.item-357 .jshop_list_product .sblock100:nth-child(3n) {margin: 0 1.33333% 1.33333% 0;}
#tabs-content .jshop_list_product .sblock100:nth-child(4n),
.item-357 .jshop_list_product .sblock100: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: -27px 0 11px 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 #FECA00; 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%; margin: 0 0 10px 0;}
.jshop_list_product .block_product .name a {display: table-cell; vertical-align: middle; height: 60px; text-align: center; width: 100%; font-size: 13px;}

.jshop_list_product .block_product .image {display: block; margin: 0; height: 250px; overflow: hidden;}
.jshop_list_product .block_product .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_list_product .block_product .image .image_block a {height: 240px; position: relative; display: table-cell;vertical-align: middle; float: none; margin: 0 auto; padding: 20px; text-align: center; overflow: hidden;}
.jshop_list_product .block_product .image .image_block a img {max-height: 240px; max-width: 100%; position: relative; display: inline-block; float: none; margin: 0 auto;}

.jshop_list_product .block_product .image .product_label {position: absolute; top: 5px; left: 5px; margin: 0; z-index: 100; display: none;}

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

.jshop_list_product .block_product .productInfo {display: table; width: 100%; clear: both; margin: 0 0 20px 0;}
.jshop_list_product .block_product .productInfo .product_ean {display: none;}
.jshop_list_product .block_product .productInfo .deliverytime {display: none;}
.jshop_list_product .block_product .productInfo .buttons {display: table-cell; width: 100%; height: 30px; line-height: 30px; text-align: center;}

.jshop_list_product .block_product .productInfo .deliverytime > span {}
.jshop_list_product .block_product .productInfo .deliverytime > span > span {margin: 0 10px 0 0; border-radius: 90px; padding: 4px; font-size: 10px;}
.jshop_list_product .block_product .productInfo .deliverytime > span.instock > span {color: white; background: 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: 0; display: block; width: 120px; margin: 0 auto; height: 30px; line-height: 30px; color: white; font-size: 12px;}
.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;}
#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}

.jshop_pagination {margin: 20px 0;}
.jshop_pagination ul {display: table; margin: 0 auto;}
.jshop_pagination ul li {display: table-cell;}
.jshop_pagination ul li a,
.jshop_pagination ul li span {border: 1px solid #E2E2E2; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px;}
.jshop_pagination ul li a:hover,
.jshop_pagination ul li span {background: #FECA00; color: white; border: 1px solid #FECA00;}
.jshop_pagination ul li.pagination-start,
.jshop_pagination ul li.pagination-prev,
.jshop_pagination ul li.pagination-next,
.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: none;}
.productDetail .productImage .image_middle .product_label span {position: relative; display: block; margin: 0 0 5px 0; background: #44C142; font-weight: lighter; 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: 300px; position: relative; display: table-cell; vertical-align: middle; margin: 0; padding: 0; text-align: center;}
.productDetail .productImage .image_middle #productFullImage a img {max-width: 90%; max-height: 500px; position: relative; display: inline-block; margin: 0 auto; float: none; padding: 0;}

.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; height: 100px; text-align: center; min-width: 100%; font-size: 0;}
.productDetail .productImage  #productImages #imageContainer #imageMover a {display: inline-block; 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: #FDCA00;}


.productDetail .productAttributes {position: relative; display: block; width: 50%; float: left; margin: 0 0 20px 0;}
.productDetail .productAttributes .wrap {border: 1px solid #E6E6E6; padding: 20px; background: #FDFDFD; border-radius: 0;}
.productDetail .productAttributes .attribute.row {position: relative; display: table; table-layout: fixed; width: 100%; /*border-top: 1px solid #E6E6E6;*/ margin: 0; padding: 0 0 10px 0;}
.productDetail .productAttributes .attribute.row .cell {position: relative; display: table-cell; vertical-align: middle; line-height: 30px; padding: 0 0 0 20px;}
/*
	.productDetail .productAttributes .attribute.row .cell:after {content: "\f0a3"; font-family: 'icomoon'; position: absolute; top: 0px; right: 0px;}
*/
.productDetail .productAttributes .attribute.row .cell > span {line-height: 30px;}
.productDetail .productAttributes .attribute.row.old_price .label {color: #3A3A3A;}
.productDetail .productAttributes .attribute.row .label {text-align: right; width: 110px;} 
.productDetail .productAttributes .attribute.row .value select {width: 100%;}
.productDetail .productAttributes .jshop .prod_attr_img {display: none;}
.productDetail .productAttributes .attribute.row.productcode {display: none;}
.productDetail .productAttributes .attribute select {-webkit-appearance: none; display: inline-block; border: 1px solid #C3C3C3; background: white; padding: 0 20px; height: 40px; font-size: 12px; border-radius: 3px;}

.productDetail .productAttributes .attribute.row .cell select {
    -webkit-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
    clear: both;
    background: transparent url('../images/ico_arrow_down_small.png') no-repeat 95% 50%;
    min-height: 40px;
    border: 1px solid #d8d8d8;
    padding: 0.6em 1.4em 0.6em 1em;
}

.productDetail .productAttributes .attribute.row .cell {}
.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; line-height: 30px; margin: 0 10px 0 0; cursor: pointer;}
.productDetail .productAttributes .attribute.row .input_type_radio input,
.productDetail .productAttributes .attribute.row .input_type_radio label {display: inline-block; vertical-align: middle;}
.productDetail .productAttributes .attribute.row .input_type_radio label {margin: 0; padding: 0 0 0 5px; cursor: pointer;}

.productDetail .productAttributes .attribute.deliverytime {border-top: 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: #FECA00;}
.productDetail .productAttributes .prod_qty_input .quantity_button:hover {background: #D4A900;}
.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 .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: 50px; color: #D4A900;}
.productDetail .prod_buttons {}
.productDetail .prod_buttons .buttons {position: relative; display: block; /*border: 1px solid #E6E6E6;*/ border-left: none; border-right: none; text-align: center; overflow: hidden;}
.productDetail .prod_buttons .buttons:after {content: ""; display: block; clear: both;}
.productDetail .prod_buttons .buttons .button {display: block; float: none; width: auto; font-size: 16px; margin: 30px auto 0 auto; height: 50px; line-height: 50px; padding: 0 30px;}
.productDetail .prod_buttons .buttons .button span {opacity: 0.7; margin: 0 20px 0 0;}

.productDetail .productInfo {position: relative; display: block; clear: both;}
.productDetail .productInfo .jshop_prod_description {border-top: 1px solid #E6E6E6; padding: 40px 0 0 0; text-align: left;}
.productDetail .productInfo .jshop_prod_description img {text-align: left; margin: 10px 10px 10px 0 !important;}
.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 {margin: 0 0 20px 0; padding: 0 0 0 20px;}
.productDetail .productInfo .jshop_prod_description ul li {line-height: 25px;}


.productfull {position: relative;}
.productfull .button_back {position: absolute; top: -52px; 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: black;}

/* DETAIL KOSIK */
table.cart {position: relative; width: 100%; border: none;}
table.cart tr {border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;}
table.cart td {padding: 0 10px; border: none; line-height: 30px; vertical-align: middle; border-right: 1px solid #f0f0f0;}
table.cart td:last-child {border-right: none;}
table.cart th.jshop_img_description_center,
table.cart th:first-child {font-size: 0; border-right: none;}
table.cart td.jshop_img_description_center img,
table.cart th:first-child img {max-height: 40px; max-width: 40px;}
table.cart .jshop_img_description_center,
table.cart th:first-child {width: 70px; border: none; padding: 0 10px;}
table.cart td.product_name {line-height: 15px;}
table.cart th {border: none; height: 30px; line-height: 30px; background: none; border-right: 1px solid #f0f0f0;}
table.cart th:last-child {border-right: none;}

table.cart .icon {cursor: pointer; display: inline-block; border-radius: 90px; border: 1px solid #d8d8d8;}
table.cart .icon > span {display: block; height: 24px; line-height: 24px; width: 24px; text-align: center; font-size: 10px; color: #d8d8d8;}
table.cart .icon:hover {border-color: #FECA00;}
table.cart .icon > span:hover {color: #FECA00;}
table.cart .single_price {width: 90px; padding: 0;}
table.cart .total_price {width: 120px; padding: 0;}
table.cart th.remove {font-size: 0;}
table.cart .quantity .inputbox {width: 40px; height: 30px; line-height: 30px; text-align: center; margin: 0 5px 0 0;}
table.cart .product_name {width: auto; padding: 4px 0;}

#checkout {margin: 20px 0;}
#checkout .pull-left {position: relative; display: block; float: left; font-size: 12px;}
#checkout .pull-right {position: relative; display: block; float: right; font-size: 12px;}


/* DETAIL REKAPITULACE */
#payment_form {position: relative; display: block; margin: 0 0 100px 0;}
#payment_form fieldset {position: relative; display: block; float: left; border: none; margin: 0; padding: 0;}
#payment_form fieldset.address {width: 50%;}
#payment_form fieldset.shipping,
#payment_form fieldset.payment {width: 25%;}
#payment_form fieldset.shipping legend + div,
#payment_form fieldset.payment legend + div {min-height: 155px;}
#payment_form fieldset legend {color: #FECA00; font-size: 20px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #FECA00; display: block; width: 90%}
#payment_form fieldset table {border-collapse: collapse; margin: 0; padding: 0; width: 100%;}
#payment_form fieldset table tr td {padding: 0 10px 0 0;}
#payment_form fieldset table tr td {white-space: nowrap; height: 25px; line-height: 25px;}
#payment_form fieldset table tr .jshop_payment_method {display: none;}
#payment_form fieldset table tr td.name {width: 155px;}
#payment_form fieldset table tr td input[type="text"] {margin: 0; padding: 0 10px; height: 25px; line-height: 25px; margin: 0 0 3px 0; width: 80%;}
#payment_form .fielderror {background-color: #FFCECE !important;}
#payment_form fieldset .jshop_register {width: 100%; display: block;}
#payment_form fieldset .jshop_register td:first-child {text-align: right; padding: 0 10px 0 0;}
#payment_form fieldset select {-webkit-appearance: none; display: block; height: 25px; line-height: 25px; padding: 0 10px; margin: 0 0 3px 0; width: 86%;}

#payment_form #orderComment {display: block; float: left; width: 50%;}
#payment_form #orderComment textarea {height: 100px; width: 95%; margin: 0; padding: 5px; resize: none;}

#payment_form #finishOrderButton {display: block; clear: both;}
#payment_form #finishOrderButton .button {border: none; height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer; margin: 0 auto;}


/* DETAIL PRIHLASENi */
.pagelogin {}
.pagelogin .row-fluid {display: table; vertical-align: middle;}
.pagelogin .login_block,
.pagelogin .register_block {font-size: 14px; width: 50%; float: left;}
.pagelogin .login_block .small_header,
.pagelogin .register_block .small_header {margin: 0 0 10px 0; padding: 0; font-size: 16px; font-weight: normal;}
.pagelogin .login_block .logintext {margin: 0 0 20px 0; padding: 0; display: none;}
.pagelogin .login_block .control-group {margin: 0 0 10px 0; padding: 0;}
.pagelogin .login_block .control-group .control-label {display: block; margin: 0 0 5px 0;}
.pagelogin .login_block .control-group .controls {display: block;}
.pagelogin .login_block .control-group input[type="text"],
.pagelogin .login_block .control-group input[type="password"] {display: block; width: 300px; height: 35px; line-height: 35px; padding: 0 10px; border: 1px solid #d8d8d8;}
.pagelogin input[type="submit"],
.pagelogin input[type="button"] {width: 200px; margin: 0 0 20px 0; font-size: 14px;}  
.pagelogin .login_block .rowlostpassword {text-decoration: underline;}

/* DETAIL REGISTRACE */
.jshop_register {width: 100%; 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_register .control-group .controls input[type="text"],
.jshop_register .control-group .controls input[type="password"] {height: 25px; line-height: 25px; width: 200px; border: 1px solid rgb(200,200,200); padding: 0 10px;}
.jshop_register .control-group .controls select {height: 25px; line-height: 25px; width: 224px; border: 1px solid rgb(200,200,200);}

.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;}


.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: #D4A900;}
.niceTable tr.active.old,
.niceTable tr.old {opacity: 0.5;}

.pcsPopContainer {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 101;}
.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: 80%; 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; 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: 100; 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: 23.5% !important;}
.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%;}



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

h1,h2,h3,.h2 {font-weight: normal; color: #06518B; margin: 0 0 20px 0; display: inline-block;}
h1 {font-size: 24px;}
h2, .h2 {font-size: 20px;}
h3 {font-size: 16px;}

#mxcpr {display: none;}

.tac {text-align: center;}
.tal {text-align: left;}
.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;} 

:not(.control-group).button {cursor: pointer; border-radius: 0px; padding: 0 20px; margin: 0; position: relative; display: block; height: 35px; line-height: 35px; text-align: center; border: none; background: #FDCA00; color: white; text-transform: uppercase;}
:not(.control-group).button span {margin: 0 10px 0 -10px;}
:not(.control-group).button:hover {color: white;}

.btn,
:not(.control-group).button {transition: all 0.3s ease;}
.btn:hover,
:not(.control-group).button:hover {/*background: #D4A900;*/ background: #444444; border-color: #444444;}

.btn {cursor: pointer; border-radius: 3px; padding: 0 20px; margin: 0; position: relative; display: block; height: 30px; line-height: 30px; text-align: center; border: 1px solid #D4A900; background: #FECA00; color: white; text-transform: uppercase;}
.btn:hover {color: white;}

a {color: #3A3A3A; text-decoration: none;}
a:hover {color: #D4A900}

.wrapper {position: relative; display: block; max-width: 1160px; padding: 0 20px; margin: 0 auto; height: 100%;}

.disabled {pointer-events: none; opacity: 0.8;}
.tooltip {position: absolute; font-size: 12px; top: 0px; left: 0px; padding: 5px; border-radius: 3px; background: #EF350F; color: white; z-index: 99999; margin: -30px 0 0 0;}
.half-block {width: 50%; float: left;}
.half-block * {vertical-align: top;}

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

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

.questionpopup {position: fixed; top: 50%; left: 50%; width: 350px; height: auto; margin: -150px 0 0 -175px; background: white; z-index: 999999;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.questionpopup .title {padding: 15px 20px; font-size: 18px; background: #FECA00; color: white; border-top: 2px solid #D4A900; text-shadow:0px 0px 0px black}
.questionpopup .content {padding: 20px;}
.questionpopup .question {padding: 20px; text-align: center; font-size: 20px;}
.questionpopup .submit {padding: 10px 20px 30px 20px; display: table; margin: 0 auto;}
.questionpopup .submit input {-webkit-appearance: none; border: none; background: #D4A900; cursor: pointer; color: white; padding: 0; margin: 0 10px; width: 50px; height: 30px; line-height: 30px; text-align: center;}

.questionpopupbg {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999998; background: rgba(0, 0, 0, 0.2)}

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