.opcions_complement select {
    width: 120px;
}
.error_complement .fa {
    color: red;
    margin-left: 15px;
}
h.amagat {
	display: none;
}
.mostra h.amagat {
        display: inline;
}
.mostra .mostrat {
        display: none;
}
.mostrat {
	text-decoration: none
}
#paquets_trajecte {
	background-color: #F2F2F2;
    	margin-top: 20px;
    	clear: both;
    	padding: 10px 0px 0px 0px;
}
#paquets_trajecte ul {
	padding: 0px;
}
#paquets_trajecte li {
	list-style: none;
    	border-bottom: 2px solid white;
    	padding: 10px 0px 10px 20px;
}
#paquets_trajecte li img {
	float: left;
	margin-right: 10px;
}
.clearSpan {
	display: block; clear: both;
}
#paquets_trajecte p {
        padding-left: 20px;
}
section#venda fieldset.camps.primer.verificar {
	border-top: 6px solid #13b0ae;
	margin-top: 20px;
}
section#venda {
        width: 910px;
	float: left;
}
section#venda .boto_accio {
	border: 0px;
	padding: 10px 15px;
	background: #10a3a1;
	color: #ffffff;
	font-size: 16px;
	width: 135px;
	cursor: pointer;
}
section#venda .boto_accio.anterior {
        padding-left: 50px;
	background-image: url('../img/ico_anterior.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 5px;
}
section#venda .boto_accio.seguent {
        padding-right: 50px;
        background-image: url('../img/ico_seguent.png');
        background-position: 112px 10px;
        background-repeat: no-repeat;
        margin-left: 20px;
        margin-top: 5px;
}
section#venda #cercador_abonaments .boto_accio.seguent,
section#venda #cercador_paquets .boto_accio.seguent,
section#venda #format_abonament .boto_accio.seguent {
        margin-left: 0px;
        margin-top: 0px;
}
section#venda .boto_accio#boto_aplicar_descompte {
	background-image: none;
}
section#venda .boto_accio[disabled] {
        background-color: #c1c1c1;
	cursor: default;
}
section#venda #result {
	margin: 20px 0px 60px 20px;
	padding: 0px 15px 0px 20px;
	width: 385px;
	float: right;
}
section#venda #result h2 {
	margin-top: 10px;
	padding: 10px 10px 0px 10px;
	border-top: 6px solid #13b0ae;
}
#resum_paquet_intro img {
	width: 100%;
}
section#venda #result p {
	padding: 0px 10px;
	margin: 0px;
}
section#venda #result .total span {
	margin-top: 20px;
	font-weight: bold;
}
section#venda .verificar span,
section#venda #result span {
	float: left;
	margin-top: 10px;
	max-width: 170px;
}
section#venda #result p#resum_paquet_intro {
	padding-bottom: 20px;
}
section#venda #result span.label,
section#venda .verificar span.label {
	clear: both;
	width: 130px;
}
section#venda.tipus_paquet_seleccionat #result span.label{
        width: 160px;
}
section#venda .verificar span.label {
        width: 230px;
        padding-left: 20px;
}
section#venda .pas {
        float: right;
        width: 502px;
}
section#venda.tipus_abonament #pas1.pas,
section#venda.tipus_paquet #pas1.pas {
        float: right;
	width: 100%;
}
section#venda .tipus .etiqueta {
        width: 170px;
        float: left;
}
section#venda fieldset {
	border: 0px;
	padding: 0px 10px 0px 20px;
}
#categories_paquet,
#categories_abonament {
        width: 145px;
}
#categories_paquet,
#categories_abonament {
	width: 130px;
}
section#venda fieldset.camps {
	border-top: 3px solid #e6e6e6;
}
section#venda fieldset.camps.primer {
        border-top: 0px;
}
section#venda .camps label {
	width: 152px;
	float: left;
}
#te_tornada {
	clear: both;
}
section#venda .camps .input {
        float: left;
	margin-bottom: 10px;
}
section#venda .abonament .input {
        width: 60px;
}
section#venda .camps input.input {
	width: 270px;
}
section#venda .camps p {
	clear: both;
	min-height: 20px;
}
#error_acceptar_condicions {
	color: red;
}

/* PASSOS */
#passos { 
	list-style: none; 
	overflow: hidden; 
	padding: 0px;
	width: 100%;
	margin: 0px 0px 10px 0px;
	font-size: 18px;
}
#passos li { 
	float: left; 
	width: 25%;
}
#passos li:first-child {
        width: 20%;
}
#passos li:last-child {
	width: 30%;
}
#passos li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 60px;
	background: #8a8a8a; 
	position: relative; 
	display: block;
	width: 100%;
	float: left;
}
#passos li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 50px solid #8a8a8a;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
#passos li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 50px solid #cccccc;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
#passos li:first-child a {
	padding-left: 10px;
}
#passos li.actual a { background: #3a3a3a; cursor: default; color: white; pointer-events: none; }
#passos li.actual a:after { border-left-color: #3a3a3a; }
#passos li.desactivat a { background: #ededed; cursor: default; color: #3a3a3a; pointer-events: none; }
#passos li.desactivat a:after { border-left-color: #ededed; }
#passos li:last-child a:after { border: 0; }
#passos li a:hover { background: #000000; }
#passos li a:hover:after { border-left-color: #000000 !important; }
section#venda .camps p.paquet {
	width: 270px;
	margin-right: 10px;
	background: #ededed;
	float: left;
	clear: none;
}
section#venda .camps p.paquet img {
	width: 100%;
}
section#venda .camps p.paquet span span {
	padding: 15px;
	display: block;
}
section#venda .camps p.paquet span b {
        padding: 15px 15px 0px 15px;
	margin: 0px;
	font-size: 1.5em;
        display: block;
}
#abonaments .abonament .img {
        width: 230px;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
#abonaments .abonament .img .boto_accio {
	float: right;
}
#abonaments .abonament .img img {
	width: 100%;
	padding-bottom: 10px;
}
div#resum_mobil {
	display: none;
}

/* RESPONSIVE */
@media all and (max-width: 910px) {
	#passos li,
	#passos li:last-child {
		border-top: 1px solid white;
		clear: both;
		width: 100% !important;
	}
	#passos li a {
		padding: 10px 0 10px 10px;
	}
	#passos li a:before,
        #passos li a:after {
		display: none;
	}
	section#venda div#result {
		display: none;
	}
	section#venda div#result_wrapper {
		position: fixed;
		bottom: 0px;
		width: 100%;
		padding: 0;
		margin: 0;
		left: 0;
		background: white;
		z-index: 100000;
	}
	section#venda div#result_wrapper.open {
		height: 100%;
	}
	section#venda div#result_wrapper.open  div#result {
		display: block;
		width: 100%;
	}
	section#venda #result h2 {
		border-top: 0px solid #13b0ae;
	}
	div#resum_mobil {
		display: block;
		background-color: #10a3a1;
		color: white;
		padding: 20px 30px;
		font-size: 20px;
		border-top: 2px solid white;
	}
	#amplia_resum_mobil,
	#amaga_resum_mobil {
		float: right; color: white
	}
	#amplia_resum_mobil .fa,
	#amaga_resum_mobil .fa {
		padding-left: 10px;
	}
	div#result_wrapper.open #amplia_resum_mobil,
	#amaga_resum_mobil {
		display: none
	}
	#amplia_resum_mobil,
	div#result_wrapper.open #amaga_resum_mobil {
		display: inline
	}
	#result_preu_mobil {
		font-weight: bold;
	}
	footer#f3 {
		padding-bottom: 53px;
	}
	section#venda {
                width: 100% !important;
		padding: 0px 20px;
        }
	section#banner {
		display: none;
	}
	section#venda .pas,
	#js_warning {
		width: 100%;
	}
	section#venda .camps select.input,
	section#venda .camps input.input,
	section#venda .camps .input {
        	clear: both;
		margin-bottom: 20px;
		width: 100%;
		max-width: 100%;
	}
	label {
		padding-bottom: 10px;
	}
	.tipus_bitllet {
		display: block;
	}
}
.logo_vplus {
	margin-left: 20px;
}
.data_naix_dia,
.data_naix_mes {
	width: 50px;
}
.data_naix_any {
        width: 100px;
}