body {
    background: rgb(163,122,92) url('../img/bg.jpg') left top repeat;
    color: rgb(40,23,11);
}

@media (max-width: 767px) {
    .row.row-xs-val {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .row.row-sm-val {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .row.row-md-val {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .row.row-lg-val {
        display: flex;
        align-items: center;
    }
}

a.thumbnail {
    cursor: pointer;
}

.form-control,
.input-group-addon {
    border-color: rgb(120,68,33);
}

.form-control:focus {
    border-color: rgb(120,68,33);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(120,68,33,0.6);
}

.img-responsive {
    margin: auto;
}

.img-floating {
    max-width: 50%;
}

@media (max-width: 991px) {
    .img-floating {
        width: 100%;
        max-width: none;
        padding: 20px 0px !important;
    }
}

a {
    color: rgb(120,68,33);
}

a:hover, a:focus, a:active {
    color: rgb(160,90,44);
    text-decoration: underline;
}

div.order fieldset {
    margin-bottom: 50px;
}

div.order fieldset.hideable-fieldset div.form-group {
    display: none;
}

div.page-wrapper {
    max-width: 1100px;
    margin: auto;
}

.header {
    position: relative;
    margin: 5px 0px 0px 0px;
}

.header h1 {
    color: rgb(255,255,255);
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin: 90px 0px 0px 0px;
    padding: 0px;
}

.header a {
    position: relative;
    height: 140px;
    padding: 0px;
    margin: 0px;
    display: block;
    background: transparent url('../img/logo.png') center top no-repeat;
}

.header a:hover,
.header a:focus,
.header a:active {
    text-decoration: none;
}

.header a strong {
    padding: 0px;
    margin: 0px;
    font-size: 0px;
}

.cart {
    position: relative;
    min-height: 100px;
    overflow: hidden;
    background-color: rgb(255,255,255);
    text-align: center;
    margin: 30px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 0px;
}

.cart p {
    padding: 0px;
    margin: 0px;
}

.cart .btn-for-xs {
    margin: 10px;
}

.cart p.cart-header {
    font-size: medium;
    font-weight: bold;
}

.cart p.cart-href {
    font-weight: bold;
    padding-top: 10px;
}

.popover {
    background-color: rgb(255,255,255);
}

.popover.bottom > .arrow:after {
    border-bottom-color: rgb(120,68,33);
}

.popover-title {
    font-weight: bold;
    background-color: rgb(120,68,33);
    color: rgb(255,255,255);
    border-color: rgb(120,68,33);
}

.popover-content {
    background-color: rgb(255,255,255);
}

div.order-confirm legend {
    border: none;
    margin-bottom: 10px;
}

.popover.cart-preview {
    max-width: 500px;
}

.navbar-default {
    background-color: rgb(255,255,255);
    border: none;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: rgb(40,23,11);
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgb(40,23,11);
}

.navbar-default .navbar-toggle {
    border-color: rgb(40,23,11);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(40,23,11);
}

.navbar-default .navbar-nav>li>a {
    color: rgb(120,68,33);
    font-weight: bold;
    font-size: small;
}

@media (max-width: 830px) {
    .navbar-default .navbar-nav>li>a {
        color: rgb(120,68,33);
        font-weight: bold;
        font-size: small;
        padding: 10px 12px;
    }
}

@media (max-width: 767px) {
    .navbar-default {
        margin-bottom: 0px;
    }
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: rgb(160,90,44);
    text-decoration: underline;
}

.navbar-default .navbar-nav > .active > a {
    background-color: rgb(120,68,33);
    color: rgb(255,255,255);
}
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: rgb(120,68,33);
    color: rgb(255,255,255);
    text-decoration: underline;
}

.navbar-nav > li > a {
    padding: 10px 20px;
}

.navbar {
    min-height: 40px;
}

div.nav-menu-left {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgb(255,255,255);
    margin: 0px 0px 20px 0px;
    padding: 4px 0px;
}

ul.nav-menu-left {
    margin: 0px;
    padding: 0px;
}

ul.nav-menu-left > li > a {
    color: rgb(120,68,33);
    font-weight: bold;
    font-size: small;
}

ul.nav-menu-left > li > a.zdobena-kuze {
    background: transparent url('../img/zdobeni.png') right top no-repeat;
}

.content-hn.zdobeni {
    background: rgb(255,255,255) url('../img/zdobeni.png') right 40px no-repeat;
}

@media (max-width: 1000px) {
    .content-hn.zdobeni {
        background: rgb(255,255,255);
    }
}

ul.nav-menu-left > li > a:hover,
ul.nav-menu-left > li > a:focus {
    background-color: rgb(255,255,255);
    color: rgb(160,90,44);
    text-decoration: underline;
}

ul.nav-menu-left > li.active > a {
    background-color: rgb(120,68,33);
    color: rgb(255,255,255);
}

ul.nav-menu-left > li.active > a:hover,
ul.nav-menu-left > li.active > a:focus {
    background-color: rgb(120,68,33);
    color: rgb(255,255,255);
    text-decoration: underline;
}

ul.nav-menu-left > li:last-child > a {
    border: none;
}

div.search-form {
    background-color: rgb(255,255,255);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 0px 20px 0px;
    padding: 10px;
    text-align: right;
}

@media (max-width: 767px) {
    div.search-form {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
}

div.soutez {
    background-color: rgb(255,255,255);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 0px 20px 0px;
    padding: 20px 10px 20px 10px;
    text-align: left;
    background-color: rgb(242,232,223);
}

div.soutez img.cepicka {
    position: absolute;
    top: -30px;
    right: -34px;
    z-index: 1000;
}

div.fb-menu {
    background-color: rgb(255,255,255);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 0px 20px 0px;
    padding: 10px;
    text-align: right;
}

@media (max-width: 1020px) {
    div.fb-menu {
        font-size: small;
    }
}

div.content {
    background-color: rgb(255,255,255);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 15px;
    min-height: 760px;
}

div.content-hn {
    background-color: rgb(255,255,255);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.footer {
    background-color: rgb(255,255,255);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 15px;
    margin: 20px 0px;
}

.footer p {
    margin: 0px 0px 20px 0px;
    padding-top: 5px;
    text-transform: uppercase;
    color: rgb(180,180,180);
    font-size: small;
}

.footer p a {
    color: rgb(180,180,180);
}

.footer p a:hover {
    color: rgb(180,180,180);
}

.breadcrumb {
    background-color: rgb(242,232,223);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

h1 {
    font-size: x-large;
    margin-bottom: 30px;
}

h2 {
    font-size: large;
    font-weight: bold;
}

.page-inner {
    padding: 0px;
}

ul.nav-order {
    margin-bottom: 30px;
}

ul.nav-order.nav-tabs {
    border-color: rgb(40,23,11);
}

ul.nav-order > li {
    padding: 0px;
    float: right;
}

ul.nav-order.nav-tabs > li.active > a,
ul.nav-order.nav-tabs > li.active > a:focus,
ul.nav-order.nav-tabs > li.active > a:hover {
    background-color: rgb(255,255,255);
    border-color: rgb(40,23,11);
    border-bottom-color: rgb(255,255,255);
}

ul.nav-order > li > a {
    color: rgb(40,23,11);
    font-size: small;
    padding: 5px;
}

ul.nav-order > li > a:hover,
ul.nav-order > li > a:focus {
    background-color: rgb(120,68,33);
    border-color: rgb(40,23,11);
    color: rgb(255,255,255);
}

.row.boxes a.thumbnail {
    border-color: rgb(242,232,223);
    background-color: rgb(242,232,223);
    border-radius: 0px;
    color: rgb(40,23,11);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.row.boxes a.thumbnail:hover, .row.boxes a.thumbnail:focus {
    border-color: rgb(120,68,33);
    box-shadow:0 1px 6px rgba(120,68,33,0.8);
    -webkit-box-shadow:0 1px 6px rgba(120,68,33,0.8);
    -moz-box-shadow:0 1px 6px rgba(120,68,33,0.8);
    text-decoration: none;
}

.row.boxes a.thumbnail h2 {
    font-size: small;
    font-weight: bold;
    text-align: center;
    padding: 15px 10px 15px 10px;
    margin: 0px;
}

.row.boxes a.thumbnail div.image-wrapper {
    padding: 0px 10px;
}

.row.boxes a.thumbnail > div.detail {
    font-size: small;
}

.row.boxes a.thumbnail:hover > div.detail {
    font-size: small;
}

.row.boxes a.thumbnail > div.params {
    text-align: right;
    padding: 10px;
}

.row.boxes a.thumbnail > div.params .code {
    font-style: italic;
}

.row.boxes a.thumbnail > p,
.row.boxes a.thumbnail > div.params .desc {
    font-style: italic;
    font-size: small;
    text-align: center;
    padding: 10px 0px;
}

.row.boxes a.thumbnail > div.params .price {
    font-size: large;
}

.pagination > li > a, .pagination > li > span {
    background-color: transparent;
    color: rgb(40,23,11);
    border-color: rgb(40,23,11);
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: transparent;
    border-color: rgb(40,23,11);
    color: #555;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: rgb(120,68,33);
    border-color: rgb(40,23,11);
    color: rgb(255,255,255);
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span, .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-radius: 0px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: rgb(120,68,33);
    border-color: rgb(40,23,11);
    color: rgb(255,255,255);
}

p.category-description {
    font-size: medium;
    padding: 0px 20px;
    margin: 0px;
    margin-bottom: 40px;
}

div.category-deschtml {
    font-size: medium;
    font-style: italic;
    padding: 0px;
    margin: 0px;
    margin-top: 40px;
}

div.product h1 {
    margin-bottom: 40px;
}

div.product p.price {
    font-size: x-large;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
}

@media (max-width: 830px) {
    div.product p.price {
        font-size: large;
    }
}

div.product form.form-addtocart {
    margin: 0px 0px 20px 0px;
}

div.product form.form-addtocart .variants {
    position: relative;
    width: 100%;
    min-height: 150px;
    margin-bottom: 15px;
    max-width: 300px;
}

div.product form.form-addtocart div.variants > div {
    position: relative;
    width: 100%;
    min-height: 150px;
    padding: 0px;
    margin: 0px;
}

div.product form.form-addtocart .variants select {
    width: 48%;
    position: relative;
    float: left;
    bottom: 0px;
    margin: 1%;
}

.btn-brasnarstvi {
    background-color: rgb(242,232,223);
    color: rgb(80,45,22);
    border-color: rgb(80,45,22);
    font-weight: bold;
}

.btn-brasnarstvi.active, .btn-default:active,
.btn-brasnarstvi:hover, .btn-brasnarstvi:focus, .btn-brasnarstvi:active {
    background-color: rgb(120,68,33);
    color: rgb(255,255,255);
    border-color: rgb(120,68,33);
    box-shadow:0 1px 4px rgba(120,68,33,0.8);
    -webkit-box-shadow:0 1px 4px rgba(120,68,33,0.8);
    -moz-box-shadow:0 1px 4px rgba(120,68,33,0.8);
}

.thumbnail {
    background-color: rgb(242,232,223);
    border: 1px solid rgb(242,232,223);
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: rgb(120,68,33);
    box-shadow:0 1px 6px rgba(120,68,33,0.8);
    -webkit-box-shadow:0 1px 6px rgba(120,68,33,0.8);
    -moz-box-shadow:0 1px 6px rgba(120,68,33,0.8);
    text-decoration: none;
}

div.product a.thumbnail-main {
    display: block;
    margin: auto;
    padding: 10px;
}

div.product a.thumbnail-ths {
    display: block;
    margin: auto auto 10px auto;
}

div.product .alert-warning,
div.page-inner .alert-warning {
    color: rgb(120,68,33);
    background-color: rgb(242,232,223);
    border-color: rgb(120,68,33);
    padding: 10px 15px;
}

div.product .alert-danger,
div.page-inner .alert-danger {
    border-color: rgb(120,68,33);
    padding: 10px 15px;
}

div.product div.description {
    padding-top: 10px;
}

div.zaruka-kvality {
    height: 280px;
    background: transparent url('../img/zaruka_kvality.png') right top no-repeat;
    background-size: contain;
}

.alert-success {
    border-color: #3c763d;
}

/*
p.colors-scale {
    position: absolute;
    bottom: 20px;
    right: 67px;
    width: 741px;
    height: 20px;
    padding: 3px 5px 3px 0px;
    margin: 0px;
    margin-top: -25px;
    text-align: right;
    font-weight: bold;
    font-size: x-small;
    color: rgb(255,255,255);
    background: url('../img/bg-f-40.png') center center repeat;
    text-shadow: 0px 0px 5px rgb(0,0,0);
    z-index: 104;
}

a:hover p.colors-scale {
    text-decoration: underline;
}
*/