/* Passo del wizard */
nav#pasos, #pasos ul {
overflow: hidden;
width: 100%;
}

#pasos li {
float: left;
margin: 0 25px 0 14px;
}

#pasos li:first-child {
margin: 0 25px 0 0
}

#pasos a {
background-color: #a5aca1;
padding: 1.25em 1em;
float: left;
text-decoration: none;
color: #444;
text-shadow: 0 1px 0 rgba(255,255,255,.5); 
position: relative;
width:100%;
text-transform:uppercase;
text-align:center
}

#pasos .active a {
background: #d7d7d6;
}

#pasos a::before{
content: "";
position: absolute;
top: 42%; 
margin-top: -1.55em;   
border-width: 2em 0 2em 1em;
border-style: solid;
border-color: #a5aca1 #a5aca1 #a5aca1 transparent;
left: -12px;
}


#pasos a::after{
content: "";
position: absolute;
top: 42%; 
margin-top: -1.55em;   
border-top: 2em solid transparent;
border-bottom: 2em solid transparent;
border-left: 1em solid #a3aaa0;
right: -12px;
}

#pasos a:hover  {
background-color:#bec7bb 
}

#pasos a:hover::after {
border-left-color:#bec7bb;
}

#pasos a:hover::before {
border-color: #bec7bb #bec7bb #bec7bb transparent;
}

#pasos .active a::after, #pasos .active a:hover::after {
border-left-color: #d7d7d6;
}

#pasos .active a::before, #pasos .active a:hover::before{
border-color: #d7d7d6 #d7d7d6 #d7d7d6 transparent;
}

#pasos .active a:hover  {
background-color:#d7d7d6;
cursor:default 
}

.pasos-nav {
width:100%;
float:right;
height:25px;
border-top:1px solid #EEE;
margin-top:20px;
padding-top:8px
}

.pasos-nav a {
display:block;
float:right;
font-size:.86em;
margin-left:15px
}

.pasos-nav .cancelar {
padding-top:5px
}


.relative {
position:relative
}

.relative .pasos-nav {
position:absolute;
right:0;
top:-12px;
height:25px;
border-top:0 none;
float:none;
width:300px
}

#prev.disabled, #prev2.disabled, #next.disabled, #next2.disabled {
	-moz-opacity: 0.50 !important;
	-webkit-opacity: 0.5!important;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
	 filter: alpha(opacity=50) !important;
     opacity: 0.5 !important;
}	



@media screen and (min-width: 699px) and (max-width:1022px) {

	#pasos li:first-child {
		margin: 0 17px 0 0
	}

	#pasos li {
		width:19.8%;
		font-size:.85em;
		margin: 0 18px 0 18px;
	}
	#pasos.small li {
		width:13.8%;
/* 		font-size:.80em; */
		margin: 0 18px 0 18px;
	}
	#pasos.mini li {
		width:9.5%;
 		font-size:.75em; 
		margin: 0 18px 0 18px;
	}

	#pasos a::before{
		left: -10px;
	}

	#pasos a::after{
		right: -10px;
	}
}



@media screen and (min-width: 1023px) and (max-width:1278px) {

	#pasos li {
		width:20.7%;
}
	#pasos.small li {
		width:14.7%;
/* 		font-size:.80em; */
}
	#pasos.mini li {
		width:9.5%;
/* 		font-size:.75em; */
}

	#pasos a::before{
		left: -12px;
	}

	#pasos a::after{
		right: -12px;
	}
}


@media screen and (min-width: 1279px) and (max-width:1900px) {
	#pasos li {
	width:21.7%
	
	}
	#pasos.small li {
		width:15.7%;
/* 		font-size:.80em; */
}
	#pasos.mini li {
		width:9.5%;
/* 		font-size:.75em; */
		
	}

	#pasos a::before{
	left: -12px;
	}

	#pasos a::after{
	right: -12px;
	}

}