/*****************************************************
                AJUSTES HOME Y GENERALES                                   
***************************************************/

.separador-blanco {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: 0 auto;
	background: url('../images/separador-blanco.png') no-repeat center top;
	width: 100%;
	height: 175px;
	z-index: 105;
}

#ventajas-compras .container .texto h3, #ventajas-ventas .container .texto h3, #ventajas-envios .container .texto h3 { text-transform: none; }

#empresas-overview .container { padding-top: 60px; }
#overview .container .resumen { text-align: center; position: relative; }
#empresas-overview .container .ico {
  position: absolute;
  left: 0;
  right: 0;
  top: -35px;
  z-index: 110;
}
#overview .container .resumen h2 { padding-bottom: 10px; }
#overview .container .resumen { font-size: 24px; }
#overview .container .resumen p { max-width: 720px; font-size: 17px; }

.pasos-overview {
  text-align: center;
  margin-top: 30px; }
  .pasos-overview .paso {
    display: inline-block;
    position: relative;
    width: 20%;
    text-align: center;
    margin-right: 80px; }
    .pasos-overview .paso figure {
      display: inline-block;
      width: 120px;
      height: 120px;
      -moz-border-radius: 120px;
      -webkit-border-radius: 120px;
      border-radius: 120px;
      background-color: #fff;
      text-align: center;
      vertical-align: middle;
      line-height: 110px;
      margin-bottom: 15px;
      text-align: center; }
    .pasos-overview .paso h4 {
      font-size: 14px;
      font-weight: normal;
      color: #797979; }
      .pasos-overview .paso h4 .nro {
        display: inline-block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #106bad;
        color: #FFF;
        padding: 5px 10px;
        margin-right: 5px;
        font-size: 16px; }
    .pasos-overview .paso:last-child {
      margin-right: 0; }
    .pasos-overview .paso .paso-separador {
      display: block;
      position: absolute;
      top: 50px;
      width: 40%;
      height: 5px;
      background-color: #4089bd;
      right: -40%;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px; }

#empresas-overview .container {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  max-width: 920px; }
  #empresas-overview .container h2 {
    font-weight: normal;
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 30px; }
  #empresas-overview .container ul {
    list-style: none; }
    #empresas-overview .container ul li {
      display: inline;
      padding-left: 22px;
      font-family: 'Lato', Arial, Helvetica, sans-serif;
      font-weight: 300;
      font-size: 24px;
      line-height: 30px;
      color: #797979;
      background: url("../images/bullet.png") no-repeat 8px center; }
      #empresas-overview .container ul li:first-child {
        padding-left: 0;
        background: transparent; }
  #empresas-overview .container .go-down {
    display: block;
    width: 56px;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10; }
#empresas-overview .slider-empresas {
  text-align: center; }
  #empresas-overview .slider-empresas img {
    display: inline; }

#ventajas-cobrar .container, #video-home .container {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px; }
  #ventajas-cobrar .container .texto, #video-home .container .texto {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center; }
  #ventajas-cobrar .container h3, #video-home .container h3 {
    display: block;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 34px;
    color: #1c1c1c;
    padding-bottom: 10px;
    margin: 0 auto; }
    #ventajas-cobrar .container h3 strong, #video-home .container h3 strong {
      color: #106bad; }
  #ventajas-cobrar .container p, #video-home .container p {
    display: block;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    max-width: 480px;
    padding-bottom: 20px;
    margin: 0 auto; }
  #ventajas-cobrar .container .border-btn, #video-home .container .border-btn {
    font-size: 20px; }

#video-home {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
  /* IE6-9 */ }
  #video-home .container {
    padding-top: 0;
    padding-bottom: 0; }
    #video-home .container h3 {
      padding-bottom: 30px; }
    #video-home .container .ventana-video {
      width: 730px;
      margin: 0 auto; }
      #video-home .container .ventana-video .barra {
        height: 30px;
        background: #d9d9d9 url("https://www.pagopar.com/assets/images/bg-window.png") 15px center no-repeat;
        width: 100%; }
      #video-home .container .ventana-video .video {
        position: relative;
        width: 100%;
        height: 330px;
        background: #1a3161; }
        #video-home .container .ventana-video .video .play-btn {
          width: 104px;
          height: 107px;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          background: transparent url("../images/play-btn.png") center center no-repeat; }

#crear-cuenta .container h2 {
	font-size: 32px;
	text-transform: none;
	line-height: 38px;
}
#crear-cuenta .container h2 strong { color: #106bad; }

/*****************************************************
                INTERNA PAGOPAR CARD                                   
***************************************************/

#banner-nosotros.pagoparcard {
  height: 530px; }
  #banner-nosotros.pagoparcard .container {
    position: relative;
    text-align: center; }
  #banner-nosotros.pagoparcard h1 {
    font-size: 42px;
    color: #FFF;
    text-transform: none;
    margin-top: 120px; }
    #banner-nosotros.pagoparcard h1 strong, #banner-nosotros.pagoparcard h1 em {
      color: #FFF; }
  #banner-nosotros.pagoparcard p {
    color: #b9e1fb;
    padding-bottom: 25px; }
    #banner-nosotros.pagoparcard p strong {
      color: #FFF; }
  #banner-nosotros.pagoparcard .img-tarjeta {
    position: absolute;
    left: -200px;
    top: 70px; }
  #banner-nosotros.pagoparcard .btn {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
    display: inline-block;
    font-size: 21px;
    font-weight: 600;
    background-color: #fff;
    color: #253a65; }
    #banner-nosotros.pagoparcard .btn:hover {
      opacity: .7; }

.resumen-tarjeta {
  position: relative;
  margin-top: -100px;
  z-index: 120;
  margin-bottom: 30px; }
  .resumen-tarjeta .resumen-item {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }
    .resumen-tarjeta .resumen-item .ico {
      display: inline-block;
      width: 160px;
      height: 160px;
      -moz-border-radius: 160px;
      -webkit-border-radius: 160px;
      border-radius: 160px;
      background-color: #253a65;
      text-align: center;
      line-height: 160px;
      margin-bottom: 15px; }
    .resumen-tarjeta .resumen-item h3 {
      font-size: 24px;
      font-weight: 400;
      color: #106bad;
      padding-bottom: 10px; }

.beneficios-tarjeta {
  background: #FFF url("../images/tarjetas-bg.jpg") center bottom no-repeat;
  min-height: 400px; }
  .beneficios-tarjeta .container {
    padding-top: 100px;
    position: relative; }
    .beneficios-tarjeta .container h3 {
      font-weight: 700;
      font-size: 30px;
      color: #106bad;
      padding-bottom: 10px; }
    .beneficios-tarjeta .container .img-extractos {
      position: absolute;
      left: -350px;
      bottom: -130px; }

.beneficios-items .container {
  padding-top: 70px;
  padding-bottom: 50px;
  text-align: center; }
  .beneficios-items .container h2 {
    font-weight: 700;
    font-size: 30px;
    color: #106bad;
    padding-bottom: 40px; }
  .beneficios-items .container .item {
    margin-bottom: 40px; }
    .beneficios-items .container .item .ico {
      width: 100%;
      height: 75px;
      text-align: center;
      line-height: 75px;
      margin-bottom: 15px; }
    .beneficios-items .container .item h3 {
      font-size: 24px;
      font-weight: 400;
      color: #106bad;
      padding-bottom: 10px; }
  .beneficios-items .container .costo-tarjeta {
    font-size: 26px;
    color: #106bad;
    margin-top: 30px; }

.detalles-tarjeta {
  background: transparent url("../images/bg-detalles-tarjeta.jpg") center top no-repeat;
  border-top: 1px solid #e9e9e9; }
  .detalles-tarjeta .container {
    padding-top: 50px;
    padding-bottom: 90px;
    text-align: center; }
    .detalles-tarjeta .container h2 {
      font-weight: 700;
      font-size: 30px;
      color: #106bad;
      padding-bottom: 30px; }
    .detalles-tarjeta .container .donde-comprar .lista-tiendas li {
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      padding: 15px;
      display: inline-block;
      width: 160px;
      height: 160px;
      -moz-border-radius: 160px;
      -webkit-border-radius: 160px;
      border-radius: 160px;
      background-color: #FFF;
      text-align: center;
      line-height: 140px;
      border: 1px solid #cececf;
      margin-left: 20px;
      margin-bottom: 20px; }
      .detalles-tarjeta .container .donde-comprar .lista-tiendas li img {
        max-width: 100%;
        height: auto; }
    .detalles-tarjeta .container .donde-recargar .item-recargar {
      margin-bottom: 30px; }
      .detalles-tarjeta .container .donde-recargar .item-recargar figure {
        text-align: center;
        margin-bottom: 15px;
        height: 70px;
        line-height: 70px; }
        .detalles-tarjeta .container .donde-recargar .item-recargar figure img {
          margin-left: 20px; }
      .detalles-tarjeta .container .donde-recargar .item-recargar p {
        display: block;
        min-height: 80px; }
    .detalles-tarjeta .container .otros-beneficios {
      margin-top: 40px; }
      .detalles-tarjeta .container .otros-beneficios .item-otrosbeneficios {
        margin-bottom: 40px; }
        .detalles-tarjeta .container .otros-beneficios .item-otrosbeneficios h3 {
          font-size: 24px;
          font-weight: 400;
          color: #106bad;
          padding-bottom: 10px; }

#como-obtener {
  /* background: transparent url('../images/bg-como-obtener.jpg') center top no-repeat; */
  width: 100%;
  position: relative; }
  #como-obtener .container {
    padding-top: 80px;
    padding-bottom: 40px; }
    #como-obtener .container h2 {
      font-size: 36px;
      color: #FFF;
      font-weight: 700;
      text-align: center;
      padding-bottom: 40px; }
    #como-obtener .container .ico {
      position: absolute;
      left: 0;
      right: 0;
      top: -40px;
      margin: 0 auto;
      width: 80px;
      height: 80px; }
      #como-obtener .container .ico img {
        width: 100%;
        height: auto; }

.proceso-obtener {
  display: block;
  text-align: center; }
  .proceso-obtener .step {
    position: relative;
    display: inline-block;
    width: 60px; }
    .proceso-obtener .step figure {
      display: inline-block;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      width: 60px;
      height: 60px;
      -moz-border-radius: 60px;
      -webkit-border-radius: 60px;
      border-radius: 60px;
      text-align: center;
      line-height: 50px;
      border: 3px solid #bee8f6; }
    .proceso-obtener .step p {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 290px;
      color: #FFF;
      font-size: 18px; }
      .proceso-obtener .step p.al {
        text-align: left;
        left: 80px;
        top: 0; }
      .proceso-obtener .step p.ar {
        text-align: right;
        left: -310px;
        top: 0; }
  .proceso-obtener .linea {
    display: block;
    height: 90px; }
    .proceso-obtener .linea span {
      display: inline-block;
      width: 4px;
      height: 90px;
      background-color: #bee8f6; }
  .proceso-obtener .final-step {
    position: relative;
    display: block;
    background: transparent url("../images/bg-step-tarjeta.png") center top no-repeat; }
    .proceso-obtener .final-step .tarjeta {
      padding-top: 50px;
      padding-bottom: 80px; }
    .proceso-obtener .final-step .desc {
      position: absolute;
      right: 0;
      top: 130px;
      width: 300px;
      text-align: left; }
      .proceso-obtener .final-step .desc h3 {
        font-weight: 700;
        font-style: italic;
        color: #FFF;
        font-size: 28px;
        padding-bottom: 10px; }
      .proceso-obtener .final-step .desc p {
        color: #FFF; }
    .proceso-obtener .final-step .btn {
      -webkit-transition: all 200ms ease;
      -moz-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      -ms-transition: all 200ms ease;
      transition: all 200ms ease;
      display: inline-block;
      font-size: 21px;
      background-color: #fff;
      color: #106bad;
      border: none;
      padding: 10px 30px; }
      .proceso-obtener .final-step .btn:hover {
        opacity: .7; }

/*****************************************************
                INTERNA VENDER                                 
***************************************************/

#banner-nosotros.vender {
  height: auto; }
  #banner-nosotros.vender .container {
    position: relative;
    text-align: center;
    padding-bottom: 90px;
    max-width: 620px; }
  #banner-nosotros.vender h1 {
    font-size: 40px;
    text-transform: none;
    margin-top: 120px; }
    #banner-nosotros.vender h1 strong {
      color: #106bad; }

#ventas-link .container, #ventas-desarrolladores .container, #ventas-cobrar .container {
  position: relative; }
  #ventas-link .container .texto, #ventas-desarrolladores .container .texto, #ventas-cobrar .container .texto {
    padding-top: 80px;
    padding-bottom: 80px; }
    #ventas-link .container .texto h3, #ventas-desarrolladores .container .texto h3, #ventas-cobrar .container .texto h3 {
      display: block;
      font-family: 'Lato', Arial, Helvetica, sans-serif;
      font-weight: 400;
      font-size: 32px;
      color: #3e3e3e;
      padding-bottom: 10px;
      margin: 0 auto; }
    #ventas-link .container .texto p, #ventas-desarrolladores .container .texto p, #ventas-cobrar .container .texto p {
      display: block;
      font-family: 'Lato', Arial, Helvetica, sans-serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 24px;
      padding-bottom: 20px;
      margin: 0 auto; }
    #ventas-link .container .texto ul.logos, #ventas-desarrolladores .container .texto ul.logos, #ventas-cobrar .container .texto ul.logos {
      list-style: none;
      margin-bottom: 10px; }
      #ventas-link .container .texto ul.logos li, #ventas-desarrolladores .container .texto ul.logos li, #ventas-cobrar .container .texto ul.logos li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 20px; }
    #ventas-link .container .texto .border-btn, #ventas-desarrolladores .container .texto .border-btn, #ventas-cobrar .container .texto .border-btn {
      font-size: 20px; }

#ventas-link {
  margin-top: -150px;
  background: transparent url("../images/bg-venta-link.png") repeat center top; }
  #ventas-link .container {
    padding-top: 160px; }
  #ventas-link a.link-video {
    display: inline-block;
    height: 83px;
    padding-left: 95px;
    line-height: 83px;
    font-size: 26px;
    color: #797979;
    background: transparent url("../images/play-link.png") left center no-repeat; }
    #ventas-link a.link-video strong {
      color: #106bad; }

#ventas-desarrolladores {
  background: transparent url("../images/bg-venta-desarrolladores.jpg") no-repeat center top; }
  #ventas-desarrolladores .img-desarrolladores {
    position: absolute;
    right: 100px;
    bottom: -30px; }
    #ventas-desarrolladores .img-desarrolladores img {
      max-width: 100%;
      height: auto; }

#venta-ventajas .container, #ventas-controlar .container {
  padding-top: 80px;
  padding-bottom: 50px;
  text-align: center; }
  #venta-ventajas .container h3, #ventas-controlar .container h3 {
    display: block;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #3e3e3e;
    padding-bottom: 15px;
    margin: 0 auto;
    max-width: 720px; }
    #venta-ventajas .container h3 .resaltado, #ventas-controlar .container h3 .resaltado {
      color: #106bad;
      font-style: italic;
      font-weight: bold;
      font-size: 34px;
      margin-right: 5px; }

.items-ventajas {
  margin-top: 50px; }
  .items-ventajas .item {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    text-align: center;
    width: 25%;
    padding: 0 15px;
    float: left; }
    .items-ventajas .item figure {
      padding-bottom: 10px; }
      .items-ventajas .item figure img {
        max-width: 100%;
        height: auto; }
    .items-ventajas .item h4 {
      font-size: 18px;
      color: #106bad;
      text-transform: uppercase;
      padding-bottom: 15px;
      font-weight: bold; }
    .items-ventajas .item ul.logos {
      list-style: none;
      margin-bottom: 10px; }
      .items-ventajas .item ul.logos li {
        display: inline-block;
        margin-bottom: 20px; }
        .items-ventajas .item ul.logos li img {
          max-width: 90%;
          height: auto; }

#ventas-controlar {
  background: transparent url("../images/compu-min.png") center bottom no-repeat;
  height: 600px; }
  #ventas-controlar .container {
    text-align: right; }
    #ventas-controlar .container .texto {
      padding-top: 80px;
      padding-bottom: 80px; }
      #ventas-controlar .container .texto h3 {
        display: block;
        font-family: 'Lato', Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 32px;
        color: #3e3e3e;
        padding-bottom: 10px;
        margin: 0 auto; }
      #ventas-controlar .container .texto p {
        display: block;
        font-family: 'Lato', Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 17px;
        line-height: 24px;
        padding-bottom: 20px;
        margin: 0 auto; }

#ventas-cobrar {
  background: transparent url("../images/bg-venta-cobro.jpg") center bottom no-repeat; }
  #ventas-cobrar .container .texto h3 {
    display: block;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 26px;
    color: #3e3e3e;
    padding-bottom: 10px;
    margin: 0 auto; }
  #ventas-cobrar .container .img-cobrar {
    padding-top: 60px; }
    #ventas-cobrar .container .img-cobrar img {
      max-width: 100%;
      height: auto; }

/* Landscape tablets and medium desktops (col-md) */
/* Portrait tablets and small desktops (col-sm) */
@media (min-width: 768px) and (max-width: 991px) {
  #banner-nosotros.pagoparcard {
    height: 480px; }
    #banner-nosotros.pagoparcard h1 {
      font-size: 36px;
      margin-top: 90px; }
    #banner-nosotros.pagoparcard .img-tarjeta {
      left: -240px;
      top: 100px; }
      #banner-nosotros.pagoparcard .img-tarjeta img {
        width: 500px;
        height: auto; }

  /* INTERNA VENTA */
  #banner-nosotros.vender {
    height: auto; }
    #banner-nosotros.vender h1 {
      font-size: 36px;
      margin-top: 90px; }

  #ventas-link .container, #ventas-desarrolladores .container, #ventas-cobrar .container, #ventas-controlar .container {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center; }
    #ventas-link .container .texto, #ventas-desarrolladores .container .texto, #ventas-cobrar .container .texto, #ventas-controlar .container .texto {
      text-align: center;
      padding-top: 40px;
      padding-bottom: 30px; }
      #ventas-link .container .texto ul.logos, #ventas-desarrolladores .container .texto ul.logos, #ventas-cobrar .container .texto ul.logos, #ventas-controlar .container .texto ul.logos {
        text-align: center; }
    #ventas-link .container .img-r img, #ventas-desarrolladores .container .img-r img, #ventas-cobrar .container .img-r img, #ventas-controlar .container .img-r img {
      display: inline;
      margin-left: -15px;
      margin-right: -15px; }

  #ventas-link, #ventas-controlar {
    background: #FFF;
    margin-top: 0;
    height: auto; }

  #ventas-desarrolladores .img-desarrolladores {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center; }

  #ventas-cobrar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    /* IE6-9 */ }
    #ventas-cobrar .container .img-cobrar {
      padding-top: 0; } }


/*****************************************************
                AJUSTES RESPONSIVE                                  
***************************************************/

/* Portrait tablets and small desktops (col-sm) */
@media (min-width: 768px) and (max-width: 991px) {
  #banner-nosotros.pagoparcard {
    height: 480px; }
    #banner-nosotros.pagoparcard h1 {
      font-size: 36px;
      margin-top: 90px; }
    #banner-nosotros.pagoparcard .img-tarjeta {
      left: -240px;
      top: 100px; }
      #banner-nosotros.pagoparcard .img-tarjeta img {
        width: 500px;
        height: auto; }

  /* INTERNA VENTA */
  #banner-nosotros.vender {
    height: auto; }
    #banner-nosotros.vender h1 {
      font-size: 36px;
      margin-top: 90px; }

  #ventas-link .container, #ventas-desarrolladores .container, #ventas-cobrar .container, #ventas-controlar .container {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center; }
    #ventas-link .container .texto, #ventas-desarrolladores .container .texto, #ventas-cobrar .container .texto, #ventas-controlar .container .texto {
      text-align: center;
      padding-top: 40px;
      padding-bottom: 30px; }
      #ventas-link .container .texto ul.logos, #ventas-desarrolladores .container .texto ul.logos, #ventas-cobrar .container .texto ul.logos, #ventas-controlar .container .texto ul.logos {
        text-align: center; }
    #ventas-link .container .img-r img, #ventas-desarrolladores .container .img-r img, #ventas-cobrar .container .img-r img, #ventas-controlar .container .img-r img {
      display: inline;
      margin-left: -15px;
      margin-right: -15px; }

  #ventas-link, #ventas-controlar {
    background: #FFF;
    margin-top: 0;
    height: auto; }

  #ventas-desarrolladores .img-desarrolladores {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center; }

  #ventas-cobrar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    /* IE6-9 */ }
    #ventas-cobrar .container .img-cobrar {
      padding-top: 0; } }
/* Landscape phones and portrait tablets (col-xs) */
@media (max-width: 767px) {
  /* HOME */
  .pasos-overview .paso {
    margin-right: 20px;
    width: 30%; }
    .pasos-overview .paso .paso-separador {
      display: none; }

  #ventajas-compras .container .texto, #ventajas-ventas .container .texto, #ventajas-envios .container .texto {
    padding-top: 40px;
    padding-bottom: 40px; }

  #ventajas-cobrar .container .img {
    text-align: center; }
    #ventajas-cobrar .container .img img {
      display: inline;
      max-width: 100%;
      height: auto; }
  #ventajas-cobrar .container .texto {
    padding-top: 20px;
    padding-bottom: 20px; }

  #banner-nosotros.pagoparcard {
    height: 680px; }
    #banner-nosotros.pagoparcard h1 {
      font-size: 36px;
      line-height: 1.2em;
      margin-top: 60px; }
    #banner-nosotros.pagoparcard .img-tarjeta {
      left: -100px;
      right: 0;
      margin: auto;
      top: 340px; }
      #banner-nosotros.pagoparcard .img-tarjeta img {
        width: 500px;
        height: auto; }

  .resumen-tarjeta .resumen-item p {
    font-size: 14px; }
  .resumen-tarjeta .resumen-item .ico {
    width: 140px;
    height: 140px;
    line-height: 140px; }

  .beneficios-items .container .item {
    height: 200px; }

  /* INTERNA VENTA */
  #banner-nosotros.vender {
    height: auto; }
    #banner-nosotros.vender h1 {
      font-size: 36px;
      line-height: 1.2em;
      margin-top: 60px; }

  #ventas-link .container, #ventas-desarrolladores .container, #ventas-cobrar .container, #ventas-controlar .container {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center; }
    #ventas-link .container .texto, #ventas-desarrolladores .container .texto, #ventas-cobrar .container .texto, #ventas-controlar .container .texto {
      text-align: center;
      padding-top: 40px;
      padding-bottom: 30px; }
      #ventas-link .container .texto ul.logos, #ventas-desarrolladores .container .texto ul.logos, #ventas-cobrar .container .texto ul.logos, #ventas-controlar .container .texto ul.logos {
        text-align: center; }
    #ventas-link .container .img-r img, #ventas-desarrolladores .container .img-r img, #ventas-cobrar .container .img-r img, #ventas-controlar .container .img-r img {
      display: inline;
      margin-left: -15px;
      margin-right: -15px; }

  #ventas-link, #ventas-controlar {
    background: #FFF;
    margin-top: 0;
    height: auto; }

  #ventas-link a.link-video {
    line-height: 1.3em;
    text-align: left; }

  #ventas-desarrolladores .img-desarrolladores {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center; }
    #ventas-desarrolladores .img-desarrolladores img {
      max-width: 80%; }

  .items-ventajas .item {
    width: 50%; }

  #ventas-cobrar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    /* IE6-9 */ }
    #ventas-cobrar .container .img-cobrar {
      padding-top: 0; } }
/* Portrait phones and smaller */
@media (max-width: 480px) {
  /* HOME */
  .pasos-overview .paso {
    margin-right: 0;
    width: 100%; }
    .pasos-overview .paso .paso-separador {
      display: none; }

  #video-home .container .ventana-video {
    margin-left: -15px;
    margin-right: -15px; }

  #banner-nosotros.pagoparcard h1 {
    font-size: 32px;
    line-height: 1.2em;
    margin-top: 60px; }
  #banner-nosotros.pagoparcard .img-tarjeta {
    left: -120px;
    top: 360px; }
    #banner-nosotros.pagoparcard .img-tarjeta img {
      width: 440px;
      height: auto; } }