/*
Fundació puntCAT
Can Antaviana, 2009

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

/*---------------
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: 28px 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;
	}

/*---------------
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 {
	border-top: 1px dotted #999;
	background: url(images/kland_pujar.gif) 0 50% no-repeat;
	padding: .5em 20px;
}
	p#pujar a:visited {
		color: #c00;
		border-bottom: 1px solid #c66;
	}
	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;
	}
	
/*---------------
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;
	}
	
/*---------------
contacte
---------------------------------------------*/
#contact #content_main form fieldset {
	border-bottom: 1px dotted #999;
	margin: 0 0 1.125em;
}
	#contact #content_main form legend {
		padding: 0;
		font-size: .875em;
		font-weight: bold;
		margin: 0 0 1em;
		color: #333;
	}
	#contact #content_main form div#dades {
		width: 48%;
		float: left;
	}
	#contact #content_main form div#miss {
		width: 48%;
		float: right;
	}
	#contact #content_main form div#botons {
		width: auto;
		clear: both;
	}
		#contact #content_main form label {
			font-size: .75em;
			display: block;
			margin: 0 0 .75em;
		}
			#contact #content_main form label span {
				font-style: italic;
				color: #666;
			}
		#contact #content_main form input,
		#contact #content_main form textarea {
			width: 100%;
			display: block;
			margin: 0 0 1em;
		}
		#contact #content_main form textarea {height: 100%;}
		#contact #content_main form input#tel {width: 51%;}
		/*captcha*/
		#contact #content_main fieldset#captcha {padding-bottom: 1.125em;}
		#contact #content_main form input#captcha_id {
			width: 15%;
			margin: 0 0 0 .5em;
		}
		#contact #content_main fieldset#captcha label,
		#contact #content_main fieldset#captcha input {display: inline;}
		#contact #content_main fieldset#captcha input {
			display: inline;
			margin-right: .5em;
		}
		#contact #content_main fieldset#captcha img {margin: .5em 1em 0 0;}
		#contact #content_main form div#botons input {
			width: auto;
			float: left;
			cursor: pointer;
			font-family: Helvetica, Arial, Verdana, sans-serif;
		}
			#contact #content_main form 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;
			}
				#contact #content_main form div#botons input#enviar:hover,
				#contact #content_main form div#botons input#enviar:focus {background-position: 0 -34px;}
				#contact #content_main form div#botons input#enviar:active {background-position: 0 0;}
			#contact #content_main form div#botons input#cancel {
				border: none;
				height: 34px;
				padding: 0;
				background: none;
				font-size: .75em;
				text-decoration: underline;
			}
				#contact #content_main form div#botons input#cancel:hover {text-decoration: none;}
/*validació*/
#contact #content_main form label.error {
	background: #c00;
	color: #fff;
	padding: .5em;
	border: 1px solid #c00;
	width: 97%;
}
#contact #content_main form input.error,
#contact #content_main form textarea.error {
	color: #c00;
	margin: 0;
}
#contact #content_main form div#telefon label.error {width: 48%;}
/*confirmació*/
#contact #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;
}
	#contact #content_main div#missatge.error {background-image: url(images/sobre_error.jpg);}
	#contact #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 40px;
		margin: 0 0 .5em;
		background: 0 50% no-repeat;
	}
		#content_sub div.vcard h2 {background-image: url(images/icon_casa.png);}
		#content_sub div.premis h2 {background-image: url(images/icon_premi.png);}
	#content_sub div 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 ul {margin: 0 0 1.125em;}
		#content_sub div 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;
}