@charset "UTF-8";

@font-face {

  font-family: "TradeGothicLT";

  src: url("../fonts/TradeGothicLTOblique.eot");

  src: url("../fonts/TradeGothicLTOblique.eot") format("embedded-opentype"), url("../fonts/TradeGothicLTOblique.woff2") format("woff2"), url("../fonts/TradeGothicLTOblique.woff") format("woff"), url("../fonts/TradeGothicLTOblique.ttf") format("truetype"), url("../fonts/TradeGothicLTOblique.svg#TradeGothicLTOblique") format("svg");

  font-weight: normal;

  font-style: italic; }

@font-face {

  font-family: "TradeGothicLT";

  src: url("../fonts/TradeGothicLTLight.eot");

  src: url("../fonts/TradeGothicLTLight.eot") format("embedded-opentype"), url("../fonts/TradeGothicLTLight.woff2") format("woff2"), url("../fonts/TradeGothicLTLight.woff") format("woff"), url("../fonts/TradeGothicLTLight.ttf") format("truetype"), url("../fonts/TradeGothicLTLight.svg#TradeGothicLTLight") format("svg");

  font-weight: 300;

  font-style: normal; }

@font-face {

  font-family: "TradeGothicLT";

  src: url("../fonts/TradeGothicLTBoldOblique.eot");

  src: url("../fonts/TradeGothicLTBoldOblique.eot") format("embedded-opentype"), url("../fonts/TradeGothicLTBoldOblique.woff2") format("woff2"), url("../fonts/TradeGothicLTBoldOblique.woff") format("woff"), url("../fonts/TradeGothicLTBoldOblique.ttf") format("truetype"), url("../fonts/TradeGothicLTBoldOblique.svg#TradeGothicLTBoldOblique") format("svg");

  font-weight: bold;

  font-style: italic; }

@font-face {

  font-family: "TradeGothicLT";

  src: url("../fonts/TradeGothicLTBold.eot");

  src: url("../fonts/TradeGothicLTBold.eot") format("embedded-opentype"), url("../fonts/TradeGothicLTBold.woff2") format("woff2"), url("../fonts/TradeGothicLTBold.woff") format("woff"), url("../fonts/TradeGothicLTBold.ttf") format("truetype"), url("../fonts/TradeGothicLTBold.svg#TradeGothicLTBold") format("svg");

  font-weight: bold;

  font-style: normal; }

@font-face {

  font-family: "TradeGothicLT";

  src: url("../fonts/TradeGothicLT.eot");

  src: url("../fonts/TradeGothicLT.eot") format("embedded-opentype"), url("../fonts/TradeGothicLT.woff2") format("woff2"), url("../fonts/TradeGothicLT.woff") format("woff"), url("../fonts/TradeGothicLT.ttf") format("truetype"), url("../fonts/TradeGothicLT.svg#TradeGothicLT") format("svg");

  font-weight: normal;

  font-style: normal; }

@font-face {

  font-family: "TradeGothicCondensed";

  src: url("../fonts/TradeGothicCondensedBold.eot");

  src: url("../fonts/TradeGothicCondensedBold.eot") format("embedded-opentype"), url("../fonts/TradeGothicCondensedBold.woff2") format("woff2"), url("../fonts/TradeGothicCondensedBold.woff") format("woff"), url("../fonts/TradeGothicCondensedBold.ttf") format("truetype"), url("../fonts/TradeGothicCondensedBold.svg#TradeGothicCondensedBold") format("svg");

  font-weight: normal;

  font-style: normal; }

@font-face {

  font-family: "TradeGothicCondensed";

  src: url("../fonts/TradeGothicCondensedBold.eot");

  src: url("../fonts/TradeGothicCondensedBold.eot") format("embedded-opentype"), url("../fonts/TradeGothicCondensedBold.woff2") format("woff2"), url("../fonts/TradeGothicCondensedBold.woff") format("woff"), url("../fonts/TradeGothicCondensedBold.ttf") format("truetype"), url("../fonts/TradeGothicCondensedBold.svg#TradeGothicCondensedBold") format("svg");

  font-weight: bold;

  font-style: normal; }

@font-face {

  font-family: "Tungsten";

  src: url("../fonts/TungstenBold.eot");

  src: url("../fonts/TungstenBold.eot") format("embedded-opentype"), url("../fonts/TungstenBold.woff2") format("woff2"), url("../fonts/TungstenBold.woff") format("woff"), url("../fonts/TungstenBold.ttf") format("truetype"), url("../fonts/TungstenBold.svg#TungstenBold") format("svg");

  font-weight: normal;

  font-style: normal; }

@font-face {

  font-family: "Tungsten";

  src: url("../fonts/TungstenBold.eot");

  src: url("../fonts/TungstenBold.eot") format("embedded-opentype"), url("../fonts/TungstenBold.woff2") format("woff2"), url("../fonts/TungstenBold.woff") format("woff"), url("../fonts/TungstenBold.ttf") format("truetype"), url("../fonts/TungstenBold.svg#TungstenBold") format("svg");

  font-weight: bold;

  font-style: normal; }

html, body {

  font-family: "Roboto", sans-serif; }



body {

  color: #1c1c1c;

  overflow-x: hidden; }



ul {

  padding: 0; }

  ul li {

    list-style: none; }



img {

  max-width: 100%; }



div a:hover, div a:focus, div a:active {

  color: #e00f20;

  text-decoration: none; }



.container-tabicel, .container-tabicel-sm, .container-tabicel-md, .container-tabicel-lg, .container-tabicel-xl {

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto; }





@media (min-width: 576px) {

    .center-content{

        font-size: 17px !important;

    }

    .bodyLightbox {

            height: 263px;

    }

  .container-tabicel, .container-tabicel-sm {

    margin-left: calc((100% - 540px) / 2);

    width: calc(100% - ((100% - 540px) / 2)); } }

@media (min-width: 768px) {

  .container-tabicel, .container-tabicel-sm, .container-tabicel-md {

    margin-left: calc((100% - 720px) / 2);

    width: calc(100% - ((100% - 720px) / 2)); } }

@media (min-width: 992px) {

  .container-tabicel, .container-tabicel-sm, .container-tabicel-md, .container-tabicel-lg {

    margin-left: calc((100% - 960px) / 2);

    width: calc(100% - ((100% - 960px) / 2)); } }

@media (min-width: 1200px) {

  .container-tabicel, .container-tabicel-sm, .container-tabicel-md, .container-tabicel-lg, .container-tabicel-xl {

    margin-left: calc((100% - 1140px) / 2);

    width: calc(100% - ((100% - 1140px) / 2)); } }

.bg-verde {

  background-color: #8bb023; }



.bg-azul {

  background-color: #4d4d4d; }



.bg-blanco {

  background-color: #fff; }



.bg-negro {

  background-color: #000; }



.bg-rojo {

  background-color: #e00f20; }



.verde {

  color: #8bb023; }



.azul {

  color: #4d4d4d; }



.blanco {

  color: #fff; }



.negro {

  color: #000; }



.rojo {

  color: #e00f20; }



.f-normal {

  font-weight: 400; }



.f-medium {

  font-weight: 500; }



.f-bold {

  font-weight: 700; }



.f-black {

  font-weight: 900; }



.mtop30 {

  margin-top: 30px; }



.mtop50 {

  margin-top: 50px; }



.mtop60 {

  margin-top: 60px; }



.mtop90 {

  margin-top: 90px; }



.mbot30 {

  margin-bottom: 30px; }



.mbot60 {

  margin-bottom: 60px; }



.mbot90 {

  margin-bottom: 90px; }



.ptop30 {

  padding-top: 30px; }



.ptop60 {

  padding-top: 60px; }



.ptop90 {

  padding-top: 90px; }



.pbot30 {

  padding-bottom: 30px; }



.pbot60 {

  padding-bottom: 60px; }



.pbot90 {

  padding-bottom: 90px; }



.no-padding {

  padding: 0; }



h1, h2, h3, h4, h5, h6 {

  font-family: Tungsten, sans-serif; }



.link-button {

  color: #fff;

  display: inline-block;

  padding: 20px 40px;

  text-align: center;

  transition: background-color 150ms ease; 
  width: 100%;
}

  .link-button:hover {

    background-color: #e00f20;

    color: #fff; }



.drop-shadow {

  height: 0;

  position: relative;

  width: 100%; }

  .drop-shadow::after {

    content: "";

    background: url("../images/shadow.png") 50% 50%/100% 100% no-repeat;

    position: absolute;

    height: 70px;

    left: -3%;

    width: 106%;

    z-index: 1; }



.layer-500 {

  position: relative;

  height: 500px; }

  .layer-500 .front-left, .layer-500 .front-right, .layer-500 .back-left, .layer-500 .back-right {

    height: 500px; }

  .layer-500 > div:first-child {

    position: relative;

    height: 500px;

    z-index: 5; }

  .layer-500 > div:last-child {

    position: absolute;

    top: 0;

    height: 500px;

    width: 100%;

    z-index: 3; }



.layer-600 {

  position: relative;

  height: 600px; }

  .layer-600 .front-left, .layer-600 .front-right, .layer-600 .back-left, .layer-600 .back-right {

    height: 600px; }

  .layer-600 > div:first-child {

    position: relative;

    height: 600px;

    z-index: 5; }

  .layer-600 > div:last-child {

    position: absolute;

    top: 0;

    height: 600px;

    width: 100%;

    z-index: 3; }



.h-line {

  display: flex; }

  .h-line .line {

    flex-grow: 1;

    border-bottom: 2px solid;

    margin-left: 10px; }



/* ======================================================= BxSlider Reset ======================================================= */

.bx-wrapper {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 0;

  background: transparent;

  margin-bottom: 0; }



.rect-pager .bx-wrapper .bx-pager {

  text-align: right; }

.rect-pager .bx-wrapper .bx-pager.bx-default-pager a {

  background: #fff;

  width: 54px;

  height: 7px;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0; }

.rect-pager .bx-wrapper .bx-pager.bx-default-pager a.active {

  background: #8bb023; }

.rect-pager .bx-wrapper .bx-pager.bx-default-pager a:hover, .rect-pager .bx-wrapper .bx-pager.bx-default-pager a:focus {

  background: #afde2c; }



/* ======================================================= HEADER AND FOOTER ======================================================= */

header {

  background-color: #fff;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 20; }

  header h1 {

    margin: 0; }

  header #logo {

    float: left;

    margin-right: 30px;

    margin-top: 8px;

    max-width: 185px;

    margin-left: 30px; }

  header .strip {

    border-left: 1px solid;

    border-bottom: 1px solid;

    border-color: #e6e6e6;

    display: flex;

    font-size: 15px;

    justify-content: space-between;

    align-items: center;

    height: 50px; }

    header .strip p {

      text-align: center;

      margin-bottom: 0; }

      header .strip p a {

        color: #333; }

        header .strip p a:hover {

          /*color: #e00f20;*/ }

      header .strip p i {

        font-size: 20px;

        padding: 10px; }

        

        header .strip p i.fa-instagram:hover {

        color:#ff0066; }

        header .strip p i.fa-whatsapp:hover {

        color:#00cc00; }

        header .strip p i.fa-facebook-f:hover {

        color:#0066cc; }

        header .strip p i.fa-twitter:hover {

        color:#0099ff; }

        

        

  header nav {

    font-family: Roboto, sans-serif;

    font-size: 18px;

    font-weight: bold;

    text-align: center; }

    header nav > i {

      background-color: #4d4d4d;

      border-radius: 5px;

      color: #fff;

      cursor: pointer;

      transition: 150ms ease;

      padding: 5px;

      margin: 5px 0; }

      header nav > i:hover {

        background-color: #e00f20; }

    header nav > ul {

      display: flex;

      justify-content: end;

      margin: 0; }

      header nav > ul li {

        display: flex;

        align-items: center;

        justify-content: center;

        flex-basis: auto;

        flex-grow: 1;

        height: 60px;

        position: relative; }

        header nav > ul li + li {

          border-left: 1px solid #e6e6e6; }

        header nav > ul li > a {

          background-color: #fff;

          color: #1c1c1c;

          display: flex;

          align-items: center;

          justify-content: center;

          font-size: 15px;

          font-weight: bold;

          padding: 5px 10px;

          width: 100%;

          height: 100%; }

          header nav > ul li > a:hover {

            background-color: #e00f20;

            color: #fff; }

        header nav > ul li ul {

          display: none;

          position: absolute;

          top: 65px;

          left: 0;

          z-index: 10;

          width:270px;}

          

          header nav > ul li ul.sub-menu li {

          height:45px;}

          

          header nav > ul li ul.sub-menu li a{

          font-size:14px;

          padding: 2px 10px;}

          

          header nav > ul li ul li + li {

            border: 0; }

          header nav > ul li ul.normal {

            width: 150%; }

          header nav > ul li ul.grande {

            width: 200%; }

          header nav > ul li ul a {

            font-size: 16px;

            justify-content: start;

            text-align: left;

            text-transform: uppercase; }

      header nav > ul > li:first-child {

        border-left: 1px solid #e6e6e6; }

      header nav > ul > li.search {

        border-left: 1px solid #e6e6e6;

        flex-grow: 0;

        width: 65px; }

        header nav > ul > li.search a {

          border-right: 1px solid #e6e6e6;

          color: #b3b3b3; }

          header nav > ul > li.search a:hover {

            color: #fff; }

        header nav > ul > li.search form {

          display: none;

          flex-flow: row;

          flex-grow: 1; }

          header nav > ul > li.search form input {

            border: 0;

            flex-grow: 1;

            padding: 10px 20px; }

          header nav > ul > li.search form button {

            background-color: #e00f20;

            border: 0;

            color: #fff;

            display: flex;

            align-items: center;

            justify-content: center;

            height: 65px;

            width: 65px;

            z-index: 1; }

        header nav > ul > li.search.active {

          background: #fff;

          justify-content: stretch;

          left: 0;

          position: absolute;

          width: 100%; }

          header nav > ul > li.search.active a {

            width: 65px; }

          header nav > ul > li.search.active form {

            display: flex;

            flex-flow: row; }

      header nav > ul li.en {

        background-color: #063958;

        border-left: 1px solid #e6e6e6;

        flex-grow: 0;

        width: 81px; }

        header nav > ul li.en ul {

          display: block;

          left: auto;

          position: relative;

          top: auto;

          width: 100%; }

          header nav > ul li.en ul li + li {

            border: 0; }

          header nav > ul li.en ul li:nth-child(1), header nav > ul li.en ul li:nth-child(2) {

            display: none; }

        header nav > ul li.en a {

          background-color: #4d4d4d;

          color: #fff;

          display: block;

          line-height: 60px; }

          header nav > ul li.en a:hover {

            background-color: #e00f20;

            color: #fff; }



footer {

  background-color: #1c1c1c;

  color: #fff;

  font-family: Roboto, sans-serif;

  font-size: 13px;

  font-weight: 400; }

  footer img {

    width: 192px; }

  footer h3 {

    font-family: Roboto, sans-serif;

    font-size: 21px;

    font-weight: bold;

    margin-bottom: 30px; }

  footer .cond a {

    color: #fff;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 15px;

    font-weight: 400;

    transition: 150ms ease; }

    footer .cond a:hover {

      color: #e00f20; }

  footer .cont a {

    color: #fff;

    transition: 150ms ease; }

    footer .cont a:hover {

      color: #e00f20; }

  footer h4 a {

    color: #fff;

    display: block;

    font-family: Roboto, sans-serif;

    font-size: 15px;

    font-weight: bold; }

  footer h4 + p a {

    color: #e00f20;

    font-size: 12px;

    font-weight: 400;

    transition: 150ms ease; }

    footer h4 + p a:hover {

      color: #fff; }

  footer .link-button {

    background-color: #fff;

    color: #4d4d4d;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 17px;

    font-weight: bold;

    padding: 10px;

    transition: none;

    width: 100%; }

    footer .link-button:hover {

      background-color: #e00f20; }

  footer .footer-strip {

    display: flex;

    flex-flow: row;

    position: relative; }

    footer .footer-strip::after {

      content: "";

      position: absolute;

      width: 1000px;

      height: 0;

      border-top: 1px solid #b3b3b3;

      top: 0;

      right: -1000px; }

    footer .footer-strip p {

      border-top: 1px solid #b3b3b3;

      display: flex;

      align-items: center;

      justify-content: center;

      margin: 0;

      width: 100%; }

      footer .footer-strip p a {

        color: #fff; }

    footer .footer-strip ul {

      display: flex;

      flex-flow: row;

      margin: 0; }

      footer .footer-strip ul li a {

        color: #fff;

        border: 1px solid #b3b3b3;

        border-bottom: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        height: 70px;

        width: 70px; }

        footer .footer-strip ul li a:hover {

          background-color: #b3b3b3;

          color: #1c1c1c; }

    footer .footer-strip > a {

      background-color: #e00f20;

      color: #fff;

      display: flex;

      align-items: center;

      justify-content: center;

      position: absolute;

      top: 0;

      right: -40px;

      height: 30px;

      width: 30px; }

      footer .footer-strip > a:hover {

        background-color: #fff;

        color: #e00f20; }



/* ======================================================= HOME ======================================================= */

img[src$=".svg"] {

  width: 100%;

  height: auto; }



#topHome {

  margin-top: 135px; }

  #topHome #topHomeSlider li {

    height: 500px;

    padding-top: 120px; }

    #topHome #topHomeSlider li .pre-title {

      font-family: "Roboto Condensed", sans-serif;

      font-size: 17px;

      font-weight: bold;

      margin: 0 0 20px; }

    #topHome #topHomeSlider li h2 {

      color: #333;

      line-height: 1;

      font-size: 73px;

      font-weight: bold; }

    #topHome #topHomeSlider li .desc {

      color: #4d4d4d;

      font-family: "Roboto Condensed", sans-serif;

      font-size: 16px;

      font-weight: 400;

      text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff; }

    #topHome #topHomeSlider li a.link-button {

      font-family: "Roboto Condensed", sans-serif;

      font-size: 10px;

      font-weight: bold;

      padding: 20px;

      margin-bottom: 30px;

      width: 100%; }

  #topHome #topHomeSlider .uno {

    background: url("../images/top-home-1.jpg") 50% 50%/cover; }

  #topHome #topHomeSlider .dos {

    background: url("../images/top-home-2.jpg") 50% 50%/cover; }

  #topHome #topHomeSlider .tres {

    background: url("../images/top-home-3.jpg") 50% 50%/cover; }



#topHome .controls {

  display: flex;

  flex-flow: row;

  position: absolute;

  bottom: 0;

  left: 0; }

  #topHome .controls div a {

    background-color: #fff;

    color: #4d4d4d;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 60px;

    width: 64px; }

  #topHome .controls div a:hover {

    background-color: #e00f20;

    color: #fff; }



#topHomeSlider li {

  background: url("../images/top-home-1.jpg") 50% 50%/cover; }



#homeSub::before {

  /*background: url("../images/home-sub-back.jpg") no-repeat center/cover;*/

  background:transparent;

  background-size: 100% auto;

  content: "";

  height: 285px;

  position: absolute;

  width: 100%; }

#homeSub .this {

  background-color: #4d4d4d;

  color: #fff;

  display: flex;

  flex-flow: column;

  height: 180px;

  padding: 20px;

  margin-bottom: 20px;

  position: relative; }

  #homeSub .this:hover {

    background-color: #e00f20; }

    #homeSub .this:hover a {

      color: #fff; }

  #homeSub .this h3 {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;

    font-weight: bold; }

  #homeSub .this p {

    font-family: Roboto, sans-serif;

    font-size: 12px;

    font-weight: 400;

    width: 50%; }

  #homeSub .this a {

    color: #e00f20;

    font-size: 20px;

    font-weight: 400;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1; }

    #homeSub .this a i {

      position: absolute;

      bottom: 20px;

      left: 20px; }

  #homeSub .this img {

    max-width: 75%;

    position: absolute;

    right: 0;

    top: 0; }

#homeSub .experiencia img {

  top: 36px; }

#homeSub .presencia img {

  top: 26px;

  right: -5px;

  max-width: 75%; }

#homeSub .catalogo img {

  top: 62px;

  right: -10px;

  max-width: 65%; }

#homeSub .backBuscador {

  min-height: 530px; }

  #homeSub .backBuscador::before {

    /*background: url("../images/fondo-buscador.jpg") repeat-y center;*/

    background:transparent;

    background-size: 100% auto;

    content: "";

    height: 655px;

    overflow: hidden;

    position: absolute;

    width: 100%; }

    

    /* #homeSub .backBuscadorHome::before { */

    #homeSub .backBuscadorHome {

    background: url("../images/historia-fondo-top-b2.png") repeat-y center !important;

    background-size: 100% auto;

    /* content: "";

    height: 490px;

    overflow: hidden;

    position: absolute;

    width: 100%; */

     }

     

     #homeSub .backBuscadorHome h4, #homeSub .backBuscadorHome h2{

         text-align:center;

     }



@media screen and (min-width:1170px) and (max-width:1279px){

    #homeSub .backBuscador::before {

    

    height: 930px;

    z-index: -9999;

   

}

    

}



@media screen and (min-width:1280px) and (max-width:1600px){

    #homeSub .backBuscador::before {

    

    height: 930px;

    z-index: -9999;

   

}

    

}

    

@media screen and (min-width:1601px){

    #homeSub .backBuscador::before {

    

    height: 100%;

    z-index: -9999;

   

}

    

}

    

    #homeSub .backBuscador{

        margin-bottom:40px;

    }

    #homeSub .backBuscador2{

        margin-bottom:40px;

    }

    

    #homeSub .backBuscador2::before {

    /*background: url("../images/fondo-buscador.jpg") no-repeat center;*/

    background:transparent;

    background-size: 100% auto;

    content: "";

    height: 80%;

    overflow: hidden;

    position: absolute;

    width: 100%; }

    

  #homeSub .backBuscador h4 {

    color: #e00f20;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 17px;

    font-weight: bold;

    margin-top: 40px;

    text-align: center; }

  #homeSub .backBuscador h2 {

    color: #4d4d4d;

    font-size: 45px;

    margin-bottom: 25px;

    margin-top: 10px;

    text-align: center; }





#homeProductos {

  position: relative; }

  #homeProductos .img-selector {

    position: absolute;

    bottom: 80px;

    width: 100%; }

  #homeProductos .bx-controls.bx-has-pager {

    position: absolute;

    width: 100%;

    bottom: 75px; }



.rect-pager .bx-wrapper .bx-pager {

  text-align: center; }

.rect-pager .bx-wrapper .bx-pager.bx-default-pager a {

  background: #fff;

  width: 50px;

  height: 3px;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0; }

.rect-pager .bx-wrapper .bx-pager.bx-default-pager a.active {

  background: #e00f20; }

.rect-pager .bx-wrapper .bx-pager.bx-default-pager a:hover, .rect-pager .bx-wrapper .bx-pager.bx-default-pager a:focus {

  background: #fff; }



#homeProductosListNext, #homeProductosListPrev {

  font-size: 30px;

  position: absolute;

  top: -225px; }

  #homeProductosListNext a, #homeProductosListPrev a {

    color: #fff; }

    #homeProductosListNext a:hover, #homeProductosListPrev a:hover {

      color: #e00f20; }



#homeProductosListNext {

  right: -45px; }



#homeProductosListPrev {

  left: -45px; }



#homeProductosPicker {

  color: #fff;

  font-size: 0;

  margin: 25px 0 25px 0;

  text-align: center; }

  #homeProductosPicker li {

    align-items: center;

    padding: 10px;

    text-align: center;

    width: 25%; }

    #homeProductosPicker li a {

      display: block; }

      #homeProductosPicker li a svg {

        display: block;

        margin: auto;

        width: 50px; }

      #homeProductosPicker li a:hover svg g path, #homeProductosPicker li a:hover svg g rect, #homeProductosPicker li a:hover svg g polygon, #homeProductosPicker li a.active svg g path, #homeProductosPicker li a.active svg g rect, #homeProductosPicker li a.active svg g polygon {

        fill: #e00f20; }

      #homeProductosPicker li a p {

        color: #4d4d4d;

        font-family: "Roboto Condensed", sans-serif;

        font-size: 13px;

        font-weight: bold; }

      #homeProductosPicker li a p:nth-child(2) {

        margin-bottom: 0; }

      #homeProductosPicker li a:hover p {

        color: #e00f20; }

        #homeProductosPicker li a:focus p {

        color: #e00f20; }

        #homeProductosPicker li a:focus svg g polygon {

        fill: #e00f20; }

        #homeProductosPicker li a:focus svg g rect {

        fill: #e00f20; }

        #homeProductosPicker li a:focus svg g path {

        fill: #e00f20; }



.prodBoton{

    margin-bottom: 30px;

}



.containerMenusProd .menu-item-prod {

  display: none; }

.containerMenusProd a {

  border-radius: 7px;

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);

  display: block;

  overflow: hidden;

  position: relative; 

  height: 250px;

}

  .containerMenusProd a .nameProd {

    bottom: 0px;

    color: #4d4d4d;

   display: block;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 15px;

    font-weight: normal;

    height: 50px;

    position: absolute;

    /*max-width:159px;*/

    text-align: center;

    width: 100%; 
	
	padding: 5px 0px;
	
	background-color: #fff;
}

.containerMenusProd .menu-item-prod.active {

  display: block;

  background: #fff;

 }

.containerMenusProd .prodNImg{

  /* width: 75%; */

}



#homeProductosSlider {

  margin: 0; }

  #homeProductosSlider li {

    background: url("../images/home-productos-back.jpg") 50% 50%/cover;

    color: #fff;

    height: 600px;

    padding-top: 70px;

    padding-bottom: 180px; }

    #homeProductosSlider li h2 {

      font-family: "Roboto Condensed", sans-serif;

      font-size: 17px;

      font-weight: bold; }

    #homeProductosSlider li h3 {

      font-size: 65px;

      font-weight: bold; }

    #homeProductosSlider li p {

      font-size: 16px;

      font-weight: 400;

      width: 38%; }

    #homeProductosSlider li .link-button {

      background-color: #fff;

      color: #4d4d4d;

      font-family: TradeGothicCondensed, sans-serif;

      font-size: 21px;

      font-weight: bold;

      margin-top: 30px;

      padding-top: 5px;

      padding-bottom: 5px;

      transition: none; }

      #homeProductosSlider li .link-button:hover {

        background-color: #e00f20;

        color: #fff; }

    #homeProductosSlider li img {

      position: absolute;

      top: 0;

      right: 0;

      max-width: 50%; }



#homeSearch {

  background: url("../images/home-search-back.jpg") no-repeat fixed 50% 50%/cover;

  color: #fff;

  padding: 50px 0 60px;

  margin-top: 40px;}

  #homeSearch h2 {

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 28px;

    font-weight: bold; }

  #homeSearch p {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;

    font-weight: 400; }

  #homeSearch label {

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 18px;

    font-weight: bold; }

  #homeSearch select {

    color: #999;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 14px;

    font-weight: 400;

    height: 40px;

    width: 100%; }

  #homeSearch button {

    background-color: #e00f20;

    border: 0;

    color: #fff;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 20px;

    font-weight: bold;

    height: 40px;

    margin-top: 34px;

    transition: none;

    width: 100%; }

    #homeSearch button:hover {

      background-color: #fff;

      color: #e00f20; }



#homeCifras {

  padding: 60px 0 90px; }

  #homeCifras h2 {

    color: #e00f20;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 17px;

    font-weight: bold; }

    #homeCifras h2 span {

      color: #4d4d4d;

      display: block;

      font-family: Tungsten, sans-serif;

      font-size: 55px;

      font-weight: bold; }

  #homeCifras .link-button {

    background-color: #4d4d4d;

    color: #fff;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 22px;

    font-weight: bold;

    padding: 10px;

    margin: 30px 0; }

    #homeCifras .link-button:hover {

      background-color: #e00f20; }

  #homeCifras p {

    color: #808080;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 15px;

    font-weight: 400; }

  #homeCifras .box {

    position: relative;

    text-align: right;

    margin-bottom: 30px; }

    #homeCifras .box span {

      color: #e00f20;

      font-family: TradeGothicCondensed, sans-serif;

      font-size: 53px;

      font-weight: bold;

      position: absolute;

      bottom: -20px;

      right: 0; }

    #homeCifras .box + p {

      color: #1a1a1a;

      font-family: "Roboto Condensed", sans-serif;

      font-size: 13px;

      font-weight: 400;

      text-align: right; }



#homeServicios {

  background: url("../images/home-servicios-back.jpg") 50% 50%/cover;

  padding: 60px 0 90px; }

  #homeServicios h2 {

    color: #e00f20;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 17px;

    font-weight: bold;

    text-align: center; }

    #homeServicios h2 span {

      color: #4d4d4d;

      display: block;

      font-family: Tungsten, sans-serif;

      font-size: 45px;

      font-weight: bold; }

  #homeServicios p {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 60px;

    text-align: center; }

  #homeServicios .box {

    color: #fff; }

    #homeServicios .box.big {

      background: url("../images/home-servicios-a.jpg") 50% 50%/cover;

      padding: 40px;

      height: 410px;

      margin-bottom: 30px; }

      #homeServicios .box.big h3 {

        font-family: TradeGothicCondensed, sans-serif;

        font-size: 36px;

        font-weight: bold; }

      #homeServicios .box.big p {

        font-size: 15px;

        font-weight: 400;

        margin-bottom: 30px;

        text-align: left;

        width: 50%; }

      #homeServicios .box.big li {

        font-family: TradeGothicCondensed, sans-serif;

        font-size: 14px;

        font-weight: bold;

        position: relative;

        width: 50%; }

        #homeServicios .box.big li::before {

          content: "›";

          color: #e00f20;

          position: absolute;

          left: -15px;

          font-size: 2em;

          top: -7px;

          line-height: 1; }

      #homeServicios .box.big span {

        font-family: "Roboto Condensed", sans-serif;

        font-size: 12px;

        font-weight: 400; }

      #homeServicios .box.big .link-button {

        background-color: #4d4d4d;

        color: #fff;

        font-family: TradeGothicCondensed, sans-serif;

        font-size: 22px;

        font-weight: bold; }

        #homeServicios .box.big .link-button:hover {

          background-color: #e00f20; }

    #homeServicios .box.small {

      background-color: #e00f20 !important;

      height: 190px;

      padding: 20px;

      margin-bottom: 30px;

		}

      /*#homeServicios .box.small:hover {

          cursor:none;

		  background-blend-mode: color-burn;}*/

      #homeServicios .box.small h3 {

        font-family: TradeGothicCondensed, sans-serif;

        font-size: 23px;

        font-weight: bold; }

      #homeServicios .box.small p {

        font-size: 12px;

        font-weight: 400;

        text-align: left; }

      #homeServicios .box.small a {

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0; }

      #homeServicios .box.small.one {

        background: url("../images/home-servicios-1.jpg") 50% 50%/cover; }

      #homeServicios .box.small.two {

        background: url("../images/home-servicios-2.jpg") 50% 50%/cover; }

      #homeServicios .box.small.three {

        background: url("../images/home-servicios-3.jpg") 50% 50%/cover; }

      #homeServicios .box.small.four {

        background: url("../images/home-servicios-4.jpg") 50% 50%/cover; }



#homeNewsLetter {

  background-color: #4d4d4d;

  box-shadow: 0 50px 50px -50px rgba(0, 0, 0, 0.5) inset, 0 -50px 50px -50px rgba(0, 0, 0, 0.5) inset;

  background-blend-mode: multiply; }

  #homeNewsLetter h2 {

    color: #fff;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 25px;

    font-weight: bold;

    line-height: 1;

    text-align: right; }

    #homeNewsLetter h2 strong {

      display: block;

      font-weight: bold;

      margin-top: 6px; }

  #homeNewsLetter form {

    display: flex; }

  #homeNewsLetter input {

    border: 0;

    color: #808080;

    font-size: 15px;

    font-style: italic;

    letter-spacing: 2px;

    padding: 0 22px;

    width: 100%; }

  #homeNewsLetter button.link-button {

    background-color: #e00f20;

    border: 0;

    border-left: 1px solid #e00f20;

    color: #fff;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 21px;

    font-weight: bold;

    padding: 14px 40px 13px;

    transition: none; }

    #homeNewsLetter button.link-button:hover {

      background-color: #fff;

      color: #e00f20; }



#homeProyectos {

  background: url("../images/home-proyectos-back.jpg") no-repeat fixed center/cover; }

  #homeProyectos h2 {

    color: #4d4d4d;

    font-size: 53px;

    font-weight: bold;

    line-height: 1;

    margin-bottom: 60px; }

    #homeProyectos h2 span {

      color: #e00f20;

      display: block;

      font-family: "Roboto Condensed", sans-serif;

      font-size: 17px;

      font-weight: bold; }

  #homeProyectos p {

    color: #4d4d4d;

    margin-bottom: 50px;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;

    font-weight: 400;

    text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff; }

  #homeProyectos h3 {

    color: #4d4d4d;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 21px;

    font-weight: bold;

    margin-bottom: 30px;

    text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff; }

  #homeProyectos img {

    margin-bottom: 60px; }

  #homeProyectos .link-button {

    background-color: #4d4d4d;

    color: #fff;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 21px;

    font-weight: bold; }

    #homeProyectos .link-button:hover {

      background-color: #e00f20; }



#homeDistribucion {

  display: none !important;

  background: url("../images/bg-mundo.png") 75% 50% no-repeat;

  color: #4d4d4d; }

  #homeDistribucion p {

    font-size: 16px;

    font-weight: 400; }

  #homeDistribucion h2 {

    font-size: 61px;

    font-weight: bold;

    line-height: 1; }

    #homeDistribucion h2 span {

      color: #e00f20;

      display: block;

      font-family: "Roboto Condensed", sans-serif;

      font-size: 17px;

      font-weight: bold; }

  #homeDistribucion .iconos {

    margin-top: 120px; }

    #homeDistribucion .iconos p {

      color: #4d4d4d;

      display: inline-block;

      font-family: TradeGothicCondensed, sans-serif;

      font-size: 27px;

      font-weight: bold;

      margin: 0;

      vertical-align: middle; }

    #homeDistribucion .iconos img {

      vertical-align: middle; }

  #homeDistribucion .this {

    display: flex; }

    #homeDistribucion .this p {

      font-family: TradeGothicCondensed, sans-serif;

      font-size: 28px;

      font-weight: bold;

      margin: 0; }

    #homeDistribucion .this i {

      font-size: 30px;

      margin-right: 20px; }

  #homeDistribucion .dropdown {

    border-bottom: 1px solid #b3b3b3;

    color: #666;

    font-size: 13px;

    font-weight: 500;

    display: flex;

    flex-flow: row;

    justify-content: space-between;

    letter-spacing: 2px;

    padding: 26px 0;

    margin-bottom: 10px; }

  #homeDistribucion .box {

    background-color: #fff;

    box-shadow: -15px -9px 51px -9px rgba(0, 0, 0, 0.25);

    padding: 45px;

    position: relative; }

    #homeDistribucion .box::before {

      content: "";

      position: absolute;

      left: -30px;

      top: 0;

      height: 0;

      width: 0;

      border: 0;

      border-bottom: 30px solid transparent;

      border-right: 30px solid #fff; }

    #homeDistribucion .box h3 {

      font-family: TradeGothicCondensed, sans-serif;

      font-size: 28px;

      font-weight: bold; }

    #homeDistribucion .box p {

      font-family: "Roboto Condensed", sans-serif;

      font-size: 16px;

      font-weight: 400; }

    #homeDistribucion .box a.tel {

      color: #808080;

      font-family: TradeGothicCondensed, sans-serif;

      font-size: 26px;

      font-weight: bold; }

      #homeDistribucion .box a.tel:hover {

        color: #e00f20; }

    #homeDistribucion .box a.mail {

      color: #4d4d4d; }

      #homeDistribucion .box a.mail:hover {

        color: #e00f20; }

  #homeDistribucion .link-button {

    background-color: #4d4d4d;

    border: 0;

    color: #fff;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 23px;

    font-weight: bold;

    padding: 10px;

    width: 100%; }

    #homeDistribucion .link-button:hover {

      background-color: #e00f20; }

  #homeDistribucion img.camion {

    position: absolute;

    max-width: initial;

    top: -30px;

    left: -100px; }

  #homeDistribucion .last {

    margin: 70px auto; }



/* ======================================================= SOMOS ======================================================= */

#solucionesTop {

  background: url("../images/top-soluciones.jpg") 50% 50%/cover;

  padding: 90px 0 60px; }

  #solucionesTop h2 {

    color: #fff;

    font-size: 72px;

    font-weight: bold;

    line-height: 1;

    margin-bottom: 30px; }



#solucionesMid {

  padding-top: 50px;

  position: relative;

  top: 50px; }

  #solucionesMid h3 {

    color: #e00f20;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 20px;

    font-weight: bold; }

    #solucionesMid h3 span {

      margin-right: 30%; }

  #solucionesMid h4 {

    color: #3c3c3c;

    font-size: 50px;

    font-weight: bold;

    padding-right: 25%; }

  #solucionesMid .small-one {

    background: url("../images/soluciones-s-1.jpg") 50% 50%/cover; }

  #solucionesMid .small-two {

    background-color: #4d4d4d;

    color: #fff;

    display: flex;

    flex-flow: column;

    justify-content: flex-end;

    align-items: flex-start; }

    #solucionesMid .small-two p {

      font-family: "Roboto Condensed", sans-serif;

      font-size: 18px;

      font-weight: 400;

      margin-top: 20px; }

    #solucionesMid .small-two hr {

      border-bottom: 2px solid #fff;

      margin: 10px 0 30px;

      width: 70px; }

  #solucionesMid .small-three {

    padding-top: 20px;

    padding-bottom: 20px; }

    #solucionesMid .small-three p {

      color: #706f6f;

      font-family: "Roboto Condensed", sans-serif;

      font-size: 16px;

      font-weight: 400; }

    #solucionesMid .small-three a {

      color: #000;

      font-family: TradeGothicCondensed, sans-serif;

      font-size: 18px;

      font-weight: bold; }

    #solucionesMid .small-three i {

      color: #e00f20; }

  #solucionesMid .small-four {

    background: url("../images/soluciones-s-2.jpg") 50% 50%/cover; }

  #solucionesMid .big-two {

    background: url("../images/soluciones-b-1.jpg") 50% 50%/cover;

    height: 564px; }

  #solucionesMid .small-one, #solucionesMid .small-two, #solucionesMid .small-three, #solucionesMid .small-four, #solucionesMid .big-one {

    height: 282px; }



@media (min-width: 768px) {

  #solucionesMid .small-one, #solucionesMid .small-two, #solucionesMid .small-three, #solucionesMid .small-four, #solucionesMid .big-one {

    height: 180px; }

  #solucionesMid .big-two {

    height: 360px; } }

@media (min-width: 992px) {

  #solucionesMid .small-one, #solucionesMid .small-two, #solucionesMid .small-three, #solucionesMid .small-four, #solucionesMid .big-one {

    height: 240px; }

  #solucionesMid .big-two {

    height: 480px; } }

@media (min-width: 1200px) {

  #solucionesMid .small-one, #solucionesMid .small-two, #solucionesMid .small-three, #solucionesMid .small-four, #solucionesMid .big-one {

    height: 285px; }

  #solucionesMid .big-two {

    height: 570px; } }

#solucionesBot {

  background: url("../images/soluciones-mid.jpg") 50% 50%/cover;

  color: #fff;

  padding: 180px 0; }

  #solucionesBot h3 {

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 28px;

    font-weight: bold; }

    #solucionesBot h3 span {

      display: block;

      font-family: Tungsten, sans-serif;

      font-size: 46px;

      font-weight: bold; }

  #solucionesBot hr {

    border-bottom: 1px solid #e00f20;

    display: inline-block;

    margin: 30px 0;

    width: 134px; }

  #solucionesBot p {

    font-size: 19px;

    font-weight: 400;

    margin-bottom: 60px; }

  #solucionesBot .box {

    background-color: #e00f20;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 130px;

    margin-bottom: 30px;

    padding: 0 30px; }

    #solucionesBot .box p {

      font-family: TradeGothicCondensed, sans-serif;

      font-size: 26px;

      font-weight: bold;

      flex-basis: 50%;

      margin: 0 0 0 30px;

      text-align: left; }



#infraTop {

  background: url("../images/top-infra.jpg") 50% 50%/cover;

  padding-top: 100px;

  min-height: 325px;

  margin-top: 100px; }

  #infraTop h2 {

    color: #fff;

    font-size: 68px;

    font-weight: bold;

    line-height: 1; }



#infraMid {

  position: relative;

  top: 150px;

  margin-top: -70px; }

  #infraMid h3 {

    color: #e00f20;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 20px;

    font-weight: bold;

    padding-right: 30%; }

    #infraMid h3 span.line {

      border-bottom: 2px solid #e00f20;

      display: block;

      margin: 20px 0 10px;

      width: 100%; }

  #infraMid h4 {

    color: #3c3c3c;

    font-size: 50px;

    font-weight: bold;

    line-height: 1; }

  #infraMid .small-one {

    background: url("../images/infra-s-1.jpg") 50% 50%/cover; }

  #infraMid .small-two {

    background-color: #e00f20;

    color: #fff;

    display: flex;

    flex-flow: column;

    justify-content: flex-end;

    align-items: flex-start; }

    #infraMid .small-two p {

      font-family: "Roboto Condensed", sans-serif;

      font-size: 18px;

      font-weight: 400;

      line-height: 1;

      margin-top: 20px; }

    #infraMid .small-two hr {

      border-bottom: 2px solid #fff;

      margin: 10px 0 30px;

      width: 70px; }

  #infraMid .small-three {

    background: url("../images/infra-s-2.jpg") 50% 50%/cover; }

  #infraMid .small-four {

    padding-top: 20px;

    padding-bottom: 20px; }

    #infraMid .small-four h4 {

      font-size: 26px;

      font-weight: bold; }

    #infraMid .small-four hr {

      border-bottom: 1px solid #e00f20;

      margin: 20px 0;

      width: 56px; }

    #infraMid .small-four p {

      color: #706f6f;

      font-family: "Roboto Condensed", sans-serif;

      font-size: 16px;

      font-weight: 400;

      line-height: 1; }

  #infraMid .big-two {

    background: url("../images/infra-b-1.jpg") 50% 50%/cover;

    height: 564px; }

  #infraMid .small-one, #infraMid .small-two, #infraMid .small-three, #infraMid .small-four, #infraMid .big-one {

    height: 282px; }



@media (min-width: 768px) {

  #infraMid .small-one, #infraMid .small-two, #infraMid .small-three, #infraMid .small-four, #infraMid .big-one {

    height: 180px; }

  #infraMid .big-two {

    height: 360px; } }

@media (min-width: 992px) {

  #infraMid .small-one, #infraMid .small-two, #infraMid .small-three, #infraMid .small-four, #infraMid .big-one {

    height: 240px; }

  #infraMid .big-two {

    height: 480px; } }

@media (min-width: 1200px) {

  #infraMid .small-one, #infraMid .small-two, #infraMid .small-three, #infraMid .small-four, #infraMid .big-one {

    height: 285px; }

  #infraMid .big-two {

    height: 570px; } }

#infraBot .back-left {

  background: url("../images/infra-over.jpg") 50% 50%/cover; }

#infraBot .front-left {

  background-color: #4d4d4d;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 300px;

  margin-top: 150px;

  padding-top: 30px; }

  #infraBot .front-left::before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100px;

    background: #4d4d4d;

    left: -100px; }

  #infraBot .front-left h4 {

    font-family: Tungsten, sans-serif;

    font-size: 37px;

    font-weight: bold; }

  #infraBot .front-left p {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 18px;

    font-weight: 400; }

#infraBot .front-right {

  padding-top: 150px; }

  #infraBot .front-right h3 {

    color: #e00f20;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 20px;

    font-weight: bold;

    margin-top: 50px; }

    #infraBot .front-right h3 span {

      display: block; }

  #infraBot .front-right h4 {

    color: #3c3c3c;

    font-size: 50px;

    font-weight: bold;

    margin-top: 60px; }



/* ======================================================= PRODUCTOS ======================================================= */

#productosTop {

  background: url("../images/top-estructurales.jpg") 50% 50%/cover;

  padding-top: 90px;

  min-height: 400px;}

  #productosTop h2 {

    color: #fff;

    font-size: 68px;

    font-weight: bold;

    line-height: 1;

    padding-top: 120px;}

    

#productosTop.pEstructurales{

    background: url("../images/top-estructurales.jpg") 50% 50%/cover!important;

}

#productosTop.pComerciales{

    background: url("../images/top-comerciales.jpg") 50% 50%/cover!important;

}



#productosTop.pPlanos{

    background: url("../images/top-planos.jpg") 50% 50%/cover!important;

}



#productosTop.pPerfiles{

    background: url("../images/top-perfiles.jpg") 50% 50%/cover!important;

}



#productosTop.pTubos{

    background: url("../images/top-tubos.jpg") 50% 50%/cover!important;

}



#productosTop.pMallas{

    background: url("../images/top-otros.jpg") 50% 50%/cover!important;

}



#productosTop.pHerrajes{

    background: url(http://bestdigitales.com/alcalde/wp-content/uploads/2020/08/top-herrajes.jpg) no-repeat center/cover!important; 

    /*url("../images/top-herrajes.jpg") 50% 50%/cover!important;*/

    

}



#productosTop.pOtros{

    background: url("../images/top-infra.jpg") 50% 50%/cover!important;

}



#productosMid {

  position: relative;

  top: 100px;

  margin-top: -50px; }



#productosSlider {

  margin: 0; }

  #productosSlider > li {

    background-color: #fff;

    background-blend-mode: luminosity;

    height: 365px;

    position: relative; }

    #productosSlider > li:hover {

      background-blend-mode: normal; }

    #productosSlider > li a {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      display: flex;

      flex-flow: column;

      align-items: flex-start;

      justify-content: flex-end;

      padding: 30px 15px; }

    #productosSlider > li h3 {

      color: #fff;

      font-size: 29px;

      font-weight: bold; }

    #productosSlider > li img {

      margin-bottom: 30px; }



#prodSliderOneNext {

  right: -45px; }



#prodSliderOnePrev {

  left: -45px; }



#prodSliderOnePrev, #prodSliderOneNext {

  position: absolute;

  top: calc(50% - 35px); }

  #prodSliderOnePrev i, #prodSliderOneNext i {

    color: #4d4d4d;

    font-size: 30px;

    padding: 20px; }

    #prodSliderOnePrev i:hover, #prodSliderOneNext i:hover {

      color: #e00f20; }



#bx-estructurales {

  background: url("../images/prod-bx-estructurales.jpg") 50% 50%/cover; }



#bx-comerciales {

  background: url("../images/prod-bx-comerciales.jpg") 50% 50%/cover; }



#bx-planos {

  background: url("../images/prod-bx-planos.jpg") 50% 50%/cover; }



#bx-perfiles {

  background: url("../images/prod-bx-perfiles.jpg") 50% 50%/cover; }



#bx-tubos {

  background: url("../images/prod-bx-tubos.jpg") 50% 50%/cover; }



#bx-herrajes {

  background: url("../images/prod-bx-herrajes.jpg") 50% 50%/cover; }



#bx-otros {

  background: url("../images/prod-bx-otros.jpg") 50% 50%/cover; }



#productosBot {

  background-color: #f2f2f2;

  padding: 180px 0 90px; }



#productosBotSlider > li {

  padding-left: 15px;

  padding-right: 15px; }

#productosBotSlider .small-one, #productosBotSlider .small-two, #productosBotSlider .big-one, #productosBotSlider .big-two, #productosBotSlider .big-three {

  height: 282px; }

#productosBotSlider .big-one h3 {

  color: #e00f20;

  font-family: TradeGothicCondensed, sans-serif;

  font-size: 20px;

  font-weight: bold; }

#productosBotSlider .big-one h4 {

  color: #1c1c1c;

  font-size: 68px;

  font-weight: bold; }

#productosBotSlider .big-one p {

  color: #4d4d4d;

  font-family: "Roboto Condensed", sans-serif;

  font-size: 18px;

  font-weight: 400; }

#productosBotSlider .small-one {

  background-color: #4d4d4d;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-flow: column; }

  #productosBotSlider .small-one p {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    margin: 30px 0 0; }

#productosBotSlider .big-three {

  padding-top: 30px; }

  #productosBotSlider .big-three ul {

    display: flex;

    flex-wrap: wrap; }

    #productosBotSlider .big-three ul li {

      font-family: "Roboto Condensed", sans-serif;

      font-size: 18px;

      font-weight: 400;

      line-height: 1.1;

      padding-left: 30px;

      position: relative;

      width: 49%; }

      #productosBotSlider .big-three ul li::before {

        content: "›";

        color: #e00f20;

        font-size: 25px;

        line-height: 1.1;

        position: absolute;

        top: -5px;

        left: 0; }

      #productosBotSlider .big-three ul li a {

        color: #4d4d4d; }

        #productosBotSlider .big-three ul li a:hover {

          color: #e00f20; }



@media (min-width: 768px) {

  #productosBotSlider .small-one, #productosBotSlider .small-two, #productosBotSlider .big-one, #productosBotSlider .big-two, #productosBotSlider .big-three {

    height: 180px; } }

@media (min-width: 992px) {

  #productosBotSlider .small-one, #productosBotSlider .small-two, #productosBotSlider .big-one, #productosBotSlider .big-two, #productosBotSlider .big-three {

    height: 240px; } }

@media (min-width: 1200px) {

  #productosBotSlider .small-one, #productosBotSlider .small-two, #productosBotSlider .big-one, #productosBotSlider .big-two, #productosBotSlider .big-three {

    height: 285px; } }

#dbx-estructurales .small-two {

  background: url("../images/prod-d-s-estructurales.jpg") 50% 50%/cover; }

#dbx-estructurales .big-two {

  background: url("../images/prod-d-b-estructurales.jpg") 50% 50%/cover; }



#dbx-comerciales .small-two {

  background: url("../images/prod-d-s-comerciales.jpg") 50% 50%/cover; }

#dbx-comerciales .big-two {

  background: url("../images/prod-d-b-comerciales.jpg") 50% 50%/cover; }



#dbx-planos .small-two {

  background: url("../images/prod-d-s-planos.jpg") 50% 50%/cover; }

#dbx-planos .big-two {

  background: url("../images/prod-d-b-planos.jpg") 50% 50%/cover; }



#dbx-perfiles .small-two {

  background: url("../images/prod-d-s-perfiles.jpg") 50% 50%/cover; }

#dbx-perfiles .big-two {

  background: url("../images/prod-d-b-perfiles.jpg") 50% 50%/cover; }



#dbx-tubos .small-two {

  background: url("../images/prod-d-s-tubos.jpg") 50% 50%/cover; }

#dbx-tubos .big-two {

  background: url("../images/prod-d-b-tubos.jpg") 50% 50%/cover; }



#dbx-herrajes .small-two {

  background: url("../images/prod-d-s-herrajes.jpg") 50% 50%/cover; }

#dbx-herrajes .big-two {

  background: url("../images/prod-d-b-herrajes.jpg") 50% 50%/cover; }



#dbx-otros .small-two {

  background: url("../images/prod-d-s-otros.jpg") 50% 50%/cover; }

#dbx-otros .big-two {

  background: url("../images/prod-d-b-otros.jpg") 50% 50%/cover; }



#productoDetalleTop {

  padding-top: 120px;

  min-height: 325px;

  margin-top: 135px; }

  #productoDetalleTop h2 {

    color: #fff;

    font-size: 72px;

    font-weight: bold;

    line-height: 1; }



#productoDetalleMid {

  position: relative;

  margin-top: 30px; }

  #productoDetalleMid .link-button {

    background-color: #e00f20;

    color: #fff; width: 100%;}

    #productoDetalleMid .link-button:hover {

      color: #fff; }

  #productoDetalleMid hr {

    border-top: 1px solid #fff;

    margin: 30px 0;

    width: 67px; }

  #productoDetalleMid .big-one h3 {

    color: #e00f20;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 20px;

    font-weight: bold; }

  #productoDetalleMid .big-one h4 {

    color: #1c1c1c;

    font-size: 68px;

    font-weight: bold; }

  #productoDetalleMid .big-one p {

    color: #4d4d4d;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 18px;

    font-weight: 400; }

  #productoDetalleMid .small-one {

    background-color: #4d4d4d;

    display: flex;

    justify-content: flex-end;

    align-items: flex-start;

    flex-flow: column; }

    #productoDetalleMid .small-one p {

      color: #fff;

      font-size: 16px;

      font-weight: bold;

      margin: 30px 0 0; }

  #productoDetalleMid .big-three {

    padding-top: 30px; }

    #productoDetalleMid .big-three ul {

      display: flex;

      flex-wrap: wrap; }

      #productoDetalleMid .big-three ul li {

        font-family: "Roboto Condensed", sans-serif;

        font-size: 18px;

        font-weight: 400;

        line-height: 1.11;

        padding-left: 30px;

        position: relative;

        width: 49%; }

        #productoDetalleMid .big-three ul li::before {

          content: "›";

          color: #e00f20;

          font-size: 25px;

          line-height: 1.1;

          position: absolute;

          top: -5px;

          left: 0; }

        #productoDetalleMid .big-three ul li a {

          color: #4d4d4d; }

          #productoDetalleMid .big-three ul li a:hover {

            color: #e00f20; }

  #productoDetalleMid .small-three {

    display: flex;

    align-items: center;

    justify-content: center; }

  #productoDetalleMid .small-four {

    background-color: #e00f20;

    display: flex;

    justify-content: flex-end;

    align-items: flex-start;

    flex-flow: column;

    position: relative; }

    #productoDetalleMid .small-four p {

      color: #fff;

      font-size: 16px;

      font-weight: bold;

      margin: 30px 0 0; }

    #productoDetalleMid .small-four a {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0; }



@media (min-width: 768px) {

  #productoDetalleMid .small-one, #productoDetalleMid .small-two, #productoDetalleMid .small-three, #productoDetalleMid .small-four, #productoDetalleMid .big-one {

    height: 180px; } }

@media (min-width: 992px) {

  #productoDetalleMid .small-one, #productoDetalleMid .small-two, #productoDetalleMid .small-three, #productoDetalleMid .small-four, #productoDetalleMid .big-one {

    height: 240px; } }

@media (min-width: 1200px) {

  #productoDetalleMid .small-one, #productoDetalleMid .small-two, #productoDetalleMid .small-three, #productoDetalleMid .small-four, #productoDetalleMid .big-one {

    height: 285px; } }

    

/* ocultar cuadro gris de productos */    

#productoDetalleMid .small-one {

    display: none;

}

#productoDetalleMid .small-two {

    /*height: 160px;*/
	height: auto;
	padding: 0px;
    margin-top: 20px;

}

/* ----------- */

.pd-estructurales .top {

  background: url("../images/top-estructurales.jpg") 50% 50%/cover; }

.pd-estructurales .small-two {

  background: url("../images/detalleProd.jpg") 50% 50%/cover; }



.pd-comerciales .top {

  background: url("../images/top-comerciales.jpg") 50% 50%/cover; }

.pd-comerciales .small-two {

  background: url("../images/prod-sq-comerciales.jpg") 50% 50%/cover; }



.pd-planos .top {

  background: url("../images/top-planos.jpg") 50% 50%/cover; }

.pd-planos .small-two {

  background: url("../images/prod-sq-planos.jpg") 50% 50%/cover; }



.pd-perfiles .top {

  background: url("../images/top-perfiles.jpg") 50% 50%/cover; }

.pd-perfiles .small-two {

  background: url("../images/prod-sq-perfiles.jpg") 50% 50%/cover; }



.pd-tubos .top {

  background: url("../images/top-tubos.jpg") 50% 50%/cover; }

.pd-tubos .small-two {

  background: url("../images/prod-sq-tubos.jpg") 50% 50%/cover; }



.pd-herrajes .top {

  background: url("../images/top-herrajes.jpg") 50% 50%/cover; }

.pd-herrajes .small-two {

  background: url("../images/prod-sq-herrajes.jpg") 50% 50%/cover; }



.pd-otros .top {

  background: url("../images/top-otros.jpg") 50% 50%/cover; }

.pd-otros .small-two {

  background: url("../images/prod-sq-otros.jpg") 50% 50%/cover; }



#productoDetalleTabla {

  background-color: #f6f6f6;

  padding: 60px 0 90px; }

  #productoDetalleTabla p {

    color: #808080;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 20px;

    font-weight: 400; }

  #productoDetalleTabla table {

    border-collapse: separate;

    border-spacing: 5px;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 14px;

    text-align: center;

    width: 100%; }

    #productoDetalleTabla table thead tr:first-child th {

      background-color: #e6e6e6;

      color: #333;

      font-weight: 400;

      padding: 5px 0; }

    #productoDetalleTabla table thead tr:last-child th {

      color: #e1251b;

      font-weight: 400;

      padding: 20px 0; }

    #productoDetalleTabla table tbody tr td {

      border-top: 1px solid #666;

      color: #000;

      padding: 20px 0; }



/* ======================================================= SERVICIOS ======================================================= */

#serviciosTop {

  background: url("../images/top-servicios.jpg") 50% 50%/cover;

  padding-top: 100px;

  min-height: 325px;

  margin-top: 100px; }

  #serviciosTop h2 {

    color: #fff;

    font-size: 72px;

    font-weight: bold;

    line-height: 1; }


#serviciosMid{
	padding: 90px 0;
}
#serviciosMid, #serviciosBot {

  background-color: #f2f2f2;

  /*padding: 90px 0; */}

  #serviciosMid iframe, #serviciosBot iframe {

    height: 460px; }

  #serviciosMid h3, #serviciosBot h3 {

    color: #333;

    font-size: 42px;

    font-weight: bold;

    line-height: 1;

    margin-bottom: 30px; }

  #serviciosMid .box, #serviciosBot .box {

    background-color: #fff;

    height: 215px;

    padding: 25px; }

    #serviciosMid .box h4, #serviciosBot .box h4 {

      color: #333;

      font-size: 28px;

      font-weight: bold; }

    #serviciosMid .box p, #serviciosBot .box p {

      color: #4d4d4d;

      font-size: 12px;

      font-weight: 400; }

    #serviciosMid .box + img, #serviciosBot .box + img {

      margin-bottom: 35px;

      width: 100%; }

  #serviciosMid .link-button, #serviciosBot .link-button {

    background-color: #4d4d4d;

    color: #fff;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 22px;

    font-weight: bold;

    margin-top: 20px;

    margin-bottom: 30px;

    padding: 12px 30px;

    transition: none; }

    #serviciosMid .link-button:hover, #serviciosBot .link-button:hover {

      background-color: #e00f20; }



#serviciosOver{

  background: #f2f2f2;

}

#serviciosOver p {

  color: #706f6f;

  font-family: "Roboto Condensed", sans-serif;

  font-size: 21px; }

#serviciosOver .back-left {

  background: url("../images/servicios-over-alcalde.jpg") 50% 50%/cover; }

#serviciosOver .back-right {

  background-color: #4d4d4d; }

#serviciosOver .front-left {

  background-color: #fff;

  height: 200px;

  padding-top: 30px;

  padding-bottom: 30px;

  margin-top: 120px; }

  #serviciosOver .front-left h3 {

    font-size: 38px;

    font-weight: bold;

    line-height: 1; }

  #serviciosOver .front-left p {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 21px;

    font-weight:600;

    margin-top: revert;

    line-height: 1.1; }

  #serviciosOver .front-left::before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    /* width: 100px; */

    width: 25px;

    background: #fff;

    /* left: -100px;  */

    left: -25px; 

  }

#serviciosOver .front-right h3 {

  color: #fff;

  font-size: 58px;

  font-weight: bold;

  margin-top: 140px; }

  #serviciosOver .front-right h3 span {

    color: #e00f20;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 30px; }

#serviciosOver .front-right .link-button {

  background-color: #e00f20;

  color: #fff;

  font-family: TradeGothicCondensed, sans-serif;

  font-size: 20px;

  font-weight: bold; }

  #serviciosOver .front-right .link-button:hover {

    background-color: #fff;

    color: #e00f20; }



/* ======================================================= SUCURSALES ======================================================= */

#sucursalesTop {

  background: url("../images/top-sucursales.jpg") 50% 50%/cover;

  padding-top: 120px;

  min-height: 325px;

  margin-top: 100px; }

  #sucursalesTop h2 {

    color: #fff;

    font-size: 72px;

    font-weight: bold; }



#sucursalesBody {

  background-color: #f2f2f2;

  padding: 90px 0 60px; }

  #sucursalesBody h3 {

    color: #333;

    font-size: 42px;

    font-weight: bold;

    margin-bottom: 30px; }

  #sucursalesBody .box {

    background-color: #fff;

    height: 165px;

    padding: 25px; }

    #sucursalesBody .box h4 {

      color: #333;

      font-size: 28px;

      font-weight: bold; }

    #sucursalesBody .box p {

      color: #4d4d4d;

      font-size: 12px;

      font-weight: bold; }

    #sucursalesBody .box + img {

      margin-bottom: 35px;

      width: 100%; }



.cobertura-entrega .back-left {

  background: url("../images/sucursales-over.jpg") 50% 50%/cover; }

.cobertura-entrega .back-right {

  background-color: #4d4d4d; }

.cobertura-entrega .front-left {

  background-color: #fff;

  height: 200px;

  padding-top: 50px;

  padding-bottom: 50px;

  margin-top: 120px; }

  .cobertura-entrega .front-left p {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 15px; }

  .cobertura-entrega .front-left img {

    display: block;

    margin: auto; }

.cobertura-entrega .front-right h3 {

  color: #fff;

  font-size: 58px;

  font-weight: bold;

  margin-top: 140px; }

.cobertura-entrega .front-right .link-button {

  background-color: #e00f20;

  color: #fff;

  font-family: TradeGothicCondensed, sans-serif;

  font-size: 20px;

  font-weight: bold; }

  .cobertura-entrega .front-right .link-button:hover {

    background-color: #fff;

    color: #e00f20; }



.sucursal-map img {

  width: 100%; }



#sucursalDetalleInfo h2 {

  color: #e00f20;

  font-family: TradeGothicCondensed, sans-serif;

  font-size: 20px;

  font-weight: bold;

  margin: 60px auto 30px; }

#sucursalDetalleInfo h3 {

  color: #3c3c3c;

  font-size: 41px;

  font-weight: bold;

  margin-bottom: 30px; }

#sucursalDetalleInfo p {

  color: #4d4d4d;

  font-family: "Roboto Condensed", sans-serif;

  font-size: 16px; }

#sucursalDetalleInfo .h-line .line {

  margin-right: 40%; }

#sucursalDetalleInfo .whatsapp-button {

  background-color: #39b54a;

  border-radius: 10px;

  color: #fff;

  display: flex;

  justify-content: space-between;

  font-size: 20px;

  font-weight: 400;

  margin-top: 30px;

  padding: 15px; }

  #sucursalDetalleInfo .whatsapp-button:hover {

    background-color: #258f33; }

  #sucursalDetalleInfo .whatsapp-button i {

    font-size: 1.5em; }

#sucursalDetalleInfo .back-right {

  background: url("../images/sucursal-detalle-1.jpg") 50% 50%/cover; }



/* ======================================================= CONTACTO ======================================================= */

.contacto-top {

  background: url("../images/top-contacto.jpg") 50% 50%/cover;

  padding-top: 100px;

  min-height: 325px;

  margin-top: 100px; }

  .contacto-top h2 {

    color: #fff;

    font-size: 72px;

    font-weight: bold;

    line-height: 1; }



.bolsa-top {

  background: url("../images/top-bolsa.jpg") 50% 50%/cover!important;

  }



.quejas-top {

  background: url("../images/top-quejas.jpg") 50% 50%/cover!important;

  }



.contacto-body {

  padding: 80px 0 120px; }

  .contacto-body .left-side h3 {

    color: #3c3c3c;

    font-size: 29px;

    font-weight: bold; }

  .contacto-body .left-side p {

    color: #706f6f;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 1em; }

  .contacto-body .left-side h4 {

    color: #e00f20;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 0; }

  .contacto-body .form-side label {

    color: #706f6f;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 10px; 
	width: 100%;
}

  .contacto-body .form-side input {

    background-color: #f2f2f2;

    border: none;

    height: 40px;

    margin-bottom: 20px;

    padding: 0 10px;

    width: 100%!important; }

  .contacto-body .form-side textarea {

    background-color: #f2f2f2;

    border: none;

    margin-bottom: 20px;

    padding: 0 10px;

    resize: none;

    width: 100%; }

  .contacto-body .form-side .link-button {

    background-color: #4d4d4d;

    border: 0;

    color: #fff;

    font-family: TradeGothicCondensed, sans-serif;

    font-size: 22px;

    font-weight: bold;

    height: 46px;

    padding: 0;

    width: 166px; }

    .contacto-body .form-side .link-button:hover {

      background-color: #e00f20; }



#privacidadMid h3 {

  color: #3c3c3c;

  font-size: 47px;

  font-weight: bold;

  margin-bottom: 2em; }

#privacidadMid h4 {

  color: #e00f20;

  font-family: Roboto, sans-serif;

  font-size: 22px;

  font-weight: bold;

  margin-bottom: 1em; }

#privacidadMid p {

  color: #706f6f;

  font-family: "Roboto Condensed", sans-serif;

  font-size: 22px;

  font-weight: 400;

  line-height: 1.1;

  margin-bottom: 1em;

  text-align: justify; }



.select-css {

  border: none;

  color: #444;

  display: block;

  font-size: 16px;

  font-family: "Arial", sans-serif;

  font-weight: 400;

  line-height: 1.3;

  padding: 0.4em 1.4em 0.3em 0.8em;

  width: 400px;

  max-width: 100%;

  box-sizing: border-box;

  margin: 0;

  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none;

  background-color: #fff;

  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat, repeat;

  background-position: right 0.7em top 50%, 0 0;

  background-size: 0.65em auto, 100%; }

  .select-css::-ms-expand {

    display: none; }

  .select-css:hover {

    border-color: #888; }

  .select-css:focus {

    border-color: #aaa;

    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);

    color: #222;

    outline: none; }

  .select-css option {

    font-weight: normal; }



.hidden-select {

  display: none; }



.idBxSlider {

  display: none; }

  .idBxSlider .bxSliderDist li {

    height: 150px;

    width: 269px !important; }



.content-table {

  color: #fff;

  display: table;

  font-size: 13px;

  height: 90%;

  width: 94%;

  margin: auto;}



.center-content {

  display: table-cell;

  font-size: 10px;

  position: relative;

  text-align: left;

  vertical-align: middle;

  z-index: 10; }

  



.fadebox {

  background-color: rgba(0, 0, 0, 0.8);

  display: none;

  height: 100vh;

  left: 0;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 1001; }



.contentlightbox {

  display: flex;

  justify-content: center;

}

.headLightBox {

  margin: auto;

  background: url("../images/header_lightbox.jpg") no-repeat center/cover;

  border-bottom: 4px solid red;

  height: 140px; }

  .headLightBox h1 {

    color: #fff;

    font-size: 54px;

    text-align: center;}



.bodyLightbox {    

  background-color: #fff;

  color: #000;

	font-size: 13px;

    text-align: justify;

  padding: 40px 40px 0px;

  height: 70%;}



.float {

  display: inline-block;

  vertical-align: top; }



.logoEnd {

  flex-grow: 0;

  width: 100px; }



/* ======================================================= 404 ======================================================= */

#error_404 {

  background: url("../images/back-404.jpg") no-repeat center/cover;

  height: 720px;

  text-align: center; }

  #error_404 h1 {

    color: #fff;

    font-size: 250px;

    letter-spacing: 0.05rem;

    text-align: center; }

  #error_404 hr {

    background: red;

    border: 0;

    height: 2px;

    margin: 47px auto;

    width: 134px; }

  #error_404 p {

    font-size: 17px;

    text-align: center; }

  #error_404 .btnBackHome a {

    background: red;

    color: #fff;

    display: block;

    margin: 52px auto auto;

    padding: 10px 0;

    text-align: center;

    width: 250px; }



/* ======================================================= BUSQUEDA ======================================================= */

#busqueda #somosTop {

  background: url("../images/back-busqueda.jpg") no-repeat center/cover; }

  #busqueda #somosTop .title {

    color: #fff;

    text-transform: uppercase; }

#busqueda #listProyectos {

  margin: 100px auto; }

  #busqueda #listProyectos li {

    height: 90px; }

    #busqueda #listProyectos li + li {

      border-top: 1px solid #ccc; }

    #busqueda #listProyectos li a figure {

      margin: 10px 0 0;

      display: none;}

    #busqueda #listProyectos li a h2 {

      padding: 12px 0; }



#btn-catalogo {

  position: fixed;

  right: -50px;

  top: 300px;

  z-index: 10;

  transform: rotate(-90deg);

background-color: #e00f20;

padding: 10px 15px;

height: 52px;

}

  #btn-catalogo a {

    display: block;

    color:#FFFFFF;

      text-decoration:none;

      letter-spacing:1px;

      font-size:22px;

  }

  

  .btn-mas{

      /*background-color: #e00f20;*/

      color:#FFFFFF;

      border-radius:7px;

  }

  .btn-mas a{

      color:#FFFFFF;

      box-shadow: 0 0 6px rgba(0, 0, 0, 0.0);
	  background-color: #e00f20;

  }

  .btn-mas a:hover{

      color:rgba(255,255,255,0.8);

      box-shadow: 0 0 6px rgba(0, 0, 0, 0.0);

  }

  

  .btn-mas-tag{

      margin-top: 180px;

      font-size: 14px;

    line-height: 24px;
	position: absolute;
    bottom: 0px;
    padding: 0px 10px;

  }



.btn-file {

  background-color: #e6e6e6;

  color: #6e6e6e;

  font-size: 14px;

  line-height: 25px;

  overflow: hidden;

  position: relative;

  width: 100%; }

  .btn-file input[type="file"] {

    position: absolute;

    top: 0;

    right: 0;

    min-width: 100%;

    min-height: 100%;

    text-align: right;

    filter: alpha(opacity=0);

    opacity: 0;

    outline: 0;

    background: white;

    cursor: pointer;

    display: block; }



.label-file-papeleria {

  display: block;

  margin-top: 5px;

  text-align: center;

  word-wrap: break-word; }



#logoFooter {

  background: #f2f2f2;

  padding: 54px 0; }



#searchMid {

  width: 100%; }



/* ======================================================= HISTORIA ======================================================= */

#historia {

  margin-top: 100px; }

  #historia #historiaTop {

    position: relative; }

    #historia #historiaTop::before {

      background: url("../images/historia-fondo-top-b.jpg") no-repeat center top;

      background-size: 100% auto;

      content: "";

      position: absolute;

      height: 400px;

      width: 100%; }

    #historia #historiaTop .titleSec {

      font-size: 72px;

      margin: 40px auto; }

    #historia #historiaTop #accordeon {

      margin-top: 139px; }

      #historia #historiaTop #accordeon li .headerAccord a {

        background: url("../images/historia-fondo-accordeon.png") repeat-x center;

        color: #e1251b;

        display: block;

        font-family: Tungsten, sans-serif;

        height: 85px;

        font-size: 32px;

        line-height: 86px; }

        #historia #historiaTop #accordeon li .headerAccord a .plus {

          color: #4d4d4d;

          float: right; }

        #historia #historiaTop #accordeon li .headerAccord a .minus {

          color: #4d4d4d;

          float: right;

          display: none; }

      #historia #historiaTop #accordeon li .infoAccord {

        display: none;

        padding-bottom: 39px; }

      #historia #historiaTop #accordeon li + li {

        border-top: 1px solid #ccc; }

    #historia #historiaTop #containerTimeLine {

      height: 790px;

      margin-bottom: 56px;

      overflow: auto; }

  #historia #historiaBottom {

    background: url("../images/historia-fondo-inf.png") no-repeat center top/cover;

    padding-bottom: 70px;

    margin-top: 40px;}

    #historia #historiaBottom iframe {

      height: 525px;

      margin: -40px auto 64px auto;

      width: 100%; }

    #historia #historiaBottom p {

      height: 100px;

      padding-top: 20px;}

    #historia #historiaBottom .logosContainer {

      margin: 53px auto;

      text-align: center; }

      #historia #historiaBottom .logosContainer .row .item-icon {

        height: 120px; }

        #historia #historiaBottom .logosContainer .row .item-icon .center-content {

          text-align: center; }

      #historia #historiaBottom .logosContainer .row .col-sm-4:nth-child(4), #historia #historiaBottom .logosContainer .row .col-sm-4:nth-child(5), #historia #historiaBottom .logosContainer .row .col-sm-4:nth-child(6) {

        margin-top: 20px; }

        

        /*Estilos personalizados*/

        

        @media screen and (min-width:576px){

            .col-sm-3 {

                -ms-flex: 0 0 25%;

                flex: 0 0 25%;

                max-width: 20%!important;

            }

        }

        

        @media screen and (max-width:575px){

            .movil-parrafo {

                margin-top:50px;

                

            }

            .timeline .containerTl {

            padding: 0px 10px;

            }

            .btn-mas {

            max-height: 252px;

            }

            .backBuscadorHome h4, .backBuscadorHome h2{

                text-align:center;

            }

            #topHome #topHomeSlider li h2 {

                font-size: 60px;

}

        }

        
/*Moveo*/

div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
    
    font-family: "Roboto Condensed", sans-serif;
    color: #111!important;
    
}

div.asl_r .results .item .asl_content h3 a:hover {
    font-weight:bold;
    font-family:"Roboto Condensed", sans-serif;
    
}

#busqueda #ajaxsearchlite1{
	    width: 100%;
    z-index: 0;
}
#busqueda #ajaxsearchlite1 .promagnifier{
	display: none;
}

#historia, #historia h1, #historia h2, #historia h3, #historia p{
	font-family: 'Roboto Condensed', sans-serif!important;
}

#historiaTopAceros {

  background: url("../images/historia/top-historia.jpg") 50% 50%/cover;

  padding-top: 100px;

  min-height: 325px;

  margin-top: 136px; 
}

#historiaTopAceros h2 {
    color: #fff;
    font-size: 72px;
    font-weight: bold;
    line-height: 1;
	font-family: Tungsten, sans-serif!important;
}
#historiaInfo .intro{
	background-color: #4D4D4D;
	color: #fff;
}

#historiaInfo .intro p{
   
   
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
    
}

#historiaInfo .title {
    font-size: 2rem;
    color: #ffffff;
    margin: 20px;
    margin-left: 0px;
    font-weight: 600;
}
#historiaInfo .contenedor-in {
    width: 100%;
    
}
.mvv p{
	text-align: justify;
	margin-bottom: 0px;

}
.mvv .nav-tabs {
    border-bottom: 0px solid #dee2e6; 
	
}

.mvv .nav-tabs .nav-item  .nav-link {
    font-family: Tungsten, sans-serif;
    color: #808080;
    text-decoration: none;
    font-size: 30px;
    font-weight: 600 !important;
    border: 0px;
	border-right: 1px solid #000;
    text-align: center;
    display: block;
    	
    letter-spacing: 1px;
}
.mvv .nav-tabs .nav-item  .nav-link:hover {
	color: #808080 !important;
	border: 0px;
	border-right: 1px solid #000;
}

.mvv .nav-tabs .nav-item.active  .nav-link {
	color: #E1251B !important;
	border: 0px;
	border-right: 1px solid #000;
}

.mvv .nav-tabs .nav-item  .nav-link.valores {
    border-right: none!important;
}
.mvv .nav-tabs .nav-item  .nav-link.mision {
        padding-left: 0px!important;
}
.bg-historia-video {
    background-image: url(../images/historia/video-historia.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.only-medium, .only-mov{
	display: none;
}
.cuadro-crema{
	background-color: #F2F2F2;
	
}
.cuadro-gris{
	background-color: #4D4D4D;
	color:#fff;
	
}
.cuadro-gris p{
	text-align: justify;
}
#historiaNecesidades .title{
	font-size: 1.5rem;
	color: #E2231A;
	padding-right: 2%!important
}
.cuadro-crema p{
	text-align: justify;
	padding-right: 10%!important;
}
.separador{
	border: 1px solid #808080;
    margin: 20px 0px;
	width: 90%;
	
}
#historia #historiaTrayectoria .titulo-trayectoria{
	font-family: Tungsten, sans-serif!important;
    
    color: #CCCCCC;
    font-size: 55px;
    margin-left: 14%;
    
    margin-top: 24px;
}

/*carrousel*/
#historiaTrayectoria{
	background-color: #F2F2F2;
}
#historiaTrayectoria .owl-carousel .item{
	padding: 2rem!important;
}

#historiaTrayectoria .owl-carousel .item .text h2{
	color: #E2231A;
	font-family: Tungsten, sans-serif!important;
	
}

#historiaTrayectoria .owl-carousel .owl-nav button.owl-prev{
	position: absolute;
    top: 50px;
	color: #E00F20;
	border: 0px!important;

}

#historiaTrayectoria .owl-carousel .owl-nav button.owl-next{
	position: absolute;
    top: 50px;
	right: 0px;
	color: #E00F20;
	border: 0px!important;

}
#historiaTrayectoria .owl-carousel .owl-nav button.owl-prev i, #historiaTrayectoria .owl-carousel .owl-nav button.owl-next i{
	font-size: 30px;
}

#historiaTrayectoria .owl-carousel .owl-nav button.owl-prev:active, #historiaTrayectoria .owl-carousel .owl-nav button.owl-next:active{
	
}

.owl-next:focus, .owl-prev:focus {outline: none;}

.historia-vacio{
	height: 100%;
    width: 50%;
    position: relative;
    left: 25%;
}

.modal-content{
	background-color: transparent;
}

.modal-dialog{
	max-width: 60%!important;
}


.close {
    color: #fff;
    opacity: 1;
}
#sucursalesBody iframe{
	border: 0;
    width: 100%;
    height: 280px;
}
.moveo-srtip{
	/*flex-direction: row!important;*/
}

.tabla_scroll {
  display: none;
}