.principio {
	padding-top: 4em;
}

.paso {
  padding: 0;
  padding-right: 2.7em;
  padding-left: 1em;
}

.paso .contc {
	text-align: center;
	display: flex;
	justify-content: center;
}

.circulo {
  border-radius: 50%;
  color: white;
  width: 80px;
  height: 80px;
  font-size: 3em;
}

.color-1, .color-5 {
  background-color: #203C77;
}

.palo {
  width: 4px;
  height: 60.28px;
  margin-left: 50%;
}


.contmc {
	display: flex;
	justify-content: center;
}

.mini-circulo {
	border-radius: 50%;
	width: 16.59px;
	height: 16.59px;
	position: absolute;
	z-index: 2;
	display: flex;
	margin-left: 2.8px;
}

.color-2, .color-6 {
  background-color: #356AB3;
}

.color-3, .color-7 {
  background-color: #759ACB;
}

.color-4, .color-8 {
  background-color: #FFCF02;
}

.paso .titulo {
	color: #55616A;
	font-size: 21.9035px;
	width: 100%;
	/*height: 25.72px;
	  SE HA PROCEDIDO A QUITAR LA ALTURA DE ESTE TITULO, DEBIDO A QUE SI ES UN TITULO MUY GRANDE, ESTE AFECTARÁ AL TEXTO QUE TENGA EL TITULO POR DEBAJO
	  POR LO QUE EL TEXTO NO SE VISUALIZARÁ CLARAMENTE, EN ESTE CASO ES MEJOR QUE EL TITULO TENGA LA ALTURA QUE LE CORRESPONDA CON LO QUE PONGAS COMO TITULO.
	*/ 
	border-top: 3px dashed #DBDDDF;
	margin-top: 7px;
	padding-top: 0.3em;
	/*position: absolute;
	  SE HA QUITADO EL POS ABSOLUTO YA QUE NO ES MUY CORRECTO QUE EL TITULO ESTE EN ESTE POSICIONAMIENTO SOLO PARA DAR EFECTO VISUAL QUE LOS OTROS PASOS ESTEN 'JUNTOS',
	  EN SU LUGAR, SE HA QUITADO EL POS ABSOLUTO, Y SE HA PUESTO QUE LOS COL TENGA MARGEN Y PADDING A 0, SIMULANDO EL MISMO EFECTO.
	*/
	z-index: 1;
	left: 0;
	padding-left: 36px;
	top: 140px;
}

.paso p {
	font-size: 9.2296px;
	font-family: 'Arial MT', 400;
	color: #000000;
	/*margin-top: 5em;
	  max-width: 170px;
	  SE HA QUITADO MARGIN TOP y MAX WIDTH, POR LAS CORRECCIONES DE LA PLANTILLA QUE SE HA REALIZADO
	*/
	padding-left: 36px;
	line-height: 120%;
}