/*
Barnaclínic, 2010
*/


/* =========== */
/* = GENERAL = */
/* =========== */
/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */


/* =================== */
/* = ALTRES ELEMENTS = */
/* =================== */
.l {
    float: left;
}

#main ul li {
    background: url("images2010/llistat_nivell_1.gif") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
    margin: 0 0 0.5em;
    padding-left: 20px;
	list-style:none;
}
.destacat2 {
	background: #efeff1;
	margin-bottom: 1.3125em;
	padding: 18px 18px 1px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
	.destacat2 h3 {
		background: url('images2010/kland_h3.gif') 0 50% no-repeat;
		padding: 0 0 0 20px;
		border: none;
		color: #333;
		font-weight: bold;
	}
	#main .destacat2 ul li {
		background: url('images2010/llistat_nivell_1b.gif') 0 6px no-repeat;
		margin: 0 0 0.5em;
		padding-left: 20px;
		list-style:none;
	}
	.destacat2 .wrapper {
		padding-left: 20px;
		background: none;
		margin: 0;
	}
		#main .destacat2 .wrapper li {
			background: url('images2010/llistat_nivell_1b.gif') 0 6px no-repeat;
			margin: 0 0 0.5em;
			padding-left: 20px;
			list-style:none;
		}
	.destacat2 .bt {
		text-align: center;
		width: 55%;
		margin: 0 auto;
	}
	.destacat2 div.hospi,
	.destacat2 div.pdf {
		float: left;
		padding: 85px 30px 0 0;
		margin-bottom: 1em;
	}
		.destacat2 div.hospi p,
		.destacat2 div.pdf p {margin-bottom: 0;}
	.destacat2 div.hospi {
		border-right: 1px dotted #666;
		background: url('images2010/pict_hospitalizacion.jpg') no-repeat;
		margin-right: 18px;
	}
		.destacat2 div h3 {
			background: none;
			padding-left: 0;
			margin-bottom: .5em;
		}
	.destacat2 div.pdf {
		background: url('images2010/pict_folleto.jpg') no-repeat;
		text-indent: 9px;
	}
div.border {
	border-top: 1px solid #ccc;
	margin-bottom: 1.5em;
	padding-top: 1.5em;
}
	div.border p {padding-left: 15px;}
/*box*/
div.box {
	background: #efeff1;
	border-bottom: 1px solid #999;
	margin-bottom: 2.5em;
	padding: 20px 17px 0;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
/*bt*/
.bt a,
/*#step .bts input*/,
#pacients .bts input,
.savi #content_main .bts input {
	position: relative;
	display: block;
	border: 1px solid #999;
	border-bottom-width: 2px;
	color: #333;
	font-size: 1.125em;
	padding: 6px 9px;
	margin-bottom: 1.3125em;
	text-decoration: none;
	font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	line-height: 1.1;

	background: #EFEEEB; /* fallback background */
	background: -moz-linear-gradient(top, #EFEEEB 0%, #CECDC8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEEEB), color-stop(100%,#CECDC8));

	-moz-transition: background .3s ease;
	-webkit-transition: background .3s ease;
	-o-transition: background .3s ease;
	transition: background .3s ease;
}
#step .bts input.button{
	font-size: 1.1em;
    padding: .6em 2em .5em;
}
.wf-loading .bt a,
.wf-loading #step .bts input,
.wf-loading #pacients .bts input,
.wf-loading .savi .bts input {visibility: hidden;}
.wf-active .bt a,
.wf-active #step .bts input,
.wf-active #pacients .bts input,
.wf-active .savi .bts input {visibility: visible;}
	.bt a:hover,
	#step .bts input:hover,
	#pacients .bts input:hover,
	.savi  #content_main .bts input:hover {background: #CECDC8;}

/* ======================= */
/* = ATENCIÓN AL VIAJERO = */
/* ======================= */
div.intro {
	padding-right: 315px;
	background: url('images2010/viajero.jpg') 100% 0 no-repeat;
}
	.intro h1 {
		font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 34px;
		font-weight: normal;
		line-height: 1.2;
		text-transform:none;
	}
	.wf-loading .intro h1 {visibility: hidden;}
	.wf-active .intro h1 {visibility: visible;}
		.intro h1 span {
			display: block;
			float: left;
			/*width: 146px;*/
			width: 155px;
		}
		.intro h1 em {
			font-style: normal;
			font-size: 78px;
			color: #363;
			line-height: .5;
		}
			.intro h1 em span {
				font-size: .79497em;
				width: auto;
				line-height: 1.6;
			}
		.intro h1.en span {
			width: 195px;
		}
		.intro h1.en em {
			line-height: 110%;
		}
.box2 {
	border-bottom: 1px solid #999;
	padding: 23px 23px 0;
	margin-bottom: 1.3125em;

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

	background: #DDE4D2; /* fallback background */
	background: -moz-linear-gradient(top, #DDE4D2 0%, #AEDECB 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDE4D2), color-stop(100%,#AEDECB));
}
#antes {
/*
	width: 48%;
	float: left;
*/
}
#despues {
	width: 48%;
	float: right;
}
	#despues p {margin-bottom: 1em;}
#servicios {
	clear: both;
	}
.info {position: relative;}
	.info h2 {
		font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 2.125em;
		font-weight: normal;
		padding: .5em 200px .5em 20px;
		margin-bottom: 0;
		color: #363;
		background: 100% 100% no-repeat;
	}
	.wf-loading .info h2 {visibility: hidden;}
	.wf-active .info h2 {visibility: visible;}
		.info h2 em {
			color: #333;
			font-style: normal;
		}
	#antes h2 {background-image: url('images2010/pict_antes.gif'); padding-top: 1.5em;text-transform:none;}
	#despues h2 {background-image: url('images2010/pict_despues.gif');text-transform:none;}
	#servicios h2 {
		color: #333;
		padding-top: 1.5em;
		padding-right: 0;
		ext-transform:none;
		background-image: url('images2010/ico_servicios_y_precios.jpg');
	}
	#main .info li {
		list-style:none;
		padding-left: 20px;
		background: url('images2010/kland_info.png') 0 6px no-repeat;
	}
	#antes p {
		font-weight: bold;
		margin-bottom: 1em;
	}
		.info .box2 div {
			border-bottom: 1px dotted #999;
		    margin-bottom: 1em;
		    padding-bottom: 1em;
		}
		.info .box2 div:last-child {
			border-bottom: none;
			padding-bottom: 0;
		}
			.info h3 {
				font-size: 1.3125em;
				margin-bottom: .5em;
				padding: 0;
				border: none;
				font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
				color: #333;
			}
			.wf-loading .info h3 {visibility: hidden;}
			.wf-active .info h3 {visibility: visible;}
			.info p {
				font-size: .875em;
				margin-bottom: 0;
			}


/*pagination*/
#pagination {
	position: relative;
	margin: 0 0 1.3125em;
	border-bottom: none;
	clear: both;
}
	#pagination p {
		position: absolute;
		background-repeat: no-repeat;
		margin: 0;
		font-size: .8125em;
	}
	#pagination p#ant {
		left: 0;
		top: -.25em;
	}
	#pagination p#seg {
		right: 0;
		top: -.25em;
	}
		#pagination p a {
			padding: .5em 0;
			display: block;
			text-decoration: none;
		}
		#pagination p a:hover {text-decoration: underline;}
	#pagination ol {
		list-style: none;
		margin: 0 0 0 20%;
	}
		#pagination ol li {
			background: #D85217;
			margin: 0 5px 0;
			padding: 0;
			font-size: .928em;
			line-height: 2;
			color: #fff;
			width: 2em;
			float: left;
			text-align: center;
		}
			#pagination ol li a {
				background: #f3f3f3;
				color: #666;
				text-decoration: none;
				padding: 0;
				display: block;
			}
			#pagination ol li#espai {
				background: none;
				color: #D85217;
			}
			#pagination ol li a:hover {
				background: #D85217;
				color: #fff;
			}
 #pagination {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #C3C1B8
}
	#pagination p#ant,
	#pagination p#seg {top: .75em;}
	 #pagination ol {margin-left: 30%;}

/* ================================== */
/* = PROFESIONALES - ESPECIALIDADES = */
/* ================================== */
#cercador {
	margin-bottom: 1.3125em;
	background: #f1f1f1;
	padding: 0 60px 25px 30px;
	border-top: 39px solid #fff;
}
	/*profesionales*/
	#cercador .prof {
		float: left;
		width: 52%;
		margin-top: -39px;
		background: url('images2010/bg_form_cerca.gif') no-repeat;
		padding: 100px 0 30px 127px;
	}
		#cercador input {
			padding: 9px 8px 10px 17px;
			/*width: 69%;*/
			width: 58%;
			margin-right: .9em;
			border: 1px solid #ccc;

			background: #fff;
			background: -moz-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#FFFFFF));
		}
		#cercador .prof span {
			left: -7px;
			top: -8px;
		}
	#cercador .inicial {
		float: right;
		width: 45%;
		margin-top: 30px;
		padding-left: 38px;
		border-left: 1px dotted #C3C1B8;
	}
		#cercador p {
			margin-bottom: .5em;
			color: #666;
		}
		#cercador ol {
			border: none;
			padding: 0;
			margin-bottom: .5em;
		}
		/*especialidades*/
		#cercador .form {
			float: left;
			width: 46%;
			background: url('images2010/icon_especialidades.png') no-repeat;
			margin-top: 22px;
			padding-left: 10%;
		}
		#cercador .dest {
			float: right;
			width: 45%;
			margin-top: 22px;

		}
			#cercador .dest ul{
				margin-left:0;
				list-style:none;
			}
			#cercador .dest li {
				float: left;
				width: 49%;
				background: url("images2010/llistat_nivell_1b.gif") no-repeat 0 3px;
				padding-left:15px;
				line-height:1.3;
				margin-bottom:.5em;
				font-size:.9em;

			}
/*llistat resultats*/
.results {
	list-style: none;
	float: left;
	width: 44%;
	margin: 0 3%;
}
	.results li h2 {
		text-transform: uppercase;
		font-size: 1.5em;
		border: 1px dotted #333;
		border-width: 1px 0;
		padding: .5em 0 .5em 3px;
		margin: 0;
	}
		.results ol {list-style: none;margin-left:0;}
		.results ol li {
			border-bottom: 1px dotted #C3C1B8;
			background: url('images2010/llistat_nivell_1.gif') 4px 16px no-repeat;
			padding: 15px 0 15px 20px;
			margin: 0;
			float: none;
			width: auto;
			line-height: 1;
		}
		.results ol li.last {border-bottom: none;}
			.results ol div {
				font-style: italic;
				color: #666;
				margin-top: .5em;
			}
				.results ol ol {
					margin-top: .25em;
					margin-bottom: -1.154em;
				}
					.results ol ol li {
						border: none;
						padding-top: 10px;
						padding-bottom: 10px;
						background-position: 0 12px;
						padding-left: 16px;
					}

/* ================= */
/* = DÓNDE ESTAMOS = */
/* ================= */
#map {
	float: left;
	width: 48%;
	margin-bottom: 1.3125em;
	overflow: hidden;
}
#dir-tel {
	float: right;
	width: 48%;
}
#transp {
	float: left;
	width: 48%;

}
div.inf h2 {
	font-size: 1em;
	background: url('images2010/kland_h2.gif') 0 50% no-repeat;
	padding-left: 20px;
}
div.inf h3 {
	font-size: .75em;
	color: #333;
	border: none;
	margin-bottom: .25em;
	padding: 0;
	font-weight: bold;
}
	div.inf h3 span {font-weight: normal;}
div.inf p {font-size: .75em;}
div.inf p.tel {
	font-size: 1.125em;
	font-weight: bold;
	margin: -1em 0 0;
}
div.inf dl {
	font-size: .75em;
	padding: 0;
	border: none;
}
	div.inf dt {
		padding: 0 0 1em 29px;
		font-weight: bold;
		background: no-repeat;
		float: none;
		clear: none;
	}
	div.inf dt.bus {background-image: url('images2010/icon_bus.gif');}
	div.inf dt.metro {background-image: url('images2010/icon_metro.gif');}
	div.inf dt.ffcc {background-image: url('images2010/icon_ffcc.gif');}
	div.inf dd {text-transform: none;}
	div.inf dd {
		margin-bottom: .5em;
		margin-left: 29px;
		margin-top: -1em;
	}

/* =============== */
/* = CONTENT_SUB = */
/* =============== */
#content_sub img {max-width: 100%;}

.module {margin-bottom: 1.3125em;}
	.module h2 {
		background: #efeff1;
		margin-bottom: .75em;
		padding: 10px;
		font-size: 1.25em;
		font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-weight: normal;
		position: relative;
	}
	.wf-loading .module h2 {visibility: hidden;}
	.wf-active .module h2 {visibility: visible;}
		.module h2 span {
			display: block;
			position: absolute;
			background: no-repeat;
		}
		#llegar h2 span {
			width: 29px;
			height: 31px;
			background: url('images2010/icon_comollegar.png');
			right: 10px;
			top: -5px;
		}
		#profesionales h2 span {
			width: 40px;
			height: 44px;
			background: url('images2010/icon_profesionales.png');
			right: 4px;
			bottom: 0;
		}
	.module h3 {
		color: #333;
		font-size: .9375em;
		border: none;
		margin-bottom: .5em;
		padding: 0;
		font-weight: bold;
	}
	.module p {
		font-size: .8125em;
		margin-bottom: .25em;
	}
	.module li {font-size: .928em;}
#content_sub #cita {
	float: none;
	width: auto;
	margin-bottom: 1.3125em;
	margin-top: 2em;
}
#noticias_rel {
	background: #ffc;
	border-bottom: 1px dotted #C3C1B8;
}
	#noticias_rel ul {margin-bottom: 0;}
		#noticias_rel li {
			background: none;
			padding: 1em 14px;
			margin-bottom: 0;
			border-bottom: 1px dotted #C3C1B8;
		}
			#noticias_rel h2 {
				background: #efeff1 url('images2010/icon_noticias_rel.gif') 100% 50% no-repeat;
				padding-right: 27px;
				margin-bottom: 0;
			}
			#noticias_rel h3 {
				font-size: 1.231em;
				margin-bottom: 0;
			}
				#noticias_rel h3 a {
					text-decoration: none;
					color: #333;
				}
				#noticias_rel h3 a:hover {text-decoration: underline;}
			#noticias_rel .data {
				font-weight: bold;
				color: #888372;
				font-size: .923em;
			}
	#noticias_rel .more {margin: .5em 14px;}
#content_sub #info_practica {background: #efeff1 url('images2010/pict_tel.gif') 100% 15px no-repeat;}
#content_sub #info_practica h3 {
	font-family: "ff-dax-compact-web-pro",Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	color: #333;
	border: none;
	text-transform: uppercase;
	padding: 0;
	margin-bottom: .5em;
	line-height: 1.2;
}
.wf-loading #content_sub #info_practica h3 {visibility: hidden;}
.wf-active #content_sub #info_practica h3 {visibility: visible;}
#content_sub #info_practica h4 {
	font-size: .875em;
	font-weight: bold;
	border: none;
	color: #333;
	padding-bottom: 0;
	margin-bottom: .5em;
}
#content_sub #info_practica h4.horario {padding-right: 35px;}
#content_sub #info_practica p {
	line-height: 1.25;
	border-bottom: 1px solid #ccc;
	padding-bottom: .75em;
	margin-bottom: .75em;
}
#content_sub #info_practica p:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
	#content_sub #info_practica .tel {
		font-weight: bold;
		font-size: 1.286em;
		display: block;
	}
#content_sub #servicio {padding-top: 10px;}
	#content_sub #servicio h3 {
		font-family: "ff-dax-compact-web-pro",Arial,Helvetica,sans-serif;
		font-size: .875em;
		color: #333;
		border: none;
		padding: 7px 20px 7px 0;
		margin-bottom: .5em;
		background: url('images2010/icon_cita_petit.gif') 100% 50% no-repeat;
	}
	.wf-loading #content_sub #servicio h3 {visibility: hidden;}
	.wf-active #content_sub #servicio h3 {visibility: visible;}

/* ============ */
/* = NOTICIAS = */
/* ============ */
#content_main.news div {
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 1.3125em;
	padding-bottom: .5em;
	position: relative;
}
	#content_main.news h2 {
		font-size: 1.125em;
		padding-top: 1.25em;
		margin: 0 120px .5em 0;
	}
	#content_main.news p {margin: 0 120px .5em 0;}
	#content_main.news img {
		position: absolute;
		right: 0;
		top: 0;
	}
	#content_main.news .data,
	.fitxa p.data {
		position: absolute;
		top: 0;
		left: 0;
		font-size: .75em;
		font-weight: bold;
		color: #878372;
	}
#content_main.news #pagination {border-bottom: none;}
	#content_main.news #pagination p {margin-right: 0;}
/* fitxa notícies */
.fitxa {position: relative;}
.fitxa h1 {
	font-size: 1.5em;
	margin-bottom: .75em;
	padding-top: 1.25em;
}
.fitxa dl {
	padding: 14px;
	border: none;
	background: #e9e9e9;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
	.fitxa dd {text-transform: none;}

	.fitxa div.image {text-align: center;}
	.fitxa div.image-left {text-align: left;float:left;margin-right:1em;}
/* ================== */
/* = FITXA ESPECIAL = */
/* ================== */
#nav_sub2 {
	float: none;
	width: auto;
}
	#nav_sub2 h1 {
		font-size: 3.5em;
		font-weight: normal;
		color: #D85217;
		margin-bottom: .5em;
		font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		text-transform:none;
	}
	.wf-loading #nav_sub2 h1 {visibility: hidden;}
	.wf-active #nav_sub2 h1 {visibility: visible;}
	#nav_sub2 ul {
		border-bottom: 1px solid #333;
		margin-bottom: 1.8125em;
		padding: 0;
		line-height:1;
		background: #AB400F; /* fallback background */
		background: -moz-linear-gradient(top, #AB400F 0%, #CF4E16 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AB400F), color-stop(100%,#CF4E16));
	}
		#nav_sub2 ul li {
			background: none;
		    display: inline-block;
		    margin: 0;
		    padding: 0;
			border-right: 1px solid #000;
		}
			#nav_sub2 ul a {
				display: block;
				margin-left: -4px;
				text-decoration: none;
				color: #fff;
				padding: 14px 18px 10px;
				display:block;
				font-size: 1.125em;
				font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
			}
			.wf-loading #nav_sub2 ul a {visibility: hidden;}
			.wf-active #nav_sub2 ul a {visibility: visible;}
			#nav_sub2 ul li.first a{border-left: none;margin-left: 0;}
			#nav_sub2 li.last {border-right: none;}
			#nav_sub2 a:hover {text-decoration: underline;border-bottom:none;}

			#nav_sub2 .current a,#nav_sub2 .active a {
				background: #7B2E0D; /* fallback background */
				background: -moz-linear-gradient(top, #7B2E0D 0%, #7B2E0D 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7B2E0D), color-stop(100%,#7B2E0D));
				margin-top: 0;

			}
p.intro {
	font-size: 1em;
	border-bottom: 1px solid #cecece;
	margin-bottom: 1.3125em;
	padding-bottom: 1.3125em;
}
/*Ortodoncia*/
div.presentacio {background: 100% 0 no-repeat;}
#ortodoncia div.presentacio {
	background-image: url('images2010/bg_ortodoncia.jpg');
	padding-right: 466px;
}
	div.presentacio h2 {
		font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 1.625em;
		font-weight: normal;
		color: #363;
		line-height: 1.2;
		margin-bottom: .81em;
	}
	.wf-loading div.presentacio h2 {visibility: hidden;}
	.wf-active div.presentacio h2 {visibility: visible;}
		div.presentacio .box p {font-size: .875em;}
		div.presentacio .box h2 {
			color: #333;
			background: 100% 0 no-repeat;
		}
		#ortodoncia div.presentacio .box h2 {
			margin: -1.5em 0 .5em;
			padding: 40px 50px 0 0;
			background-image: url('images2010/pict_ortodoncia.png');
			position: relative;
		}
	#ortodoncia p.intro {
		padding-bottom: 0;
		border: none;
	}
div.tipologia {
	background: #efeff1;
	margin-bottom: 1.3125em;
	padding: 15px 15px 0;
}
	div.tipologia h4 {
		font-size: 1.125em;
		color: #333;
		font-weight: bold;
		border-bottom-color: #999;
		margin-bottom: .8em;
	}
	div.tipologia h5 {
		font-size: 1em;
		background: #ccc url('images2010/kland_tipologia_1.gif') 12px 50% no-repeat;
		margin-bottom: .875em;
		padding: 10px 10px 10px 30px;
	}
	div.tipologia ul {
		margin-left: 30px;
		margin-bottom: 1em;
	}
		#main div.tipologia ul li {
			background: url('images2010/kland_tipologia_2.gif') 0 .3em no-repeat;
			border-bottom: 1px solid #ccc;
			margin-bottom: .5em;
			padding-bottom: .5em;
			list-style:none;
			padding-left:20px;
			font-size:.85em;
		}
		div.tipologia ul li:last-child {
			border-bottom: none;
			margin-bottom: 0;
		}
			div.tipologia ul li div {
				background: #fff;
				float: right;
				width: 80%;
				min-height: 99px;
				padding-top: 10px;
			}
			div.tipologia ul li div.last {
				margin-top: 10px;
			}
				div.tipologia ul li div img {
					margin: -10px 10px 0 0;
					float: left;
				}
			div.tipologia ul li ul {margin: 0;}
				div.tipologia ul li ul li {
					background: none;
					border: none;
					padding: 0;
					margin: 0;
				}
/*Psiquiatria perinatal*/
#psiq_perinatal div.presentacio {
	background-image: url('images2010/bg_psiq_perinatal.gif');
	padding-right: 315px;
	position: relative;
}
#psiq_perinatal div.presentacio .box {
	width: 243px;
	margin-top: 3em;
}
	#psiq_perinatal div.presentacio .box h2 {
		background: url('images2010/pict_perinatal.gif') 100% 0 no-repeat;
		padding: 48px 40px 15px 0;
		margin: -51px 0 0 0;
	}
/*Esclerosis múltiple*/
#esclerosis div.presentacio {
	background-image: url('images2010/bg_esclerosis.jpg');
	padding-right: 315px;
}
	#esclerosis .box2 {position: relative;}
	#esclerosis .box2 span {
		position: absolute;
		display: block;
		width: 137px;
		height: 107px;
		background: url('images2010/pict_esclerosis.gif');
		right: 20px;
		top: -107px;
	}
		#esclerosis .box2 .clearfix {
			background: url('images2010/separador_box2.gif') 380px 0 repeat-y;
			margin-bottom: 1.3125em;
		}
			#esclerosis #diagnostico {
				float: left;
				width: 46%;
			}
				#esclerosis #diagnostico h2 {
					font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
					color: #363;
					font-size: 1.5em;
					font-weight: normal;
				}
				.wf-loading #diagnostico h2 {visibility: hidden;}
				.wf-active #diagnostico h2 {visibility: visible;}
			#esclerosis #aspectos {
				float: right;
				width: 46%;
			}
			#esclerosis #recursos {
				clear: both;
				border-top: 1px solid #90AD99;
				padding-top: 1.3125em;
			}
/*Cirugía Cardiovascular*/
#cirurgia_cardiovascular div.presentacio {
	background-image: url('images2010/cirugia-cardiovascular.jpg');
	padding-right: 475px;
	position: relative;
	min-height:383px;
}
#cirurgia_cardiovascular div.destacat2 {
	margin-top:3em;
	display:block;
}
#cirurgia_cardiovascular div.destacat2 h2,#cirurgia_cardiovascular div.destacat2 h3  {
    font-family: "ff-dax-compact-web-pro",Arial,Helvetica,sans-serif;
    font-size: 1.625em;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0.51em;
    padding-bottom: 0.51em;
    border-bottom:solid 1px #BABABC;
	text-transform:none;
	background:none;
}

#cirurgia_cardiovascular div.destacat2 ul li{
	list-style:none;
	background: url('images2010/kland_faq.gif') 0 6px no-repeat;
    float: left;
    width: 45%;
	padding-left:20px;
    padding-right:.5em;
	font-size:.85em;
	margin-bottom:5px;
}
#cirurgia_cardiovascular_int ul.tratamiento {padding-top: 20px;margin-left:0;}
#cirurgia_cardiovascular_int ul.tratamiento li{
	 background-color: #EFEFEF;
	 background-image:none;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 1em;
    padding: 15px 15px 15px 37px;
	list-style:none;
	font-size:.85em;
	}
	#cirurgia_cardiovascular_int ul.tratamiento li strong{
		display:block;
		margin-bottom:.6em;
		font-size:1.1em;
	}
	#cirurgia_cardiovascular_int #tratamiento{
		padding:0;
	}
	#cirurgia_cardiovascular_int #tratamiento:before{background:none;}
	#cirurgia_cardiovascular_int ul.tratamiento li.first {
		position: relative;
		padding-right: 360px;
	}
		#cirurgia_cardiovascular_int ul.tratamiento li.first span {
			position: absolute;
			width: 349px;
			height: 275px;
			background: url('images2010/cirugia-cardiovascular-tratamiento.png') no-repeat;
			right: 0;
			bottom: 20px;
		}
/*Unitat de genoll*/
#genoll.portada #content_main {
	position: relative;
	top: -40px;
}
#genoll .presentacio {
	background: #DFDFD0 url('images2010/genoll_presentacio-1.jpg') 100% 0 no-repeat;
	padding: 40px 50px 0 40px;
	margin-bottom: 1.5em;
}
	#genoll .presentacio p {
		background: url('images2010/genoll_presentacio-2.jpg') 100% 0 no-repeat;
		font-size: 1.375em;
		padding: 40px 312px 32px 0;
		margin: 0;
		line-height: 1.3;
	}
#genoll .destacats .box {
	float: left;
	width: 30.75%;
	margin-right: 3.8%;
	min-height: 25em;
	font-size:.85em;
}
#genoll .destacats .protesis {
	margin-right: 0;
	float: right;
}
#genoll .videos {
	background: #222;
	margin-bottom: 1.5em;
}
	#genoll .video {
		float: left;
		width: 41.5%;
	}
		#genoll .video img {margin: 0;}
	#genoll .nav-videos {
		width: 58.5%;
		float: right;
		margin: 0;
	}
		#genoll .nav-videos li {
			border-bottom: 1px solid #555;
			background: none;
			padding: 1em;
			margin: 0;
		}
		#genoll .nav-videos li:last-child {border-bottom: none;}
			#genoll .nav-videos h3,
			#genoll .nav-videos h4 {
				margin: 0 0 .25em;
				border: none;
				padding: 0;
				font-size: 1.142em;
				line-height: 1.2;
				color: #D75217;
			}
				#genoll .nav-videos h3 a,
				#genoll .nav-videos h4 a {
					text-decoration: none;
					/*color: #868695;*/
				}
				#genoll .nav-videos h3 a
				{
					color: #D75217;
				}
				/*#genoll .nav-videos h3 a:hover,
				#genoll .nav-videos h4 a:hover {text-decoration: underline;}*/
			#genoll .nav-videos p {
				margin: 0;
				font-size: .857em;
				color: #868695;
				line-height: 1.2;
			}
			#genoll .nav-videos .active p {color: #DFDFD0;}
.intro-genoll p {font-size: 1em;}
div.border.foto {
	position: relative;
	padding-right: 200px;
}
	div.border.foto .foto {
		position: absolute;
		right: 2em;
		bottom: -1.5em;
		width: 146px;
		height: 154px;
		background: url('images2010/genoll.png') no-repeat;
	}

/*Genèrica*/
.presentacio img.l {margin: 0 20px 20px 0;}
.presentacio img.r {margin: 0 0 20px 20px;}
.caract {list-style: none;}
	.caract li {position: relative;list-style: none;}
		.caract .box2 {
			padding-left: 95px;
			min-height: 8em;
		}
		.caract h3 {
			font-size: 1.75em;
			font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
			color: #363;
			font-weight: normal;
			padding: 0;
			border: none;
			margin-bottom: .5em;
			margin-top: 0;
		}
			.caract span {
				font-size: 2.75em;
				font-weight: bold;
				display: block;
				position: absolute;
				left: 20px;
				top: 10px;
			}
		.caract p {font-size: .85em}
		.caract ul {background: url('images2010/borders.gif') 190px 0 repeat-y;margin-left:0;margin-bottom:1em;}
			#main .caract ul li {
				width: 174px;
				float: left;
				font-size: 1em;
				background: none;
				padding: 0;
				margin-right: 34px;
				list-style:none;
			}
			.caract ul li.last {margin-right: 0;}
				.caract ul h4 {
					border: none;
					padding: 0;
					font-size: 1.166em;
					font-weight: bold;
					color: #000;
					margin-bottom: 0;
				}
				.caract ul p {
					font-size: .85em;
					margin-bottom: 1.5em;
				}
#main .faq li {
	margin-bottom: 1em;
	background: #efefef url('images2010/kland_faq.gif') 15px 23px no-repeat;
	padding: 15px 15px 15px 37px;
	list-style:none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	font-size:.85em;
}
	.faq li h3 {
		font-weight: bold;
		color: #000;
		margin-bottom: .5em;
		padding: 0;
		border: none;
		font-size:1.25em;
	}
	.faq li p {
		margin-bottom: 0;
	}

/* ================== */
/* = SOLICITAR CITA = */
/* ================== */
#solicitar_cita ol li {
	float: left;
	width: 175px;
	height: 71px;
	padding: 0 28px;
	background: url('images2010/step.png') 0 -71px no-repeat;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 1.3125em -14px;
	list-style: none;
	line-height: 1.3;
}
#solicitar_cita li.step1,
#solicitar_cita li.step3 {
	padding-top: 15px;
	/*height: 56px;*/
}
#solicitar_cita li.step2,
#solicitar_cita li.step4 {
	padding-top: 25px;
	/*height: 46px;*/
}
#solicitar_cita ol li.first {
	margin-left: 0;
	background-position: 0 0;
}
#solicitar_cita ol li.first.current {background-position: 0 -142px;}
#solicitar_cita ol li.current {color: #fff;}
#solicitar_cita ol li.current {background-position: 0 -213px;}
#step {
	clear: left;
	background: #efeff1;
	margin-bottom: 1.3125em;
	padding: 20px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
	#step h2 {
		border-bottom: 1px solid #ccc;
		padding-bottom: .5em;
		text-align:center;
	}
	#step p.intro {
		font-size: .8125em;
		border: none;
		padding: 0;
	}
	#step p.linia {
		border-top: 1px solid #ccc;
		padding-top: 1em;
	}
	#content_main label {
		font-size: 1em;
		display: block;
		margin-bottom: .5em;
	}
	#content_main input,
	#content_main textarea {
		border: 1px solid #ccc;
		padding: 10px;

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

		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px;
	}
	#step .radios input {
		background: none;
		border: none;
		padding: 0;
	}
	form small {
		display: block;
		font-size: .75em;
		margin-top: .5em;
	}
	form p.obligatoris small {
		font-weight: bold;
		font-size: 0.857em;
	}
	#step .back,
	.savi .back {
		position: static;
		display: inline;
		margin: 0 .5em;
	}
		#step .back a {
			background: url("images2010/kland_back2.gif") no-repeat 0 50%;
			padding-left:15px;

		}
	#step div {margin-bottom: 1.5em;}
			#step div select {width: 100%;}
	#step div.bts,
	#pacients div.bts,
	.savi #content_main div.bts {
		float: none;
		clear: both;
		margin-bottom: 0;
		text-align: center;
		width: auto;
	}
		#step div.bts input,
		#pacients div.bts input,
		.savi #content_main div.bts input {
			margin: 0 .5em;
			display: inline;
		}
	#step dl {border-bottom-color: #ccc;}
		#step dl div {
			border-bottom-color: #ccc;
			background: url('images2010/border.gif') 100% 0 repeat-y;
			margin: 0;
			padding-right: 2%;
			margin-right: 2%;
			float: left;
		}
			#step dt {
				font-size: .75em;
				font-weight: normal;
				display: block;
				float: none;
				clear: none;
				margin-right: 0;
			}
			#step dd {
				font-size: 1em;
				font-weight: bold;
				text-transform: none;
			}
	/*step 1*/
	.step1 div {
		float: left;
		width: 40%;
		padding: 0 5%;
	}
	/*step 2*/
	.step2 div {
		float: left;
		width: 30%;
	}
	.step2 div.dia {
		margin-left: 5%;
		margin-right: 5%;
	}
	/*step 3*/
	.step3 .radios {
		font-size: 1em;
		border-bottom: 1px solid #ccc;
	}
		.step3 .radios p {
			font-size: 1em;
			float: left;
		}
		.step3 .radios label {
			float: left;
			margin: 0 0 0 .5em;
			line-height: 1.5;
		}
	.step3 .nom_cognoms {
		padding-bottom: 1.5em;
		border-bottom: 1px solid #ccc;
	}
		#step.step3 div.nom,
		#step.step3 div.cognoms {
			width: 48%;
			float: left;
			margin-bottom: 0;
		}
		#step.step3 div.cognoms {float: right;}
			.step3 div.nom input,
			.step3 div.cognoms input {width: 92%;}
	#step.step3 .contacte {
		border-bottom: none;
		margin-bottom: 0;
	}
	.step3 .contacte_tel {border-bottom: 1px solid #ccc;}
		.step3 div.telef,
		.step3 div.horari {
			width: 48%;
			float: left;
			margin-bottom: 0;
		}
		.step3 div.horari {float: right;}
			.step3 div.telef input,
			.step3 div.horari select {width: 92%;}
	/*step 4*/
	.step4 .clearfix {border-bottom: 1px solid #ccc;}
		.step4 .ref {
	        float: left;
	        width: 48%;
		}
			.step4 .ref p {
				margin-bottom: .5em;
				font-size: .8125em;
			}
			#step.step4 .ref div {
				background: #fff;
				color: #000;
				margin-bottom: 0;
				padding: 20px;
				text-align: center;
				font-size: 1.5625em;
				font-weight: bold;
			}
		.step4 .dades {
	        float: right;
	        width: 46%;
	        border: none;
	        padding-bottom: 0;
			margin-top: 2.5em;
		}
			#step .dades dt {
				float: left;
				clear: left;
				margin-right: .5em;
			}
			#step .dades dd {
				font-weight: normal;
				font-size: .928em;
			}
/*validació*/
form label.error {
	font-size: .875em;
	margin-top: .5em;
	color: #A50E45;
	background: url('images2010/ico_alert.gif') 0 50% no-repeat;
	padding-left: 20px;
}
.savi #content_main form.cite label.error {
	display:block;
	background: none;
	padding-left: 0;
	position: absolute;
	margin-top: 0;
}
form input.error,
.savi #content_main input {border-color: #A50E45;}
#solicitar_cita .cita {
	float: left;
	margin-bottom: 1.3125em;
	padding: 5px 0 0 50px;
	background: no-repeat;
}
#solicitar_cita .presencial {
	width: 26%;
	background-image: url('images2010/pict_presencial.gif');
	border-right: 1px dotted #ccc;
	margin-right: 1em;
}
#solicitar_cita div.tel {
	background-image: url('images2010/pict_tel2.gif');
	width: 26%;
	border-right: 1px dotted #ccc;
	margin-right: 1em;
}
#solicitar_cita div.email {
	background-image: url('images2010/pict_tel2.gif');
	width: 30%;
}
	#solicitar_cita .cita h4 {
		padding: 0;
		border: none;
		color: #333;
		font-size: .875em;
		font-weight: bold;
		margin-bottom: .5em;
	}
	#solicitar_cita .cita p {margin-bottom: .5em;font-size: .85em;}
	#solicitar_cita .cita p.tel {
		font-size: 1.2em;
		font-weight: bold;
	}

/* ===================================== */
/* = FORMULARI PACIENTS INTERNACIONALS = */
/* ===================================== */
#pacients fieldset {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ccc;
}
	#pacients legend {
		font-weight: bold;
		padding-bottom: 1em;
	}
		#pacients fieldset fieldset {
			margin-bottom: 0;
			border-bottom: none;
		}
			#pacients fieldset fieldset legend {font-weight: normal;}
	#pacients div {margin-bottom: 1.5em;}
	#pacients div.nom,
	#pacients div.sexe,
	#pacients div.carrer,
	#pacients div.tel,
	#pacients div.data_cita {
		float: left;
		width: 48%;
		margin-bottom: 0;
	}
	#pacients div.cognoms,
	#pacients div.data,
	#pacients div.ciutat,
	#pacients div.email,
	#pacients div.idioma {
		float: right;
		width: 48%;
		margin-bottom: 0;
	}
		#pacients div.nom_cognoms input,
		#pacients div.adr1 input,
		#pacients div.contacte input,
		#pacients div.idioma input {width: 92%;}
	#pacients div.adr2 div {
		float: left;
		width: 31.25%;
		margin-bottom: 0;
		margin-right: 2%;
	}
	#pacients div.adr2 div.pais {float: right;}
		#pacients div.adr2 div input {width: 89%;}
	#pacients .radios p {
		font-size: 1em;
		float: left;
	}
	#pacients .radios label {
		float: left;
		margin: 0 0 0 .5em;
		line-height: 1.5;
	}
	#pacients .data input,
	#pacients .data_cita input {
		display: inline;
		width: 7%;
		clear: left;
	}
	#pacients textarea {width: 96%;}
	#pacients small {display: inline;}
	#pacients div.bts {padding-bottom: 1.5em;}

/* =========== */
/* = PORTADA = */
/* =========== */
#portada #nav_main {margin-bottom: 1.429em;}
#slider {
	position: relative;
    width: 77.13%;
	height: 348px;
	float: left;
	background: url('images2010/loading.gif') no-repeat 50% 50%;
}
	#slider a {
		border: 0;
		display: block;
	}
		#slider img {
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}
	.nivo-controlNav {
		position: absolute;
		left: 280px;
		bottom: -42px;
	}
		#slider .nivo-controlNav a {
			display: block;
			width: 22px;
			height: 22px;
			background: url('images2010/bullets.gif') no-repeat;
			text-indent: -9999px;
			border: 0;
			margin-right: 3px;
			float: left;
		}
		#slider .nivo-controlNav a.active {background-position: 0 -22px;}
		.nivo-directionNav a {
			display: block;
			width: 30px;
			height: 30px;
			background: url('images2010/arrows.png') no-repeat;
			text-indent: -9999px;
			border: 0;
		}
		a.nivo-nextNav {
			background-position: -30px 0;
			right: 15px;
		}
		a.nivo-prevNav {left: 15px;}
#info,
#cita {
	width: 17.02%;
	float: right;
}
	#info .tel {
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: .5em;
	}
	#info .llegar .icon {
		position: absolute;
		right: 14px;
		top: -7px;
		width: 29px;
		height: 31px;
		background: url('images2010/icon_comollegar.png');
	}
	#info .atencion a {padding-right: 75px;}
	#info .atencion .icon {
		position: absolute;
		right: 4px;
		top: -7px;
		width: 46px;
		height: 33px;
		background: url('images2010/icon_atencion.png');
	}
	#info h2,
	#cita h2,
	#info p,
	#cita p {margin-bottom: .5em;}
		#info h2 img,
		#info p img {margin: 0;}
#cita {position: relative;}
	/*#cita h2 {
			font-family: "ff-dax-compact-web-pro",Arial,Helvetica,sans-serif;
			font-size: 1.5em;
			text-transform: uppercase;
			font-weight: normal;
			position: relative;
			width: 50%;
			line-height: 1.1;
			margin-bottom: .5em;
		}
		.wf-loading #cita h2 {visibility: hidden;}
		.wf-active #cita h2 {visibility: visible;}*/
	#cita h2 img,
	#cita p img {margin: 0;}
	#cita .icon {
		position: absolute;
		right: 13px;
		top: -18px;
		width: 74px;
		height: 78px;
		background: url('images2010/icon_cita.png');
	}
#bienvenidos {
	clear: both;
	padding-left: 180px;
	background: url('images2010/icon_b.gif') 30px 0 no-repeat;
	margin-bottom: 3em;
}
	#bienvenidos h2 {
		font-size: 1.5em;
		margin-bottom: .5em;
	}
	#bienvenidos p {
		font-size: 1em;
		margin-bottom: .5em;
	}
	#bienvenidos p.more {
		float: left;
		margin-right: 2em;
	}
.wrapper {
	background: url('images2010/border_portada.gif') 38% 0 repeat-y;
	margin-bottom: 1.3125em;
	clear: both;
}
	.dest {color: #666;}
		.dest h2 {
			background: #efeff1;
			text-transform: uppercase;
			font-size: 1.5em;
			font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
			font-weight: normal;
			padding: 15px;
			position: relative;
			color: #333;
		}
		.wf-loading .dest h2 {visibility: hidden;}
		.wf-active .dest h2 {visibility: visible;}
			.dest h2 .icon {position: absolute;}
		#portada .dest .more,
		#portada .dest .rss {margin-bottom: 0;}
	#especialidades {
		float: left;
		width: 36.38%;
	}
		#especialidades h2 {margin-bottom: .95em;}
		#especialidades .icon {
			right: 10px;
			top: -26px;
			width: 75px;
			height: 69px;
			background: url('images2010/icon_especialidades.png');
		}
		#especialidades p {margin-bottom: .5em;}
		ol.alfabet,
		#especialidades ul {
			border-bottom: 1px dotted #C3C1B8;
			padding-bottom: 1em;
			margin-bottom: 1em;
		}
			ol.alfabet li {display: inline;}
				ol.alfabet a {
					display: block;
					float: left;
					margin: 0 4px 4px 0;
					width: 1.75em;
					color: #fff;
					background: #999;
					font-size: .928em;
					text-align: center;
					text-transform: uppercase;
					text-decoration: none;

					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					-khtml-border-radius: 4px;
					border-radius: 4px;
				}
				#container_main ol.alfabet a:visited {color: #fff;}
				#container_main ol.alfabet a:hover {background: #666;}
				ol.alfabet a.all {
					width: auto;
					padding: 0 .6em;
					text-transform: none;
				}
		#especialidades p.more {float: right;}
	#noticias {
		float: right;
		width: 60.32%;
	}
		#noticias .icon {
			right: 15px;
			top: -25px;
			width: 92px;
			height: 66px;
			background: url('images2010/icon_noticias.png');
		}
		#noticias h2 {margin-bottom: .416em;}
		#noticias div {
			background: #ffc;
			padding: 15px;
			margin-bottom: .625em;
			position: relative;
		}
			#noticias h3 {
				font-size: 1.125em;
				font-weight: bold;
				border: none;
				padding-bottom: 0;
				padding-top: 1.5em;
				margin-bottom: .5em;
			}
				#noticias h3 a {color: #333;}
			#noticias p {margin: 0;}
			#noticias p.data {
				font-size: .75em;
				position: absolute;
				top: 15px;
				left: 15px;
			}
			#noticias p.rss {
				float: left;
				margin-bottom: 1.3125em;
			}
			#noticias p.more {float: right;}

/* ============ */
/* = MAPA WEB = */
/* ============ */
div.apartat {
	width: 125px;
	float: left;
	margin-right: 15px;
	padding-left: 15px;
	border-left: 1px solid #ccc;
	min-height: 15em;
}
div.apartat#news {border-right: 1px solid #ccc;}
	div.apartat h2 {font-size: 1em;}
		div.apartat h2 a {color: #605D51;}
	div.apartat ul li {font-size: .928em;}
	div.apartat p {font-size: .8125em;}
	div.apartat ol {
		border: none;
		padding-bottom: 0;
	}
		div.apartat ol a {margin: 0 2px 2px 0;}

/* ============= */
/* = SITE_INFO = */
/* ============= */
#site_info {background: #a73e0d;}
	#site_info .wrapper {
		padding: 30px 30px 0;
		color: #fff;
		background: #D85217; /* fallback background */
		background: -moz-linear-gradient(top, #D85217 0%, #98380A 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D85217), color-stop(100%,#98380A));
		clear: both;
	}
		#site_info .vcard {
			float: left;
			width: 17.55319148936170212765%;
			margin-right: 2.02127659574468085106%;
		}
			#site_info .vcard p {margin-bottom: .5em;}
			#site_info .vcard img {margin-bottom: 0;}
				#site_info .vcard a {color: #fc3;}
		#site_info .info {
			float: left;
			width: 19.14893617021276595744%;
			margin: 0 2.02127659574468085106%;
		}
			#site_info .info p {
				font-size: .75em;
				margin-bottom: .5em;
			}
		#site_info .clinic {
			float: left;
			width: 35.10638297872340425531%;
			margin: 0 2.02127659574468085106%;
		}
			#site_info .clinic #logos {margin-bottom: 0;}
				#site_info .clinic #logos li {
					background: none;
					padding: 0;
					display: inline;
				}
					#site_info .clinic #logos img {
						vertical-align: middle;
						margin: 0 12px 20px;
					}
			#site_info .clinic #clinic {
				clear: left;
				border-top: 1px dotted rgba(255,255,255,.6);
			}
				#site_info .clinic #clinic li {
					background: url('images2010/kland_site_info.gif') 0 50% no-repeat;
					border-bottom: 1px dotted rgba(255,255,255,.6);
					margin-bottom: 0;
					padding-top: .5em;
					padding-bottom: .5em;
				}
					#site_info .clinic #clinic a {
						text-decoration: none;
						color: #fff;
					}
					#site_info .clinic #clinic a:hover {text-decoration: underline;}
		#site_info .altres {
			float: left;
			width: 15.95744680851063829787%;
			margin-left: 2.02127659574468085106%;
		}
			#site_info .altres li {
				font-size: .857em;
				padding-left: 23px;
				background: 0 50% no-repeat;
			}
			#site_info .altres li#in {background-image: url('images2010/icon_linkedin.gif');}
			#site_info .altres li#tw {background-image: url('images2010/icon_twitter.gif');}
			#site_info .altres li#fb {background-image: url('images2010/icon_fb.gif');}
				#site_info .altres a {
					color: #fc3;
					font-weight: normal;
					text-decoration: none;
				}
				#site_info .altres a:hover {text-decoration: underline;}
			#site_info #meta li {
				background: url('images2010/kland_site_info2.gif') 0 50% no-repeat;
				padding-left: 13px;
			}

/* =========== */
/* = SLIDER INSTALACIONS i que ofrecemos = */
/* =========== */
div#grid{
background: #e0e0e0;
		padding: 16px 0 0;

		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		height:650px;
}
div#grid2{
background: #e0e0e0;
		padding: 16px 0 0;

		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		height:550px;
		margin-bottom:2em;
}
#slider2 .nivo-controlNav {
	position:absolute;
	left:15px;
	bottom:-140px;
}

#slider3, #slider2 {
	margin-bottom:110px;
	width:80%;
	margin:0 auto;

	background: url('images2010/loading.gif') no-repeat 50% 50%;

}
#slider3 img,  #slider2 img{
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}
#slider3 .nivo-controlNav {
	position:absolute;
	left:15px;
	bottom:-260px;
}
#slider3 .nivo-controlNav a, #slider2 .nivo-controlNav a {
    display:inline;
}
#slider3 .nivo-controlNav img, #slider2 .nivo-controlNav img {
	display:inline;
	position:relative;
	margin-right:10px;
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
}
#slider3 .nivo-controlNav a.active img, #slider2 .nivo-controlNav a.active img {
    border:1px solid #000;
}

p.back, #apartat {
	display:none;
	}
#content_main, #nav_sub, #content_sub{
	/*margin-top:1em;*/
	}

#que_ofrecemos #apartat, #especialitats #apartat, #professionals #apartat, #noticies #apartat, #subhome #apartat{
	display:block;
	}
#que_ofrecemos #content_main, #que_ofrecemos #nav_sub, #que_ofrecemos #content_sub,
#especialitats #content_main, #especialitats #nav_sub, #especialitats #content_sub,
#professionals #content_main, #professionals #nav_sub, #professionals #content_sub{
	margin-top:0;
	}
#enconstruccio{
    border-bottom: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    color: #3333;
    margin-bottom: 18px;
    padding: 8px 35px 8px 50px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		background:#EDEDEB url('images2010/gear32.png') 8px 8px no-repeat;
}

/*SAVI*/
.savi .header {
	background: url('images2010/bg-titol-savi.jpg') repeat-x 0 100%;
	padding: 0 34px;
	margin-bottom: 60px;
}
	.savi .header .wrap {
		background: url('images2010/pict-savi.png') 100% 100% no-repeat;
	}
		.savi .header .centro {
			font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
			font-size: 2em;
			background: url('images2010/calendar.png') 100% 100% no-repeat;
			padding-right: 100px;
			line-height: 1.2;
			width: 30%;
			padding-top: 7px;
			margin-bottom: .5em;
		}
		.savi .header h1 {
			font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
			font-size: 2.875em;
			color: #AA3F0D;
			font-weight: 800;
			margin: 0;
			padding-bottom: 15px;
		}
.savi fieldset {margin-bottom: 1.5em;}
	fieldset.intro h2 {text-align: center; line-height: 140%;}
	fieldset.intro h3 {text-align: center; border-bottom: none; color: #333333; font-weight: bold; line-height: 140%;}
	fieldset.intro .when {
		width: 48%;
	}
		#content_main fieldset.intro .when label {
			display: block;
			margin-bottom: .25em;
		}
	fieldset.intro .horario {
		float: left;
	}
	fieldset.intro .dia {
		float: right;
	}
.savi #content_main label {
	display: inline-block;
	*display: inline;
  zoom: 1;
	margin-bottom: 1.25em;
}
fieldset.bg {
	background: #eee;
	padding: 24px 36px 0;
}
	fieldset.bg h2 {
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px solid #d7d7d7;
	}
	#content_main fieldset.bg label {
		font-size: .875em;
		margin-right: 2em;
	}
	#content_main fieldset.bg label.dia {
		margin-right: 0;
	}
	#content_main fieldset.bg label.sexo {
		margin-left: 2em;
	}
	fieldset.bg .br {
		border-bottom: 1px solid #d7d7d7;
		margin-bottom: 1em;
	}
.savi #content_main input {
	border: 1px solid #d6d6d6;
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	padding: 7px;
	filter: none;
}
.savi #content_main input.radio {
	border: none;
	background: none;
	padding: 0;
}
.savi #content_main form .bts {
	margin-bottom: 1.5em;
	padding-top: 1.5em;
}
.narrow {
	width: 52%;
	margin-left: auto;
	margin-right: auto;
}
.narrowLarger {
	width: 60%;

}
.llistat-cites-wrapper {
	width: 52%;
	float: left;
}
	.llistat-cites {clear: both;}
		.llistat-cites li {
			padding: 1em 2em;
			border-bottom: 1px solid #eee;
			background: none;
		}
		.llistat-cites li .nom {
			font-weight: bold;
			padding: 3px 0 4px 27px;
			background: url('images2010/usuari.gif') 0 50% no-repeat;
		}
		.llistat-cites li .email {
			font-size: .857em;
			float: right;
		}
			.llistat-cites li .email a {
				color: #444;
				text-decoration: none;
			}
			.llistat-cites li .email a:hover {
				text-decoration: underline;
			}
.calendari-wrapper {
	width: 40%;
	float: right;
}
	.calendari-wrapper .wrapper {
		background: #eee;
		text-align: center;
		padding: 40px;
	}
	.calendari-wrapper .wrapper .calendari {
		border-bottom: 1px solid #bbb;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
		#content_main .calendari-wrapper .hora label {
			margin-bottom: 0;
			font-weight: bold;
			font-size: .875em;
		}
			table.cal	{
				margin: 0 auto;
				border-spacing: 4px;
			}
				table.cal caption {
					text-align: center;
					font-size: 1.0714em;
				}
					table.cal caption .l {margin: 0 0 10px 5px;}
					table.cal caption .r {margin: 0 5px 10px 0;}
				table.cal td {
					padding: .4em;
					background: #fff;
					text-align: center;
					border:1px solid #eee;
				}
				table.cal td.empty {
					background: none;
				}
				table.cal td.disp {
					background: #A3D900;
				}
					table.cal td.disp a {
						color: #444;
						text-decoration: none;
					}
					table.cal td.disp a:hover {
						text-decoration: underline;
					}
					table.cal td.disp.selected {
						font-weight: bold;
						color: #000;
						border:1px solid #444444;
					}
.savi .bts {clear: both;}
.narrow.cita {
	text-align: center;
	padding-top: 30px;
}
	.narrow.cita h2 {
		font-size: 1.625em;
		margin-bottom: .75em;
	}
	.narrow.cita .tel {
		display: block;
		font-size: 1.4em;
		font-weight: bold;
	}
dl.dades {
	border: none;
	padding: 0;
	margin-left: 2em;
}
	dl.dades dt,
	dl.dades dd {
		font-size: .857em;
		text-transform: none;
	}
	dl.dades dt {font-weight: bold;}
.visita-wrapper {
	float: right;
	width: 40%;
}
h3.visita {
	clear: both;
	border: none;
	padding: 0;
	font-size: 1.5em;
	color: #444;
	line-height: 1.2;
	margin-bottom: .5em;
}
h2.anular,
h2.error,
h2.ok {font-size: 1.625em;}
h2.error,
h2.ok {margin-bottom: .5em;}
h2.ok {text-align: center;}
p.nota {font-size: .75em;}
div.narrow.error {
	padding-top: 145px;
	background: url('images2010/error.gif') 50% 0 no-repeat;
}
div.narrow.ok {
	padding-top: 145px;
	background: url('images2010/ok.gif') 50% 0 no-repeat;
}
div.recordatoriDocuments{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	padding: 95px 0 15px;
	background: url('images2010/ico-vacuna-dni-targeta.gif') 50% 0 no-repeat;
	color: #A9410E;
	font-weight: bold;
	text-align: center;

}
div.narrow div.recordatoriDocuments,
.llistat-cites-wrapper div.recordatoriDocuments {
	width: 80%;
}

div.avis {
	background: #F8E9E2;
	padding: 25px;
	margin-bottom: 1.5em;
}
	div.avis h2 {
		font-weight: normal;
		padding: 2px 0 3px 30px;
		background: url('images2010/rellotge.gif') 0 50% no-repeat;
	}
	div.avis p.visita {
		margin-bottom: 0;
		font-weight: bold;
		font-size: 1.25em;
	}
.savi .info-savi {
	float: right;
	width: 30%;
}
	.savi .info-savi h2 {
		font-size: 1em;
		line-height: 1.2;
		margin-bottom: .5em;
	}
	.savi .info-savi p {
		margin-bottom: .75em;
		line-height: 1.4;
	}
	.savi .info-savi .tel {
		font-weight: bold;
		font-size: 1em;
	}
.savi ul.eines {
	clear: both;
}
.savi .eines li {
	font-size: 1.25em;
	padding: 0;
	background: none;
	margin: 0;
	text-align:center;
}
	.savi .eines li a,
	.savi .eines li span {
		display: block;
		padding: 20px 0 20px 50px;
		background: 0 50% no-repeat;
		text-decoration: none;
	}
	.savi .eines li a:hover {text-decoration: underline;}
	.savi .eines .print a {
		border-bottom: 1px solid #eee;
		background: 40% 50% no-repeat;
		background-image: url('images2010/print.gif');
	}
	.savi .eines .cal a {
		background-image: url('images2010/cal.gif');
	}
	.savi .eines .email span {
		background: 22% 50% no-repeat;
		background-image: url('images2010/ico_mail.gif');
	}
	.info-savi.right .eines li {
		text-align: left;
	}
	.info-savi.right .eines .print a {
		background-position: left 50%;
	}
	.info-savi.right .eines .email span {
		background-position: 8px 23px;
	}
.savi .narrow .info-savi {
	float: none;
	width: auto;
}
	.savi .narrow .info-savi .map {
		float: left;
		margin: 0 15px 15px 0;
	}
	.savi .narrow .info-savi .nota {
		clear: left;
	}

.hidden {
	display: none !important;
}
ul.messages {
	padding: 2em 3em;
	background-color: #FFC3C2;
}
	ul.messages li {
		background: none;
	}
/* AJUSTOS */
#content_sub h2,#content_sub h3{text-transform:none;}

#content_sub ul li {
    background: url("images2010/llistat_nivell_1.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    margin: 0 0 0.5em;
    padding-left: 20px;
	list-style:none;

}
#content_sub  #profesionales{
	padding-top:0;
}
#content_sub #noticias_rel ul li{
	background:none;
}
ol.alfabet li a{
	font-size:.875em;
	margin-bottom:.5em;
}
ol.alfabet li a:hover{
	border:none;
}
#s2 fieldset{
	border:none;
	padding:0;
}

@media only screen and (max-width: 1000px) {
	#nav_sub2 ul a{
		font-size:1em;
	}
	#cercador .form{
		 padding-left: 15%;
	}
	#cercador .espe input,#cercador .prof input{
		display:block;
		margin-bottom:10px;
		width:100%;
   }
   #content_sub #info_practica h3{
		word-wrap: break-word;
	}
	div.intro{
		padding-right: 165px;
		background-size:150px;
	}
	#content_sub #info_practica{
		background-image:none;
	}
	#content_sub #info_practica h3{
		font-size:1em;
	}
	/*cardiologia*/
	.presentacio img.l{
		max-width:200px;
	}
	.caract ul{
		background-image:none;
	}
	#main  .caract ul li{
		float:none;
		width:100%;
	}
	/* cardiovascular*/
	#cirurgia_cardiovascular div.presentacio, #esclerosis div.presentacio,#psiq_perinatal div.presentacio,#genoll .presentacio{
		background-size:200px;
		padding-right: 230px;
	}
	#cirurgia_cardiovascular div.destacat2 ul li{
		width:48%;
	}
	#cirurgia_cardiovascular_int ul.tratamiento li.first{
		padding-right:0;
	}
	#cirurgia_cardiovascular_int ul.tratamiento li.first span{
		display:none;
	}
	/*esclerosi*/
	#esclerosis .box2 .clearfix{
		background-image:none;
	}
	/*ortodoncia*/
	#ortodoncia div.presentacio{
		background-size:150px;
		padding-right: 175px;
	}
	/*genoll*/
	#genoll .presentacio,#genoll .presentacio p{
		background-image:none;
		padding:20px;
	}
	#genoll .destacats .box{
		min-height: 30em;
		font-size: 0.75em;
	}
}
@media only screen and (max-width: 767px) {
	div.intro{
		padding-right: 0;
		background:none;
	}
	.intro h1 em{
		font-size: 48px;
		display: block;
	}
	.intro h1 span{
		float:none;
		display: inline;
	}
	#cercador{
		padding: 0 15px 25px;
		border-top: 10px solid #fff;
	}
	#cercador .form, #cercador .prof{
		float:none;
		width:100%;
		background:none;
		padding-left:0;
	}
	#cercador .prof{
		margin:0;
		padding:0;
	}
	#cercador .dest,#cercador .inicial{
		float:none;
		width:100%;
	}
	#cercador .inicial{
		padding-left:0;
		border:none;
	}
	#cercador .dest li{
		float:none;
		width:100%;
	}
	ol.alfabet li a{
		margin:0 15px 15px 0!important;
		font-size:1.25em;
	}
	#pagination ol{
		display:none;
	}
	#content_sub #info_practica h3{
		font-size:1.3em;
	}
	/* solicitar-cita */
	#solicitar_cita ol{
		display:none;
	}
	#step h2{
		text-transform:none;
		font-size: 1.45em;
	}
	.step1 div,#solicitar_cita .presencial,#solicitar_cita div.tel,.step2 div{
		float:none;
		width: 100%;
		border:none;

	}
	.step2 div small{display:none}
	.step2 div.dia{
		margin:0;
	}
	#step dl.info div{
		background-image:none;
		width:auto;
	}
	#step dl.info dt{
		font-size:.65em;
		margin-bottom:0;
		padding-right:12px;
		padding-bottom:0;
	}
	#step dl.info dd{
		font-size:.8em;
		margin:0;
		padding-right:12px;
		padding-bottom:.5em;
	}
	#step.step3 div.nom, #step.step3 div.cognoms, .step3 div.telef, .step3 div.horari,.step4 .ref,#step .dades dt,.step4 .dades{
		float:none;
		width: 100%;
	}
	#step.step3 div.nom{
		margin-bottom:1.5em!important;
	}
	.step3 .radios label{
		margin:0 1em 0 0;
	}
	.step3 div.nom input, .step3 div.cognoms input, .step3 div.telef input, .step3 div.horari select{
		width: 100%;
	}
	.error li{
		color:red;
	}
	.step4 .dades{
		margin:0;
	}
	/*cardiologia*/
	.presentacio img.l{
		display:none;
	}
	/* cardiovascular*/
	#nav_sub2 ul li{
		display:block;
	}
	#nav_sub2 ul a{
		font-size:.925em;
		margin-left:0;
	}
	#cirurgia_cardiovascular div.presentacio,#esclerosis div.presentacio,#ortodoncia div.presentacio,#psiq_perinatal div.presentacio{
		background-image:none!important;
		padding-right: 0;
		min-height: auto;
	}
	#cirurgia_cardiovascular div.destacat2 ul li{
		width:100%;
	}
	/*esclerosi*/
	#esclerosis #diagnostico,#esclerosis #aspectos{
		float:none;
		width:100%;
	}
	/*unitat genoll*/
	#genoll .destacats .box{
		float: none;
		width:100%;
		min-height:auto;
		margin-right:0;
	}

}
.error li{
	color:red;
}
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
	ol.alfabet li a{
		margin:0 15px 15px 0!important;
	}
}

/* avis savi */
.alerta-savi{
	background-color:#efeff1;
	padding:25px;
	margin-bottom:25px;
}
.alerta-savi h2{
	background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
		margin: 0.3em 0;
		padding: 5px 20px;
		font-size: 1.5em;
		 color: #c64b1a;
		display: inline-block;
		font-family: "ff-dax-compact-web-pro","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
.alerta-savi div{
		background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
		padding: 5px 10px;
		max-width: 620px;
		text-align:center;
	}
.alerta-savi div .button{
	margin-bottom:8px;
	padding-bottom: 0.25em;
	padding-top: 0.4125em;
	font-size: 1.5em;
	text-transform:uppercase;
}
.alerta-savi div p{
	color: #000;
	font-family: "ff-dax-compact-web-pro","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-size: 1em;
	padding: 5px 20px;
	text-align:left;
}
.alerta-savi div p a{
		text-decoration:underline;
}
.info-panel{
	background-color:#EFEFF1;
	padding:20px 25px;
}
.info-panel h2{
	margin-top:0;
	font-size:1.2em;
}
.info-panel p{
	margin-bottom:0;
}
@media only screen and (min-width: 960px) {
	.alerta-savi{
		background: rgba(0, 0, 0, 0) url("img/savi-aviso-2.png") no-repeat scroll 100% 0;
		width:100%;
		height:339px;
		padding-left:283px;
		padding-top:60px;
	}
	.alerta-savi div p{
		margin-bottom:8px;
	}
}