/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  * :focus {
    outline: none; }

html {
  height: 100%;
  width: 100%; }

body {
  font-size: 16px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

/* HTML5 tags */
header, section, footer-tco, aside, nav, article, figure {
  display: block; }

/* Other Styles */
.clear {
  clear: both; }

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

@font-face {
  font-family: 'umayor';
  src: url("../fonts/umayor.eot?2tgy8k");
  src: url("../fonts/umayor.eot?2tgy8k#iefix") format("embedded-opentype"), url("../fonts/umayor.ttf?2tgy8k") format("truetype"), url("../fonts/umayor.woff?2tgy8k") format("woff"), url("../fonts/umayor.svg?2tgy8k#umayor") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'umayor' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-icon-diario:before {
  content: "\e900"; }

.icon-icon-location:before {
  content: "\e901"; }

.icon-icon-mensajes:before {
  content: "\e902"; }

.icon-droplet:before {
  content: "\e90b"; }

.icon-paint-format:before {
  content: "\e90c"; }

header {
  font-family: 'Open Sans Condensed', sans-serif; }
  header .headerBottom {
    background: #565656; }
    header .headerBottom .inner {
      height: 1%;
      margin: 0px auto;
      max-width: 1200px;
      overflow: hidden;
      width: 77.5%;
      padding: 25px 0px; }
      @media (max-width: 1279px) {
        header .headerBottom .inner {
          padding: 10px 0px;
          width: 100%; } }
      header .headerBottom .inner h1 {
        position: relative;
        z-index: 200;
        display: block;
        float: left;
        width: 100%;
        height: auto;
        text-align: center !important; }
        @media screen and (max-width: 1283px) {
          header .headerBottom .inner h1 {
            float: left;
            width: 250px;
            height: auto;
            margin-top: 10px;
            padding: 10px; } }
        @media (max-width: 1140px) {
          header .headerBottom .inner h1 {
            margin-left: 10px; } }
        @media (max-width: 960px) {
          header .headerBottom .inner h1 {
            width: 250px;
            height: auto;
            margin-left: 10px; } }
        @media screen and (max-width: 400px) {
          header .headerBottom .inner h1 {
            float: left;
            width: 120px;
            height: auto;
            margin-top: 10px;
            padding: 5px; } }
        header .headerBottom .inner h1 a {
          display: block; }
          header .headerBottom .inner h1 a img {
            width: 404px;
            height: 79px;
            margin: 35px 0px 15px 0px; }
            @media screen and (max-width: 400px) {
              header .headerBottom .inner h1 a img {
                width: 260px;
                height: auto; } }
            @media screen and (max-width: 320px) {
              header .headerBottom .inner h1 a img {
                width: 200px;
                height: auto; } }
      header .headerBottom .inner .titulo-pagina {
        font-weight: bold;
        margin-top: 12px;
        margin-left: 45px;
        width: 70%;
        float: left;
        font-size: 33px;
        color: #444; }
        @media (max-width: 1400px) {
          header .headerBottom .inner .titulo-pagina {
            margin-top: 20px;
            font-size: 33px;
            margin-left: 0;
            margin-left: 0px;
            width: 100%; } }
        @media (max-width: 1000px) {
          header .headerBottom .inner .titulo-pagina {
            margin-top: 0;
            font-size: 25px;
            margin-left: 15px;
            padding: 20px;
            margin-left: 0px;
            width: 100%; } }
        header .headerBottom .inner .titulo-pagina a {
          color: #444; }
          header .headerBottom .inner .titulo-pagina a:hover {
            color: #777; }
        header .headerBottom .inner .titulo-pagina h2 {
          font-family: 'Roboto Condensed', sans-serif;
          padding: 0;
          margin: 0; }
        header .headerBottom .inner .titulo-pagina p {
          font-size: 22px; }
  header .fondo-menu {
    clear: both;
    background: #838381;
    width: 100%;
    min-height: 60px; }
    @media (max-width: 1100px) {
      header .fondo-menu {
        min-height: 0;
        width: 100%; } }
    header .fondo-menu .inner {
      margin: 0px auto;
      max-width: 1200px;
      width: 77.5%; }
      @media (max-width: 1279px) {
        header .fondo-menu .inner {
          padding-left: 1%;
          width: 100%; } }
  header #header {
    color: #fff;
    z-index: 100;
    background: inherit;
    position: absolute;
    padding: 0px;
    font-family: 'Open Sans Condensed', sans-serif; }
    @media (max-width: 1100px) {
      header #header {
        position: relative;
        width: 100%; } }
    header #header a {
      color: #fff; }
      header #header a:hover {
        color: #fff; }
  header #header:after {
    content: "";
    clear: both;
    display: block; }
  header nav {
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    float: left;
    position: relative; }
    @media (max-width: 1100px) {
      header nav {
        font-size: 18px;
        position: initial;
        width: 100%; } }
  header nav > ul {
    margin-left: 300px;
    position: relative; }
    @media (max-width: 1279px) {
      header nav > ul {
        margin-left: 0px; } }
  header nav li {
    list-style: none;
    float: left; }
  header nav .dropdown {
    position: relative; }
  header nav li a {
    float: left;
    margin-top: 8px;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 15px;
    margin-bottom: 9px;
    color: #fff; }
    @media (max-width: 1391px) {
      header nav li a {
        margin-top: 0px;
        padding-top: 15px;
        padding-right: 18px;
        padding-bottom: 15px;
        margin-bottom: 0px; } }
  header nav li a:hover {
    background: #2C3E50;
    color: #fff; }
  header nav li ul {
    display: none; }
  header nav li:hover ul {
    display: inline; }
  header nav li li {
    float: none; }
  header nav .dropdown ul {
    position: absolute;
    left: 0;
    top: 100%;
    background: #838381;
    padding: 0px 0;
    border-bottom: 3px solid #777; }
  header nav .dropdown li {
    white-space: nowrap; }
  header nav .dropdown li a {
    padding: 5px 35px;
    font-size: 15px;
    min-width: 200px; }
  header nav .mega-dropdown {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #565656;
    overflow: hidden;
    padding: 20px 35px;
    border-bottom: 3px solid #777; }
  header nav li li a {
    float: none;
    color: #fff;
    display: block;
    padding: 0px 5px;
    border-radius: 3px;
    font-size: 15px; }
  header nav li:hover a {
    color: #ccc;
    background: inherit; }
    @media (max-width: 1100px) {
      header nav li:hover a {
        background: inherit; } }
  header .mega-col {
    width: 25%;
    float: left;
    min-height: 250px;
    margin-bottom: 10px; }
    @media (max-width: 1100px) {
      header .mega-col {
        min-height: 0px; } }
  header #menu-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    margin-right: 30px;
    display: none; }
  header #menu-icon span {
    border: 2px solid #444;
    width: 30px;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all .2s;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s; }
  @media only screen and (max-width: 1100px) {
    header nav > ul > li > a {
      padding: 35px 15px; } }
  @media only screen and (min-width: 1100px) {
    header nav {
      display: block !important; } }
  @media only screen and (max-width: 1100px) {
    header nav {
      display: none;
      width: 100%;
      clear: both;
      float: none;
      max-height: 400px;
      overflow-y: scroll; }
    header #menu-icon {
      display: inline;
      top: -100px;
      cursor: pointer; }
    header #menu-icon.active .first {
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      margin-top: 10px; }
    header #menu-icon.active .second {
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      position: relative;
      top: -9px; }
    header #menu-icon.active .third {
      display: none; }
    header .search {
      float: none; }
    header .search input {
      width: 100%; }
    header nav {
      padding: 7px; }
    header nav ul {
      float: none; }
    header nav li {
      float: none; }
    header nav ul li a {
      float: none;
      padding: 8px;
      display: block; }
    header #header nav ul ul {
      display: block;
      position: static;
      background: none;
      border: none;
      padding: 0; }
    header #header nav a {
      color: #fff;
      padding: 8px; }
    header #header nav a:hover {
      background: #fff;
      color: #333;
      border-radius: 3px; }
    header #header nav ul li li a:before {
      content: "- "; }
    header .mega-col {
      width: 100%; } }

.fondo-pie {
  clear: both;
  background: #565656 !important; }
  .fondo-pie .inner {
    background: #565656;
    height: 1%;
    margin: 0px auto;
    max-width: 1280px;
    overflow: hidden;
    width: 77.5%;
    padding: 40px 0px; }
    @media (max-width: 1279px) {
      .fondo-pie .inner {
        width: 100%;
        padding: 10px 50px; } }
    .fondo-pie .inner .info {
      float: left;
      width: 28%;
      margin-top: 40px;
      color: #e7e7e7; }
      @media (max-width: 1000px) {
        .fondo-pie .inner .info {
          width: 100%;
          padding: 10px 50px;
          text-align: center; } }
      .fondo-pie .inner .info h6 {
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 16px;
		width:200%;		
			}
    .fondo-pie .inner .redes {
      float: right;
      width: 15%;
      margin-top: 40px; }
      @media (max-width: 1000px) {
        .fondo-pie .inner .redes {
          width: 100%;
          padding: 10px 50px;
          text-align: center; } }
      .fondo-pie .inner .redes .cuadro-redes {
        color: #e7e7e7;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 20px; }
        .fondo-pie .inner .redes .cuadro-redes a {
          color: #e7e7e7; }
        .fondo-pie .inner .redes .cuadro-redes .fa-facebook {
          margin-right: 10px;
          font-size: 22px; }
        .fondo-pie .inner .redes .cuadro-redes .fa-instagram {
          margin-right: 10px;
          font-size: 22px; }
		  

.wrapper {
  background: #e7e7e7 !important;
  /* termina bigbanner */ }
  .wrapper .bigbanner {
    width: 100%;
    margin-bottom: 20px;
    /* termina h3*/
    /* termina p*/ }
    @media (max-width: 1100px) {
      .wrapper .bigbanner {
        width: 100%;
        position: initial; } }
    .wrapper .bigbanner h3 {
      font-size: 18px;
      margin-bottom: 7px; }
      @media (max-width: 1300px) {
        .wrapper .bigbanner h3 {
          font-size: 15px;
          width: 100%;
          position: initial; } }
    .wrapper .bigbanner p {
      font-size: 13px;
      margin-bottom: 3px; }
  .wrapper .contenido-home {
    color: #000;
    position: relative;
    margin-bottom: 30px; }
    @media (max-width: 1300px) {
      .wrapper .contenido-home {
        position: initial; } }
    .wrapper .contenido-home .inner {
      background: #e7e7e7;
      height: 1%;
      margin: 0px auto;
      width: 100%;
      overflow: hidden;
      width: 100%;
      padding: 20px 0px 0px; }
      @media (max-width: 1300px) {
        .wrapper .contenido-home .inner {
          padding: 20px;
          width: 100%; } }
      .wrapper .contenido-home .inner .box {
        background: #e7e7e7;
        float: left;
        height: auto;
        margin: 0px;
        width: 100%;
        /* termina logos-marcas*/ }
        .wrapper .contenido-home .inner .box .logos-marcas {
          line-height: normal;
          float: left;
          width: 100%;
          /* termina marca1*/
          /* termina marca2*/
          /* termina marca3*/
          /* termina marca4*/
          /* termina marca5*/ }
          @media (max-width: 1000px) {
            .wrapper .contenido-home .inner .box .logos-marcas {
              float: initial;
              float: left;
              width: 100%;
              margin-bottom: 1rem; } }
          .wrapper .contenido-home .inner .box .logos-marcas .marca1 {
            float: left;
            width: 30%; /*estaba en 20*/
			margin-left: 50px; /* nuevo */
            border-right: solid 3px #d5d5d5; }
            @media (max-width: 800px) {
              .wrapper .contenido-home .inner .box .logos-marcas .marca1 {
                padding: 0;
                margin-bottom: 30px;
                width: 100%;
                border-right: none;
                border-bottom: solid 3px #d5d5d5; } }
            .wrapper .contenido-home .inner .box .logos-marcas .marca1 img {
              width: 60%;
              margin: 100px 20%; }
          .wrapper .contenido-home .inner .box .logos-marcas .marca2 {
            float: left;
            width: 20%;
            border-right: solid 3px #d5d5d5; }
            @media (max-width: 800px) {
              .wrapper .contenido-home .inner .box .logos-marcas .marca2 {
                margin-bottom: 40px;
                padding: 0;
                width: 100%;
                border-right: none;
                border-bottom: solid 3px #d5d5d5; } }
            .wrapper .contenido-home .inner .box .logos-marcas .marca2 img {
              width: 60%;
              margin: 100px 20%; }
          .wrapper .contenido-home .inner .box .logos-marcas .marca3 {
            float: left;
            width: 20%;
            /*border-right: solid 3px #d5d5d5;*/ }
            @media (max-width: 800px) {
              .wrapper .contenido-home .inner .box .logos-marcas .marca3 {
                margin-bottom: 40px;
                padding: 0;
                width: 100%;
                border-right: none;
                border-bottom: solid 3px #d5d5d5; } }
            .wrapper .contenido-home .inner .box .logos-marcas .marca3 img {
              width: 50%;
              margin: 80px 25%; }
          .wrapper .contenido-home .inner .box .logos-marcas .marca4 {
            float: left;
            width: 19%;
            border-right: solid 3px #d5d5d5; }
            @media (max-width: 800px) {
              .wrapper .contenido-home .inner .box .logos-marcas .marca4 {
                margin-bottom: 40px;
                padding: 0px;
                width: 100%;
                border-right: none;
                border-bottom: solid 3px #d5d5d5; } }
            .wrapper .contenido-home .inner .box .logos-marcas .marca4 img {
              width: 60%;
              margin: 100px 20%; }
          .wrapper .contenido-home .inner .box .logos-marcas .marca5 {
            float: left;
            width: 19%; }
            @media (max-width: 800px) {
              .wrapper .contenido-home .inner .box .logos-marcas .marca5 {
                margin-bottom: 40px;
                padding: 0px;
                width: 100%; } }
            .wrapper .contenido-home .inner .box .logos-marcas .marca5 img {
              width: 40%;
              margin: 50px 30%; }

.menu-categorias {
  background-color: #ffffff;
  padding: 0px;
  /* cierra inner */ }
  .menu-categorias .inner-categoria {
    height: 1%;
    margin: 0px auto;
    overflow: hidden;
    width: 77.5%;
    padding: 40px 0px;
    /* cierra miga */ }
    @media (max-width: 1279px) {
      .menu-categorias .inner-categoria {
        width: 100%;
        padding: 20px 40px; } }
    .menu-categorias .inner-categoria .box-categoria {
      float: left;
      width: 100%;
      padding: 0px; }
      @media (max-width: 1280px) {
        .menu-categorias .inner-categoria .box-categoria {
          padding: 0px; } }
    .menu-categorias .inner-categoria .miga {
      font-family: 'Open Sans Condensed', sans-serif;
      color: #222;
      font-weight: 400;
      margin-bottom: 40px;
      font-size: 14px;
      line-height: 18px; }
      .menu-categorias .inner-categoria .miga strong {
        font-weight: 700; }
      .menu-categorias .inner-categoria .miga a {
        color: #222;
        text-decoration: underline; }
  .menu-categorias .inner {
    height: 1%;
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    padding: 0px 0px;
    /* cierra box */ }
    @media (max-width: 1280px) {
      .menu-categorias .inner {
        width: 100%; } }
    .menu-categorias .inner .box {
      float: left;
      width: 100%;
      padding: 0px;
      /* cierra cont-categoria */ }
      @media (max-width: 1280px) {
        .menu-categorias .inner .box {
          padding: 0px; } }
      .menu-categorias .inner .box .cont-categoria {
        width: 25%;
        float: left;
        position: relative;
        /* cierra categoria */ }
        @media (max-width: 600px) {
          .menu-categorias .inner .box .cont-categoria {
            width: 50%;
            height: 240px; } }
        @media (max-width: 400px) {
          .menu-categorias .inner .box .cont-categoria {
            width: 100%;
            height: 140px; } }
        .menu-categorias .inner .box .cont-categoria .categoria {
          width: 100%;
          /* cierra imgFondo */ }
          .menu-categorias .inner .box .cont-categoria .categoria .imgFondo {
            position: relative;
            /* cierra tit-Categoria */ }
            .menu-categorias .inner .box .cont-categoria .categoria .imgFondo .widthfull {
              width: 100%;
              display: block;
              height: auto; }
            .menu-categorias .inner .box .cont-categoria .categoria .imgFondo .tit-Categoria {
              font-family: 'Open Sans Condensed', sans-serif;
              font-weight: 700;
              width: 100%;
              text-align: center;
              position: absolute;
              top: 40%;
              text-transform: uppercase;
              /* cierra tit-Categoria */ }
              @media (max-width: 600px) {
                .menu-categorias .inner .box .cont-categoria .categoria .imgFondo .tit-Categoria {
                  top: 100px; } }
              @media (max-width: 400px) {
                .menu-categorias .inner .box .cont-categoria .categoria .imgFondo .tit-Categoria {
                  top: 50px; } }
              .menu-categorias .inner .box .cont-categoria .categoria .imgFondo .tit-Categoria h3 {
                font-size: 24px;
                line-height: 28px; }
                @media (max-width: 800px) {
                  .menu-categorias .inner .box .cont-categoria .categoria .imgFondo .tit-Categoria h3 {
                    font-size: 20px;
                    line-height: 22px; } }
                .menu-categorias .inner .box .cont-categoria .categoria .imgFondo .tit-Categoria h3 a {
                  color: #ffffff;
                  border-bottom: solid 2px #ffffff;
                  padding-bottom: 2px; }

/* cierra menu-categorias */
.contenidoInteriores {
  background-color: #ffffff;
  padding: 0px 0px 60px 0px;
  /* cierra inner */ }
  .contenidoInteriores .inner {
    height: 1%;
    margin: 0px auto;
    overflow: hidden;
    width: 77.5%;
    padding: 0px;
    max-width: 1280px;
    padding: 40px 0px;
    /* cierra box */ }
    @media (max-width: 1279px) {
      .contenidoInteriores .inner {
        width: 100%;
        padding: 0px 40px; } }
    .contenidoInteriores .inner .box {
      float: left;
      width: 100%;
      /* cierra miga */
      /* cierra h2 */
      /* cierra h3 */
      /* cierra contProductos */
      /* cierra productos */
      /* cierra info-producto */ }
      .contenidoInteriores .inner .box .miga {
        font-family: 'Open Sans Condensed', sans-serif;
        color: #222;
        font-weight: 400;
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 18px; }
        .contenidoInteriores .inner .box .miga strong {
          font-weight: 700; }
        .contenidoInteriores .inner .box .miga a {
          color: #222;
          text-decoration: underline; }
      .contenidoInteriores .inner .box h2 {
        margin: 0px 0px 60px 0px;
        float: left;
        width: 100%; }
        .contenidoInteriores .inner .box h2 img {
          float: left;
          display: block; }
      .contenidoInteriores .inner .box h3 {
        font-family: 'Open Sans Condensed', sans-serif;
        color: #222;
        font-size: 22px;
        line-height: 22px;
        font-weight: 700;
        background-color: #ddd;
        padding: 20px 40px;
        margin: 0px 0px 50px 0px;
        float: left; }
      .contenidoInteriores .inner .box .contProductos {
        width: 100%;
        float: left;
        padding-bottom: 50px;
        margin-bottom: 50px;
        /* cierra producto */ }
        .contenidoInteriores .inner .box .contProductos .producto {
          width: 20%;
          margin-right: 4%;
          height: auto;
          float: left; }
          .contenidoInteriores .inner .box .contProductos .producto:last-child {
            margin-right: 0px; }
          .contenidoInteriores .inner .box .contProductos .producto img {
            border: solid 3px #dfdfdf;
            float: left;
            margin-bottom: 5px; }
          .contenidoInteriores .inner .box .contProductos .producto h4 {
            font-family: 'Open Sans', sans-serif;
            color: #222;
            font-size: 16px;
            line-height: 20px;
            font-weight: 400;
            float: left;
            margin-bottom: 15px; }
      .contenidoInteriores .inner .box .productos {
        width: 100%;
        float: left;
        /* cierra cajaProducto */ }
        .contenidoInteriores .inner .box .productos .cajaProducto {
          width: 21%;
          float: left;
          margin-right: 4%; }
          @media (max-width: 600px) {
            .contenidoInteriores .inner .box .productos .cajaProducto {
              width: 100%;
              margin-bottom: 30px; } }
          .contenidoInteriores .inner .box .productos .cajaProducto:last-child {
            margin-right: 0px !important; }
          .contenidoInteriores .inner .box .productos .cajaProducto a {
            color: #fff; }
            .contenidoInteriores .inner .box .productos .cajaProducto a img {
              float: left;
              display: block;
              margin: 0px;
              width: 100%;
              border: solid 3px #dfdfdf; }
              @media (max-width: 600px) {
                .contenidoInteriores .inner .box .productos .cajaProducto a img {
                  width: 100%; } }
            .contenidoInteriores .inner .box .productos .cajaProducto a .res-producto {
              font-family: 'Open Sans Condensed', sans-serif;
              padding: 10px 0px 30px 0px !important;
              background-color: #fff;
              color: #222;
              font-size: 16px;
              text-transform: uppercase;
              float: left;
              width: 100%; }
              @media (max-width: 600px) {
                .contenidoInteriores .inner .box .productos .cajaProducto a .res-producto {
                  padding: 10px 0px 0px 0px !important; } }
              .contenidoInteriores .inner .box .productos .cajaProducto a .res-producto h4 {
                font-family: 'Open Sans Condensed', sans-serif;
                color: #222;
                font-size: 20px;
                line-height: 24px;
                font-weight: 700;
                float: left;
                margin-bottom: 15px; }
                @media (max-width: 600px) {
                  .contenidoInteriores .inner .box .productos .cajaProducto a .res-producto h4 {
                    font-size: 18px;
                    line-height: 22px; } }
              @media (max-width: 600px) {
                .contenidoInteriores .inner .box .productos .cajaProducto a .res-producto {
                  width: 100%; } }
      .contenidoInteriores .inner .box .info-producto {
        width: 100%;
        float: left;
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 50px;
        /* cierra nombre-producto */
        /* cierra descripcion-producto */
        /* cierra descarga-producto */ }
        .contenidoInteriores .inner .box .info-producto .nombre-producto {
          width: 22%;
          float: left;
          padding-right: 40px;
          min-height: 200px;
          /* cierra h3 */ }
          .contenidoInteriores .inner .box .info-producto .nombre-producto h3 {
            font-family: 'Open Sans Condensed', sans-serif;
            color: #222;
            font-size: 24px;
            line-height: 28px;
            font-weight: 700;
            float: left;
            margin: 0px !important;
            padding: 0px !important;
            background-color: #fff !important; }
        .contenidoInteriores .inner .box .info-producto .descripcion-producto {
          width: 56%;
          float: left;
          padding: 0px 40px 0px 40px;
          border-left: solid 3px #bcbcba;
          border-right: solid 1px #bcbcba;
          /* cierra p */
          /* cierra ul */ }
          .contenidoInteriores .inner .box .info-producto .descripcion-producto p {
            font-family: 'Open Sans', sans-serif;
            color: #222;
            font-size: 14px;
            line-height: 18px;
            font-weight: 400; }
            .contenidoInteriores .inner .box .info-producto .descripcion-producto p strong {
              font-weight: 700; }
            .contenidoInteriores .inner .box .info-producto .descripcion-producto p a {
              color: #222;
              text-decoration: underline; }
          .contenidoInteriores .inner .box .info-producto .descripcion-producto ul li {
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            line-height: 18px;
            font-weight: 400;
            color: #222;
            list-style-type: disc !important;
            margin-left: 25px;
            margin-bottom: 5px; }
        .contenidoInteriores .inner .box .info-producto .descarga-producto {
          width: 21%;
          float: left;
          padding-left: 30px;
          /* cierra p */ }
          .contenidoInteriores .inner .box .info-producto .descarga-producto p {
            font-family: 'Open Sans', sans-serif;
            color: #222;
            font-size: 14px;
            line-height: 18px;
            font-weight: 400; }
            .contenidoInteriores .inner .box .info-producto .descarga-producto p strong {
              font-weight: 700; }
            .contenidoInteriores .inner .box .info-producto .descarga-producto p a {
              color: #222;
              text-decoration: underline;
              -webkit-transition: color 250ms;
              -o-transition: color 250ms;
              transition: color 250ms; }
            .contenidoInteriores .inner .box .info-producto .descarga-producto p a:hover {
              color: #555;
              text-decoration: underline; }

/* cierra contenidoInteriores */
.contenidoGeneral {
  background-color: #ffffff;
  padding: 0px 0px 60px 0px;
  /* cierra inner */ }
  .contenidoGeneral .inner {
    height: 1%;
    margin: 0px auto;
    overflow: hidden;
    width: 77.5%;
    padding: 0px;
    max-width: 1280px;
    padding: 40px 0px;
    /* cierra box */ }
    @media (max-width: 1279px) {
      .contenidoGeneral .inner {
        width: 100%;
        padding: 0px 40px; } }
    .contenidoGeneral .inner .box {
      float: left;
      width: 100%;
      /* cierra miga */
      /* cierra box-img-txt */ }
      .contenidoGeneral .inner .box .miga {
        font-family: 'Open Sans Condensed', sans-serif;
        color: #222;
        font-weight: 400;
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 18px; }
        .contenidoGeneral .inner .box .miga strong {
          font-weight: 700; }
        .contenidoGeneral .inner .box .miga a {
          color: #222;
          text-decoration: underline; }
      .contenidoGeneral .inner .box h2 {
        width: 100%;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 22px;
        line-height: 22px;
        font-weight: 700;
        background-color: #ebebeb;
        padding: 25px;
        margin: 0px;
        float: left;
        color: #222 !important;
        margin-top: 0px;
        margin-bottom: 50px; }
      .contenidoGeneral .inner .box .box-img-txt {
        width: 100%;
        float: left;
        /* cierra img-central */
        /* cierra resena-central */ }
        .contenidoGeneral .inner .box .box-img-txt .img-central {
          width: 65%;
          float: left;
          padding-right: 35px;
          border-right: solid 2px #c9c9c9; }
          @media (max-width: 1000px) {
            .contenidoGeneral .inner .box .box-img-txt .img-central {
              width: 100%;
              padding-right: 0px;
              border-right: none;
              padding-bottom: 20px; } }
          .contenidoGeneral .inner .box .box-img-txt .img-central img {
            width: 100%;
            float: left;
            height: auto; }
        .contenidoGeneral .inner .box .box-img-txt .resena-central {
          width: 32%;
          float: right;
          font-family: 'Open Sans', sans-serif;
          color: #222 !important;
          font-size: 14px;
          line-height: 18px;
          font-weight: 400;
          text-align: justify; }
          @media (max-width: 1000px) {
            .contenidoGeneral .inner .box .box-img-txt .resena-central {
              width: 100%; } }

/* cierra contenidoGeneral */
.formularioConsulta {
  background-color: #fff;
  margin-bottom: 60px; }
  .formularioConsulta .inner {
    height: 1%;
    margin: 0px auto;
    max-width: 1280px;
    overflow: hidden;
    width: 77.5%;
    padding: 0px; }
    @media (max-width: 1600px) {
      .formularioConsulta .inner {
        width: 80%; } }
    @media (max-width: 1440px) {
      .formularioConsulta .inner {
        width: 89%; } }
    @media (max-width: 1366px) {
      .formularioConsulta .inner {
        width: 93%; } }
    @media (max-width: 1279px) {
      .formularioConsulta .inner {
        width: 100%;
        padding: 0px 40px; } }
    .formularioConsulta .inner h2 {
      width: 100%;
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 22px;
      line-height: 22px;
      font-weight: 700;
      background-color: #ebebeb;
      padding: 25px;
      margin: 0px;
      float: left;
      color: #222 !important;
      margin-top: 50px;
      margin-bottom: 50px; }
    .formularioConsulta .inner .contenedorForm {
      background-color: #fff;
      padding: 30px 0px 30px 0px;
      float: left;
      width: 100%;
      border: solid 1px #a9a9a9;
      /* firefox 19+ */
      /* ie */ }
      .formularioConsulta .inner .contenedorForm h2 {
        float: left;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 400;
        width: 519px;
        height: 50px;
        padding: 13px 0px 0px 60px;
        background-image: url("../images/fdo-tit-xl.png");
        background-repeat: no-repeat;
        background-position: 0px;
        color: #fff;
        font-size: 24px;
        margin-bottom: 20px; }
        @media (max-width: 479px) {
          .formularioConsulta .inner .contenedorForm h2 {
            background-image: url("../images/fdo-tit-form302.png");
            width: 302px;
            height: 60px;
            font-size: 20px;
            padding: 9px 40px 0px 40px; } }
        @media (max-width: 320px) {
          .formularioConsulta .inner .contenedorForm h2 {
            font-size: 16px;
            padding: 9px 40px 0px 40px; } }
        .formularioConsulta .inner .contenedorForm h2 small {
          color: #feda3f; }
      .formularioConsulta .inner .contenedorForm .grupoCajas {
        float: left;
        width: 100%;
        padding: 0px 60px 0px 60px; }
        @media (max-width: 479px) {
          .formularioConsulta .inner .contenedorForm .grupoCajas {
            padding: 0px 40px 0px 40px; } }
        .formularioConsulta .inner .contenedorForm .grupoCajas .caja1 {
          width: 30%;
          float: left;
          margin-right: 5%; }
          @media (max-width: 1023px) {
            .formularioConsulta .inner .contenedorForm .grupoCajas .caja1 {
              width: 100%; } }
        .formularioConsulta .inner .contenedorForm .grupoCajas .caja2 {
          width: 30%;
          float: left; }
          @media (max-width: 1023px) {
            .formularioConsulta .inner .contenedorForm .grupoCajas .caja2 {
              width: 100%; } }
        .formularioConsulta .inner .contenedorForm .grupoCajas .caja3 {
          width: 30%;
          float: right; }
          @media (max-width: 1023px) {
            .formularioConsulta .inner .contenedorForm .grupoCajas .caja3 {
              width: 100%; } }
        .formularioConsulta .inner .contenedorForm .grupoCajas input {
          font-size: 16px;
          font-family: 'Open Sans Condensed', sans-serif;
          width: 100%;
          padding: 6px;
          margin-bottom: 7px; }
        .formularioConsulta .inner .contenedorForm .grupoCajas select {
          font-size: 16px;
          font-family: 'Open Sans Condensed', sans-serif;
          width: 100%;
          padding: 6px;
          margin-bottom: 7px;
          font-weight: normal; }
        .formularioConsulta .inner .contenedorForm .grupoCajas textarea {
          font-family: 'Open Sans Condensed', sans-serif;
          font-size: 16px;
          width: 100%;
          padding: 6px;
          margin-bottom: 7px; }
        .formularioConsulta .inner .contenedorForm .grupoCajas .contactanos {
          cursor: pointer;
          padding: 10px;
          border-style: none;
          text-align: center;
          font-family: 'Open Sans Condensed', sans-serif;
          background-color: #838381;
          width: 100%;
          margin-bottom: 10px;
          color: #fff;
          font-weight: normal;
          text-decoration: none;
          font-size: 20px; }
          .formularioConsulta .inner .contenedorForm .grupoCajas .contactanos a {
            text-align: center;
            padding: 4px;
            color: #fff;
            display: block;
            text-decoration: none;
            padding-left: 17px;
            -webkit-transition: background 250ms, color 250ms;
            -o-transition: background 250ms, color 250ms;
            transition: background 250ms, color 250ms;
            font-size: 36px; }
        .formularioConsulta .inner .contenedorForm .grupoCajas .politicas {
          font-size: 13px;
          line-height: 31px;
          width: 100%;
          color: #444;
          text-align: center;
          margin-top: 10px;
          margin-bottom: 20px; }
          .formularioConsulta .inner .contenedorForm .grupoCajas .politicas a {
            color: #6e6e6e;
            display: block;
            text-decoration: none;
            -webkit-transition: background 250ms, color 250ms;
            -o-transition: background 250ms, color 250ms;
            transition: background 250ms, color 250ms; }
          .formularioConsulta .inner .contenedorForm .grupoCajas .politicas:hover {
            color: #262626; }
      .formularioConsulta .inner .contenedorForm ::-webkit-input-placeholder {
        color: #5c5c5a; }
      .formularioConsulta .inner .contenedorForm ::-moz-placeholder {
        color: #5c5c5a; }
      .formularioConsulta .inner .contenedorForm :-ms-input-placeholder {
        color: #5c5c5a; }
      .formularioConsulta .inner .contenedorForm input:-moz-placeholder {
        color: #5c5c5a; }

.contenidoSucursales {
  background-color: #fff;
  margin-bottom: 60px; }
  .contenidoSucursales .inner {
    height: 1%;
    margin: 0px auto;
    max-width: 1280px;
    overflow: hidden;
    width: 77.5%;
    padding: 0px; }
    @media (max-width: 1600px) {
      .contenidoSucursales .inner {
        width: 80%; } }
    @media (max-width: 1440px) {
      .contenidoSucursales .inner {
        width: 89%; } }
    @media (max-width: 1366px) {
      .contenidoSucursales .inner {
        width: 93%; } }
    @media (max-width: 1279px) {
      .contenidoSucursales .inner {
        width: 100%;
        padding: 0px 40px; } }
    .contenidoSucursales .inner h3 {
      width: 100%;
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 18px;
      line-height: 22px;
      font-weight: 700;
      padding: 25px 0px;
      margin: 0px;
      float: left;
      color: #222 !important;
      margin-top: 0px;
      margin-bottom: 50px; }
    .contenidoSucursales .inner img {
      width: 100%; }