@charset "UTF-8";

/*-------------- Generics / Reset --------------*/
body, input, select, textarea, #sidebar h2, #configuracio h3 { color: #6e6f74; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, p.slogan, .data-hora, .info, .opcions, #configuracio li, .calendari { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#sidebar h2, #configuracio h3, #central form .botons-form input { font-family: VAGRounded, "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;font-weight:normal;}
a { text-decoration: none; color: #e86100;}
a:hover { text-decoration: underline;}
p { line-height: 1.2em; font-size: 1.4em;}
abbr { border: none;}

/*-------------- Estructura --------------*/
#wrapper { 
	width: 970px; 
	margin: 0 auto;
}

/*-------------- header-bloc --------------*/
#header-bloc {
	padding: 1.2em 1.2em .6em 2.4em;
	background: #323232 url(../images/header-bloc.png) no-repeat 0 0;
}
	#header-bloc h1 {
		margin-bottom: .3em;
		font-size: 3.6em;
	}
		#header-bloc h1 a {
			color: #fba047;
			
		}
	#header-bloc .slogan {
		font-size: 1.8em;
		color: #FFF;
	}

/*-------------- main --------------*/
#main-content {
	padding-top: 3.5em;
}
#central {
	float: left;
	width: 64.2em;
	margin-right: 2.1em;
	position:relative;
}
#central h3.categoria {
	font-size: 1.8em; 
	margin-bottom: 1em; 
	color: #E86100;
}
/*-------------- post --------------*/
.post {
	position: relative;
	margin-bottom: 2.6em; 
	clear: both;
}
body#interior .post {
	margin-bottom: 1.1em;
}
	.post h2, .comentari h3 {
		margin-bottom: .5em;
		padding: .2em 8em .2em .8em;
		color: #FFF;
		font-size: 2em;
		background: #ff9630 url(../images/bg-titol-post.png) repeat-x 0 0;
	}
		.post h2 a {
			color: #FFF;
		}
	.post .data-hora, .comentari .data-hora {
		position: absolute;
		top: .4em;
		right: .9em;
		color: #FFF;
		text-align: right;
	}
	.post a.bot-comentaris {
		padding-left: 1.7em;
		background: url(../images/ico-comentaris.png) no-repeat 0 .3em;
	}
	.post a.bot-llegir {
		padding-left: 1.2em;
		background: url(../images/ico-llegir.png) no-repeat 0 .1em;
	}
	
	.post .content, .post .info, .post .adjunts, .post .opcions, #comentaris, #nou-comentari {
		padding: 0 1.6em;
	}
		.info li, .opcions li {
			display: inline;
			color: #e86100;
			font-size: 1.4em;
		}
		
	.info {
		margin-bottom: 1.8em;
	}
	
		.info li {
			margin-right: .3em;
			padding-right: .5em;
			background: url(../images/bg-item-info.png) no-repeat right center;
		}
		.info li:last-child {
			background: none;
		}
		.opcions li {
			margin-right: 1.3em;
		}
		
	.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 {
	width: 55em;
    clear:both;
}
	#comentaris ul {
		margin: 1em 0;
	}
		.comentari {
			position: relative;
			margin: 0 0 4.5em;
			padding-left: 1em;
		}
			.comentari .info, .comentari .content, .comentari .opcions {
				padding-left: .8em;			
			}
			.comentari h3 {
				padding: .2em .5em;
				font-size: 1.8em;
			}
			.comentari .autor {
				margin-bottom: 1.4em;
			}
			.comentari .content {
				margin-bottom: 2em;
			}
			.comentari .comentari {
				margin-bottom: 2em;
				padding-left: 2em;
			}

/*-------------- formularis --------------*/
#central form {
clear:both;
}
	#central form p {
		margin-bottom: .4em;
	}
	#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;
	}
		#central form .botons-form input {
			float: right;
			width: 6.4em;
			height: 1.35em;
			margin-left: 1em;
			padding: 0 0 .7em;
			font-size: 1em;
			color: #FFF;
			background: url(../images/bot-enviar.png) no-repeat;
			border: none;
		}

/*-------------- sidebar --------------*/
#sidebar {
	float: left;
	width: 30.5em;
}
.bloc-sidebar {
	margin-bottom: 2.7em;
	background: url(../images/bg-bloc-sidebar.png) repeat-x 0 bottom;
}
	#sidebar h2 {
		margin-bottom: .6em;
		font-weight: bold;
		font-size: 1.6em;
		color: #404040;
	}
	
	#sidebar h3, #sidebar h4, #sidebar p {
		color: #3f3f3f;
		margin-bottom: .2em;
	}
	#sidebar h3 {
		font-size: 1.6em;
	}
	#sidebar h4 {
		font-size: 1.4em;
	}
	#sidebar .data-hora {
		margin-bottom: .4em;
		font-size: 1.2em;
	}
	#sidebar li {
		padding: 1.1em 1.3em 1em;
		border-bottom: 1px solid #d9d9d9;
	}
	
	#blocs-recents h3 {
		color: #888;
		font-size: 1.4em;
	}
	#blocs-recents h4 {
		font-size: 1.6em;
	}
	#arxius .content {
		padding: 1em .8em 1em;
	}

/*-------------- configuracio --------------*/	
#configuracio {
	padding: 1.7em 1.5em 1.2em;
	background: url(../images/bg-bloc-config.png) repeat 0 0;
}
	#configuracio h2 {
		padding: 0 0 .6em 2.5em;
		background: url(../images/ico-config.png) no-repeat 0 0;	
	}
	#configuracio .subbloc {
		margin-bottom: 3em;	
	}
	#configuracio h2, #configuracio h3 {
		color: #fd9b3c;
		font-size: 1.8em;
	}
	#configuracio h3 {
		margin-bottom: 1.1em;
		font-weight: bold;
	}
		#configuracio li {
			padding: 0 0 0 .9em;
			margin-bottom: .5em;
			font-size: 1.6em;
			background: url(../images/bot-item-config.gif) no-repeat left center;
			border: none;
		}
		#configuracio li.actiu {
			background-image: url(../images/bot-item-config-actiu.gif);
		}
			#configuracio li a {
				color: #FFF;	
			}
			#configuracio li.actiu a {
				color: #fd9b3c;	
			}
			#configuracio li a:hover {
				color: #fd9b3c;	
			}
	#configuracio p.espai-info {
		margin-bottom: .8em;
		font-size: 1.2em;
		font-weight: bold;
		color: #ff9630;
	}
	#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: #ff9630;
	}

/*-------------- calendari --------------*/	
#main-content .calendari {
}
	#main-content .calendari h3 {
		position: relative;
		margin-bottom: 0;
		padding: .2em 0;
		color: #FFF;
		text-align: center;
		background-color: #e86100;
	}
		#main-content .calendari h3 a {
			position: absolute;
			top: .1em;
			width: .8em;
			height: .9em;
		}
			#main-content .calendari h3 a span {
				display: none;
			}
		#main-content .calendari h3 a.bot-anterior {
			left: .3em;
			background: url(../images/bot-ant-calendari.gif) no-repeat center;
		}
		#main-content .calendari h3 a.bot-seguent {
			right: .3em;
			background: url(../images/bot-seg-calendari.gif) no-repeat center;
		}
	#main-content .calendari table {
		width: 100%;
		padding: 0 0 1.4em;
		margin-top: .2em;
		background-color: #FFF;
	}
	#main-content .calendari th, #main-content .calendari td {
		padding: .3em;
		font-size: 1.6em;
		text-align: center;
	}
	#main-content .calendari th {
		color: #FFF;
		font-weight: normal;
		background-color: #f8a95b;
	}
	#main-content .calendari td {
		color: #f8a95c;
	}
	#main-content .calendari td.dia-previ {
		color: #e86100;
	}
	#main-content .calendari td.avui {
		padding: 0;
	}
		#main-content .calendari td.avui span, #main-content .calendari td.avui a {
			padding: .1em .3em;
			color: #FFF;
			background-color: #e86100;
		}
		#main-content .calendari td a {
			text-decoration: underline;
			border: 1px solid #E86100;
			padding: 0 0.2em;
		}
	.accions a, .accions {
		color: #000 !important;		
	}
/*-------------- Altres --------------*/
#main-content:after, .botons-form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main-content, .botons-form, .post h2, #configuracio, .calendari h3, .calendari, #sidebar ul { height: 1%;}