/*
Fundació puntCAT
Can Antaviana, 2009

-basic
-layout
-vincles
-branding
-nav_main
-estils
-qui som
-contacte
-notícies
-paginació
-content_sub
-site_info
-portada
-obra social
*/

/*---------------
Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	color: #333;
	background: #fafafa url(images/bg_body.jpg) repeat-x;
	padding: 0;
	margin: 0;
}
ul,ol,dl,fieldset {margin:0;padding:0;}
img,abbr,acronym,fieldset {border: none;}
ul {list-style: none;}
hr {display: none;}

/*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 */

/*acc*/
#acc {
	position : absolute;
	top : -9000px;
	left : -9000px;
	z-index : 1;
}
	#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
---------------------------------------------*/
#container_main {
	width: 60em;
	max-width: 95%;
	min-width: 45em;
	margin: 0 auto;
	text-align: left;
}
	#container_sub {
		width: 100%;
		float: left;
		margin-right: -223px;
		padding-top: 28px;
		background: #fafafa url(images/bg_container_sub.jpg) repeat-x;
	}
		#content_main {margin: 0 239px 0 37px;}
	#content_sub {
		width: 206px;
		margin: 80px 17px 0 0;
		float: right;
	}
	#site_info {
		clear: both;
		background: #15170b url(images/bg_site_info.jpg) 60% 0 repeat-x;
		padding: 150px 38px 0 49px;
	}

/*---------------
Vincles
---------------------------------------------*/
/*General*/
a:link {
	color: #c00;
	text-decoration: none;
	border-bottom: 1px solid #c66;
}
a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #666;
}
a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #c00;
}
a:hover {
	color: #fff;
	text-decoration: none;
	background: #c00;
	border-bottom: 1px solid #c00;
}
a:active {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #c00;
}
/*Branding*/
h1 a:focus span,
h1 a:active span {outline: 1px dotted #000;}
/*idiomes*/
#branding ul a:link,
#branding ul a:visited {
	color: #c00;
	border-bottom: none;
}
#branding ul a:hover {
	background: none;
	text-decoration: underline;
}
#branding ul a:focus,
#branding ul a:active {
	outline: 1px dotted #000;
	background: none;
}
/*Vincles externs*/
a.external {
	background-image: url(images/icon_link_ext.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	padding-right: 14px;
}
a:visited.external {background-image: url(images/icon_link_ext3.gif);}
a:hover.external,
a:focus.external,
a:active.external {background-image: url(images/icon_link_ext2.gif);}

/*---------------
Branding
---------------------------------------------*/
#branding {
	background: #fff url(images/bg_branding.jpg) repeat-x;
	position: relative;
	padding: 24px 0 0 37px;
	height: 73px;
}
	/*logo*/
	h1 {
		padding: 0;
		margin: 0;
		width: 191px;
		height: 45px;
		position: relative;
		font-size: 1.4em;
		overflow: hidden;
	}
		h1 a {
			color: #000;
			text-decoration: none;
			font-weight: normal;
		}
		h1 span {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url(images/logo_fundacio_puntcat.jpg) no-repeat;
			cursor: pointer;
		}
			h1 a:focus span,
			h1 a:active span {outline: 1px dotted #000;}
/*ul#*/
#branding ul {
	position: absolute;
	top: 0;
	right: 17px;
	border-right: 1px solid #fff;
	padding-top: 5px;
}
	#branding ul li {display: inline;}
		#branding ul li a {
			display: block;
			float: left;
			font-size: .75em;
			padding: .5em 1em;
		}
		#branding ul li.current a:link,
		#branding ul li.current a:visited,
		#branding ul li.current a:hover {
			background: url(images/bg_ul_varis.jpg) no-repeat;
			color: #fff;
		}
		#branding ul li.current a:hover,
		#branding ul li.current a:focus,
		#branding ul li.current a:active {
			background-position: -83px 0;
			text-decoration: none;
		}
/*ul#idiomes*/
#branding ul#idiomes {
	right: 247px;
	background: url(images/icon_idiomes.gif) 0 12px no-repeat;
	padding-left: 15px;
}

/*---------------
nav_main
---------------------------------------------*/
#nav {
	background: #000 url(images/bg_nav_main.jpg) repeat-x;
	height: 2.75em;
	position: relative;
}
	ul#nav_main {
		position: absolute;
		bottom: 0;
		left: 37px;
	}
		ul#nav_main li {display: inline;}
			ul#nav_main li a {
				display: block;
				padding: .6em 1em .6em;
				float: left;
				font-size: .875em;
				color: #fc0;
				background: url(images/separador_bg_nav.jpg) 0 100% no-repeat;
				border: none;
			}
				ul#nav_main li a:hover {color: #fff;}
				ul#nav_main li a:focus,
				ul#nav_main li a:active {outline: 1px dotted #fff;}
				ul#nav_main li.current a {
					color: #000;
					background: #e9e9e9 url(images/bg_nav_main_current.gif) 50% 100% no-repeat;
					position: relative;
				}
					ul#nav_main li.current a:hover {color: #000;}
				ul#nav_main li.next a {background: none;}
				ul#nav_main li.current a span {
					display: block;
					position: absolute;
					width: 6px;
					height: 32px;
				}
					ul#nav_main li.current a span.l {
						background: url(images/bg_nav_main_tab_l.jpg) no-repeat;
						left: 0;
						top: 0;
					}
					ul#nav_main li.current a span.r {
						background: url(images/bg_nav_main_tab_r.jpg) no-repeat;
						right: 0;
						top: 0;
					}
/*cercador*/
form#cercador {
	width: 21%;
	height: 23px;
	padding-left: 30px;
	background: url(images/lupa.png) no-repeat;
	float: right;
	margin: 0;
	position: relative;
	top: 12px;
}
	form#cercador legend,
	form#cercador label {display: none;}
	form#cercador div.wrap {/*es posa per js*/
		position: relative;
		width: 75%;
		height: 21px;
		margin: 0;
		border: 1px solid #9a9a9a;
		border-width: 1px 0;
		background: #fff;
	}
		form#cercador input {
			border: none;
			font-size: .6875em;
			color: #666;
			background: #fff;
			height: 20px;
			border: none;
			margin: 0;
			padding: 3px 0 0 0;
		}
		form#cercador div.wrap input { /*per quan tenim js*/
			width: 90%;
			height: 17px;
			padding-left: 8px;
		}
		form#cercador span {
			position: absolute;
			display: block;
			width: 5px;
			height: 23px;
		}
			form#cercador span.l {
				background: url(images/bg_input_cercador_l.jpg) no-repeat;
				left: 0;
				top: -1px;
			}
			form#cercador span.r {
				background: url(images/bg_input_cercador_r.jpg) no-repeat;
				right: 0;
				top: -1px;
			}
	form#cercador input.bt {
		color: #fff;
		background: none;
		width: 22px;
		height: 23px;
		padding: 0;
		vertical-align: top;
		position: absolute;
		right: 20px;
		top: 0;
		border: none;
	}

/*---------------
molladepa
---------------------------------------------*/
#molladepa {
	margin: 0 37px 25px;
	padding: 6px 7px 3px 0;
	font-size: .75em;
	background: #999 url('images/bg_molladepa.png') repeat-x;
	position: relative;
	color: #666;
	height: 15px;
}
	#molladepa span.ets {
		background: url('images/bg_molladepa_etsa.png') no-repeat;
		display: block;
		float: left;
		height: 18px;
		margin-right: 8px;
		padding: 6px 12px 0 27px;
		color: #333;
		position: relative;
		top: -6px;
	}
		#molladepa span.ets span {
			position: absolute;
			display: block;
			width: 8px;
			height: 24px;
			top: 0;
			right: 0;
			padding-left: 10px;
			background: url('images/bg_molladepa_separador.png') 100% 0 no-repeat;
		}
	#molladepa span.separa {
		position: absolute;
		left: -9999em;
	}
	#molladepa span.dreta {
		display: block;
		width: 4px;
		height: 24px;
		position: absolute;
		right: 0;
		top: 0;
		background: url('images/bg_molladepa_dreta.png') no-repeat;
	}
	#molladepa a {
		border: none;
		padding: 6px 15px 5px 0;
		margin-right: 4px;
		background: url('images/bg_molladepa_separador.png') 100% 0 no-repeat;
	}
	#molladepa a:visited {color: #c00;}
	#molladepa a:hover {
		text-decoration: underline;
		color: #c00;
	}
	
/*---------------
Estils
---------------------------------------------*/
/*títols*/
#content_main div.border {
	border-bottom: 1px solid #999;
	margin: 0 0 .546em;
}
	#container_sub #content_main h2 {
		font-family: Futura, Helvetica, Arial, Verdana, sans-serif;
		margin: 0;
		font-weight: normal;
		color: #c00;
		position: relative;
		overflow: hidden;
		height: 40px;
	}
	#content_main h2 span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
	}
#content_main h3 {
	font-size: 1.375em;
	line-height: 1.2em;
	margin: 0 0 .5295em;
	font-weight: normal;
	color: #c00;
}
#content_main h4 {
	font-size: .8125em;
	margin: 0 0 1.462em;
	padding: .5em 0;
	color: #c00;
	border: 1px solid #ccc;
	border-width: 1px 0;
}
#content_main p {
	font-size: .8125em;
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}
#content_main p.destacat {
	font-size: 1.125em;
	line-height: 1.1em;
	border: 1px solid #c2c2c2;
	padding: 15px 110px;
	background: url(images/quote-l.gif) 19px 15px no-repeat;
	position: relative;
	text-align: center;
}
	#content_main p.destacat span {
		position: absolute;
		display: block;
		width: 37px;
		height: 33px;
		right: 19px;
		top: 15px;
		background: url(images/quote-r.gif) no-repeat;
	}
p.entradeta {
	font-weight: bold;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px dotted #999;
	padding-bottom: 1em;
}
p#pujar,
p.pujar {
	border-top: 1px dotted #999;
	background: url(images/kland_pujar.gif) 0 50% no-repeat;
	padding: .5em 20px;
}
	p#pujar a:visited,
	p.pujar a:visited {
		color: #c00;
		border-bottom: 1px solid #c66;
	}
	p#pujar a:hover,
	p#pujar a:focus,
	p#pujar a:active,
	p.pujar a:hover,
	p.pujar a:focus,
	p.pujar a:active {color: #fff;}
#content_main img {
	float: left;
	margin: 0 18px 18px 0;
}
#content_main ul {margin: 0 0 1.125em;}
	#content_main li {
		font-size: .8125em;
		line-height: 1.5em;
		background: url(images/kland_llista.gif) 0 .35em no-repeat;
		padding: 0 0 0 10px;
	}
	
	#content_main li li{ font-size: 1em; }
/*---------------
qui som
---------------------------------------------*/
#content_main ul#personal li.vcard {
	padding: 0;
	margin: 0 0 1.125em;
	background: 0;
	font-size: 1em;
	border-bottom: 1px dotted #999;
}
	#content_main ul#personal li.vcard p.org {display: none;}
	#content_main ul#personal li.vcard p.title {
		margin-bottom: 0;
		color: #666;
	}
	#content_main ul#personal li.vcard h4 {
		border: none;
		padding: 0;
		margin-bottom: .5em;
		font-size: .9375em;
	}
	
/*---------------
form
---------------------------------------------*/
#content_main form label {
	display: block;
	margin-bottom: .5em;
	font-size: .8125em;
}
	#content_main form label span {
		font-style: italic;
		color: #666;
	}
#content_main form input,
#content_main form textarea {
	width: 100%;
	display: block;
	margin: 0 0 1em;
	
	border: 1px solid #dfdfdf;
	border-right-color: #9a9a9a;
	border-bottom-color: #9a9a9a;
	padding: .75em;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: .6875em;
	width: 90%;
	background: #fff url('images/bg_input.jpg') 0 100% repeat-x;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-khtml-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
#content_main form textarea {background-image: url('images/bg_textarea.jpg');}

/*---------------
contacte
---------------------------------------------*/
#content_main #form1 fieldset {
	border-bottom: 1px dotted #999;
	margin: 0 0 1.125em;
}
	#content_main #form1 legend {
		padding: 0;
		font-size: .875em;
		font-weight: bold;
		margin: 0 0 1em;
		color: #333;
	}
	#content_main #form1 div#dades {
		width: 48%;
		float: left;
	}
	#content_main #form1 div#miss {
		width: 48%;
		float: right;
	}
	#content_main #form1 div#botons {
		width: auto;
		clear: both;
	}
		#content_main #form1 input#tel {width: 51%;}
		/*captcha*/
		#content_main #form1 fieldset#captcha {padding-bottom: 1.125em;}
		#content_main #form1 input#captcha_id {
			width: 15%;
			margin: 0 0 0 .5em;
		}
		#content_main #form1 fieldset#captcha label,
		#content_main #form1 fieldset#captcha input {display: inline;}
		#content_main #form1 fieldset#captcha input {
			display: inline;
			margin-right: .5em;
		}
		#content_main #form1 fieldset#captcha img {margin: .5em 1em 0 0;}
		#content_main #form1 div#botons input {
			width: auto;
			float: left;
			cursor: pointer;
			font-family: Helvetica, Arial, Verdana, sans-serif;
		}
			#content_main #form1 div#botons input#enviar {
				width: 104px;
				height: 34px;
				float: left;
				margin-right: 1.5em;
				font-size: 1em;
				color: #fff;
				text-align: center;
				background: #c30505 url(images/bt_envia.jpg) no-repeat;
				padding: 0;
				border: none;
			}
				#content_main #form1 div#botons input#enviar:hover,
				#content_main #form1 div#botons input#enviar:focus {background-position: 0 -34px;}
				#content_main #form1 div#botons input#enviar:active {background-position: 0 0;}

/*validació*/
#content_main #form1 label.error {
	background: #c00;
	color: #fff;
	padding: .5em;
	border: 1px solid #c00;
	width: 97%;
}
#content_main #form1 input.error,
#content_main #form1 textarea.error {
	color: #c00;
	margin: 0;
}
#content_main #form1 div#telefon label.error {width: 48%;}
/*confirmació*/
#content_main div#missatge {
	border-bottom: 1px dotted #999;
	background: url(images/sobre_ok.jpg) 10px 10px no-repeat;
	padding: 20px 0 0 220px;
	margin: 0 0 1em;
	min-height: 12.5em;
}
	#content_main div#missatge.error {background-image: url(images/sobre_error.jpg);}
	#content_main div#missatge h3 {
		color: #000;
		font-size: 1.5em;
		margin: 0 0 .5em;
	}
			
/*---------------
notícies
---------------------------------------------*/
#noticies #content_main p#mostrant {border-bottom: 1px solid #999;}
	#noticies #content_main ul li {
		border-bottom: 1px dotted #999;
		position: relative;
		margin: 0 0 1.125em;
		padding: 1.5em 0 0;
		font-size: 1em;
		background: none;
	}
		#noticies #content_main ul li:last-child {
			border-bottom: none;
			margin-bottom: 0;
		}
		#noticies #content_main ul h3 {
			font-size: 1.063em;
			margin-right: 118px;
		}
		#content_main div.meta {
			position: absolute;
			top: 0;
			left: 0;
			font-size: .6875em;
			color: #666;
		}
			#content_main div.meta div {display: inline;}
				#content_main div.meta div.cat {
					border-left: 1px solid #ccc;
					background: url(images/icon_categ.gif) 6px 50% no-repeat;
					padding-left: 25px;
					margin-left: 6px;
				}
					#content_main div.meta div.cat a:link,
					#content_main div.meta div.cat a:visited {
						color: #c00;
						border-bottom: 1px solid #c66;
					}
					#content_main div.meta div.cat a:hover,
					#content_main div.meta div.cat a:focus,
					#content_main div.meta div.cat a:active {color: #fff;}
		#noticies #content_main ul li p {margin: 0 118px .692em 0;}
			#noticies #content_main ul li p span {
				left: -2000px;
				position: absolute;
				width: 900px;
			}
		#noticies #content_main ul li img {
			position: absolute;
			right: 0;
			top: 0;
			margin: 0;
		}
/*fitxa notícies*/
#noticies.fitxa #content_main div.meta {
	position: static;
	margin: 0 0 1.2em;
}
#noticies.fitxa #content_main div.foto {
	float: right;
	width: 217px;
	margin: 0 0 18px 18px;
	border-bottom: 1px dotted #999;
}
	#noticies.fitxa #content_main div.foto img {
		float: none;
		margin: 0 0 .5em;
	}
	#noticies.fitxa #content_main div.foto p {
		font-size: .6875em;
		margin: 0 0 .5em;
	}
/*vincles relacionats*/
div#vincles_rel {
	background: #666 url(images/bg_vincles_rel.jpg) repeat-x;
	padding: .5em .875em .875em;
	margin: 0 0 1.125em;
}
	div#vincles_rel h4 {
		border: none;
		color: #fff;
		font-weight: normal;
		background: url(images/icon_clip.png) 0 50% no-repeat;
		padding: .5em 0 .5em 25px;
		margin: 0 0 .5em;
	}
	div#vincles_rel ul {margin: 0;}
		#noticies div#vincles_rel ul li {
			color: #666;
			padding: .7em 0 .7em 35px;
			margin: 0 0 .5em;
			font-size: .8125em;
			border: none;
			background: #fff 6px 50% no-repeat;
		}
			#noticies div#vincles_rel ul li.pdf {background-image: url(images/icon_pdf.gif);}
			#noticies div#vincles_rel ul li.link {background-image: url(images/icon_mon.gif);}

/*---------------
paginació
---------------------------------------------*/	
#content_main #paginacio {
	background: #d8d8d8;
	position: relative;
	margin: 0 0 1.125em;
	padding: .5em;
}
	#content_main #paginacio a {border: none;}
	#content_main #paginacio p {
		font-size: .8125em;
		position: absolute;
		top: .8em;
		margin: 0;
	}
		#content_main #paginacio p a:link,
		#content_main #paginacio p a:visited {color: #c00;}
		#content_main #paginacio p a:hover,
		#content_main #paginacio p a:focus,
		#content_main #paginacio p a:active {color: #fff;}
	#content_main #paginacio p#ant {left: 10px;}
	#content_main #paginacio p#seg {right: 10px;}
	#content_main #paginacio ul {
		width: 300px;
		margin: 0 auto;
	}
		#content_main #paginacio ul li {
			float: left;
			border: none;
			background: #999;
			color: #fff;
			font-size: .8125em;
			line-height: 1.6em;
			padding: 0;
			height: 1.615em;
			width: 1.615em;
			text-align: center;
			overflow: visible;
			margin: 0 5px;
			display: inline; /*ie6*/
		}
			#content_main #paginacio ul li#espai {
				background: none;
				color: #333;
			}
			#content_main #paginacio ul li a {
				background: #fff;
				display: block;
				width: 1.666em;
				height: 1.666em;
			}
				#content_main #paginacio ul li a:hover,
				#content_main #paginacio ul li a:focus,
				#content_main #paginacio ul li a:active {
					background: #999;
					color: #fff;
				}
				#content_main #paginacio ul li a:active {
					background: #333;
					outline: 1px dotted #000;
				}

/*---------------
content_sub
---------------------------------------------*/
/*caixeta*/
div.caixeta {
	margin: 0 0 1.125em;
	border-bottom: 1px dotted #ccc;
}
	div.caixeta h2 {
		font-weight: normal;
		color: #000;
		font-size: 1.25em;
		padding: .5em 0 .5em 0;
		margin: 0 0 .5em;
		background: 0 50% no-repeat;
	}
		#content_sub div.caixeta div.vcard h2, #nav_sub div.caixeta  div.vcard h2 {background-image: url(images/icon_casa.png); padding-left: 40px;}
		#content_sub div.caixeta div.premis h2, #nav_sub div.caixeta  div.premis h2 {background-image: url(images/icon_premi.png); padding-left: 40px;}
	#content_sub div.caixeta h3,
	#nav_sub div.caixeta h3 {
		font-size: .8125em;
		color: #c00;
		border-top: 1px dotted #999;
		padding-top: .6925em;
		margin: 0 0 1.385em;
	}
	div.caixeta p {
		font-size: .8125em;
		margin: 0 0 1.5em 0;
		line-height: 1.5em;
	}
	#content_sub div.caixeta ul,
	#nav_sub div.caixeta ul {margin: 0 0 1.125em;}
	
		#content_sub div.caixeta li,
		#nav_sub div.caixeta li {
			font-size: .8125em;
			line-height: 1.5em;
			list-style-type: disc;
			margin-left: 1em;
		}
/*caixeta*/
div.caixeta h2 {margin: 0;}
div.caixeta a.pict {
	background: none;
	border: none;
}
	div.caixeta a.pict:focus,
	div.caixeta a.pict:active {outline: 1px dotted #000;}
/*notícies*/
#noticies div.caixeta {border: none;}
	#noticies div.caixeta h2 {
		margin: 0 0 1.125em;
		padding: 0;
	}
/*categories*/
div.categories {border-bottom: 1px solid #ccc;}
	#noticies div.categories h2 {
		font-weight: normal;
		color: #000;
		font-size: .875em;
		border: 1px solid #ccc;
		border-width: 1px 0;
		background: url(images/icon_etiqueta.png) 5px 50% no-repeat;
		padding: .8em 0 .8em 40px;
		margin: 0 0 .428em;
	}
	div.categories ul {margin: 0 0 .375em;}
		#content_sub div.categories ul li {
			display: inline;
			margin-left: 0;
		}
			div.categories ul li a:link,
			div.categories ul li a:visited {
				display: block;
				color: #c00;
				background: #fff;
				border: 1px solid #d5d5d5;
				padding: .5em .769em;
				margin: 0 0 .5em;
			}
				div.categories ul li a:hover,
				div.categories ul li a:focus {
					background: #d5d5d5;
					color: #c00;
				}
				div.categories ul li a:active {
					background: #333;
					color: #fff;
				}

/*---------------
site_info
---------------------------------------------*/
#site_info div {
	float: left;
	margin-bottom: 1em;
}
	#site_info div.caixeta {
		float: none;
		margin-bottom: 0;
		border-bottom: none;
	}
		#site_info div p,
		#site_info div li {
	        font-size: .75em;
	        background: url(images/kland_llista.gif) 0 .25em no-repeat;
	        padding: 0 0 0 10px;
	        margin: 0;
		}
		#site_info div li {margin: 0 0 .5em;}
		#site_info h2 {
	        font-family: Helvetica, Arial, Verdana, sans-serif;
	        font-size: 1.125em;
	        font-weight: normal;
	        color: #999;
	        border-bottom: 1px solid #464642;
	        margin: 0 0 .5em;
	        padding-bottom: .5em;
		}
		#site_info div a:link {
	        color: #f9c800;
	        border-bottom: 1px solid #f9c800;
		}
		#site_info div a:hover,
		#site_info div a:focus,
		#site_info div a:active {
	        color: #15170b;
	        background: #f9c800;
		}
/*contacte*/
#site_info div#contacte {
	width: 34%;
	position: relative;
}
	#site_info div#contacte h2,
	#site_info div#contacte p {margin-right: 1em;}
	#site_info div#contacte p {
		background: url(images/icon_mail.jpg) 0 50% no-repeat;
		padding-left: 25px;
	}
	#site_info div#contacte p#escriu {
		background-image: url(images/icon_escriu-nos.jpg);
		padding: .2em 0 .2em 22px;
		position: absolute;
		right: .5em;
		top: .2em;
	}
		#site_info div#contacte a:link,
		#site_info div#contacte a:visited {
			color: #f9c800;
			border-bottom: 1px solid #f9c800;
		}
		#site_info div#contacte a:hover,
		#site_info div#contacte a:focus {color: #000;}
/*tots*/
#site_info div#tots {
	width: 38%;
	border: 1px dotted #666;
	border-width: 0 1px;
}
	#site_info div#tots h2,
	#site_info div#tots ul {
		margin-left: 1em;
		margin-right: 1em;
	}
/*registre*/
#site_info div#registre {width: 26%;}
	#site_info div#registre h2,
	#site_info div#registre ul {margin-left: 1em;}
	
p#copy {
	clear: left;
	text-align: center;
	font-size: .75em;
	background: #fff;
}
	p#copy a:visited {
		color: #c00;
		border-bottom: 1px solid #c66;
	}
	p#copy a:hover,
	p#copy a:focus,
	p#copy a:active {color: #fff;}

/*---------------
portada
---------------------------------------------*/
div#flash {
	margin: 0 38px 2em;
	overflow: hidden;
	height: 332px;
}
#portada #container_sub {margin-right: -244px;}
	#portada #content_main {margin: 0 244px 0 38px;}
#portada #content_sub {margin: 360px 38px 0 0;}
#portada #content_main div {
	width: 46%;
	margin: 0 3% 0 0;
	float: left;
	border-right: 1px dotted #999;
}
	#portada #content_main div h2 {
		font-size: 1.25em;
		font-weight: normal;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #000;
		border-bottom: 1px dotted #ccc;
		padding: 0 0 .75em;
		margin: 0 0 .75em 0;
		height: auto;
	}
	#portada #content_main div p {margin-right: 8%;}
	/*actualitat*/
	#portada #content_main div#actualitat {position: relative;}
		#portada #content_main div#actualitat h3 {font-size: 1.063em;}
		#portada #content_main div#actualitat img {margin-bottom: 11px;}
		#portada #content_main div#actualitat p span {
			left: -2000px;
			position: absolute;
			width: 900px;
		}
		#portada #content_main div#actualitat p.rss {
			position: absolute;
			right: 0;
			top: 0;
			font-size: .6875em;
		}
			#portada #content_main div#actualitat p.rss a:link,
			#portada #content_main div#actualitat p.rss a:visited {
				background: url(images/icon_rss.gif) 100% 50% no-repeat;
				padding: .2em 25px .1em 0;
				display: block;
				border: none;
				color: #c00;
			}
			#portada #content_main div#actualitat p.rss a:hover {
				background-color: #c00;
				color: #fff;
			}
			#portada #content_main div#actualitat p.rss a:focus,
			#portada #content_main div#actualitat p.rss a:active {outline: 1px dotted #000;}
		#portada #content_main div#actualitat p.mes {
			padding-top: .8em;
			border-top: 1px dotted #ccc;
		}
			#portada #content_main div#actualitat p.mes a:link,
			#portada #content_main div#actualitat p.mes a:visited,
			#portada #content_main div#actualitat p.mes a:hover {
				display: block;
				color: #fff;
				border: none;
				background: #bf0506 url(images/bt_mes_noticies.jpg) no-repeat;
				text-align: center;
				line-height: 1.8em;
				height: 1.769em;
				width: 7.692em;
			}
			#portada #content_main div#actualitat p.mes a:hover,
			#portada #content_main div#actualitat p.mes a:focus,
			#portada #content_main div#actualitat p.mes a:active {background-position: 0 -23px;}
			#portada #content_main div#actualitat p.mes a:focus,
			#portada #content_main div#actualitat p.mes a:active {outline: 1px dotted #000;}
#portada #content_sub h2 {
	border: none;
	padding: 0;
	margin: 0 0 1.125em;
	font-size: .8125em;
}
	#portada #content_sub ul li {
		list-style: none;
		padding: 0;
		display: inline;
	}
		#portada #content_sub ul li a {
			display: block;
			float: left;
			border: none;
			background: none;
			margin: 0 10px 0 0;
		}
			#portada #content_sub ul li a:focus,
			#portada #content_sub ul li a:active {outline: 1px dotted #000;}
#portada #content_sub div.caixeta h2 {
	padding: 0;
	margin-top: 1.4em;
}

#portada #content_sub div.caixeta ul li img {
	padding-bottom:1em;
}

/*---------------
Obra social
---------------------------------------------*/
/*Layout*/
#obrasocial #nav_sub {
	width: 177px;
	margin: 0 0 0 37px;
	float: left;
}
#obrasocial #content_main {margin: 0 37px 0 230px;}
/*retocs cantonades*/
#nav_sub .cb {margin: 0;}
#nav_sub .i3 {padding: 0 6px;}
/*nav_sub*/
#nav_sub ul.menu {background: #fff;}
	#nav_sub ul.menu li {
		background: #333;
		margin-bottom: 7px;
		padding: 8px 6px;
		color: #fff;
		font-size: .8125em;
		font-weight: bold;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}
		#nav_sub ul.menu a {
			color: #fff;
			text-decoration: none;
			font-size: 1em;
			border: none;
		}
		#nav_sub ul.menu a:hover {
			background: none;
			text-decoration: underline;
		}
		#nav_sub ul.menu ul {margin-top: 7px;}
			#nav_sub ul.menu ul li {
				display: inline;
				padding: 0;
				margin: 0;
				font-weight: normal;
				font-size: 1.142em;
				background: none;

				-moz-border-radius: 0;
				-webkit-border-radius: 0;
				-khtml-border-radius: 0;
				border-radius: 0;
			}
				#nav_sub ul.menu ul a {
					display: block;
					background: #909090;
					margin-bottom: 6px;
					padding: 7px 22px 7px 8px;
					font-size: .875em;

					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					border-radius: 5px;
				}
				#nav_sub ul.menu ul li:last-child a {margin-bottom: 0;}
				#nav_sub ul.menu ul a:hover {
					background: #ce0000;
					text-decoration: none;
				}
				#nav_sub ul.menu ul .current a {background: #ce0000 url('images/kland_submenu.gif') 128px .6em no-repeat;}
/*content_main*/
#obrasocial #apartat {
	text-transform: uppercase;
	color: #666;
	margin-bottom: .5em;
}
#obrasocial h3 {
	color: #000;
	font-size: 1.6875em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #999;
	padding-bottom: .25em;
}
#obrasocial .intro {margin-bottom: 1em;}
	#obrasocial .intro img {margin-bottom: 0;}
	#obrasocial .intro p {
		font-size: 1.0625em;
		font-style: italic;
		color: #000;
		font-family: Georgia, Times, "Times New Roman", serif;
		margin: 0;
	}
#convocatoria,
#dubte {
	margin-bottom: 1em;
	padding: 20px;
	background: no-repeat;
}
#convocatoria {
	min-height: 193px;
	background-image: url('images/bg_ajuts.jpg');
/*	background-position: 100% 20px;*/
	clear: left;
}
#dubte {
	padding-left: 95px;
	min-height: 41px;
	background-image: url('images/bg_dubtes.jpg');
}
	#convocatoria h4,
	#dubte h4 {
		color: #000;
		font-size: 1.1875em;
		font-weight: bold;
		padding: 0;
		border: none;
		margin-bottom: .5em;
	}
	#convocatoria h4 {margin-bottom: 1em;}
	#convocatoria ul {margin: 0 280px 0 0;}
		#convocatoria li {
			display: inline;
			background: none;
			padding: 0;
			line-height: 1;
		}
			#convocatoria li a {
				display: block;
				border: 1px solid #ddd;
				background: #fff url('images/kland2.gif') 8px 50% no-repeat;
				padding: 7px 10px 7px 26px;
				margin-bottom: 7px;
				font-size: 1.077em;
				line-height: 1;
			}
			#convocatoria li a:hover {
				text-decoration: underline;
				color: #c00;
			}
			#convocatoria li:last-child a {margin: 0;}
#dubte p {margin-bottom: 0;}

/*---------------
Obra social - formulari inscr. convocatòria
---------------------------------------------*/
form#inscr {
	margin-bottom: 1em;
	padding-top: 1em;
	border: 1px dotted #999;
	border-width: 1px 0;
}
	form#inscr div {
		width: 49%;
		float: left;
		margin-bottom: 1em;
	}
	form#inscr div.com {
		width: auto;
		float: none;
		clear: left;
		border-bottom: 1px dotted #999;
		padding-bottom: 1em;
	}
		form#inscr textarea {width: 93%;}
		form#inscr #captcha h4 {
			font-size: .8125em;
			color: #333;
			font-weight: normal;
			border: none;
			padding: 0;
			margin-bottom: .5em;
		}
		form#inscr #captcha div {
			float: left;
			width: 28%;
			margin-right: 3%;
		}
		form#inscr #captchaimage img {margin: 0 10px 0 0;}
		form#inscr #captchainput {
			padding-top: 0;
		}
		form#inscr #captcha #botons {
			width: 35%;
			margin-top: 2em;
			margin-right: 0;
		}
			form#inscr #botons input {
				background: #A40022 url('images/bg_bt.jpg') 0 0 repeat-x;
				color: #fff;
				font-size: .9375em;
				font-family: Arial, sans-serif;
				border: 2px solid #fff;
				width: 99%;
				padding: .5em 0;
				
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;

				-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
				-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
				-khtml-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
				box-shadow: 0 0 5px rgba(0, 0, 0, .25);
			}
p.nota {color: #666;}
p.pdf a {
	display: inline-block;
	background: #ce0000 url('images/icon_pdf2.gif') 9px 50% no-repeat;
	padding: 8px 10px 8px 39px;
	color: #fff;
	text-decoration: none;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
p.pdf a:hover {text-decoration: underline;}
/*validació formulari*/
form#inscr label.error {
	color: #c00;
	margin-top: .5em;
	padding: 1px 0 1px 22px;
	background: url('images/icon_error.gif') 0 50% no-repeat;
}
form#inscr input.error {
	background: #ffc;
}
/*guanyadors*/
div.guanyador {
	margin-bottom: 1.5em;
	padding: 18px 20px 1px;
	background: #fff url('images/bg_guanyador.jpg') 0 100% repeat-x;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;

	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	-khtml-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	box-shadow: 0 0 3px rgba(0, 0, 0, .25);
}
	#content_main div.guanyador h4 {
		border-top: none;
		margin-bottom: .5em;
		padding-top: 0;
		font-size: 1.1875em;
		font-weight: bold;
	}
	#content_main div.guanyador p {margin-bottom: .692em;}
		#content_main div.guanyador p a {
			background: url('images/icon_vincle.gif') 0 50% no-repeat;
			padding: 3px 0 3px 26px;
			border: none;
		}
		#content_main div.guanyador p a:hover {
			color: #c00;
			text-decoration: underline;
		}
	#content_main div.guanyador ul {
		margin-bottom: .5625em;
		margin-left: 27px;
	}