@import url("reset.css");
/*
Consorci per a la Normalització Lingüística
Can Antaviana, 2009

-general
-layout
-masthead
-home
-interior
-estils text
-acolliment
-voluntariat
-faq
-mapa web
-agenda
-site_info
*/

/*---------------
=general
---------------------------------------------*/
/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

body {
	background: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
strong {
	color: #000;
	font-weight: bold;
}
a:link {color: #a40a21;}
a:visited {color: #666;}
a:hover {text-decoration: none;}
	/*apartats*/
	#acol #content_main a,
	#acol #content_sub a {color: #214e77;}
	#volu #content_main a,
	#volu #content_sub a {color: #66a308;}
	#orga #content_main a,
	#orga #content_sub a {color: #c47628;}
	#asse #content_main a,
	#asse #content_sub a {color: #7f4e01;}
/*Vincles externs*/
#content_main_main a.external {
	background-image: url(images/icon_link_ext.gif);
	background-position: 100% .2em;
	background-repeat: no-repeat;
	padding-right: 14px;
}
#content_main_main a:visited.external {background-image: url(images/icon_link_ext2.gif);}
#content_main_main a:focus.external,
#content_main_main a:active.external {background-image: url(images/icon_link_ext.gif);}
	/*apartats*/
	#acol #content_main_main a.external {background-image: url(images/icon_link_ext_acol.gif);}
	#volu #content_main_main a.external {background-image: url(images/icon_link_ext_volu.gif);}
	#orga #content_main_main a.external {background-image: url(images/icon_link_ext_orga.gif);}
	#asse #content_main_main a.external {background-image: url(images/icon_link_ext_asse.gif);}
hr {
	position: absolute;
	left: -9999px;
}
/*acc*/
#acc {
	position : absolute;
	top : -9000px;
	left : -9000px;
	z-index : 20;
}
	#acc a:focus,
	#acc a:active {
		position : absolute;
		top : 9010px;
		left : 9010px;
		background : #fff;
		color : #333;
		padding : 5px;
		font-weight : bold;
		border : 1px solid #600;
		width : 10em;
		z-index : 1;
	}

/*---------------
=Layout
---------------------------------------------*/
#masthead {
	height: 9.125em;
	position: relative;
}
	#l {
		width: 50%;
		float: left;
		background: url(images/bg_masthead_l.jpg) repeat-x;
		height: 9.125em;
	}
	/*apartats*/
	#curs #l {background-image: url(images/bg_masthead_l_curs.jpg);}
	#acol #l {background-image: url(images/bg_masthead_l_acol.jpg);}
	#volu #l {background-image: url(images/bg_masthead_l_volu.jpg);}
	#orga #l {background-image: url(images/bg_masthead_l_orga.jpg);}
	#asse #l {background-image: url(images/bg_masthead_l_asse.jpg);}
	#quis #l {background-image: url(images/bg_masthead_l_quis.jpg);}

	#r {
		width: 50%;
		float: right;
		height: 9.125em;
	}
		#t {
			height: 2.625em;
			background: url(images/bg_masthead_t.jpg) 100% 0 repeat-y;
		}

		#b {
			background: url(images/bg_masthead_b.jpg) repeat-x;
			height: 6.5em;
		}
		/*apartats*/
		#curs #b {background-image: url(images/bg_masthead_b_curs.jpg);}
		#acol #b {background-image: url(images/bg_masthead_b_acol.jpg);}
		#volu #b {background-image: url(images/bg_masthead_b_volu.jpg);}
		#orga #b {background-image: url(images/bg_masthead_b_orga.jpg);}
		#asse #b {background-image: url(images/bg_masthead_b_asse.jpg);}
		#quis #b {background-image: url(images/bg_masthead_b_quis.jpg);}

	#masthead .content {
		height: 9.125em;
		clear: both;
		position: relative;
		top: -9.125em;
		background: #be0b28 url(images/bg_masthead_content.jpg) repeat-x;
	}
	/*apartats*/
	#curs #masthead .content {background: #be0b28 url(images/bg_masthead_content_curs.jpg) repeat-x;}
	#acol #masthead .content {background: #204c73 url(images/bg_masthead_content_acol.jpg) repeat-x;}
	#volu #masthead .content {background: #649b09 url(images/bg_masthead_content_volu.jpg) repeat-x;}
	#orga #masthead .content {background: #f49334 url(images/bg_masthead_content_orga.jpg) repeat-x;}
	#asse #masthead .content {background: #6a4100 url(images/bg_masthead_content_asse.jpg) repeat-x;}
	#quis #masthead .content {background: #be0b28 url(images/bg_masthead_content_quis.jpg) repeat-x;}

#container_main {
	background: #cdcdcd url(images/bg_container_main.jpg) center 0 repeat-y;
	padding: 30px 0;
}
#destaquem {background: #b50d27 url(images/bg_destaquem.jpg) 50% 0 repeat-y;}
	#destaquem .content {background: #7c071a url(images/bg_destaquem_content.jpg) repeat-x;}
#site_info {
	background: url(images/bg_site_info.gif);
	clear: both;
}
	#site_info .content {background: url(images/bg_site_info_content.jpg);}
.content,
#content_main {
	width: 967px;
	margin: 0 auto;
	float: none;
	background: #fff;
}

/*interior*/
#nav_sub {
	float: left;
	width: 194px;
	margin-left: 25px;
}
#content_main_main {
	float: right;
	width: 700px;
	margin-right: 25px;
/*	position: relative;*/
}
/*columna dreta*/
.col_dr #nav_sub {
	float: right;
	width: 227px;
	margin-right: 25px;
	margin-left: 0;
}
.col_dr #content_main_main {
	float: left;
	margin: 0 25px;
	width: 665px;
}
/*tres columnes*/
.tres_col #container_main {
	padding-top: 0;
}
	.tres_col #content_main {
		position: relative;
		background: url(images/bg_trescol.gif) 100% 0 repeat-y;
	}
		.tres_col #content_main_main {
			width: 480px;
			float: left;
			margin-left: 244px;
			padding-top: 30px;
		}
		.tres_col #content_sub {
			width: 184px;
			float: left;
			padding: 30px 17px 0 17px;
		}
		.tres_col #nav_sub {
			position: absolute;
			left: 0;
			top: 0;
			padding-top: 30px;
		}
/*una columna*/
.una_col #content_main_main {
	width: 917px;
	float: none;
	margin-left: 25px;
}


/*---------------
=masthead
---------------------------------------------*/
/*logo*/
#home h1,
#logo {
	position: relative;
	width: 91px;
	height: 113px;
	margin: 0 0 0 25px;
	padding: 12px;
	z-index: 10;
	overflow: hidden;
	background: none;
	color: #000;
	font-size: .75em;
}
	#home h1 a,
	#logo a {
		height: 125px;
		display: block;
	}
	#home h1 span,
	#logo span {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: url(images/logo_cpnl.png) no-repeat;
	}
/*eines*/
#eines {
	position: absolute;
	left: 125px;
	top: 0;
	background: #eee url(images/bg_eines.jpg) repeat-y;
	width: 792px;
	padding: 9px 15px 6px 35px;
}
/*apartats*/
#curs #eines {background-image: url(images/bg_eines_curs.jpg);}
#acol #eines {background-image: url(images/bg_eines_acol.jpg);}
#volu #eines {background-image: url(images/bg_eines_volu.jpg);}
#orga #eines {background-image: url(images/bg_eines_orga.jpg);}
#asse #eines {background-image: url(images/bg_eines_asse.jpg);}
#quis #eines {background-image: url(images/bg_eines_quis.jpg);}

	/*idiomes*/
	#idiomes {
		z-index: 999;
		position: relative;
		top: 3px;
	}
		#idiomes li {
			position: relative;
			overflow: visible;
			float: left;
			border-right: 1px solid #ccc;
			padding: .32em .5em;
			font-size: .72em;
		}
		#idiomes li.current {
			border-right: none;
			/*background: #c4c4c4 url(images/icon_idioma.gif) 5px 50% no-repeat;*/
			background-color: #c4c4c4 ;
			position: relative;
		}
			#idiomes li.current div {
				position: absolute;
				width: 5px;
				height: 5px;
			}
				#idiomes li.current div.tl {
					background: url(images/idioma_corner-tl.gif) no-repeat;
					left: 0;
					top: 0;
				}
				#idiomes li.current div.tr {
					background: url(images/idioma_corner-tr.gif) no-repeat;
					top: 0;
					right: 0;
				}
				#idiomes li.current div.br {
					background: url(images/idioma_corner-br.gif) 0 100% no-repeat;
					bottom: 0;
					right: 0;
				}
				#idiomes li.current div.bl {
					background: url(images/idioma_corner-bl.gif) 0 100% no-repeat;
					bottom: 0;
					left: 0;
				}
					#idiomes li.current a {
						color: #333;
						background: url(images/desplega-traductor.gif) 0 50% no-repeat;
						display:block;
						padding: 2px 6px 2px 21px;						
					}
	/*cercador*/
	#cercador {
		float: right;
		background: url(images/icon_lupa.gif) 0 50% no-repeat;
		padding-left: 26px;
	}
		#cercador input {
			border: 1px solid #686868;
			background: #fff;
			padding: 3px 2px;
			color: #666;
		}
		#cercador button {
			border: none;
			background: none;
			padding: 0;
			vertical-align: middle;
			position: relative;
			top: 2px;
		}
		#cercador a {
			font-size: .75em;
			color: #333;
		}
/*accessos*/
#accessos {
	position: absolute;
	top: 58px;
	left: 159px;
}
	#accessos li {
		float: left;
		background: url(images/kland_accessos.png) 0 50% no-repeat;
		padding-left: 20px;
		margin-right: 1em;
		font-size: .75em;
	}
		#accessos a {color: #fff;}
		#accessos a:focus {outline: 1px dotted #fff;}

#vintanys {
	position: absolute;
	z-index: 0;
	right: 10px;
	top: 47px;
}

/*nav_main*/
#nav_main {
	position: absolute;
	left: 147px;
	bottom: 0;
}
	#nav_main li {display: inline; }
		#nav_main a {
			display: block;
			float: left;
			background: #ffb69e url(images/bg_tab.gif) repeat-x;
			font-size: .875em;
			text-align: center;
			margin-left: 10px;
			padding: 8px 10px 0 10px;
			text-decoration: none;
			position: relative;
			color: #333;
			height: 2.8em;
		}
		/*apartats*/
		#curs #nav_main a {background: #ffb69e url(images/bg_tab_curs.gif) repeat-x;}
		#acol #nav_main a {background: #bdf0f1 url(images/bg_tab_acol.gif) repeat-x;}
		#volu #nav_main a {background: #b8c99e url(images/bg_tab_volu.gif) repeat-x;}
		#orga #nav_main a {background: #ffdca5 url(images/bg_tab_orga.gif) repeat-x;}
		#asse #nav_main a {background: #d8bc97 url(images/bg_tab_asse.gif) repeat-x;}
		#quis #nav_main a {background: #ffb69e url(images/bg_tab_quis.gif) repeat-x;}

		.inici a {width: 2.2em;}
		.cursos a {width: 5em;}
		.acolliment a {width: 5.5em;}
		.voluntariat a {width: 7em;}
		.organitzacions a {width: 7.5em;}
		.assessorament a {width: 8em;}
		.quisom a {width: 3.8em;}
		
		/*tab current i :hover*/
		#masthead #nav_main li.current a,
		#masthead #nav_main a:hover,
		#masthead #nav_main a:focus {background: #e8e8e8;}
		#nav_main a:hover {text-decoration: underline;}
		#nav_main li.current a:hover {
			cursor: default;
			text-decoration: none;
		}


/*---------------
=home
---------------------------------------------*/
#home #content_main,
#destaquem .content,
#site_info .content {
	width: 875px;
	padding: 0 46px 1.5em 46px;
}
/*rotator*/
#rotator {
	margin: 0 0 1.5em;
	padding: 0 0 15px;
	width: 874px;
	background: #000 url(images/ombra_rotator.jpg) 0 100% no-repeat;
	position: relative;
}
	#rotator .corner {
		position: absolute;
		width: 8px;
		height: 9px;
	}
	#rotator .tr {
		top: 0;
		right: 0;
		background: url('images/corner_rotator_tr.gif') no-repeat;
	}
	#rotator .br {
		bottom: 15px;
		right: 0;
		background: url('images/corner_rotator_br.gif') 0 100% no-repeat;
	}
	#rotator .tl {
		top: 0;
		left: 0;
		background: url('images/corner_rotator_tl.gif') no-repeat;
	}
	#rotator .bl {
		bottom: 15px;
		left: 0;
		background: url('images/corner_rotator_bl.gif') 0 100% no-repeat;
	}
	/*menú*/
	#rotator ul.ui-tabs-nav {
		width: 220px;
		height: 15.375em;
		margin: 7px 7px 7px 0;
		float: right;
	}
		#rotator ul.ui-tabs-nav li {display: inline;}
			#rotator ul.ui-tabs-nav li a {
				display: block;
				float: left;
				margin-bottom: 2px;
				background: #666 url(images/ombra_rotator_li.jpg) repeat-y;
				padding: 0 6px 0 10px;
					padding: 0 6px;
				text-decoration: none;
				line-height: 1.075;
				width: 208px;
			}
			#rotator ul.ui-tabs-nav li#nav-fragment-4 a {margin-bottom: 0;}
			#rotator ul.ui-tabs-nav li a:hover {
				background: #999;
			}
			#rotator ul.ui-tabs-nav li a strong {
				font-size: .875em;
				color: #fff;
				display: block;
				margin: 8px 0 .18em 0;
				padding: .1em 0 .1em 22px;
				background: url(images/icon_fletxa_rotator.gif) no-repeat;
					font-weight: normal;
			}
			#rotator ul.ui-tabs-nav li a span {
				font-size: .6875em;
				color: #000;
				display: block;
				padding: 0 0 0 24px;
				margin: 0 0 8px 0;
			}
			/*current*/
			#rotator ul.ui-tabs-nav li.ui-tabs-selected a strong {background-image: url(images/icon_fletxa_rotator_current.png); color: #000;}
			#rotator ul.ui-tabs-nav li#nav-fragment-1.ui-tabs-selected a {background: #cbc57b;}
			#rotator ul.ui-tabs-nav li#nav-fragment-2.ui-tabs-selected a {background: #d8d4cb;}
			#rotator ul.ui-tabs-nav li#nav-fragment-3.ui-tabs-selected a {background: #b8c99d;}
			#rotator ul.ui-tabs-nav li#nav-fragment-4.ui-tabs-selected a {background: #dc973a;}
	/*panells*/
	#rotator .ui-tabs-panel {
		float: left;
		background: no-repeat;
		min-height: 16.25em;
		position: absolute;
	}
		#rotator .ui-tabs-panel h2 {margin: 30px 0 20px 0;}
		#rotator .ui-tabs-panel p {
			margin: 0 0 1em;
			color: #000;
			line-height: 1.2;
		}
		#rotator .ui-tabs-panel .bt {line-height: 2.1;}
	#rotator #fragment-1 {
		background-image: url('images/rotator_fons1.jpg');
		padding-left: 388px;
		width: 259px;
	}
	#rotator #fragment-2 {
		background-image: url('images/rotator_fons2.jpg');
		padding-left: 359px;
		width: 288px;
	}
	#rotator #fragment-3 {
		background-image: url('images/rotator_fons3.jpg');
		padding-left: 290px;
		width: 357px;
	}
	#rotator #fragment-4 {
		background-image: url('images/rotator_fons4.jpg');
		padding-left: 336px;
		width: 311px;
	}
	#content_main #rotator .ui-tabs-hide {display: none;}

#varis {background: url(images/bg_varis.gif) repeat-y;}
	#vine {
		width: 271px;
		float: left;
		background: #86081c url(images/bg_vine.jpg) no-repeat;
		padding: 200px 0 0 0;
		position: relative;
	}
		#vine fieldset {
			background: url(images/bg_vine_b.gif) 0 100% no-repeat;
			padding-bottom: 7px;
			text-align: center;
		}
			#vine legend {
				position: absolute;
				left: -999em;
				display: none;
			}
			#vine img {
				position: absolute;
				left: 19px;
				top: 52px;
			}
			#vine label {
				color: #fff;
				font-size: .75em;
				display: block;
				margin: 0 0 .5em;
				z-index: 10;
			}
			#vine input {
				border: 1px solid #6b0618;
				padding: 3px 2px;
				margin: 0 auto .75em;
				display: block;
				width: 215px;
			}
			#vine input:focus {outline: 1px dotted #fff;}
			#content_main .bt {
				border: none;
				padding: 0 0 3px 0;
				background: url(images/boto.png) no-repeat;
				color: #fff;
				text-align: center;
				width: 111px;
				height: 25px;
				font-size: .6875em;
				font-family: Helvetica, Arial, sans-serif;
			}
			#content_main .bt:hover {
				cursor: pointer;
				background-position: -111px 0;
			}
	#home .box {
		width: 234px;
		float: left;
	}
	#noticies {margin: 0 67px 0 68px;}
		.box h2 {margin: 0 0 .5em;}
		.box h3 {
			font-weight: normal;
			font-size: 1.125em;
			line-height: 1.25em;
			margin: 0 0 .25em;
		}
			.box h3 a:link {color: #333;}
		.box p {
			font-size: .75em;
			line-height: 1.5em;
			margin: 0 0 1.5em;
		}
		.box p.data {
			font-size: .6875em;
			margin: 0 0 .75em;
			color: #666;
		}
		.box a.rss {
			font-size: .6875em;
			margin: -2.25em 0 0 0;
		}
		.box .bt {line-height: 2.1;}
			.bt a {
				color: #fff;
				text-decoration: none;
			}
			.bt a:focus {outline: 1px dotted #fff;}
/*destaquem*/
#destaquem {
	clear: left;
	padding-top: 20px;
}
	#destaquem h2 {margin: 0 0 20px 0;}
	#banners {margin: 0 0 1.125em;}
		#banners li {float: left;}
 		.central {margin: 0 19px;}
	#home .destacat {
		width: 279px;
		float: left;
	}
		#home .destacat li {
			background: url(images/kland_destaquem.gif) 3px 0 no-repeat;
			padding: 0 0 .5em 25px;
			margin: 0 0 .5em;
			border-bottom: 1px solid #a4525f;
		}
		#home .destacat li:last-child {border-bottom: none;}
			#home .destacat li a:link {color: #fff;}
			#home .destacat li a:visited {color: #999;}
			#home .destacat li a:focus {outline: 1px dotted #fff;}

/*---------------
=interior
---------------------------------------------*/
/*nav_sub*/
#nav_sub ul,
#trad {
	background: #e8e8e8;
	margin: 0 0 1.5em;	
}
#trad {display:none;}
#nav_sub ul {padding: 0 7px 0 7px;}
	#nav_sub li {
		border-bottom: 1px solid #fff;
		font-size: .875em;
		font-weight: bold;
		padding: .7em 10px;
	}
	#nav_sub li:last-child {border-bottom: none;}
		#nav_sub a {text-decoration: none;}
		#content_main #nav_sub .current a {color: #333;}
		/*apartats*/
		#curs #nav_sub a {color: #a40a21;}
		#acol #nav_sub a {color: #214e77;}
		#volu #nav_sub a {color: #66a308;}
		#orga #nav_sub a {color: #c47628;}
		#asse #nav_sub a {color: #804e00;}
		#quis #nav_sub a {color: #a40a21;}

		#nav_sub a:hover {text-decoration: underline;}
/*traducció lateral*/
/*
#trad h2 {
	font-weight: bold;
	padding: 12px 0 8px;
	margin: 0 7px;
	border-bottom: 1px solid #fff;
}
	#trad h2 img {
		vertical-align: middle;
	}
	#trad li {
		font-size: .75em;
		font-weight: normal;
		background: url(images/icon_idioma.gif) 0 50% no-repeat;
		padding-left: 20px;
	}
		#trad li a {color: #333;}
*/
/*traducció lateral*/

#idiomes li.current div#trad {
	border: 1px solid #fff;
	width: 30em;
	height:auto;
	position:absolute;
	left:0;
	top:24px;
	padding:1em;
	overflow: visible;
}
	#idiomes li.current div#trad a { 
		background:none;
		display:inline;
		padding:0;
	}
	#idiomes li.current div#trad a.tancar {
		float:right;
		color:#c00;
	}
	#idiomes li.current div#trad ul {
		margin: 1em;
		position:relative;
	}
		#idiomes li.current div#trad li {
			font-weight: normal;
			width: 10em;
			border:none;
			padding-bottom: .4em;
		}
		#idiomes li.current div#trad li a {color: #333; font-size:1.3em;}
		
		#idiomes li.current div#trad p {
			font-size: .9em;
		}
		
		#idiomes li.current div#trad p.title {
			font-size: 1.1em;
			margin-bottom: .5em;
		}

/*apartat*/
#apartat {
	background: #e8e8e8 url(images/kland_accessos.png) 20px .75em no-repeat;
	padding: .8em 0 .8em 40px;
}
h1 {
	color: #fff;
	font-size: 1.625em;
	padding: .5em 20px;
	margin: 0 0 1.125em;
	background-repeat: repeat-x;
	z-index:-10;
}
/*apartats*/
h1,
#curs h1 {
	background-color: #7a0719;
	background-image: url(images/bg_h1_curs.jpg);
}
#acol h1 {
	background-color: #143049;
	background-image: url(images/bg_h1_acol.jpg);
}
#volu h1 {
	background-color: #3f6305;
	background-image: url(images/bg_h1_volu.jpg);
}
#orga h1 {
	background-color: #9c5d1f;
	background-image: url(images/bg_h1_orga.jpg);
}
#asse h1 {
	background-color: #4e3000;
	background-image: url(images/bg_h1_asse.jpg);
}
#quis h1 {
	background-color: #7a0719;
	background-image: url(images/bg_h1_quis.jpg);
}

/*---------------
=estils text
---------------------------------------------*/
#content_main_main {font-size: .875em;}
	/*imatge capçalera*/
	#content_main_main img#cap {
		margin: 0 0 1.5em;
		padding: 13px;
		border: 1px solid #c2c2c2;
	}
	/*encapçalaments*/
	#content_main_main h2 {
		background: url('images/kland_h2.gif') no-repeat 0 50%;
		color: #a40a21;
		padding: 0 0 0 10px;
		font-size: 1.285em;
		font-weight: bold;
		margin: 0 0 1.2em;
	}
		/*apartats*/
		#acol #content_main_main h2 {color: #214e77;}
		#volu #content_main_main h2 {color: #66a308;}
		#orga #content_main_main h2 {color: #c47628;}
		#asse #content_main_main h2 {color: #7f4e01;}
	#content_main_main h3 {
		margin: 0 0 1.5em;
		padding: .5em 0;
		border: 2px solid #dfdfdf;
		border-width: 2px 0;
		color: #a40a21;
		font-size: 1.143em;
	}
		/*apartats*/
		#acol #content_main_main h3 {color: #214e77;}
		#volu #content_main_main h3 {color: #66A308;}
		#orga #content_main_main h3 {color: #c47628;}
		#asse #content_main_main h3 {color: #7f4e01;}
	#content_main_main h4 {
		margin: 0 0 1.5em;
		padding-left: 10px;
		font-weight: bold;
		font-size: 1em;
		background: url('images/kland.gif') 0 50% no-repeat;
	}
		/*apartats*/
		#acol #content_main_main h4 {background-image: url('images/kland_acol.gif');}
		#volu #content_main_main h4 {background-image: url('images/kland_volu.gif');}
		#orga #content_main_main h4 {background-image: url('images/kland_orga.gif');}
		#asse #content_main_main h4 {background-image: url('images/kland_asse.gif');}
		
	/*paràgrafs*/
	#content_main_main p {
		margin: 0 0 1.5em;
		line-height: 1.4;
	}
	#content_main_main p.linia {
		border-bottom: 2px solid #dfdfdf;
		padding-bottom: 1.5em;
	}
	#content_main_main p.firma {
		background: url('images/kland_adreca_centres.gif') 0 .4em no-repeat;
		padding-left: 10px;
		margin-left: 193px;
	}
	#content_main_main p.link_destacat {
		border: 1px solid #bdbdbd;
		background: #b8b8b8 url('images/bg_link_destacat.jpg') repeat-x;
		padding: 10px;
	}
		#content_main_main p.link_destacat a.pdf {
			background: url('images/icon_pdf.gif') 0 50% no-repeat;
			padding: .5em 0 .5em 30px;
		}
	/*Text + imatge*/
	div.txtImgEsq img {
		float: left;
		margin: 0 1.125em 1.125em 0;
		padding: 13px;
		border: 1px solid #c2c2c2;
	}
	#content_main_main div.txtImgEsq p.txtImgEsqCont,
	#content_main_main div.txtImgEsq ul,
	#content_main_main div.txtImgEsq ol {margin-left: 320px;}
	div.txtImgDr img {
		float: right;
		margin: 0 0 1.125em 1.125em;
		padding: 13px;
		border: 1px solid #c2c2c2;
	}
	#content_main_main div.txtImgDr p.txtImgDrCont,
	#content_main_main div.txtImgDr ul,
	#content_main_main div.txtImgDr ol {margin-right: 320px;}
	/*Text destacat*/
	#content_main_main div.destacatWrapper {background: #f3f3f3 url('images/destacat-drt.gif') 100% 50% no-repeat;}
		#content_main_main p.destacat,
		#content_main_main p.destacatDr,
		#content_main_main p.destacatEsq {
			background: transparent url('images/destacat-esq.gif') 0 50% no-repeat;
			border: 1px solid #ccc;
			margin: 0 0 1.5em;
			padding: 20px 48px;
			font-size: 1.214em;
			color: #a40a21;
			text-align: center;
			position: relative;
		}
			/*apartats*/
			#acol #content_main_main p.destacat,
			#acol #content_main_main p.destacatDr,
			#acol #content_main_main p.destacatEsq {color: #214e77;}
			#volu #content_main_main p.destacat,
			#volu #content_main_main p.destacatDr,
			#volu #content_main_main p.destacatEsq {color: #66a308;}
			#orga #content_main_main p.destacat,
			#orga #content_main_main p.destacatDr,
			#orga #content_main_main p.destacatEsq {color: #c47628;}
			#asse #content_main_main p.destacat,
			#asse #content_main_main p.destacatDr,
			#asse #content_main_main p.destacatEsq {color: #7f4e01;}
		#content_main_main p.destacatDr,
		#content_main_main p.destacatEsq {
			background-color: #f3f3f3;
			width: 199px;
		}
		#content_main_main p.destacatDr {
			float: right;
			margin: 0 0 1.125em 1.125em;
		}
		#content_main_main p.txtDestDrCont {margin-right: 320px;}
		#content_main_main p.destacatEsq {
			float: left;
			margin: 0 1.125em 1.125em 0;
		}
		#content_main_main p.txtDestEsqCont {margin-left: 320px;}
	/*pujar*/
	#content_main_main span.pujar {
		display: block;
		font-size: .857em;
		margin: 1.75em 0;
		padding-left: 10px;
		background: url('images/icon_pujar.gif') 0 50% no-repeat;
	}
		#content_main_main span.pujar a:visited {color: #a40a21;}
	/*llistat normal*/
	#content_main_main ul {
		line-height: 1.2;
		margin: 0 0 1.5em;
	}
		#content_main_main ul li {
			background: url('images/kland_accessos.png') 0 50% no-repeat;
			padding-left: 22px;
			margin-bottom: .5em;
		}
	/*llista ordenada*/
	#content_main_main ol {
		line-height: 1.2;
		margin-bottom: 1.5em;
	}
		#content_main_main ol li {margin-bottom: .5em;}
			#content_main_main ol li ol {margin-top: .5em;}
	/*llistat dues columnes*/
	#content_main_main ul.duesCol li {
		width: 43%;
		float: left;
		margin-right: 2%;
	}
	/*llistat amb fons*/
	#content_main_main ul.fons li {
		margin-bottom: 8px;
		padding: 8px 5px 8px 30px;
		background-color: #f0f0f0;
		background-position: 10px .6em;
	}
	/*Llistat jeràrquic*/
	#content_main ul li ul {margin: .5em 0 0 0;}
		#content_main ul li li {
			background: url(images/kland2.gif) 0 5px no-repeat;
			padding: .2em 0 .2em 16px;
		}
			/*apartats*/
			#acol #content_main ul li li {background-image: url(images/kland2_acol.gif);}
			#volu #content_main ul li li {background-image: url(images/kland2_volu.gif);}
			#orga #content_main ul li li {background-image: url(images/kland2_orga.gif);}
			#asse #content_main ul li li {background-image: url(images/kland2_asse.gif);}
			
			#content_main ul li li li {
				background: url(images/kland3.gif) 0 6px no-repeat;
				font-size: .857em;
			}
				/*apartats*/
				#acol #content_main ul li li li {background-image: url(images/kland3_acol.gif);}
				#volu #content_main ul li li li {background-image: url(images/kland3_volu.gif);}
				#orga #content_main ul li li li {background-image: url(images/kland3_orga.gif);}
				#asse #content_main ul li li li {background-image: url(images/kland3_asse.gif);}
				
	/*llistat amb títol*/
	#content_main ul.llista_caixa {
		background: #d5d5d5;
		padding: 12px;
	}
		#content_main_main ul.llista_caixa li {
			margin-bottom: 8px;
			padding: 8px 5px 8px 30px;
			background-color: #f0f0f0;
			background-position: 10px .6em;
		}
		#content_main_main ul.llista_caixa li:last-child {margin-bottom: 0;}
		#content_main_main ul.llista_caixa li.caixaTitol {
			background: #a40a21;
			color: #fff;
			padding-left: 10px;
		}
			/*apartats*/
			#acol #content_main_main ul.llista_caixa li.caixaTitol {background: #214e77;}
			#volu #content_main_main ul.llista_caixa li.caixaTitol {background: #66a308;}
			#orga #content_main_main ul.llista_caixa li.caixaTitol {background: #c47628;}
			#asse #content_main_main ul.llista_caixa li.caixaTitol {background: #7f4e01;}
	/*taula*/
	#content_main_main table {
		margin: 0 0 1.5em;
		border-spacing: 5px;
		width: 100%;
	}
		#content_main_main table td,
		#content_main_main table th {
			background: #f0f0f0;
			padding: 1em;
			font-size: .8571em;
		}
		#content_main_main table th {
			background: #a40a21;
			color: #fff;
		}
			/*apartats*/
			#acol #content_main_main table th {background: #214e77;}
			#volu #content_main_main table th {background: #66a308;}
			#orga #content_main_main table th {background: #c47628;}
			#asse #content_main_main table th {background: #7f4e01;}

/*---------------
=acolliment
---------------------------------------------*/
#acol #content_main {min-height: 55em;}
#content_main_main #novetats {margin: 0;}
a.rss,
a.back {
	display: block;
	background: url('images/ico_rss.gif') 0 50% no-repeat;
	padding: .5em 0 .5em 23px;
	float: right;
	margin: -2.5em 1em 0 0;
	text-decoration: none;
	color: #a40a21;
	font-size: .786em;
}
a.back {
	background: none;
	padding: .5em 0;
}
a.rss:hover,
a.back:hover {text-decoration: underline;}
#content_main_main p.mostrant {
	border-bottom: 1px dotted #999;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
#content_main_main #novetats li {
	list-style-type: none;
	border-bottom: 1px dotted #999;
	margin: 0 0 1em;
	padding: 0 0 0 15px;
	background: none;
	background-repeat: no-repeat;
	background-position: 0 2px;
}
	#novetats .meta,
	#novetats .centre {
		font-size: .857em;
		background: url('images/icon_categoria.gif') 0 50% no-repeat;
		padding: .5em 0 .5em 20px;
	}
	#novetats .meta {margin-bottom: .5em;}
	#novetats .centre {background-image: url('images/kland_accessos.png');}
	#novetats h2 {
		font-size: 1.428em;
		background: none;
		padding: 0;
		margin-bottom: .5em;
	}
		#novetats h2 a {text-decoration: none;}
		#novetats h2 a:hover {text-decoration: underline;}
	#novetats img {
		float: left;
		margin: 0 18px 10px 0;
	}
	#novetats .vincles_rel {
		background: #ececec;
		border: 1px solid #e0e0e0;
		margin: 0 0 1em;
		padding: 1em;
	}
		#novetats .vincles_rel h3 {
			font-size: 1.071em;
			font-weight: normal;
			color: #000;
			margin: 0 0 .5em;
			padding: 0;
			border: none;
		}
		#novetats .vincles_rel ul {margin: 0;}
			#content_main_main #novetats .vincles_rel li {
				border-bottom: none;
				border-top: 1px dotted #999;
				font-size: .928em;
				margin: .5em 0 0 0;
				padding: .5em 0 0 18px;
				background: url('images/kland_accessos.png') 0 .5em no-repeat;
			}
/*paginació*/
#paginacio {
	position: relative;
	margin: 0 0 1.125em;
	padding: .5em;
	border-bottom: 1px dotted #999;
}
	#paginacio a {text-decoration: none;}
	#paginacio p {
		font-size: .8571em;
		position: absolute;
		top: .8em;
		margin: 0;
	}
		#paginacio p a:hover {
			text-decoration: underline;
		}
	#paginacio p#ant {left: 10px;}
	#paginacio p#seg {right: 10px;}
	#paginacio ol {
		width: 300px;
		margin: 0 auto;
	}
		#paginacio ol li {
			float: left;
			border: none;
			background: #ccc;
			font-size: .8571em;
			line-height: 1.6em;
			padding: 0;
			height: 1.615em;
			width: 1.615em;
			text-align: center;
			overflow: visible;
			margin: 0 5px;
			display: inline;
		}
			#paginacio ol li#espai {
				background: none;
				border: none;
				color: #333;
			}
			#paginacio ol li a {
				background: #fff;
				border: 1px solid #ccc;
				display: block;
				width: 1.5em;
				height: 1.5em;
			}
				#paginacio ol li a:hover,
				#paginacio ol li a:focus,
				#paginacio ol li a:active {
					background: #999;
					color: #fff;
				}
				#paginacio ol li a:active {
					background: #333;
					outline: 1px dotted #000;
				}
/*content_sub*/
#acol #content_sub h2 {
	background: #fff;
	position: relative;
	border: 1px solid #ccc;
	color: #000;
	padding: .3em .5em;
	margin: 0 0 .5em;
}
#acol #content_sub h2 span {
	position: absolute;
	right: 2px;
	top: -12px;
}
#acol #content_sub h2#categories span {
	background-image: url(images/pict_categories.gif);
	width: 41px;
	height: 36px;
}
#acol #content_sub h2#centres span {
	background-image: url(images/pict_centres.gif);
	width: 38px;
	height: 37px;
}
#acol #content_sub h2#enllacos span {
	background-image: url(images/pict_enllacos.gif);
	width: 39px;
	height: 38px;
}
#acol #content_sub ul {margin: 0 0 2em;}
	#acol #content_sub li {
		font-size: .75em;
		border-bottom: 1px dotted #999;
		background: url(images/kland_accessos.png) 0 .3em no-repeat;
		padding: .5em 0 .5em 18px;
	}
		#acol #content_sub li a {text-decoration: none;}
		#acol #content_sub li a:hover {text-decoration: underline;}
/*caixes*/
#nav_sub .caixa {
	margin: 0 0 2em;
	padding: 14px 18px 18px 18px;
	background: url(images/bg_caixa.gif) repeat-y;
	position: relative;
}
	.caixa div {
		position: absolute;
		width: 194px;
	}
		.caixa div.t {
			height: 14px;
			background: url(images/bg_caixa_t.gif) no-repeat;
			left: 0;
			top: 0;
		}
		.caixa div.b {
			height: 18px;
			background: url(images/bg_caixa_b.gif) no-repeat;
			left: 0;
			bottom: 0;
		}
		#llengues div.icon {
			width: 43px;
			height: 37px;
			background: url(images/icon_llengues.gif) no-repeat;
			left: 5px;
			top: -8px;
		}
		#formacio div.icon {
			width: 30px;
			height: 38px;
			background: url(images/icon_formacio.gif) no-repeat;
			left: 10px;
			top: -8px;
		}
		#destaquem div.icon {
			width: 37px;
			height: 36px;
			background: url(images/icon_destaquem.gif) no-repeat;
			left: 10px;
			top: -8px;
		}
		#recursos div.icon {
			width: 40px;
			height: 39px;
			background: url(images/icon_recursos.gif) no-repeat;
			left: 7px;
			top: -5px;
		}
	#nav_sub .caixa h2 {
		padding-left: 32px;
		margin: 0 0 .75em;
	}
	#nav_sub #destaquem h2,
	#nav_sub #recursos h2 {margin-bottom: 0;}
	#nav_sub .caixa ul {
		background: none;
		margin: 0;
		padding: 0;
	}
		#nav_sub .caixa li {
			background: url(images/kland_accessos.png) 0 .4em no-repeat;
			padding: .5em 0 .5em 18px;
			border-top: 1px solid #efefef;
			border-bottom: none;
			font-weight: normal;
			font-size: .8125em;
		}


/*---------------
=voluntariat
---------------------------------------------*/
#volu.col_dr h1 {
	background: none;
	padding: 0;
	margin: 0 25px 1em 25px;
	font-size: 1em;
}
#volu.col_dr #content_main h2 {
	font-size: 2.071em;
	font-weight: normal;
	color: #000;
	background: none;
	padding: 0 0 .3em;
	margin: 0 0 .620em;
	border-bottom: 1px solid #ccc;
}
#volu a.rss {
	background: url('images/icon_rss.gif') 100% 50% no-repeat;
	padding: .5em 20px .5em 0;
	margin-top: -4.5em;
}
/*box*/
#nav_sub .box {
	background: #fff url('images/bg_box.gif') repeat-y;
	text-align: center;
	margin: 0 0 1.5em;
}
	#content_main #nav_sub .box h2 {
		background: url('images/bg_box_t.gif') no-repeat;
		padding: 2em 0 0 0;
		margin: 0;
		border: none;
		font-size: .875em;
		font-weight: bold;
	}
	#nav_sub .box p {margin: .5em 15px 1em 15px;}
	#nav_sub .box a#img {
		display: block;
		background:	url(images/bg_box_b.gif) 0 100% no-repeat;
		padding-bottom: 10px;
	}
/*form*/
#voluntariat {
	margin: 0 25px 1.5em;
	padding: .75em 20px;
	background: #fff url('images/bg_form.jpg') repeat-x;
	width: 877px;
}
	#voluntariat fieldset {
		background: url('images/icon_info.gif') 0 50% no-repeat;
		padding: 7px 0 7px 50px;
	}
		#voluntariat b {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}
		#voluntariat label {
			font-size: .75em;
			font-weight: bold;
			margin-right: .5em;
		}
			#voluntariat select {
				margin-left: .5em;
			}
/*llista novetats*/
#content_main .llistat {list-style: none;}
	#content_main_main .llistat li {
		border-bottom: 1px dashed #999;
		padding: 0 0 1.285em 0;
		background: none;
		margin: 0 0 1.285em;
	}
		.llistat .foto {
			float: left;
			background: #d8e1ca;
			margin: 0 1.285em 0 0;
			padding: 7px 7px 2px;
		}
			.llistat img {
				border: 1px solid #fff;
			}
		#content_main .llistat p,
		#content_main .llistat h3 {margin-bottom: .5em;}
		#content_main .llistat h3 {
			border: none;
			padding: 0;
		}
		.llistat .data {
			font-size: .857em;
		}
		.llistat h3 {
			font-size: 1.143em;
		}
div.mes {background: #fff;}
	#content_main #content_main_main div.mes a {
		background: #66a308;
		display: -moz-inline-box; /*per FF 2.x, ja que no suporta display:inline-block*/
		display: inline-block;
		color: #fff;
		text-decoration: none;
		font-size: 1.143em;
		margin: 0 0 1.5em;
		padding: .5em 10px;
		width: 8em;
	}
		div.mes a:hover {
			background: #406305;
			display: inline-block;
			color: #fff;
			text-decoration: none;
			font-size: 1.143em;
			margin: 0 0 1.5em;
			padding: .5em 10px;
		}
/*---------------
=faqs
---------------------------------------------*/
.faqs li {
	font-size: 12px;
	border-bottom: 1px #ccc solid;
	padding-top: 10px;
}
#navegacioPagines {
	clear: both;
	background: #fff;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	float: left;
	width: 100%;
	font-size: 11px;
	margin: 20px 0;
	padding: 8px 0;
}
#navegacioPagines p {
	margin: 0;
	padding: 0;
}
#navegacioPagines p#pag {
	float: left;
	margin: 0 1em 0 0;
	padding-left: 15px;
	font-size: 1em;
	color: #333;
}
	#navegacioPagines p#pag strong {color: #333;}
#navegacioPagines .anterior,
#navegacioPagines .seguent {
	font-size: 11px;
	font-weight: bold;
}
	#navegacioPagines .anterior {
		padding-left: 20px;
		float: left;
		margin-right: 3em;
		border: none;
		height: 17px;
	}
	#navegacioPagines .seguent {
		padding-right: 20px;
		float: right;
		border: none;
		height: 17px;
	}
#content_main #navegacioPagines ul {
		float: left;
		width: 37em;
		margin: 0;
		font-weight: bold;
		margin-top: -5px;
	}
		 #container_sub #content_main #navegacioPagines ul li {
			background: none;
			float: left;
			font-size: 1em;
			color: #333;
			background-color: inherit;
			text-align: center;
			padding-top: 0em;
			border-bottom: none;
			margin: 0 .5em 0 0;
		}
		#container_sub #content_main #navegacioPagines li.actual {
			font-weight: bold;
			border: 1px solid #999;
			width: 1.2em;
			padding: .3em;
			display: block;
		}

			#container_sub #content_main #navegacioPagines li a{
				font-weight: normal;
				border: 1px solid #999;
				width: 1.2em;
				padding: .3em;
				display: block;
			}
			#container_sub #content_main #navegacioPagines li.mes a {
				border: none;
			}

/*---------------
=mapa web
---------------------------------------------*/
#grup1, #grup2, #grup3 {
	float: left;
	width: 300px;
}
#grup2 {margin: 0 9px 0 8px;}

/*---------------
=agenda
---------------------------------------------*/
#agenda #content_main {
	background: none;
}
#agenda #content_sub {
	padding-left: 0;
	width: 201px;
}
div.calendari {
	background: url('images/calendari_bg.gif') repeat-y;
	padding: 12px 10px;
	position: relative;
}
	div.calendari div.top {
		background: url('images/calendari_top.gif') no-repeat;
		position: absolute;
		width: 200px;
		height: 11px;
		left: 0;
		top: 0;
	}
	div.calendari div.bottom {
		background: url('images/calendari_bottom.gif') 0 100% no-repeat;
		position: absolute;
		width: 200px;
		height: 14px;
		left: 0;
		bottom: 0;
	}
	div.calendari table {
		width: 100%;
		border-spacing: 4px;
	}
		div.calendari table caption {
			background: #333 url('images/calendari_bg_caption.gif') repeat-x;
			color: #fff;
			padding: 7px;
			overflow: auto;
			font-size: .75em;
		}
			div.calendari table caption span {
				width: 141px;
				margin: 0 auto;
				float: left;
				text-align: center;
				display: block;
				line-height: 1.3;
			}
			div.calendari table caption a {
				display: block;
				color:#fff;
/*				position: absolute;*/
			}
			div.calendari table caption a.anterior {
/*				left: 16px;
				top: 17px;*/
				float: left;
			}
			div.calendari table caption a.seguent {
/*				right: 16px;
				top: 17px;*/
				float: left;
			}
		div.calendari table td,
		div.calendari table th {
			text-align: center;
			padding: 1px 2px;
			line-height: 1.5;
			font-size: .625em;
		}
		div.calendari table td {background: #fff;}
		div.calendari table td.notInMonth {background: transparent;}
		div.calendari table td.eventDay {background: #c10c28;}
			div.calendari table td.eventDay a {
				color: #fff;
				text-decoration: none;
			}

/*---------------
=site_info
---------------------------------------------*/
#site_info {
	color: #fff;
	font-size: .8125em;
	line-height: 1.3em;
	border-top: 1px solid #fff;
}
	#site_info a {color: #fff;}
	#site_info a:focus {outline: 1px dotted #fff;}
	#site_info .vcard,
	#meta,
	#cc,
	#social {
		float: left;
		border-right: 1px solid #ccc;
		padding-right: 10px;
		margin-right: 10px;
		margin-top: 25px;
		min-height: 5.5em;
	}
	#site_info .vcard .fn {font-weight: bold;}
	#social {
		border-right: none;
		padding: 0;
		margin: 25px 0 0 0;
		width: 254px;
	}
		#social p {
			font-weight: bold;
			margin-bottom: .5em;
		}
		#social li {
			float: left;
			margin: 0 9px 0 0;
		}
	#site_info .vcard {width: 270px;}
	#cc {
		width: 164px;
		font-size: .846em;
	}