/*********** Estils generals******************/

HTML {
	margin: 0px;
	padding:0px;
	width:100%;
}
BODY {
	margin: 0px;
	padding:0px;	

	font-family:Arial;
	text-align:center;
	font-size:12px;
	width:100%;
	background-color:white; 
	color:black;
	overflow:auto;
}

h2 {
	font-weight:normal;
	font-size:13px;
	text-align:left;

	color:#bacebc;

}

a {
	color:black;
	text-decoration: none;
	cursor:pointer;
}

a:hover{
	color:#db002f;
	text-decoration: none;	
}

p {

	text-align:left;


}



img {
	border:0px;
	padding:0px;
	margin:0px;

}




/********* Botons ***************/

a.boto172, a.boto172:link, a.boto172:hover, a.boto172:active, a.boto172:visited {

	width:172px;
	height:172px;

/*	background-color:#db002f; */
	background-image:url('img/boto172.jpg');

	color:white;

	cursor:pointer;

}

a.boto172p, a.boto172p:link, a.boto172p:hover, a.boto172p:active, a.boto172p:visited {

	width:172px;
	height:172px;

	background-color:#db002f;

	color:white;

	cursor:pointer;

}
	


a.boto_vermell,  a.boto_vermell:link, a.boto_vermell:hover, a.boto_vermell:active, a.boto_vermell:visited  {
	width:161px;
	_width:171px;
	height:16px;
	_height:20px;
	background-color:#db002f;

	color:white;
	margin-bottom:5px;
	border:0px;

	

	text-align:left;

	cursor:pointer;

}


.text_boto_vermell {
	width:161px;
	_width:171px;
	height:16px;
	_height:20px;

	color:white;
	margin-bottom:5px;
	border:0px;

	

	background-image:url('img/botovermell.jpg');

	padding-top:4px;
	padding-left:10px;
	text-align:left;

	cursor:pointer;
}

.boto_formularis {

	margin-top:10px;
	padding-right:10px;
}

.quadre_producte {

	margin-top:10px;

	float:left;

	width:172px;
	height:172px;

	background-color:#db002f;

	color:white;


}

	.quadre_producte_text {
		font-size:11px;
		width:132px;
		height:152px;
		margin-top:0px;
		padding-left:20px;
		padding-bottom:22px;

		position:relative;
	}

	.quadre_producte_text_dins{

		width:132px;
	
		position:absolute;
		bottom:20px;
		left:20px;

		_bottom:0px;
		_left:20px;
	}


	.quadre_producte a {
		color:white;
	}

	.quadre_producte a:hover {
		color:white;
	}

.tornar {

/*	clear:both; 
	margin-top:10px; 
*/
}


.mes_info_quadre {

	float:left;
	margin-top:20px;
	margin-left:0px;


}


/********** Formularis **************/

.text_form_borsa {

	clear:both;
	width:130px;
	* width:125px;
	_width:130px;

	height:18px;
	_height:21px;
	float:left;

	padding-top:3px;

	margin-bottom:4px;

}

.condicions_legals {

	width:249px;
	height:20px;

	float:left;

	text-align:left;
	

}

.text_condicions_legals {
	float:left;
	font-size:11px;
	margin-top:3px;
	margin-left:3px;
	
}


.camps_obligatoris {

	width:250px;
	* width:245px;
	_width:250px;
	height:20px;
	text-align:left;
	float:left;
}	

input.cl {
	float:left;
	margin-left:0px;
	* margin-left:-4px;
	_margin-left:0px;
}



input.input_borsa {
	width:249px;
	* width:249px;
	_width:249px;
	height:16px;
	_height:20px;
	border:solid 1px #db002f;
	float:left;

	margin-bottom:5px;
}

input.interessat {

	clear:both;
	background-color:#db002f;
	border:0px;
	color:white;

	padding:3px;
	float:right;

	cursor:pointer;
}

textarea.textarea_borsa {
	width:249px;
	height:65px;
	border:solid 1px #db002f;
	float:left;

	margin-bottom:5px;

}

select {
	width:249px;
	* width:249px;
	_width:249px;

	height:21px;
	_height:20px;
	border:solid 1px #db002f;
	float:left;

	margin-bottom:5px;
}

.tancar_lightbox {

	clear:both;
	margin-top:10px;
	margin-left:20px;
}

.dreta {
	float:right;
}

.esquerra {
	float:left;
}

/*********** Estructura ******************/



#tot{

	width:939px;
	
	margin-top:2px;
	padding-left:3px;
	margin-left: auto;
	margin-right: auto;


	margin-bottom:5px;

	text-align:left;

}



#cap{
	width:939px;
	height:90px;	

	margin-bottom:0px;
	* margin-bottom:-10px;
	_margin-bottom:-20px;
}	

	#logotip_esquerra {
		width:364px;
		height:90px;
		
		float:left;
	}

	#idiomes_areaprivada {
		
		width:290px;
		height:90px;
		_height:96px;

		font-size:12px;

		/*	margin-top:21px; */

		float:right;

	}
		
		#idiomes_dalt {
			float:left;
			padding-top:21px; 
		
		}

		#area_privada_candau {
			float:right;
			width:125px;
			padding-top:21px; 

		}

		.idioma_dalt {
			margin-left:3px;
		}

		a.marcat {
			color:#db002f;
		}

		.area_privada {
			margin-left:10px;
			text-align:center;

                        width:97px;

			border-left:solid 1px #b2b4b3;


                        float:left;
		}

		.candau {
			float:right;
			margin-top:-2px;
                        * margin-top:-17px;
		}

		#zona_areaprivada {
			
			clear:both;

			width:185px;
			height:66px;
			_height:64px;

			border:solid 1px #b2b4b3;

			margin-top:-1px;
			* margin-top:1px;

			float:right;

		}


			.input_areaprivada {

				margin-top:8px;
				_margin-top:7px;
				margin-left:8px;
				margin-bottom:5px;

				width:78px;
				* width:76px;
				_width:80px;
				height:12px;
				_height:16px;

				border:solid 1px #b2b4b3;

				float:left;

				font-size:10px;
			
				color:#919191;

			}

			#accedir_areaprivada {

				display:block;

				margin-left:8px;
				margin-bottom:5px;
				_margin-bottom:0px;

				width:163px;
				height:14px;

				_width:168px;
				_height:16px;

				padding-top:0px;
				padding-left:5px;

				background-color:#db002f;

				font-size:10px;



				clear:both;

				color:white;
			}
			

				#accedir_areaprivada a {
					color:white;
				}
	
				#accedir_areaprivada a:hover {
					color:white;
				}
	
				#fletxa_accedir {
					float:right;
					margin-right:5px;
					margin-top:-13px;
					_margin-top:-15px;
				}

			#recordar_contrasenya {

				display:block;
				margin-left:8px;
				* margin-top:-15px;

				width:163px;
				height:14px;

				_width:168px;
				_height:16px;
				
				font-size:10px;

				padding-top:2px;
				padding-left:5px;

				clear:both;

				color:#919191;
			}

				#fletxa_recordar {
					float:right;
					margin-right:5px;
					margin-top:-13px;
					_margin-top:-14px;
				}

#menu {

	margin-top:13px;
	* margin-top:1px;
	_margin-top:1px; 

	margin-left:0px;
	
	width:939px;
	height:22px;

}

	#menu ul {
		list-style-type:none;
		margin-top:-12px;
		margin-left:-40px;
		
		* margin-top:0px;
		* margin-left:0px;

		_margin-top:0px;

		height:27px;
		width:939px;


	}

	#menu li {
		
		float:left;
	

		height:19px;
		* height:22px;
		_height:22px;	
			

		padding-top:5px; 
		_padding-top:0px;	

		margin-bottom:1px;
		margin-right:1px;
	}

	#menu li:hover {
		color:white;
		background-color:#db002f;

	}

	#menu li.marcat {

		color:white;
		background-color:#db002f;

	}

	#menu li:hover a {

		color:white;
		background-color:#db002f;

	}


	#menu a {

		height:17px;
		* height:17px;
		_height:22px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;

/*		* padding-top:10px;
		* padding-left:10px;
*/
		color:black;
		margin-right:1px;
		font-weight:normal;

		cursor:pointer;
		
	}

	#menu a:hover {

		color:white;
		background-color:#db002f;
	}

	#menu a.marcat{
		_height:22px;
		color:white;
		background-color:#db002f;
	}




#central {
	
	width:940px;

	margin-top:3px;
	* margin-top:6px;
	_margin-top:-18;


	border-top:solid 1px #db002f;
}

	#linia_central {
		width:939px;
		height:0px;
		_height:1px;
		border-top:solid 1px #db002f;

	}
	
	#central_columna_esquerra {

		width:172px;
	/*	min-height:500px;
		_height:500px;
	*/
		margin-top:39px;

		float:left;



	}

	#central_columna_central {

		width:363px;
	/*	min-height:500px;
		_height:500px;

	*/

		margin-top:39px;
		margin-left:20px;	
		margin-right:19px;	
		float:left;



	}

	#central_columna_dreta2 {

		width:365px;
	/*	min-height:500px;
		_height:500px;
	*/
		margin-top:39px;

		float:left;



	}

	#central_columna_dreta {

		width:747px;
	/*	min-height:500px;
		_height:500px;
	*/
		margin-top:39px;
		margin-left:20px;

		float:left;



	}


#abans_peu, .netejar {
	clear:both;
}

#peu {

	clear:both;

	width:939px;
	height:49px;

	margin-top:60px;

	
	background-image:url('img/agroup.jpg');
	background-position:top left;
	background-repeat:no-repeat;

	background-color:#5f5e5e;
	color: white;

}


	#agroup {

		padding-top:22px;
		padding-left:12px;

	}

		#imatge_group {
			float:left;

		}

		#text_group {

			margin-top:6px;
			float:left;
			font-weight:bold;
			margin-left:5px;


		}

		#any_group {

			margin-top:6px;
			float:left;
			margin-left:10px;

		}

		#seccions_sota {
			float:right;
			margin-top:6px;

		}
	
			.seccio_sota1 {

				float:left;
				margin-right:5px;
			}
			.seccio_sota2 {

				float:left;
				margin-right:10px;
				margin-left:10px;
			}

			.seccio_sota1 a, .seccio_sota2 a {
				color:white;
			}

			.seccio_sota a:hover, .seccio_sota2 a:hover {
				color:white;
			}


.tancar_lightbox {
	clear:both;
	margin-left:15px;
	margin-top:10px;
}

#text_formulari_enviat {

	margin-top:20px;
	
	min-height:300px;
	_height:300px;

}

.alzamora_titol {
	font-size:24px;
	margin-top:39px;
	margin-bottom:39px;
	color:#444444;
	text-transform:uppercase;
}



#alzamora_titol_dins {
	font-size:24px;
	margin-top:39px;

}


/***********  Fi  Estructura ******************/