/*
Bloc de la comunicació en salut del Clínic. Clínic Barcelona. Hospital Universitari.
Can Antaviana, 2009

-basic
-layout
-vincles
-header
-content
-sidebar
-comments
-avisos
-periodistes
-paginació
-footer
-varis
*/

/*---------------
Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	background: #333;
	padding: 0;
	margin: 0;
}
ul,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
---------------------------------------------*/
#page {
	width: 63.75em;
	max-width: 95%;
	min-width: 45em;
	margin: 0 auto;
	color: #333;
	background: #ccc url(images/bg_body.jpg) no-repeat;
	text-align: left;
	position: relative;
}
	#container_sub {
		width: 100%;
		float: left;
		margin-right: -260px;
		padding: 18px 0 0;
		background: url(images/bg_content_main.jpg) repeat-x;
	}
		#content {
			margin: 0 280px 0 40px;
		}
	#sidebar {
		width: 220px;
		float: right;
		margin: 18px 40px 18px 0;
		background: #fff;
	}
	#footer {
		clear: both;
		background: url(images/bg_site_info.jpg) 0 100% repeat-x;
	}

/*---------------
Vincles
---------------------------------------------*/
/*General*/
a:link {
	color: #c30;
	text-decoration: none;
	border-bottom: 1px dotted #c30;
}
a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #c30;
}
a:hover {
	color: #c30;
	text-decoration: none;
	border-bottom: 1px solid #c30;
}
a:active {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #c30;
}

/*---------------
header
---------------------------------------------*/
#header {
	position: relative;
	padding-top: 46px;
}
	/*h1*/
	h1 {
		margin: -10px 0 0 210px;
		width: 391px;
		height: 79px;
		position: relative;
		/*font-size: 2.25em;*/
		font-size: .5em;
		overflow: hidden;
	}
		#header h1 a {
			color: #000;
			text-decoration: none;
			font-weight: normal;
			color: #fff;
			border: none;
			font-family: "American Typewriter", Arial;
		}
		h1 span {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url(images/tit_h1.jpg) no-repeat;
			cursor: pointer;
		}
	/*logo clínic*/
	#header img {
		position: absolute;
		left: 41px;
		top: 35px;
	}
	/*contacte*/
	#header p#contacte a {
		position: absolute;
		right: 37px;
		top: 22px;
		font-size: .875em;
		width: 6.214em;
		height: 2.2em;
		background: url(images/bg_contacte.png) 0 100% no-repeat;
		margin: 0;
		padding: .8em 0 .5em 4.643em;
	}
		#header p#contacte a:link,
		#header p#contacte a:visited {
			color: #fff;
			border: none;
		}
		#header p#contacte a:hover {border: none;}
		#header p#contacte a:focus,
		#header p#contacte a:active {outline: 1px dotted #fff;}
	/*idiomes*/
	#header ul {
		position: absolute;
		right: 37px;
		top: 105px;
		width: 15em;
		text-align: right;
	}
		#header ul li {display: inline;}
		#header ul a {
			font-size: .875em;
			display: block;
			float: left;
			margin: 0 17px 0 0;
			padding: .5em 17px .5em 25px;
			background: url(images/kland-idioma.png) 0 .5em no-repeat;
			border-right: 1px solid #000;
		}
			#header ul a:link,
			#header ul a:visited {
				color: #fff;
				border: none;
			}
			#header ul a:hover {border: none;}
			#header ul a:focus,
			#header ul a:active {outline: 1px dotted #fff;}
			#header ul a.last {
				margin-right: 0;
				padding-right: 0;
				border-right: none;
			}

/*---------------
content
---------------------------------------------*/
/*titols*/
#content h2.pagetitle,
#content h2.alt,
#respond h3,
#comments-layout h3 {
	color: #fff;
	font-size: 1.375em;
	margin: 0 0 .818em;
	padding: .3em .8em;
	background: url(images/bg_titol_verd.png) repeat-y;
	position: relative;
}
#content h2.alt,
#respond h3,
#comments-layout h3 {background-image: url(images/bg_titol_gris.png);}
#comments-layout h3 {margin-bottom: 1.2em;}
	#content span.corner {
		display: block;
		position: absolute;
		width: 5px;
		height: 5px;
	}
		#content span.top {
			left: 0;
			top: 0;
		}
		#content span.bottom {
			left: 0;
			bottom: 0;
		}
		/*verd*/
		#content h2.pagetitle span.top {background: url(images/bg_titol_verd_t.gif) no-repeat;}
		#content h2.pagetitle span.bottom {background: url(images/bg_titol_verd_b.gif) 0 100% no-repeat;}
		/*gris*/
		#content h2.alt span.top,
		#respond h3 span.top,
		#comments-layout h3 span.top {background: url(images/bg_titol_gris_t.gif) no-repeat;}
		#content h2.alt span.bottom,
		#respond h3 span.bottom,
		#comments-layout h3 span.bottom {background: url(images/bg_titol_gris_b.gif) 0 100% no-repeat;}
/*post*/
div.post {
	margin: 0 0 3.5em;
	padding: 1em 54px 1em 60px;
	position: relative;
 	background: #fff url(images/post_bg.jpg) 0 100% repeat-x;
}
	div.post span {
		display: block;
		position: absolute;
	}
		div.post span.tl {
			left: 0;
			top: 0;
			width: 5px;
			height: 5px;
			background: #bfbfbf url(images/post_tl.png) no-repeat;
		}
		div.post span.tr {
			right: 0;
			top: 0;
			width: 5px;
			height: 5px;
			background: #bfbfbf url(images/post_tr.png) no-repeat;
		}
		div.post span.bl {
			left: 0;
			bottom: 0;
			width: 6px;
			height: 89px;
			background: #bfbfbf url(images/post_bl.png) 0 100% no-repeat;
		}
		div.post span.br {
			right: 0;
			bottom: 0;
			width: 6px;
			height: 89px;
			background: #bfbfbf url(images/post_br.png) 0 100% no-repeat;
		}
	/*posts anterior i següent*/
	div#prev-next {
		margin: 0 0 .5em;
		padding: 0 0 .5em;
		border-bottom: 1px dotted #aaa;
	}
	div#prev-next h3 {
		position: absolute;
	    left: -999em;
	}
	div#prev-next ul li {display: inline;}
		div#prev-next ul li a {
			display: block;
			font-size: .75em;
			width: 38%;
			border: none;
			font-weight: bold;
		}
			div#prev-next ul li a:link {color: #333;}
			div#prev-next ul li a:visited {color: #666;}
			div#prev-next ul li a:hover {text-decoration: underline;}
			div#prev-next ul li a:focus,
			div#prev-next ul li a:active {outline: 1px dotted #000;}
			div#prev-next ul li#prev a {
				float: left;
				background: url(images/kland_l.gif) no-repeat;
				padding-left: 34px;
			}
			div#prev-next ul li#next a {
				float: right;
				background: url(images/kland_r.gif) 100% 0 no-repeat;
				padding-right: 34px;
				text-align: right;
			}
	/*categories*/
	div.categories {
		margin: 0 0 .5em;
		padding: 0 0 .5em;
		border-bottom: 1px dotted #aaa;
	}
		div.categories h3,
		div.categories p {
			position: absolute;
		    left: -999em;
		}
			div.categories ul li {display: inline;}
				div.categories ul li a {
					display: block;
					float: left;
					font-size: .75em;
					background-position: 0 50%;
					background-repeat: no-repeat;
					padding: .5em 0 .5em 29px;
					margin-right: 10px;
					border: none;
				}
					div.categories ul li a:visited {color: #c30;}
					div.categories ul li a:hover {border: none;}
					div.categories ul li a:focus,
					div.categories ul li a:active {color: #fff;}
				
					/* gerència */
					div.categories ul li a.cat-item-1,
					#sidebar li.widget_categories li.cat-item-1 a {background-image: url(images/ico_p_gerencia.jpg);}	
					/* direcció d'infraestructures */
					div.categories ul li a.cat-item-4,
					#sidebar li.widget_categories li.cat-item-4 a {background-image: url(images/ico_p_infraestructures.jpg);}
					/* missatges institucionals */
					div.categories ul li a.cat-item-6,
					#sidebar li.widget_categories li.cat-item-6 a {background-image: url(images/ico_p_institucional.jpg);}
					/* premis */
					div.categories ul li a.cat-item-5,
					#sidebar li.widget_categories li.cat-item-5 a {background-image: url(images/ico_p_premis.jpg);}
					/* altres informacions corporatives */
					div.categories ul li a.cat-item-148,
					#sidebar li.widget_categories li.cat-item-148 a {background-image: url(images/ico_altres_informacions.jpg);}
					
				
					/*ul li a.assistencia {background-image: url(images/icon_assistencia.jpg);}
					ul li a.recerca {background-image: url(images/icon_recerca.jpg);}
					ul li a.docencia {background-image: url(images/icon_docencia.jpg);}
					ul li a.exit {background-image: url(images/icon_exit.jpg);}*/
					
					
	
	/*data*/
	div.post small {
		display: block;
		font-size: 1em;
		font-family: Georgia, Times, "Times New Roman", serif;
		color: #000;
		margin: 0 0 .5em;
	}
	/*títol*/
	div.post h2 {
		margin: 0 0 .5em;
		font-weight: normal;
	}
		div.post h2 a:link {
			color: #000;
			border-bottom: 1px dotted #666;
		}
		div.post h2 a:hover {border-bottom-style: solid;}
		div.post h2 a:focus,
		div.post h2 a:active {
			color: #fff;
			background: #333;
		}
	/*entry*/
	div.post div.entry {overflow: hidden;}
		div.post div.entry p,
		div.post div.entry ul,
		div.post div.entry ol {
			font-size: .875em;
			line-height: 1.5em;
			margin: 0 0 1.286em;
			font-family: Georgia, Times, "Times New Roman", serif;
		}
			div.post div.entry p.mes {
				font-family: Arial, Verdana, sans-serif;
				font-weight: bold;
			}
		div.post div.entry ul {
			list-style: disc;
			margin-left: 2em;
		}
		div.post div.entry ol {margin-left: 1em;}
		/*imatges*/
		div.post div.entry img {
			margin: 0 auto 18px;
			display: block;
		}
		div.post div.entry img.alignleft {
			margin: 0 18px 18px 0;
			float: left;
		}
		div.post div.entry img.alignright {
			margin: 0 0 18px 18px;
			float: right;
		}
	/*Entrades relacionades*/
	div#rel,
	div#etiquetes,
	div.sociable {
		border-top: 1px dotted #aaa;
		margin: 0 0 1.125em;
		padding: 1.125em 0 0;
	}
		div#rel h3,
		div#etiquetes h3,
		div.sociable h3 {
			font-size: .875em;
			margin: 0 0 1em;
		}
		div#rel ul {margin: 0 0 1.125em;}
			div#rel ul li {
				font-size: .875em;
				background: url(images/kland_rel.jpg) 0 .2em no-repeat;
				margin: 0 0 .5em;
				padding: 0 0 0 20px;
				font-family: Georgia, Times, "Times New Roman", serif;
			}
	/*Etiquetes*/
	div#etiquetes {
		border-top: 1px dotted #aaa;
		margin: 0 0 1.125em;
	}
		div#etiquetes p {
			font-size: .875em;
			margin: 0 0 1.125em;
			font-family: Georgia, Times, "Times New Roman", serif;
		}
	/*altres*/
	div.altres {border-top: 1px dotted #aaa;}
	div.altres div.tab {
		width: 152px;
		height: 3em;
		margin-left: 18px;
		background-repeat: no-repeat;
		float: left;
	}
		/*comments*/
		div.altres div.comments a {
			width: 116px;
			height: 2.1em;
			padding: .9em 0 0 36px;
			display: block;
			font-size: .875em;
			border: none;
			background-image: url(images/tab_comments.png);
		}
			div.altres div.comments a:visited {color: #c30;}
			div.altres div.comments a:focus,
			div.altres div.comments a:active {
				background: url(images/tab_comments.png) -150px 0 no-repeat;
				color: #c30;
				outline: 1px dotted #000;
			}
		/*feu-ho correr*/
		div.altres div.correr h3 {
			width: 112px;
			height: 2.1em;
			padding: .9em 0 0 40px;
			margin: 0;
			background-image: url(images/tab_correr.png);
			font-size: .875em;
			font-weight: normal;
		}
		/*llistat "feu-ho córrer"*/
		div.altres ul {
			background: url(images/llista_correr_bg.png) no-repeat;
			clear: left;
			margin-left: 193px;
			width: 111px;
			height: 136px;
			padding: 10px 15px;
		}
			div.altres li {
				font-size: .75em;
				line-height: 2em;
			}
				div.altres li a:link,
				div.altres li a:visited {
					background-repeat: no-repeat;
					background-position: 0 50%;
					padding-left: 25px;
					border: none;
					color: #c30;
				}
				div.altres li a:hover {text-decoration: underline;}
				div.altres li a:focus,
				div.altres li a:active {color: #fff;}
					div.altres li a.tafanera {background-image: url(images/icon_tafanera.gif);}
					div.altres li a.facebook {background-image: url(images/icon_facebook.gif);}
					div.altres li a.stumbleupon {background-image: url(images/icon_stumbleupon.gif);}
					div.altres li a.reddit {background-image: url(images/icon_reddit.gif);}
					div.altres li a.newsvine {background-image: url(images/icon_newsvine.gif);}
		/*tabs (la classe .tabs es posa per js)*/
		div.tabs {
			border-top: none;
			position: absolute;
			right: 54px;
			bottom: -48px;
		}
			div.tabs div.comments a:hover,
			div.tabs div h3:hover {
				background-position: -150px 0;
				cursor: pointer;
			}
			div.tabs div h3 {
				color: #c30;
				position: relative;
			}
				div.tabs div.correr a {
					display: block;
					width: 152px;
					height: 3em;
					position: absolute;
					left: 0;
					top: 0;
					border: none;
				}
				div.tabs div.correr a:focus,
				div.tabs div.correr a:active {
					background: none;
					outline: 1px dotted #000;
				}
			div.tabs ul {
				position: absolute;
				right: 8px;
				top: 38px;
				z-index: 100;
				margin: 0;
				clear: none;
				display: none;
			}
/*navigation*/
div.navigation {
	position: absolute;
	left: 40px;
	bottom: 191px;
	width: 68%;
}
	div.navigation div {
		width: 152px;
		height: 2.629em;
		padding: .8em 0 0 0;
		background: url(images/nav.png) no-repeat;
		font-size: .875em;
	}
		div.navigation div#ant {float: left;}
			div.navigation div#ant a {
				background: url(images/kland_ant.gif) 0 50% no-repeat;
				padding: .3em 0 .3em 25px;
				margin-left: 35px;
			}
		div.navigation div#seg {
			float: right;
			text-align: right;
		}
			div.navigation div#seg a {
				background: url(images/kland_seg.gif) 100% 50% no-repeat;
				padding: .2em 25px .2em 0;
				margin-right: 35px;
			}
			div.navigation div a {border: none;}
			div.navigation div a:visited {color: #c30;}
			div.navigation div a:focus,
			div.navigation div a:active {
				color: #c30;
				outline: 1px dotted #000;
			}

/*---------------
sidebar
---------------------------------------------*/
#sidebar {position: relative;}
	#sidebar span.t {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 220px;
		height: 39px;
		background: #ccc url(images/sidebar_t.png) no-repeat;
	}
	#sidebar span.b {
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		width: 220px;
		height: 7px;
		background: #ccc url(images/sidebar_b.png) 0 100% no-repeat;
	}
	#sidebar li {padding: 20px;}
	#sidebar h2 {margin: 0 0 .5em;}
	#sidebar p {
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: .875em;
		line-height: 1.25em;
	}
	#sidebar li.widget {
		background: url(images/bg_li_sidebar.jpg) no-repeat;
		border-top: 1px dotted #666;
	}
	/*about*/
	#sidebar li#about,
	#sidebar li#hclinic {padding: 4px 8px 8px; margin-top: 10px;}
		#sidebar li#about div {
			background: #575B5A url(images/about_t.jpg) no-repeat;
			position: relative;
			z-index: 10;
			padding: 22px 12px 5px;
		}
			#sidebar li#about div span {
				display: block;
				position: absolute;
				background: url(images/about_b.jpg) 0 100% no-repeat;
				width: 204px;
				height: 5px;
				bottom: 0;
				left: 0;
			}
			#sidebar li#about div h2 {margin: 0;}
			#sidebar li#about div p {
				color: #fff;
				margin: .8em 0;
			}
		#sidebar li#hclinic a {
			border: none;	
		}			
	/*cercador*/
	#sidebar li#search h2,
	#sidebar li#search label {
		position: absolute;
	    left: -999em;
	}
	#sidebar li#search form {
		position: relative;
		margin: 0;
	}
		#sidebar li#search form span {
			position: absolute;
			left: -16px;
			top: -6px;
			display: block;
			width: 28px;
			height: 32px;
			background: url(images/lupa.png) no-repeat;
		}
	#sidebar li#search input {
		border: 1px solid #333;
		width: 135px;
		font-size: .75em;
		padding: 3px 5px 3px 10px;
		color: #333;
		background: #fff url(images/bg_input.jpg) repeat-x;
	}
	#sidebar li#search input#searchsubmit {
		width: 23px;
		height: 23px;
		padding: 0;
		background: url(images/bt_search.gif) no-repeat;
		text-indent: -999em !important;
		border: none;
		position: relative;
		top: 1px;
	}
	/*categories*/
	#sidebar li.widget_categories li {
		display: inline;
		padding: 0;
	}
		#sidebar li.widget_categories li a {
			display: block;
			float: left;
			width: 87px;
			padding: 35px 0 5px 0;
			margin: 0 6px 10px 0;
			background-repeat: no-repeat;
			font-size: .75em;
			font-weight: bold;
			border-bottom: 1px dotted #aaa;
		}
			#sidebar li.widget_categories a:visited {color: #c30;}
			#sidebar li.widget_categories li a:focus,
			#sidebar li.widget_categories li a:active {
				color: inherit;
				background-color: #fff;
				outline: 1px dotted #000;
			}
			#sidebar li.widget_categories li a.odd {margin-right: 0;}
	/*periodista*/
	#sidebar li.periodista h2 {margin: -9px 0 0;}
	#sidebar li.periodista p.bt {
		text-align: center;
		margin-bottom: 0;
	}
		#sidebar li.periodista p.bt a {
			background: none;
			border: none;
		}
		#sidebar li.periodista p.bt a:focus,
		#sidebar li.periodista p.bt a:active {outline: 1px dotted #000;}
	/*subscriu-te*/
	#sidebar li.subscr form {
		margin: 0;
		padding: 0;
	}
	#sidebar li.subscr form label {
		font-size: .75em;
		margin-bottom: .5em;
	}
	#sidebar li.subscr form input {margin-left: 30px;}
	#sidebar li.subscr form input#adr-elec {
		width: 174px;
		margin: .5em 0;
	}
	/*rss*/
	#sidebar li.rss {text-align: center;}
		#sidebar li.rss a {
			background: none;
			border: none;
		}
		#sidebar li.rss a:focus,
		#sidebar li.rss a:active {outline: 1px dotted #000;}
		
/*---------------
comments
---------------------------------------------*/
#comments-layout {margin: 0 0 2em;}
#respond, #comments-layout {
	background-color: #fff;
	padding: 1em 54px 1em 60px;
}
#respond {margin-bottom: 2em;}
	/*#respond h3, #comments-layout h3 {
			margin: .5em 0 1em;
			font-size: 1.125em;
		}*/
	/*comments list*/
	ol.commentlist li {
		margin: 0 0 1.125em;
		padding: 1em;
		list-style: none;
		position: relative;
		background: #fff url(images/bg_comment.jpg) repeat-x;
	}
		ol.commentlist li div.commentmetadata {
			position: absolute;
			left: 0;
			top: 0;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-size: .75em;
		}
			ol.commentlist li div.commentmetadata a {
				color: #000;
				border-bottom: 1px dotted #666;
			}
			ol.commentlist li div.commentmetadata a:focus,
			ol.commentlist li div.commentmetadata a:active {
				color: #fff;
				border-bottom: none;
			}
		ol.commentlist li div.comment-author {
			margin: 2.2em 0 1em;
			padding: .2em 0 .2em 20px;
			font-size: .875em;
			color: #666;
			background: url(images/user_comment.gif) 0 50% no-repeat;
		}
			ol.commentlist li div.comment-author img {
				position: absolute;
				top: -5px;
				right: 0;
				border: 4px solid #fff;
			}
			ol.commentlist li div.comment-author cite {
				font-style: normal;
				font-weight: bold;
				color: #c30;
			}
		ol.commentlist li p {
			font-size: .875em;
			margin: 0 0 1.125em;
			line-height: 1.5em;
		}
		/*comments form*/
		#content form {
			margin: 0 0 3em;
			position: relative;
		}
			#content form h3 {margin-bottom: 1em;}
			#content form {font-size: .75em;}
				#content form label {
					display: block;
					padding: 0;
					margin: .5em 0 0;
					font-weight: bold;
				}
				#content form input,
				#content form textarea {
					width: 40%;
					padding: 4px;
					margin: .5em 0 0;
					border: 1px solid #999;
				}
				#content form select {margin: .5em 0 0;}
				#content form input:focus,
				#content form textarea:focus {
					background: #333;
					color: #fff;
					border-color: #fff;
				}
				#content form small {
					font-weight: normal;
					color: #666;
					margin: 0;
				}
				#content form #submit {
					font-weight: bold;
					width: 169px;
					height: 42px;
					padding: 0;
					border: none;
				}
			#content #nota {
				position: absolute;
				right: 0;
				top: 5.8em;
				width: 45%;
				padding: .8em 1em;
				background: #ebebeb;
			}
				#content #nota h4 {
					margin: 0 0 1em;
					font-size: .75em;
				}
				#content #nota p {
					font-size: .75em;
					margin: 0 0 1.125em;
					line-height: 1.5em;
					color: #666;
				}
				
/*---------------
Avisos
---------------------------------------------*/
#avis {
	margin: 8px 0 2em;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 1em 54px 1em 60px;
}
	#avis h2 {
		background: #fff no-repeat;
		padding: 0;
		font-weight: normal;
		color: #000;
	}
	#avis div.entry {
		background: #fff no-repeat;
		padding-left: 85px;
	}
	#avis.alerta div.entry {background-image: url(images/alerta.jpg);}
	#avis.ok div.entry {background-image: url(images/accept.png);}
	
	#avis p,
	#avis li {
		font-size: .875em;
		line-height: 1.5em;
		font-family: Georgia, Times, "Times New Roman", serif;
	}
	#avis li {
		background: url(images/kland_llista.jpg) 0 .3em no-repeat;
		padding-left: 25px;
		line-height: 2em;
	}

/*---------------
periodistes
---------------------------------------------*/
#content h2.alt {font-weight: bold;}
#content #post-7 h3 {
	font-size: .75em;
	margin: 0 0 1em;
}
#content #post-7 p {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: .875em;
	line-height: 1.5em;
	margin: 0 0 1.286em;
}
#content form small {
	position: static;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}
#content #post-7 form fieldset {
	margin: 0 0 1.125em;
	padding: 0 1em 1em;
	background: #f0f0f0;
}
#content form legend {
	font-weight: bold;
	color: #000;
	padding: 0 0 1em;
	margin: 0 0 0 -12px;
}
#content form fieldset#personal,
#content form fieldset div#adr {
	width: 44%;
	float: left;
}
#content form fieldset#mitja,
#content form fieldset div#tel {
	width: 44%;
	float: right;
}
#content form fieldset div#adr {
	margin-left: 1em;
	padding-bottom: 1em;
}
#content form fieldset div#tel {margin-right: 1em;}
#content form fieldset#contact {
	clear: both;
	padding: 0;
}
	#content form fieldset#contact legend {margin-left: 0;}
	#content form fieldset input {width: 95%;}
	#content form fieldset div#tipus,
	#content form fieldset div#pais {
		width: 49%;
		float: left;
		margin-bottom: .8em;
	}
	#content form fieldset div#pais {width: 40%;}
	#content form fieldset div#esp,
	#content form fieldset div#ca {
		width: 49%;
		float: right;
		margin-bottom: .8em;
	}
	#content form fieldset div#ca {width: 57%;}
	#content form fieldset#idioma {clear: both;}
#content form input#stnl_cp {width: 50%;}
#content form fieldset.radios input {
	width: auto;
	border: none;
	padding: 0;
}

/*---------------
paginació
---------------------------------------------*/
.wp-pagenavi {
	margin: 0 0 2em;
	text-align: center;
	font-size: .75em;
	font-weight: bold;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: .4em .5em;
	margin: 2px;
	text-decoration: none;
	color: #333;
	border: none;
	background-color: #fff;	
}
.wp-pagenavi a:visited {
	padding: .4em .5em;
	margin: 2px;
	text-decoration: none;
	background-color: #fff;	
}
.wp-pagenavi a:hover {	
	color: #fff;
	background-color: #005f31;
}
.wp-pagenavi a:active,
.wp-pagenavi a:focus {
	padding: .4em .5em;
	margin: 2px;
	text-decoration: none;
	color: #fff;
	background-color: #005f31;
	outline: 1px dotted #000;
}
.wp-pagenavi span.pages {
	padding: .4em .5em;
	margin: 2px;
	color: #fff;
	background-color: #005f31;
}
.wp-pagenavi span.current {
	padding: .4em .5em;
	margin: 2px;
	color: #fff;
	background-color: #005f31;
}
.wp-pagenavi span.extend {
	padding: .4em .5em;
	margin: 2px;	
	color: #fff;
	background-color: #005f31;
}
	
/*---------------
footer
---------------------------------------------*/
#footer {
	background: #005f31 url(images/bg_footer.jpg) repeat-x;
	height: 9.688em;
	padding: 65px 40px 18px 40px;
}
	#footer div {
		border-left: 1px solid #fff;
		padding: 0 0 0 20px;
	}
		#footer div#clinic {
			width: 30%;
			float: left;
		}
			#footer div#clinic p {
				font-size: 1.375em;
				color: #fff;
				margin: .5em 0;
			}
		#footer div#altres {
			width: 63%;
			float: right;
		}
			#footer div#altres h2 {margin: 0 0 .5em;}
			#footer div#altres li {display: inline;}
				#footer div#altres li a {
					display: block;
					float: left;
					margin: 0 30px 0 0;
					border: none;
					background: none;
				}
				#footer div#altres li a:focus,
				#footer div#altres li a:active {outline: 1px dotted #000;}
				
/*---------------
varis
---------------------------------------------*/
#content form#searchform input#searchsubmit {
	width: 119px;
	height: 32px;
	margin: 0 0 0 5px;
	border: none;
	color: #fff;
	background: #fe8709 url(../gif/bt_search.jpg) no-repeat;
	font-size: 1.3em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	position: relative;
	top: 1px;
}

/*----------
sociable plugin
---------------------------------------------*/
#content .sociable ul li {display: inline}
	#content .sociable ul li a {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		border: none;
	}
#content .sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}
#content .sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
#content .sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}