@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
-centres
-site_info
-cultura
-comentaris
-form validacio certificats
*/

/*---------------
=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;}
	#centres #content_main a,
	#centres #content_sub a {color: #066;}
	#admpub #content_main a,
	#admpub #content_sub a {color: #6F2F8F;}
	#cultura #content_main a,
	#cultura #content_sub a {color: #AA4500;}

/*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);}
	#cultura #content_main_main a.external {background-image: url(images/icon_link_ext_orga.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);}
	#centres #l {background-image: url(images/bg_masthead_l_centres.jpg);}
	#admpub #l {background-image: url(images/bg_masthead_l_admpub.jpg);}
	#cultura #l {background-image: url(images/bg_masthead_l_cultura.png);}


	#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);}
		#centres #b {background-image: url(images/bg_masthead_b_centres.jpg);}
		#admpub #b {background-image: url(images/bg_masthead_b_admpub.jpg);}
		#cultura #b {background-image: url(images/bg_masthead_b_cultura.png);}

	#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;}
	#centres #masthead .content {background: #016565 url(images/bg_masthead_content_centres.jpg) repeat-x;}
	#admpub #masthead .content {background: #451C57 url(images/bg_masthead_content_admpub.jpg) repeat-x;}
	#cultura #masthead .content {background: #E75323 url(images/bg_masthead_content_cultura.png) 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;
	position: relative;
}

/*interior*/
#nav_sub {
	float: left;
	width: 194px;
	margin-left: 25px;
}
#content_main_main {
	float: right;
	width: 700px;
	margin-right: 25px;
}
/*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 {background: url(images/bg_trescol.gif) 100% 0 repeat-y;}
		.tres_col #nav_sub {
			padding-top: 30px;
			margin-right: 25px;
		}
		.tres_col #content_main_main {
			width: 480px;
			float: left;
			padding-top: 30px;
		}
		.tres_col #content_sub {
			width: 184px;
			float: left;
			padding: 30px 17px 0 17px;
		}
			.tres_col #content_sub.calendari-agenda{
	            padding-left: 0;
	            width: 201px;
			}
			.tres_col #content_sub.calendari-agenda div.calendari table caption{
			     background: none;
			}
			.tres_col #content_sub.calendari-agenda div.calendari table td.eventDay {
			    background: none repeat scroll 0 0 #003F3F;
			    color: #FFF;
			}
			.tres_col #content_sub.calendari-agenda div.calendari table td.eventDay a{
			     color: #FFF !important;
			}
/*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;
}
/*25 anys*/
#anys25 {
	display: none;
}
/*
#anys25 {
	position: absolute;
	right: 0;
	top: 0;
	width: 127px;
	padding: 0;
	z-index: 9;
}
#cercador {
	padding-right: 170px;
}
#mescentres.bt a {
	right: 185px;
}

#mescentres.bt a {
	right: 185px;
}

#centres.portada p.back, #centres #masthead p.back {
	right: 330px!important;
}
*/
/*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);}
#centres #eines {background-image: url(images/bg_eines_centres.jpg);}
#admpub #eines {background-image: url(images/bg_eines_admpub.jpg);}
#cultura #eines {background-image: url(images/bg_eines_cultura.png);}

	/*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: .8125em; /*.875em;*/
			text-align: center;
			margin-left: 8px;
			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;}
		#centres #nav_main a {background: #b0cdcd url(images/bg_tab_centres.gif) repeat-x;}
		#admpub #nav_main a {background: #C5AFCE url(images/bg_tab_admpub.gif) repeat-x;}
		#cultura #nav_main a {background: #E75323 url(images/bg_tab_cultura.png) 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: #C50D29;}
			#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_fons5.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;}
	#primera{
		float: left;
		width: 271px;
	}
	#vine {
		width: 271px;
		background: #86081c url(images/bg_vine.jpg) no-repeat;
		padding: 200px 0 0 0;
		position: relative;
		margin-bottom: 20px;
	}
		#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; margin-right: 19px;}
		#banners li.last {margin-right: 0;}
 		.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;
	}
	#content_main #nav_sub li ul {
		margin:.7em 0 0;
		padding:0;
	}
	#content_main #nav_sub li li{
		border-bottom: none; background: #fff none !important;
		padding: .3em;
		margin-bottom: .3em;
		font-weight: normal;
	}
	#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;}
		#admpub #nav_sub a {color: #6F2F8F;}
		#cultura #nav_sub a {color: #AA4500;}

		#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);
}
#centres h1 {
	background-color: #003f3f;
	background-image: url(images/bg_h1_centres.jpg);
}
#admpub h1 {
	background-color: #55236A;
	background-image: url(images/bg_h1_admpub.jpg);
}
#cultura h1 {
	background-color: #9c5d1f;
	background-image: url(images/bg_h1_cultura.png);
}


/*---------------
=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;}
		#centres #content_main_main h2 {color: #066;}
		#admpub #content_main_main h2 {color: #6F2F8F;}
		#cultura #content_main_main h2 {color: #AA4500;}

	#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;}
		#centres #content_main_main h3 {color: #066;}
		#admpub #content_main_main h3 {color: #6F2F8F;}
		#cultura #content_main_main h3 {color: #AA4500;}
	#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');}
		#centres #content_main_main h4 {background-image: url('images/kland_centres.gif');}
		#admpub #content_main_main h4 {background-image: url('images/kland_admpub.gif');}
		#cultura #content_main_main h4 {background-image: url('images/kland_cultura.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,
	p.txtImgEsq img {
		float: left;
		margin: 0 1.125em 1.125em 0;
		padding: 13px;
		border: 1px solid #c2c2c2;
	}
	#content_main_main div.txtImgEsq p,
	#content_main_main div.txtImgEsq ul,
	#content_main_main div.txtImgEsq ol {margin-left: 320px;}
	div.txtImgDr img,
	p.txtImgDr img {
		float: right;
		margin: 0 0 1.125em 1.125em;
		padding: 13px;
		border: 1px solid #c2c2c2;
	}
	#content_main_main div.txtImgDr p,
	#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;}
			#centres #content_main_main p.destacat,
			#centres #content_main_main p.destacatDr,
			#centres #content_main_main p.destacatEsq {color: #066;}
			#admpub #content_main_main p.destacat,
			#admpub #content_main_main p.destacatDr,
			#admpub #content_main_main p.destacatEsq {color: #6F2F8F;}
			#cultura #content_main_main p.destacat,
			#cultura #content_main_main p.destacatDr,
			#cultura #content_main_main p.destacatEsq {color: #AA4500;}

		#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;
		clear: both;
	}
		#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') 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 galeria d'imatges*/
	#content_main_main ul.gallery li {
		width: 33%;
		float: left;
		background:none;
		padding: 0 ;
		margin-bottom: 2em;
	}
		#content_main_main ul.gallery img {
			padding: 14px;
			box-shadow: 0 0 3px 1px #C2C2C2;
			width: 181px;
			height: 181px;
		}
	/*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);}
			#centres #content_main ul li li {background-image: url(images/kland2_centres.gif);}
			#admpub #content_main ul li li {background-image: url(images/kland2_admpub.gif);}
			#cultura #content_main ul li li {background-image: url(images/kland2_cultura.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);}
				#centres #content_main ul li li li {background-image: url(images/kland3_centres.gif);}
				#cultura #content_main ul li li li {background-image: url(images/kland3_cultura.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;}
			#centres #content_main_main ul.llista_caixa li.caixaTitol {background: #066;}
			#admpub #content_main_main ul.llista_caixa li.caixaTitol {background: #6F2F8F;}
			#cultura #content_main_main ul.llista_caixa li.caixaTitol {background: #AA4500;}
	/*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;}
			#centres #content_main_main table th {background: #066;}
			#admpub #content_main_main table th {background: #6F2F8F;}
			#cultura #content_main_main table th {background: #AA4500;}
	/*taula 2*/
	#content_main_main table.type2 {
		border-spacing: 0;
		border-collapse: collapse;
	}
		#content_main_main table.type2 th,
		#content_main_main table.type2 td {
			background: none;
			color: inherit;
			padding: 8px 15px;
			text-align: center;
			border-left: 1px solid #aaa;
		}
		#content_main_main table.type2 tbody th {
			text-align: left;
			line-height: 1.3;
		}
		#content_main_main table.type2 tbody th,
		#content_main_main table.type2 tbody td {
			background: #fff;
			vertical-align: middle;
		}
		#content_main_main table.type2 thead td,
		#content_main_main table.type2 tbody th {border: none;}
		#content_main_main table.type2 tbody .odd th,
		#content_main_main table.type2 tbody .odd td {background: #f3f3f3;}
		#content_main_main table.type2 tbody th a {
			background: url('images/ico_open.gif') 100% 50% no-repeat;
			padding-right: 23px;
			text-decoration: none;
		}
		#content_main_main table.type2 tbody th a:hover {text-decoration: underline;}

		#content_main_main table.type2 tbody th.nivell0,
		#content_main_main table.type2 tbody th.nivell1 {font-weight: bold;}
		#content_main_main table.type2 tbody th.nivell2 {padding-left: 30px;}

		#content_main_main table.type2 a.external {background: none; padding: 0;}
	/*taula 3*/
	#content_main_main table.type3 {
		border-spacing: 0;
		border-collapse: collapse;
		border: 1px solid #aaa;
		border-width: 0 1px 1px 0;
	}
		#content_main_main table.type3 th,
		#content_main_main table.type3 td {
			background: #f3f3f3;
			color: inherit;
			padding: 1em;
			border: 1px solid #aaa;
			border-width: 1px 0 0 1px;
			vertical-align: middle;
		}
		#content_main_main table.type3 .odd th,
		#content_main_main table.type3 .odd td {background: #fff;}
			#content_main_main table.type3 ul {margin: 0;}
			#content_main_main table.type3 th img {
				vertical-align: middle;
				margin-right: 10px;
			}
				#content_main_main table.type3 li {
					padding: .2em 0 .2em 25px;
					background-position: 0 50%;
				}
				#content_main_main table.type3 .fb li {background-image: url('../comu/bt_fb.png');}
				#content_main_main table.type3 .tw li {background-image: url('../comu/bt_tw.png');}
				#content_main_main table.type3 .yt li {background-image: url('../comu/bt_yt.png');}
				#content_main_main table.type3 .vm li {background-image: url('../comu/bt_vimeo.png');}
				#content_main_main table.type3 .lk li {background-image: url('../comu/bt_linkedin.png');}
				#content_main_main table.type3 .fl li {background-image: url('../comu/bt_flickr.png');}
				#content_main_main table.type3 .g li {background-image: url('../comu/bt_g.png');}
				#content_main_main table.type3 .w li {background-image: url('../comu/bt_w.png');}
				#content_main_main table.type3 .ins li {background-image: url('../comu/bt_instagram.png');}
					#content_main_main table.type3 li a {text-decoration: none;}
					#content_main_main table.type3 li a:hover {text-decoration: underline;}

				#content_main_main table.type3 a.external {background: none; padding: 0;}

/*---------------
=estils paràgrafs i altres
---------------------------------------------*/
/*klanders*/
.kland1,.kland2,.kland3,.kland4,.kland5,.kland6 {
	text-indent: 17px;
	background: 0 3px no-repeat;
}
/*genèric*/
.kland1 {background-image: url('images/kland_roig_1.gif');}
.kland2 {background-image: url('images/kland_roig_2.gif');}
.kland3 {background-image: url('images/kland_roig_3.gif');}
.kland4 {background-image: url('images/kland_roig_4.gif');}
.kland5 {background-image: url('images/kland_roig_5.gif');}
.kland6 {background-image: url('images/kland_roig_6.gif');}
/*acolliment*/
#acol .kland1 {background-image: url('images/kland_blau_1.gif');}
#acol .kland3 {background-image: url('images/kland_blau_3.gif');}
#acol .kland4 {background-image: url('images/kland_blau_4.gif');}
#acol .kland5 {background-image: url('images/kland_blau_5.gif');}
#acol .kland6 {background-image: url('images/kland_blau_6.gif');}
/*voluntariat*/
#volu .kland1 {background-image: url('images/kland_verd_1.gif');}
#volu .kland3 {background-image: url('images/kland_verd_3.gif');}
#volu .kland4 {background-image: url('images/kland_verd_4.gif');}
#volu .kland5 {background-image: url('images/kland_verd_5.gif');}
#volu .kland6 {background-image: url('images/kland_verd_6.gif');}
/*organitzacions*/
#orga .kland1 {background-image: url('images/kland_taronja_1.gif');}
#orga .kland3 {background-image: url('images/kland_taronja_3.gif');}
#orga .kland4 {background-image: url('images/kland_taronja_4.gif');}
#orga .kland5 {background-image: url('images/kland_taronja_5.gif');}
#orga .kland6 {background-image: url('images/kland_taronja_6.gif');}
/*assessorament*/
#asse .kland1 {background-image: url('images/kland_marro_1.gif');}
#asse .kland3 {background-image: url('images/kland_marro_3.gif');}
#asse .kland4 {background-image: url('images/kland_marro_4.gif');}
#asse .kland5 {background-image: url('images/kland_marro_5.gif');}
#asse .kland6 {background-image: url('images/kland_marro_6.gif');}
/*administració*/
#admpub .kland1 {background-image: url('images/kland_lila_1.gif');}
#admpub .kland3 {background-image: url('images/kland_lila_3.gif');}
#admpub .kland4 {background-image: url('images/kland_lila_4.gif');}
#admpub .kland5 {background-image: url('images/kland_lila_5.gif');}
#admpub .kland6 {background-image: url('images/kland_lila_6.gif');}
/*cultura*/
#cultura .kland1 {background-image: url('images/kland_cultura_1.gif');}
#cultura .kland3 {background-image: url('images/kland_cultura_3.gif');}
#cultura .kland4 {background-image: url('images/kland_cultura_4.gif');}
#cultura .kland5 {background-image: url('images/kland_cultura_5.png');}
#cultura .kland6 {background-image: url('images/kland_cultura_6.png');}
/*centres*/
#centres .kland1 {background-image: url('images/kland_verdfort_1.gif');}
#centres .kland3 {background-image: url('images/kland_verdfort_3.gif');}
#centres .kland4 {background-image: url('images/kland_verdfort_4.gif');}
#centres .kland5 {background-image: url('images/kland_verdfort_5.gif');}
#centres .kland6 {background-image: url('images/kland_verdfort_6.gif');}

/*destacats*/
p strong.tipus2 {color: #A40A21;}
#content_main p .highlight {background: #ffc; font-weight: bold; font-style: normal;}
#acol p strong.tipus2 {color: #214E77;}
#volu p strong.tipus2 {color: #66A308;}
#orga p strong.tipus2 {color: #C47628;}
#asse p strong.tipus2 {color: #7F4E01;}
#admpub p strong.tipus2 {color: #6F2F8F;}
#cultura p strong.tipus2 {color: #AA4500;}
#centres p strong.tipus2 {color: #066;}

/*separadors*/
.linia1 span,.linia2 span,.linia3 span,.linia4 span,.linia5 span,.linia6 span {
	padding-bottom: 1.5em;
	background: 50% 100% repeat-x;
	display: block;
}
/*genèric*/
.linia1 span {background-image: url('images/separador_roig_1.gif');}
.linia2 span {background-image: url('images/separador_roig_2.gif');}
.linia3 span {background-image: url('images/separador_roig_3.gif');}
.linia4 span {background-image: url('images/separador_roig_4.gif');}
.linia5 span {background-image: url('images/separador_roig_5.gif');}
.linia6 span {background-image: url('images/separador_roig_6.gif');}
/*acolliment*/
#acol .linia3 span {background-image: url('images/separador_blau_3.gif');}
#acol .linia6 span {background-image: url('images/separador_blau_6.gif');}
/*voluntariat*/
#volu .linia3 span {background-image: url('images/separador_verd_3.gif');}
#volu .linia6 span {background-image: url('images/separador_verd_6.gif');}
/*organitzacions*/
#orga .linia3 span {background-image: url('images/separador_taronja_3.gif');}
#orga .linia6 span {background-image: url('images/separador_taronja_6.gif');}
/*assessorament*/
#asse .linia3 span {background-image: url('images/separador_marro_3.gif');}
#asse .linia6 span {background-image: url('images/separador_marro_6.gif');}
/*administracio*/
#admpub .linia3 span {background-image: url('images/separador_lila_3.gif');}
#admpub .linia6 span {background-image: url('images/separador_lila_6.gif');}
/*cultura*/
#cultura .linia3 span {background-image: url('images/separador_cultura_3.png');}
#cultura .linia6 span {background-image: url('images/separador_cultura_6.png');}
/*centres*/
#centres .linia3 span {background-image: url('images/separador_verdfort_3.gif');}
#centres .linia6 span {background-image: url('images/separador_verdfort_6.gif');}

/*destacat*/
.destacatCita,
.destacatAlternatiu {
	background: url('images/fons_taula_rallada.gif');
	margin-bottom: 1.5em;
	padding: 25px 85px 25px 0;
	position: relative;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
	#content_main .destacatCita p,
	#content_main .destacatAlternatiu p {
		margin: 0;
		padding-left: 85px;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 1.143em;
		font-style: italic;
		text-align: center;
		background: url('images/cometa_esq_roig.png') 23px 0 no-repeat;
	}
	#content_main .destacatCita span {
		display: block;
		position: absolute;
		width: 43px;
		height: 44px;
		top: 25px;
		right: 23px;
		background: url('images/cometa_dr_roig.png');
	}
/*acolliment*/
#acol #content_main .destacatCita p {background-image: url('images/cometa_esq_blau.png');}
#acol #content_main .destacatCita span {background-image: url('images/cometa_dr_blau.png');}
/*voluntariat*/
#volu #content_main .destacatCita p {background-image: url('images/cometa_esq_verd.png');}
#volu #content_main .destacatCita span {background-image: url('images/cometa_dr_verd.png');}
/*organitzacions*/
#orga #content_main .destacatCita p {background-image: url('images/cometa_esq_taronja.png');}
#orga #content_main .destacatCita span {background-image: url('images/cometa_dr_taronja.png');}
/*assessorament*/
#asse #content_main .destacatCita p {background-image: url('images/cometa_esq_marro.png');}
#asse #content_main .destacatCita span {background-image: url('images/cometa_dr_marro.png');}
/*administracio*/
#admpub #content_main .destacatCita p {background-image: url('images/cometa_esq_lila.png');}
#admpub #content_main .destacatCita span {background-image: url('images/cometa_dr_lila.png');}
/*cultura*/
#cultura #content_main .destacatCita p {background-image: url('images/cometa_esq_cultura.png');}
#cultura #content_main .destacatCita span {background-image: url('images/cometa_dr_cultura.png');}
/*centres*/
#centres #content_main .destacatCita p {background-image: url('images/cometa_esq_verdfort.png');}
#centres #content_main .destacatCita span {background-image: url('images/cometa_dr_verdfort.png');}

/*destacat-2*/
.destacatAlternatiu {padding: 0 15px 40px 15px;}
	#content_main .destacatAlternatiu p {
		padding-top: 40px;
		padding-left: 0;
		background: url('images/destaca_dalt_roig.png') 50% 13px no-repeat;
	}
	#content_main .destacatAlternatiu span {
		width: 100%;
		height: 14px;
		bottom: 13px;
		left: 0;
		top: auto;
		right: auto;
		background: url('images/destaca_baix_roig.png') 50% 0 no-repeat;
	}
/*acolliment*/
#acol #content_main .destacatAlternatiu p {background-image: url('images/destaca_dalt_blau.png');}
#acol #content_main .destacatAlternatiu span {background-image: url('images/destaca_baix_blau.png');}
/*voluntariat*/
#volu #content_main .destacatAlternatiu p {background-image: url('images/destaca_dalt_verd.png');}
#volu #content_main .destacatAlternatiu span {background-image: url('images/destaca_baix_verd.png');}
/*organitzacions*/
#orga #content_main .destacatAlternatiu p {background-image: url('images/destaca_dalt_taronja.png');}
#orga #content_main .destacatAlternatiu span {background-image: url('images/destaca_baix_taronja.png');}
/*assessorament*/
#asse #content_main .destacatAlternatiu p {background-image: url('images/destaca_dalt_marro.png');}
#asse #content_main .destacatAlternatiu span {background-image: url('images/destaca_baix_marro.png');}
/*administracio*/
#admpub #content_main .destacatAlternatiu p {background-image: url('images/destaca_dalt_lila.png');}
#admpub #content_main .destacatAlternatiu span {background-image: url('images/destaca_baix_lila.png');}
/*cultura*/
#cultura #content_main .destacatAlternatiu p {background-image: url('images/destaca_dalt_cultura.png');}
#cultura #content_main .destacatAlternatiu span {background-image: url('images/destaca_baix_cultura.png');}
/*centres*/
#centres #content_main .destacatAlternatiu p {background-image: url('images/destaca_dalt_verdfort.png');}
#centres #content_main .destacatAlternatiu span {background-image: url('images/destaca_baix_verdfort.png');}

/*---------------
=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 p.comments {
		background: url('images/icon_comentaris.gif') 0 50% no-repeat;
		padding: .5em 0 .5em 23px;
		margin-top: -1em;
		font-size: .928em;
	}

	#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;
	}
	#cultura #novetats img {
		float: right;
		margin: 0 0 10px 18px ;
	}

	#novetats div.caixaImatge {
		float: left;
		width: 160px;
		margin: 0 18px 10px 0;
	}
	#novetats div.caixaImatge img {
		float: none;
		margin: 0;
	}
	#novetats div.caixaImatge p {
		margin: 0 0 10px 0;
	}
	#novetats div.caixaImatge p a{
		font-size: .875em;
	}

	#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;
				}
/*caixeta_vincles*/
#content_main .caixeta_vincles {
	margin-top: 2em;
	margin-bottom: 2em;
}
#content_main .caixeta_vincles h2 {
	background: #fff;
	position: relative;
	border: 1px solid #ccc;
	color: #000;
	padding: .3em .5em;
	margin: 0 0 .5em;
}
#content_main .caixeta_vincles select {
	width: 100%;
}
#content_main .caixeta_vincles h2 span {
	position: absolute;
	right: 5px;
	top: -12px;
}
#content_main .caixeta_vincles h2#categories span,
#content_main .caixeta_vincles h2#tags span {
	background-image: url(images/pict_categories.gif);
	width: 41px;
	height: 36px;
}
#content_main .caixeta_vincles h2#centres span {
	background-image: url(images/pict_centres.gif);
	width: 38px;
	height: 37px;
}
#content_main .caixeta_vincles h2#enllacos span {
	background-image: url(images/pict_enllacos.gif);
	width: 39px;
	height: 38px;
}
#content_main .caixeta_vincles h2#cursos span {
	background-image: url(images/pict_cursos.gif);
	width: 49px;
	height: 39px;
}
#content_main .caixeta_vincles h2#poblacions span {
	background-image: url(images/pict_poblacions.gif);
	width: 32px;
	height: 30px;
}
#content_main .caixeta_vincles h2#recursos span {
	background-image: url(images/pict_recursos.gif);
	width: 36px;
	height: 36px;
}
#content_main .caixeta_vincles h2#publicacions span {
	background-image: url(images/pict_publicacions.gif);
	width: 32px;
	height: 31px;
}
#content_main .caixeta_vincles h2#destaquem span {
	background-image: url(images/pict_destaquem.gif);
	width: 32px;
	height: 32px;
}

#tagcloud {
	text-align:center;
}

	#tagcloud a:link, #tagcloud a:visited {
		text-decoration:none;
	}

	#tagcloud a:hover {
		text-decoration: underline;
	}

	#tagcloud span {
		padding: 0 4px;
	}

		#tagcloud .smallest {
			font-size: .75em;
		}

		#tagcloud .small {
			font-size: .875em;
		}

		#tagcloud .medium {
			font-size:1em;
		}

		#tagcloud .large {
			font-size:1.2em;
		}

		#tagcloud .largest {
			font-size:1.5em;
		}

#content_main #nav_sub .caixeta_vincles {
	background-color: #F1F1F1;
	border-bottom: 2px solid #C2C2C2;
}
	#content_main #nav_sub .caixeta_vincles h3 {
		margin: 5px 7px 0;
		padding: 5px 0 0;
		font-size: .9em;
	}

	#content_main #nav_sub .caixeta_vincles p {
		margin: 0 7px 0;
		padding: 5px 0 0;
	}

#content_sub ul,
#content_sub .caixeta {margin: 0 0 2em;}
	#content_main .caixeta_vincles ul {background: none;}
		#content_main .caixeta_vincles li {
			font-size: .75em;
			font-weight: normal;
			border-bottom: 1px dotted #999;
			background: url(images/kland_accessos.png) 0 .3em no-repeat;
			padding: .5em 0 .5em 18px;
		}
			#content_main .caixeta_vincles li a {text-decoration: none;}
			#content_main .caixeta_vincles 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;
	}

#boxFormadors {
	border: 1px solid #E4E4E4;
	background-color: #F7F7F7;

}
	#boxFormadors h3 {
		background-color: #E4E4E4;
		text-alig:center;
		padding: .6em .85em;
		color: #000;
	}
	#boxFormadors ul {
		background-color: #F7F7F7;
		margin: 0 0 .5em;
	}
	#boxFormadors ul li,
	#boxFormadors ul li:last-child {
		border-bottom: 1px solid #DEDEDE;
		font-weight: normal;
		font-size: .825em;
		padding: .7em .5em;
	}
	#boxFormadors ul li a:link {
		color: #C41631;
	}
	#boxFormadors p.more {
		padding: .2em 0;
	}
	#boxFormadors p.more a,
	#boxFormadors p.more a:link {
		color: #fff;
		background-color: #000;
		font-size: .825em;
		padding: .2em .5em;

		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#080808));
		background: -webkit-linear-gradient(top, #454545, #080808);
		background: -moz-linear-gradient(top, #454545, #080808);
		background: -ms-linear-gradient(top, #454545, #080808);
		background: -o-linear-gradient(top, #454545, #080808);

		border-radius: 5px; /* future proofing */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;

	}
	#boxFormadors p.more a:hover {
		text-decoration: none;
		color:#ccc;
	}

.boxRSS {
	margin-top: 2em;
}
#nav_sub .boxRSS h3 {
	color: #000;
	font-weight: bold;
}

#nav_sub .boxRSS ul {
	background: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: .5em 0;
	margin: .5em 0;
}
#nav_sub .boxRSS ul li{
	padding: .5em 0;
	font-weight: normal;
	font-size: .812em;
}
/*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;
			}



.portada div.calendari {
    background: url('images/calendari_portada_bg.gif') repeat-y;
    padding: 5px 0;
    position: relative;
    margin-bottom: 10px;
}
    .portada div.calendari div.top {
        background: url('images/calendari_portada_top.gif') no-repeat;
        position: absolute;
        width: 184px;
        height: 11px;
        left: 0;
        top: 0;
    }
    .portada div.calendari div.bottom {
        background: url('images/calendari_portada_bottom.gif') 0 100% no-repeat;
        position: absolute;
        width: 184px;
        height: 14px;
        left: 0;
         bottom: -5px;
    }
    .portada div.calendari table {
        padding: 0 0 0 5px;
        width: 180px;
    }
        .portada div.calendari table caption {
            background: none;
            color: #fff;
            padding: 7px;
            overflow: auto;
            font-size: .75em;
        }
            .portada div.calendari table caption span {
                width: 140px;
                margin: 0 auto;
                float: left;
                text-align: center;
                display: block;
                line-height: 1.3;
            }
            .portada div.calendari table caption a {
                display: block;
                color:#fff;
/*              position: absolute;*/
            }
            .portada div.calendari table caption a.anterior {
/*              left: 16px;
                top: 17px;*/
                float: left;
            }
            .portada div.calendari table caption a.seguent {
/*              right: 16px;
                top: 17px;*/
                float: left;
            }
        .portada div.calendari table td,
        .portada div.calendari table th {
            text-align: center;
            padding: 1px 2px;
            line-height: 1.5;
            font-size: .525em;
            height: 10px;

        }
        .portada div.calendari table td {background: #004A49; color: #FFF !important;}
        .portada div.calendari table td.notInMonth {background: transparent;}
        .portada div.calendari table td.eventDay {background: #fff; color:#004A49 !important;}
            .portada div.calendari table td.eventDay a {
                color: #004A49 !important;
                text-decoration: none;
            }


/*---------------
=centres
---------------------------------------------*/
#centres.portada .content {position: relative;}
	#centres.portada h1,
	#centres #masthead h1  {
		background: none;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 156px;
		top: 2em;
		z-index: 0;
	}
	#centres.portada p.back,
	#centres #masthead p.back {
		margin: 0;
		position: absolute;
		right: 145px;
		top: 5.5em;
		font-size: .6875em;
	}
		#centres.portada p.back a,
		#centres #masthead p.back a {
			color: #fff;
			text-decoration: none;
		}
		#centres.portada p.back a:hover,
		#centres #masthead p.back a:hover {text-decoration: underline;}
/*supermenu centres*/
p.bt a {
	display: block;
	background: #d7d7d7 url('images/kland_supermenu.gif') 95% 5px no-repeat;
	position: absolute;
	right: 15px;
	top: 4em;
	font-size: .8125em;
	padding: .5em 28px .5em 12px;
	color: #000;
}
	p.bt a:hover {text-decoration: underline;}
.supermenu {
	background: #d7d7d7;
	width: 554px;
	padding: 23px;
	position: absolute;
	right: 15px;
	top: 4.8em;
	z-index: 10;
}
	.supermenu ul {
		margin: 0;
		list-style: disc outside;
	}
		.supermenu li {
			font-size: .75em;
			float: left;
			width: 166px;
			margin: 0 0 .5em .2em;
			padding-right: 15px;
		}
			.supermenu a {
				text-decoration: none;
			}
			.supermenu a:hover {text-decoration: underline;}
	.supermenu div {
		clear: left;
		border-top: 1px solid #fff;
		padding-top: .75em;
		margin-top: .5em;
	}
		.supermenu p {
			font-size: .75em;
			margin: 0;
			width: 50%;
			float: left;
			padding: .5em 0;
		}
		.supermenu #cercador_centres {
			width: 27%;
			float: right;
			padding: 0;
		}
			.supermenu #cercador_centres a {
				display: block;
				background: #333 url('images/icon_lupa2.gif') 7px 50% no-repeat;
				color: #fff;
				padding: .5em .5em .5em 25px;
			}

#centres.portada #content_main_main {
	padding-top: 0;
	margin-top: 30px;
}
	#centres .actualitat {
		width: 225px;
		float: left;
		margin: 0;
	}
	#centres .big {
		width: 450px;
	}
	#centres .borderright {
		background: #fff url('images/border.gif') right 0 repeat-y;
	}
		#centres #content_main_main .actualitat h2 {
			font-size: 1.375em;
			color: #000;
			font-weight: normal;
			background: none;
			padding: 0 0 .5em 0;
			border-bottom: 1px solid #bebebe;
		}
		#centres p.rss a {
			background: url('images/icon_rss2.gif') 0 0 no-repeat;
			padding: 2px 0 2px 28px;
			text-decoration: none;
			display: block;
			float: right;
			margin-top: -4em;
		}
		#centres #agenda p.rss a {right: 0;}
		#centres p.rss a:hover {text-decoration: underline;}
		#centres .actualitat li {
			background: none;
			padding: 0 0 1em 0;
			margin-bottom: 1em;
			border-bottom: 1px solid #bebebe;
		}
			#centres .actualitat h3 {
				font-size: 1.143em;
				border: none;
				margin-bottom: .5em;
				padding: 0;
				font-weight: bold;
			}
				#centres .actualitat h3 a {text-decoration: none;}
				#centres .actualitat h3 a:hover {text-decoration: underline;}
			#centres .actualitat img {
				float: left;
				margin: 0 12px 10px 0;
			}
			#centres .actualitat p {margin-bottom: .5em;}
			#centres .actualitat .data,
			#centres .actualitat .lloc {
				font-size: .857em;
				margin-bottom: .25em;
			}
			#centres .actualitat .lloc {color: #666;}
			#centres .actualitat .bt {
				background: none;
				height: auto;
				width: auto;
				text-align: left;
				font-size: 1em;
				padding: 0;
			}
				#centres .actualitat .bt a {
					background: #066;
					padding: 5px 10px;
					display: inline-block;
					font-size: .857em;
				}
				#centres .actualitat .tot a {
					display: block;
					font-size: .857em;
					text-align: left;
					font-size: 1em;
					padding: 8px 5px 8px 30px;
					background: #066 url('images/kland_bt.png') 10px 50% no-repeat;
				}
				#centres #content_main_main .actualitat .bt a {color: #fff;}
				#centres .actualitat .bt a:hover {text-decoration: underline;}
	#centres #noticies {padding: 0 15px 0 0;}
	#centres #agenda {padding: 0 0 0 15px;}

#centres.portada #content_sub #textonsom {
	display:none;
}
#fancybox-content #textonsom h3, h4, p { margin: .5em;}
#fancybox-content #textonsom h3{
	font-weight: bold;
	font-size: 1.2em;
}

#centres.directori #content_main_main ul.duesCol li {
	background: none;
	padding-left:0;
	padding-right: 22px;
}

#centres #map_canvas {
	float:left;
	margin:0 1em 1em 0;
}
#centres #content_main_main .formulari_contacte label {color: #006666;}

/*menu tabs*/
.tabs {
	border-bottom: 1px solid #949494;
	background: #e8e8e8;
	margin: -30px 0 30px;
	padding: 18px 30px 0;
}
.tres_col .tabs {
	margin-top: 0;
	margin-bottom: 0;
}
	.tabs li {display: inline;}
		.tabs a {
			display: block;
			float: left;
			text-align: center;
			width: 168px;
			height: 11px;
			background: #f4f4f4 url('images/tab_a.gif') no-repeat;
			font-size: 1.125em;
			text-decoration: none;
			color: #131313;
			margin-right: 1.5em;
			padding: 15px 0;
		}
		.tabs a:hover {text-decoration: underline;}
		.tabs .current a {
			background: #fff url('images/tab_b.gif') no-repeat;
			position: relative;
			bottom: -1px;
			padding-bottom: 16px;
		}
		.tabs .current a:hover {
			text-decoration: none;
			cursor: default;
		}

/*---------------
=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: 250px;
	}
		#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;
	}

/*---------------
=cultura i llengua
---------------------------------------------*/

#cultura #content_main_main #intro {
	box-shadow: 0 0 3px 1px #C2C2C2;
	border-left: 60px solid #e8e8e8;
	margin-bottom: 2em;
}

	#cultura #content_main_main #intro div {
		margin-left: -45px;
		padding: 2em 2em .5em 90px;
		background: url('images/icona_info.png') no-repeat 0 2em;
	}
	#cultura #content_main_main #intro div p {
		margin-bottom: 1em;
	}

#cultura #content_main_main #home #novetats img {
	float:right;
	margin: 0 0 10px 18px;
}

#cultura #content_main_main #home #novetats li {
	margin: 0 0 1em 15px;
	padding: 0;
	border-bottom: 1px dashed #999999;
}
	#cultura #content_main_main #home #novetats li span.mesinfo {
		font-weight:bold;
		color: #000;
	}
		#cultura #content_main_main #home #novetats li span.mesinfo a {
			text-decoration:none;
		}
		#cultura #content_main_main #home #novetats li span.mesinfo a:hover {
			text-decoration:underline;
		}


#cultura #content_main_main #home p.mes {
	margin: 0 0 1em 15px;
	padding: 0 0 15px;
	border-bottom: 1px dashed #999999;
}

	#cultura #content_main_main #home p.mes a {
		background-color: #FC5B25;
		color: #fff;
		font-weight: bold;
		display:block;
		width: 7em;
		text-decoration: none;
		padding:.5em 1em;
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	#cultura #content_main_main #home p.mes a:hover {
		background-color: #E4551D;
	}
#cultura #content_main_main #home #banners {
	margin: 3em 0;
}
	#cultura #content_main_main #home #banners li{
		background:none;
		padding: 0;
		padding-right: 16px;
	}
	#cultura #content_main_main #home #banners li.last{
		padding-right: 0;
	}
	#cultura #content_main_main #home #banners img {
		width: 163px;
		height: 163px;
	}


/*---------------
=comentaris
---------------------------------------------*/

#content_main #comments ol {
	margin: 0;
	padding: 0;
}
#content_main #comments h2 {
	border-bottom: 1px dashed #ccc;
	padding: .5em 0;
	margin-bottom: 1em;
}
#content_main #comments h3 {
	font-size: 1em;
	background: url('images/icon_comentaris.gif') 0 .5em no-repeat;
	padding: .5em 0 1.5em 23px;
	margin: 2em 0;
	border:none;
	border-bottom: 1px dashed #ccc;
}
#content_main #comments ol li {
	background: none;
	width: 479px;
	padding:0 0 33px 0;
	margin-bottom: 1.2em;
	background: url('images/comentaris-baix.gif') no-repeat left bottom !important;
	border: none;

}
	#content_main #comments ol li div {
		background: url('images/comentari-dalt.gif') no-repeat left top;
		padding-top: 9px;
	}
		#content_main #comments ol li div div {
			background: url('images/fons-comentaris.gif') repeat-y left top;
			padding: .7em 1.5em;
		}
	#content_main #comments ol li p {
		font-size: .929em;
		margin-bottom: 1em;
	}
		#content_main #comments ol li p.author {
			color: #A7A7A7;
			padding-left: .5em;
		}
			#content_main #comments ol li p.author strong {
				color: #000;
			}
#content_main #comments form {
	margin-bottom: 2em;
}
	#content_main #comments form label {
		display: block;
		padding-bottom: .5em;
	}
	#content_main #comments form label.error {
		font-weight: bold;
		color: #cc0000;
		padding-top: .3em;
	}
	#content_main #comments form input {
		width: 100%;
		background: url('images/formulari-fila.jpg') repeat-y left top;
		padding: 2px 5px;
		height: 30px;
		width: 458px;
		border: none;
	}
	#content_main #comments form textarea {
		background: #F1F2ED url('images/formulari-caixa.jpg') repeat-x left bottom;
		padding: 2px 5px;
		height: 150px;
		width: 458px;
		border: none;
	}

	#content_main #comments form input.bt {
		font-size: 1em;
		background: none;
		width: auto;
		height: auto;
		background-color: #FC5B25;
		color: #fff;
		font-weight: bold;
		display:block;
		width: 12em;
		text-decoration: none;
		padding:.5em 1em;
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	#content_main #comments form input.bt:hover {
		background-color: #E4551D;
	}

#content_main #comments div.alert {
	margin: 1em 0;
	padding: 1em;
}
#content_main #comments div.alert.alert-success {
	border: 2px solid #66A308;
}
#content_main #comments div.alert.alert-error {
	border: 2px solid #cc0000;
}


/*---------------
=form validacio certificats
---------------------------------------------*/
#validacio_certificats {

	background: #C9122E url('images/bg_form_validacertificat.jpg') repeat-x left bottom;
	background-image: linear-gradient(top, rgb(201,18,46) 0%, rgb(123,6,25) 100%);
	background-image: -o-linear-gradient(top, rgb(201,18,46) 0%, rgb(123,6,25) 100%);
	background-image: -moz-linear-gradient(top, rgb(201,18,46) 0%, rgb(123,6,25) 100%);
	background-image: -webkit-linear-gradient(top, rgb(201,18,46) 0%, rgb(123,6,25) 100%);
	background-image: -ms-linear-gradient(top, rgb(201,18,46) 0%, rgb(123,6,25) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(201,18,46)),
		color-stop(1, rgb(123,6,25))
	);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0px 1px 1px 1px #000;
	box-shadow: 0px 1px 1px 1px #000;

	padding: 1em 1em .5em;
}

	#validacio_certificats div {
		background: url('images/icon-diploma.png') no-repeat left top;
		padding: 0 0 20px 65px;
		color: #fff;
		float:left;
		font-size: 1.571em;
		width: 6em;

	}
	#validacio_certificats ul li {
		background: url('images/bg_form_validacertificat_fields.jpg') repeat-y left top;
		float:left;
		padding: 0 1em 1em;
	}

		#validacio_certificats ul li span {
			color: #fff;
			display: block;
			padding: 0 0 1em;
		}

		#validacio_certificats ul li.codi {
			width: 9em;
		}

			#validacio_certificats ul li.codi input {
				width: 8em;
				border: none;
				padding: .3em;

				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;

			}
		#validacio_certificats ul li.data {
			width: 14em;
		}
			#validacio_certificats ul li.data select {
				padding: .1em;
			}
		#validacio_certificats ul li.btns {
			width: 3em;
			padding-top: .8em;
		}
			#validacio_certificats ul li.btns input.bt {
				background: #434343 url('images/bg_form_validacertificat_btn.jpg') repeat-x left bottom;

				background-image: linear-gradient(top, rgb(67,67,67) 0%, rgb(0,0,0) 100%);
				background-image: -o-linear-gradient(top, rgb(67,67,67) 0%, rgb(0,0,0) 100%);
				background-image: -moz-linear-gradient(top, rgb(67,67,67) 0%, rgb(0,0,0) 100%);
				background-image: -webkit-linear-gradient(top, rgb(67,67,67) 0%, rgb(0,0,0) 100%);
				background-image: -ms-linear-gradient(top, rgb(67,67,67) 0%, rgb(0,0,0) 100%);

				background-image: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0, rgb(67,67,67)),
					color-stop(1, rgb(0,0,0))
				);

				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;

				border: 1px solid #fff;
				font-size: 1em;
				height: auto;
				padding: .9em 0.5em;
				width: auto;
			}

			#validacio_certificats ul li.btns input.bt:hover {
				border: 1px solid #000;
			}

.messageBox {
	margin: 2em 0;
	padding: 1em 2em;
	background: #EEEEEE url('images/bg_message_box.jpg') repeat-x left bottom;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0px 1px 1px 1px #666;
	box-shadow: 0px 1px 1px 1px #666;
}


	#content_main_main .messageBox h3{
		border: none;
		color: #313131;
		border-bottom: 1px solid #BDBDBD;
		font-size: 1.571em;
		padding-top: 0;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}

	#content_main_main .messageBox.error h3{
		background: url('images/icon-error.png') no-repeat left top;
		padding-left: 55px;
		padding-top: .5em;
	}

	#content_main_main .messageBox.success h3{
		background: url('images/icon-ok.png') no-repeat left top;
		padding-left: 55px;
		padding-top: .5em;
	}

	#content_main_main .messageBox.error ul {
		color: #cc0000;
	}

	#content_main_main .messageBox dl.resultatsValidacio dt{
		float:left;
		width: 40%;
		padding: .7em 5% .7em 0;
		line-height: 120%;
		border-bottom: 1px solid #ccc;
	}
	#content_main_main .messageBox dl.resultatsValidacio dd{
		float:left;
		width: 55%;
		padding: .7em 0;
		line-height: 120%;
		border-bottom: 1px solid #ccc;
	}



/*---------------
=cercador cursos
---------------------------------------------*/
#cercador_cursos #container_main {padding-bottom:0;margin-bottom:0;}

#cercador_cursos #apartat {
	margin: 0 20px;
}
	#cercador_cursos #apartat a.tornar{
		float: right;
		margin-right: 20px;
		background: url(images/cercador_cursos/tornar.png) no-repeat left 50%;
		padding: 2px 0 2px 24px;
		font-size: .8125em;
		text-decoration: none;
		color: #333;
	}
#cercador_cursos h1 {
	margin: 0 20px 20px;
}
#cercador_cursos form#cercar_curs {padding: 0 20px 20px 20px;}


#cercador_cursos .fletxa {background: url(images/cercador_cursos/fletxa.gif) 50% 30% no-repeat;width: 40px;height: 325px;float:left;padding:10px;}

#cercador_cursos .box {
	float: left;
	width: 427px;
	/*height: 325px;*/
	/*margin-right: 2em;
	padding-right: 15px;*/
}

	#cercador_cursos .box.first {
		padding: 10px;
		width: 250px;
		font-size: 0.875em;
		-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;

		background: #FFB69E; /* Old browsers */
		background: -moz-linear-gradient(top,  #FFB69E 0%, #F49385 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB69E), color-stop(100%,#F49385)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #FFB69E 0%,#F49385 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #FFB69E 0%,#F49385 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #FFB69E 0%,#F49385 100%); /* IE10+ */
		background: linear-gradient(top,  #FFB69E 0%,#F49385 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB69E', endColorstr='#F49385',GradientType=0 ); /* IE6-9 */
	}

	#cercador_cursos .box.first h2 {margin-bottom:15px;padding-top:5px; font-size: 1.143em;}
	#cercador_cursos .box.first h2 span {float:right;margin-top:-5px;}

		#cercador_cursos .box.first li {
			background:#FCCABE;
			padding: 5px;
			float:none;
			display:block;
		}
		#cercador_cursos .box.first div{margin-bottom:15px;}
			#cercador_cursos .box.first li li {margin:0;padding:0;float:left;width:auto;display:inline;}
			#cercador_cursos .box.first li ul {margin:0;padding:0;}

			#cercador_cursos .box.first input {margin-right:5px;}


			/*#cercador_cursos .box.first li.separa {background: #FCCABE url(images/cercador_cursos/fletxa_blanca.gif) 50% 100% no-repeat;padding-bottom:15px;}*/

			#cercador_cursos .box.first li.separa {background: #FCCABE; float:left; width: 105px; background: #FCCABE url(images/cercador_cursos/separador-subnivells.png) 100% 100% no-repeat; margin-right: 5px;}

#cercador_cursos .pestanyes li {
	background: #FCCABF;
	float:left;
	margin-right: 10px;
	padding:15px 20px;

	-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;
}
	#cercador_cursos .pestanyes li.current {background: #C4BDBA;}
	#cercador_cursos .pestanyes li a {color:black; text-decoration: none;}

	#cercador_cursos .content_pestanya {
		background: #C4BDBA;
		padding:20px;

		-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px;
	}
		#cercador_cursos .content_pestanya label,
		#cercador_cursos .content_pestanya p,
		#cercador_cursos .content_pestanya select,
		#cercador_cursos .content_pestanya input {width:385px;display:block;margin-bottom:10px;font-size:14px;padding:5px;}

		#cercador_cursos .content_pestanya p.nota{
			margin-bottom: 5px;
			padding: 0px 5px;
		}
		#cercador_cursos .content_pestanya #poblacioContainer {
			border-top: 1px solid #ccc;
			padding-top: 10px;
		}

			#cercador_cursos .content_pestanya input {width:365px;}

	#cercador_cursos .box .meta p {margin-top: 1.5em;}

	#cercador_cursos .box .meta p.nota {
		padding: 1em 1em 1em 3.5em;
		background: #FEDB73 url(images/cercador_cursos/ico-alerta.png) no-repeat 1em 1.1em;
		-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
		font-size: .875em;
	}
		#cercador_cursos .box .meta p.nota.red {
		  color: #C30C28;
		  background: transparent url(images/cercador_cursos/ico-alerta.png) no-repeat 1em 1.1em;
            -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
		}

		#cercador_cursos .box .meta p.nota.red strong{
          color: #C30C28;
        }

	#cercador_cursos .box.last {width: 107px;height:335px;background: none;padding-top:45px;}

#cercador_cursos #fons {background: url(images/cercador_cursos/bg-resultats.gif) repeat-y;}

#filtre {
	/*background: url(images/cercador_cursos/bk_filtres.gif) repeat-y;*/
	color: white;
	width: 254px;
	float: left;
	/*padding: 15px;*/
}
	#filtre h2 {background: url(images/cercador_cursos/ico-filtres.gif) 0 80% no-repeat;padding: 15px 5px 5px 35px;margin-left: 15px;}
	#filtre hr {border-top:1px #8f091e solid;border-bottom:1px #c23c51 solid;position: static;margin:10px 0;padding:0;border-right:0;border-left:0;}

#filtre label {display:block;}
#filtre input {margin: 7px 10px 7px 15px;}
#filtre input#data {width: 100px;}
#filtre p {margin-left: 15px;}

#filtre input.bt,
#filtre a.bt {
	border:0;
	background: white;
	color: black;
	padding: 6px 10px;
	width: auto;
	font-size: 15px;
	height: 35px;

	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
	#filtre #presencial a.bt,
	#filtre #dies_hores a.bt {margin: 7px 10px 7px 15px; text-decoration: none; display:block; width: 180px; height: 15px; padding: 9px 10px;}
	#filtre #dies_hores a.bt {width: 190px;}
	#filtre #presencial input.bt,
	#filtre #presencial a.bt {margin-top: 20px;}

	#filtre .op label {margin-bottom: 10px;padding: 0 15px;}
		#filtre .op label.last {margin-bottom:0;}
	#filtre .op input {margin:7px 10px 7px 0;}

	#filtre .op span {float: right;margin-top: 10px;}

#resultat {width: 713px;float: right;/*background: #FDE4DE;*/ position: relative;}

	#resultat .eines_cerca {background: #FAB7A9;padding: 10px;}
		#resultat .eines_cerca li {float: left;}
		#resultat .eines_cerca li.primer {width: 300px;margin-right:50px;}
			#resultat .eines_cerca li.primer p {font-size: 14px;}
			#resultat .eines_cerca li.primer select {width: 70%;font-size: 14px;padding: 5px;}
			#resultat .eines_cerca li.primer input {display:none;}
			#resultat .eines_cerca li.primer label {cursor: pointer;}
			#resultat .eines_cerca li.primer button {background: none; border: none; padding: 0; cursor: pointer;}

		#resultat .eines_cerca li.segon {width: 170px;font-size: 12px;margin-top: 5px;padding: 14px 0;border-right: 1px #c89287 solid;}
			#resultat .eines_cerca li.segon p {margin:0;padding:0;}

		#resultat .eines_cerca li.tercer {border-left: 1px #FBC5BA solid;border-right: 1px #c89287 solid;}
		#resultat .eines_cerca li.tercer,
		#resultat .eines_cerca li.quart {margin-top: 5px;padding: 5px 15px;}
		#resultat .eines_cerca li.quart {border-left: 1px #FBC5BA solid; position:relative;}

		#resultat .eines_cerca li.tercer a,
		#resultat .eines_cerca li.quart a {display:block; padding-top: 30px;font-size: 12px;text-decoration: none;}
		#resultat .eines_cerca li.tercer a {background: url(images/cercador_cursos/ico-imprimir.gif) 42% 0 no-repeat;}
		#resultat .eines_cerca li.quart a {background: url(images/cercador_cursos/ico-compartir.gif) 42% 0 no-repeat;}


		#resultat #share,
		#accesos #share {
			display: none;
			position: absolute;
			width: 50px;
			background: #FAB7A9;
			opacity: .9;
			-moz-box-shadow: 0 1px 0 #ccc;
			-webkit-box-shadow: 0 1px 0 #ccc;
			box-shadow: 0 1px 0 #ccc;

		}
		#fitxa_curs #accesos #share {
			background: #fff;
			margin-left: 1em;
		}
		#resultat #share li,
		#resultat #share a,
		#fitxa_curs  #accesos #share li,
		#fitxa_curs  #accesos #share a {
			background: none;
			padding: 5px;
			border: none;
			height: auto;
		}

#resultat .llistat {padding: 15px;}
	#resultat .llistat p {margin:0;padding:0;font-size: 14px;}
	#resultat .llistat p.nota {margin:1em 0; padding:0;font-size: 14px; font-weight: bold;}
	#resultat .llistat p.llengenda {margin:0;padding:0;font-size: .8125em;;}
	#resultat .llistat p.llengenda span { border-left: 1px solid #fff; margin: 0 0 0 .4em; padding: 0 0 0 .4em;}

	#resultat .llistat table {width: 100%;background: white;margin: 20px 0;border-left:1px #c8c8c8 solid; border-bottom:1px #c8c8c8 solid;
	font-size: .875em;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;}
		#resultat .llistat table td,
		#resultat .llistat table th {border-right:1px #c8c8c8 solid;border-top:1px #c8c8c8 solid;padding: 10px;}
		#resultat .llistat table th {font-weight: bold;}
		#resultat .llistat table td {vertical-align: top; line-height: 120%;}

	#resultat .llistat table tr.g {background: #EDEDED}
	#resultat .llistat table tr.g:hover {background: #FFF;}
	#resultat .llistat table tr a { text-decoration: none; color: #333333;}
	#resultat .llistat table td.clicable:hover{ cursor: pointer;}
	#resultat .llistat table tr.g:hover a{ color: #A40A21;}

#cercador_cursos .loading {

    /*display:none; /* Hide the DIV */
    position:fixed;
    _position:absolute; /* hack for internet explorer 6 */
    height:70px;
    width:200px;
    background:#FFFFFF url(images/loading.gif) no-repeat 50% 60%;
    /*left: 300px;*/
    top: 150px;
    z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 420px;

    /* additional features, can be omitted */
    border:2px solid #ccc;
    padding:15px;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    font-size: 12px;
}

#cercador_cursos .loading:after {
	content: 'Carregant ...'
}

/* fitxa curs */

#fitxa_curs #content_main_main {width: 928px; float: none;padding: 0 20px;margin-top: 16px;}

/*#fitxa_curs h1 {background: none;color:black;font-weight: normal;font-size: 32px;margin-bottom:10px;padding:0;}*/

#fitxa_curs #accesos h1 {float: left;width: 450px;}
	#fitxa_curs #accesos ul {float: right;margin-bottom:0;}
		#fitxa_curs #accesos ul li {float: left; border-right: 1px #ccc solid;background:none; height:25px;padding: 20px 0 0;}

			#fitxa_curs #accesos ul li a {height:25px;padding: 10px 15px; }
			#fitxa_curs #accesos ul li.cerca a {background: url(images/cercador_cursos/ico-cercar.gif) no-repeat;padding-left: 40px;}

			#fitxa_curs #accesos ul li.imprimir a {background: url(images/cercador_cursos/ico-imprimir-blanc.gif) 50% 0 no-repeat;padding-top: 25px;height: 20px;padding-bottom:0;font-size: 12px;}

			#fitxa_curs #accesos ul li.compartir a {border:0;background: url(images/cercador_cursos/ico-compartir-blanc.gif) 50% 0 no-repeat;padding-top: 25px;font-size: 12px;}

		#fitxa_curs #accesos ul li a {text-decoration: none;}

#fitxa_curs #content_main_main .col1 {float:left; width: 30%;}
#fitxa_curs #content_main_main .col2 {float: right; width: 67%;}

#actualitzacio {float: right; margin-top: .75em; padding-right:1em; font-size: .8125em; text-align: right; line-height: 140%;}
#fitxa_curs #actualitzacio {float: none; border-top: 1px #888 solid;border-bottom: 1px #888 solid;text-align: right;padding: 10px 0;font-size: 12px;}
	#fitxa_curs #actualitzacio p {padding:0;margin:0;}

#fitxa_curs #tit_curs {margin-top: 30px; padding-bottom: 10px;border-bottom: 1px #c3c3c3 solid;margin-bottom: 30px;}
	#fitxa_curs #tit_curs h2 {background: none;padding: 0; color: #343434; font-size: 28px;margin:0;width: 70%;float: left;}
	#fitxa_curs #tit_curs p {float: right; margin-top: 5px;margin-bottom:0;}

#fitxa_curs h3 {border-top: 0;font-size: 18px;margin-bottom: 15px;font-weight: bold;}

#lloc .lloc_curs {float: left;width: 320px;}

#fitxa_curs .accessible {background: url(images/cercador_cursos/ico-accessible.gif) no-repeat;padding-left: 35px;padding-top: 3px;}

#fitxa_curs #gmap {
	float: right;
	width: 100%;
	height: 500px;
	margin-bottom: 1.5em;
}

#fitxa_curs .preu {font-size: 18px;}
#fitxa_curs span.nota {font-size: 12px; display: block; padding-top: 5px;}

#fitxa_curs #matriculacio h3 {border-bottom:none; }
#fitxa_curs #matriculacio .col1 {float: left; width: 49%;}
#fitxa_curs #matriculacio .col2 {float: right; width: 49%;}
#fitxa_curs #matriculacio .taca {background-color: #DFDFDF; padding: 1.5em 1em 1em;}

	#fitxa_curs #matriculacio h4 {background: none;padding:0;font-size:16px;margin-bottom: 15px;}

#fitxa_curs p.logos {text-align:center;}
#fitxa_curs p.logos img {max-width: 190px; margin-right: 60px;}
#fitxa_curs p.logos img:last-child {margin-right: 0;}


.hidden {display: none;}


/** tell to a friend **/

#tellfriend {
	position: absolute;
	left: 300px;
	margin-top: 30px;
	color: #fff;
	padding: 15px;
	margin-bottom: 20px;
	width: 380px;
	z-index: 1;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	background-color: #f2f2f2;
}

#tellfriend a.close {
	position: absolute;
	right: -10px;
	top: -10px;
	background: url(images/ico_closebox.png) no-repeat;
	height: 30px;
	width: 30px;
	overflow: hidden;
	text-indent: -1000px;
}

#tellfriend form textarea {
	height: 80px;
}




/* @end */

/* @group Forms */


#tellfriend.contact-form {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	background-color: #f2f2f2;
}

#tellfriend.contact-form form input.std_input {
	margin-bottom: 10px;
}


#tellfriend form label {
	color: #808080;
	font-size: 14px;
	margin-top: .7em;
	display: block;
}

#tellfriend form input.std_input,
#tellfriend form textarea {
	border: 1px solid #ccc;
	width: 97%;
	font: 15px;
	padding: 5px;
	color: #6e6e6e;
	margin-top: .2em;
}

#tellfriend form input.form_but {
	margin-top: 10px;
	border: none;
	background-color: #B70017;
	color: #fff;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	padding: 5px 10px;
}

/* @end */


/* cataleg jocs*/
#catalegJocsIntro a.pdf{
	float:right;
	font-weight: bold;
	margin-left: 2em;
	margin-bottom: 1em;
	text-decoration: none;
	background: url('images/icon_pdf_bw.gif') no-repeat 100% 50%;
	padding: 10px 40px 10px 0;
	margin-top: -10px;

}

#catalegJocsIntro form {
	border: 1px solid #C2C2C2;
    -webkit-box-shadow:  1px 1px 2px 1px rgba(55, 55, 55, .5);
    box-shadow:  1px 1px 2px 1px rgba(55, 55, 55, .5);
    margin-bottom: 1.5em;
}
    #catalegJocsIntro form div {
        padding: 1.5em 1em;
        border-bottom: 1px solid #C2C2C2;
	}

	#catalegJocsIntro form div.fill {
        background-color: #F8F8F8;
    }

	#catalegJocsIntro form div.last {
        border:none;
	}
	   #catalegJocsIntro form label {
	        display: block;
	        float:left;
            padding-top: 0.6em;
            width: 160px;
	   }
        #catalegJocsIntro form select,
        #catalegJocsIntro form input {width:285px;display:block;font-size:14px;padding:5px; }

        #catalegJocsIntro form input {width:390px;}

        #catalegJocsIntro form div.checkboxlist p {
            margin-bottom: .5em;
        }

        #catalegJocsIntro form div.checkboxlist label {
            width: 20%;
        }
        #catalegJocsIntro form div.checkboxlist input {
            width: auto;
            display: inline;
            padding: 0;
        }

        #content_main #catalegJocsIntro form input.bt {
            width: auto;
            background: #BA0A21 url('images/ico_bt_cerca.png') no-repeat 10px 50%;
            color: #fff;
            font-size: .95em;
            text-transform: uppercase;
            padding: .4em 1.5em .5em 35px;
            height: auto;
            -webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;

        }
        #catalegJocsIntro p.filtres {
            border-bottom: 1px solid #C2C2C2;
            margin-bottom: 2.5em;
            padding: 1em 0;
        }

        #catalegJocsIntro p.filtres span {
            color: #000; margin-right: 25px;
        }


/*
 *  Editora de Blocs
*/
#introBlocs form {
	margin-bottom: 2em;
}
#content_main_main #introBlocs form p {
	margin-bottom: .5em;
}
#introBlocs form p.filtre {
	font-weight: bold;
	padding: 0 0 15px 35px;
	border-bottom: 2px solid #CCCCCC;
	background: url('images/icon-config.gif') no-repeat left top;

}
#introBlocs form div {
	padding: .5em 0;
	border-bottom: 1px solid #CCCCCC;
}

#introBlocs form div.last {
    padding-bottom: 1em;
    border-bottom: 2px solid #CCCCCC;
}

#introBlocs form div strong {
	margin-right: 15px;
}

#introBlocs form select {
    font-size: 14px;
    padding: 5px;
    width: 300px;
}

#introBlocs form input.bt {
	margin: 0 6em;
    background: #BA0A21;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 0.95em;
    height: auto;
    padding: 0.45em 2em 0.45em 2em;
    width: auto;
    font-weight: bold;
}


#content_main_main table.blocs {
    border-spacing: 0px;
}
	#content_main_main table.blocs th {
		background: #fff;
		color: #000;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
    #content_main_main table.blocs td {
        border: 1px solid #FFF;
        background: #EEEEEE;
        text-align:center;
        line-height: 140%;
    }
    #content_main_main table.blocs td.centre {
        font-weight: bold;
        text-align:left;
        background: url('images/taula_blocs_fons-ralladet.gif') repeat left top;
    }
    #content_main_main table.blocs td.blog {
        text-align:left;
    }
    #content_main_main table.blocs td.filet1 {
        background: #fff;
        height: 1px;
        padding: 0;
    }
    #content_main_main table.blocs td.filet2 {
        background: #ccc;
        height: 2px;
        padding: 0;
    }
    #content_main_main table.blocs a.external {
        background:none;
        padding: 0;
    }

/*
 *  Editora de lectures
*/



#lecturesIntro form {
    border: 1px solid #C2C2C2;
    -webkit-box-shadow:  1px 1px 2px 1px rgba(55, 55, 55, .5);
    box-shadow:  1px 1px 2px 1px rgba(55, 55, 55, .5);
    margin-bottom: 1.5em;
}
    #lecturesIntro form div {
        padding: 1.5em 1em;
        border-bottom: 1px solid #C2C2C2;
    }

    #lecturesIntro form div.fill {
        background-color: #F8F8F8;
    }

    #lecturesIntro form div.fill div.right,
    #lecturesIntro form div.fill div.left {
        width: 45%;
        border: none;
        padding: 0 0 0 0;
        margin-top: -1em;
    }
    #lecturesIntro form div.fill div.right {
        float: right;
    }
    #lecturesIntro form div.fill div.left {
        float: left;
    }

    #lecturesIntro form div.fill div label {
        float:none;
        margin: 1em 0 .5em;

    }


    #lecturesIntro form div.last {
        border:none;
    }
       #lecturesIntro form label {
            display: block;
            float:left;
            padding-top: 0.6em;
            width: 160px;
       }
        #lecturesIntro form select,
        #lecturesIntro form input {width:285px;display:block;font-size:14px;padding:5px; }

        #lecturesIntro form input {width:390px;}

        #lecturesIntro form div.checkboxlist p {
            margin-bottom: .5em;
        }

        #lecturesIntro form div.checkboxlist label {
            width: 20%;
        }
        #lecturesIntro form div.checkboxlist input {
            width: auto;
            display: inline;
            padding: 0;
        }

        #content_main #lecturesIntro form input.bt {
            width: auto;
            background: #ED5513 url('images/ico_bt_cerca.png') no-repeat 10px 50%;
            color: #fff;
            font-size: .95em;
            text-transform: uppercase;
            padding: .4em 1.5em .5em 35px;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;

        }
        #lecturesIntro p.filtres {
            border-bottom: 1px solid #C2C2C2;
            margin-bottom: 2.5em;
            padding: 1em 0;
        }

        #lecturesIntro p.filtres span {
            color: #000; margin-right: 25px;
        }

a.back.lectures {
	margin-top: 0;
	font-size: 12px;
}

.fitxaLectura .wrapper {
    border: 1px solid #f2f2f2;
    -webkit-box-shadow:  1px 1px 2px 1px rgba(55, 55, 55, .5);
    box-shadow:  1px 1px 2px 1px rgba(55, 55, 55, .5);
    margin-bottom: 1.5em;

    padding: 2em;
}
    #cultura #content_main_main .fitxaLectura .wrapper h2 {
        background: none;
        color: #000;
        font-size: 2em;
        padding: 0;
        margin-bottom: .7em;
    }
    #cultura #content_main_main .fitxaLectura .wrapper img {
        float: right;
        margin: 0 0 2em 2em;
    }

    #cultura #content_main_main .fitxaLectura .wrapper dt {
        display:block;
        float:left;
        height: 1.8em;
        width: auto;
        clear:left;
        margin-right: 1em;
    }

    #cultura #content_main_main .fitxaLectura .wrapper dd {
        display:block;
        float:left;
        height: 1.8em;
        width: auto;
    }

    #cultura #content_main_main .fitxaLectura .wrapper dd .rate {
        margin-top: -7px;
    }

    #cultura #content_main_main .fitxaLectura .wrapper p.tags {
        clear: left;
        background: url('images/icon-etiqueta.png') no-repeat left top;
        margin-top: 1em;
        padding-left: 30px;
        margin-bottom: .7em;
    }

    #cultura #content_main_main .fitxaLectura .wrapper p.comments {
        background: url('images/icon-comentaris.png') no-repeat left top;
        padding-left: 30px;
    }

    #cultura #content_main_main .fitxaLectura .wrapper hr {
        border-top: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-bottom: none;
        display: block;
        position: relative;
        left: 0;
    }

    #cultura #content_main_main .fitxaLectura .wrapper h3 {
        border: none;
        color: #000;
        font-weight: bold;
        margin-top: 1em;
    }

    #cultura #content_main_main .fitxaLectura .wrapper ul.checks li {
        display: inline;
        background: #F4F4F4 url('images/kland-ok.png') no-repeat 8px 50%;
        padding: 5px 10px 5px 30px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        margin-right: 20px;
        line-height: 40px;
    }

    #cultura #content_main_main .fitxaLectura .wrapper p.ressenya span {
        margin-right: 3em;
    }

    #cultura #content_main_main .fitxaLectura .wrapper p.ressenya em {
        color: #AA4500;
    }

    #cultura .jRatingColor {
        background-color: #F25413;
    }


    #content_main .fitxaLectura #comments h3 {
        color: #000;
        font-size: 1.3em;
        text-transform: lowercase;
        border-bottom: none;
        padding-bottom: 0;
        padding-left: 30px;
        background: url('images/kland-comentaris.png') no-repeat left 55%;
    }

    #content_main .fitxaLectura #comments ol {
        list-style-type: none;
        margin-bottom: 2em;
    }
        #content_main .fitxaLectura #comments ol li {
            width: 100%;
            background: #fff url('images/comentris-bocadillo.png') no-repeat 8% bottom !important;
            padding-bottom: 25px;
        }
	        #content_main .fitxaLectura #comments ol li div {
	            background: #EBEBEB;
	            padding: 1.5em;
	        }

	        #content_main .fitxaLectura #comments ol li p {
	           padding-left: 0;
	        }


    #content_main .fitxaLectura #comments h2 {
        border-top: 2px solid #EBEBEB;
        border-bottom: none;
        color: #000;
        font-weight: normal;
        padding-top: 1em;
        padding-left: 40px;
        background: url('images/kland-afegir-comment.png') no-repeat left .8em;
    }

    #content_main .fitxaLectura #comments p.left {
        float: left;
        width: 45%;
        margin-bottom: 2.5em;
    }

    #content_main .fitxaLectura #comments p.right {
        float: right;
        width: 45%;
        margin-bottom: 2.5em;
    }

    #content_main .fitxaLectura #comments form input,
    #content_main .fitxaLectura #comments form textarea {
        width: 100%;
        background: #F6F6F6;
        border: 1px solid #BCBCBC;
        padding: 2px 0;
    }

    #content_main .fitxaLectura #comments form input.bt {
        background: none repeat scroll 0 0 #FC5B25;
        border: none;
        width: auto;
        font-weight: normal;
        padding: .5em 2em;
        font-size: 1.3em;
        -khtml-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;

    }

    #cultura #content_main_main table.taula_lectures{
        font-size: 1.125em;
    }
    #cultura #content_main_main table.taula_lectures th {
        background: #FF5C11;
        font-weight: bold;
    }

    #cultura #content_main_main table.taula_lectures td {
        min-width: 18%;
    }
    #cultura #content_main_main table.taula_lectures th span.order {
        float:right;
    }

    #cultura #content_main_main table.taula_lectures td.titol a {
        background: url('images/boto-mes.png') no-repeat left 2px;
        padding-left: 20px;
    }

.filters {
	padding: 1em;
	background: #efefef;
	margin-bottom: 1.5em;
}
.filters .item{margin-right: 1em;}




/*
 *  Editora de comics
*/



#comicsIntro form {
    border: 1px solid #ccc;
    background: #F3F3F3;
    margin-bottom: 1.5em;
}
	#comicsIntro form p.legend {
	    background: #ccc url("images/lupa-comics.png") no-repeat scroll 0.75em 50%;
	    font-weight: bold;
	    padding: 0.5em 2.5em;
	    margin-bottom: 0;
	}
    #comicsIntro form div {
        padding: 0.5em 1.5em 1em;
    }

    #comicsIntro form div.fill {
        background-color: #DFDFDF;
    }

    #comicsIntro form div.right,
    #comicsIntro form div.left {
        width: 45%;
        border: none;
        padding: 0 0 0 0;
        margin-top: -1em;
    }
    #comicsIntro form div.right {
        float: right;
    }
    #comicsIntro form div.left {
        float: left;
    }

	#comicsIntro form div.btn {
	   text-align: right;
	   padding-top: 2.5em;
	}
    #comicsIntro form div label {
        float:none;
        margin: 1em 0 .5em;

    }


       #comicsIntro form label {
            display: block;
            float:left;
            padding-top: 0.6em;
            width: 160px;
       }
        #comicsIntro form select,
        #comicsIntro form input {width:100%;display:block;font-size:14px;padding:2px 2px; }
        #comicsIntro form .dates select {width: 80px; display:inline;}
        #comicsIntro form .dates span.right {margin-left: 30px;}

        #content_main #comicsIntro form input.bt {
            width: auto;
            background: #006667;
            color: #fff;
            font-weight: bold;
            font-size: .95em;
            text-transform: uppercase;
            padding: .4em 1.5em .5em;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            display:inline;

        }
        #comicsIntro p.filtres {
            border-bottom: 1px solid #C2C2C2;
            margin-bottom: 2.5em;
            padding: 1em 0;
        }

        #comicsIntro p.filtres span {
            color: #000; margin-right: 25px;
        }

    #content_main_main table.taula_comics{
        font-size: 1.125em;
        border-spacing: 0;
    }


    #content_main_main table.taula_comics th {
        background: #FF5C11;
        font-weight: bold;
        border-left: 2px solid #fff;
        border-bottom: 3px solid #fff;
        padding: .5em;
    }

        #centres #content_main_main table.taula_comics th.image {
	       background: #fff;
	    }

    #content_main_main table.taula_comics td {
        /*min-width: 18%;*/
        border-top:1px solid #ccc;
        background-color: #F6F6F6;
        vertical-align: top;
        padding: 0.75em;
    }
	    #content_main_main table.taula_comics td.image {
	        border-left:1px solid #ccc;
	    }
		    #content_main_main table.taula_comics td.image img {
		        max-width: 70px;
		        border-left:1px solid #ccc;
		    }
        #content_main_main table.taula_comics td.lastColumn {
            border-right:1px solid #ccc;
        }
        #content_main_main table.taula_comics td.titol {
            font-weight: bold;
        }
            #content_main_main table.taula_comics td.titol a {text-decoration: none;}


    #content_main_main table.taula_comics tr.lastrow td {
        border-bottom: 1px solid #ccc;
    }


#content_main_main.comics p.back {
	margin-top: -.75em;
	margin-bottom: .75em;
	text-align:right;
}
    #content_main_main.comics p.back a.back {
        float:none;
        padding:0;
        margin:0;
        color: #000;
    }

.comics .fitxaComic .wrapper {
    background: #f6f6f6;
    border: 1px solid #cccccc;
    margin-bottom: 1.5em;
    padding: 2em;
}

    #centres #content_main_main.comics  .fitxaComic .wrapper h2 {
        background: none;
        color: #000;
        font-size: 1.5em;
        padding: 0;
        margin-bottom: .7em;
    }
    #content_main_main.comics  .fitxaComic .wrapper div.valoracio{
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: .65em 0;
        margin: 1em 0 2em;
        min-height: 22px;
    }
        #content_main_main.comics  .fitxaComic .wrapper div.valoracio span{
            float: left;
            margin-top: .25em;
            display: block;
        }
        #content_main_main.comics  .fitxaComic .wrapper div.valoracio div.rate{
            margin: 0 1em 0 2em;
            float: left;
        }
    #content_main_main.comics  .fitxaComic .wrapper div.text {
        width: 66%;
    }
    #content_main_main.comics  .fitxaComic .wrapper div.image {
        float: right;
        margin: 0 0 2em 2em;
        width: 30%;
    }
        #content_main_main.comics  .fitxaComic .wrapper div.image img{ max-width: 100%;}

    #content_main_main.comics  .fitxaComic .wrapper dt {
        display:block;
        float:left;
        height: 1.5em;
        width: auto;
        clear:left;
        margin-right: 1em;
        font-weight: bold;
    }

    #content_main_main.comics  .fitxaComic .wrapper dd {
        display:block;
        float:left;
        height: 1.5em;
        width: auto;
    }

    #content_main_main.comics  .fitxaComic .wrapper dd .rate {
        margin-top: -7px;
    }

    #content_main_main.comics  .fitxaComic .wrapper hr {
        border-top: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-bottom: none;
        display: block;
        position: relative;
        left: 0;
    }


    #centres #content_main_main.comics  .fitxaComic .wrapper h3 {
        border: none;
        color: #000;
        font-weight: bold;
        margin: .5em 0 .5em;

    }

    .comics  .jRatingColor {
        background-color: #ff8000;
    }

    #content_main_main.comics a.external {background: none;}
    #content_main_main.comics p.link {
	    clear: left;
	    margin-top: 1em;
	    padding-top: 1em;
    }

    #centres #content_main_main.comics a.button {
            width: auto;
            background: #006667;
            color: #fff;
            font-weight: bold;
            font-size: .95em;
            padding: .35em 1em .35em;
            height: auto;
            text-decoration: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
    }
    #centres .comics .addthis {
        border-top: 1px solid #ccc;
        margin:1em 0;
        padding: 1em 0;
    }

    #centres .comics .addthis a.at-share-btn {
        margin: 0 3px;
    }



.fitxaJocs .wrapper {
    border: 1px solid #f2f2f2;
    -webkit-box-shadow:  1px 1px 2px 1px rgba(55, 55, 55, .5);
    box-shadow:  1px 1px 2px 1px rgba(55, 55, 55, .5);
    margin-bottom: 1.5em;

    padding: 2em;
}
    #quis #content_main_main .fitxaJocs .wrapper h2 {
        background: none;
        color: #000;
        font-size: 2em;
        padding: 0;
        margin-bottom: .7em;
    }
    #quis #content_main_main .fitxaJocs .wrapper img {
        float: right;
        margin: 0 0 2em 2em;
    }
    #quis #content_main_main .fitxaJocs .wrapper dl {
        margin-bottom: 2em;
    }

    #quis #content_main_main .fitxaJocs .wrapper dt {
        display:block;
        float:left;
        height: 1.8em;
        width: auto;
        clear:left;
        margin-right: 1em;
    }

    #quis #content_main_main .fitxaJocs .wrapper dd {
        display:block;
        float:left;
        height: 1.8em;
        width: auto;
    }

    #quis #content_main_main .fitxaJocs .wrapper dd .rate {
        margin-top: -7px;
    }

    #quis #content_main_main .fitxaJocs .wrapper .desc {
        margin-top: 2em;
    }

    #quis #content_main_main .fitxaJocs .wrapper hr {
        border-top: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-bottom: none;
        display: block;
        position: relative;
        left: 0;
    }

    #quis #content_main_main .fitxaJocs .wrapper h3 {
        border: none;
        color: #000;
        font-weight: bold;
        margin-top: 1em;
    }

    #quis #content_main_main .fitxaJocs .wrapper ul.checks li {
        display: inline;
        background: #F4F4F4 url('images/kland-ok.png') no-repeat 8px 50%;
        padding: 5px 10px 5px 30px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        margin-right: 20px;
        line-height: 40px;
    }

    #quis .jRatingColor {
        background-color: #F25413;
    }

#content_main_main .actuacionsJocs{
    color: #060606;
}
    #content_main_main .actuacionsJocs p.mostrant {
        border-bottom: 2px solid #E6E6E6;
    }

    #content_main_main .actuacionsJocs form {
        margin: 1em 0 1em;
        padding-bottom: 1em;
        border-bottom: 2px solid #E6E6E6;
    }
        #content_main_main .actuacionsJocs form legend {
            font-weight: bold;
            padding-left: 30px;
            background: url('images/icon-filtre-actes-jocs.png') no-repeat 5px 50%;
            margin-bottom: 1em;
        }

        #content_main_main .actuacionsJocs form select {
            width: 260px;
            height: 31px;
        }
        #content_main_main .actuacionsJocs form label {
            margin-left: 20px;
        }

        #content_main_main .actuacionsJocs form label.date {
            padding-right: 20px;
            background: url('images/icon-calendari-actes-jocs.png') no-repeat right 50%;
        }
        #content_main_main .actuacionsJocs form input {
            width: 100px;
            padding:0;
            height: 27px;
        }
        #content_main_main .actuacionsJocs form button {
            margin: 0;
            padding: 0;
            border: none;
            background: transparent;
            margin-left: 30px;
        }
            #content_main_main .actuacionsJocs form button img {
                vertical-align: middle;
                margin: 0 0 2px;
            }
    #content_main_main .actuacionsJocs .item {
        margin-bottom: 25px;
    }
    #content_main_main .actuacionsJocs .item .date{
        float: left;
        width: 75px;
    }
        #content_main_main .actuacionsJocs .item .date span{
            display: block;
            padding: 4px;
            text-align:center;
        }
        #content_main_main .actuacionsJocs .item .date .year,
        #content_main_main .actuacionsJocs .item .date .month {
            background-color:#AF2B3D;
            color: #fff;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
        }
        #content_main_main .actuacionsJocs .item .date .month{
            font-size: 11px;
        }
        #content_main_main .actuacionsJocs .item .date .day{
            background-color:#E5E5E5;
            color: #575757;
            font-size: 32px;
            font-weight: bold;
            padding: 5px;
        }


    #content_main_main .actuacionsJocs .item .text{
        margin-left: 95px;
    }
    #content_main_main .actuacionsJocs .item .text h3 {
        border: none;
        margin: .5em 0;
        padding: 0;
    }
    #content_main_main .actuacionsJocs .item .text p{
        margin: 0;
    }