*{*behavior:url(/media/js/boxsizing.htc)}
/* Artfully masterminded by ZURB  */
/*fonts*/
@font-face {
    font-family: 'museo_slab300';
    src: url('webfontkit-museo-slab/museo_slab_300-webfont.eot');
    src: url('webfontkit-museo-slab/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit-museo-slab/museo_slab_300-webfont.woff') format('woff'),
         url('webfontkit-museo-slab/museo_slab_300-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_slab500';
    src: url('webfontkit-museo-slab/museo_slab_500-webfont.eot');
    src: url('webfontkit-museo-slab/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit-museo-slab/museo_slab_500-webfont.woff') format('woff'),
         url('webfontkit-museo-slab/museo_slab_500-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body {background: #e6e6e6;font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5 {font-family: 'museo_slab500', sans-serif;}
h3, h4, h5 {font-weight: normal;}
#acc { position: absolute; top: -999em; }
/* -----------------------------------------
   Header
----------------------------------------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
header .twelve .content {
	margin-bottom: 1.5em;
	background: #FF0094;
}
.lt-ie8 header .twelve .content {height: 119px;}


/*header h1 {margin:0;padding:0;border:0;}*/
	.tools #social {margin-top: .6em;margin-bottom:.3em;}
	.tools #idiomes {margin:0;}
		.tools #idiomes li {margin:0;padding:0;}
		.tools #idiomes li a {color:#707070;background: url(img/icona-idioma.png) 1em 50% no-repeat;padding-left:3em;padding-top: .6em;padding-bottom:.6em;padding-right: 1em;}
			.tools #idiomes li a:hover,
			.tools #idiomes li.active a {background: white url(img/icona-idioma.png) 1em 50% no-repeat;}

	.capsalera h1 {margin:0;padding:0;}
	.capsalera .logo {margin:22px 35px;padding:0;line-height: 0;}




.lt-ie8 .capsalera .content {margin-bottom: 1.5em;background: #FF0094;}



/*s*/

#s {
	margin: 35px 35px 0 0;
	padding: 0;
	text-align: right;
}
.lt-ie9 #s {float: right;}
	#s input {
		width: 15em;
		display: inline;
		margin: 0;
	}
	#s button {
		border: none;
		background: none;
		padding: 0;
		margin: 0;
		height: 36px;
		width: 34px;
		vertical-align: middle;
		position: relative;
		/*top: -1px;*/
	}
	.lt-ie8 #s button {top: -7px;}

/* -----------------------------------------
   Portada
----------------------------------------- */
.home  {}
.orbit-wrapper .orbit-caption {
	background: none;
	text-align: left;
	position: absolute;
	left: 102px;
	top: 45px;
	width: 35%;
}
.lt-ie8 {margin-bottom: 35px;}
.lt-ie9 .orbit-caption {
	height: auto;
	padding: .5em 2em;
}
	.orbit-wrapper .orbit-caption h2 {
		color: #fff;
		padding: 0;
		border: none;
		font-weight: normal;
		font-size: 50px;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
	}

#slider { background: url(img/loading.gif) center center #000 no-repeat; height: 295px; }
.lt-ie8 #slider,
.lt-ie8 .slider-nav {display: none;}
.lt-ie8 #s input,
.lt-ie8 #s input:focus {
	height: 20px !important;
	width: 210px !important;
}
#slider img { display: none; }

#slider.orbit { background: none; }
#slider.orbit img { display: block; }
#slider img {width: 100%;}
.orbit-wrapper .slider-nav span {top: 50%;}
ul.orbit-bullets {bottom: -45px;}

.lt-ie8 .row .slider #slider {min-height:295px !important;}
.lt-ie9 .orbit-wrapper .slider-nav span.right { background: url('img/orbit/right-arrow.png'); background-size: 100%; right: 0;}
.lt-ie9 .orbit-wrapper .slider-nav span.left { background: url('img/orbit/left-arrow.png'); background-size: 100%; left: 0;}

#noticies .wrapper {
	background: white;
	border: 1px #b4b4b4 solid;
	margin-bottom: 1.5em;
	height: 41px;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
	#noticies .two {text-align: center;}
	#noticies h2 {
		font-size: 1em;
		background: #ccc url(img/fletxa-noticies.gif) 100% 50% no-repeat;
		/*padding: 0 0 0 25%;*/
		height: 39px;
		margin:0;
		font-family: 'Open Sans', sans-serif;
		line-height: 39px;
	}
		#noticies h2 a {color:#FF0094; text-decoration: underline;}
		#noticies h2 a:hover {text-decoration: none;}
	#noticies p {
		line-height: 39px;
	}

/*nav*/
#nav a:hover img,
#mobile-nav a:hover {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.home #nav .row {margin-bottom: 15px;}

#destaquem .row .four div {
	background: white;
	padding: 1.5em;
	text-align: center;
	min-height: 37em;
}
.lt-ie8 #destaquem .row .four.columns{padding:0;}

	.lt-ie8 #destaquem .row .four.columns div {padding: 20px 15px;width: 91%}
#destaquem h2 {color:#666;font-size: 2.14em;font-weight: normal;text-align: left;}

#destaquem h3 {font-size:1.28em;text-align: left;}
	#destaquem h3 a {color:#FF0094;}
	#destaquem p {font-size: .9285em;text-align: left;}

	#destaquem p.mes {margin-bottom:0;}
		#destaquem p.mes a {background: #FF0094; color: white;padding:.4em 1em;}

/* -----------------------------------------
   Menú
----------------------------------------- */
#mobile-nav {display: none;}

.nav-bar {
	list-style:none;
	margin: 0 -5px 1.2em;
}
	.nav-bar li {
		float: left;
		width: 12.5%;
		padding: 0 5px;
		position: relative;
	}
	.lt-ie8 .nav-bar li {
		width: 140px;
		padding: 0;
	}
		.nav-bar a {line-height: 0;}
	.box.last {margin-right:0;}

		.nav-bar .active span {
			width: 42px;
			height: 15px;
			position: absolute;
			bottom: -9px;
			left:32%;
		}
		.nav-bar .home.active span {background: url(img/select-inici.png) no-repeat;}
		.nav-bar .corporatiu.active span {background: url(img/select-corporatiu.png) no-repeat;}
		.nav-bar .investigacio.active span {background: url(img/select-investigacio.png) no-repeat;}
		.nav-bar .donants.active span {background: url(img/select-donants.png) no-repeat;}
		.nav-bar .contractacio.active span {background: url(img/select-contractacio.png) no-repeat;}
		.nav-bar .bancsang.active span {background: url(img/select-banc-sang.png) no-repeat;}
		.nav-bar .bancteixits.active span {background: url(img/select-banc-teixits.png) no-repeat;}
		.nav-bar .contactar.active span {background: url(img/select-contactar.png) no-repeat;}
		.nav-bar .transparencia.active span {background: url(img/select-transparencia.png) no-repeat;}

/* -----------------------------------------
   Content
----------------------------------------- */
#content.row {/*background: white;*//*padding:0 0 2em 0;*/padding-bottom: 2em;}
	/*#content.row #nav-sub {padding:0;}*/
	#content.row h2 {margin:0;font-size: 2.14em;font-weight: normal;padding: .7em;height: 110px;color: #FF0094;}

#content .content.general {background:#fff;}

#single #content .content.general {padding: 2em;}

#content.row .contingut {padding: 1.3em;}
/*side-nav*/
#nav-sub .content {padding: 0 10px;}
#content.row #nav-sub {padding: 0;}
	#content.row #nav-sub li {
		display: inline;
		background: none;
		padding: 0;
		margin: 0;
	}
		#nav-sub li a {
			color: #666;
			display: block;
			padding: .6em 1.5em;
			border-top: 1px solid #eeeeee;
			text-decoration: none;
		}
		#nav-sub .active a:link,
		#nav-sub .active a:visited,
		#nav-sub a:hover {
			color: #fff;
			text-decoration: none;
			font-weight: normal;
			background: #FF0094;
		}

		#nav-sub li li a {background: #f6f6f6;font-size: .9285em;padding: .3em 1.2em;margin: .6em 0;}

		.sang #nav-sub .active ul li a,
		.sang #nav-sub .active ul li a:link,
		.sang #nav-sub .active ul li a:visited {background: #f6f6f6;color: #666;}

		.sang #nav-sub .active ul li.active a{background: #f6f6f6;color: #666;}

		.contractacio #nav-sub .active ul li a,
		.contractacio #nav-sub .active ul li a:link,
		.contractacio #nav-sub .active ul li a:visited {background: #f6f6f6;color: #666;}

		.contractacio #nav-sub .active ul li.active a{background: #f6f6f6;color: #666;}


		.transparencia #nav-sub .active ul li a,
		.transparencia #nav-sub .active ul li a:link,
		.transparencia #nav-sub .active ul li a:visited {background: #f6f6f6;color: #666;}

		.transparencia #nav-sub .active ul li.active a{background: #f6f6f6;color: #666;}


	/*#main.columns {padding:0;width: 70.8%;margin-left: 3.35em;margin-top: 7.5em;}*/
	#main {margin-top: 6.5em;}
		#main .content {padding: 0 10px;}

/* subportades */
/*#subportada #content.row {padding:1.4em 1.8em;}*/
#subportada .content.general {padding: 2em;}
	#subportada #content.row .row {clear:both;margin-bottom: 1.5em;}
#subportada h1 {
	font-weight: normal;
	margin:0 0 .5em 0;
	padding:0;
}
	#subportada .capsa {
		background: #E6E6E6;
		position: relative;
		padding-right: 9em;
		height: 178px;
		cursor:pointer;
	}

	.lt-ie8 #subportada .general .row .columns{
		margin:0;
		padding:0;
	}
		.lt-ie8 #subportada .capsa {width:213px;}


	#subportada .capsa h2 {font-size: 22px;z-index:100;position: relative;}
		#subportada .capsa h2 a{
			background-color: #FFFFFF;
	    color: #000000;
	    display: inline-block;
	    opacity: 0.8;
	    padding: 5px;
		}
		#subportada .capsa span {position: absolute;}

		#subportada .capsa .mes a {
			background: #96be27;
			color: white;
			text-transform: uppercase;
			padding: .3em 1em;
			position: absolute;
			bottom: 1.5em;
			left:1.5em;
			font-size: .9285em;
			font-weight:bold;

			z-index: 1;
		}

/*donants */
#subportada .capsa.sang span {background: url(img/donants-img-sang.gif) no-repeat;width: 145px;height:152px;right: 0;bottom:0;}
#subportada .capsa.aferesi span {background: url(img/donants-img-aferesi.gif) no-repeat;width: 160px;height:152px;right: 0;bottom:0;}
#subportada .capsa.lletmaterna span {background: url(img/donants-img-lletmaterna.gif) no-repeat;width: 173px;height:178px;right: 0;bottom:0;}
#subportada .capsa.medula span {background: url(img/donants-img-medula.gif) no-repeat;width: 152px;height:178px;right: 0;bottom:0;}
#subportada .capsa.sangcordo span {background: url(img/donants-img-sangcordo.gif) no-repeat;width: 152px;height:177px;right: 0;bottom:0;}

/*contractació*/
/*#subportada .capsa.perfil span {background: url(img/contractacio-img-perfil.gif) 100% 0 no-repeat;width: 100%;height:178px;left: 0;bottom:0;}
#subportada .capsa.rrhh span {background: url(img/contractacio-img-rrhh.jpg) no-repeat;width: 189px;height:165px;right: 0;bottom:0;}
#subportada .capsa.rsc span {background: url(img/contractacio-img-rsc.gif) no-repeat;width: 189px;height:111px;right: 0;bottom:0;}
#subportada .capsa.subvencions span {background: url(img/contractacio-img-subvencion.gif) no-repeat;width: 148px;height:142px;right: 0;bottom:0;}
#subportada .capsa.registre span {background: url(img/contractacio-img-registre.gif) no-repeat;width: 148px;height:168px;right: 0;bottom:0;}*/
#subportada .capsa.perfil span {width: 100%;height:178px;left: 0;bottom:0;}
#subportada .capsa.rrhh span {width: 100%;height:178px;right: 0;bottom:0;}
#subportada .capsa.rsc span {width: 100%;height:178px;right: 0;bottom:0;}
#subportada .capsa.subvencions span {width: 100%;height:178px;right: 0;bottom:0;}
#subportada .capsa.registre span {width: 100%;height:178px;right: 0;bottom:0;}
#subportada .capsa.capsa6 span {width: 100%;height:178px;right: 0;bottom:0;}

/*llistat*/
.contractacio #content.row ul.boxes li {
		background:none;
		padding-left:0;
		width: 32.5%;
		float: left;
		margin-right: 13px;
}
.contractacio #content.row ul.boxes li:nth-child(3n) {
	margin-right: 0;
}




/*iframe */
iframe {width: 100%;height: 600px;}

/*editora memòries*/
.destacat {margin: 2em 0;}

.destacat img {
	border:1px #b4b4b4 solid;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	margin-right: 1.5em;
}
	.destacat h3 a {color: #353535;}

	.destacat .boto a {background: #5B9FD0; color: white;padding: .3em .5em;}

ul#memories.listing li {float: left; width: 45%;margin-right: 1.5em;}

	ul#memories.listing li h3{font-size: 18px;}
		ul#memories.listing li h3 a {background: url(img/ico-pdf-gran.gif) 0 50% no-repeat;padding: .2em 0 .2em 25px;}

/* -----------------------------------------
   Colors seccions
----------------------------------------- */

.corporatiu #content.row h2 {color: #5a9fcf;}
.corporatiu #nav-sub .active a:link,
.corporatiu #nav-sub .active a:visited,
.corporatiu #nav-sub a:hover,
.corporatiu #nav-sub .active li a:link,
.corporatiu #nav-sub .active li a:visited,
.corporatiu #nav-sub li li a:hover { background: #5a9fcf; }
.corporatiu #content.row .llista_titol li.caixaTitol {background: #5A9FCF;}
	.corporatiu #content.row .llista_titol li {background: url(img/1r-nivell-corporatiu.png) 7px 10px no-repeat;}
	.corporatiu table th {background: #5a9fcf;}
	.corporatiu #content.row ul li {background: url(img/1r-nivell-corporatiu.png) 0 5px no-repeat; }
		.corporatiu #content.row ul li li {background: url(img/2n-nivell-corporatiu.png) 0 7px no-repeat;padding-left: 1em;}
			.corporatiu #content.row ul li li li {background: url(img/3r-nivell-corporatiu.png) 0 9px no-repeat;padding-left: .8em;}

.investigacio #content.row h2 {color: #1FA095;}
.investigacio #nav-sub .active a:link,
.investigacio #nav-sub .active a:visited,
.investigacio #nav-sub a:hover,
.investigacio #nav-sub .active li a:link,
.investigacio #nav-sub .active li a:visited,
.investigacio #nav-sub li li a:hover { background: #1FA095; }
.investigacio #content.row .llista_titol li.caixaTitol {background: #1FA095;}
	.investigacio #content.row .llista_titol li {background: url(img/1r-nivell-investigacio.png) 7px 10px no-repeat;}
	.investigacio table th {background: #1FA095;}
	.investigacio #content.row ul li {background: url(img/1r-nivell-investigacio.png) 0 5px no-repeat; }
		.investigacio #content.row ul li li {background: url(img/2n-nivell-investigacio.png) 0 7px no-repeat;padding-left: 1em;}
			.investigacio #content.row ul li li li {background: url(img/3r-nivell-investigacio.png) 0 9px no-repeat;padding-left: .8em;}

.donants #content.row h2 {color: #96be27;}
.donants #nav-sub .active a:link,
.donants #nav-sub .active a:visited,
.donants #nav-sub a:hover,
.donants #nav-sub .active li a:link,
.donants #nav-sub .active li a:visited,
.donants #nav-sub li li a:hover { background: #96be27; }
.donants #content.row .llista_titol li.caixaTitol {background: #96be27;}
	.donants #content.row .llista_titol li {background: url(img/1r-nivell-donants.png) 7px 10px no-repeat;}
	.donants table th {background: #96be27;}
	.donants #content.row ul li {background: url(img/1r-nivell-donants.png) 0 5px no-repeat; }
		.donants #content.row ul li li {background: url(img/2n-nivell-donants.png) 0 7px no-repeat;padding-left: 1em;}
			.donants #content.row ul li li li {background: url(img/3r-nivell-donants.png) 0 9px no-repeat;padding-left: .8em;}

#subportada.donants h1 {color: #96be27;}

.contractacio #content.row h2 {color: #f4a714;}
.contractacio #nav-sub .active a:link,
.contractacio #nav-sub .active a:visited,
.contractacio #nav-sub a:hover,
.contractacio #nav-sub .active li a:link,
.contractacio #nav-sub .active li a:visited,
.contractacio #nav-sub li li a:hover,
.contractacio  #nav-sub .active ul li a:hover,
.contractacio  #nav-sub .active ul li.active a:link,
.contractacio  #nav-sub .active ul li.active a  { background: #f4a714; }
.contractacio #nav-sub .active ul li a:hover,
.contractacio #nav-sub .active ul li.active a:link,
.contractacio #nav-sub .active ul li.active a {color: white;}
.contractacio #content.row .llista_titol li.caixaTitol {background: #f4a714;}
	.contractacio #content.row .llista_titol li {background: url(img/1r-nivell-contractacio.png) 7px 10px no-repeat;}
	.contractacio table th {background: #f4a714;}
	.contractacio #content.row ul li {background: url(img/1r-nivell-contractacio.png) 0 5px no-repeat; }
		.contractacio #content.row ul li li {background: url(img/2n-nivell-contractacio.png) 0 7px no-repeat;padding-left: 1em;}
			.contractacio #content.row ul li li li {background: url(img/3r-nivell-contractacio.png) 0 9px no-repeat;padding-left: .8em;}

#subportada.contractacio h1 {color: #f4a714;}

.sang #content.row h2 {color: #ed1e79;}
.sang #nav-sub .active a:link,
.sang #nav-sub .active a:visited,
.sang #nav-sub a:hover,
.sang #nav-sub .active li a:link,
.sang #nav-sub .active li a:visited,
.sang #nav-sub li li a:hover,
.sang #nav-sub .active ul li a:hover,
.sang #nav-sub .active ul li.active a:link,
.sang #nav-sub .active ul li.active a { background: #ed1e79; }
.sang #nav-sub .active ul li a:hover,
.sang #nav-sub .active ul li.active a:link,
.sang #nav-sub .active ul li.active a {color: white;}
.sang #content.row .llista_titol li.caixaTitol {background: #ed1e79;}
	.sang #content.row .llista_titol li {background: url(img/1r-nivell-Banc-sang.png) 7px 10px no-repeat;}
	.sang table th {background: #ed1e79;}
	.sang #content.row ul li {background: url(img/1r-nivell-Banc-sang.png) 0 5px no-repeat; }
		.sang #content.row ul li li {background: url(img/2n-nivell-sang.png) 0 7px no-repeat;padding-left: 1em;}
			.sang #content.row ul li li li {background: url(img/3r-nivell-sang.png) 0 9px no-repeat;padding-left: .8em;}

.teixits #content.row h2 {color: #A28A78;}
.teixits #nav-sub .active a:link,
.teixits #nav-sub .active a:visited,
.teixits #nav-sub a:hover,
.teixits #nav-sub .active li a:link,
.teixits #nav-sub .active li a:visited,
.teixits #nav-sub li li a:hover { background: #A28A78; }
.teixits #content.row .llista_titol li.caixaTitol {background: #A28A78;}
	.teixits #content.row .llista_titol li {background: url(img/1r-nivell-teixits.png) 7px 10px no-repeat;}
	.teixits table th {background: #A28A78;}
	.teixits #content.row ul li {background: url(img/1r-nivell-teixits.png) 0 5px no-repeat; }
		.teixits #content.row ul li li {background: url(img/2n-nivell-teixits.png) 0 7px no-repeat;padding-left: 1em;}
			.teixits #content.row ul li li li {background: url(img/3r-nivell-teixits.png) 0 9px no-repeat;padding-left: .8em;}


.contactar #content.row h2 {color: #E4502A;}
.contactar #nav-sub .active a:link,
.contactar #nav-sub .active a:visited,
.contactar #nav-sub a:hover,
.contactar #nav-sub .active li a:link,
.contactar #nav-sub .active li a:visited,
.contactar #nav-sub li li a:hover { background: #E4502A; }
.contactar #content.row .llista_titol li.caixaTitol {background: #E4502A;}
	.contactar table th {background: #E4502A;}

.transparencia #content.row h2 {color: #20a095;}
.transparencia #nav-sub .active a:link,
.transparencia #nav-sub .active a:visited,
.transparencia #nav-sub a:hover,
.transparencia #nav-sub .active li a:link,
.transparencia #nav-sub .active li a:visited,
.transparencia #nav-sub li li a:hover,
.transparencia  #nav-sub .active ul li a:hover,
.transparencia  #nav-sub .active ul li.active a:link,
.transparencia  #nav-sub .active ul li.active a  { background: #20a095; }
.transparencia #nav-sub .active ul li a:hover,
.transparencia #nav-sub .active ul li.active a:link,
.transparencia #nav-sub .active ul li.active a {color: white;}
.transparencia #content.row .llista_titol li.caixaTitol {background: #20a095;}
	.transparencia #content.row .llista_titol li {background: url(img/1r-nivell-transparencia.png) 7px 10px no-repeat;}
	.transparencia table th {background: #20a095;}
	.transparencia #content.row ul li {background: url(img/1r-nivell-transparencia.png) 0 5px no-repeat; }
		.transparencia #content.row ul li li {background: url(img/2n-nivell-transparencia.png) 0 7px no-repeat;padding-left: 1em;}
			.transparencia #content.row ul li li li {background: url(img/3r-nivell-transparencia.png) 0 9px no-repeat;padding-left: .8em;}

#subportada.transparencia h1 {color: #20a095;}

body.corporatiu #content.row ul.llista_titol li ol li {background: none;padding:0;}
body.investigacio #content.row ul.llista_titol li ol li {background: none;padding:0;}
body.donants #content.row ul.llista_titol li ol li {background: none;padding:0;}
body.contractacio #content.row ul.llista_titol li ol li {background: none;padding:0;}
body.sang #content.row ul.llista_titol li ol li {background: none;padding:0;}
body.teixits #content.row ul.llista_titol li ol li {background: none;padding:0;}
body.transparencia #content.row ul.llista_titol li ol li {background: none;padding:0;}


/* -----------------------------------------
   Estils
----------------------------------------- */
#content.row ul {list-style:none;}

	#content.row ul li {
		background: url(img/kland-nivell-1.png) 0 5px no-repeat;
		padding-left: 1.5em;
		margin-bottom: 1em;
	}
		#content.row ul li li {background: url(img/kland-nivell-2.png) 0 7px no-repeat;padding-left: 1em;}
			#content.row ul li li li {background: url(img/kland-nivell-3.png) 0 9px no-repeat;padding-left: .8em;}

#content.row .llista_titol {
	background: #F6F6F6;
	padding-bottom: 2px;
}
	#content.row .llista_titol li.caixaTitol {
		padding: .5em 1em;
		margin: 0;
		color: white;
		font-size: 1.1428em;
		font-weight: bold;
		background: #FF0094;
	}
	#content.row .llista_titol li.titolSecundari {padding: .5em 1em;background: #DEDEDE;margin:0;font-weight: bold;}
	#content.row .llista_titol li {
		margin: 10px;
		padding: 5px 5px 5px 30px;
		background: url(img/kland-nivell-1.png) 0 50% no-repeat;
		/*border-bottom: 1px #CECEBF solid;*/
	}
	#content.row .llista_titol li a {color: black;}

p.subtitol {
	color: #6f6f6f;
	font-style:italic;
	font-size: 1.2857em;
	font-weight: bold;
}
p.destacat {
	font-family: 'museo_slab300', sans-serif;
	color: white;
	background: #ed1e79;
	font-size: 1.2857em;
	line-height:1.3em;
	text-align: center;
	padding: 1.2em 4em;
	position: relative;
}
	p.destacat span.l {
		position: absolute;
		width: 49px;
		height: 49px;
		background: url(img/destacat-left.gif) no-repeat;
		left:0;
		top: 25%;
	}
	p.destacat span.r {
		position: absolute;
		width: 49px;
		height: 49px;
		background: url(img/destacat-right.gif) no-repeat;
		right:0;
		top: 25%;
	}

.destEsq,
.destDr {
	font-family: 'museo_slab300', sans-serif;
	width: 45%;
	color:white;
	background: #ed1e79 url(img/kland-destacat.gif) 50% 0 no-repeat;
	text-align: center;
	padding: 3.5em 1.2em 1.2em 1.2em;
	font-size: 1.2857em;
}
.destEsq {
		float: left;
		margin: 5px 25px 10px 0;
	}
	.destDr {
		float: right;
		margin: 5px 0 10px 25px;
	}

#content.row ul.duesCol li {
	float: left;
	width: 48%;
	margin: 4px 10px 4px 0;
}
#content.row ul.llista_fons li {
	background: #f2f2f2 url(img/kland-nivell-1.png) 10px 50% no-repeat;
	padding: 5px 5px 5px 30px;
	margin: 5px 6px 5px 0;
}

table {width: 100%; margin-top: 20px; margin-bottom: 20px; border-spacing: 5px;}
/*table thead tr th {*/
table tr th {
	background: #ed1e79;
	color: white;
	padding: .8em 1em;
	text-align: left;
	font-size: 1.1428em;
	font-weight: bold;
}
table td {
	padding: 1em 1.5em;
	background: #f2f2f2;
}
table td p,
table th p {padding:0;margin:0;}

.txtImgDr img {float: right;margin: 0 0 15px 20px;}
.txtImgEsq img {float: left;margin: 0 20px 15px 0;}

.destacat_pdf {background: #e6e6e6;padding: .7em 1em;}
	.destacat_pdf a {background: url(img/icon-pdf.png) 0 2px no-repeat;padding-left: 1.7em;color: #000;}

#content.row ul.enllacos {
	background: #F0F0EC;
	padding-bottom: 2px;
}
	#content.row ul.enllacos .caixaTitol {margin:0;background: #FF0094 url(img/icon-clip.png) 10px 10px no-repeat;color: white;padding: .7em 1em .7em 3em;}
		#content.row ul.enllacos li {color: #878787;background: white url(img/icon-link.png) 10px 10px no-repeat;margin: 12px;padding: .5em .8em .5em 2.5em;}
			#content.row ul.enllacos li a {color:#FF0094;}

		#content.row ul.enllacos li.pdf {background: white url(img/icon-pdf.png) 10px 10px no-repeat;}

.pujar {
	width: 8%;
	text-align: center;
	background: #FF0094;
	padding: .6em 1.2em;
}
	.pujar a {color: #fff;}

/*form*/

label {margin: 1em 0;}
.info {margin-top: 1em;font-size: 13px;}

#main .content form input,
#main .content form textarea {width: 70%;}
#main .content form #protecciodades, #main .content form  input[type='checkbox']{width: auto;}
#main .content form .textProteccioDades p{font-size:.8em;}
#single form input,
#single form textarea {width: 50%;}

#single form input.medium.button.radius,
#main .content form input.medium.button.radius {width: auto;}

.formulari-ok {background: url(img/formulari-ok.jpg) 0 0 no-repeat;padding-left: 353px;padding-bottom: 70px;margin-top: 50px;}
	.formulari-ok p {padding-top: 20px;}

/* -----------------------------------------
   notícies
----------------------------------------- */
#news #content.row #main ul.listing li {
	background: none;
	border-top: 1px #a0a0a0 dotted;
	padding:1em 0;
}
#news #content.row #main ul.listing li.last {border-bottom: 1px #a0a0a0 dotted;}
	#news #content.row #main ul.listing li p {margin:0;}
	#news #content.row #main ul.listing li a {color: #5a9fcf;}
		#news #content.row #main ul.listing li h3 {padding:.3em 0;margin:0;}
			#news #content.row #main ul.listing li h3 a {color: #353535;}

	#news #content.row #main ul.listing li .text {margin-left: 6em;}
	#news #content.row #main ul.listing li .thumbnail {margin-top: 4px;}

	#news #content.row #main h1 {color: black;}


#news .addthis_toolbox {padding-bottom: 2em;}

h1.not_rss span {
	float: right;
	margin-top: 15px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
	h1.not_rss span a {background: url(img/icon-rss.png) 100% 50% no-repeat;padding-right: 30px; color: #333;font-weight: normal;}

/*paginació*/
#content.row #main .pagination  li,
#content.row .pagination  li {
	background: #eae6e3;
	padding: .2em .5em;
	margin-right: .5em;
}
	#content.row #main .pagination  li a,
	#content.row .pagination  li a {color:#333;}
	#content.row #main .pagination  li.active,
	#content.row .pagination  li.active {background:none;font-weight: bold;}
		#content.row #main .pagination  li.active a,
		#content.row .pagination  li.active a {color: #990f42;}

 /*fitxa*/
  #news p.tornar {margin-top: 2em;font-size: 0.9285em;}
 #news p.tornar a {
 	background: #ebebeb;
 	color: #5a9fcf;
 	padding: .2em .8em;
 	text-align: center;
 	margin-top: 1em;
 	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
 }
 #news.fitxa .titol {border-bottom: 1px #a0a0a0 dotted;margin-bottom: 2em;}

 	/*#news.fitxa #content.row #main h1 {font-size: 2.28em;}*/
 	#news.fitxa #content.row #main h2 {padding:0 0 1em 0;height: auto;color: #353535;}
 	#news.fitxa #content.row #main a {color: #5a9fcf;}

	#news.fitxa #content.row #main .resum p {color: #3a84b2;font-weight: bold;font-size: 1.1428em;}

#news #nots-relacionades {
	background: #e9e9e9;
	padding: 1em;
}
	/*#news #nots-relacionades ul {list-style:none;}*/
		#news #nots-relacionades li {/*background: none;*/list-style:none;border-top: 1px #9f9f9f dotted;padding: .5em 0;}
		#news #content.row #nots-relacionades h3 {font-size: 1em;padding:0 0 .5em 0;margin:0;color:#900e3c;font-family: 'Open Sans', sans-serif;font-weight: bold;}

			#news #nots-relacionades li h4 {padding:0;margin:0;font-size: 1em;font-family: 'Open Sans', sans-serif;/*line-height: auto;*/}
				#news #nots-relacionades li p {margin:0;padding:0 0 .4em 0;font-size: .9285em;}
				body#news #content.row #nots-relacionades li h4 a:link,
				body#news #content.row #nots-relacionades li h4 a:visited,
				body#news #content.row #nots-relacionades li h4 a {color: #262626;font-weight: bold;}


/* Normal Buttons ---------------------- */
.button { width: auto; background: #f4a714; border: 1px solid #cf8800; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #000; cursor: pointer; display: inline-block; font-family: inherit; font-size: 15px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: #000; background-color: #cf8800; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 15px; }
.button.small { font-size: 12px; padding: 7px 14px 8px; }
.button.tiny { font-size: 11px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #6c6ca9; border: 1px solid #4a4a7e; }
.button.primary:hover, .button.primary:focus { background-color: #53538f; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover, .button.success:focus { background-color: #457a1a; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover, .button.alert:focus { background-color: #970b0e; }
.button.secondary { background-color: #99998c; color: black; border: 1px solid #737366; }
.button.secondary:hover, .button.secondary:focus { background-color: #808072; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
/* -----------------------------------------
   Footer
----------------------------------------- */
footer {
	background: #40C1C6;
	color: #000;
	margin-top: 2em;
	padding:2em 0;
}
	footer .org {font-weight: bold;font-size: 1.1428em;}
	footer .row .six {margin:0;padding:0;}
	footer .row .six ul {list-style:none;margin:0;padding:0;}
	footer .row .six ul li {padding: 0 0 .2em 0;margin:0;}

	.lt-ie8 footer .row .columns {padding:0;}

		footer .row .six ul li a {color: #000;}

	footer .copy p {font-size: .8571em;}
		footer .copy p img {margin-left: 1em;}

/* -----------------------------------------
   cercador
----------------------------------------- */
.cercador #content.row #main .cerca-element {
	border-bottom: 1px #ccc dotted;
	padding: 1em 0;
	line-height: 1.5em;
}
	.cercador #content.row #main .cerca-element h3.cerca-titol-element {padding: 0;margin:0 0 .4em 0;}
		.cercador #content.row #main .cerca-element h3.cerca-titol-element a {color: #FF0094;}

	.cercador #content.row #main .cerca-element .cerca-ressaltat {background: #ccc;}


/*.lt-ie8 .nav-bar .box {float: left;width: 13%;border:1px blue solid;}*/

	.lt-ie8 #nav .nav-bar,.lt-ie9 #nav .nav-bar{margin-left: 5px;}

	.lt-ie8 .home #nav .box,.lt-ie9 .home #nav .box {width: 100%;}
	.lt-ie9 #nav .box{font-size:.85em;width: 129px;height: 137px;float: left;margin-right: .95em;}
	.lt-ie8 #nav .box
	.lt-ie8 #nav .box.investigacio {
		width: 130px;
		float: left;
		height: 167px;
		margin-right: .95em;
	}
	.lt-ie8 #nav .box.contactar,.lt-ie9 #nav .box.contactar {margin-right: 0;}

/* -----------------------------------------
   varis
----------------------------------------- */
.mobile-nav-toggle {display: none;}
.is-hidden {
	position: absolute;
	left: -9999em;
}
.is-visible {
	position: static;
}


@media only screen and (max-width: 767px) {

	.contractacio #content.row ul.boxes li {
		margin-right: 0;
		float: none;
		width: 100%;
	}

	.slider,
	#s,
	#noticies,
	#nav {display: none;}
	.home .box {height: 35px;}
	#mobile-nav {display: block;}
	#mobile-nav .four {
		width: 33.33333% !important;
		float: left !important;
		margin-bottom: 15px;
	}
	#mobile-nav a {
		display: block;
		text-align: center;
	}
	#mobile-nav a.home {background: #FF289A;}
	#mobile-nav a.twitter {background: #01B6E6;}
	#mobile-nav a.bancsang {background: #DF006F;}
	#mobile-nav a.corporatiu {background: #5A9FCF;}
	#mobile-nav a.teixits {background: #A58C7B;}
	#mobile-nav a.donants {background: #96BE27;}
	#mobile-nav a.flickr {background: #1472B1;}
	#mobile-nav a.hospital {background: #7F3787;}
	#mobile-nav a.youtube {background: #C6222D;}
	#mobile-nav a.pinterest {background: #C91C2C;}
	#mobile-nav a.instagram {background: #ED29AF;}
	#mobile-nav a.cientific {background: #1FA095;}
	#mobile-nav a.contactar {background: #E4502A;}
	#mobile-nav a.facebook {background: #003F8D;}
	#mobile-nav a.admin {background: #F4A714;}
	#mobile-nav a.noticies {background: #888888;}
	.mobile-nav-toggle {
		display: block;
		margin: 0 auto 16px;
		background: #fff url('img/mob-menu-toggle.gif') no-repeat;
		font-size: 1.625em;
		color: #000;
		padding: 0 3em 0 1em;
		height: 57px;
		text-align: center;
		line-height: 57px;
	}
	.mobile-nav-toggle.open {
		background-position: 100% 0;
	}
	.mobile-nav-toggle.closed {
		background-position: 100% -57px;
	}
	#destaquem .row .four div {min-height: 0;}
	#content.row h2 {height: auto;}
	#subportada .capsa h2 a{
    background: none;
    opacity: 1;
    padding: 0;
	}
	#subportada #content.row .row.caixes {margin-bottom: 0;}
}

@media only screen and (max-width: 760px) {

	#main {margin-top: 0em;}

	h1 {font-size: 1.5em;}

	.pujar {width: 25%;}

	#subportada .capsa {height: 40px;float: none;width: 100%;padding-right: .5em;margin-bottom: 1em;}
	#subportada .capsa h2{font-size: 15px;}
	#subportada .capsa span,
	#subportada .capsa .mes  {display: none;}

}


/*@media only screen and (min-width: 1180px) {
	#main{min-height:250px;}
	.nav-bar  li.box{width: 11.461%;}
	.nav-bar  li.box.contactar{width: 11.4695%;}
}*/
@media only screen and (min-width: 980px) {
		#subportada .capsa h2 a{
			background-color: transparent;
	   	    opacity: 1;
	    	padding: 0;
		}
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1180px) {

	.nav-bar  li.box.contactar{width: 11.465%;}
}


.lt-ie8 #subportada .capsa{min-width:200px!important;}
.lt-ie9 #subportada .capsa h2 a{
			background-color: transparent;
	   	    opacity: 1;
	    	padding: 0;
		}
.lt-ie8 #subportada .capsa.perfil span {width: 328px;}


.cookies {
    background-color: #FF0094;
    background-color: rgba(169, 9, 73,.9);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9999 ;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
    .cookies p {
        color: #FFF;
        margin: 0;
    }

    .cookies a {
        color: #FFF;
        text-decoration: underline;
    }

    .cookies .button.secondary {
        text-decoration: none;
        margin-bottom: 0;
        margin-left: 1em;
        padding: .5em .5em;
        background-color: #FFF;
        color: #FF0094;
        border:0;
        box-shadow: 0;
    }


@media only screen and (min-width: 767px) and (max-width: 1180px){

	.contractacio #content.row ul.boxes li {
		width: 49%;
		margin-right: 13px;
	}
	.contractacio #content.row ul.boxes li:nth-child(2n) {
		margin-right: 0;
	}
	.contractacio #content.row ul.boxes li:nth-child(3n) {
		margin-right: 13px;
	}
	.contractacio #content.row ul.boxes li.last {
		margin-right: 0;
	}

}

.botonera .btn-banc{
	float: right;
	margin: 2em;
	background-color: #a38976;
	padding: 1em;
	color: #FFF;
	font-size: 1.2em;
	padding-left: 40px;
	position: relative;
}
	.botonera .btn-banc.mobil{
		float: none;
		max-width: 60%;
		margin: 0 auto 2em;
	}
	.btn-banc:hover{
		opacity: 0.5;
	}
	.botonera .btn-banc:before{
		content: '';
		width: 22px;
		height: 21px;
		float: left;
		position: absolute;
		left: 10px;
		background-image: url('img/ico-comandes-desktop.png');
	}

@media only screen and (max-width: 760px){
	.botonera .btn-banc.superior{
		display: none !important;
	}
	.botonera .btn-banc.mobil{
		display: block !important;
	}
}

@media only screen and (min-width: 760px){
	.botonera .btn-banc.mobil{
		display: none !important;
	}
	.botonera .btn-banc.superior{
		display: block !important;
	}
}




.personal #content.row h2{

color:#f4a714 !important;
}


.personal .icono{
    width: 42px;
    height: 15px;
    position: absolute;
    bottom: -9px;
background:url(https://www.fbstib.org/media/css/img/select-personal.png) no-repeat !important;
    left: 32%;
}


/* ESTADO NORMAL: todos los elementos como "Permisos i llicències" */
.personal #nav-sub ul li > a,
.personal #nav-sub ul li > a:link,
.personal #nav-sub ul li > a:visited {
  background-color: #f5f5f5 !important; /* ajusta este color al gris exacto */
  color: #333 !important;
}

/* HOVER: cuando pasas el ratón */
.personal #nav-sub ul li > a:hover {
  background-color: #f4a714 !important;
  color: #fff !important;
}

/* ACTIVO: elemento seleccionado */
.personal #nav-sub ul li.active > a,
.personal #nav-sub ul li.active > a:link,
.personal #nav-sub ul li.active > a:visited {
  background-color: #f4a714 !important;
  color: #fff !important;
}