/* GENERIC ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.asterisc {
	font:  		normal 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding:	0 0 0 2px;
	margin:		0;
	color:		#db0202;
}

.input-llarg {
	width:		439px!important;
	padding: 	2px 2px 4px 2px;
}

.input-mitja {
	width:		210px;
	padding: 	2px 2px 4px 2px;
}

.input-tresquarts {
	width:		268px;
	padding: 	2px 2px 4px 2px;
	margin:     0;
}

.input-petit {
	width:		150px;
	padding: 	2px 2px 4px 2px;
}

.select-curt {
	border:		1px solid #616161;
	width:		155px!important;
	padding:	2px;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#fff;
}

.select-mitja {
	border:		1px solid #616161;
	width:		214px!important;
	padding:	2px;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#fff;
}

ul.form-2columnes {
	float:		none;
}

ul.form-2columnes li {
	float:		left;
	margin:		0 15px 15px 0;
}

ul.form-2columnes label {
	width: 		auto!important;
}

.fieldset_btn {
	float:		right;
	width:		445px;
	margin:		0;
	text-align: right;
	padding:	0;
}

.newsletter {
	float:		right!important;
	width: 		425px!important;
	text-align: left;
}

.newsletter-checkbox {
	float:		left!important;
	border:		none;
	margin:		2px 5px 0 0;
}



/* CONTACT FORM ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#form-contact {
	float:		left;
	width:		445px;
	overflow:	hidden;
	margin:		0;
}

#form-contact fieldset {
	margin:		10px 0;
	overflow:	hidden;
}

#form-contact label {
	float:		none;
	font:		bold 12px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		0 0 3px 0;
	width:		auto;
	display:	block;
	color:		#fff;
}

#form-contact input {
	float:		none!important;
	border:		1px solid #616161;
	background: #2a292a;
	padding: 	2px 2px 4px 2px;
	color:		#fff;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

#form-contact select {
	float:		none!important;
	border:		1px solid #616161;
	background: #2a292a;
	height:		24px;
	padding:	2px 2px 2px 2px;
	color:		#fff;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	width:		445px;
}

#form-contact p {
	float: 		none!important;
	width:		445px;
	overflow:	hidden;
	margin:		5px 0 15px 0;
}

#form-contact textarea {
	width:		439px;
	background: #2a292a;
	padding:	2px;
	border:		1px solid #616161;
	color:		#fff;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.adreca {
	border:		1px solid #616161;
	background: #2a292a;
	padding: 	2px 2px 4px 2px;
	color:		#fff;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	width:		348px!important;
	padding: 	2px 2px 4px 2px;
}

.codpostal {
	border:		1px solid #616161;
	background: #2a292a;
	padding: 	2px 2px 4px 2px;
	color:		#fff;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	width:		70px!important;
	padding: 	2px 2px 4px 2px;
	text-align: center;
}

ul.formError {
	margin:		-10px 0 15px 0!important;
	padding:	10px;
	background: #ffdfdf;
	border:		1px solid #ff2c2c;
	width:		503px;
	color: 		#ff2c2c;
	font-weight:bold;
}

.formOk {
	background: #f0ffe0;
	border:		1px solid #6bc50a;
	width:		493px;
	text-align: center!important;
	margin:		10px 0 200px 0;
	padding:	20px!important;
}

.fieldset_bt_generic {
	float:		left;
	width:		auto;
	margin:		0;
}

.fieldset_bt_cercar {
	float:		right;
	width:		auto;
	margin:		0;
}

.especialitat {
	float:		left!important;
	margin:		0 0 0 0!important;
	width:		170px!important;
}

.bt_generic {
	float:		right;
	margin:		10px 0 0 0!important;
	width:		52px!important;
	height:		19px!important;
	border: 	none!important;
}

.bt_accesareaprivada {
	float:		left;
	margin:		10px 0 0 0!important;
	width:		auto!important;
	border: 	none!important;
	background: #515151;
	color:		#FFF!important;
	padding:	4px 7px 4px 7px!important;
	cursor:		pointer;
}



/* GENERIC FORM ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#form-generic {
	width:		430px;
	padding:	14px 0 10px 0;
	margin:		1px 0 22px 0;
}

#form-generic label {
	float:		left;
	width:		450px;
	font:		bold 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}

#form-generic input {
	float:		none!important;
	border: 	1px solid #c9c9c9;
	width:		auto;
	padding:    2px 2px 3px 2px;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#fff;
}

.dataoferta {
	float:		none!important;
	width:		57px!important;
}

.datainici {
	float:		left;
	width:		57px!important;
}

.datafinal {
	float:		right;
	width:		57px!important;
}

#form-generic textarea {
	float:		none!important;
	border: 	1px solid #c9c9c9;
	width:		424px;
	padding:	2px;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#fff;
}

.radiobutton {
	float:		left;
	margin:		0 2px 0 0!important;
	width:		12px!important;
	border:		0!important;
}

#form-borsatreball ul label {
	width:		150px!important;
}

ul#dates {
	float:		left;
	margin:		0 0 20px 0;
}

ul#dates li {
	float:		left;
	width:		80px!important;
}

ul#dates li label {
	float:		left;
	margin:		-2px 0 1px 0!important;
	padding:	-2px 0 1px 0!important;
}

ul.form-2cols {
	float:		left;
	margin:		0 0 20px 0;
}

.select-prov {
	float:		left;
	width:		210px!important;
	margin:		0;
}

.select-prov-select {
	float:		left;
	width:		210px!important;
	margin:		0;
	border:		1px solid #c9c9c9;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#fff;
	height: 	20px;
}

#form-generic .bt_enviar {
	float:		left;
	margin:		5px 0 25px 0!important;
	cursor:		pointer;
	width:		auto!important;
	padding:	4px 7px 5px 7px!important;
	border:		0!important;
}

#form-generic .error, .error {
	display:	block;
	background: #fef6f3 url(../img/cgt_ico_alert.gif) no-repeat left;
	border:		1px solid #cd090a;
	color:		#cd090a!important;
	padding:	10px 10px 10px 30px;
	width:		388px!important;
}

#form-generic .info, .info {
	display:	block;
	background: #fafaf0 url(../img/cgt_ico_info.gif) no-repeat top left;
	border:		1px solid #fcefa1;
	color:		#363636!important;
	padding:	10px 10px 10px 30px;
	width:		388px!important;
}

#form-generic .formok, .formok {
	display:	block;
	background: #efffe8 url(../img/cgt_ico_formok.gif) no-repeat left;
	border:		1px solid #4c942d;
	color:		#4c942d!important;
	padding:	10px 10px 10px 30px;
	width:		388px!important;
}

.llegenda {
	font:  		9px normal Tahoma, Arial, Verdana, Helvetica, sans-serif!important;
	padding:	0 0 0 3px;
	color:		#9f9f9f;
}



/* FORMULARI ĀREA PRIVADA + CERCADOR -------------------------------------------------------------------------------------------------------------------------------------------------------- */

#form-areaprivada {
	float:		left;
	background: url(../img/cgt_bck_grid.gif) repeat top left;
	width:		213px;
	padding:	14px 0 10px 15px;
	margin:		1px 0 22px 0;
}

#form-cercador {
	float:		left;
	background: url(../img/cgt_bck_grid.gif) repeat top left;
	width:		203px;
	padding:	14px 0 10px 15px;
	margin:		1px 0 22px 0;
}

#form-areaprivada fieldset {
	width:		200px;
}

#form-cercador fieldset {
	float:		left;
	width:		auto;
}

#form-areaprivada p {
	font:		normal 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		0 0 9px 0;
	width:		185px;
}

#form-cercador p {
	float:		left;
	font:		normal 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		0 0 9px 0;
	width:		130px;
}

.text-auto {
	width:		auto!important;
}

#form-areaprivada label {
	float:		none;
	width:		210px;
	margin:		5px 0 0 0;
	border:		0!important;
	font:		bold 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#717171;
}

#form-cercador label {
	float:		left;
	width:		120px;
	margin:		5px 0 0 0;
	border:		0!important;
	font:		bold 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#717171;
}

#form-areaprivada input {
	float:		none;
	width:		119px;
	margin:		3px 0 0 0;
	padding:    2px 2px 3px 2px;
	font:		normal 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#686c71;
	border: 	1px	solid #c9c9c9;
}

#form-cercador input {
	float:		left;
	width:		119px;
	margin:		3px 0 0 0;
	padding:    2px 2px 3px 2px;
	font:		normal 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#686c71;
	border: 	1px	solid #c9c9c9;
}

.bt_form {
	margin:		0;
	cursor:		pointer;
	width:		90px;
	padding:	5px 10px 5px 15px;
	background: #db0202!important;
	color:		#FFF;
	font:		bold 14px Tahoma, Arial, Verdana, Helvetica, sans-serif!important;
	border:		0!important;
}

.bt_form:hover {
	cursor:		pointer;
	background: #616161!important;
}

.bt_cercar {
	float:		left;
	margin:		20px 0 0 0!important;
	cursor:		pointer;
	width:		65px!important;
	padding:	2px 6px 3px 0!important;
	background: #515151;
	color:		#FFF!important;
	font:		normal 10px Tahoma, Arial, Verdana, Helvetica, sans-serif!important;
	border:		0!important;
}

.bt_enviar-generic {
	float:		left!important;
	margin:		0 0 0 0 !important;
	cursor:		pointer;
	width:		65px!important;
	padding:	4px 7px 5px 7px!important;
	background: #515151 ;
	color:		#FFF!important;
	font:		normal 10px Tahoma, Arial, Verdana, Helvetica, sans-serif!important;
	border:		0!important;
}

.form-cercador-radio {
	float:		left;
	margin:		12px 53px 0 22px!important;
	width:		14px!important;
	color:		#FFF;
}

.form-cercador-radio-02 {
	float:		left;
	margin:		12px 0 0 0!important;
	width:		14px!important;
}



/* TAULES ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*
	.parell {background-color:#fafafa!important;}
	.senar {background-color:#fff!important;}
*/

.slim  { width: 25px; }

.hover {
	background: #eee;
	cursor:		pointer;
}

thead {
	width: 		100%;
	background:	#c88b00;
	padding:	10px;
	height:		30px;
	color:		#FFF;
}
	
table.colegiats {
	width:		452px;
	margin:		10px 0 0 0;
	background: #FFF;
	border-top:	1px #c88b00 solid; 
	border-bottom:1px #c88b00 solid;
	border-left:1px #fff solid; 
	border-right: 1px #fff solid;	
	border-collapse:collapse;
	border-spacing:0px;
}

td.colegiats {
	border-bottom:1px #c88b00 dotted;
	text-align: left;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: 		#404040;
	padding:	10px 0 10px 1px;
	width:		120px;
}

td.numcol {
	border-bottom:1px #c88b00 dotted;
	text-align: left;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: 		#404040;
	padding:	7px 0 7px 0;
	text-align: center!important;
	width:		60px;
}

td.dades {
	border-bottom:1px #c88b00 dotted;
	text-align: left;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: 		#404040;
	padding:	10px 0 10px 0;
	width:		12px;
}

table.colegiats a {
	font:		normal 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#c88b00!important;
	padding:	0 0 3px 25px;
	background: url(../img/cgt_ico_fitxa.gif) no-repeat top left ;
}

table.colegiats a:hover {
	font:		normal 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#c8c8c8!important;
	padding:	0 0 3px 25px;
	background: url(../img/cgt_ico_fitxa_h.gif) no-repeat top left ;
}

table.fitxacol {
	width:		422px;
	margin:		5px 0 0 0;
	background: #FFF;
	border-top:	1px #c88b00 solid; 
	border-left:1px #fff solid; 
	border-right: 1px #fff solid; 
	border-collapse:collapse;
	border-spacing:0px;
}

.fitxacol h3 {
	float:		left;
	font:		bold 12px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		0;
	color: 		#c88b00;
	padding:	0;
}

.nomcolegiat {
	font:		bold 14px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: 		#FFF;
	widt:		106px;
}

.fotoscolegiat {
	padding:	5px;
	border: 	1px solid #E8E8E8;
	margin:		14px 10px 0 0;
}

td.fitxacol {
	text-align: left;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: 		#404040;
	padding:	10px 0 10px 1px;
	width:		120px;
}

td.dadescolegiat {
	text-align: left;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin:		4px 0 8px 0;
	color: 		#404040;
	padding:	4px 0 8px 0;
	width:		auto;
	border-bottom:1px solid #E8E8E8;
}

td.titoldadescolegiat {
	border-bottom:1px #fff dotted;
	text-align: left;
	font:		normal 11px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: 		#404040;
	padding:	10px 0 10px 0;
	width:		12px;
}

table.fitxacol a {
	font:		normal 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#c88b00!important;
	padding:	0 0 3px 0;
}

table.fitxacol a:hover {
	font:		normal 10px "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:		#c8c8c8!important;
	padding:	0 0 3px 0;
}



/* DEFINITION LIST -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

dl { 
	background: url(../img/bzi_bck_li_agenda.gif) repeat-x bottom left;
	padding:	0 0 10px 0;
}

dt {
	width: 		10em;
	padding: 	7px;
	float: 		left;
	margin: 	0;
	font-weight:bold;
}

dd {
	margin-left:11em;
	padding: 	7px;
}

dd.first {}

dd.justify {
	text-align: justify;
}