body {
    background-color: #e5e5e5 !important;
}
a:hover {
    color: #000;
    text-decoration: none;
}
main .section-highlight {
    padding-top: 0 !important;
}

.catproduct {
    margin-bottom:10px;
    margin-top:10px;
}
main article {
    background:#FFF;
}
main article h4 {
  height: 40px;
}
main section {
  padding-top: 20px;
  padding-bottom: 0px;
}
.destacados-categoria div h3, .bg-ele-right .title h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem !important;
  color: #1D4259;
  text-align: center;
}
main, .highlight-container {
    background:#e5e5e5;
    color:#333;
}
main nav {
    margin-bottom:20px;
}
.nav-pills .nav-item {
    color:#3B6D8C;
    margin: 0rem 0.5rem;
    border: 2px solid #3B6D8C !important;
    border-radius: .25rem !important;
}
.nav-pills .nav-item:hover {
    color:#1D4259;
    border: 2px solid #1D4259;
}
.nav-pills .nav-item.active {
    background-color: #1D4259 !important;
    border: 2px solid #1D4259 !important;
    border-radius: .25rem !important;
}

.nav-pills .nav-item.active:hover {
    color: #FFF !important;
}

.nav-pills .nav-item {
  padding-bottom: 0.5rem !important;
}
.carousel {
  background:#444;
}
.catproduct article {
  border: 1px solid #84A9BF;
}
.catproduct .rounded {
    border-radius: .25rem !important;
  }
.catproduct article a h5, .catproduct article a h4, .catproduct article a p {
    color: #000;
}
.catproduct article a h5 {
    font-size: .8rem;
}
.catproduct article a h4 {
    font-size: 1rem;
}
.catproduct article a p {
}
h5.price {
    font-size: 1.1rem !important;
}
.back-brands {
  background-color: #1D4259;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
  height:375px;
}

/*
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}

.btn-primary.btn-msite {
    color:#FFF !important;
    background-color: #3B6D8C !important;
    border-color: #3B6D8C !important;
    border-radius: .25rem !important;
}

.btn-primary.btn-msite:hover {
    color:#FFF !important;
    background-color: #0B1C26 !important;
    border-color: #0B1C26 !important;
}

.brand-item {
  width: 150px;
  margin: 0 auto;
}
.brandbox {
    background: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border-radius: 10px;
    color:#333;
    font-size: 20px;
}
.brand-item .brandbox a img {
  border-radius: 10px !important;
}
/*
.highlight-container {
  background-image: url('{% static "shops/img/ele/electronica-attenza_02.png" %}'), url('{% static "shops/img/ele/electronica-attenza_10.png" %}');
  background-position:top left, top right;
  background-repeat: no-repeat, no-repeat;
}

.bg-ele-right {
  background-image: url('{% static "shops/img/ele/electronica-attenza_06.png" %}');
  background-position:top right;
  background-repeat: no-repeat;
}

.bg-ele-left {
  background-image: url('{% static "shops/img/ele/electronica-attenza_08.png" %}');
  background-position:top left;
  background-repeat: no-repeat;
}
*/
footer {
  margin-top: 100px;
}

.out-of-stock {
  color:red;
}
.back-icons {
  background-color: #1D4259;
}
.back-icons div.col {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.back-icons div.col:hover {
  background-color: #3B6D8C;
}
.text-icon {
  color:#fff;
  font-size:0.85rem;
}

.btn-electronic {
  color: #3B6D8C !important;
  border-color: #3B6D8C !important;
  border-radius: .25rem !important;
}

.btn-electronic:hover {
  background-color: #3B6D8C !important;
  color: #e5e5e5 !important;
  border-color: #3B6D8C !important;
}

.back-brands {
    padding-top: 20px;
}

.back-brands .title h3 {
    font-size: 2rem !important;
}

@media (max-width: 992px) {

  section.main-highlights .comp-main .swiper {
    height: 12rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .comp-search form {
    border-bottom: none !important;
  }

}