/**
 * variables
 */
/**
 * funciones
 */
/**
 * fuentes
 */
@font-face {
  font-family: 'pierSansLight';
  src: url("../fuentes/PierSans-Light.eot");
  src: url("../fuentes/PierSans-Light.woff2") format("woff2"), url("../fuentes/PierSans-Light.woff") format("woff"), url("../fuentes/PierSans-Light.ttf") format("truetype"), url("../fuentes/PierSans-Light.svg#PierSans-Light") format("svg"), url("../fuentes/PierSans-Light.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pierSansBold';
  src: url("../fuentes/PierSans-Bold.eot");
  src: url("../fuentes/PierSans-Bold.woff2") format("woff2"), url("../fuentes/PierSans-Bold.woff") format("woff"), url("../fuentes/PierSans-Bold.ttf") format("truetype"), url("../fuentes/PierSans-Bold.svg#PierSans-Bold") format("svg"), url("../fuentes/PierSans-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pierSansBoldItalic';
  src: url("../fuentes/PierSans-BoldItalic.woff") format("woff"), url("../fuentes/PierSans-BoldItalic.ttf") format("truetype"), url("../fuentes/PierSans-BoldItalic.svg#PierSans-BoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pierSansRegular';
  src: url("../fuentes/PierSans-Regular.eot");
  src: url("../fuentes/PierSans-Regular.woff2") format("woff2"), url("../fuentes/PierSans-Regular.woff") format("woff"), url("../fuentes/PierSans-Regular.ttf") format("truetype"), url("../fuentes/PierSans-Regular.svg#PierSans-Regular") format("svg"), url("../fuentes/PierSans-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
/**
 * mixins
 */
/**
 * resets
 */
img {
  display: block; }

.resaltado {
  color: #0f9dca;
  font-family: 'pierSansBold'; }

.resaltado2 {
  color: #0f8ba3;
  font-family: 'pierSansBold'; }
  .resaltado2 span {
    font-family: 'pierSansBoldItalic'; }

body .header {
  background: url(../images/Fondo_01.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden; }
  body .header.gracias .contenedor:nth-child(2) {
    margin: 0 auto; }
    body .header.gracias .contenedor:nth-child(2) .bienvenida {
      float: none;
      padding: 0 0 200px;
      width: 60%; }
  body .header .contenedor {
    clear: both;
    margin: 0 auto;
    max-width: 1320px;
    overflow: hidden; }
    body .header .contenedor:nth-child(1) {
      margin: 40px auto 0; }
    body .header .contenedor:nth-child(2) {
      position: relative; }
    body .header .contenedor .logoHeader {
      display: block;
      float: left;
      overflow: hidden; }
      body .header .contenedor .logoHeader .linkHome {
        display: block;
        overflow: hidden; }
        body .header .contenedor .logoHeader .linkHome img {
          margin: 0 auto;
          max-width: 150px; }
    body .header .contenedor .contactoHeader, body .header .contenedor .redesHeader {
      float: right;
      overflow: hidden; }
    body .header .contenedor .redesHeader ul {
      margin: 0;
      padding: 0; }
      body .header .contenedor .redesHeader ul li {
        display: inline-block;
        list-style: none; }
        body .header .contenedor .redesHeader ul li a {
          display: block;
          height: 47px;
          text-indent: -9999px;
          width: 47px; }
          body .header .contenedor .redesHeader ul li a.facebookHeader {
            background: url(../images/Icono-FB.png) no-repeat center;
            margin: 0 20px 0 0; }
          body .header .contenedor .redesHeader ul li a.twitterHeader {
            background: url(../images/Icono-TW.png) no-repeat center; }
    body .header .contenedor .contactoHeader .telfonoHeader {
      color: #1fb0c8;
      display: block;
      font: 300 1.0625em "pierSansLight";
      margin: 10px 65px 0 0; }
    body .header .contenedor .video {
      clear: both;
      float: left;
      margin: 80px auto 30px;
      padding-left: 0;
      padding-right: 0;
      width: 63%;
      z-index: 10;
      -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.44);
      -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.44);
      box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.44); }
      body .header .contenedor .video iframe {
        display: block;
        height: 490px;
        width: 100%; }
    body .header .contenedor .bienvenida {
      float: right;
      margin: 30px auto 0;
      overflow: hidden;
      width: 33%; }
      body .header .contenedor .bienvenida img {
        margin: 0 auto; }
      body .header .contenedor .bienvenida .texto {
        color: white;
        text-align: center; }
        body .header .contenedor .bienvenida .texto span {
          display: block;
          margin: 0 auto;
          max-width: 540px; }
          body .header .contenedor .bienvenida .texto span.texto1 {
            font: 700 4.0625em "pierSansBold";
            margin: 20px auto 0; }
          body .header .contenedor .bienvenida .texto span.texto2 {
            font: 300 1.25em "pierSansLight"; }
            body .header .contenedor .bienvenida .texto span.texto2 .texto3 {
              font-family: 'pierSansBold'; }
      body .header .contenedor .bienvenida .botonCall .botonCallForm {
        -webkit-transition: all 0.5 linear;
        -moz-transition: all 0.5 linear;
        -o-transition: all 0.5 linear;
        transition: all 0.5 linear;
        background: #f9a31a;
        background: -webkit-linear-gradient(left, #f9a31a 0%, #f9b21a 100%);
        background: -moz-linear-gradient(left, #f9a31a 0%, #f9b21a 100%);
        background: linear-gradient(to right, #f9a31a 0%, #f9b21a 100%);
        border: none;
        color: white;
        display: block;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a31a', endColorstr='#f9b21a',GradientType=1 );
        font: 300 2.125em "pierSansRegular";
        margin: 30px auto 0;
        padding: 10px 30px;
        -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17);
        -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17);
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17); }
        body .header .contenedor .bienvenida .botonCall .botonCallForm:hover {
          -webkit-transition: all 0.5 linear;
          -moz-transition: all 0.5 linear;
          -o-transition: all 0.5 linear;
          transition: all 0.5 linear;
          background: -moz-linear-gradient(right, #f9a31a 0%, #f9b21a 100%);
          background: -webkit-linear-gradient(right, #f9a31a 0%, #f9b21a 100%);
          background: linear-gradient(to left, #f9a31a 0%, #f9b21a 100%); }
body .demo {
  background: url(../images/Fondo_03.jpg) no-repeat center;
  background-attachment: fixed;
  background-size: cover;
  margin: -70px auto 0;
  overflow: hidden; }
  body .demo .contenedorDemo {
    margin: 0 auto;
    max-width: 1320px; }
    body .demo .contenedorDemo .formularioDemo .contenedorFormulario {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: white;
      margin: 100px auto 120px;
      max-width: 620px;
      padding: 35px 30px 40px;
      position: relative;
      -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17);
      -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17);
      box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17); }
      body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario .texto {
        text-align: center; }
        body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario .texto .texto1 {
          display: block;
          font: 700 3.375em "pierSansBold";
          margin: 0 auto 10px; }
        body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario .texto .texto2 {
          display: block;
          font: 300 2.0625em "pierSansLight";
          margin: 0 auto 10px; }
        body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario .texto .texto3 {
          color: #abb8bb;
          display: block;
          font: 300 1.3125em "pierSansLight";
          margin: 0 auto 20px; }
      body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        border: 2px solid #d7d6d6;
        color: black;
        font: 300 1.3125em "pierSansLight";
        margin: 0 auto 30px;
        min-height: 50px;
        outline: none;
        padding: 0 10px 0;
        width: 100%; }
        body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario input::-webkit-input-placeholder {
          color: #b5b4b4;
          font-family: 'pierSansLight'; }
        body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario input:-moz-placeholder {
          color: #b5b4b4;
          font-family: 'pierSansLight'; }
        body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario input:-ms-input-placeholder {
          color: #b5b4b4;
          font-family: 'pierSansLight'; }
        body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario input.enviar {
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          border-radius: 0px;
          -webkit-transition: all 0.5 linear;
          -moz-transition: all 0.5 linear;
          -o-transition: all 0.5 linear;
          transition: all 0.5 linear;
          background: #f9a31a;
          background: -moz-linear-gradient(left, #f9a31a 0%, #f9b21a 100%);
          background: -webkit-linear-gradient(left, #f9a31a 0%, #f9b21a 100%);
          background: linear-gradient(to right, #f9a31a 0%, #f9b21a 100%);
          border: 0;
          bottom: -20px;
          color: white;
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a31a', endColorstr='#f9b21a',GradientType=1 );
          font: 300 1.5625em "pierSansLight";
          height: 58px;
          left: 10%;
          margin: 0 auto;
          max-width: 255px;
          position: absolute;
          right: 10%;
          -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17);
          -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17);
          box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.17); }
          body .demo .contenedorDemo .formularioDemo .contenedorFormulario .formulario input.enviar:hover {
            -webkit-transition: all 0.5 linear;
            -moz-transition: all 0.5 linear;
            -o-transition: all 0.5 linear;
            transition: all 0.5 linear;
            background: -moz-linear-gradient(right, #f9a31a 0%, #f9b21a 100%);
            background: -webkit-linear-gradient(right, #f9a31a 0%, #f9b21a 100%);
            background: linear-gradient(to left, #f9a31a 0%, #f9b21a 100%); }
    body .demo .contenedorDemo .ventajas {
      margin: 260px auto 0; }
      body .demo .contenedorDemo .ventajas .ventaja {
        margin: 0 auto 60px;
        max-width: 430px;
        overflow: hidden; }
        body .demo .contenedorDemo .ventajas .ventaja img {
          clear: both;
          float: left;
          margin: 0 4% 0 0;
          max-width: 49px;
          width: 15%; }
        body .demo .contenedorDemo .ventajas .ventaja .textoVenataja {
          color: #0f9dc6;
          font: 300 1.0625em "pierSansLight";
          float: left;
          width: 80%; }
body footer .contenedor {
  margin: 0 auto;
  max-width: 1320px;
  overflow: hidden; }
  body footer .contenedor span {
    color: #a3a3a3;
    font: 300 0.8125em "pierSansLight"; }
    body footer .contenedor span.manimator {
      margin: 0 0 0 80px; }
    body footer .contenedor span img {
      display: inline-block;
      margin: 0 10px; }
      body footer .contenedor span img.logo {
        max-width: 109px; }
      body footer .contenedor span img.logoOne {
        max-width: 40px; }

@media screen and (max-width: 1321px) {
  body .header .contenedor {
    max-width: 990px; }
    body .header .contenedor .video iframe {
      height: 350px; }
    body .header .contenedor .bienvenida {
      margin: 0 auto;
      width: 36%; }
      body .header .contenedor .bienvenida img {
        max-width: 150px; }
      body .header .contenedor .bienvenida .texto span {
        display: block;
        margin: 0 auto; }
        body .header .contenedor .bienvenida .texto span.texto1 {
          font-size: 2.5em; }
        body .header .contenedor .bienvenida .texto span.texto2 {
          font-size: 1.125em; }
      body .header .contenedor .bienvenida .botonCall .botonCallForm {
        font-size: 1.75em; } }
@media screen and (max-width: 991px) {
  body .header {
    padding: 0 0 40px; }
    body .header .contenedor {
      max-width: 768px; }
      body .header .contenedor .video iframe {
        height: 355px; }
      body .header .contenedor .bienvenida .texto span {
        display: block;
        margin: 0 auto; }
        body .header .contenedor .bienvenida .texto span.texto1 {
          font-size: 2.1875em; }
  body .demo {
    margin: 0 auto; }
    body .demo .contenedorDemo .formularioDemo .contenedorFormulario {
      margin: 100px auto 80px; }
    body .demo .contenedorDemo .ventajas {
      margin: 0 auto; } }
@media screen and (max-width: 769px) {
  body .header .contenedor {
    max-width: 640px; }
    body .header .contenedor .contactoHeader {
      max-width: 288px; }
      body .header .contenedor .contactoHeader .telfonoHeader {
        margin: 10px auto 0; }
    body .header .contenedor .video, body .header .contenedor .bienvenida {
      width: 100%; } }
@media screen and (max-width: 641px) {
  body .header .contenedor {
    max-width: 480px; }
    body .header .contenedor .logoHeader, body .header .contenedor .redesHeader, body .header .contenedor .contactoHeader {
      clear: both;
      float: none;
      margin: 0 auto; }
    body .header .contenedor .redesHeader {
      margin: 20px auto; }
      body .header .contenedor .redesHeader ul li {
        display: block; }
        body .header .contenedor .redesHeader ul li a.facebookHeader {
          margin: 0 auto; }
    body .header .contenedor .contactoHeader {
      text-align: center; }
    body .header .contenedor .video {
      margin: 30px auto; }
      body .header .contenedor .video iframe {
        height: 264px; } }
@media screen and (max-width: 481px) {
  body .header .contenedor {
    max-width: 320px; } }
@media screen and (max-width: 321px) {
  body .header .contenedor {
    max-width: 320px; } }

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