.section-container {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #a8dcf2; }

.nopadding {
  padding: 0; }

.nomargin {
  margin: 0; }

.topbar img, .bottombar img {
  width: 100%; }

.up-bar {
  background-color: #7cc474;
  padding: 10px 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  height: 45px; }

.topbar {
  background-color: #20a5de;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6); }

.navbar {
  margin-bottom: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 100; }

.navbar-default .navbar-nav > li > a {
  color: #fff; }

@media (min-width: 768px) {
  .navbar-nav > li {
    position: relative; }

  .navbar-nav > li:before, .navbar-nav > li:last-child:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    top: 50%;
    margin-top: -2px;
    right: -3px;
    z-index: 1;
    border-radius: 6px; }

  .navbar-nav > li:before {
    right: auto;
    left: -3px; } }
.logo-circle {
  background-color: #fff;
  position: absolute;
  z-index: 2; }

@media (max-width: 767px) {
  .logo-circle {
    width: 90px !important;
    height: 90px !important;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    padding: 26px 8px 0px 10px !important;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    margin-left: 40% !important;
    margin-top: -32px !important; } }
@media (max-width: 767px) {
  .logo-circle {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    padding: 54px 16px 0px 19px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    margin-left: 60px;
    margin-top: -50px; } }
@media (max-width: 991px) {
  .logo-circle {
    width: 190px;
    height: 190px;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    padding: 54px 16px 0px 19px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    margin-left: 60px;
    margin-top: -50px; } }
@media (min-width: 992px) {
  .logo-circle {
    width: 190px;
    height: 190px;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    padding: 54px 16px 0px 19px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    margin-left: 100px;
    margin-top: -50px; } }
@media (max-width: 1199px) {
  .logo-circle {
    width: 190px;
    height: 190px;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    padding: 54px 16px 0px 19px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    margin-left: 100px;
    margin-top: -50px; } }
@media (min-width: 1200px) {
  .logo-circle {
    width: 190px;
    height: 190px;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    padding: 54px 16px 0px 19px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    margin-left: 100px;
    margin-top: -50px; } }
.icon-bar {
  background-color: #fff !important; }

#bs-example-navbar-collapse-1 {
  padding: 10px; }

.navbar-right {
  margin-right: 60px; }

.header .image-header {
  width: 100%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); }

.social {
  background-image: url("../img/logos_redes.png");
  background-repeat: no-repeat;
  height: 28px;
  width: 29px;
  display: inline-block; }

.facebook-icon {
  background-position: 0 0; }

.twitter-icon {
  background-position: -28px 0; }

.instagram-icon {
  background-position: -57px 0; }

.linkedin-icon {
  background-position: -87px 0; }

.upbar-footer {
  background-color: #7cc474;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
  z-index: 1;
  padding: 20px 0 30px 0;
  text-align: center; }

.downbar-footer, .downbar-footer a {
  background-color: #20a5de;
  height: 30px;
  color: #fff;
  text-align: center;
  padding-top: 7px;
  font-size: 0.9em;
  font-family: 'Roboto', sans-serif;
  font-weight: 100; }

.legal {
  color: #fff;
  margin-top: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 100; }

.social-footer {
  margin-top: 10px; }

.newsletter-container {
  text-align: center;
  padding: 30px 0 30px 0; }
  .newsletter-container #email {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cdcfd0; }

.title-newsletter {
  color: #7cc474;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4em;
  font-weight: 300; }

.btn-newsletter {
  background-color: #7cc474;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-size: 0.7em;
  -webkit-box-shadow: 1px 1px 0 rgba(95, 141, 67, 0.8);
  -moz-box-shadow: 1px 1px 0 rgba(95, 141, 67, 0.8);
  box-shadow: 1px 1px 0 rgba(95, 141, 67, 0.8);
  margin-top: -3px; }

.btn-newsletter:hover, .btn-newsletter:focus, .btn-newsletter:active, .btn-newsletter.active, .open > .dropdown-toggle.btn-newsletter, .btn-newsletter:active, .btn-newsletter.active {
  background: #5f8d43;
  color: #fff; }

.products-home-container {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #a8dcf2; }

.producto-home {
  background-color: #20a5de;
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 170px; }
  .producto-home .title {
    display: block;
    background-color: #1f97cb;
    padding: 6px 0 5px 10px;
    font-size: 1.5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
  .producto-home .info {
    padding: 15px 10px 20px 10px;
    font-size: 1em; }
  .producto-home .triangle-item {
    position: absolute;
    height: 12px;
    width: 22px;
    background: url("../img/home/triangle_item.png") no-repeat;
    left: 25px; }

.item-product:nth-child(2n) .producto-home {
  background-color: #fff; }
  .item-product:nth-child(2n) .producto-home .info {
    color: #20a5de; }

.info-institucional {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  min-height: 170px; }
  .info-institucional .title {
    display: block;
    background-color: #1f97cb;
    padding: 6px 0 5px 10px;
    font-size: 1.5em;
    font-weight: 500;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
  .info-institucional .info {
    padding: 15px 10px 20px 10px;
    font-size: 1.2em; }
  .info-institucional .triangle-item {
    position: absolute;
    height: 12px;
    width: 22px;
    background: url("../img/home/triangle_item.png") no-repeat;
    left: 25px; }

.info-institucional p span:nth-child(1) {
  font-weight: 500;
  font-size: 1.2em; }

.detail-blue {
  color: #1f97cb;
  font-weight: 300;
  font-style: italic; }

.envios-button {
  display: block;
  background-color: #fff;
  padding: 6px 0 5px 10px;
  font-size: 1.2em;
  font-weight: 300;
  color: #20a5de;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.contacto-section {
  background-color: #fff !important; }

.info-contact {
  text-align: right;
  font-family: 'Roboto', sans-serif;
  color: #818285; }
  .info-contact .title {
    font-size: 2em;
    font-weight: 700; }
    .info-contact .title span {
      font-weight: 500; }
  .info-contact .info {
    font-size: 1em;
    color: #20a5de; }
    .info-contact .info span {
      color: #818285; }

.btn-send {
  background-color: #20a5de;
  color: #fff;
  border: none;
  -webkit-box-shadow: 1px 1px 0 rgba(32, 125, 161, 0.8);
  -moz-box-shadow: 1px 1px 0 rgba(32, 125, 161, 0.8);
  box-shadow: 1px 1px 0 rgba(32, 125, 161, 0.8); }

.btn-send:hover, .btn-send:focus, .btn-send:active, .btn-send.active, .open > .dropdown-toggle.btn-send, .btn-send:active, .btn-send.active {
  background: #207da1;
  color: #fff; }

.category-title {
  background-color: #20a5de;
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .category-title a {
    color: #fff;
    text-decoration: none; }
  .category-title .title {
    display: block;
    background-color: #1f97cb;
    padding: 6px 0 5px 0;
    font-weight: 700;
    text-align: center;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
  .category-title .info {
    padding: 15px 10px 20px 10px;
    font-size: 1em; }
  .category-title .triangle-item {
    position: absolute;
    height: 12px;
    width: 22px;
    background: url("../img/home/triangle_item.png") no-repeat;
    left: 25px; }

.category-product {
  margin-top: 30px; }

.category-product:nth-child(2n) .triangle-category {
  background: url("../img/home/triangle_item_green.png") no-repeat; }
.category-product:nth-child(2n) .product-selector {
  background: url("../img/productos/triangle-green_selected.png") !important; }
.category-product:nth-child(2n) .category-title .title {
  background-color: #47c56f; }
  .category-product:nth-child(2n) .category-title .title .info {
    color: #20a5de; }

.triangle-category {
  background: url("../img/home/triangle_item.png") no-repeat;
  position: absolute;
  width: 21px;
  height: 12px;
  left: 30px; }

.info-product-container {
  font-family: 'Roboto', sans-serif;
  background: #fff;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 20px; }
  .info-product-container ul {
    display: inline-block;
    vertical-align: top; }
  .info-product-container li {
    list-style-type: none;
    color: #727176;
    font-size: 0.9em; }

.title-list {
  color: #20a5de !important; }

.product-selector {
  background: url("../img/productos/triangle-blue_selected.png");
  height: 32px;
  width: 22px;
  position: absolute;
  left: 30px;
  top: 88px;
  z-index: 2; }

.envios-button-blue {
  display: block;
  background-color: #20a5de;
  padding: 6px 0 5px 10px;
  font-size: 1.1em;
  font-weight: 300;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

@media (max-width: 767px) {
  .category-title .title {
    font-size: 1.2em !important; } }
@media (max-width: 991px) {
  .category-title .title {
    font-size: 1.3em; } }
@media (max-width: 1199px) {
  .category-title .title {
    font-size: 1.3em; } }
@media (min-width: 1200px) {
  .category-title .title {
    font-size: 1.46em; } }

/*# sourceMappingURL=style.css.map */