body {
  background-color: #fff;
  color: #000;
}

.clear {
  clear: both;
}

fieldset {
    padding: 5px 10px;
}
fieldset table {
    margin-bottom: 0px;
}

#logo {
    background-color: #0098c6;
    width: 100%;
}

a {
    color:#0098c6 !important;
}
a:hover {
    color: #005972 !important;
}
a[disabled] {
    pointer-events: none;
}
a.disabled {
    pointer-events: none;
}
a.button {
    margin-bottom: 0px;
}
.button {
    background-color: #0098c6 !important;
    color: #fff !important;
}
.button:hover {
    background-color: #005972 !important;
    color: #fff !important;
}
.button.secondary {
    background-color: #666 !important;
    color: #fff !important;
}
.button.secondary:hover {
    background-color: #999 !important;
    color: #fff !important;
}

.alert-box {
    margin-bottom: 1.5em;
}
/******************************************************************************/
.header {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1em;
}
.cart {
    text-align: right;
    padding-top: 0px;
    padding-bottom: 0px;
}
.cart .flags {
    height: 1.9rem
}
.cart .flags a, .cart .flags span {
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    vertical-align: text-top;
    margin-left: 5px;
}
.cart .flags span {
    opacity: 0.5;
}
.cart .drops {
    font-size: 0.87rem;
    margin-top: 0.8em;
    padding-top: 0px;
    padding-bottom: 0px;
}
.cart .drops > a {
    margin-left: 5px;
    vertical-align: text-top;
    white-space: nowrap;
}
.f-dropdown.content {
    padding: 10px;
    margin-top: 5px;
}
#dropUser.f-dropdown.content {
    max-width:250px;
}
#dropCart.f-dropdown.content {
    max-width:260px;
}
#dropCart.f-dropdown.content a {
    /*white-space: nowrap;*/
}
#dropCurrency {
    white-space: nowrap;
}
#dropCurrency label {
    margin-left: 0px;
    margin-right: 3px;
    font-size: .8em;
    color: #0098c6;
}
#dropCurrency input {
    margin-bottom: 8px;
}

.search {
    text-align: left;
}
.search form, .search input {
    margin: 0px;
    height: 1.8rem;
}
.search input.button {
    line-height: 1.9rem;
}
.search .button {
    background-color: #bbb !important;
    color: #0072a5 !important;
}
.search .button:hover {
    background-color: #aaa !important;
    color: #0072a5 !important;
}
.search .info {
    margin-top: 0.8em;
    line-height: 1.8;
}
.search .info a {
    margin-right: 5px;
}
.search .info a.active {
    color:#1f607c !important;
}

@media (max-width: 641px) {
    .header > .columns {
        text-align: center;
        margin-bottom: 1em;
    }
}


/******************************************************************************/
.header2 {
  border-top: 1px solid #999;
  margin-top: 0em;
  vertical-align: bottom;
  padding-top: 1em;
  margin-bottom: 1em;
}
#news_banner {
    text-align: left;
    color: #333;
    padding: 5px 10px;
}
#news_banner h1, #news_banner h2, #news_banner h3, #news_banner h4 {
    color: #444;
    font-size: 1.4em;
    margin-top: 2px;
    margin-bottom: 4px;
}
#news_banner a {
    font-weight: bold;
}
#news_banner a:hover{
    font-style: italic;
}
#news_banner p {
    font-size: 0.9em;
    margin-bottom: 0.5em;
}
/******************************************************************************/
ul.pagination {
    margin-top: 1em;
}
ul.pagination li.current a, ul.pagination li.current button {
    color: white !important;
}
ul.pagination .unavailable {
    color: #888;
}

#mobile-menu {
    margin-bottom: 1em;
}
#mobile-menu #bar {
    background-color: #ccc;
    padding: 10px;
}
#menu-btn {
    cursor: pointer;
}
#mobile-menu .side-nav {
    display: none;
    /*background-color: #eee;*/
}

.content {
    border-top: 1px solid #999;
    margin-top: 1em;
    padding-top: 1em;
}
.content > div:last-of-type {
  
  margin-top: 0em;
  padding-top: 0em;
}
.side-nav {
  margin-top: 0em;
  padding-top: 0em;
}
.side-nav li {
  border-top: 1px solid #999;
  margin-bottom: 0px;  
} 
.side-nav li:last-child {
  border-bottom: 1px solid #999;  
}
.side-nav  .side-nav li {
  border-top: 0px;
}
.side-nav  .side-nav li:last-child {
  border-bottom: 0px;  
}
.fi-plus, .fi-minus {
    font-size: 0.7em !important;
}

/* top user menu */
.side-nav.user {
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.side-nav.user li {
    border:none;
}
/* /top user menu */
.side-nav .side-nav li {
    font-size: .78em;
    margin-left: 0.5em;
}
.products > .row > div {
  margin-bottom: 1em;
  text-align: center;
  font-size: 0.87em;
}
.th p {
  margin-bottom: 0px;
  color: black;
  font-size: 0.87em;
  height: 5em;
  overflow: hidden;
}
.th {
    height: 15em;
}
.th .i {
    height: 10.5em;
    overflow: hidden;
}
.th:hover, .th:focus {
    box-shadow: 0 0 6px 1px #5eafd2 /*264037;//rgba(0, 140, 186, 0.5);*/
}
.breadcrumbs {
    padding-top: 0px;
    padding-right: 0.875rem;
    padding-bottom: 0px;
    padding-left: 0.875rem;
}
.breadcrumbs li {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
}
.breadcrumbs > * {
    text-transform: none;
}

.detail-image {
  width: 30%;
  margin-top: 3px;
}
.detail table td {
    padding-top: 0.35rem;
    padding-right: 0.625rem;
    padding-bottom: 0.45rem;
    padding-left: 0.625rem;
    line-height: 1.1em;
}
.detail .params-table td {
    padding-top: 0.20rem;
    padding-right: 0.625rem;
    padding-bottom: 0.25rem;
    padding-left: 0.625rem;
    font-size: 0.8em;
}
.detail .params-table {
    width:100%;
    margin-top:2em;
}

.skladem {
    position: absolute;
    width: 25%;
    left: 20px;
    margin: 0px;
}
.sleva {
    position: absolute;
    width: 15%;
    right: 20px;
}

@media (min-width: 642px) and (max-width: 1025px) {
    .skladem {
        width: 20%;
        left: 20px;
    }
    .sleva {
        width: 13%;
        right: 20px;
    }
}
@media (max-width: 641px) {
    .skladem {
        width: 20%;
        left: 18px;
    }
    .sleva {
        width: 13%;
        right: 20px;
    }
}
@media (min-width: 290px) and (max-width: 640px) {
    .skladem {
        width: 15%;
        left: 20px;
    }
    .sleva {
        width: 10%;
        right: 20px;
    }
}

.account input {
    margin:0px;
}
span.error {
    margin-bottom:0px;
}

.order input {
    margin:0px;
}
.order input[type=radio] {
    margin:2px 5px;
}

.terms p {
    font-size: 0.9em;
}

/******************************************************************************/
.footer {
  border-top: 1px solid #999;
  text-align: center;
  margin-top: 1em;
}
.footer p {
  font-size: 0.87em;
}
.footer div:first-child p {
  text-align: left;                    
}
.footer div:last-child p {
  text-align: right;                    
}
@media only screen and (max-width: 40em) {
    .footer div:first-child p, .footer div:last-child p {
        text-align: center;
    }
}
/******************************************************************************/