/* FORMULARI CERCADOR PRODUCTES  ----------------------------------------------------------------------------------------------*/

#form-cercador, #form-login {
	float:		none!important;
	margin:		10px 0 10px 0;
	width:		670px;
	padding:	10px 0 0 20px;
}

#form-cercador label, #form-login label {
	float:		none;
	font:		bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		0 0 3px 0;
	width:		200px;
	display:	block;
	color:		#014566;
}

#form-cercador input, #form-login input {
	float:		none!important;
	border:		1px solid #c8c8c8;
	background: #FFF;
	padding: 	4px 0 0 3px;
	height:		17px;
	color:		#4f4f4f;
	margin:		0 20px 5px 0!important;
	font:		normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	width:		270px;
}

#form-cercador select, #form-login select {
	float:		left;
	width:		280px;
	border:		1px solid #c8c8c8;
	color:		#4f4f4f;
	font:		normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding:	3px 3px 3px 1px;
	margin:     0 5px 0 0;
}

#form-cercador p, #form-login p {
	float: 		left!important;
	width:		290px;
	margin:		5px 0 15px 0;
	/*background: #fbfbfb;*/
}

.fieldset-bt-cercar {
	float:		right;	
	margin:		21px 0 0 5px!important;
	width:		75px!important;
}

#bt_cercar {
	float:		right;	
	padding:	0 0 3px 1px!important;
	margin:		0!important;
	width:		65px!important;
	height:		23px!important;
	border:		0!important;
	background: #014566!important;
	color: 	    #FFF!important;
	cursor:		pointer;
}

#bt_cercar:hover {
	border:		1px solid #fab100!important;
	background: #fab100!important;
	cursor:		pointer;
}

.fieldset-bt-recordarpwd {
	float:		left;	
	margin:		21px 0 0 0!important;
	width:		75px!important;
}

#bt_recordarpwd {
	float:		left!important;	
	padding:	0 0 3px 1px!important;
	margin:		0!important;
	width:		65px!important;
	height:		23px!important;
	border:		0!important;
	background: #014566!important;
	color: 	    #FFF!important;
	cursor:		pointer;
}

#bt_recordarpwd:hover {
	border:		1px solid #fab100!important;
	background: #fab100!important;
	cursor:		pointer;
}

.asterisc {
	font:  		10px normal Arial, Verdana, Helvetica, sans-serif!important;
	padding:	0 0 0 2px;
}



/* FORMULARI CONTACTE   -------------------------------------------------------------------------------------------------------------*/

#form-contacte {
	float:		left;
	width:		630px;
	overflow:	hidden;
	margin:		10px 0 0 20px;
	padding:	20px 0 0 20px;
	background: #fbfbfb;
}

.fieldset_dades-personals {
	width:		630px;
	margin:		0;
}

#form-contacte fieldset {
	margin:		0;
	overflow:	hidden;
	background: #fbfbfb;
}

#form-contacte label {
	float:		none;
	font:		bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		0 0 3px 0;
	width:		200px!important;
	display:	block;
	color:		#014566;
}

#form-contacte input {
	float:		none!important;
	border:		1px solid #c8c8c8;
	background: #FFF;
	padding: 	3px 0 3px 3px;
	height:		17px;
	color:		#4f4f4f;
	margin:		0 20px 5px 0!important;
	font:		normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	width:		295px;
}

#form-contacte p, #form-compra p {
	float: 		left!important;
	width:		290px;
	margin:		0 20px 15px 0;
	background: #fbfbfb;
}

.inputllarg-contacte {
	clear:		both;
	float:		none;
	height:		auto;
	width:		605px!important;
	margin:		0 0 15px 0;
	padding: 	0;
}

.inputmmitja-contacte {
	clear:		both;
	float:		none;
	height:		auto;
	width:		300px!important;
	margin:		0 0 15px 0;
	padding: 	0;
}

#form-contacte textarea {
	width:		605px;
	background: #FFF;
	padding: 	4px 0 0 3px;
	border:		1px solid #c8c8c8;
	color:		#4f4f4f;
	font:		normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

#form-contacte select {
	float:		none;
	width:		610px;
	border:		1px solid #c8c8c8;
	color:		#4f4f4f;
	font:		normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding:	3px 3px 3px 1px;
	margin:     0 0 5px 0;
}

.adreca, .carrec {
	float:		left;
	width:		295px!important;
	margin:		0 15px 15px 0!important;
}

.localitat, .empresa {
	float:		left;
	width:		215px!important;
	margin:		0 15px 15px 0!important;
}

.codpostal, .cif {
	float:		left;
	margin:		0!important;
	width:		65px!important;
}

.fieldset_bt {
	float:		right;
	margin:		15px 0 20px 0!important;
}

.bt_enviar {
	clear:		both;
	margin:		2px 20px 0 0!important;
	width:		86px!important;
	height:		30px!important;
	border:		1px solid #fff!important;
	padding:	0 0 3px 1px!important;
	background: #014566!important;
	text-align: center!important;
	color:		#FFF!important;
	cursor:		pointer;
}

.bt_enviar:hover {
	border:		1px solid #fab100!important;
	background: #fab100!important;
	cursor:		pointer;
}

ul.formError {
	margin:		0 0 0 20px!important;
	padding:	10px;
	background: #ffdfdf url(/img/pxa_ico_alert.gif) no-repeat left;
	border:		1px solid #cd0b09;
	width:		628px;
	color: 		#cd0b09;
	font-weight:bold;
}

ul.formError li {
	padding:	0 0 0 24px;
	font:		bold 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

.formOk {
	background: #f0ffe0 url(/img/pxa_ico_formok.gif) no-repeat left;
	border:		1px solid #6bc50a;
	width:		628px;
	text-align: center!important;
	margin:		0 0 0 20px!important;
	padding:	10px!important;
	font:		bold 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}



/* FORMULARI COMPRA ONLINE   --------------------------------------------------------------------------------------------------------*/

.form-compra {
	float:		left;
	width:		630px;
	overflow:	hidden;
	margin:		10px 0 0 20px;
	padding:	20px 0 0 20px;
	background: #fbfbfb;
}

.form-compra fieldset {
	margin:		0;
	overflow:	hidden;
	background: #fbfbfb;
}

.form-compra label {
	float:		none;
	font:		bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		0 0 3px 0;
	width:		auto!important;
	display:	block;
	color:		#014566;
}

.form-compra input {
	float:		left;
	border:		1px solid #c8c8c8;
	background: #FFF;
	padding: 	4px 0 4px 3px;
	height:		17px;
	color:		#4f4f4f;
	margin:		0 0 5px 0;
	font:		normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	width:		auto;
}

.form-compra select {
	float:		none;
	width:		610px;
	border:		1px solid #c8c8c8;
	color:		#4f4f4f;
	font:		normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding:	3px 3px 3px 1px;
	margin:     0 0 5px 0;
}

.form-compra textarea {
	width:		605px;
	background: #FFF;
	padding: 	4px 0 0 3px;
	border:		1px solid #c8c8c8;
	color:		#4f4f4f;
	font:		normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.form-compra p {
	float: 		left;
}

.input-llarg {
	width:		439px!important;
	padding: 	2px 2px 4px 2px;
}

.input-mitja {
	width:		255px!important;
	padding: 	2px 2px 4px 2px;
}

.input-tresquarts {
	width:		520px!important;
	padding: 	2px 2px 4px 2px;
	margin:     0;
}

.input-petit {
	width:		70px!important;
	padding: 	2px 2px 4px 2px;
}

.input-email {
	width:		336px!important;
	padding: 	2px 2px 4px 2px;
	margin:     0;
}

.input-total {
	width:		605px!important;
	padding: 	2px 2px 4px 2px;
	margin:     0;
}

.input-adreca {
	width:		525px!important;
	padding: 	2px 2px 4px 2px;
}


ul.form-2columnes {
	float:		none;
}

ul.form-2columnes li {
	display:	inline;
	float:		left!important;
	margin:		0 10px 15px 0;
}

ul.form-2columnes label {
	width: 		auto!important;
}

.fieldset-check {
	float:		none;
	margin:		15px 0 0 0!important;
}

.checkbox {
	float:		left;
	margin:		0 5px 0 0!important;
}

.checkbox span {
	margin:	2px 0 0 0!important;
}

.tipo-comprador {
	float:		left;
	width:		auto;
	overflow:	hidden;
	margin:		0 0 10px 20px;
	padding:	0;
}

.tipo-comprador ul li {
	float:		left;
	width:		auto;
	overflow:	hidden;
	margin:		0 20px 0 0;
	padding:	0;
}

.tipo-comprador fieldset {
	margin:		0;
	overflow:	hidden;
}

.tipo-comprador label {
	float:		right;
	font:		bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		2px 0 3px 2px;
	width:		auto!important;
	display:	block;
	color:		#014566;
	text-align:	left;
}