@font-face {
  font-family: "futura";
  src: url("../fonts/FuturaStd-Light.otf"); }
@font-face {
  font-family: "montserrat";
  src: url("../fonts/Montserrat-Regular.ttf"); }
@font-face {
  font-family: "novecentos-bold";
  src: url("../fonts/Novecentosanswide-Book.otf"); }
@font-face {
  font-family: "novecentos-medium";
  src: url("../fonts/Novecentosanswide-Medium.otf"); }
@font-face {
  font-family: "opensans-regular";
  src: url("../fonts/OpenSans-Regular.ttf"); }
@font-face {
  font-family: "opensans-semibold";
  src: url("../fonts/OpenSans-Semibold_0.ttf"); }
@font-face {
  font-family: "roboto-bold";
  src: url("../fonts/Roboto-Bold.ttf"); }
@font-face {
  font-family: "roboto-medium";
  src: url("../fonts/Roboto-Medium.ttf"); }
@font-face {
  font-family: "roboto-regular";
  src: url("../fonts/Roboto-Regular.ttf"); }
@font-face {
  font-family: "roboto-thin";
  src: url("../fonts/Roboto-Thin.ttf"); }
@font-face {
  font-family: "tornado";
  src: url("../fonts/tornado.eot");
  src: url("../fonts/tornado.eot?#iefix") format("embedded-opentype"), url("../fonts/tornado.woff") format("woff"), url("../fonts/tornado.ttf") format("truetype"), url("../fonts/tornado.svg#tornado") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "tornado" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "tornado" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-productos:before {
  content: "\61"; }

.icon-facebook:before {
  content: "\63"; }

.icon-empresa:before {
  content: "\64"; }

.icon-servicios:before {
  content: "\65"; }

.icon-whatsapp:before {
  content: "\66"; }

.icon-contacto:before {
  content: "\67"; }

section.contacto .imagen img {
  width: 100%; }

p.info {
  font-family: "roboto-regular";
  font-size: 19px;
  color: #808080;
  margin-top: 96px;
  margin-bottom: 92px; }
  @media screen and (max-width: 767px) {
    p.info {
      text-align: center;
      padding: 0 5px; } }
  @media screen and (max-width: 480px) {
    p.info {
      font-size: 16px; } }

@media screen and (max-width: 767px) {
  .formulario .campos {
    padding: 0 40px; } }
@media screen and (max-width: 480px) {
  .formulario .campos {
    padding: 0 5px; } }
.formulario .campos .desc {
  background: #DF9F00;
  font-family: "roboto-regular";
  font-size: 19px;
  color: #FFF;
  width: 376px;
  text-indent: 13px; }
  @media screen and (max-width: 1200px) {
    .formulario .campos .desc {
      width: 100%; } }
.formulario .campos input[type="text"], .formulario .campos #comentario {
  width: 376px;
  height: 28px;
  margin-top: 11px;
  margin-bottom: 11px;
  border: 1px solid #DF9F00;
  color: #666666;
  font-family: "roboto-regular";
  font-size: 12px;
  text-indent: 13px; }
  .formulario .campos input[type="text"]::-webkit-input-placeholder, .formulario .campos #comentario::-webkit-input-placeholder {
    color: #666666;
    font-family: "roboto-regular";
    font-size: 12px; }
  @media screen and (max-width: 992px) {
    .formulario .campos input[type="text"], .formulario .campos #comentario {
      width: 328px; } }
.formulario .campos #comentario {
  height: 221px;
  width: 100%; }
  @media screen and (max-width: 992px) {
    .formulario .campos #comentario {
      width: 704px;
      margin: 0px 0 0 15px; } }
  @media screen and (max-width: 767px) {
    .formulario .campos #comentario {
      width: 100%;
      height: 54px;
      margin: 0; } }
.formulario .campos .centrar-boton {
  display: flex;
  justify-content: center; }
  .formulario .campos .centrar-boton button.enviar {
    width: 196px;
    height: 29px;
    border: none;
    background: #DF9F00;
    margin: auto;
    font-family: "roboto-regular";
    font-size: 19px;
    color: #FFF;
    margin: 50px 0; }
.formulario .campos input[type="text"]:nth-child(even) {
  width: 376px;
  height: 28px;
  margin-left: 26px; }
  @media screen and (max-width: 1200px) {
    .formulario .campos input[type="text"]:nth-child(even) {
      margin-left: 0;
      width: 100%; } }
  @media screen and (max-width: 992px) {
    .formulario .campos input[type="text"]:nth-child(even) {
      margin-left: 15px;
      width: 328px; } }
  @media screen and (max-width: 767px) {
    .formulario .campos input[type="text"]:nth-child(even) {
      width: 100%;
      margin-left: 0; } }
@media screen and (max-width: 1200px) {
  .formulario .campos input[type="text"]:nth-child(odd) {
    margin-left: 0;
    width: 100%; } }
@media screen and (max-width: 992px) {
  .formulario .campos input[type="text"]:nth-child(odd) {
    margin-left: 15px;
    width: 328px; } }
@media screen and (max-width: 767px) {
  .formulario .campos input[type="text"]:nth-child(odd) {
    width: 100%;
    margin-left: 0; } }
.formulario .aside-info {
  position: relative;
  left: 30px; }
  @media screen and (max-width: 1250px) {
    .formulario .aside-info {
      left: 5px; } }
  @media screen and (max-width: 767px) {
    .formulario .aside-info {
      padding: 0 40px; } }
  @media screen and (max-width: 480px) {
    .formulario .aside-info {
      padding: 0;
      left: 0; } }
  @media screen and (max-width: 992px) {
    .formulario .aside-info {
      position: static; } }
  @media screen and (max-width: 992px) {
    .formulario .aside-info .columna:nth-child(odd) {
      padding-right: 23px; } }
  @media screen and (max-width: 767px) {
    .formulario .aside-info .columna:nth-child(odd) {
      padding-right: 0; } }
  .formulario .aside-info .renglon {
    height: 100px; }
    .formulario .aside-info .renglon .cabecera {
      background: #DF9F00;
      font-family: "roboto-regular";
      font-size: 19px;
      color: #FFF;
      text-indent: 10px; }
    .formulario .aside-info .renglon p.detalle {
      font-family: "roboto-regular";
      font-size: 19px;
      color: #666666;
      margin: 0;
      padding: 0 5px; }
      @media screen and (max-width: 480px) {
        .formulario .aside-info .renglon p.detalle {
          font-size: 16px; } }

.locacion #mapa {
  width: 100%;
  height: 550px; }

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