/* compiled by scssphp v0.1.1 on Thu, 22 Oct 2015 21:21:40 +0000 (0.134s) */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
.menu-horizontal ul, .page .header .menu .menu-top ul, .page_productos .header .menu .menu-top ul {
  list-style: none;
  position: relative;
  margin-bottom: 0px;
}
.menu-horizontal ul a, .page .header .menu .menu-top ul a, .page_productos .header .menu .menu-top ul a {
  display: block;
  text-transform: uppercase;
}
.menu-horizontal ul li, .page .header .menu .menu-top ul li, .page_productos .header .menu .menu-top ul li {
  display: inline-block;
  position: relative;
  margin-left: 1em;
}
.menu-horizontal ul li ul, .page .header .menu .menu-top ul li ul, .page_productos .header .menu .menu-top ul li ul {
  z-index: 40;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  margin-left: 0px;
  margin-top: 0px;
  min-width: 200px;
}
.menu-horizontal ul li ul li, .page .header .menu .menu-top ul li ul li, .page_productos .header .menu .menu-top ul li ul li {
  display: block;
  margin-top: -1px;
  margin-left: 0px;
  padding: 4px 10px;
  min-width: 300px;
  background-color: #fff;
  border: 1px solid #eee;
}
.menu-horizontal ul li ul li a, .page .header .menu .menu-top ul li ul li a, .page_productos .header .menu .menu-top ul li ul li a {
  text-transform: capitalize;
}
@media only screen and (min-width: 90.063em) {
  .xlarge-1 {
    width: 4.16667%;
  }
  .xlarge-2 {
    width: 8.33333%;
  }
  .xlarge-3 {
    width: 12.5%;
  }
  .xlarge-4 {
    width: 16.66667%;
  }
  .xlarge-5 {
    width: 20.83333%;
  }
  .xlarge-6 {
    width: 25%;
  }
  .xlarge-7 {
    width: 29.16667%;
  }
  .xlarge-8 {
    width: 33.33333%;
  }
  .xlarge-9 {
    width: 37.5%;
  }
  .xlarge-10 {
    width: 41.66667%;
  }
  .xlarge-11 {
    width: 45.83333%;
  }
  .xlarge-12 {
    width: 50%;
  }
  .xlarge-13 {
    width: 54.16667%;
  }
  .xlarge-14 {
    width: 58.33333%;
  }
  .xlarge-15 {
    width: 62.5%;
  }
  .xlarge-16 {
    width: 66.66667%;
  }
  .xlarge-17 {
    width: 70.83333%;
  }
  .xlarge-18 {
    width: 75%;
  }
  .xlarge-19 {
    width: 79.16667%;
  }
  .xlarge-20 {
    width: 83.33333%;
  }
  .xlarge-21 {
    width: 87.5%;
  }
  .xlarge-22 {
    width: 91.66667%;
  }
  .xlarge-23 {
    width: 95.83333%;
  }
  .xlarge-24 {
    width: 100%;
  }
}
.row {
  max-width: 85%;
}
@media only screen and (max-width: 40em) {
  .row {
    max-width: 100%;
  }
}
@media only screen and (min-width: 90.063em) {
  .header-xlarge {
    max-width: 60%;
  }
}
.page, .page_productos {
  font-size: 16px;
  background-color: #353535;
  /* END header*/
  /* START MENU NAV SMALL*/
  /* END MENU NAV SMALL*/
  /* END breadcrumbs*/
  /*INICIO CONTENIDO2 GLOBAL PARA TODAS LAS PAGINAS*/
  /*FIN barra-titulo*/
  /* END CONTENIDO2*/
  /*INICIO CONTENIDO3 GLOBAL PARA TODAS LAS PAGINAS*/
  /*FIN INICIO CONTENIDO3*/
  /*END footer*/
}
.page .line, .page_productos .line {
  height: 6px;
  background-color: #fdbe10;
}
.page .header, .page_productos .header {
  /* END menu*/
}
.page .header .menu, .page_productos .header .menu {
  text-align: center;
  font-family: Oswald, Helvetica;
  background-color: #353535;
  /* MENU TOP */
}
.page .header .menu .menu-top, .page_productos .header .menu .menu-top {
  font-family: Oswald, Helvetica;
  padding-top: 50px;
  /* NAV */
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .header .menu .menu-top, .page_productos .header .menu .menu-top {
    padding-top: 35px;
  }
}
.page .header .menu .menu-top nav, .page_productos .header .menu .menu-top nav {
  /* UL */
}
.page .header .menu .menu-top nav ul, .page_productos .header .menu .menu-top nav ul {
  /* LI */
}
.page .header .menu .menu-top nav ul li:nth-child(1), .page_productos .header .menu .menu-top nav ul li:nth-child(1) {
  position: absolute;
  left: -39%;
}
@media only screen and (min-width: 90.063em) {
  .page .header .menu .menu-top nav ul li:nth-child(1), .page_productos .header .menu .menu-top nav ul li:nth-child(1) {
    left: -40%;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}
.page .header .menu .menu-top nav ul li:nth-child(2), .page_productos .header .menu .menu-top nav ul li:nth-child(2) {
  position: absolute;
  left: -22%;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}
.page .header .menu .menu-top nav ul li:nth-child(3), .page_productos .header .menu .menu-top nav ul li:nth-child(3) {
  position: absolute;
  right: 25%;
}
.page .header .menu .menu-top nav ul li:nth-child(4), .page_productos .header .menu .menu-top nav ul li:nth-child(4) {
  position: absolute;
  right: 0;
}
.page .header .menu .menu-top nav ul li, .page_productos .header .menu .menu-top nav ul li {
  /* UL */
}
.page .header .menu .menu-top nav ul li a, .page_productos .header .menu .menu-top nav ul li a {
  color: #bebebe;
  font-size: 1.5em;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .header .menu .menu-top nav ul li a, .page_productos .header .menu .menu-top nav ul li a {
    font-size: 1.2em;
  }
}
.page .header .menu .menu-top nav ul li a:hover, .page_productos .header .menu .menu-top nav ul li a:hover {
  color: #fdbe10;
  border-bottom: 1px solid #fdbe10;
}
.page .header .menu .menu-top nav ul li ul::before, .page_productos .header .menu .menu-top nav ul li ul::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-width: 6px;
  border-style: inset inset solid;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-color: transparent transparent #4c4c4c;
  position: absolute;
  top: -12px;
  left: 10px;
  z-index: 89;
}
.page .header .menu .menu-top nav ul li ul, .page_productos .header .menu .menu-top nav ul li ul {
  /* LI */
}
.page .header .menu .menu-top nav ul li ul li:nth-child(1), .page_productos .header .menu .menu-top nav ul li ul li:nth-child(1) {
  position: relative;
  left: 0%;
}
.page .header .menu .menu-top nav ul li ul li:nth-child(2), .page_productos .header .menu .menu-top nav ul li ul li:nth-child(2) {
  position: relative;
  left: 0%;
}
.page .header .menu .menu-top nav ul li ul li:nth-child(3), .page_productos .header .menu .menu-top nav ul li ul li:nth-child(3) {
  position: relative;
  left: 0%;
}
.page .header .menu .menu-top nav ul li ul li:nth-child(4), .page_productos .header .menu .menu-top nav ul li ul li:nth-child(4) {
  position: relative;
}
.page .header .menu .menu-top nav ul li ul li:first-child, .page_productos .header .menu .menu-top nav ul li ul li:first-child {
  border-radius: 6px 6px 0px 0px;
}
.page .header .menu .menu-top nav ul li ul li:last-child, .page_productos .header .menu .menu-top nav ul li ul li:last-child {
  border-radius: 0px 0px 6px 6px;
}
.page .header .menu .menu-top nav ul li ul li, .page_productos .header .menu .menu-top nav ul li ul li {
  background-color: #4c4c4c;
  border: none;
  min-width: 200px;
  position: relative;
}
.page .header .menu .menu-top nav ul li ul li a, .page_productos .header .menu .menu-top nav ul li ul li a {
  font-weight: 300;
  font-size: 1em;
  text-align: left;
}
.page .header .menu .menu-top nav ul li ul li a:hover, .page_productos .header .menu .menu-top nav ul li ul li a:hover {
  color: #fdbe10;
  border-bottom: none;
}
.page .header .menu .logo, .page_productos .header .menu .logo {
  text-align: center;
}
.page .header .menu .logo_img, .page_productos .header .menu .logo_img {
  padding-bottom: 10px;
  padding-top: 20px;
}
.page .top-bar .top-bar-section ul .active a, .page_productos .top-bar .top-bar-section ul .active a {
  background-color: #fdbe10;
  color: #353535;
}
.page .top-bar .top-bar-section ul li, .page_productos .top-bar .top-bar-section ul li {
  background-color: #333;
}
.page .top-bar .top-bar-section ul li .dropdown .active a, .page_productos .top-bar .top-bar-section ul li .dropdown .active a {
  background-color: #fdbe10;
  color: #353535;
}
.page .top-bar .top-bar-section ul li .dropdown li a, .page_productos .top-bar .top-bar-section ul li .dropdown li a {
  background-color: #333;
  color: white;
}
.page .top-bar .top-bar-section ul li .dropdown li .active, .page_productos .top-bar .top-bar-section ul li .dropdown li .active {
  background-color: #fdbe10;
  color: #353535;
}
.page .breadcrumbs, .page_productos .breadcrumbs {
  /*background-color: #4C4C4C;*/
  background-color: rgba(76, 76, 76, 0.7);
  border-style: none;
  padding-left: 20px;
  padding-top: 14px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-radius: 0px;
}
.page .breadcrumbs .breadcrumbs-titulo, .page_productos .breadcrumbs .breadcrumbs-titulo {
  text-transform: none;
  font-size: 1.2em;
  color: #b6b6b7;
  font-family: Oswald, Helvetica;
}
@media only screen and (max-width: 40em) {
  .page .breadcrumbs .breadcrumbs-titulo, .page_productos .breadcrumbs .breadcrumbs-titulo {
    font-size: 0.9em;
  }
}
.page .breadcrumbs .breadcrumbs-active, .page_productos .breadcrumbs .breadcrumbs-active {
  color: #fdbe10;
  text-transform: none;
  font-size: 1.2em;
  font-family: Oswald, Helvetica;
}
@media only screen and (max-width: 40em) {
  .page .breadcrumbs .breadcrumbs-active, .page_productos .breadcrumbs .breadcrumbs-active {
    font-size: 0.9em;
  }
}
.page .barra-titulo, .page_productos .barra-titulo {
  background-color: #fdbe10;
  /*FIN contenido2*/
}
.page .barra-titulo .contenido2 .posicion-logo, .page_productos .barra-titulo .contenido2 .posicion-logo {
  margin-bottom: -86px;
  padding-left: 10px;
}
@media only screen and (max-width: 40em) {
  .page .barra-titulo .contenido2 .posicion-logo, .page_productos .barra-titulo .contenido2 .posicion-logo {
    font-size: 0.9em;
    padding-top: 5px;
  }
}
.page .barra-titulo .contenido2 .text-titulo, .page_productos .barra-titulo .contenido2 .text-titulo {
  color: #595034;
  text-align: left;
  padding-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 1.5em;
}
@media only screen and (max-width: 40em) {
  .page .barra-titulo .contenido2 .text-titulo, .page_productos .barra-titulo .contenido2 .text-titulo {
    font-size: 1em;
  }
}
.page .contenido3, .page_productos .contenido3 {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.page .contenido3 .titulo-contenido p, .page_productos .contenido3 .titulo-contenido p {
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 1.2em;
  padding-top: 15px;
  color: #bdbdbe;
  text-align: justify;
  margin-bottom: 0px;
}
@media only screen and (max-width: 40em) {
  .page .contenido3 .titulo-contenido p, .page_productos .contenido3 .titulo-contenido p {
    font-size: 1em;
  }
}
.page .footer, .page_productos .footer {
  padding-top: 20px;
  background-color: #353535;
  /*END menu-ul */
  /*END col2-contact*/
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .footer + .row, .page_productos .footer + .row {
    width: 100%;
  }
}
@media only screen and (max-width: 40em) {
  .page .footer .centered-text, .page_productos .footer .centered-text {
    text-align: center;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .footer .centered-text, .page_productos .footer .centered-text {
    text-align: center;
    z-index: 300;
  }
}
.page .footer .collapse, .page_productos .footer .collapse {
  padding: 0px;
}
.page .footer .col1-productos, .page_productos .footer .col1-productos {
  padding-top: 18px;
}
.page .footer .col1-productos .text_footer_titulo_productos, .page_productos .footer .col1-productos .text_footer_titulo_productos {
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 1em;
  color: #8c8c8c;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: left;
}
.page .footer .col1-productos .text_footer_titulo_productos:hover, .page_productos .footer .col1-productos .text_footer_titulo_productos:hover {
  color: #fdbe10;
}
.page .footer .menu-ul, .page_productos .footer .menu-ul {
  z-index: 200;
}
.page .footer .menu-ul .dropdown, .page_productos .footer .menu-ul .dropdown {
  display: none;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .footer .menu-ul .dropdown, .page_productos .footer .menu-ul .dropdown {
    text-align: center;
  }
}
.page .footer .menu-ul ul, .page_productos .footer .menu-ul ul {
  position: absolute;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .footer .menu-ul ul, .page_productos .footer .menu-ul ul {
    position: relative;
  }
}
.page .footer .menu-ul ul > li, .page_productos .footer .menu-ul ul > li {
  display: inline-block;
  position: relative;
  margin-right: 7px;
  line-height: 15px;
}
.page .footer .menu-ul ul > li a, .page_productos .footer .menu-ul ul > li a {
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 1em;
  color: #8c8c8c;
}
.page .footer .menu-ul ul > li a:hover, .page_productos .footer .menu-ul ul > li a:hover {
  color: #fdbe10;
}
.page .footer .menu-ul ul > li > ul, .page_productos .footer .menu-ul ul > li > ul {
  margin: 0px 10px;
  min-width: 200px;
  z-index: 20;
}
.page .footer .menu-ul ul > li > ul > li, .page_productos .footer .menu-ul ul > li > ul > li {
  display: block;
}
.page .footer .menu-ul ul > li > ul > li > a, .page_productos .footer .menu-ul ul > li > ul > li > a {
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 0.8em;
  color: #8c8c8c;
}
.page .footer .col2-contact, .page_productos .footer .col2-contact {
  padding-top: 18px;
  text-align: center;
  margin-left: 14px;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .footer .col2-contact, .page_productos .footer .col2-contact {
    margin-top: 30px;
  }
}
.page .footer .col2-contact .text_footer_titulo-mail, .page_productos .footer .col2-contact .text_footer_titulo-mail {
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 1em;
  color: #8c8c8c;
  line-height: 20px;
  margin-bottom: 38px;
  text-align: center;
}
.page .footer .col2-contact .text_footer_titulo-mail:hover, .page_productos .footer .col2-contact .text_footer_titulo-mail:hover {
  color: #fdbe10;
}
.page .footer .col2-contact .contact-mail, .page_productos .footer .col2-contact .contact-mail {
  text-align: center;
}
.page .footer .col2-contact .contact-mail:hover .block-a, .page_productos .footer .col2-contact .contact-mail:hover .block-a {
  background-image: url(../img/icon-mail-hover.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.page .footer .col2-contact .contact-mail:hover .text-mail a, .page_productos .footer .col2-contact .contact-mail:hover .text-mail a {
  color: #fdbe10;
}
.page .footer .col2-contact .contact-mail:hover .img-1, .page_productos .footer .col2-contact .contact-mail:hover .img-1 {
  visibility: hidden;
}
.page .footer .col2-contact .contact-mail .text-mail a, .page_productos .footer .col2-contact .contact-mail .text-mail a {
  text-align: center;
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 1em;
  color: #8c8c8c;
  padding-top: 4px;
}
.page .footer .col2-contact .contact-call, .page_productos .footer .col2-contact .contact-call {
  text-align: center;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .footer .col2-contact .contact-call, .page_productos .footer .col2-contact .contact-call {
    margin-top: 0px;
  }
}
.page .footer .col2-contact .contact-call:hover .block-a, .page_productos .footer .col2-contact .contact-call:hover .block-a {
  background-image: url(../img/icon-call-hover.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.page .footer .col2-contact .contact-call:hover .text-call, .page_productos .footer .col2-contact .contact-call:hover .text-call {
  color: #fdbe10;
}
.page .footer .col2-contact .contact-call:hover .img-1, .page_productos .footer .col2-contact .contact-call:hover .img-1 {
  visibility: hidden;
}
.page .footer .col2-contact .contact-call .text-call, .page_productos .footer .col2-contact .contact-call .text-call {
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 13px;
  color: #8c8c8c;
  padding-top: 4px;
}
.page .footer .col2-contact .contact-call .text_footer_titulo-call, .page_productos .footer .col2-contact .contact-call .text_footer_titulo-call {
  text-align: center;
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 13px;
  color: #8c8c8c;
  line-height: 20px;
}
.page .footer .col2-contact .contact-call .text_footer_titulo-call:hover, .page_productos .footer .col2-contact .contact-call .text_footer_titulo-call:hover {
  color: #fdbe10;
}
.page .footer .footer-copyrigth, .page_productos .footer .footer-copyrigth {
  margin-top: 30px;
  padding-bottom: 10px;
}
.page .footer .footer-copyrigth p, .page_productos .footer .footer-copyrigth p {
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 0.9em;
  text-align: center;
  color: #8c8c8c;
  margin: 0px;
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .page .footer .hight-xlarge, .page_productos .footer .hight-xlarge {
    display: none;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .footer .hight-xlarge, .page_productos .footer .hight-xlarge {
    display: none;
  }
}
.page .footer .contact-redes, .page_productos .footer .contact-redes {
  text-align: center;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .footer .contact-redes, .page_productos .footer .contact-redes {
    min-width: 125px;
    margin-top: 30px;
  }
}
.page .footer .contact-redes .text_footer_titulo-redes, .page_productos .footer .contact-redes .text_footer_titulo-redes {
  font-family: Oswald, Helvetica;
  font-weight: 300;
  font-size: 1em;
  color: #8c8c8c;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 34px;
}
.page .footer .contact-redes .text_footer_titulo-redes:hover, .page_productos .footer .contact-redes .text_footer_titulo-redes:hover {
  color: #fdbe10;
}
.page .iconos-redes .animacion-icon, .page_productos .iconos-redes .animacion-icon {
  float: none;
  display: inline-block;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
  text-align: center;
  margin: auto 8px;
}
.page .iconos-redes .animacion-icon a, .page_productos .iconos-redes .animacion-icon a {
  display: block;
  width: 54px;
  height: 54px;
  background: #bebebe;
  margin-left: -10px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-weight: bold;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page .iconos-redes .animacion-icon, .page_productos .iconos-redes .animacion-icon {
    margin: auto 8px;
  }
}
.page .iconos-redes .animacion-icon:hover, .page_productos .iconos-redes .animacion-icon:hover {
  background-color: #bebebe;
  outline: none;
  box-shadow: 0 0 0 3px #d89f02;
}
.page .iconos-redes .animacion-icon img, .page_productos .iconos-redes .animacion-icon img {
  padding-top: 12px;
}
/* END page*//* GALLERY HOVER ANIMACION*/.ds-table-auto {
  display: table;
  width: 100%;
  height: 100%;
}
.ds-cell-auto {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.gallery-masory .gallery-item {
  margin: 0;
  padding: 0;
}
.gallery-item img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.filter-content .figcaption {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 8px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.filter-content .md-style5 .figcaption {
  visibility: visible;
}
.filter-content .md-style5 .figcaption .ds-cell-auto {
  opacity: 0;
  -webkit-transition: all 0.4s linear 0.3s;
  -moz--transition: all 0.4s linear 0.3s;
  -ms-transition: all 0.4s linear 0.3s;
  -o-transition: all 0.4s linear 0.3s;
  transition: all 0.4s linear 0.3s;
}
.filter-content .md-style5:hover .figcaption .ds-cell-auto {
  opacity: 1;
}
.filter-content .md-style5 .figcaption .figcaption-content {
  position: relative;
  background: 0 0;
  z-index: 9;
}
.filter-content .md-style5 .figcaption .figcaption-content .ds-table-auto:after, .filter-content .md-style5 .figcaption .figcaption-content .ds-table-auto:before, .filter-content .md-style5 .figcaption .figcaption-content:after, .filter-content .md-style5 .figcaption .figcaption-content:before {
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, .6);
  z-index: -1;
  -webkit-transition: all 0.1s linear;
  -moz--transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.filter-content .md-style5 .figcaption .figcaption-content:before {
  top: 0;
  left: 0;
  width: 0;
  height: 50%;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.filter-content .md-style5 .figcaption .figcaption-content:after {
  top: 0;
  right: 0;
  width: 50%;
  height: 0;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.filter-content .md-style5 .figcaption .figcaption-content .ds-table-auto:before {
  bottom: 0;
  left: 0;
  width: 50%;
  height: 0;
}
.filter-content .md-style5 .figcaption .figcaption-content .ds-table-auto:after {
  bottom: 0;
  right: 0;
  width: 0;
  height: 50%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.filter-content .md-style5:hover .figcaption .figcaption-content:before {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.filter-content .md-style5:hover .figcaption .figcaption-content:after {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.filter-content .md-style5:hover .figcaption .figcaption-content .ds-table-auto:after {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.filter-content .md-style5:hover .figcaption .figcaption-content .ds-table-auto:before {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.filter-content .md-style5:hover .figcaption .figcaption-content .ds-table-auto:after, .filter-content .md-style5:hover .figcaption .figcaption-content:before {
  width: 50%;
}
.filter-content .md-style5:hover .figcaption .figcaption-content .ds-table-auto:before, .filter-content .md-style5:hover .figcaption .figcaption-content:after {
  height: 50%;
}
.filter-content .figcaption .figcaption-content {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .8);
}
.filter-content .figcaption .figcaption-content .caption .h5 {
  margin-bottom: 5px;
}
.filter-content .figcaption .figcaption-content .caption .h5 a {
  -webkit-transition: ease 0.3s;
  -o-transition: ease 0.3s;
  transition: ease 0.3s;
  font-size: 1.5em;
  color: #353535;
  border-left: 2px solid #fdbe10;
  padding-left: 8px;
}
@media only screen and (max-width: 40em) {
  .filter-content .figcaption .figcaption-content .caption .h5 a {
    padding-left: 6%;
    font-size: 1.5em;
  }
}
.filter-content .figcaption .figcaption-content .caption .h5 .small {
  font-size: 1.5em;
  color: #353535;
}
@media only screen and (max-width: 40em) {
  .filter-content .figcaption .figcaption-content .caption .h5 .small {
    font-size: 1.5em;
  }
}
.filter-content .figcaption .figcaption-content .caption .h5 a:hover {
  text-decoration: none;
  color: #c9a535;
}
.filter-content .figcaption .figcaption-content .tags-title {
  display: none;
}
.filter-content .figcaption .figcaption-content .tags li, .filter-content .figcaption .figcaption-content .tags ul {
  float: none;
  display: inline-block;
}
.filter-content .figcaption .figcaption-content .tags li {
  color: #696969;
  font-style: italic;
  font-family: Oswald, Helvetica;
  font-size: 0.9em;
}
.filter-content .figcaption .figcaption-content .tags li:last-child:after {
  display: none;
}
/* END HOVER ANIMACION*//*INICIO CONTENIDO4 GLOBAL PARA TODAS LAS PAGINAS*//*
 background:
 radial-gradient(black 15%, transparent 16%) 0 0,
 radial-gradient(black 15%, transparent 16%) 8px 8px,
 radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
 radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
 background-color:#282828;
 background-size:16px 16px;
 */.back {
  background-image: url(../img/back.png);
  background-repeat: round;
  background-size: cover;
  width: 100%;
}
.color {
  background-color: rgba(76, 76, 76, 0.5);
}
.contenido4 {
  padding-top: 20px;
  padding-bottom: 23px;
  padding-right: 20px;
}
.contenido4 .posicion-grid {
  padding-left: 20px;
  text-align: center;
}
.contenido4 .posicion-grid .imagen {
  margin-bottom: 20px;
}
.contenido4 .posicion-grid .imagen .display-rectangulo {
  display: inline-block;
  border-radius: 4px 4px 0px 0px;
}
.contenido4 .posicion-grid .imagen .titulo-producto {
  margin-bottom: 0px;
  color: #353535;
  background-color: #bebebe;
  font-family: Oswald, Helvetica;
  font-weight: 300;
  border-radius: 0px 0px 4px 4px;
  padding: 4px;
}
@media only screen and (max-width: 40em) {
  .contenido4 .posicion-grid .imagen .titulo-producto {
    font-size: 0.8em;
  }
}
/*FIN INICIO CONTENIDO4*/@media only screen and (max-width: 40em) {
  .zoomContainer {
    display: none;
  }
}
.centered {
  text-align: center;
}
.centered img {
  _width: 200px;
}
/* DIALOGOS DE ERROR E INFORMACION */.reveal-modal {
  background-color: #bebebf;
}
.reveal-modal .button-ok {
  background-color: #4c4c4c;
  font-family: Oswald, Helvetica;
  font-weight: 300;
  color: #bebebe;
  font-size: 1.3em;
  margin-bottom: 0px;
  padding: 5px 20px;
  border-radius: 2px;
  border: 1px solid #fa2;
}
.reveal-modal .button-ok:hover {
  background-color: #fa2;
  color: black;
}
.page_productos {
  /*FIN alimentos*/
}
.page_productos .alimentos {
  background-color: #4c4c4c;
  /*INICIO CONTENIDO1*/
  /*FIN CONTENIDO1*/
  /*CSS CONTENIDO2 EN base.scss*/
  /*CSS CONTENIDO3 EN base.scss*/
  /* CSS CONTENIDO4 En base.scss */
}
.page_productos .alimentos .contenido1 {
  padding-top: 30px;
  padding-bottom: 10px;
}
/*FIN page-alimentos*/