/*************** PASSOS ** BLAU **************/
.passos_form {
    margin-bottom: 12px;
}

.passos_form ol {
    display: block;
    overflow: hidden;
    float: none;
    margin: 0;
}
.passos_form li {
    position: relative;
    float: left;
    display: inline;
}
.passos_form .dos_passos li {
    width: 48%;
}
.passos_form .tres_passos li {
    width: 32%;
}
.passos_form .quatre_passos li {
    width: 24%;
}
.passos_form .cinc_passos li {
    width: 19%;
}
.passos_form .sis_passos li {
    width: 16%;
}
.passos_form li div {
    border-width: 1px 0;
    border-style: solid;
    border-color: #3A6181;
    display: block;
    overflow: hidden;
    float: none;
    min-height: 20px;
}
.passos_form li:first-child div,
.passos_form li.posicio_1 div {
    border-left: 1px solid #3A6181;
}
.passos_form li.actiu div {
    background-color: #3A6181;
}
.passos_form li div strong {
    font-size: 11px;
    padding: 3px 6px;
    display: block;
    float: left;
    font-weight: bold;
}
.passos_form li p {
    font-size: 10px;
    color: #666666;
    float: left;
    margin: 5px;
    padding: 0;
    text-align: left;
}

.passos_form li span {
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 22px;
}
.passos_form  .pas_2 li.posicio_1 div strong,
.passos_form  .pas_3 li.posicio_1 div strong,
.passos_form  .pas_3 li.posicio_2 div strong,
.passos_form  .pas_4 li.posicio_1 div strong,
.passos_form  .pas_4 li.posicio_2 div strong,
.passos_form  .pas_4 li.posicio_3 div strong,
.passos_form  .pas_5 li.posicio_1 div strong,
.passos_form  .pas_5 li.posicio_2 div strong,
.passos_form  .pas_5 li.posicio_3 div strong,
.passos_form  .pas_5 li.posicio_4 div strong,
.passos_form  .pas_6 li.posicio_1 div strong,
.passos_form  .pas_6 li.posicio_2 div strong,
.passos_form  .pas_6 li.posicio_3 div strong,
.passos_form  .pas_6 li.posicio_4 div strong,
.passos_form  .pas_6 li.posicio_5 div strong {
	color: #666666;
}
.passos_form .pas_1 li.posicio_1 div,
.passos_form .pas_2 li.posicio_2 div,
.passos_form .pas_3 li.posicio_3 div,
.passos_form .pas_4 li.posicio_4 div,
.passos_form .pas_5 li.posicio_5 div,
.passos_form .pas_6 li.posicio_6 div {
	background-color: #3A6181;
}
.passos_form .pas_1 li.posicio_1 strong,
.passos_form .pas_2 li.posicio_2 strong,
.passos_form .pas_3 li.posicio_3 strong,
.passos_form .pas_4 li.posicio_4 strong,
.passos_form .pas_5 li.posicio_5 strong,
.passos_form .pas_6 li.posicio_6 strong {
	color: #FFFFFF;
}
.passos_form li span {
	background-image: url(img/fase_3_b.png);
}
.passos_form li span.posicio_final {
	background-image: url(img/fase_3_final_b.png);
}
.passos_form .pas_2 li.posicio_1 span,
.passos_form .pas_3 li.posicio_2 span,
.passos_form .pas_4 li.posicio_3 span,
.passos_form .pas_5 li.posicio_4 span,
.passos_form .pas_6 li.posicio_5 span {
	background-image: url(img/fase_1_b.png);
}
.passos_form .pas_1 li.posicio_1 span,
.passos_form .pas_2 li.posicio_2 span,
.passos_form .pas_3 li.posicio_3 span,
.passos_form .pas_4 li.posicio_4 span,
.passos_form .pas_5 li.posicio_5 span,
.passos_form .pas_6 li.posicio_6 span {
	background-image: url(img/fase_2_b.png);
}
.passos_form li.ultim_pas span.posicio_final {
	background-image: url(img/fase_2_final_b.png);
}

.passos_form li a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.passos_form li.actual strong {
    color: #FFFFFF;
    font-weight: bold;
}
.passos_form ol li:last-child div span {
    background-image: url("img/fase_3_final_b.png");
}
.passos_form ol li.actual:last-child div span {
    background-image: url("img/fase_2_final_b.png");
}

.passos_form li.actual div {
    background-color: #3A6181;
}

/*************** PASSOS ***************/
.passos_form_vermell {
	margin-bottom: 1.2em;
}

.passos_form_vermell ol {
	display: block;
	overflow: hidden;
	float: none;
}
.passos_form_vermell li {
	position: relative;
	float: left;
	display: inline;
}
.passos_form_vermell .dos_passos li {
	width: 48%;
}
.passos_form_vermell .tres_passos li {
	width: 32%;
}
.passos_form_vermell .quatre_passos li {
	width: 24%;
}
.passos_form_vermell .cinc_passos li {
	width: 19%;
}
.passos_form_vermell .sis_passos li {
	width: 16%;
}
.passos_form_vermell li div {
	border-width: 0.1em 0;
	border-style: solid;
	border-color: #ac2115;
	display: block;
	overflow: hidden;
	float: none;
	min-height: 2.0em;
}
.passos_form_vermell li:first-child div,
.passos_form_vermell li.posicio_1 div {
	border-left:0.1em solid #c2140b;
}
.passos_form_vermell li.actiu div {
	background-color: #c2140b;
}
.passos_form_vermell li div strong {
	font-size: 1.1em;
	padding: 0.25em 0.6em;
	display: block;
}
.passos_form_vermell li p {
	font-size: 1.0em;
	color: #666666;
	padding: 0.3em 0.7em;
}
.passos_form_vermell li span {
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.0em;
	height: 2.2em;
}
.passos_form_vermell  .pas_2 li.posicio_1 div strong,
.passos_form_vermell  .pas_3 li.posicio_1 div strong,
.passos_form_vermell  .pas_3 li.posicio_2 div strong,
.passos_form_vermell  .pas_4 li.posicio_1 div strong,
.passos_form_vermell  .pas_4 li.posicio_2 div strong,
.passos_form_vermell  .pas_4 li.posicio_3 div strong,
.passos_form_vermell  .pas_5 li.posicio_1 div strong,
.passos_form_vermell  .pas_5 li.posicio_2 div strong,
.passos_form_vermell  .pas_5 li.posicio_3 div strong,
.passos_form_vermell  .pas_5 li.posicio_4 div strong,
.passos_form_vermell  .pas_6 li.posicio_1 div strong,
.passos_form_vermell  .pas_6 li.posicio_2 div strong,
.passos_form_vermell  .pas_6 li.posicio_3 div strong,
.passos_form_vermell  .pas_6 li.posicio_4 div strong,
.passos_form_vermell  .pas_6 li.posicio_5 div strong {
	color: #666666;
}
.passos_form_vermell .pas_1 li.posicio_1 div,
.passos_form_vermell .pas_2 li.posicio_2 div,
.passos_form_vermell .pas_3 li.posicio_3 div,
.passos_form_vermell .pas_4 li.posicio_4 div,
.passos_form_vermell .pas_5 li.posicio_5 div,
.passos_form_vermell .pas_6 li.posicio_6 div {
	background-color: #c2140b;
}
.passos_form_vermell .pas_1 li.posicio_1 strong,
.passos_form_vermell .pas_2 li.posicio_2 strong,
.passos_form_vermell .pas_3 li.posicio_3 strong,
.passos_form_vermell .pas_4 li.posicio_4 strong,
.passos_form_vermell .pas_5 li.posicio_5 strong,
.passos_form_vermell .pas_6 li.posicio_6 strong {
	color: #FFFFFF;
}
.passos_form_vermell li span {
	background-image: url(img/fase_3.png);
}
.passos_form_vermell li span.posicio_final {
	background-image: url(img/fase_3_final_b.png);
}
.passos_form_vermell .pas_2 li.posicio_1 span,
.passos_form_vermell .pas_3 li.posicio_2 span,
.passos_form_vermell .pas_4 li.posicio_3 span,
.passos_form_vermell .pas_5 li.posicio_4 span,
.passos_form_vermell .pas_6 li.posicio_5 span {
	background-image: url(img/fase_1.png);
}
.passos_form_vermell .pas_1 li.posicio_1 span,
.passos_form_vermell .pas_2 li.posicio_2 span,
.passos_form_vermell .pas_3 li.posicio_3 span,
.passos_form_vermell .pas_4 li.posicio_4 span,
.passos_form_vermell .pas_5 li.posicio_5 span,
.passos_form_vermell .pas_6 li.posicio_6 span {
	background-image: url(img/fase_2.png);
}
.passos_form_vermell li.ultim_pas span.posicio_final {
	background-image: url(img/fase_2_final_b.png);
}