/*homepage motive*/
#motive{
  background-color: #f5f5f5;
  background-image: url(/obrazek/3/format-8-motiv-64-cerna/);
}

/*motto*/
#motto #motto-title{
 
  color: #000000;
  
}

#motto #motto-title a{
 
  color: #000000;
 
}
#motto #motto-text{
  color: #e8e8e8;
   
}
/**/
:root {
    --in-white: #ffffff;
    --in-light-yellow: #ffedbc;
    --in-brown: #654444;
    --in-light-brown: #948585;
}

/* ------------------------------------------------ BACKGROUNDS -- */

header,
.thumbnail,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover,
.pagination>li>a,
.pagination>li>span,
code,
.table-striped>tbody>tr:nth-of-type(odd) {
    background: transparent;
}

#user-form .form-control,
#password-form .form-control,
#wrap,
main,
.navbar-default,
.breadcrumb,
#eshop-products,
.badge,
.article-detail article .form-group input[type="text"],
.article-detail article .form-group input[type=checkbox],
.article-detail article .form-group input[type=radio],
.article-detail article .form-group textarea,
.article-detail article .form-group textarea:focus,
#support article .form-group input[type="text"],
#support article .form-group input[type=checkbox],
#support article .form-group input[type=radio],
#support article .form-group textarea,
#support article .form-group textarea:focus,
.gallery-detail article .form-group input[type="text"],
.gallery-detail article .form-group input[type=checkbox],
.gallery-detail article .form-group input[type=radio],
.gallery-detail article .form-group textarea,
.gallery-detail article .form-group textarea:focus,
.category-detail article .form-group input[type="text"],
.category-detail article .form-group input[type=checkbox],
.category-detail article .form-group input[type=radio],
.category-detail article .form-group textarea,
.category-detail article .form-group textarea:focus,
.product-detail article .form-group input[type="text"],
.product-detail article .form-group input[type=checkbox],
.product-detail article .form-group input[type=radio],
.product-detail article .form-group textarea,
.product-detail article .form-group textarea:focus,
#order article .form-group input[type="text"],
#order article .form-group input[type=checkbox],
#order article .form-group input[type=radio],
#order article .form-group textarea,
#order article .form-group textarea:focus,
.photo-detail article .form-group input[type="text"],
.photo-detail article .form-group input[type=checkbox],
.photo-detail article .form-group input[type=radio],
.photo-detail article .form-group textarea,
.photo-detail article .form-group textarea:focus,
.form-control,
#separator .cardbox,
#order article #panel-accounts .form-group input[type="text"], #panel-accounts .form-group input[type="text"], #panel-accounts .form-group input[type=checkbox], #panel-accounts .form-group input[type="password"], #panel-accounts .form-group input[type=radio], #panel-accounts .form-group textarea, #panel-accounts .form-group textarea:focus {
    background: var(--in-white);
}

html,
#top-ribbon,
.navbar .navbar-nav > li > a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.dropdown.open ul.dropdown-menu,
#separator,
.cardbox,
#eshop-categories .thumbnail,
.label.label-stock2,
.label.label-stock3,
.label.label-stock4,
.label.label-stock5,
#eshop #panel-categories,
.category-detail #panel-categories,
.product-detail #panel-categories,
#panel-accounts,
#panel-categories,
#orderform .panel,
#order-form .panel,
#order input#agreement,
#finish #status,
#filter-form,
.category-detail form#filter-form,
.input-group-addon,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
#photogalleries .thumbnail,
.lockcomm,
#listdata li .inside,
table.tabulka thead,
table thead, table thead,
.table-striped>tbody>tr:nth-of-type(even),
ul#list-rubrics .media-body,
.article-detail .comms,
#support article form,
.gallery-detail .comms,
.product-detail #tab-comments .comms,
.photo-detail .comms,
.form-group input[type="text"],
.form-group input[type=checkbox],
.form-group input[type=radio],
.form-group textarea,
.form-group textarea:focus,
#passwd.form-control,
.modal-content{
    background-color: var(--in-light-yellow);
}

.table-hover>tbody>tr:hover {
    background-color: var(--in-light-yellow)!important;
}

.btn-primary,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary,
.btn-warning,
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning,
.navbar-default .navbar-toggle .icon-bar,
#basket .btn-danger,
#search-bar .btn-danger,
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
ul.dropdown-menu li ul li,
a.abutton,
#eshop-products .more a.btn-default,
#tab-related .more a.btn-default,
.product-label-special,
.label.label-stock1,
.nav > li > a:focus,
.nav > li > a:hover,
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.input-group-addon,
a.btn.btn-link,
.pager li>a,
.pager li>span,
.pager li>a:focus,
.pager li>a:hover,
#listdata li h2,
span.cir,
h3.ltype2,
#list-comments h3.media-heading,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
pre,
footer>.container>div:nth-of-type(odd) h3,
footer>.container>div:nth-of-type(even) h3,
.copy,
.btn-default, .btn-default.active,
.btn-default.focus, .btn-default:active,
.btn-default:focus, .btn-default:hover,
.open>.dropdown-toggle.btn-default,
#list-rubrics li .subtitle.media-heading {
    background-color: var(--in-brown);
}

/* ----------------------------------------------- /BACKGROUNDS -- */

/* ------------------------------------------------------ FONTS -- */

/* ------------------------------------------- COLORS -- */

.btn-primary,
#basket .btn-danger,
#search-bar .btn-danger,
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.navbar .navbar-text,
.navbar a,
.navbar a:hover,
a.abutton,
a.abutton:hover,
.label.label-stock1,
.nav > li > a:focus, .nav > li > a:hover,
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.input-group-addon,
.pager li>a,
.pager li>span,
.pager li>a:focus,
.pager li>a:hover,
#listdata li h2 a,
.year,
.month,
p.date,
h3.ltype2 a,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
footer>.container>div:nth-of-type(odd) h3,
footer>.container>div:nth-of-type(even) h3,
.copy,
.copy a,
#list-rubrics li .subtitle.media-heading a,
.btn-default, .btn-default.active,
.btn-default.focus, .btn-default:active,
.btn-default:focus, .btn-default:hover,
.open>.dropdown-toggle.btn-default {
    color: var(--in-white);
}

.day {
    color: var(--in-light-yellow);
}

#top-ribbon,
#top-ribbon a,
.pad,
.breadcrumb > li > a,
.rubric h1.title,
.panel-primary>.panel-heading,
.text-muted,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover,
.pagination>li>a,
.pagination>li>span,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
code,
.product-detail .price-current,
pre,
#footer-contact .fa,
.price-original-vat,
.fa.icon-favourite,
article .nav-tabs>li>a,
.form-horizontal span.asterisk {
    color: var(--in-light-brown);
}

.cc_container {
    background: var(--in-light-brown)!important;
}

body,
a,
a:hover,
a:focus,
a:active,
#top-ribbon,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.dropdown.open ul.dropdown-menu,
.navbar-default .navbar-nav>li>a,
#favorite-links ul,
.breadcrumb > .active,
.label.label-stock2,
.label.label-stock3,
.label.label-stock4,
.label.label-stock5,
price-original-vat,
.price-current-vat,
#cart a,
article .nav-tabs>li.active>a,
article .nav-tabs>li.active>a:focus,
article .nav-tabs>li.active>a:hover,
article .nav-tabs>li.active,
article .nav-tabs>li>a:hover,
.thumbnail h2 a,
.thumbnail .caption,
.badge,
.lockcomm,
#list-panel-news h4 a,
h3.panel-title,
#list-pages h4 a,
#list-rubrics li .subtitle.media-heading,
.table-hover>tbody>tr:hover,
#eshop-products .thumbnail h2 a,
#tab-related .thumbnail h2 a,
.article-detail article .form-group input[type="text"],
.article-detail article .form-group input[type=checkbox],
.article-detail article .form-group input[type=radio],
.article-detail article .form-group textarea,
.article-detail article .form-group textarea:focus,
#support article .form-group input[type="text"],
#support article .form-group input[type=checkbox],
#support article .form-group input[type=radio],
#support article .form-group textarea,
#support article .form-group textarea:focus,
.gallery-detail article .form-group input[type="text"],
.gallery-detail article .form-group input[type=checkbox],
.gallery-detail article .form-group input[type=radio],
.gallery-detail article .form-group textarea,
.gallery-detail article .form-group textarea:focus,
.category-detail article .form-group input[type="text"],
.category-detail article .form-group input[type=checkbox],
.category-detail article .form-group input[type=radio],
.category-detail article .form-group textarea,
.category-detail article .form-group textarea:focus,
.product-detail article .form-group input[type="text"],
.product-detail article .form-group input[type=checkbox],
.product-detail article .form-group input[type=radio],
.product-detail article .form-group textarea,
.product-detail article .form-group textarea:focus,
#order article .form-group input[type="text"],
#order article .form-group input[type=checkbox],
#order article .form-group input[type=radio],
#order article .form-group textarea,
#order article .form-group textarea:focus,
.photo-detail article .form-group input[type="text"],
.photo-detail article .form-group input[type=checkbox],
.photo-detail article .form-group input[type=radio],
.photo-detail article .form-group textarea,
.photo-detail article .form-group textarea:focus,
.form-control,
.form-group input[type="text"],
.form-group input[type=checkbox],
.form-group input[type=radio],
.form-group textarea,
.form-group textarea:focus,
#passwd.form-control,
input[type=checkbox]:checked:after,
article .nav-tabs>li.active>a,
article .nav-tabs>li.active>a:focus,
article .nav-tabs>li.active>a:hover,
article .nav-tabs>li.active,
article .nav-tabs>li>a:hover {
    color: var(--in-brown);
}

/* ------------------------------------------ /COLORS -- */

/* --------------------------------------- DECORATION -- */

a,
a:hover,
a:focus,
a:active,
.btn,
.navbar a,
#eshop-products .thumbnail h2 a,
#tab-related .thumbnail h2 a,
#list-panel-news h4 a,
a.abutton,
footer a {
    text-decoration: none;
}

/* -------------------------------------- /DECORATION -- */

.navbar-default .navbar-nav>li>a,
#list-panel-news h4 a {
    font-weight: bold;
}

h3.ltype2 {
    font-weight: normal;
}

/* ----------------------------------------------------- /FONTS -- */

/* ---------------------------------------------------- BORDERS -- */

/* ---------------------------------------- TRIANGLES -- */

.navbar-default li.active > a:before,
.navbar-default li.active:hover > a:before {
    border-left: 10px solid var(--in-brown);
}

.navbar-default li.active > a:before {
    border-left: 10px solid var(--in-brown);
}

.navbar-default ul.dropdown-menu li.active a:before {
    border-top: 10px solid var(--in-light-yellow);
}

.goin:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid var(--in-brown);
}

#panel-news .more a:after {
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    border-top: 30px solid var(--in-brown);
}

/* --------------------------------------- /TRIANGLES -- */

/* -------------------------------------------- COLOR -- */
select.form-control,
#eshop-products .more a.btn-default,
#tab-related .more a.btn-default,
article .nav-tabs>li.active,
#separator ul#list-panel-news li {
    border-color: var(--in-white);
}

#eshop-products a.link-thumbnail,
#tab-related a.link-thumbnail,
.label.label-stock2,
.label.label-stock3,
.label.label-stock4,
.label.label-stock5,
#cart tbody tr,
#eshop-products.display-type-rows .thumbnail a.link-thumbnail,
#tab-related.display-type-rows .thumbnail a.link-thumbnail,
.product-detail #perex,
.product-detail form#form-product,
article #tabs-product ul.nav,
article .nav-tabs>li.active,
table.tabulka,
table,
#cart>thead>tr>th,
.tabulka>thead>tr>td,
.tabulka tbody tr,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
tbody tr, tbody tr,
.gallery-detail article h2,
.photo-detail article h2,
.article-detail article h2.subtitle,
.modal-header,
.modal-footer,
.navbar-default .navbar-toggle,
#separator #eshop-products .more a.btn-default {
    border-color: var(--in-light-yellow);
}

.btn-primary,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary,
.btn-warning,
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning,
#basket .btn-danger,
#search-bar .btn-danger,
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.label.label-stock1,
.input-group-addon,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.pager li>a,
.pager li>span,
.pager li>a:focus,
.pager li>a:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
blockquote,
pre,
.btn-default, .btn-default.active,
.btn-default.focus, .btn-default:active,
.btn-default:focus, .btn-default:hover,
.open>.dropdown-toggle.btn-default {
    border-color: var(--in-brown);
}

.navbar {
    border-bottom-color: var(--in-white);
}

/* ------------------------------------------- /COLOR -- */

/* -------------------------------------------- WIDTH -- */

#basket .btn-danger,
#search-bar .btn-danger,
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
article .nav-tabs>li.active {
    border-width: 1px;
}

#eshop-products .more a.btn-default,
#tab-related .more a.btn-default {
    border-width: 5px;
}

#eshop-products a.link-thumbnail,
#tab-related a.link-thumbnail,
#eshop-products.display-type-rows .thumbnail a.link-thumbnail,
#tab-related.display-type-rows .thumbnail a.link-thumbnail {
    border-width: 10px;
}

/* ------------------------------------------- /WIDTH -- */

/* -------------------------------------------- STYLE -- */

#basket .btn-danger,
#search-bar .btn-danger,
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
#eshop-products a.link-thumbnail,
#tab-related a.link-thumbnail,
#eshop-products .more a.btn-default,
#tab-related .more a.btn-default,
#eshop-products.display-type-rows .thumbnail a.link-thumbnail,
#tab-related.display-type-rows .thumbnail a.link-thumbnail,
article .nav-tabs>li.active {
    border-style: solid;
}

/* ------------------------------------------- /STYLE -- */

/* ------------------------------------------- RADIUS -- */

#eshop-products a.link-thumbnail,
#tab-related a.link-thumbnail {
    border-radius: 20px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* ------------------------------------------ /RADIUS -- */

.navbar-nav > li:first-child  {
    border-left: 0px;
}

.navbar-nav > li:last-child {
    border-right: 0px;
}

.dropdown.open ul.dropdown-menu {
    border-bottom: 2px solid var(--in-brown);
}

ul.dropdown-menu li ul li {
    border-bottom: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    border-left: 2px solid var(--in-brown);
}

#second .container {
    border-bottom: 4px dashed var(--in-light-yellow);
}

#border {
    border-bottom: 20px solid var(--in-light-yellow);
}

footer.col-lg-12 {
    border-top: 20px solid var(--in-brown);
}

hr,
.gallery-detail article h2,
.photo-detail article h2 {
    border-top: 4px dashed var(--in-light-yellow);
}

.product-detail hr {
    border-top: 2px dashed var(--in-light-yellow);
}

#list-panel-news li,
ul#list-pages li {
    border-bottom: 2px solid var(--in-light-yellow);
}

p.linfo {
    border-top: 2px dashed var(--in-brown);
}
article .nav-tabs>li.active {
    border-bottom: 1px solid var(--in-white);
}

input[type=checkbox],
input[type=radio] {
    border: 1px solid var(--in-light-yellow)!important;
}

/* --------------------------------------------------- /BORDERS -- */
.checkbox input#agreement, .checkbox input#heureka_reject {
    border-color: var(--in-brown) !important;
}


/* ----------------------------------------------------- SPACES -- */

.lockcomm,
footer>.container>div:nth-of-type(odd) h3,
footer>.container>div:nth-of-type(even) h3 {
    padding: 10px;
}

ul.dropdown-menu .container {
    padding-bottom: 20px;
}

ul.dropdown-menu li ul li {
    padding: 0px;
    margin: 20px 10px 0px 10px;
}

ul.dropdown-menu li ul li a {
    padding: 10px;
}

#navbar ul.nav li:last-child a {
    padding-right: 15px;
}

/* ---------------------------------------------------- /SPACES -- */

/* --------------------------------------------------- SPECIALS -- */

#eshop #panel-categories,
.category-detail #panel-categories,
.product-detail #panel-categories {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

::-webkit-input-placeholder {
    color: var(--in-light-brown)!important;
}
:-moz-placeholder {
    color: var(--in-light-brown)!important;
}
::-moz-placeholder {
    color: var(--in-light-brown)!important;
}
:-ms-input-placeholder {
    color: var(--in-light-brown)!important;
}

footer>.container>div:nth-of-type(odd) h3 {
    transform: rotateZ(-2deg);
}

footer>.container>div:nth-of-type(even) h3 {
    transform: rotateZ(1deg);
}

.navbar {
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}

/* -------------------------------------------------- /SPECIALS -- */

/* ---------------------------------------------------- QUERIES -- */

@media screen and (max-width: 600px) {

    table#cart tbody tr td:first-child a.sremove {
        background: var(--in-brown);
    }

}

@media (max-width: 991px) {

    .navbar-collapse.collapse {
        padding-left: 0;
        max-height: 100vh;
        overflow: hidden;
        overflow-y: auto;
    }

    .navbar-nav > li {
        border-left: 0;
        border-right: 0;
    }

    .dropdown-menu .container {
        padding-left: 0;
        padding-right: 0;
    }

    ul.dropdown-menu li ul li {
        margin: 0px;
        background-color: transparent;
    }
    ul.dropdown-menu li ul li a,
    ul.dropdown-menu li ul li a:hover {
        color: var(--in-brown);
    }

    .dropdown-menu {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .navbar-default ul.dropdown-menu li.active a:before {
        border-top: 7px solid transparent;
        border-left: 7px solid var(--in-brown);
        border-right: 0;
        border-bottom: 7px solid transparent;
        left: 0;
    }

}

@media (max-width: 767px) {

    article .nav-tabs>li {
        background: var(--in-brown);
        color: var(--in-white);
    }

    article .nav-tabs>li.active {
        background: var(--in-brown);
    }

}

@media (max-width: 600px) {

    table.table-striped>tbody>tr>td:nth-of-type(odd),
    table#cart tbody tr td:first-child,
    table#cart tfoot tr td:first-child,
    table.tabulka tbody tr td:first-child,
    table.tabulka tfoot tr td:first-child,
    table#table-downloads.table-striped>tbody>tr>td:first-child,
    table tbody tr td:first-child {
        background: var(--in-light-yellow);
    }

    table.table-hover>tbody>tr>td:hover {
        background: var(--in-light-yellow);
    }

}

/* --------------------------------------------------- /QUERIES -- */
.form-container {
    background: var(--in-light-yellow);
}

/*user account*/
#top-ribbon .contactus_account .btn-danger {
    background: var(--in-brown);
    border: 1px solid var(--in-brown);
    color: var(--in-white);
}

/*member nav and info*/
.member-nav .dropdown-header,
.member-nav .dropdown-menu>li>a,
.member-nav .dropdown-menu>li>a:hover,
.member-nav .dropdown-menu>li>a:not(:hover) {
    color: var(--in-brown);
}

.member-nav .dropdown.open ul.dropdown-menu {
    background-color:var(--in-light-yellow);
}

.member-nav .btn.disabled,
.member-nav .btn[disabled],
.member-nav fieldset[disabled] .btn {
    color:var(--in-brown);
}

.member-info {
    background-color:var(--in-light-yellow);
    border-color:var(--in-light-yellow);
}

.member-info .text-danger {
    color:var(--in-brown)
}

.member-info .btn-danger {
    background: var(--in-brown);
    border: 1px solid var(--in-brown));
    color: var(--in-white);
}