/* Generated by less 2.2.0 */
@font-face {
	font-family: 'dynagrotesk';
	src: url('font/dynagroteskd.eot');
	src: url('font/dynagroteskd.svg#dynagrotesk_dregular') format('svg'), url('font/dynagroteskd.eot?#iefix') format('embedded-opentype'), url('font/dynagroteskd.woff') format('woff'), url('font/dynagroteskd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dynagrotesk';
	src: url('font/dynagroteskditalic.eot');
	src: url('font/dynagroteskditalic.svg#dynagrotesk_ditalic') format('svg'), url('font/dynagroteskditalic.eot?#iefix') format('embedded-opentype'), url('font/dynagroteskditalic.woff') format('woff'), url('font/dynagroteskditalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'dynagrotesk';
	src: url('font/dynagroteskdbold.eot');
	src: url('font/dynagroteskdbold.svg#dynagrotesk_dbold') format('svg'), url('font/dynagroteskdbold.eot?#iefix') format('embedded-opentype'), url('font/dynagroteskdbold.woff') format('woff'), url('font/dynagroteskdbold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'dynagrotesk';
	src: url('font/dynagroteskdbolditalic.eot');
	src: url('font/dynagroteskdbolditalic.svg#dynagrotesk_dbold_italic') format('svg'), url('font/dynagroteskdbolditalic.eot?#iefix') format('embedded-opentype'), url('font/dynagroteskdbolditalic.woff') format('woff'), url('font/dynagroteskdbolditalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

body {
	font: normal 13px/1.3 "dynagrotesk";
	color: #000;
	background: white;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.show-mobile-inline,
.show-mobile-inline-block,
.show-mobile-block {
    display: none !important;
    visibility: hidden !important;
}
#all {
	position: relative;
	text-align: left;
}
#topbar {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #dadada;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#topbar strong {
	color: #eb293c;
}
#topbar a {
	text-decoration: none;
}
#topbar a:hover {
	text-decoration: underline;
}
#menubar {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #0099cb;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
#menubar ul li {
	display: inline-block;
	margin-right: 25px;
}
#menubar a {
	color: inherit;
	text-decoration: none;
}
#header {
	background: #fff;
	padding: 13px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #cccccc;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
#header .logo {
	max-width: 100px;
	margin-top: 2px;
	vertical-align: top;
}
#header nav {
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 7px;
	padding-left: 30px;
}
#header nav ul li {
	display: inline-block;
	margin-right: 25px;
	vertical-align: middle;
}
#header nav ul li a {
	text-decoration: none;
}
#header nav select {
	display: none;
}
#header input[type="text"] {
	width: 220px;
	padding: 10px;
	margin: 0;
	border: 1px solid #cccccc;
	background: transparent;
}
#header input[type="submit"] {
	width: 35px;
	height: 35px;
	background: right center url('../i/search.png') no-repeat;
	text-indent: -9999px;
}
#loggedAs {
	text-align: left;
	padding: 10px 0;
	margin: 0;
	line-height: 55px;
}
#loggedAs .download {
	display: inline-block;
	background: left center url('../i/pdf.png') no-repeat;
	height: 55px;
	line-height: 55px;
	padding-left: 37px;
	font-size: 14px;
}
#loggedAs span {
	display: inline-block;
	margin-right: 10px;
	color: #999;
	font-size: 14px;
	font-style: italic;
}
#searchBar {
	background: #f4f4f4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 0;
}
#searchBar select {
	padding: 5px;
	margin-right: 30px;
}
#searchBar select.red {
	border: solid 1px #eb293c;
}
#searchBar input {
	padding: 5px;
	width: 160px;
}
#searchBar input.button {
	width: auto;
	padding: 0 15px 0 10px;
}
#sectionFiles {
	text-align: center;
}
#sectionFiles .download {
	display: inline-block;
	background: left center url('../i/pdf.png') no-repeat;
	height: 34px;
	line-height: 34px;
	padding-left: 37px;
	font-size: 14px;
}
ul.menuLeft {
	margin-bottom: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
ul.menuLeft li {
	display: block;
	margin-top: 30px;
}
ul.menuLeft li a {
	display: block;
	text-decoration: none;
}
ul.menuLeft li a.active,
ul.menuLeft li a:hover {
	color: #0099cb;
}
ul.menuLeft li:first-child {
	margin-top: 0;
}
ul.menuLeft ul {
	margin-left: 15px;
}
ul.menuLeft ul li {
	margin-top: 10px;
}
ul.menuLeft ul li:first-child {
	margin-top: 10px;
}
#leftColumn {
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	background: white;
	text-align: center;
}
#leftColumn h3 {
	font-size: 24px;
	padding: 15px 10%;
	text-align: left;
}
#leftColumn .gray {
	background: #f4f4f4;
	padding: 15px 0;
	margin-bottom: 25px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#leftColumn .gray.noBorder {
	margin-bottom: 0;
	border-bottom: none;
}
#leftColumn .budgetsOverviewRight p {
	padding: 8px 10%;
	margin: 0;
}
#leftColumn table {
	width: 100%;
	margin: 0 10% 15px;
	text-align: left;
}
#leftColumn table th {
	color: #999;
}
#leftColumn table td {
	padding: 5px 0;
}
#leftColumn table td a {
	color: #eb293c;
}
#leftColumn table td.left {
	width: 70%;
}
#leftColumn hr {
	margin: 0 10px;
	color: #ccc;
	background: #ccc;
	border: none;
	height: 1px;
}
#leftColumn .total {
	padding: 15px 10%;
	margin: 0;
	text-align: left;
}
#leftColumn .button {
	margin-top: 10px;
	background: #ffcc00;
}
#leftColumn .budgets {
	padding: 0 10%;
}
#leftColumn .budgets h5 {
	margin-bottom: 5px;
	font-weight: bold;
}
#leftColumn .budgets p {
	font-size: 14px;
	color: #eb293c;
}
.borderBox {
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: white;
	/* font-family: 'calibri'; */
	font-size: 14px;
}

.paddingBox {
	padding: 20px;
}
#footer {
	color: silver;
	border-top: 1px dashed silver;
	padding-top: 20px;
}
#footer a {
	color: silver;
}
.productsListing .row {
	margin-bottom: 0;
}
.product {
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align: center;
	background: white;
	position: relative;
	height: 375px;
	overflow: hidden;
}
.download {
	border:1px dashed silver;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align: center;
	background: #f4f4f4;
	position: relative;
	height: 375px;
	overflow: hidden;
	}
.product .productImage, .download .productImage {
	height: 200px;
	overflow: hidden;
	display: table;
	width: 100%;
}

.product .productImage .Image, .download .productImage .Image {
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	}

.product .text, .download .text {
	padding: 15px;
	margin-bottom: 25px;
}
.product .text h3 a, .download .text h3 a {
	font-size: 14px;
	color: #0099cb;
	text-decoration: none;
}
.product .text h3 a span, .download .text h3 a span {
	color: #000;
	font-size: 15px;
}
.product .text .price {
	font-size: 17px;
	margin: 15px 0;
}
.product .text .price .old {
	font-size: 18px;
	text-decoration: line-through;
	color: #999;
}
.product .button, .download .button {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -58px;
}
.basketTotal {
	font-size: 24px;
	text-align: center;
	color: #666;
}
.basketTotal span {
	color: #eb293c;
	font-weight: bold;
}
.basket h2 {
	font-size: 25px;
	margin-bottom: 20px;
}
.arrow {
	height: 60px;
	background: center center url('../i/arrow.png') no-repeat;
}
.nameAddress {
	padding-bottom: 20px;
}
.nameAddress input.text,
.nameAddress select,
.nameAddress textarea {
	padding: 5px;
	margin-bottom: 20px;
}
.nameAddress input.text,
.nameAddress select,
.nameAddress textarea {
	width: 90%;
}
.nameAddress textarea {
	height: 5em;
}
.nameAddress label {
	color: #999;
	padding-left: 10px;
}
.budgetAdd {
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 30px;
}
.budgetAdd input.text {
	width: 100px;
	padding: 2px 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
}
.productSelect {
	text-align: center;
}
.productSelect label {
	font-size: 12px;
	color: #ccc;
}
.productSelect select {
	width: 80%;
	padding: 5px;
	margin-bottom: 20px;
}
.allocateStock .name {
	font-size: 14px;
	color: #eb293c;
}
.allocateStock input.text {
	width: 20px;
}
.allocateBudget .name {
	font-size: 14px;
	color: #eb293c;
}
.allocateBudget input.text {
	width: 60px;
	text-align: right;
}
.mainBudget {
	text-align: center;
	padding-bottom: 20px;
}
.mainBudget input.text {
	padding: 5 20px;
	font-size: 30px;
	margin: 10px 0 20px;
	width: 150px;
	text-align: center;
}
.mainBudget label {
	color: #999;
}
.userReport {
	text-align: center;
	margin-bottom: 20px;
}
.userReport input,
.userReport select {
	margin-right: 25px;
}
.pages {
	padding: 20px 0;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
}
.pages li { display: inline-block; }
.pages a,
.pages span {
	display: inline-block;
	width: 30px;
	height: 30px;
}
.pages a {
	background: #f2f2f2;
}
.pages span {
	background: #eb293c;
	color: #fff;
}
.productDetail h1 {
	color: #0099cb;
	font-size: 24px;
	margin-bottom: 30px;
}
.productDetail .description {
	margin-bottom: 40px;
	background: white;
}
.productDetail table {
	width: 100%;
	margin-bottom: 50px;
	table-layout: fixed;
}
.productDetail table th {
	width: 55%;
	text-align: right;
	padding-right: 15px !important;
	vertical-align: middle;
	padding: 5px 0;
}
.productDetail table td {
	width: 40%;
	vertical-align: middle;
	padding: 5px 0;
}
.productDetail h5 {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}
.productDetail ul {
	margin-left: 15px;
}
.productDetail ul li {
	list-style: circle;
}
.productDetail form select {
	margin-bottom: 10px;
	padding: 5px;
	width: 90%;
	max-width: 300px;
}
.productDetail form .text {
	width: 60px;
	text-align: center;
}
.productDetail form label span.stock {
	color: #666;
	/*  margin-left: 70px; */
}
.productDetail form label span.price {
	color: #eb293c;
	/*  margin-left: 70px; */
}
.productDetail .image {
	display: block;
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0;
}
table.budgetInfo {
	font-size: 14px;
}
table.budgetInfo th,
table.budgetInfo td {
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
table.budgetInfo td {
	font-weight: bold;
	text-align: right;
}
div.stockWindow {
	width: 100%;
	z-index: 99;
	overflow: hidden;
}
div.stockWindow table.stockWindow thead th {
	background: #FFC;
	border-bottom: 1px solid red;
}
div.stockWindow table.stockWindow th,
div.stockWindow table.stockWindow td {
	width: 20%;
	padding: 1%;
}
div.stockWindow table.stockWindow select {
	width: 80%;
}

.textContent {

	font-size: 14px;
}

.textContent h1,
.textContent h2,
.textContentH2,
.textContent h3,
.textContent h4,
.textContent h5,
.textContent h6 {
	margin-bottom: 20px;
}
.textContent h1 {
	font-weight: normal;
}
.textContent h1 {
	font-size: 30.000px;
}
.textContent h2, .textContentH2 {
	font-size: 25.000px;
}
.textContent h3 {
	font-size: 19.231px;
}
.textContent h4 {
	font-size: 12.821px;
}
.textContent h5 {
	font-size: 7.123px;
}
.textContent h6 {
	font-size: 6.303px;
}
.textContent ol {
	list-style: decimal; padding:5px; margin: 5px 0 10px 30px;
}
.textContent ul {
	list-style: disc; padding:5px; margin: 0 0 10px 30px;
}
.textContent li {
	padding-bottom:5px;
}
.button {
	display: inline-block;
	color: #000;
	padding: 5px 15px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	text-transform: uppercase;
}
.button.blue {
	background: #dadada;
}
.button--primary, .button.red {
	background: #e2000e; color: white;
}
.button.green {
	background: #dadada;
}
input.button {
	cursor: pointer;
}

.button--normal {
	font-weight: 400;
	color: #000;
	background: #f2f2f2;
}

.button--active {
	font-weight: 400;
	color: #fff;
	background: #0099cb;
}

.button--border {
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #000;
}

.button--approve {
	width:60px;
	margin-bottom: 5px;
	color: #fff;
	text-align: center;
	background: #693;
}

.button--disapprove {
	width: 60px;
	margin-top: 5px;
	color: #fff;
	text-align: center;
	background: #df0b25;
}

.margin-right-5 { margin-right: 5px; }

.font-weight-normal {
	font-weight: 400;
}

.flash {
	width: 100%;
	margin: 0 auto 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #fff;
	font-size: 13px;
}
.flash .content {
	padding: 10px;
}
.flash.error {
	background: #ffcccc;
}
.flash.info {
	background: #e2f6fd;
}
.flash.alert {
	background: #ffffcc;
}
.flash.ok {
	background: #e7fcd2;
}
ul.error li {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 20px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #fff;
	font-size: 13px;
	background: #ffcccc;
}
p {
	margin-bottom: 25px;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
}
strong {
	font-weight: bold;
}
.center {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.hidden {
	display: none;
}
.bold {
	font-weight: bold;
}
span.red,
.colorRed {
	color: #eb293c;
}
option.gray,
span.gray {
	color: #666;
}
.cleaner {
	float: none;
	clear: both;
	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
.marginT {
	margin-top: 20px;
	margin-bottom: 20px;
}
input.text {
	border: solid 1px #ccc;
	padding: 2px;
	font: normal 13px/1.3 "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
}
input[readonly] { background: #eee; color: #666; }
textarea {
	font: normal 13px/1.3 "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
}
select {
	font: normal 13px/1.3 "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
}
input.datepicker {
	border: solid 1px #ccc;
	padding: 2px;
	width: 80px;
}
input.short {
	width: 60px;
	text-align: center;
}
.mt20 {
	margin-top: 20px;
}
table {
	margin-bottom: 20px;
	width: 100%;
}
table th,
table td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	border-bottom: solid 1px #f2f2f2;
	vertical-align: middle;
}
table th {
	font-weight: normal;
}
table col.w15 {
	width: 13%;
}
table col.w20 {
	width: 18%;
}
table col.w25 {
	width: 23%;
}
table col.w30 {
	width: 28%;
}
table col.w35 {
	width: 33%;
}
table col.w40 {
	width: 38%;
}
table col.w50 {
	width: 48%;
}
table col.w55 {
	width: 53%;
}
table col.w60 {
	width: 58%;
}
table col.w70 {
	width: 68%;
}
table tr.even td,
table tr.even th {
	background: #f4f4f4;
}
table td.foto {
	padding-left: 10px;
	padding-right: 10px;
}
table.table-historie th {
	font-weight: normal;
	font-style: italic;
	color: #666;
}

table.table-historie th {
	font-weight: normal;
	font-style: italic;
	color: #666;
}
/*
.table-historie th.666italic {
	color:#666;font-style:italic;
}
.table-historie th.666italic50 {
	color:#666;font-style:italic;width:50px;
}
.table-historie th.666italic100 {
	color:#666;font-style:italic;width:100px;
}
.table-historie th.666italic100right {
	text-align:right;
}
*/
table.doNotStyle th,
table.doNotStyle td {
	font-weight: normal;
	padding: 0;
	border-bottom: none;
	vertical-align: middle;
}

.float-right { float: right; }
.float-left { float: left; }
.clear { clear: both; }
.align-right { text-align: right; }
.align-center { text-align: center; }

#frm-changeLostPassword input[type=text], #frm-changeLostPassword input[type=password] {
	width: 250px;
}

.label {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	display: inline-block;
	padding: 2px 4px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 3px;
}

.status-jedna { background: #FFE256; color:#666; text-transform: uppercase; font-size: 9px;}
.status-dva { background: #C57B57;text-transform: uppercase; font-size: 9px;}
.status-tri { background: #666; color: white; text-transform: uppercase; font-size: 9px;}
.status-ctyri { background: #ccc;color: white; text-transform: uppercase; font-size: 9px;}
.status-pet { background: #72A83B;text-transform: uppercase; font-size: 9px; }
.status-sest { background: #333333; color: white; text-transform: uppercase; font-size: 9px;}
.status-sedm { background: #999; color: #fff; text-transform: uppercase; font-size: 9px; }
.status-osm { background: #F1AB86;text-transform: uppercase; font-size: 9px;}

.manager--alternate #topbar {
	color: #fff;
	background: #004296;
}

.manager--alternate #topbar a {
	color: #fff;
}

.manager--alternate #topbar .button--border {
	border-color: #fff;
}

.table-kosik__heading th {
	font-style:italic;
	color:#666;
}

.table-kosik__foto {
	width: 50px;
}

.table-kosik__ks {
	width: 90px;
}

.table-kosik__castka {
	width: 100px;
}

.table-kosik__platba {
	width: 80px;
}

.table-kosik__odstranit {
	width: 80px;
}

table tr.table-kosik__footer td {
	background: 0;
	border-top: 2px solid #000;
}

.review {
    width: 75%;
    margin: 0 auto;
}

.star-rating {
    display: inline-block;
    direction: rtl;
    font-size: 0 !important;
}

.star-rating input[type=radio] {
    display: none;
}

.star-rating label {
    display: inline-block;
    width: 27px;
    height: 26px;
    padding-right: 3px;
    padding-left: 3px;
    background: url("../i/star.png") no-repeat center top;
    cursor: pointer;
    text-indent: -9999px;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type=radio]:checked ~ label {
    background-position: center -26px;
}

.star-rating br {
    display: none;
}

.button.star-rating-btn-primary {
    padding: 22px 30px 18px;
    margin-bottom: 30px;
    border-radius: 0;
    background-color: #ffcc00;
    font-family: "dynagrotesk";
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
}

.button.star-rating-btn-primary:hover {
    background-color: #e6b800;
}

.button.star-rating-btn-secondary {
    padding: 0;
    border-radius: 0;
    background: transparent;
    font-family: "dynagrotesk";
    font-size: 21px;
    font-weight: bold;
    text-decoration: underline;
    text-transform: none;
}

.button.star-rating-btn-secondary:hover {
    text-decoration: none;
}

.formItem__label {
	padding-left: 10px;
	color: #999;
}

.formItem__input {
	padding: 5px;
	margin-bottom: 20px;
	border: solid 1px #ccc;
}

.input {
	width: 100%;
	padding: 0;
	font: normal 13px/1.3 "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	border: 0;
}

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 30px; }
.mb-2 { margin-bottom: 25px; }
.mb-3 { margin-bottom: 20px; }
.mb-4 { margin-bottom: 15px; }
.mb-5 { margin-bottom: 10px; }
.mb-6 { margin-bottom: 5px; }

.p-all-5 { padding: 10px; }

.color-text-secondary { color: #999; }

.cursor-pointer { cursor: pointer; }

.bg-secondary {
	background: #f4f4f4;
}

.italic {
	font-style: italic;
}

.color-grey {
	color: #666;
}


@media screen and (min-width: 768px) and (max-width: 959px) {
	.product, .download {
		min-height: 380px;
    }
}
@media screen and (min-width: 960px) {
	.product, .download {
		min-height: 355px;
	}
}
@media screen and (max-width: 959px) {
	#header {
		background: #fff;
		padding: 13px 0;
		margin-bottom: 40px;
		border-bottom: 1px solid #cccccc;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}
	#header nav {
		font-weight: bold;
		text-transform: uppercase;
		padding-top: 7px;
		padding-left: 30px;
	}
	#header nav ul li {
		margin-right: 20px;
	}
	#header nav ul li:first-child {
		display: none;
	}
	#header input[type="text"] {
		width: 140px;
    }
    .review {
        width: 95%;
    }
    .review .columns.four {
        width: 220px;
    }
}
@media screen and (max-width: 767px) {
    .show-mobile-inline {
        display: inline !important;
        visibility: visible !important;
    }
    .show-mobile-inline-block {
        display: inline-block !important;
        visibility: visible !important;
    }
    .show-mobile-block {
        display: block !important;
        visibility: visible !important;
    }
    .hide-mobile {
        display: none !important;
        visibility: hidden !important;
    }

    .container {
        width: 290px;
    }

    .container .column.column,
    .container .columns.columns {
        display: block;
        float: none;
        width: auto;
    }

    .m-hamburger {
        position: relative;
        z-index: 200;
        width: 54px;
        height: 50px;
        padding: 0;
        margin: 0;
        border: 0;
        background-color: #dc132d;
        vertical-align: middle;
        outline: 0;
    }
    .m-hamburger > span {
        position: absolute;
        top: 23px;
        left: 15px;
        width: 24px;
        height: 4px;
        background-color: #fff;
    }
    .m-hamburger > span:before,
    .m-hamburger > span:after {
        content: "";
        position: absolute;
        left: 0;
        width: 24px;
        height: 4px;
        background-color: #fff;
    }
    .m-hamburger > span:before {
        top: -8px;
    }
    .m-hamburger > span:after {
        bottom: -8px;
    }
    .m-hamburger.show > span {
        background-color: transparent;
    }
    .m-hamburger.show > span:before {
        transform: translateX(2px) rotate(45deg);
        transform-origin: left top;
    }
    .m-hamburger.show > span:after {
        transform: translateX(2px) rotate(-45deg);
        transform-origin: left bottom;
    }

    .m-search {
        width: 50px;
        height: 50px;
        padding: 0;
        margin: 0;
        border: 0;
        background: #fff url("../i/search.png") no-repeat center center;
        vertical-align: middle;
        outline: 0;
        margin-right: 5px;
    }
    .m-search.show {
        background-color: #dadada;
    }

    .m-search-widget.m-search-widget {
        display: none !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100%;
        background-color: #dadada;
        text-align: left !important;
    }
    .m-search-widget.m-search-widget.show {
        display: block !important;
    }

    .m-basket {
        background-color: #fff;
        border-radius: 100px;
        padding: 6px 10px;
        vertical-align: middle;
        text-decoration: none;
    }
    .m-basket > strong:last-child {
        color: #dc132d;
    }

    nav select {
		display: none;
    }
	.centerOnMobile {
		text-align: center;
	}
	#searchBar form {
		margin-top: 10px;
	}
	#searchBar select {
		margin: 10px 0;
	}
	.description {
		margin-bottom: 20px !important;
    }
    #topbar {
        padding: 0 15px 0 0;
        background-color: #fff;
        font-weight: normal;
        font-size: 12px;
    }
    #topbar .container {
		width: auto;
    }
    #topbar .columns {
        display: inline-block;
        vertical-align: middle;
    }
    #topbar .columns > span:first-child {
        font-weight: bold;
    }
	#topbar .alignRight {
		text-align: center;
    }
    #menubar {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        display: none;
        width: 75%;
        max-width: 300px;
        padding: 50px 15px 15px;
        font-weight: normal;
        text-transform: none;
        font-size: 14px;
    }
    #menubar.show {
        display: block;
    }
    #menubar .container {
        width: auto;
    }
    #menubar .bg {
        background-color: #2f2829;
        margin: 0 -15px 15px;
        padding: 15px;
    }
    #menubar .collapse-toggler {
        display: inline-block;
        padding: 0 35px 0 0;
        margin: 0 0 15px;
        font-weight: bold;
        font-size: 16px;
        font-family: inherit;
        background: transparent url("../i/caret-down.png") no-repeat right center;
        border: 0;
        color: inherit;
        outline: 0;
    }
    #menubar .collapse.show .collapse-toggler {
        background-image: url("../i/caret-up.png");
    }
    #menubar .collapse-menu {
        display: none;
    }
    #menubar .collapse.show .collapse-menu {
        display: block;
    }
    #menubar .collapse-menu ul {
        margin-bottom: 0;
    }
    #menubar .collapse-menu > ul {
        margin-bottom: 15px;
    }
    #menubar nav ul {
        margin-bottom: 0;
    }
    #menubar ul {
        margin-bottom: 30px;
    }
    #menubar ul ul {
        margin-top: 10px;
        margin-left: 15px;
    }
	#menubar ul li {
        display: block;
		margin: 0 0 10px;
    }
    #menubar ul li:last-child {
        margin-bottom: 0;
    }
    #header {
        position: relative;
        padding: 15px;
        margin-bottom: 20px;
        background-color: #dadada;
        border: 0;
        box-shadow: none;
    }
    #header .container {
        width: auto;
    }
    #header .columns.two {
        display: inline-block;
        vertical-align: middle;
    }
	#header .alignRight {
		text-align: center;
    }
    #header .logo {
        margin-top: 0;
        margin-right: 15px;
        max-width: 70px;
    }
    #header input[type="text"] {
        background-color: #fff;
        border-radius: 100px;
        padding: 10px 20px;
        width: 160px;
        -webkit-appearance: none;
    }
    #header input[type="submit"] {
        background: transparent;
        text-indent: 0;
        width: auto;
        height: auto;
        text-decoration: underline;
        text-transform: none;
    }

	.tableResponsive,
	.tableResponsive tbody,
	.tableResponsive tfoot,
	.tableResponsive tr,
	.tableResponsive th,
	.tableResponsive td {
		display: block;
	}

	.tableResponsive td {
		position: relative;
		padding: 5px 5px 5px 50% !important;
		border-bottom: 0;
		text-align: left !important;
	}

	.tableResponsive td:before {
		content: attr(data-head);
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px;
		color: #666;
		font-style: italic;
	}

	.tableResponsive td.twoLines {
		min-height: 36px;
	}

	.tableResponsive td.twoLines:before {
		content: attr(data-head1) '\00000a' attr(data-head2);
		white-space: pre;
	}

	.tableResponsive thead {
		position: absolute;
		overflow: hidden;
		width: 1px;
		height: 1px;
		padding: 0;
		border: 0;
		clip: rect(1px, 1px, 1px, 1px);
    }

    .tableBudgets input {
        max-width: 80px;
        margin-right: 5px;
    }

    .tableSimple,
	.tableSimple tbody,
	.tableSimple tfoot,
	.tableSimple tr,
	.tableSimple th,
	.tableSimple td {
		display: block;
	}

    .tableSimple td {
        width: 100% !important;
        min-height: 19px;
        padding: 0 5px;
        border: 0 !important;
    }

    .tableSimple td:first-child {
        padding-top: 5px;
    }

    .tableSimple td:last-child {
        padding-bottom: 5px;
    }

    .basketHeader small {
        display: block;
        float: none;
        margin-top: 5px;
    }

    .basketHeader .button {
        padding-right: 8px;
        padding-left: 8px;
    }

    .product, .download  {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: auto;
        text-align: left;
        box-sizing: border-box;
    }
    .product > div, .download > div {
        display: table-cell;
        vertical-align: middle;
    }
    .product .button {
        display: none;
    }
    .product .productImage, .download .productImage {
        height: auto;
    }
    .product .productImage > a, .download .productImage > a {
        display: block;
    }
    .product .productImage > a > img, .download .productImage > a > img {
        display: block;
    }
    .product .text, .download .text {
        padding: 5px 10px;
    }
    .product .text h3 a, .download .text h3 a {
        display: block;
        font-size: 14px;
        font-weight: bold;
    }
    .product .text h3 a span, .download .text h3 a span {
        font-size: 12px;
        display: block;
        font-weight: normal;
        color: #999999;
        margin-top: 10px;
    }
    .product .text .price {
        font-size: 14px;
        font-weight: bold;
        margin: 0;
    }

    .product-rating {
        display: block;
        width: auto;
        height: 375px;
        box-sizing: content-box;
        text-align: center;
    }

    .product-rating > div {
        display: block;
    }

    .product-rating .productImage {
        height: 200px;
    }

    .product-rating .text {
        padding: 15px;
    }

    .product-rating .text .price {
        font-size: 19px;
        margin: 15px 0;
    }

    .pages {
        padding: 0;
        margin-bottom: 20px;
    }
    .pages a {
        background-color: #d7d7d7;
        text-decoration: none;
        line-height: 30px;
        border-radius: 50%;
        border: 2px solid #d7d7d7;
        font-weight: bold;
    }
    .pages span {
        background-color: #fff;
        border: 2px solid #959595;
        color: #000;
        border-radius: 50%;
        line-height: 30px;
    }

    .filter {
        margin-bottom: 15px;
    }
    .filter i {
        font-size: 12px;
        display: inline-block;
        font-style: italic;
    }
    .filter .button {
        background: transparent;
        padding: 0;
        margin: 5px;
        text-decoration: underline;
        font-weight: bold;
    }
    .filter .button--active {
        color: #000;
        text-decoration: none;
    }

    .textContent {
        font-family: inherit;
    }
    .textContent h2, .textContentH2 {
        font-size: 18px;
    }
    .textContent h3 {
        font-size: 16px;
    }
    .textContent img {
        height: auto !important;
    }

    .productDetail {
        border: solid 1px #ccc;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: white;
        font-size: 14px;
        font-family: inherit;
        overflow: hidden;
    }
    .productDetail .borderBox {
        border: 0;
        border-radius: 0;
        background: transparent;
        font-family: inherit;
    }
    .productDetail .paddingBox {
        padding: 0;
    }
    .productDetail .description {
        background: transparent;
        padding: 20px 20px 40px;
    }
    .productDetail .description h1 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .productDetail .description p {
        margin-bottom: 0;
    }
    .productDetail .description h5 {
        display: none;
    }
    .productDetail form {
        margin-top: 20px;
        font-size: 14px;
    }
    .productDetail form > div {
        margin-left: 90px;
    }
    .productDetail form > div.float-left {
        margin-left: 0;
    }
    .productDetail form .text {
        margin-right: 20px !important;
    }
    .productDetail form label span.delimiter {
        display: block;
        height: 0;
        visibility: hidden;
    }
    .productDetail form label span.stock {
        display: block;
        margin-top: 20px;
        font-weight: bold;
    }
    .productDetail .gallery {
        margin-right: -8px;
        margin-left: -8px;
    }
    .productDetail .image {
        float: left;
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
        width: 50%;
        padding-right: 8px;
        padding-left: 8px;
        box-sizing: border-box;
    }
    .productDetail .image img {
        width: 100%;
        display: block;
    }
    .productDetail .button {
        font-family: inherit;
        font-size: 14px;
        text-transform: none;
    }

    .prehledy {
        border: 0;
        border-radius: 0;
        padding: 0;
        background: transparent;
    }
    .prehledy h2 {
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 30px;
    }
    .prehledy h2:first-child {
        margin-top: 0;
    }
    .prehledy table,
    .prehledy tbody {
        display: block;
    }
    .prehledy tr,
    .prehledy td {
        display: inline-block;
    }
    .prehledy td {
        padding: 0;
        border: 0;
    }
    .prehledy tr.hidden {
        display: none;
    }
    .prehledy table a {
        display: inline-block;
        white-space: nowrap;
        background-color: #dadada;
        text-decoration: none;
        padding: 10px 15px;
        border-radius: 100px;
        margin-right: 10px;
    }

    .userReport {
        text-align: left;
        white-space: nowrap;
    }

    .userReport > span {
        display: inline-block;
        vertical-align: bottom;
    }
    .userReport > span > label {
        display: block;
        margin-bottom: 5px;
        margin-right: 0 !important;
    }
    .userReport input.datepicker,
    .userReport select {
        margin-right: 5px;
    }
    .userReport input.datepicker {
        width: 60px;
        padding: 10px;
        border: 2px solid #959595;
    }
    .prehledy .button {
        margin-right: 0;
        text-transform: none;
        padding: 8px 10px;
        vertical-align: bottom;
        font-family: inherit;
        font-size: 14px;
    }
    .prehledy .button.red {
        color: #fff;
    }
    .basketTotal {
        font-size: 18px;
    }

    .review .columns.four {
        width: 220px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .container {
        width: 420px;
    }
}