.ch-container {
      width: 100%;
      margin: 40px auto; 
	  display: inline-block;
	  min-width: 600px;
  }
  .ch-progressbar {
      counter-reset: step;
	  display: inline-block;
	  width: 80%;
  }
  .ch-progressbar li {
      list-style-type: none;
      width: 33%; /*3 pasos*/
      float: left;
      font-size: 20px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
  }
  .ch-progressbar li:before {
      width: 50px;
      height: 50px;
      content: counter(step);
      counter-increment: step;
      line-height: 45px;
      border: 2px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .ch-progressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 23px;
      left: -50%;
      z-index: -1;
  }
  .ch-progressbar li:first-child:after {
      content: none;
  }
  .ch-progressbar li.ch-active {
      color: green;
  }
  .ch-progressbar li.ch-active:before {
      border-color: #55b776;
  }
  .ch-progressbar li.ch-active + li:after {
      background-color: #55b776;
  }
  
/*metodos*/
.pmethods {
  margin: 10px;
  display: inline-block;
}

.pmethods ul {
  list-style-type: none;
  width: 500px;
  padding-left: 0;
}

.pmethods h3 {
  font-weight: bolder;
  margin: 0px;
  text-align: left;
  font-size: 20px;
  line-height: 58px;
}

.pmethods li img {
	width: 100%;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.pmethods li p {
  text-align: left;
  margin: 0;
}


.pmethods li {
  padding: 10px;
  overflow: auto;
  border: 1px #ccc solid;
  border-radius: 4px;
  margin-bottom: 10px;
  height: 80px;
}

.pmethods li:hover {
  background: #eee;
  cursor: pointer;
}

.pmethods .active{
  background: #eee;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

.pmethods .rad_element {
	height: 60px;
	width: 30px;
	position: absolute;
}
.pmethods .rad_element .i-radio{
	height: 100%;
	margin: 0;
}

.pmethods .img_element {
	height: 60px;
	width: 60px;
	position: absolute;
	margin-left: 30px;
}

.pmethods .txt_element {
	margin-left: 100px;
}  
/*efectivo*/
.pmethods_efec {
  margin: 10px;
  display: inline-block;
}

.pmethods_efec ul {
  list-style-type: none;
  width: 500px;
  padding-left: 0;
}

.pmethods_efec h3 {
  font-weight: bolder;
  margin: 0px;
  text-align: left;
  font-size: 18px;
  line-height: 38px;
}

.pmethods_efec li img {
	/*width: 100%;*/
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.pmethods_efec li p {
  text-align: left;
  margin: 0;
}

.pmethods_efec li {
  padding: 10px;
  overflow: auto;
  border: 1px #ccc solid;
  border-radius: 4px;
  margin-bottom: 10px;
  height: 60px;
}

.pmethods_efec li:hover {
  background: #eee;
  cursor: pointer;
}

.pmethods_efec .active{
  background: #eee;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

.pmethods_efec .rad_element {
	height: 40px;
	width: 30px;
	position: absolute;
}
.pmethods_efec .rad_element .i-radio{
	height: 100%;
	margin: 0;
}

.pmethods_efec .img_element {
	height: 40px;
	/*width: 60px;*/
	position: absolute;
	margin-left: 30px;
}

.pmethods_efec .txt_element {
	margin-left: 100px;
}

/*form*/
.continuar-btn {
    width: auto;
    padding: 10px 20px;
    background-color: #5e71aa;
    color: white;
    cursor: pointer;
    border: 0px;
    letter-spacing: .5px;
    font-size: 20px;
    font-weight: 400 !important;
    margin-bottom: 2px;
	float: right;
	margin-right: 15px;
	line-height: 28px;
}
.continuar-btn:hover{
    opacity: 0.8;
	color: white;
}
.volver-btn {
    width: auto;
    padding: 10px 20px;
    background-color: #808080;
    color: white;
    cursor: pointer;
    border: 0px;
    letter-spacing: .5px;
    font-size: 18px;
    font-weight: 400 !important;
    margin-bottom: 2px;
	float: left;
	margin-left: 15px;
	line-height: 28px;
}
.volver-btn:hover{
    opacity: 0.8;
	color: white;
}

.datos-efect{
	width: 500px;
	border: 1px #eee solid;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 10px;	
}
