/*
Vine a donar sang
Can Antaviana, 2009

-basic
-layout
-vincles
-capçalera
-nav_main
-nav_sub
-estils comuns
-plantilles bàsiques
-inici
-novetats
-on donar-ne
-Zona descàrregues
-resultats cerca
-mapa web
-consulta metge
-formulari contactar
-site_info
*/

/*---------------
=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: #fff 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 {
	position: absolute;
	left: -9999px;
}

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

#novetats ul a span {
	position: absolute;
	left: -999em;
}


/*---------------
=Layout
180+32+480+32+216 = 940
---------------------------------------------*/
/*interior 3 columnes*/
#container_main {
	width: 58.75em;
	padding: 0 20px;
	max-width: 95%;
	min-width: 46em;
	margin: 3.5em auto 0 auto;
	text-align: left;
	background: #fff;
	position: relative;
}
	#nav_sub { /*180px*/
		float: left;
		width: 19.15%;
	}
	#container_sub { /*728px*/
		float: right;
		width: 77.44%;
	}
		#content_main { /*480px*/
			width: 65.93%;
			float: left;
			overflow: hidden;
		}
		#content_sub { /*216px*/
			width: 29.67%;
			float: right;
		}
	#site_info {clear: both;}

/*interior 2 columnes*/
.col_2 #content_main {width: 100%;}
.col_2 #content_sub {display: none;}

/*interior 2 columnes sense nav_sub*/
.col_2b #container_sub {
	width: 100%;
	float: none;
}
	.col_2b #nav_sub {display: none;}
	.col_2b #content_main {width: 74%;}
	.col_2b #content_sub {width: 22.97%;}


/*---------------
=Vincles
---------------------------------------------*/
/*General*/
a:link {
	color: #910a2b;
	text-decoration: none;
	border-bottom: 1px dotted #910a2b;
}
a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #910a2b;
}
a:hover {
	color: #910a2b;
	text-decoration: none;
	border-bottom: 1px solid #910a2b;
}
a:active {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #910a2b;
}
/*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:focus.external,
a:active.external {background-image: url(images/icon_link_ext2.gif);}


/*---------------
=Capçalera
---------------------------------------------*/
#logo {margin-bottom: -4px;}
	#logo a {
		border: none;
		background: none;
	}
	#logo a:focus,
	#logo a:active {outline: 1px dotted #000;}
/*cercador*/
form#cercador {
	width: 12em;
	padding-left: 28px;
	background: url(images/icon_lupa.png) no-repeat;
	margin: 0 5px 0 0;
	position: absolute;
	right: 21px;
	top: .6875em;
	text-align: right;
}
	form#cercador legend {display: none;}
	form#cercador label {
		position: absolute;
		left: -1000em;
	}
	form#cercador input {
		border: 1px solid #ccc;
		font-size: .6875em;
		color: #666;
		background: #fff;
		margin: 0;
		padding: 3px 4px;
		width: 13.63em;
	}
	form#cercador button {
		width: 26px;
		height: 26px;
		padding: 0;
		margin: 0;
		border: none;
		background: none;
		vertical-align: middle;
	}
/*eines*/
div#eines {
	position: absolute;
	left: 0;
	top: -49px;
	width: 100%;
	height: 1.9375em;
}
	div#eines ul {
		margin-left: 20px;
	}
	div#eines ul#idiomes {background: #333;}
		div#eines ul li {
			float: left;
			font-size: .8125em;
			color: #333;
		}
			div#eines ul li a {
				display: block;
				color: #fff;
				border-bottom: none;
				padding: 5px 10px;
				background: none;
			}
			div#eines ul li a:focus,
			div#eines ul li a:active {
				color: #fff;
				outline: 1px dotted #fff;
			}
			div#eines ul#idiomes li.current {
				background: #fff;
				position: relative;
			}
				div#eines ul#idiomes li span {
					position: absolute;
					display: block;
					width: 5px;
					height: 6px;
					background: url(images/corner_idioma.gif) no-repeat;
				}
				div#eines ul#idiomes li span.l {
					top: 0;
					left: 0;
				}
				div#eines ul#idiomes li span.r {
					right: 0;
					top: 0;
					background-position: -5px 0;
				}
				div#eines ul li.current a {
					border-right: none;
					color: #000;
				}
				div#eines ul li a:hover {text-decoration: underline;}
				div#eines li a:focus,
				div#eines li a:active {
					background: none;
					outline: 1px dotted #000;
					color: #910a2b;
				}
	div#eines ul#accessos {
		float: right;
		margin: 0 20px 0 0;		
	}
		div#eines ul#accessos li {
			border-right: 1px solid #fff;
			font-size: .6875em;
		}


/*---------------
=nav_main
---------------------------------------------*/
#nav_main {
	background: #af494f url(images/nav_main_bg.jpg) 0 100% repeat-x;
	padding: 0 0 6px 0;
	margin: 1.25em 0 0 0;
	height: 2.9375em;
	border-top: 1px solid #efefef;
	position: relative;
}
		#nav_main ul li {
			float: left;
			background: url(images/nav_main_border.gif) 100% 0 repeat-y;
			width: 11%;
		}
			#nav_main ul li a {
				display: block;
				margin-right: 2px;
				padding: .65em 4px 0 4px;
				height: 2.73em;
				line-height: 1.1em;
				text-align: center;
				font-size: .875em;
				border: none;
				color: #fff;
			}
				#nav_main ul li a:hover {text-decoration: underline;}
				#nav_main ul li a:focus,
				#nav_main ul li a:active {
					background: none;
					outline: 1px dotted #000;
				}
				#nav_main ul li.current {position: relative;}
				#nav_main ul li.current a {
					background: #434343 url(images/nav_main_bg_current.jpg) 0 100% repeat-x;
					color: #fff;
				}
				#nav_main ul li.current div {
					width: 28px;
					height: 7px;
					background: url(images/nav_main_icon_current.png) no-repeat;
					position: absolute;
					left: 50%;
					bottom: -8px;
					margin-left: -14px;
				}
				#nav_main ul li.current a {
					cursor: default;
					color: #fff;
					text-decoration: none;
				}
	/*ombres laterals*/
	#nav_main div.ombra {
		position: absolute;
		width: 3px;
		height: 2.9375em;
		background: repeat-y;
		margin: 0;
		padding: 0;
	}
		#nav_main div.l {
			left: 0;
			top: 0;
			background-image: url(images/nav_main_ombra_l.gif);
		}
		#nav_main div.r {
			right: 0;
			top: 0;
			background-image: url(images/nav_main_ombra_r.gif);
		}
	/*cantonades*/
	#nav_main div.corner {
		position: absolute;
		width: 10px;
		height: 8px;
	}
	#nav_main div.tl {
		background: url(images/nav_main_corner_tl.gif) no-repeat;
		top: -1px;
		left: 0;
	}
		#inici #nav_main div.tl {background-image: url(images/nav_main_corner_tl_portada.gif);}
	#nav_main div.tr {
		background: url(images/nav_main_corner_tr.png) no-repeat;
		top: -1px;
		right: 0;
	}
	#nav_main div.bl {
		background: url(images/nav_main_corner_bl.gif) 0 100% no-repeat;
		bottom: 1px;
		left: 0;
		height: 12px;
	}
		#inici #nav_main div.bl {background-image: url(images/nav_main_corner_bl_portada.gif);}
	#nav_main div.br {
		background: url(images/nav_main_corner_br.png) 0 100% no-repeat;
		bottom: 1px;
		right: 0;
		height: 12px;
	}

/*molladepa*/
div#molladepa {
	font-size: .8125em;
	background: url(images/icon_estas_a.gif) 0 50% no-repeat;
	margin: 0 0 1em;
	padding: .75em 0 .75em 23px;
	border-bottom: 1px solid #b2b2b2;
}
	div#molladepa em {
		font-weight: bold;
		font-style: normal;
	}
	div#molladepa a {color: #910a2b;}
		div#molladepa a:focus,
		div#molladepa a:active {color: #fff;}
	

/*---------------
=nav_sub
---------------------------------------------*/
#nav_sub div.r {padding: 3px 4px 8px 5px;}
	#nav_sub li {
		font-size: .8125em;
		font-weight: bold;
		background: url(images/kland_nav_sub.gif) 10px .7em no-repeat;
		padding: 7px 5px 7px 20px;
		border-bottom: 1px solid #ccc;
		line-height: 1.1em;
	}
		#nav_sub li.last {border-bottom: none;}
		#nav_sub li a {
			border: none;
			color: #910a2b;
		}
		#nav_sub li a:hover {text-decoration: underline;}
		#nav_sub li a:focus,
		#nav_sub li a:active {color: #fff;}
	#nav_sub li.current a {color: #000;}
	#nav_sub li.current a:focus,
	#nav_sub li.current a:active {color: #fff;}
		/*#nav_sub li.current ul {
					margin: 5px -5px 0 -17px;
					background: url(images/border_current_nav_sub.gif) 0 100% repeat-x;
					padding-bottom: 10px;
				}
				#nav_sub li.last ul {
					background: none;
					padding-bottom: 5px;
				}
					#nav_sub li.current li {
						font-size: 1em;
						font-weight: normal;
						background: url(images/kland_taula.gif) 8px .7em no-repeat;
						margin: 0 8px;
						padding: 4px 0 4px 18px;
						border: none;
					}
						#nav_sub li.current li.current {background-color: #cfcfcf;}
						#nav_sub li.current li a {color: #333;}
							#nav_sub li.current li a:focus,
							#nav_sub li.current li a:active {color: #fff;}*/
							
							
/*---------------
=Estils comuns
---------------------------------------------*/	
div.rss a {
	position: absolute;
	font-size: .8125em;
	right: 15px;
	top: 6px;
	padding: .5em 25px .5em 0;
	background: url(images/icon_rss.jpg) 100% 50% no-repeat;
	border: none;
	color: #910a2b;
}
	div.rss a:hover {text-decoration: underline;}
	div.rss a:focus,
	div.rss a:active {outline: 1px dotted #000;}
div.mes {
	font-size: .8125em;
	margin: 0 0 1em;
	padding: .5em;
	border: 1px solid #ccc;
	background: #ccc url(images/bg_mes.jpg) repeat-x;
}
	div.mes a {
		color: #910a2b;
		border-bottom-color: #910a2b;
	}
	div.mes a:focus,
	div.mes a:active {color: #fff;}
	div.mes:before {content: "[+] ";}
/*caixes*/
.box {
	margin: 0 0 1.125em;
	position: relative;
	background: #fff;
}
	div.b {background: url(images/box_b.jpg) 0 100% repeat-x;}
		div.l {background: url(images/box_l.jpg) repeat-y;}
			div.r {
				padding: .5em 1em;
				background: url(images/box_r.jpg) 100% 0 repeat-y;
			}
	/*cantonades*/
	div.corner {
		position: absolute;
		background-repeat: no-repeat;
	}
	div.tl {
		width: 11px;
		height: 9px;
		left: 0;
		top: -2px;
		background-image: url(images/box_tl.jpg);
	}
	div.tr {
		width: 11px;
		height: 9px;
		right: 0;
		top: -2px;
		background-image: url(images/box_tr.jpg);
	}
	div.bl {
		width: 11px;
		height: 13px;
		left: 0;
		bottom: 0;
		background-image: url(images/box_bl.jpg);
	}
	div.br {
		width: 11px;
		height: 13px;
		right: 0;
		bottom: 0;
		background-image: url(images/box_br.jpg);
	}
/*caixa tipus2*/
.tipus2 {background: #eee url(images/box_bg.jpg) repeat-x;}
	.tipus2 div.b {background-image: url(images/box_b_bg.jpg)}
		.tipus2 div.l {background-image: url(images/box_l_bg.jpg);}
	.tipus2 div.tl {background-image: url(images/box_tl_bg.jpg);}
	.tipus2 div.tr {background-image: url(images/box_tr_bg.jpg);}
	.tipus2 div.bl {background-image: url(images/box_bl_bg.jpg);}
	.tipus2 div.br {background-image: url(images/box_br_bg.jpg);}

.box h2 {
	margin: 0 0 .5em;
	padding-bottom: .25em;
	font-size: 1.25em;
	border-bottom: 2px solid #ccc;
	color: #910a2b;
}
.tipus2 h2 {
	background: url(images/border_h2.gif) 0 100% repeat-x;
	border: none;
}
.box h3 {
	font-size: 1.25em;
	margin: 0 0 .5em;
	line-height: 1.25em;
}
.box p {
	font-size: .8125em;
	margin: 0 0 .5em;
	line-height: 1.25em;
}
.tipus2 ul li {
	background: url(images/kland_llista.gif) 0 .3em no-repeat;
	padding: .5em 0 .5em 23px;
}
/*caixa tipus3*/
.tipus3 {
	background: #910a2b;
	border-top-color: #910a2b !important;
}
	.tipus3 div.b {background-image: url(images/box_b_tipus3.gif);}
		.tipus3 div.l {background-image: url(images/box_l_tipus3.gif);}
			.tipus3 div.r {background-image: url(images/box_r_tipus3.gif);}
	.tipus3 div.tl {background-image: url(images/box_tl_tipus3.gif);}
	.tipus3 div.tr {background-image: url(images/box_tr_tipus3.gif);}
	.tipus3 div.bl {background-image: url(images/box_bl_tipus3.gif);}
	.tipus3 div.br {background-image: url(images/box_br_tipus3.gif);}
/*formularis*/
#content_main form {
	margin: 0 0 1em;
	background: #f0f0f0 url(images/bg_legend.gif) repeat-x;
	padding: 0 1em 1em 1em;
	border-bottom: 2px solid #999;
}
	#content_main form legend {
		background: #910a2b;
		color: #fff;
		font-size: 1.125em;
		padding-top: .5em;
		margin: 0;
	}
	#content_main form p {
		padding: 1em 0 0;
		margin: 0 0 .5em;
	}
	#content_main form div {margin: 0 0 .5em;}
		#content_main form label {
			font-size: .8125em;
			display: block;
			margin: 0 0 .25em;
		}
			/*checkboxes i radios*/
			#content_main form label input {
				width: auto;
				border: none;
				padding: 0;
				vertical-align: bottom;
				background: none;
			}
		#content_main form input,
		#content_main form textarea {
			border: 1px solid #999;
			background: #fff;
			font-size: .6875em;
			padding: .3em .2em;
			color: #666;
		}
		#content_main form textarea {font-size: 1em;}
		#content_main div#botons {
			border-top: 1px solid #999;
			padding: 1em 0 0 10px;
			float: none;
			margin: 0;
			width: 100%;
		}
		#content_main form input#cancel {
			border: none;
			width: auto;
			background: none;
			color: #910a2b;
			font-size: .8125em;
			padding: 0;
			border-bottom: 1px dotted #910a2b;
			margin-left: 1em;
		}
			#content_main form input#cancel:hover {
				border-bottom-style: solid;
				cursor: pointer;
			}
	#content_main form fieldset fieldset {margin: 0 0 1em;}
		#content_main form fieldset fieldset legend {
			background: none;
			color: #333;
			padding: 0 0 0 10px;
			margin: 0 0 .5em;
			font-size: .8125em;
			font-weight: bold;
		}
/*validació*/
label.error {
	color: #f00;
	padding: .5em 0 .5em 20px;
	background: url(images/boto_form_error.gif) 0 50% no-repeat;
}
#content_main form input.error,
#content_main form textarea.error {border-color: #f00;}
form#consulta fieldset fieldset label.error {float: right;}
form#contactar fieldset fieldset label.error {
	float: right;
	font-size: 1em;
}


/*---------------
=plantilles bàsiques
---------------------------------------------*/
/*estils text*/
#content_main h1 {
	border: none;
	font-size: 1.75em;
	border-bottom: 1px solid #999;
	padding: 0 0 .25em;
	margin: 5px 0 .5em;
}
#content_main h2 {
	font-size: 1.125em;
	color: #910a2b;
	padding: 0 0 0 15px;
	background: url(images/kland_h2.gif) 0 .175em no-repeat;
	margin: 0 0 .5em;
	line-height: 1.2em;
}
#content_main h3 {
	font-size: 1.062em;
	padding: .5em;
	margin: 0 0 .5em;
	border: 1px solid #b7b7b7;
}
#content_main h4 {
	color: #910a2b;
	font-size: 1em;
	padding: 0 0 .5em;
	margin: 0 0 .5em;
	border-bottom: 1px solid #b7b7b7;
}
#content_main h5 {
	font-size: .9375em;
	padding: 0 0 0 15px;
	margin: 0 0 .5em;
	background: url(images/kland_h5.gif) 0 50% no-repeat;
}
#content_main h6 {
	color: #000;
	font-size: .8125em;
	border-bottom: 1px solid #999;
	padding: 0 0 .25em;
	margin: 0 0 1em;
}
#content_main p {
	font-size: .8125em;
	margin: 0 0 1em;
	line-height: 1.5em;
}
#content_main div.nota p {
	font-size: .6875em;
	color: #666;
}
#content_main div.destacat {
	border: 1px solid #d1d1d1;
	border-left-width: 15px;
	background: #f8f8f8 url(images/bg_destacat.jpg) repeat-x;
	margin: 0 0 1.125em;
	padding: 1em 1em 1em 25px;
	position: relative;
}
	#content_main div.destacat div {
		width: 19px;
		height: 60px;
		background: url(images/pict_destacat.png);
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -30px;
	}
	#content_main div.destacat p {
		font-family: Georgia, Times, "Times New Roman";
		font-style: italic;
		font-size: 1.062em;
		text-align: center;
		margin-bottom: 0;
	}
/*llista desordenada*/
#content_main ul,
#content_main ol {margin: 0 0 1.125em 1em;}
	#content_main ul ul,
	#content_main ol ol {margin-bottom: 0;}
		#content_main ul li,
		#content_main ol li {
			font-size: .8125em;
			line-height: 1.5em;
			background: url(images/kland_nivell_1.gif) 0 .35em no-repeat;
			padding: 0 0 0 18px;
		}
				#content_main li li {font-size: 1em;}
/*llista ordenada*/
#content_main ol {list-style-position: inside;}
	#content_main ol li {
		background: none;
		padding-left: 0;
	}
	#content_main ol li ol {margin-left: 2em;}
/*taula*/
#content_main table {
	margin: 0 0 1.125em;
	width: 100%;
	border-collapse: separate;
}
	#content_main table th,
	#content_main table td {
		font-size: .8125em;
		padding: .5em 1em;
		border: 1px solid #fff;
	}
	#content_main table th {
		background: #910a2b;
		color: #fff;
		text-align: left;
	}
	#content_main table td {background: #d1d1d1;}
/*botó descàrrega*/
a:link.bt_descarrega, a:visited.bt_descarrega {
	margin: 0 0 1.125em;
	background: #8c2f36 url(images/bg_bt_descarrega.jpg) repeat-x;
	color: #fff;	
	padding: .5em 10px;
	display: -moz-inline-block;
	display: inline-block;
	border-bottom: none;
	position: relative;
}
	a.bt_descarrega:hover,
	a.bt_descarrega:focus {background: #8c2f36;}
	
/*faq*/
dl#faq {
	margin: 0 0 1em;
	line-height: 1.25em;
}
	dl#faq dt {
		font-weight: bold;
		color: #910a2b;
		float: none;
		clear: none;
		width: auto;
		background: url(images/icon_faq_pregunta.gif) no-repeat;
		padding: 0 0 0 30px;
		margin: 0 0 1em;
	}
	dl#faq dd {
		float: none;
		padding: 0 0 1em 30px;
		margin: 0 0 1em;
		border-bottom: 1px dotted #999;
		background: url(images/icon_faq_resposta.gif) no-repeat;
	}
	dl#faq dd:last-child {
		border-bottom: none;
	}
/*content_sub*/
#content_sub {overflow: hidden;}
	#content_sub img {margin: 0 0 1em;}
#content_sub div.info {
	margin-top: 12px;
}	
	#content_sub div.info h2 {
		padding-left: 50px;
		border: none;
	}
	#content_sub div.info div.pict {
		position: absolute;
		width: 52px;
		height: 47px;
		left: 10px;
		top: -15px;
		background: url(images/icon_info.gif);
	}
	/*cercador coneix*/
	#content_sub #coneix {margin: 25px 0 1em 0;}
	#content_sub #coneix h2 {
		padding-left: 0;
		margin: 15px 0 0 0;
	}
	#content_sub #coneix form {margin: .5em 0;}
	#content_sub #coneix input {width: 98%;}
	#content_sub #coneix span.icon {top: -20px;}


/*---------------
=inici
---------------------------------------------*/
/*logo*/
.portada h1 {
	padding: 0;
	margin: 0;
	/*width: 422px;*/
	width: 295px;
	height: 53px;
	font-size: 1.4em;
	overflow: hidden;
	position: relative;
}
	.portada h1 a:link,
	.portada h1 a:visited {
		color: #000;
		text-decoration: none;
		font-weight: normal;
	}
	.portada h1 span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		/*background: url(images/logo_vine_a_donar_sang.png) no-repeat;*/
		background: url(images/donar-sang-tit-catala.gif) no-repeat;
		cursor: pointer;
	}
		h1 a:focus span,
		h1 a:active span {outline: 1px dotted #000;}
#inici #nav_main {margin-bottom: 1.25em;}
/*flash*/
#flash {
	float: left;
	width: 61.49%;
	overflow: hidden;
	margin: 0 0 1.125em;
}
/*reserves*/
div#reserves {
	float: right;
	width: 36.27%;
	margin: 0 0 1.125em;
	overflow: hidden;
}
	div#reserves h2 {
		font-size: 1.384em;
		border-bottom: 1px solid #a1a1a1;
		padding-bottom: .5em;
		margin: 3px 0 1em;
		line-height: 1.1em;
	}
	div#reserves img {float: left;}
	div#reserves_fla1,
	div#reserves_fla2,
	div#reserves_fla3,
	div#reserves_fla4,
	div#reserves_fla5,
	div#reserves_fla6,
	div#reserves_fla7,
	div#reserves_fla8,
	div#reserves_fla9 {
		float: left;
		width: 212px;
	}
	#reserves object {
		width: 220px;
		height: 200px;
	}
	div#reserves .date {
		margin-top: 35px;
		font-size: 1em;
	}
	div#reserves .text {		
		margin: 0 0 5px;
		font-size: .85em;		
	}
	div#reserves .valor {
		color: #910a2b;
		font-size: 2em;
	}
	div#reserves .estat {
		text-transform: uppercase;
		font-size: 1.384em;
		font-weight: bold;		
	}
/*localitats*/
div#localitats {
	width: 61.49%;
	float: left;
	background-image: url(images/box_bg_curt.jpg);
}
	div#localitats ul {overflow: auto;}
	div#localitats li {
		float: left;
		border-right: 1px solid #910a2b;
		padding: 0 .5em 0 0;
		margin: 0 .5em .5em 0;
		background: none;
		line-height: 1.1em;
	}
	div#localitats li:first-child {padding-left: 0;}
	div#localitats li:last-child {border-right: none;}
		div#localitats li a {
			display: block;
			float: left;
			font-size: .8125em;
		}
		div#localitats li a:link {
			color: #333;
			border-bottom-color: #333;
		}
		div#localitats li a:focus,
		div#localitats li a:active {color: #fff;}
		div.ampliar {
			position: absolute;
			font-size: .8125em;
			right: 15px;
			top: 10px;
		}
			div.ampliar a {
				border: none;
				background: none;
				color: #910a2b;
			}
				div.ampliar a:hover {
					text-decoration: underline;
				}
			div.ampliar:before {content: "[+] ";}
/*resultats_maratons*/
#resultats_maratons {
	width: 61.49%;
	float: left;
}
	#resultats_maratons ul {margin: 0 0 .75em;}
		#resultats_maratons li {
			float: left;
			width: 49%;
			margin: 0 1% 0 0;
		}
			#resultats_maratons li img {
				float: left;
				margin: 0 12px 0 0;
			}
			#resultats_maratons li h3 {
				color: #ddd;
				font-size: .875em;
				margin: 0 0 .5em;
			}
	#resultats_maratons div.clearfix {
		border-top: 2px solid #ccc;
		padding: 1em 0 0 0;
	}
		#resultats_maratons div.clearfix a {
			margin-right: 1em;
			font-size: .923em;
		}

/*novetats*/
div#novetats {
	width: 61.49%;
	float: left;
}
	div.data {
		font-size: .75em;
		position: absolute;
		top: 3.8em;
		left: 1.333em;
		background: url(images/icona_calendari.png) 0 0 no-repeat;
		padding: .15em 0 .15em 20px;
	}
		div.data a {
			text-transform: uppercase;
			color: #910a2b;
			border-bottom-color: #910a2b;
		}
			div.data a:focus,
			div.data a:active {
				color: #fff;
			}
	div#novetats h2 a {left: 0;}
	div#novetats h3 {margin: 2em 0 1em 0;}
	div#novetats p a span {
		position: absolute;
		left: -999em;
	}
	div#novetats img {
		margin: 0 18px 13px 0;
		float: left;
	}
	div#novetats div.mes {
		width: 12em;
		clear: both;
	}
/*coneix / per què / qui pot*/
#inici div#coneix,
div#gripA,
div#per_que,
div#qui_pot {
	width: 36.27%;
	float: right;
}
	div#gripA p a,
	div#per_que p a,
	div#qui_pot p a {color: #910a2b;}
	div#per_que p a:focus,
	div#per_que p a:active,
	div#qui_pot p a:focus,
	div#qui_pot p a:active {color: #fff;}
	div#gripA div.r,
	div#per_que div.r,
	div#qui_pot div.r {overflow: auto;}
	div#gripA img,
	div#per_que img,
	div#qui_pot img {
		float: right;
		margin: 0 0 12px 12px;
	}
	div#coneix h2 {
		color: #fff;
		font-size: 1.0625em;
		border: none;
		padding-bottom: 0;
	}
	div#coneix form {margin: .8em 0 .75em 0;}
	div#coneix legend {display: none;}
	div#coneix label {
		position: absolute;
		left: -999em;
	}
	div#coneix input {
		border: none;
		background: #fff;
		font-size: .8125em;
		padding: 3px 4px;
		margin: 0 0 .5em;
		width: 84%;
		color: #666;
		font-family: Arial, Verdana, sans-serif;
	}
	div#coneix button {
		border: none;
		padding: 0;
		margin: 0;
		width: 36px;
		height: 22px;
		background: #000;
		vertical-align: middle;
		position: relative;
		top: -1px;
		color: #fff;
	}
		div#coneix button img {margin: -2px 0 0 -3px;}
/*icones #localitats i #coneix*/
div#localitats span.icon,
div#coneix span.icon {
	display: block;
	width: 36px;
	height: 40px;
	background: no-repeat;
	position: absolute;
	left: 15px;
	top: -10px;
}
	div#localitats span.icon {background-image: url(images/icon_localitats.png);}
	div#coneix span.icon {background-image: url(images/icon_coneix.png);}
/*destaquem*/
div#destaquem {
	clear: both;
	width: 100%;
}
	div#destaquem div.r {overflow: auto;}
	ul#banners {margin: 0 0 1em;}
		ul#banners li {
			display: inline;
			background: none;
			padding: 0;
		}
			ul#banners li a {
				border: none;
				display: block;
				float: left;
				overflow: hidden;
				width: 31%;
				margin: 0 1%;
				text-align: center;
				background: none;
				padding-right: 0;
			}
			ul#banners li a:focus,
			ul#banners li a:active {outline: 1px dotted #000;}
	div.col {
		width: 31%;
		margin: 0 1% 1em 1%;
		float: left;
	}
		div.col li,
		div.col p {font-size: .8125em;}
/*altres*/
div#altres {
	width: 100%;
	background-image: url(images/box_bg_curt.jpg);
}
	div#altres div.r {overflow: auto;}
	div#altres ul {margin: 0 0 .5em;}
		div#altres ul li {
			font-size: .9375em;
			float: left;
			margin: 0 1em 0 0;
		}
			div#altres ul li a {
				color: #910a2b;
				border-bottom-color: #910a2b;
			}

#inici div.box h2 a:link,
#inici div.box h2 a:visited {
	border: none;
	background: none;
	color: #910a2b;
}
#inici div.box h2 a:hover {border-bottom: 1px dotted #910a2b;}
#inici div.box h2 a:focus,
#inici div.box h2 a:active {
	outline: 1px dotted #000;
	border: none;
}


/*---------------
=Novetats
---------------------------------------------*/
#novetats #container_sub {
	width: 100%;
	float: none;
	margin: 2em 0 0 0;
	border: none;
}
	#novetats #content_main {width: 80.85%;}
		#novetats #content_main h1 {
			font-size: 1.25em;
			border: none;
			margin-top: 0;
			padding: 0;
		}
		#novetats #content_main div.novetats ul {margin-left: 0;}
		#novetats #content_main div.novetats ul li {
			margin: 0 0 1em;
			border-bottom: 1px solid #ccc;
			position: relative;
			padding-left: 0;
			background: none;
		}
		#novetats #content_main div.novetats ul li:last-child {
			border-bottom: none;
			padding-bottom: 0;
		}
			#novetats #content_main h2 {
				padding: 0;
				margin-bottom: .75em;
				font-size: 1.538em;
				padding-top: 1.75em;
				background: none;
				border: none;
			}
			#novetats ul div.data {
				left: 0;
				top: 0;
				font-size: .923em;
			}
			#novetats #content_main li img {
				margin: 0 0 13px 13px;
				float: right;
			}
			#novetats #content_main li p {
				font-size: 1em;
			}
	#novetats #content_sub {
		width: 17.12%;
		padding-top: 8px;
	}
		#novetats #content_sub h2 {
			color: #910a2b;
			margin: 0 0 .5em;
			padding: 0 0 .5em;
			font-size: 1.25em;
			border-bottom: 2px solid #ccc;
		}
		#novetats #content_sub ul#categories {
			padding: 0 0 .5em;
			margin: 0 0 1em;
			border-bottom: 2px solid #ccc;
		}
			#novetats #content_sub ul#categories li {
				font-size: .8125em;
				background: url(images/icon_categoria.gif) 0 50% no-repeat;
				padding: .5em 0 .5em 20px;
			}
/*fitxa*/
#novetats.fitxa #apartat {
	color: #910a2b;
	font-size: 1.25em;
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	margin: 0 0 .5em;
	padding: 0 0 .5em;
}
div.back {
	color: #910a2b;
	font-size: .75em;
	position: absolute;
	right: 15px;
	top: 13px;
}
	div.back a {
		color: #910a2b;
		border-bottom-color: #910a2b;
	}
	div.back a:focus,
	div.back a:active {color: #fff;}
#novetats.fitxa #content_main h1 {
	color: #910a2b;
	margin: 0 0 .5em;
	padding-top: 1.5em;
}
#novetats.fitxa #content_main img {
	float: right;
	margin: 0 0 13px 13px;
}
/*vincles relacionats*/
div#vincles_rel {
	background: #832c32 url(images/bg_vinces_rel.jpg) repeat-x;
	margin: 0 0 1em;
	padding: 10px;
	clear: both;
}
	#content_main div#vincles_rel h2 {
		font-size: 1em;
		color: #fff;
		font-weight: normal;
		background: url(images/icon_clip.png) 0 50% no-repeat;
		padding: .2em 0 .2em 25px;
		margin: 0 0 .5em;
	}
	#content_main div#vincles_rel ul {margin: 0;}
		#content_main div#vincles_rel ul li {
			color: #923138;
			padding: .7em .5em .7em 30px;
			margin: 0 0 .5em;
			font-size: .75em;
			border-bottom: 1px solid #333;
			background: #e4a8af no-repeat 5px 50%;
		}
			#content_main div#vincles_rel ul li.pdf {background-image: url(images/icon_vincles_pdf.gif);}
			#content_main div#vincles_rel ul li.xls {background-image: url(images/icon_vincles_excel.gif);}
			#content_main div#vincles_rel ul li.ppt {background-image: url(images/icon_vincles_powerpoint.gif);}
			#content_main div#vincles_rel ul li.link {background-image: url(images/icon_vincles_web.gif);}
			#content_main div#vincles_rel ul li a:link {
				color: #000;
				border-bottom-color: #000;
			}
			#content_main div#vincles_rel ul li a:active,
			#content_main div#vincles_rel ul li a:focus {color: #fff;}
#novetats.fitxa #content_sub ul.normal {
	padding: 0 0 .5em;
	margin: 0 0 1em;
	border-bottom: 2px solid #ccc;
}
	#novetats.fitxa #content_sub ul.normal li {
		width: auto;
		margin-right: 0;
		float: none;
		line-height: 1.2em;
	}


/*---------------
=On puc donar-ne
---------------------------------------------*/
/*portada*/
div#on_quan {
	width: 100%;
	background-image: url(images/box_bg_curt.jpg);
}
	div#on_quan div.r {padding: 0;}
	form#lloc_data {
		padding: 13px 0 17px 310px;
		background: url(images/tit_form_on_quan.png) 10px 0 no-repeat;
	}
	#container_main form.es {
		background-image: url(images/tit_form_on_quan_es.png);
		padding-left: 390px;
	}
	#container_main form.en {background-image: url(images/tit_form_on_quan_en.png);}
		form#lloc_data legend {display: none;}
		form#lloc_data label {
			font-size: .75em;
		}
		form#lloc_data input {
			border: 1px solid #acacac;
			padding: .3em .2em;
			margin: 0 0 0 5px;
			color: #666;
			width: 41.55%;
			font-size: .6875em;
		}
		#container_main input.bt {
			border: none;
			padding: 0 0 4px;
			width: auto;
			background: url(images/bt_crcador_on.png) no-repeat;
			width: 117px;
			height: 30px;
			color: #fff;
			font-size: .8125em;
			vertical-align: middle;
		}
	/*#avui*/
	#on div#avui {
		width: 195px;
		width: 20.74%;
		float: left;
	}
		.portada div#avui h2 {
			font-size: 1.06em;
			border: none;
			margin-bottom: .25em;
		}
		div.data {
			font-size: .8125em;
			color: #666;
			margin-bottom: 1em;
		}
		#on div#avui div.data {position: static;}
		ul.localitats {
			font-size: .8125em;
			margin: 0 0 1em;
		}
			ul.localitats li {
				font-weight: bold;
				color: #000;
				margin: 0 0 .5em;
			}
				ul.localitats li ul {
					margin: .5em 0 1em 0;
				}
					ul.localitats li li {
						background: url(images/kland_llista_localitats.gif) 0 .2em no-repeat;
						padding-left: 10px;
						font-weight: normal;
					}
	/*vcalendar*/
	#on div.vcalendar {
		width: 326px;
		width: 34.68%;
		float: left;
		margin: 0 2.87%;
	}
		#on div.vcalendar h2 {
			margin: 2px 0 .5em;
			padding: .5em 0;
			font-size: 1.384em;
			border: 2px solid #ccc;
			border-width: 2px 0;
			color: #910a2b;
		}
		div.vevent {margin: 0 0 1.5em;}
			div.marato {
				margin: 0 0 1.125em;
				border-bottom: 1px solid #ccc;
			}
				div.vevent img {
					float: left;
					margin: 0 13px 13px 0;
				}
				div.date {
					color: #666;
					margin: 0 0 .5em;
					font-size: .8125em;
				}
				div.vevent h3 {
					color: #910a2b;
					margin: 0 0 .3em;
				}
				div.vevent div.location p {
					color: #666;
					margin: 0 0 .461em;
					font-size: .8125em;
					line-height: 1.2em;
				}
					div.vevent div.location p strong {color: #000;}
	/*centres fixos*/
	div#centres_fixos {
		width: 365px;
		width: 38.83%;
		float: right;
	}
		div#centres_fixos h3 {
			font-size: .75em;
			border: 1px solid #ccc;
			border-width: 2px 0 1px 0;
			padding: .5em 0;
			clear: left;
			margin: 0 0 1em;
		}
		div#centres_fixos ul.localitats li {
			width: 48%;
			margin-right: 1%;
			float: left;
		}
				div#centres_fixos ul.localitats li li {
					width: auto;
					margin-right: 0;
					float: none;
				}
		ul.normal {margin-bottom: 1em;}
		ul.normal li {
			font-size: .8125em;
			width: 45%;
			margin: 0 1% .2em 0;
			float: left;
			background: url(images/kland_llista_localitats.gif) 0 .5em no-repeat;
			padding: .2em 0 .2em 10px;
		}
/*població*/
.int h1 {
	color: #910a2b;
	font-size: 1.375em;
	border-bottom: 2px solid #ccc;
	margin: 0 0 .82em;
	padding-bottom: .25em;
}
#on.int div.vevent,
#on.int div#poblacions {
	width: 55.2%;
	float: left;
}
#on.int div#mapa {
	float: right;
	width: 42.44%;
	overflow: auto;
	margin: 0 0 1em;
}
.poblacio div.r {padding: 1em 1.5em;}
#container_main .poblacio img {
	float: right;
	margin: 0 0 13px 13px;
}
#container_main .poblacio h2 {
	border: none;
	font-size: 1.1875em;
	margin-top: 1em;
	padding-bottom: 0;
}
.poblacio div.date {
	position: absolute;
	left: 25px;
	top: 10px;
	margin: 0;
}
.poblacio div.summary {
	position: absolute;
	left: -999em;
}
dl {
	margin: 0 0 1em;
	font-size: .8125em;
}
	dt {
		float: left;
		clear: left;
		width: 5.5em;
		margin: 0 0 .25em;
		font-weight: bold;
	}
	dd {
		width: auto;
		margin: 0 0 .25em;
	}
#container_main div.poblacio p {
	margin: 0 0 1em;
	line-height: 1.5em;
}
div.poblacio ul {margin-bottom: 1em;}
	div.poblacio ul li {
		font-size: .8125em;
		margin: 0 0 .2em 0;
		background: url(images/kland_llista_localitats.gif) 0 .5em no-repeat;
		padding: .2em 0 .2em 10px;
	}
#container_main ul.compartir {
	clear: both;
	border-top: 1px solid #333;
	margin: 0 0 .5em;
	padding: .2em 0;
}
	#container_main ul.compartir li {
		display: inline;
		padding: .5em .8em;
		border-left: 1px solid #858585;
		background: 5px 50% no-repeat;
		padding-left: 25px;
		font-size: .75em;
	}
		#container_main ul.compartir li a {
			color: #910a2b;
			border-bottom-color: #910a2b;
		}
		#container_main ul.compartir li a:focus,
		#container_main ul.compartir li a:active {color: #fff;}
		#container_main ul.compartir li.print {background-image: url(images/icon_imprimir.gif);}
		#container_main ul.compartir li.ical {background-image: url(images/icon_calendar.gif);}
		#container_main ul.compartir li.mail {background-image: url(images/icon_envia_amic.gif);}
		#container_main ul.compartir li.publicar {padding-left: .5em;}
			#container_main ul.compartir li.publicar a {
				border: none;
				background: none;
			}
				#container_main ul.compartir li.publicar a:focus,
				#container_main ul.compartir li.publicar a:active {
					outline: 1px dotted #000;
				}
				#container_main ul.compartir li.publicar a img {
					border: none;
					background: none;
					float: none;
					margin: 0;
					vertical-align: bottom;
				}
div#poblacions h2 {
	font-size: 1.125em;
	color: #910a2b;
	margin: 0 0 .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
div#poblacions li {
	width: 30%;
	float: left;
	margin-right: 1%;
}
	div#poblacions li li {
		width: auto;
		float: none;
		margin-right: 0;
	}
/*calendari*/
#on div#calendari {
	width: 59.04%;
	float: left;
	margin: 0 2.13% 1em 0;
	position: relative;
}
#on.int #avui {width: 38.83%;}
div#marato,
div#mes_seguent {
	position: absolute;
	right: 0;
	top: 0;
	font-size: .75em;
	background: url(images/icon_marato.gif) 100% 50% no-repeat;
	padding: .5em 22px .5em 0;
}
ul#provincies {
	background: url(images/box_bg_curt.jpg) repeat-x;
	border-bottom: 2px solid #910a2b;
	margin-bottom: 1em;
}
	ul#provincies li {display: inline;}
		ul#provincies li a {
			display: block;
			float: left;
			background: url(images/separador_provincies.jpg) 100% 0 no-repeat;
			padding: .5em 1.2em;
			border: none;
			font-size: .8125em;
			color: #000;
		}
		ul#provincies li a:hover,
		ul#provincies li a:focus,
		ul#provincies li a:active,
		ul#provincies li.current a {
			background: #910a2b;
			color: #fff;
		}
		ul#provincies li.current a {cursor: default;}
div#calendari h2 {
	font-size: 1.375em;
	font-weight: normal;
	margin: 0 0 .82em;
}
div#mes_seguent {
	top: 3.8em;
	background-image: url(images/icon_calendar.gif);
}
	div#mes_seguent a {color: #910a2b;}
	div#mes_seguent a:focus,
	div#mes_seguent a:active {color: #fff;}
div#calendari h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1.125em;
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 .5em .8em;
}
div#calendari ul.normal {
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 1em;
	margin-bottom: .5em;
}
	div#calendari ul.normal li.marato {background: #ffe1a6 url(images/icon_marato.gif) 99% 50% no-repeat;}
div.pujar {
	background: url(images/icon_pujar.gif) no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 1em;
	font-size: .8125em;
}
	div.pujar a:visited {color: #910a2b;}
	div.pujar a:focus,
	div.pujar a:active {color: #fff;}
/*propera marató*/
.marato .poblacio {margin-bottom: 5em;}
.marato .poblacio h3 {
	border-top: 1px solid #b2b2b2;
	padding-top: .5em;
	font-size: 1em;
}
.marato .poblacio ul li {
	float: none;
	width: auto;
	margin-right: 0;
}
.marato div.mes {
	position: absolute;
	margin-top: 2em;
}
/*resultats maratons*/
#resultats {
	width: 59.04%;
	float: left;
	margin: 0 2.13% 1em 0;
}
p#agraiment {
	font-weight: bold;
	font-size: .8125em;
	color: #666;
	margin: 0 0 1em;
}
p#mostrant {
	font-size: .8125em;
	color: #000;
	margin: 0 0 1em;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #999;
	padding: .5em 0;
}
ul#maratons {margin: 0 0 1em;}
	ul#maratons li {
		position: relative;
		border-bottom: 1px solid #999;
		padding: 0 0 1em;
		margin: 0 0 1em;
	}
		ul#maratons li div.text {float: left;}
			ul#maratons li div.data {
				position: absolute;
				left: 0;
				top: 0;
			}
			ul#maratons li h2 {
				font-size: 1.1875em;
				color: #910a2b;
				margin: 0 0 .5em;
				padding: 1.2em 0 0 0;
			}
			ul#maratons li table {border-collapse: collapse;}
				ul#maratons li table th,
				ul#maratons li table td {
					font-size: .8125em;
					padding: .2em .5em .2em 0;
					font-weight: normal;
				}
				ul#maratons li table tr.total th,
				ul#maratons li table tr.total td {font-weight: bold;}
				ul#maratons li table th {
					background: url(images/kland_taula.gif) 0 50% no-repeat;
					padding-left: 10px;
					text-align: left;
				}
				ul#maratons li table td {text-align: right;}
		ul#maratons img {
			float: right;
			margin: 0 0 0 13px;
		}
/*paginació*/	
#paginacio {
	position: relative;
	margin: 0 0 1.125em;
	padding: .5em;
}
	#paginacio a {border: none;}
	#paginacio p {
		font-size: .8125em;
		position: absolute;
		top: .8em;
		margin: 0;
	}
		#paginacio p a:link,
		#paginacio p a:visited {color: #910a2b;}
		#paginacio p a:hover {border-bottom: 1px dotted #910a2b;}
		#paginacio p a:focus,
		#paginacio p a:active {
			color: #fff;
			background: #910a2b;
		}
	#paginacio p#ant {left: 10px;}
	#paginacio p#seg {right: 10px;}
	#paginacio ul {
		width: 300px;
		margin: 0 auto;
	}
		#paginacio ul li {
			float: left;
			border: none;
			background: #ccc;
			border: 1px solid #ccc;
			color: #333;
			font-weight: bold;
			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;
		}
			#paginacio ul li#espai {
				background: none;
				color: #333;
				border: 1px solid #fff;
			}
			#paginacio ul li a {
				background: #fff;
				display: block;
				width: 1.615em;
				height: 1.625em;
				font-weight: normal;
				color: #910a2b;
			}
				#paginacio ul li a:hover,
				#paginacio ul li a:focus,
				#paginacio ul li a:active {
					background: #999;
					color: #fff;
				}
				#paginacio ul li a:active {
					background: #333;
					outline: 1px dotted #000;
				}
/*centres fixes*/
#centre {
	float: left;
	width: 59.04%;
}
	#centre h3 {
		color: #666;
		font-size: .8125em;
		margin: 0 0 .75em;
	}
	#centre .vcard {margin: 0 0 1em;}
		#centre .txt {
			float: left;
			position: relative;
			width: 56%;
		}
			#centre .vcard h2 {
				color: #910a2b;
				font-size: 1.1875em;
				margin: 0 0 .5em;
			}
			#centre .vcard dl {font-size: .8125em;}
#on #centre #mapa {
	width: 100%;
	float: none;
}
/*resultats cerca*/
#resultats_cerca {
	width: 55.21%;
	float: left;
}
	#resultats_cerca div.mes {width: 15em;}
p.info, p.alerta {
	font-size: .8125em;
	border-bottom: 1px solid #ccc;
	margin: 0 0 .8em;
	padding: 0 0 .8em;
}
p.alerta{
padding:25px;background-color:#FEEFB3;border-bottom:none;
clear: both;
}
#container_main div#tel {
	float: right;
	margin: 0 0 1em;
	width: 33%;
	text-align: right;
}
	div#tel h2 {
		font-size: 1.25em;
		color: #910a2b;
		margin: 0 0 .5em;
	}
	div#tel span.tel {
		font-size: 2.5em;
		color: #000;
		font-weight: bold;
		background: url(images/icon_tel_2.gif) 0 .05em no-repeat;
		padding: 0 0 0 50px;
	}
	div#tel p {
		font-size: .9375em;
		color: #910a2b;
		font-weight: bold;
		margin: .5em 0;
	}
	div#tel p.adr {color: #333;}
	div#tel p.fn {
		font-size: 1.125em;
	}
	div#tel p.horari {
		color: #333;
		font-size: .75em;
		font-weight: normal;
	}
#container_main #content_sub #tel {
	float: none;
	width: auto;
	text-align: left;
}
	#container_main #content_sub #tel h2 {
		font-size: 1em;
		margin-bottom: 1em;
	}
	#container_main #content_sub div#tel span.tel {
		font-size: 1.75em;
		padding: .5em 0 .5em 45px;
		background-position: 0 .3em;
	}
	#container_main div#tel p.adr {font-size: .75em;}
div#centre.proxim {
	width: 100%;
	clear: both;
	float: none;
}
	div#centre.proxim div.vcard {
		width: 60%;
		float: left;
		overflow: hidden;
	}
	div#centre.proxim h2 {
		color: #910a2b;
		font-size: 1.125em;
		border-bottom: 1px solid #ccc;
		padding-bottom: .5em;
	}
	div#centre.proxim h3 {
		color: #910a2b;
		font-size: 1.1875em;
		margin: 0 0 .5em;
	}
	div#centre.proxim h4 {
		color: #666;
		font-size: .8125em;
		margin: 0 0 .75em;
	}
	div#centre.proxim .txt {
		width: 52%;
	}
	div#centre.proxim div.mes {width: 15em;}
	div.txt dd {width: 70%;}
/*cap_resultat*/
div#centres_fixos.cap_resultat  {
	float: left;
	width: 64%;
}


/*---------------
=Zona descàrregues
---------------------------------------------*/
ul#tabs {background: url(images/tab_dl_border.jpg) 0 100% repeat-x;}
ul#tabs li {display: inline;}
	ul#tabs li a {
		display: block;
		float: left;
		background: #bfbfbf url(images/tab_dl_bg.jpg) 0 -1px repeat-x;
		color: #333;
		border: none;
		padding: 14px 2% 8px 2%;
		margin: 0 15px 2px 2px;
		position: relative;
	}
		ul#tabs li a span {
			display: block;
			position: absolute;
		}
			/*borders*/
			ul#tabs li a span.l {
				width: 4px;
				height: 100%;
				left: -4px;
				top: 0;
				background: url(images/tab_dl_border_l.png);
			}
			ul#tabs li a span.r {
				width: 7px;
				height: 100%;
				right: -7px;
				top: 0;
				background: url(images/tab_dl_border_r.png);
			}
			/*corners*/
			ul#tabs li a span.tl {
				width: 11px;
				height: 10px;
				background: url(images/tab_dl_corner_tl.gif);
				background-repeat: no-repeat;
				left: -4px;
				top: 0;
			}
			ul#tabs li a span.tr {
				width: 13px;
				height: 11px;
				background: url(images/tab_dl_corner_tr.gif);
				background-repeat: no-repeat;
				right: -7px;
				top: -1px;
			}
	/*pestanya activa, :hover, :focus i :active*/
	ul#tabs li.current a {font-weight: bold;}
	ul#tabs li.current a,
	ul#tabs li a:hover,
	ul#tabs li a:focus,
	ul#tabs li a:active {
		background-image: url(images/tab_dl_bg_current.gif);
		background-color: #fff;
		bottom: -2px;
		position: relative;
	}
		ul#tabs li.current a span.tl,
		ul#tabs li a:hover span.tl,
		ul#tabs li a:focus span.tl,
		ul#tabs li a:active span.tl {background-image: url(images/tab_dl_corner_tl_current.gif);}
		ul#tabs li.current a span.tr,
		ul#tabs li a:hover span.tr,
		ul#tabs li a:focus span.tr,
		ul#tabs li a:active span.tr {background-image: url(images/tab_dl_corner_tr_current.gif);}
		ul#tabs li.current a:hover {
			text-decoration: none;
			cursor: default;
		}
/*llistat resultats*/
#dl div#resultats {
	float: none;
	width: 96.2%;
	margin: 0 0 1em;
	border: 2px solid #999;
	border-top-width: 0;
	padding: 1em 1.7%;
}
	#dl div#resultats ul li {
		margin: 0 0 1em;
		padding: 0 0 1em;
		border-bottom: 1px solid #b2b2b2;
		position: relative;
	}
	#dl div#resultats ul li:last-child {
		margin: 0;
		padding: 0;
		border-bottom: none;
	}
		#dl div#resultats ul li div.text {
			float: left;
			width: 57%;
		}
			#dl div#resultats ul li h2 {
				font-size: 1.25em;
				color: #910a2b;
				margin: 0 0 .5em;
				padding: 1.25em 0 0 0;
			}
			#dl div#resultats ul li div.meta {
				font-size: .75em;
				position: absolute;
				left: 0;
				top: 0;
				background: none;
				padding: 0;
				text-transform: uppercase;
			}
			#dl div#resultats ul li p {
				font-size: .8125em;
				margin: 0 0 .5em;
				line-height: 1.125;
			}
			#dl div#resultats ul li div.mes a {font-weight: bold;}
				#dl div#resultats ul li div.mes span {
					position: absolute;
					left: -999em;
				}
		#dl div#resultats ul li img {
			float: right;
			margin: 0 0 13px 13px;
		}
		

/*---------------
=Resultats cerca
---------------------------------------------*/	
#content_main ul.resultats {margin-left: 0;}
	#content_main ul.resultats li {
		background: url(images/kland_h2.gif) 0 0 no-repeat;
		border-bottom: 1px solid #999;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	#content_main ul.resultats h2 {
		background: none;
		border: none;
		padding: 0;
	}
	#content_main ul.resultats p {
		font-size: 1em;
		margin-bottom: 0;
	}
		#content_main ul.resultats p strong {background-color: #ff6;}


		
/*---------------
=Mapa web
---------------------------------------------*/
.mapa #content_main {width: 69%;}
.mapa #content_sub {width: 29%;}
.mapa h1 {
	font-size: 1.75em;
	margin: 18px 0 .5em;
	padding: 0 0 .25em;
	border-bottom: 1px solid #999;
}
.mapa #content_main div {
	width: 31%;
	float: left;
	margin: 0 1%;
}


/*---------------
=consulta metge
---------------------------------------------*/
form#consulta div {
	width: 48%;
	margin: 0 1% 1em 1%;
	float: left;
}
	form#consulta div input {
		width: 99%;
	}
form#consulta div.motiu {
	width: 98.5%;
	float: none;
	clear: left;
}
	form#consulta div.motiu textarea {width: 99%;}
		form#consulta fieldset fieldset label {display: inline;}
		form#consulta fieldset fieldset img {
			margin: 0 10px;
			vertical-align: middle;
		}
			form#consulta fieldset fieldset img.captcha {
				border: 1px solid #999;
			}
		form#consulta fieldset fieldset a {
			border: none;
			background: none;
		}


/*---------------
=formulari contactar
---------------------------------------------*/
form#contactar div.personal,
form#contactar div.contacte {
	width: 48%;
	float: left;
	margin: 0 1%;
}
form#contactar div.contacte {float: right;}
form#contactar div#botons {clear: both;}
form#contactar input {width: 99%;}
form#contactar fieldset fieldset legend {padding: 0;}


/*---------------
=site_info
---------------------------------------------*/
#site_info {
	border-top: 2px solid #999;
	padding: 1em 0;
	clear: both;
}
	#site_info div {margin: 0 0 1em;}
		#site_info div a {
			border: none;
			background: none;
		}
		#site_info div a:focus,
		#site_info div a:active {outline: 1px dotted #000;}
	#site_info div#logos {float: left;}
		#site_info div#logos img {margin: 0 10px 0 0;}
	#site_info #confianza {
		float: right;
		border-left: 1px solid #b7b7b7;
		padding-left: 15px;
		margin-top: -5px;
	}
	#site_info div#segueix {
		float: right;
		font-size: .8125em;
		margin: 1em 15px 0 0;
	}
		#site_info #segueix img {
			margin: 0 0 0 10px;
			vertical-align: middle;
		}
	#site_info div#copy {
		clear: both;
		float: none;
		background: #910a2b;
		font-size: .8125em;
		color: #fff;
		text-align: center;
		margin: 0;
		padding: .8em 0;
	}
		#site_info div#copy a:link,
		#site_info div#copy a:visited {
			color: #ffd86c;
			border-bottom: 1px dotted #ffd86c;
		}
		#site_info div#copy a:hover {border-bottom: 1px solid #ffd86c;}
		#site_info div#copy a:focus,
		#site_info div#copy a:active {
			background: #fff;
			color: #910a2b;
			outline: none;
		}
		#site_info p {
			margin: 0;
			padding: .5em 0 .75em 0;
		}
		#site_info p.contacte {
			font-size: 1.077em;
			background: url(images/border_site_info.gif) repeat-x;
			padding: .75em 0 .25em 0;
		}
			#site_info p.contacte span {
				background: no-repeat 0 50%;
				font-size: 1.214em;
				color: #ffd86c;
				padding: 0 0 0 33px;
			}
				#site_info p.contacte span.tel {background-image: url(images/icon_tel.gif);}
				#site_info p.contacte span.mail {background-image: url(images/icon_sobre.png);}/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px; overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 90%;/*100% fa scroll*/
	font: menu;
	font-size: 12px;
	overflow: hidden;
	text-align:left;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: #910a2b;
	color: #fff;
}