/*

gris de linia: 999
gris de linia clara: bbb;
vermell de links: C00 (A00 hover)

*/

body {
	background-color: #fff;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
}


h1 {
	color: #C00;
	border-bottom: 1px solid #bbb;
	font-size: 150%;
	margin-bottom: 10px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}

h2 {
	color: #A00;
	font-size: 130%;
	font-weight:bold;
	margin-bottom: 10px;
}

h3 {
	font-size: 110%;
	text-transform: uppercase;
	font-weight:bold;
	margin-bottom: 10px;
}

p {
	padding-bottom: 10px;
}


td { vertical-align: top;}

tr.ratllat td {
	background-color:#f1ecdd;
}


a { color:#C00;}
a:hover{color:#A00;} 

.clear { clear:both; }
.gris { color: #777; }

.fdreta { float: right; } 


div#pagina {
	width: 960px;
	margin: 10px auto;
}

.mostra, .ocult {
	display:none;
}

	div#capcalera {
		
		height: 165px;
	/*	background: transparent url('../imatges/logo-cap.jpg') no-repeat right bottom;*/
	}
	
	div#capcalera .social-links {
		float:right;
		text-align:right;
	}
	
	div#navegacio-general {
		
		font-size: 130%;		
		
		border-bottom: 1px solid #999;
		margin-bottom: 10px;
		padding: 7px;
		text-transform: uppercase;
	}
		div#navegacio-general .separador {
			color: #bbb;
		}
	
		div#navegacio-general a {
			text-decoration: none;
	
			font-weight: bold;
			color: #C00;
		}
		
		div#navegacio-general a:hover {
			color: #A00;
		}
	
	
	
	div#cos-central {
		
		padding: 10px;
	
		
	}
	
	
	
	div#cos-central-petit {
		float: left;
		width: 600px;
		
		padding: 10px;
		
	}
		
	div#barra_dreta {
		float: right;
		width: 300px;
		border-left: 1px solid #999;
		padding-left: 10px;
	}
		
		div#barra_dreta .links-dreta {
			
			line-height: 40px;
			background-color: #eee;
			width: 280px;;
			height: 40px;
			color: #222;

			clear:both;
			
			margin-top: 20px;
			margin-bottom: 20px;
			
		}
			div#barra_dreta .links-dreta a {
				color: #000;
				text-decoration: none;
				padding-left: 10px;
			}
			div#barra_dreta .links-dreta .botonet {
				float: right;
				margin-top: -10px;
				margin-right: -10px;
			}
		
	
	div#peu {
		border-top: 1px solid #999;
		margin-top: 5px;
		padding-top: 10px;
		color: #555;
		font-size: 95%;
		text-align:center;
		clear:both;
	}
	
	
	
	.tria-tipus-adhesio td {
		vertical-align: middle;
		text-align:center;
	}
	
	
	ul.adherits {
		color: #900;
		list-style-type: disc;
		margin-left: 10px;
		padding-left: 10px;
	}
	
		ul.adherits li {
			color: #777;
	
		}
		
			ul.adherits li b {
				color: #900;
				
			}
			
			
	table.entitats-adherides tr td {
		vertical-align: middle;
	}
	
		table.entitats-adherides tr td.logo {
			width: 100px;
			padding-bottom: 10px;
			text-align: center;
		}
			table.entitats-adherides tr td.logo div.no-logo {
				width: 100px;
				height: 50px;
			}
		table.entitats-adherides tr td.nom {
			padding-left: 10px;
			font-weight: bold;
			padding-bottom: 10px;
		}
			
	ul.entitats-adherides li {
	
		 display: block;
		 height: 120px;
		 margin-bottom: 10px; 
	
	}
	
		ul.entitats-adherides li .logo { display: block; float:left; width: 100px; margin-right: 5px; }
		ul.entitats-adherides li img { margin-right: 10px; }
	
	
	
	
	ul.llistat {
		list-style-type: disc;
		margin-left: 10px;
		padding-left: 10px;
	}
	
	ul.objectius li {
		margin-top: 15px;
	}
	
	ul.objectius li ul {
		margin-left: 25px;
		list-style-type: square;
	}
	
	
	.explicacio-comissio {
		padding-left: 15px;
		padding-bottom: 20px;
	}
	
		.explicacio-comissio .explicacio {
			font-size: 120%;
			padding-bottom: 10px;
		}
	
	
	/* agenda */
		div.separador {
			clear:both;
			
			
			border-bottom: 1px solid #ccc;
			margin-bottom: 10px;
			
		}
		div.data-agenda  {
			width: 80px;
			padding: 4px 1px;
			
			border: 1px solid #c00;
			margin-bottom:10px;
			float: left;
			
			
			text-align:center;
			color: #900;
			
		}
			div.data-agenda span {
				display:block;
			}
			div.data-agenda span.data-dia {
				font-size: 130%;
			}
			div.data-agenda span.data-numero {
				font-size: 180%;
				font-weight:bold;
				
			}
			div.data-agenda span.data-mes {
				font-size: 150%;
			}
	
		div.acte-agenda {
			
			width: 500px;
			float:right;
			
			padding: 5px px;
			
			margin-bottom: 10px;
			
			background-color: #f3f3f3;
		}
		
				
			div.acte-agenda .titol {
				margin-bottom: 5px;
			}
			div.acte-agenda .detalls {
				color: #444;
			}
	
	
	
	
	/* 
		<div class="titol">Assemblea constitutòria</div>
			<p class="detalls">
	
	
	fi agenda */
	
	
	/*     RETALLS DE PREMSA       */
	
	
	.retall {
		clear: both;
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.retall .titol {
		color: #A00;
		font-size: 115%;
		font-weight:bold;
		margin-bottom: 5px;
		display:block;
		text-decoration: none;
	}
	.retall .data {
		color: #555;
	}
	.retall .imatge {
		float: right;
		margin-left: 10px;
		margin-bottom:2px;
	}
	
	
	
	/*     fi RETALLS DE PREMSA       */	
	
	
	/*    MAPA      */
	
	
	.local {
		clear: both;
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.local .titol {
		color: #A00;
		font-size: 115%;
		font-weight:bold;
		margin-bottom: 5px;
		display:block;
		text-decoration: none;
	}
	.local .info {
		color: #444;
		padding-left: 5px;
		margin-bottom: 10px;
	}
	
	
	/*     fi MAPA     */	
	
	
	
	
	
	/*     BLOC       */
	
	
	.article {
		clear: both;
		
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.article .titol {
		color: #A00;
		font-size: 130%;
		font-weight:bold;
		margin-bottom: 10px;
		display:block;
		text-decoration: none;
	}
	.article .data {
		color: #555;
	}
	.article .imatge {
		float: right;
		margin-left: 10px;
		margin-bottom:10px;
	}
	
	
	
	.article-anterior {
		float: left;
	}
	
	.article-seguent {
		float: right;
	}
	
	
	/*     fi BLOC       */	
	
	
	/* formularis */
	

		.capsa-gris {
			font-size: 120%;
			margin: 5px 0px;
			background-color: #dfdfdf;
			padding: 15px 5px 15px 25px;
			border: 1px solid #bbb;
			color: #777;
			text-align: center;
		}	


		.capsa-ok {
			font-size: 120%;
			margin: 5px 0px;
			background-color: #e0ffe0;
			padding: 15px 5px 15px 25px;
			border: 1px solid #54d300;
			color: #54d300;
			text-align: center;
		}	

		.capsa-error {
			font-size: 120%;
			margin: 5px 0px;
			background-color: #ffe9e0;
			padding: 15px 5px 15px 25px;
			border: 1px solid #d34100;
			color: #d34100;
			text-align: center;
		}				
		
		
		
		.formulari fieldset {
		
			border: 1px solid #ccc;
			
			padding: 10px;
			
			padding-bottom: 15px;
			margin-bottom: 10px;
			
			
			
		}
		.formulari fieldset legend {
		
			font-size: 130%;
			color: #999;
		}
		

		.formulari fieldset label {
			
		}	
		
		
			.formulari label {
				font-size: 120%;
				display: block;
				margin: 10px 0px 7px 0px;
				cursor:pointer;
			}
			
			.formulari label.neta {
				display: inline;
				margin: 0px;
				font-size: 100%;
			}
			
			.formulari small {
				display: block;
				color: #666;
				margin-bottom: 5px;
				font-size: 100%;
			}
		
			.formulari input[type=text], .formulari input[type=password], .formulari textarea  {
				width: 97%;
				border: 1px solid #999;
				border-left-width: 3px;
			}

			.formulari div.requerit label , strong.requerit {
				font-weight: bold;
				color:#444;
			}
			.formulari div.requerit input {
				border-width: 2px;
			}
			.formulari div.error label {
				color: #900;
			}
			.formulari div.error input, .formulari div.error textarea {
				border-color: #900;
			}
			.formulari div.error .text-error {
				color: #900;
				margin: 4px 0px 10px 20px;
			}
			.formulari div.error .text-error:before {
				color: #900;
				font-weight: bold;
				content: '!';
				font-size: 150%;
				margin-right: 5px;
			}

			.formulari .obligatoris {
				text-align: right;
				font-weight:bold;
			}


.prioritari { color:#900; font-size: 120%;}


.textgris { color:#555; }