html, body { padding:0; margin:0; background-color:#eee;    height: 100%;}
* {font-family: 'Catamaran', sans-serif;
    }
a {
    text-decoration: none;
}
.sub-title {font-size: 15px;
    font-weight: 500;}
h1, h2, h3 {font-family: 'Comfortaa', sans-serif;}
.container {    width: 1000px;
    margin: 15px auto;}
.header {
    display: inline-block;
	background-image:url(../img/header.jpg);
	    background-size: cover;
    background-position: center; color:#fff;
    }
#top-menu { background:#fff;display: table; padding:0 15px; box-sizing:border-box;}
#top-menu a {display: table-cell;text-align: center;    color: rgba(0, 0, 0, 0.87);}
.top-menu-item { padding:5px;
}
.top-menu-item.active {background:#DCEDC8;}
.top-menu-item:hover {background:#eee;}
.top-menu-item.active:hover {background:#C5E1A5;}
.link { cursor:pointer !important;}
.stretch {width: 100%;}
.dp8 {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
.dp2	{
    box-shadow:  0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 3px 1px -2px rgba(0, 0, 0, 0.12); }
.rounded { border-radius: 15px; overflow:hidden; }
.overlay {background:rgba(0,0,0,0.5);display: flex;}
.content { background:#fff;}
.left-panel { width: 230px; float:left; background:#558B2F; padding:16px 0;}
.left-menu-item {    padding: 0 15px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;}
.left-menu-item i {float: left;
    margin-right: 8px;}
.left-menu-header {padding:8px 16px;
    color: rgba(255, 255, 255, 0.70);
    text-transform: uppercase; cursor:default;
    font-size: 15px;
    font-weight: 600;}
.left-menu-item:hover {background:rgba(255,255,255,0.12);}
.left-menu-item.left-menu-header {     padding: 6px 16px;}
.left-menu-spacer {height:15px;}
.right-panel, #disqus_thread {    margin: 0 0 15px 15px;
    float: right;
    width: 755px;
    padding: 16px;
    box-sizing: border-box;}
#disqus_thread {border: 1px solid rgba(0, 0, 0, 0.12);
}
.content h1 {font-size: 25px;width: 100%;
    color: #D84315;
    display: inline-block;
    margin: 15px 0;}
.product-thumb {  border: 1px solid #d84315;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 16px;
    float: left;
    padding: 8px;
    cursor: pointer;
    box-sizing: border-box;}
.product-thumb:hover {  border: 1px solid rgba(0,0,0,0.30); }
.product-thumb .title {      font-family: 'Comfortaa', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #d84315;}
.product-thumb .img {     position: relative;   text-align: center;height: 120px; margin:8px 0;}
.product-thumb .img img {     max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}
.product-thumb .price {    font-family: 'Comfortaa', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);}
.product-thumb .price span {font-size: 14px;
    font-weight: 600;}	
.product-thumb .button {background: #558b2f;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
    height: 32px;
    line-height: 35px;}
.product-thumb:hover .button {background: #C5E1A5; color: rgba(0, 0, 0, 0.87);}
.product-thumb .button:hover {background: #eee; box-shadow:  0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 3px 1px -2px rgba(0, 0, 0, 0.12);}
.product-card {}
.product-card .img {text-align: center;margin: 32px 0;}
.product-card .img img {    max-height: 350px;
    max-width: 100%;}
.product-card table { width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: left; }
.product-card table th {    font-family: 'Comfortaa', sans-serif;
    width: 15%;
    font-weight: lighter;}
.product-card table td {    font-family: 'Comfortaa', sans-serif;
    width: 20%;
    font-weight: bolder;}
.product-card table td.hyper {width: 30%;}
td.price {
       font-family: 'Catamaran', sans-serif !important;
    font-size: 15px;
    font-weight: 500 !important;;
}
.desc {    font-size: 14px;
    line-height: 16px;
    text-align: justify;
    margin: 32px 0;}
.sub .desc {margin: 0 0 32px 0;}
.desc table {border-color: #eee;}
.desc img { margin: 0 auto; display:block; max-width: 100%;}
.product-card  .button {
background: #d84315;
    display: inline-block;
    float: right;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 32px;
    height: 32px;
    line-height: 34px;
    border-radius: 3px;}
.wrap {
    float: left;
	padding-bottom:16px;width: 101%;
}
.kalkulacka-zdroj {
    padding: 15px;
    margin-top: 30px;
    background: #eee;
    border-radius: 3px;
}
.footer{ border-radius: 15px 15px 0 0; clear: both;     padding: 15px 15px 30px; box-sizing:border-box; background:rgba(0,0,0,0.12); color:rgba(0,0,0,0.54);}
.noMargin { margin-bottom: 0;   }
.quick {float: right;
    display: inline-flex;}
.quick i {    font-size: 24px;
    margin: 0 15px 0 30px;}
.header .title {
        display: inline-block;
    color: #fff;
    height: 100%;
    padding: 10px 0;
    box-sizing: border-box;}
.manifold {      background-image: url(../img/manifold.png);
    display: block;
    height: 100%;
    width: 35%;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    right: 0; 
    float: right;}
.manifold .path {      width: 25%;
    height: 100%;
    letter-spacing: 0.5px;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    padding: 30px 0 15px;
    box-sizing: border-box;
    text-shadow: 0px 2px 2px #000, 0px -2px 2px #000, 2px 0px 2px #000, -2px 0px 2px #000;}
	.manifold .path a {color: #fff;}
.manifold .path i {font-size: 25px;    background: rgba(0, 0, 0, 0.5);
    border: #fff 2px solid;
    border-radius: 50%;
    padding: 15px;
    display: inline-block;
    margin-bottom: 15px;}

.manifold .path:hover i {background: rgba(255, 255,255, 0.5); text-shadow:none;text-shadow: 0px 1px 3px #000;}
.main .product-thumb i {       background: #eee;
    color: rgba(0, 0, 0, 0.30);
    border-radius: 50%;
    padding: 5px;
}
.main .product-thumb {text-align:center}
.to-top {  position: absolute;    margin-top: 241px;
    background: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.54);
    padding: 0 15px;
    line-height: 40px;
    width: 230px;
    box-sizing: border-box;
    text-align: center;
    font-size: 15px;
    font-weight: 500; cursor:pointer;}
.to-top i {background: rgba(0, 0, 0, 0.50);
    display: inline-block;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.70);
    padding: 2px;
    font-size: 16px;
    vertical-align: middle; margin-right:10px}
.fixed-top {    position: fixed;
    top: 65px;}
.fixed-top2 {    position: fixed;margin-top: 80px;
    }
.fixed-top3 {position: fixed;
    top: -15px;
    left: 50%;
    margin-left: -500px;
    z-index: 2;}
.fixed-top3:before {content: "";
    display: block;
    height: 30px;
    width: 1000px;
    background: #eee;
    margin-bottom: -15px;}

.sub {
    display: inline-block;
    width: 100%;
}

@media screen and (max-width: 720px)
{
.sub-title {display:none;}
.container {
    width: 100%;}
#top-menu a {
    float: left;}
h1 {font-size:18px;}
.header .container {padding:0 15px;}
.manifold {
    background-image: none;
    width: 50%;}
.manifold .path {
    font-size: 10px;padding: 15px 0;
}
.manifold .path i {
    margin-bottom: 15px;
    padding: 8px;font-size: 20px;
}
.topm {
    margin: 15px;
    width: calc(100% - 30px);
}
#top-menu {
    padding: 0;
}
.top-menu-item {
    font-size: 13px;
    padding: 5px 10px;
}
.left-panel {
    margin: 0 15px; float:none;
    width: calc(100% - 30px);
}
.left-panel.fixed-top {position: relative;
    top: auto;}
.left-menu-item.left-menu-header {
    padding: 5px 15px;
    font-size: 13px;
}
.left-menu-item i {
    font-size: 20px;
}
.fixed-top3 {
    position: relative;
    top: 0;
    left: 0;
}
.to-top {
    position: fixed;
    margin-top: 0;
    width: calc(100% - 30px);
    bottom: 15px!important;
    left: 15px;
    right: 15px;
    box-sizing: unset;
    top: unset!important;
    z-index: 30;
    padding: 0;
    line-height: 50px;
}.right-panel, #disqus_thread {
    box-sizing: border-box;
    width: calc(100% - 30px);
    margin: 15px!important;
    float: none;
    position: relative;
    padding: 15px;
}.header {
    margin-bottom: 0!important;
}
.product-thumb {
    width: 46%;
    margin-right: 4%;}
.footer {
    display: block!important;
    border-radius: 0;
}
.quick {
    float: none;
    width: 100%;
    padding:15px 15px 55px 15px;
}
html, body {
    overflow: auto;
    overflow-x: hidden;
}
}