@charset "UTF-8";
/* CSS Document */

body, input, select, textarea { color: #333333; font-family: Arial, Helvetica, sans-serif;}
a { text-decoration: none; color: #ef1010;}
a:hover { text-decoration: underline;}
p { line-height: 1.2em; font-size: 1.4em;}
abbr { border: none;}
textarea { font-size: 1.4em;}
.se, .sd, .ie, .id { position: absolute; display: block; width: 4px; height: 4px;}
#sidebar h2, #configuracio h3, #central form .botons-form input { font-family: VAGRounded, "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;font-weight:normal;}
.se { left: 0; top: 0;}
.sd { right: 0; top: 0;}
.ie { left: 0; bottom: 0;}
.id { right: 0; bottom: 0;}

/*-------------- Estructura --------------*/
#wrapper {
	width: 970px;
	margin: 0 auto;
	background: url(../images/bg-wrapper3.png) repeat 0 0;
}

/*-------------- header-bloc --------------*/
#header-bloc {
	height: 12.5em;
	margin-bottom: .9em;
	padding: 1.6em 3.1em 0;
	background: url(../images/header-bloc3.gif) no-repeat;
}
	#header-bloc h1 {
		margin-bottom: 0;
		font-size: 4.8em;
	}
		#header-bloc h1 a {
			color: #27282c;
		}
	#header-bloc .slogan {
		font-size: 2.4em;
		color: #27282c;
	}
#central h3.categoria {
	font-size: 1.8em; 
	margin-bottom: 1em; 
	color: #EF1010;  
	margin-left: 1em;
}	

/*-------------- main --------------*/
#main-content {
	
}
#central {
	float: left;
	width: 62.5em;
	margin: 0 .5em 0 .5em;
	padding-left: .5em;
}
body#home #central {
	width: 63em;
	margin-left: 0;
	background: none;
}

/*-------------- post --------------*/
.post {
	width: 61.9em;
	margin-bottom: 1em;
	padding: .5em 1em .5em .6em;   
	clear: both;
}
body#home .post {
	padding: .5em .6em 3.5em 1.1em;
}
#central, body#home .post {
	position: relative;
	background: url(../images/bg-post3-med.gif) repeat-y 0 0;
}
	.post .se {
		top: -9px;
		width: 635px;
		height: 9px;
		background: url(../images/bg-post3-sup.png) no-repeat 0 0;
	}
	.post .ie {
		bottom: -11px;
		width: 635px;
		height: 11px;
		background: url(../images/bg-post3-inf.png) no-repeat 0 0;
	}
	.post h2, .comentari h3 {
		color: #a1bf46;
	}
	.post h2 {
		margin-bottom: 0;
		padding: .4em 4em .8em .6em;
		font-size: 3em;
	}
		.post h2 a {
			color: #a1bf46;
		}
	.post .data-hora, .comentari .data-hora {
		color: #818285;
	}
	.post .data-hora {
		padding: 0 1.1em;
		margin-bottom: .2em;
	}
	a.bot-comentaris {
		padding: .5em 0 .5em 2em;
		background: url(../images/ico-comentaris3.gif) no-repeat 0 center;
	}
	.post .content, .post .info, .post .adjunts, #comentaris, #nou-comentari {
		padding: 0 1.6em;
	}
	.info {
		margin-bottom: 1.8em;
	}
	.opcions {
		margin-left: 2em;
		padding: .2em 1em .8em 1em;
		background: url(../images/bg-opcions3.png) no-repeat 0 center;
		clear:both;
	}
	body#interior .post .opcions {
		background: none;
	}
		body#interior .post a.bot-comentaris {
			background: url(../images/ico-comentaris3b.gif) no-repeat 0 center;
	 	}
		.info li, .opcions li {
			display: inline;
			margin-right: .3em;
			padding-right: .5em;
			color: #e86100;
			font-size: 1.4em;
			
		}
		.info li {
			background: url(../images/bg-item-info3.png) no-repeat right center;
		}
		.opcions li {
			background: url(../images/bg-item-opcions3.png) no-repeat right center;
		}
		.info li:last-child, .opcions li:last-child {
			background: none;
		}
			.info li a {
				font-weight: bold;
			}
		.opcions li {
			margin-right: .5em;
			padding-right: .7em;
		}
			.opcions li a {
				color: #1b1b1f;
			}
		
	.post .content p {
		margin-bottom: 1.4em;
	}
	.post .content img {
		float: left;
		margin: 0 .8em .8em 0;
	}
	.post .content ul {
		padding-left: 1em;
		margin-bottom: 1em;
	}	
		.post .content li {
			margin-bottom: .4em;
		}
		
	.post .adjunts {
		margin-bottom: 2.5em;	
	}
		.post .adjunts li {
			font-size: 1.2em;
			margin-bottom: .4em;
		}

/*-------------- comentaris --------------*/
#comentaris {
	
}
	#comentaris ul {
		margin: .4em 0;
	}
		.comentari {
			position: relative;
			margin: 0 0 .4em;
			padding: 1em 0 .6em 1em;
			border-top: 1px solid #cedc9f;
		}
			.comentari .info, .comentari .content, .comentari .opcions {
				padding-left: .8em;
			}
			.comentari h3 {
				padding: .2em .5em;
				font-size: 1.4em;
			}
			.comentari .data-hora {
				padding: 0 .6em;
			}
			.comentari .content {
				margin: 2em 0;
				color: #666;
			}
			.comentari a.bot-comentaris {
				padding: 0;
				background: none;
			}
			.comentari .comentari {
				padding-left: 2em;
			}

/*-------------- formularis --------------*/
#central form {
	background: none;
	border: none;	
}
#nou-comentari{
	background-color: #FFF !important;	
	border:1px solid #CBCBCB !important;
}
	#central form p {
		margin-bottom: .4em;
		color: #000;
	}
	#central form p.form-info {
		font-size: 1.1em;
	}
	#central form input {
		margin-bottom: .3em;
	}
	#central form input.input-llarg {
		width: 20em;
	}
	#central form input.input-mig {
		width: 15em;
	}
	#central form input.input-curt {
		width: 7em;
	}
	#central form input.input-curt {
		width: 7em;
	}
	#central form .botons-form {
		margin: 2em 0 0;
		font-size: 1em;
	}
		#central form .botons-form input {
			float: right;
			width: 8.6em;
			height: 1.6em;
			margin-left: .4em;
			padding: .1em 0 .4em;
			font-size: 1.4em;
			color: #000;
			background: url(../images/bot-enviar3.gif) no-repeat;
			border: none;
		}

/*-------------- sidebar --------------*/
#sidebar {
	float: left;
	width: 33em;
}
.bloc-sidebar {
	position: relative;
	margin: 9em 0 0;
	padding: 0 1.7em 1em 2em;
	background: url(../images/bg-bloc-sidebar3-med.jpg) repeat-y left top; 
}
	.bloc-sidebar .se {
		top: -77px;
		left: -10px;
		width: 340px;
		height: 85px;
		background: url(../images/bg-bloc-sidebar3-sup.png) no-repeat 0 0;
	}
	.bloc-sidebar .ie {
		bottom: -38px;
		left: -10px;
		width: 340px;
		height: 72px;
		background: url(../images/bg-bloc-sidebar3-inf.png) no-repeat 0 0;
	}
	#sidebar h2 {
		margin-bottom: .8em;
		padding: .1em 0 .2em 1.1em;
		font-size: 1.8em;
		color: #37a89e;
		background: url(../images/bg-titol-sidebar3.gif) no-repeat 0 center;
	}
	
	#sidebar h4, #sidebar p {
		margin-bottom: .2em;
		color: #FFF;
	}
	#sidebar h3 {
		margin-bottom: .2em;
		font-size: 1.4em;
		color: #fff77b;
	}
	#sidebar h4 {
		font-size: 1.4em;
	}
	#sidebar .data-hora {
		margin-bottom: .4em;
		font-size: 1.2em;
	}
	#sidebar li {
		margin-bottom: 1.8em;
	}       
	
	#sidebar li a {
	   color: #135049!important;
	}   
	
	#blocs-recents h3 {
		color: #fff77b;
		font-weight: normal;
		font-size: 1.4em;
	}
	#blocs-recents h4 {
		font-size: 1.6em;
	}
		#blocs-recents h4 a {
			color: #13504a;
		}
#arxius {
	height: 20em;
	margin-top: 3em;
	padding-top: 5em;
	padding-bottom: 3.5em;
	background: url(../images/bg-bloc-arxius3.gif) no-repeat right top;
}
	#arxius h2 {
		margin-bottom: 0;
		color: #9d3737;
		background-image: url(../images/bg-titol-arxius3.gif);
	}
	#arxius .se, #arxius .ie { display: none;}

/*-------------- configuracio --------------*/	
#configuracio {
	position: relative;
	margin: 0;
	background-image: url(../images/bg-bloc-config3-med.jpg);
}
	#configuracio .se {
		background-image: url(../images/bg-bloc-config3-sup.png);
	}
	#configuracio .ie {
		background-image: url(../images/bg-bloc-config3-inf.png);
	}
	#configuracio h2 {
		padding: .3em 0 .3em 3em;
		color: #479431;
		background: url(../images/bg-titol-config3.gif) no-repeat 0 center;
	}
	#configuracio .subbloc {
		margin-bottom: 3em;	
	}
	#configuracio h3 {
		font-size: 2em;
		margin-bottom: .6em;
	}
		#configuracio li {
			padding: 0 0 0 .9em;
			margin-bottom: .5em;
			font-size: 1.6em;
			background: url(../images/bot-item-config3.gif) no-repeat left center;
			border: none;
		}
		#configuracio li.actiu {
			background-image: url(../images/bot-item-config3-actiu.gif);
		}
			#configuracio li a {
				color: #FFF;	
			}
			#configuracio li.actiu a {
				color: #fff77b;	
			}
			#configuracio li a:hover {
				color: #fff77b;	
			}
	#configuracio p.espai-info {
		margin-bottom: .8em;
		font-size: 1.2em;
		font-weight: bold;
		color: #fff77b;
	}
	#configuracio .espai-barra {
		width: 16.1em;
		height: 2em;
		margin-bottom: 1.6em;
		padding: .1em;
		background-color: #d4d4d4;
	}
	#configuracio .espai-barra .resultat {
		height: 100%;
		background-color: #fff77b;
	}

/*-------------- calendari --------------*/	
#main-content .calendari {
	position: relative;
}
	#main-content .calendari h3 {
		position: relative;
		width: 70%;
		margin: 0 auto 1em;
		padding: .3em 0;
		font-size: 1.6em;
		text-align: center;
	}
		#main-content .calendari h3 a {
			position: absolute;
			top: .4em;
			width: .8em;
			height: .9em;
		}
			#main-content .calendari h3 a span {
				display: none;
			}
		#main-content .calendari h3 a.bot-anterior {
			left: 1em;
			background: url(../images/bot-ant-calendari3.gif) no-repeat center;
		}
		#main-content .calendari h3 a.bot-seguent {
			right: 1em;
			background: url(../images/bot-seg-calendari3.gif) no-repeat center;
		}
	#main-content .calendari table {
		width: 100%;
		padding: 0 0 1.4em;
	}
	#main-content .calendari th, #main-content .calendari td {
		padding: .2em;
		font-size: 1.6em;
		text-align: center;
	}
	#main-content .calendari th {
		color: #fff77b;
		font-weight: normal;
	}
	#main-content .calendari td {
		color: #FFF;
	}
	#main-content .calendari td.dia-previ {
		color: #FFF;
	}
	#main-content .calendari td.avui {
		padding: 0;
	}
		#main-content .calendari td.avui span, #main-content .calendari td.avui a {
			padding: .35em .3em;
			color: #9d3737;
			background: url(../images/bg-calendari-avui3.gif) no-repeat center center;
		}   
		
		#main-content .calendari td a {
			color: #FFF;
			text-decoration: underline; 
			border: 1px solid yellow;
			padding: 0 0.2em;
		}  
		
	.accions a, .accions {
		color: #A1BF46 !important;		
	}		
	
#central #plantilla-llistat.plantilla3 {
	border: 0 !important;
	background: none !important;
}
	
	
/*-------------- Capçalera personalitzada --------------*/	
#personalitzada{
	margin-bottom:2em;
}
/*-------------- Altres --------------*/
#main-content:after, .botons-form:after, .post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main-content, .botons-form, .post h2, #configuracio, .calendari h3, .calendari, #sidebar ul, .post { height: 1%;}