@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900);
@font-face {
  font-family: 'Relay-MediumItalic';
  src: url("../fonts/Relay-MediumItalic.eot");
  src: url("../fonts/Relay-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Relay-MediumItalic.woff") format("woff"), url("../fonts/Relay-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

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

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

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

@font-face {
  font-family: 'Relay-LightItalic';
  src: url("../fonts/Relay-LightItalic.eot");
  src: url("../fonts/Relay-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Relay-LightItalic.woff") format("woff"), url("../fonts/Relay-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

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

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

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

body {
  padding: 0px;
  margin: 0;
  font-size: 12px;
  font-family: "Raleway", sans-serif; }

h1, h2, h3, h4, p, ul, li {
  padding: 0;
  margin: 0; }

.right {
  float: right; }

.left {
  float: left; }

li {
  list-style: none; }

.clear {
  clear: both; }

button {
  outline: none; }

a, a:hover {
  text-decoration: none; }

p {
  padding: 0;
  margin: 0; }

.fondo {
  background-image: url(../img/Fondo_01.png);
  background-size: cover; }

.cab {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 99999; }
  .cab .cabcolor {
    background-color: #EC2029;
    padding: 45px; }
  .cab .logo {
    float: left; }
  .cab .menu {
    float: right;
    padding: 19px 0 0 0; }
    .cab .menu li {
      display: inline;
      margin: 0 19px 0 0;
      font-size: 16px; }
      .cab .menu li a {
        color: #fff; }
      .cab .menu li a:hover {
        color: #EC2029; }
  .cab .menumobile {
    float: right;
    padding: 19px 0 0 0;
    display: none; }
    .cab .menumobile li {
      display: inline;
      margin: 0 19px 0 0;
      font-size: 16px; }
      .cab .menumobile li a {
        color: #fff; }
      .cab .menumobile li a:hover {
        color: #EC2029; }
  .cab .iconomobile {
    display: none; }
  @media (max-width: 390px) {
    .cab .iconomobile {
      display: block;
      position: absolute;
      top: 21px;
      right: 10px;
      cursor: pointer; }
    .cab .menu {
      display: none; }
    .cab .menumobile {
      float: none;
      position: absolute;
      top: 61px;
      width: 100%;
      left: 0;
      background-color: #000;
      padding-bottom: 14px;
      display: none; }
      .cab .menumobile li {
        display: block;
        text-align: center;
        margin: 0; }
    .cab .logo {
      float: none; }
    .cab .cabcolor {
      padding: 21px; }
    .cab .logo img {
      width: 201px;
      height: auto; } }

@media (max-width: 390px) {
  .container {
    padding: 0; } }

.frase {
  color: #fff;
  font-size: 45px;
  margin-top: 231px;
  text-align: center;
  margin-bottom: 131px;
  line-height: 55px;
  font-weight: 600; }

@media (max-width: 390px) {
  .frase {
    font-size: 39px;
    line-height: 39px;
    margin-bottom: 31px;
    margin-top: 91px; } }

.iconos {
  text-align: center;
  margin-bottom: 31px; }
  .iconos li {
    display: inline;
    margin: 0 14px 0 14px; }
  @media (max-width: 390px) {
    .iconos li {
      margin-right: 12px;
      margin-left: 12px; }
    .iconos li img {
      width: 24%;
      height: auto;
      margin-bottom: 14px; } }

.empresa {
  background-color: #fff;
  text-align: center;
  margin: 31px 0 0 0;
  padding: 43px; }
  .empresa h1 span {
    border-bottom: solid 5px #EC2029;
    padding: 0 0 5px 0;
    font-size: 45px;
    font-family: "Relay";
    font-weight: 900; }
  .empresa h2 {
    margin: 43px 0 33px 0;
    font-weight: 600; }
  .empresa h2 span {
    border: solid 5px #000;
    padding: 10px 15px 10px 15px;
    font-size: 18px; }
  .empresa p {
    font-size: 16px; }
  .empresa .cuerpo {
    width: 80%;
    margin: auto; }
  @media (max-width: 390px) {
    .empresa .cuerpo {
      width: 100%; } }

@media (max-width: 390px) {
  .empresa {
    padding: 14px; } }

.gris {
  background-color: #8D8D8F;
  text-align: center;
  padding: 33px; }
  .gris h1 {
    margin: 43px 0 33px 0; }
  .gris h1 span {
    border: solid 5px #000;
    padding: 10px 15px 10px 15px;
    font-size: 19px; }
  @media (max-width: 390px) {
    .gris h1 span {
      font-size: 12px;
      padding: 10px; } }
  .gris p {
    color: #fff;
    font-size: 16px; }
  .gris .cuerpo {
    width: 80%;
    margin: auto;
    padding-bottom: 33px; }
  .gris a {
    width: 201px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border: solid 2px #fff;
    padding: 10px 15px 10px 15px; }
    .gris a span {
      margin-left: 10px; }
  .gris a:hover {
    background-color: #000;
    border: solid 2px #000;
    color: #fff; }
  @media (max-width: 390px) {
    .gris cuerpo {
      width: 100%; } }

.productos {
  padding: 61px; }
  .productos h1 {
    font-size: 33px;
    color: #EC2029;
    font-family: "Relay";
    font-weight: 900;
    margin-bottom: 31px;
    text-align: center; }
  .productos h2 {
    color: #8D8D8F;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    width: 70%;
    margin: auto auto 51px auto; }
  .productos .col-md-6 {
    padding-top: 33px;
    padding-bottom: 33px;
    text-align: center; }
    .productos .col-md-6 img {
      margin-bottom: 21px; }
    .productos .col-md-6 h3 {
      font-family: "Relay";
      font-weight: 300;
      margin-bottom: 31px; }
      .productos .col-md-6 h3 span {
        font-weight: 900; }
  .productos .borde {
    border-left: solid 1px #8D8D8F; }
  .productos a.vermas {
    width: 101px;
    text-align: center;
    border: solid 1px #EC2029;
    padding: 5px 10px 5px 10px;
    display: block;
    margin: auto;
    color: #EC2029;
    font-weight: 500;
    cursor: pointer;
    display: none; }
    .productos a.vermas span {
      margin-left: 10px; }
  .productos a.vermas:hover {
    background-color: #EC2029;
    color: #fff; }
  .productos a.conoce {
    width: 161px;
    text-align: center;
    color: #8D8D8F;
    font-size: 12px;
    border: solid 2px #8D8D8F;
    padding: 10px 15px 10px 15px;
    margin: 61px auto auto auto;
    display: block;
    clear: auto; }
    .productos a.conoce span {
      margin-left: 10px; }
  .productos a.conoce:hover {
    background-color: #000;
    border: solid 2px #000;
    color: #fff; }
  .productos .texto {
    display: none;
    border: solid 1px #EC2029;
    color: #EC2029;
    padding: 14px;
    font-size: 19px;
    margin-top: 14px; }
  .productos a {
    color: #000;
    cursor: pointer; }
  .productos a:hover {
    color: #EC2029; }
  .productos .active {
    color: #EC2029; }
  @media (max-width: 390px) {
    .productos {
      padding: 31px 0 31px 0; }
      .productos h2 {
        font-size: 19px;
        width: 91%; }
      .productos .borde {
        border: none;
        border-top: solid 1px #8D8D8F;
        border-bottom: solid 1px #8D8D8F; } }
  .productos .grafico {
    display: none; }

.clientes {
  background-color: #000;
  padding: 61px 0 61px 0; }
  .clientes h1 {
    text-align: center;
    margin-bottom: 81px; }
  .clientes h1 span {
    border-bottom: solid 5px #fff;
    padding: 0 0 5px 0;
    font-size: 45px;
    font-family: "Relay";
    font-weight: 900;
    color: #fff; }
  .clientes a {
    width: 201px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    border: solid 2px #fff;
    padding: 10px 15px 10px 15px;
    display: block;
    margin: auto;
    cursor: pointer; }
    .clientes a span {
      margin-left: 10px; }
  .clientes a:hover, .clientes .active {
    background-color: #000;
    border: solid 2px #EC2029;
    color: #EC2029; }
  .clientes .borde {
    border-right: solid 1px #636363; }
  @media (max-width: 390px) {
    .clientes .borde {
      border: none; }
    .clientes a {
      margin-bottom: 10px; } }

.contacto {
  padding: 0 0 61px 0;
  background-image: url(../img/Fondo_01.png);
  background-size: cover; }
  .contacto .formulario {
    background-color: #fff;
    margin-bottom: 51px; }
    .contacto .formulario h1 {
      text-align: center;
      margin-bottom: 31px;
      padding-top: 31px;
      color: #EC2029; }
    .contacto .formulario h1 span {
      border-bottom: solid 5px #000;
      padding: 0 0 5px 0;
      font-size: 45px;
      font-family: "Relay";
      font-weight: 900; }
    .contacto .formulario h2 {
      text-align: center;
      font-size: 22px;
      margin-bottom: 51px; }
    .contacto .formulario input[type="submit"] {
      border: none;
      background-image: url(../img/fpa_r3_c1_s1.jpg);
      width: 85px;
      height: 87px;
      margin: 61px 0 0 0; }
    .contacto .formulario input[type="text"], .contacto .formulario input[type="email"], .contacto .formulario textarea {
      background-color: #C5C3C4;
      border: none;
      padding: 10px;
      width: 90%;
      margin-bottom: 21px; }
    .contacto .formulario label {
      font-size: 21px;
      display: block;
      font-weight: 700; }
    .contacto .formulario select {
      width: 90%;
      border: solid 2px #C5C3C4;
      font-size: 26px;
      padding: 10px;
      margin-bottom: 21px;
      font-weight: 400;
      letter-spacing: 2px;
      margin: auto;
      display: block;
      -webkit-appearance: none;
      -moz-appearance: none;
      color: #C5C3C4;
      appearance: none;
      background-image: url(../img/fpa_r1_c2_s1.jpg);
      background-repeat: no-repeat;
      background-position: 98%; }
    @media (max-width: 390px) {
      .contacto .formulario select {
        font-size: 14px; } }
    .contacto .formulario .cuerpo {
      width: 84%;
      margin: auto;
      padding: 61px 0 61px 0; }
  .contacto .rrhh h1 {
    text-align: center;
    margin-bottom: 31px;
    padding-top: 31px; }
  .contacto .rrhh h1 span {
    border-bottom: solid 5px #000;
    padding: 0 0 5px 0;
    font-size: 45px;
    font-family: "Relay";
    font-weight: 900;
    color: #EC2029; }
  .contacto .rrhh h2 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 51px;
    width: 60%;
    margin: auto auto 21px auto; }
  @media (max-width: 390px) {
    .contacto .rrhh h2 {
      width: 100%; } }
  .contacto .cargar {
    width: 90%;
    margin: auto;
    color: #fff;
    font-size: 26px;
    line-height: 51px;
    text-align: center;
    padding: 31px 0 0 0; }
    .contacto .cargar input[type="text"], .contacto .cargar input[type="email"] {
      border: none;
      border-bottom: solid 1px #000;
      font-size: 26px;
      background-color: transparent;
      color: #000;
      width: 237px;
      text-align: center;
      color: #fff; }
    .contacto .cargar input[type="submit"] {
      display: block;
      margin: 51px auto 51px auto;
      font-family: "Relay";
      font-size: 26px;
      border: none;
      font-weight: 800; }
    .contacto .cargar input[type="submit"]:hover {
      background-color: #000; }
  @media (max-width: 390px) {
    .contacto .cargar {
      width: 100%; } }

input[type="submit"] {
  display: block;
  margin: 51px auto 51px auto;
  font-family: "Relay";
  border: none;
  background-image: url(../img/enviar.jpg);
  width: 132px;
  height: 41px; }

.fotoconoce {
  display: none; }
  .fotoconoce img {
    display: block;
    margin: auto; }

.logosclientes {
  display: none;
  padding: 43px 0 43px 0; }
  .logosclientes .col-md-3 {
    margin-bottom: 10px; }
  .logosclientes .clientes_bancos, .logosclientes .clientes_empresas {
    display: none; }

.pie {
  background-color: #000;
  padding: 121px 0 81px 0; }
  .pie .menu img {
    margin-bottom: 21px; }
  .pie .menu li {
    margin-bottom: 21px; }
    .pie .menu li a {
      color: #fff;
      font-size: 15px;
      font-weight: 200; }
    .pie .menu li a:hover {
      opacity: 0.8; }
  .pie .redes li {
    margin-bottom: 14px;
    text-align: right; }
  .pie .redes a:hover {
    opacity: 0.8; }
  @media (max-width: 390px) {
    .pie .redes li {
      text-align: center; } }
  .pie .datos {
    text-align: center;
    color: #fff;
    font-weight: 600; }
    .pie .datos span {
      font-weight: 200; }
    .pie .datos p {
      margin-bottom: 14px;
      font-size: 15px; }
    .pie .datos img {
      margin-bottom: 61px; }
  .pie .copy {
    text-align: center;
    color: #fff;
    font-size: 21px; }
    .pie .copy img {
      width: 291px;
      height: auto; }
  .pie .logo img {
    display: block;
    margin: auto;
    margin-bottom: 61px; }

@media (max-width: 390px) {
  .pie {
    padding-top: 31px; } }

::-webkit-input-placeholder {
  color: #fff; }

::-moz-placeholder {
  color: #fff; }

/* firefox 19+ */
:-ms-input-placeholder {
  color: #fff; }

/* ie */
input:-moz-placeholder {
  color: #fff; }

div.browse-wrap {
  top: 0;
  left: 0;
  marginz: 20px;
  cursor: pointer;
  overflow: hidden;
  paddingz: 15px 15px;
  position: relative;
  background-color: #fff;
  width: 97%;
  margin: auto;
  color: #DEDEDE;
  border-bottom: solid 1px #000;
  font-size: 26px;
  background-color: transparent; }

div.title {
  color: rgba(255, 255, 255, 0.6);
  font-size: 26px;
  text-align: left;
  padding: 0 24px 0 24px;
  margin-top: 19px; }

input.upload {
  right: 0;
  margin: 0;
  bottom: 0;
  padding: 0;
  opacity: 0;
  height: 300px;
  outline: none;
  cursor: inherit;
  position: absolute;
  font-size: 1000px !important; }

span.upload-path {
  text-align: center;
  margin: 20px;
  display: block;
  font-size: 80%;
  color: #3b5998;
  font-weight: bold;
  font-family: tahoma, arial, sans-serif; }

.centrado {
  text-align: center; }
  .centrado li {
    display: inline-block;
    position: relative; }

/*# sourceMappingURL=main.map */