/*
Estilos responsivos Micrositio - Televentas - WOM.
Claudio Lopez.
*/
@media all and (max-width: 600px) {
     .frame-head {
          text-align: center;
          display: block;
     }
     .color-head {
          min-height: 60px;
          padding-bottom: 10px;
     }
     .frame-head-login h1 {
          margin-top: 13px;
          line-height: 30px;
          font-size: 18px;
          line-height: normal;
     }
     .frame-head h1 {
          line-height: 30px;
          font-size: 18px;
     }
     .logo {
          float: initial;
          display: block;
          margin: 10px auto;
     }
     .frame-body {
          width: 100vw;
          min-width: 100vw;
     }
     .item {
          display: block;
     }
     .cuadro-documento {
          width: 90%;
          background: none;
     }
     .opciones-archivo {
          margin-top: 5px;
     }
     .mensaje {
          margin: 10px;
          width: auto;
          text-align: justify;
     }
     .webpay {
          float: initial;
     }
     .imagen-webpay {
          float: left;
     }
     .progress>li {
          display: block;
     }
     .progress>li:before {
          margin: auto;
          margin-left: 20px;
     }
     .progress>li:after {
          width: 0.5em;
          height: 3em;
          top: 2.5em;
          left: 1em;
     }
     .progress .label {
          margin-left: 6em;
          margin-top: -2.5em;
          height: 3em;
          text-align: left;
     }
     .salto-titulo {
          display: inline;
     }
     .producto {
          width: 100%;
     }
     .salto-botones {
          clear: both;
     }
     .prod-business-mobile {
          display: none;
     }
     .prod-business-desktop {
          display: block;
     }
     .centrar-contenido {
          text-align: center;
     }
     .alinear-contenido-derecha {
          text-align: right;
     }
     .prod-business-mobile .item-prod:nth-of-type(2n) {
          background-color: #f1f3f3;
     }
     .espaciador-inicio {
          padding-top: 5px;
     }
     .espaciador-fin {
          padding-bottom: 5px;
     }
}

@media all and (min-width: 321px) and (max-width: 600px) {
     .seccion-linea {
          width: 50%;
          margin-top: 10px;
     }
     .prod-business-mobile {
          display: block;
     }
     .prod-business-desktop {
          display: none;
     }
     .centrar-contenido {
          text-align: center;
     }
     .alinear-contenido-derecha {
          text-align: right;
     }
     .prod-business-mobile .item-prod:nth-of-type(2n) {
          background-color: #f1f3f3;
     }
     .espaciador-inicio {
          padding-top: 5px;
     }
     .espaciador-fin {
          padding-bottom: 5px;
     }
}

@media all and (max-width: 320px) {
     .seccion-linea {
          width: 100%;
          margin-top: 10px;
     }
     .prod-business-mobile {
          display: block;
     }
     .prod-business-desktop {
          display: none;
     }
     .centrar-contenido {
          text-align: center;
     }
     .alinear-contenido-derecha {
          text-align: right;
     }
     .prod-business-mobile .item-prod:nth-of-type(2n) {
          background-color: #f1f3f3;
     }
     .espaciador-inicio {
          padding-top: 5px;
     }
     .espaciador-fin {
          padding-bottom: 5px;
     }
}