/*
GRIB. Research Unit on Biomedical Informatics
Can Antaviana, 2008

-basic
-layout
-vincles
-branding
-nav_main
-nav_sub
-content_main
-div.dest
-site_info
-estils houdini
-portada
-subportada
-notícies
-software
-cv
-contacte
-cercador de persones i projectes
-resultats cercador
-job opportunities
-sitemap
-paginació
*/


/*---------------
Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	color: #333;
	background: #54a3de;
	padding: 0;
	margin: 0;
}
ul,ol,dl,fieldset {margin:0;padding:0;}
img,abbr,acronym,fieldset {border: none;}
ul {list-style: none;}
hr,
.hide {display: none;}

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

/*acc*/
#acc {
	position : absolute;
	top : -9000px;
	left : -9000px;
	z-index : 1;
}
	#acc a:focus,
	#acc a:active {
		position : absolute;
		top : 9010px;
		left : 9010px;
		background : #fff;
		color : #333;
		padding : 5px;
		font-weight : bold;
		border : 1px solid #600;
		width : 10em;
		z-index : 1;
	}


/*---------------
Layout
---------------------------------------------*/
/*3 columnes*/
#container_main {
	margin: 0 auto;
	width: 56.25em;
	max-width: 95%;
	min-width: 46em;
	padding: 0 3em;
		padding: 0 1em;
/*		width: 900px;  /*Provisional*/
/*		padding: 0 48px; /*Provisional*/
	background: #fff;
	text-align: left;
	position: relative;
}
	* html #container_main {width: 901px;} /*Provisional IE6*/
		#nav_sub {
			float: left;
			width: 19.222%;
		}
		#container_sub_sub {
			float: right;
			width: 78%;
			padding-top: 1.125em;
		}
			#content_main {
				float: left;
				width: 72%;
				overflow: hidden;
			}
			#content_main.cerca {
				overflow: inherit;
			}
			#content_sub {
				float: right;
				width: 24.714%;
			}
	#site_info {clear: both;}

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

/*1 columna*/
.unaCol #container_sub_sub,
.unaCol #content_main {width: 100%;}
.unaCol #nav_sub,
.unaCol #content_sub {display: none;}

/*Subportada*/
#subportada #nav_sub {display: none;}
#subportada #container_sub_sub {
	float: none;
	width: 100%;
}
	#subportada #content_main {
		width: 100%;
		float: none;
	}
	#subportada #content_sub {display: none;}


/*---------------
Vincles
---------------------------------------------*/
/*General*/
a:link {
	color: #c91212;
	text-decoration: none;
	border-bottom: 1px dotted #c91212;
}
a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #c91212;
}
a:hover {
	color: #c91212;
	text-decoration: none;
	border-bottom: 1px solid #c91212;
}
a:active {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #c91212;
}
/*Branding*/
h1 a:link,
h1 a:visited {border-bottom: 0;}
h1 a:focus,
h1 a:active {
	background: none;
	outline: 1px dotted #000;
}
/*Idiomes*/
ul#idiomes a:link,
ul#idiomes a:visited {
	color: #666;
	border-bottom: 0;
}
ul#idiomes a:focus,
ul#idiomes a:active {outline: 1px dotted #000;}
/*nav_main*/
#nav_main a:link,
#nav_main a:visited {border-bottom: 0;}
#nav_main a:focus,
#nav_main a:active {background: none;}
/*molladepa*/
#molladepa a:link,
#molladepa a:visited {
	border-bottom: 0;
	color: #c91212;
}
#molladepa a:focus,
#molladepa a:active {color: #fff;}
#molladepa a:hover {border-bottom: 1px dotted #c91212;}
/*nav_sub*/
#nav_sub a:link,
#nav_sub a:visited {
	border-bottom: 0;
	color: #333;
}
#nav_sub a:focus,
#nav_sub a:active {
	background: #c91212;
	color: #fff;
}
#nav_sub a:hover {border-bottom: 1px dotted #333;}
/*related*/
.related a:link,
.related a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.related a:focus,
.related a:active {
	background: #c91212;
	color: #fff;
	border-bottom: 0;
}
.related a:hover {border-bottom: 1px solid #fff;}
/*more_about*/
#content_sub div.box ul li a:link,
#content_sub div.box ul li a:visited {
	color: #333;
	border-bottom: 0;
}
#content_sub div.box ul li a:focus,
#content_sub div.box ul li a:active {
	background: #c91212;
	color: #fff;
	border-bottom: none;
}
#content_sub div.box ul li a:hover {border-bottom: 1px dotted #333;}
/*caixetes*/
div.caixeta a:link,
div.caixeta a:visited,
div.caixeta a:hover {border: none;}
div.caixeta a:focus,
div.caixeta a:active {
	outline: 1px dotted #000;
	background: none;
}
/*site_info*/
#site_info ul#logos a:link,
#site_info ul#logos a:visited,
#site_info ul#logos a:hover {border: 0;}
#site_info ul#logos a:focus,
#site_info ul#logos a:active {
	outline: 1px dotted #000;
	background: none;
}
ul#varis a:link,
ul#varis a:visited {
	color: #666;
	border-bottom: 0;
}
ul#varis a:focus,
ul#varis a:active {outline: 1px dotted #000;}
/*Vincles externs*/
a:link.external,
a:visited.external {
	background-image: url(../comu/icon_link_ext.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	padding-right: 14px;
}
a:focus.external,
a:focus.active {
	background-image: url(../comu/icon_link_ext2.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	padding-right: 14px;
}
	#portada #content_sub a:link.external,
	#portada #content_sub a:visited.external,
	#portada #content_sub a:focus.external,
	#portada #content_sub a:focus.active{
		background:none;
		padding-right:0;
		border-bottom:none;
	}

/*---------------
Branding
---------------------------------------------*/
#logo {
	margin: 0;
	float: left;
}
/*eines*/
div#eines {
	width: 29%;
		width: 16.5em;
	float: right;
	margin-top: 3.5em;
}
	/*idiomes*/
	ul#idiomes {

	}
	ul#idiomes li {display: inline;}
		ul#idiomes li a {
			display: block;
			float: left;
			text-transform: uppercase;
			font-size: .6875em;
			background: url(../comu/kland_quadrat.gif) 0 50% no-repeat;
			padding: 0 0 0 12px;
			font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
			margin-right: 3em;
		}
	/*cercador*/
	#branding form {
		border-top: 1px solid #cdcdcd;
		width: 16.375em;
		padding-top: .5em;
		margin-top: 1.2em;
		text-align: right;
	}
		#branding form label {display: none;}
		#branding form input {
			border: 1px solid #ccc;
			padding: .19em .5em;
			background: #fff url(../comu/border_cercador.gif) repeat-x;
			float: left;
			font-size: .75em;
			width: 14.5em;
			color: #333;
		}
		#branding form input.bt {
			border: none;
			padding: 0;
			background: none;
			float: right;
			width: auto;
		}


/*---------------
nav_main
---------------------------------------------*/
#nav_main {
	clear: both;
	margin-top: .5em;
}
		#nav_main ul li a {
			display: block;
			height: 50px;
			width: 143px;
			float: left;
			position: relative;
			overflow: hidden;
			margin: 0 4.2px;
			background: #e0e0e0;
		}
			#nav_main ul li span {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background-repeat: no-repeat;
				background-position: 0 0;
				cursor: pointer; /*IE*/
			}

				#nav_main ul li a:hover span,
				#nav_main ul li a:focus span {background-position: -149px 0;} /*-179px*/
				#nav_main ul li a:active span {background-position: -298px 0;}/*-358px*/

				#nav_main ul li a.current span {background-position: -447px 0;}/*-537px*/
				#nav_main ul li a.current span {cursor:default;}

			/*About*/
			#nav_main ul li#about span {background-image: url(../gif/bt_aboutus.jpg);}
			#nav_main ul li#about a {margin-left: 0;}
			/*Research*/
			#nav_main ul li#research span {background-image: url(../gif/bt_research.jpg);}
			/*Software*/
			#nav_main ul li#soft span {background-image: url(../gif/bt_softservices.jpg);}
			/*Projects*/
			#nav_main ul li#projects span {background-image: url(../gif/bt_projects.jpg);}
			/*Publications*/
			#nav_main ul li#publi span {background-image: url(../gif/bt_publications.jpg);}
			#nav_main ul li#publi a {margin-right: 0;}
			/*Seminars*/
			#nav_main ul li#seminars span {background-image: url(../gif/bt_seminars.jpg);}

#molladepa {
	border-bottom: 1px solid #ccc;
	font-size: .75em;
	padding: 1em 0;
}
	#molladepa a {font-weight: bold;}


/*---------------
nav_sub
---------------------------------------------*/
#nav_sub ul {margin-bottom: 1.5em;}
	#nav_sub ul li {
		border-bottom: 1px solid #cdcdcd;
		padding: .3em .5em .3em 1em;
		background: url(../comu/kland_menuinterior.gif) 0 .7em no-repeat;
	}
		#nav_sub ul a {font-size: .75em;}
		#nav_sub ul li.current a {
			font-weight: bold;
			color: #c91212;
			border: 0;
		}
			#nav_sub ul li.current a:focus {
				color: #c91212;
				background: none;
			}

#nav_sub form {
	margin: 0 auto;
	width: 88%;
}
	#nav_sub form legend {
		text-transform: uppercase;
		color: #333;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: .8125em;
	}
	#nav_sub form div {margin: .5em 0;}
		#nav_sub form label {
			display: block;
			font-size: .6875em;
		}
		#nav_sub form input {
			border: 1px solid #ccc;
			width: 97%;
			font-size: .6875em;
			padding: .3em .2em;
		}
			#nav_sub form input.bt {
				border: none;
				width: 100%;
				padding: 0;
			}
/*Icones formularis*/
#nav_sub form div.icona {
	position: absolute;
	right: 10px;
	top: -25px;
	z-index: 1;
}
	#nav_sub form#persones div.icona {
		width: 57px;
		height: 46px;
		background: url(../comu/icon_people.png) no-repeat;
	}
	#nav_sub form#intranet div.icona {
		width: 28px;
		height: 50px;
		background: url(../comu/icon_clau.png) no-repeat;
	}
	#nav_sub form#projects-form div.icona {
		width: 54px;
		height: 43px;
		background: url(../comu/icon_projects.png) no-repeat;
	}
	#nav_sub form#publications-form div.icona {
		width: 53px;
		height: 31px;
		background: url(../comu/icon-publications.png) no-repeat;
		top: -17px;
		right: 6px;
	}
		#nav_sub form#publications-form p.advanced {
			height: 16px;
			font-size: 0.6em;
			padding:;margin:0;
		}
/*caixetes*/
div.comp-vertical {margin: 0 0 1.125em 0;}
	div.comp-vertical p {margin: 1.125em 0;}
		#nav_sub div.comp-vertical p a:hover {border: none;}
		#nav_sub div.comp-vertical p a:focus {
			background: none;
			outline: 1px dotted #000;
		}
			div.comp-vertical p img {width: 100%;}
#portada div.comp-vertical p a:active,
#portada div.comp-vertical p a:link,
#portada div.comp-vertical p a:focus {border:none; }


/*---------------
content_main
---------------------------------------------*/
img#cap {
	margin-bottom: 1.125em;
	width: 100%;
}

/*box*/
div.box {
	background: #e0e0e0 url(../comu/box_bg.jpg) repeat-x;
	position: relative;
	margin: 2em 0 1.5em 0;
	padding: .5em 0 0 0;
	height: 1%; /*IE*/
}
	div.borders { /*es posa per JS*/
		border: 1px solid #c91212;
		border-width: 0 1px;
	}
	/*cantonades*/
	div.box div.tl,
	div.box div.tr,
	div.box div.bl,
	div.box div.br {
		position: absolute;
		background-repeat: no-repeat;
	}
		/*top left*/
		div.box div.tl {
			top: -3px;
			left: -1px;
			width: 100%;
			height: 3px;
			background-image: url(../comu/box_tl.jpg);
		}
		div.box div.tr {
			top: -3px;
			right: -1px;
			width: 3px;
			height: 3px;
			background-image: url(../comu/box_tr.jpg);
		}
		div.box div.bl {
			bottom: -4px;
			left: -1px;
			width: 100%;
			height: 4px;
			background-image: url(../comu/box_bl.jpg);
			background-position: 0 100%; /*IE6*/
		}
		div.box div.br {
			bottom: -4px;
			right: -1px;
			width: 3px;
			height: 4px;
			background-image: url(../comu/box_br.jpg);
			background-position: 0 100%; /*IE6*/
		}


/*---------------
div.dest
---------------------------------------------*/
#container_sub div.dest h2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
	margin: 0 1em .5em 1em;
}
#container_sub div.dest h3 {
	font-size: 1em;
	color: #c91212;
	margin: 0 1em .5em 1em;
}
#container_sub div.dest div.icona {
	background: url(../comu/icon_more_about.png) no-repeat;
	width: 37px;
	height: 65px;
	position: absolute;
	right: 10px;
	top: -15px;
}
#container_sub div.dest ul {margin: 1.2em 1em .5em 1em;}
	#container_sub div.dest ul li {
		background: url(../comu/kland_destacat.jpg) 0 .2em no-repeat;
		border-bottom: 1px solid #ccc;
		padding: 0 0 .5em 25px;
		margin-bottom: .5em;
		height: 1%; /*IE6*/
		word-wrap: break-word;
	}
		#container_sub div.dest ul li.last {border: none;}
			#container_sub div.dest ul li a {font-size: .875em;}


/*---------------
site_info
---------------------------------------------*/
#site_info {
	border-top: 1px solid #ccc;
	padding-top: 1.25em;
	text-align: center;
}
	#site_info ul {clear: left;}
		#site_info ul li {display: inline;}
			#site_info ul li a {
				display: block;
				float: left;
			}
			#site_info ul#logos {
				border-bottom: 1px solid #ccc;
				margin-bottom: 1em;
				padding: 0 0 1em 0;
			}
				#site_info ul#logos li a {
					margin: 0 2.1em;
					background: none;
					padding-right: 0;
					display: inline; /*IE6*/
					float: none;
				}
				#site_info ul#logos li.first img{
					padding-left:5em;
				}
			#site_info ul#varis {
				padding: 0 0 1em 0;
				margin-left: 22%;
			}
				#site_info ul#varis li a {
					font-size: .6875em;
					text-transform: uppercase;
					font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
					background: url(../comu/kland_quadrat.gif) 0 50% no-repeat;
					padding: 0 0 0 15px;
					margin: 0 2em;
				}


/*---------------
Estils Houdini
---------------------------------------------*/
/*títols*/
#content_main h1 {
	margin: 0;
	font-size: 1.5em;
	color: #c91212;
	font-family: Arial, sans-serif;
}
	#content_main div.news{
		width:100%;
		border-bottom:1px solid #e7e7e7;
		margin-bottom:1em;
	}
		#content_main div.news h1 img{
			float:left;
			display:inline;
		}
		#content_main div.news a{
			float:right;
			display:inline;
			padding:3px 0 0 25px;
			background: url('../comu/bt_rss.gif') no-repeat 0 0;
			color: #F5A421;
			height:21px;
			border-bottom:none;
			font-size:.8em;
		}
			#content_main div.news a.back {
				background:none;
				color:#c91212;
			}

#content_main h2,
#content_main h1.cv {
	font-size: 1.125em;
	margin: 0 0 1em 0;
	padding: 0 0 0 1em;
	padding: .5em;
	font-weight: normal;
	color: #fff;
	background: #c91212;
	width: 487px;
}
#content_main h3,
#content_main h4,
#content_main h5,
#content_main h2.findus {
	font-size: .75em;
	margin: 0 0 1.5em 0;
	padding: .5em 0 .5em 1em;
	color: #fff;
	background: #df7171;
}
#content_main h4,
#content_main h3.findus {
	color: #c91212;
	background: #eecbcb;
}
#content_main h5 {
	color: #666;
	background: #e7e7e7;
}

/*text*/
#content_main p {
	font-size: .75em;
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}

	#content_main p.primer{
		background:url(../comu/kland_quadrat.gif) no-repeat 0 .5em;
		padding-left:1.3em;
	}

/*Llistes*/
#content_main ul,
#content_main ol {
	font-size: .75em;
	margin: 0 0 1.5em 1em;
	line-height: 1.5em;
}
	#content_main ul ul,
	#content_main ol ol {
		font-size: 1em;
		margin: 0;
	}
		#content_main ul ul ul,
		#content_main ol ol ol {font-size: .916em;}

	/*Llista ordenada*/
	#content_main ol {padding-left: 1.8em;}

	/*Llista desordenada*/
	#content_main ul li {
		background: url(../comu/llistat_nivell_1.png) 0 5px no-repeat;
		padding-left: 15px;
	}
		#content_main ul li li {background: url(../comu/llistat_nivell_2.png) 0 4px no-repeat;}
			#content_main ul li li li {background: url(../comu/llistat_nivell_3.png) 0 4px no-repeat;}
	#content_main ul.chosen-choices{
		margin-left: 0 !important;
		margin-bottom: 0 !important;
	}
	#content_main ul.chosen-choices li,
	#content_main ul.chosen-results li{
		background: none;
		color: #000;
		padding-left: 0;
	}
		#content_main ul.chosen-choices li.search-choice{
			padding-left: 5px;
		}
		#content_main .chosen-container-single .chosen-single{
			border-radius: 0;
			border: 0;
			color: #FFF;
			background: none;
			background-color: #FFF;
		}
		#content_main .chosen-container-single .chosen-single span{
			color: #000;
		}
	/*Llistat amb fons*/
	#content_main ul.fons li {
		background-color: #ebebeb;
		background-position: 8px 10px;
		padding: .5em 0 .5em 22px;
		margin: 0 0 .5em 0;
	}
		#content_main ul.fons li li {
			margin: 0;
			padding: 0 0 0 15px;
			background-position: 0 4px;
		}

	/*Llistat a dues columnes*/
	#content_main ul.duesCol li {
		width: 40%;
		margin-right: 5%;
		float: left;
	}

	/*Llista tipus A*/
	#content_main ul.tipusA li,
	#content_main ul.tipusB li {
		border-bottom: 1px solid #ccc;
		padding-top: .5em;
		padding-bottom: .5em;
		background-position: 0 10px;
	}
	/*Llista tipus B*/
	#content_main ul.tipusB  {background: #ebebeb;}
		#content_main ul.tipusB li  {
			background-position: 8px 10px;
			padding: .5em 1.8em;
		}

	/*Llistat amb fons amb títol individual*/
	#content_main ul.llista_caixa li.caixaTitol {
		font-weight: bold;
		padding-left: 1em;
		background: #999;
		color: #333;
	}
	#content_main ul.llista_caixa li {
		background-color: #ebebeb;
		background-position: 8px 10px;
		padding: .5em 0 .5em 22px;
		margin: 0 0 .5em 0;
	}

/*Text + imatge*/
div.txtImgEsq img,
div.txtImgDr img {
/*	width: 12.375em;
	height: 7.875em;*/
}
div.txtImgEsq img {
	float: left;
	margin: 0 1.125em .5625em 0;
}
div.txtImgDr img {
	float: right;
	margin: 0 0 .5625em 1.125em;
}

/*Text destacat*/
div.destacat {
	border: 1px solid #c91212;
	border-bottom-width: 3px;
	margin: 0 0 1.125em 0;
	position: relative;
}
	#content_main div.destacat p {
		margin: 0;
		padding: 2em 1em;
		font-size: .875em;
	}
	#content_main div.destacat div {
		width: 49px;
		height: 41px;
		background: url(../comu/quote_tl.png) no-repeat;
		position: absolute;
	}
	#content_main div.destacat div.tl {
		left: 1em;
		top: -15px;
	}
	#content_main div.destacat div.br {
		background-image: url(../comu/quote_br.png);
		right: 1em;
		bottom: -15px;
	}

/*Text amb destacat dreta/esquerra*/
div.destacatDreta,
div.destacatEsq {margin: 1.125em 0;}
#content_main div div.destacat {width: 30%;}
	#content_main div.destacatEsq div.destacat {
		float: left;
		margin: 0 1.125em 1.125em 0;
	}
	#content_main div.destacatDreta div.destacat {
		float: right;
		margin: 0  0 1.125em 1.125em;
	}

/*Pujar*/
span.pujar{
	display:block;
}
/*Taula*/
#content_main table {
	width: 100%;
	border-collapse: separate;
	border-spacing: .25em;
	margin: 0 0 1.125em 0;
}
	#content_main table td,
	#content_main table th {
		font-size: .6875em;
		padding: .8em;
	}
	#content_main table th {background: #ccc;}
	#content_main table td {background: #ebebeb;}

/*Vincles relacionats*/
#container_sub_sub #content_main div.related {margin: 0 0 1.125em 0;}
	#container_sub_sub #content_main div.related h2  {
		background: #c91212;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		padding: .8em 0 .8em 85px;
		margin: 0 0 0 1em;
		color: #fff;
		font-weight: normal;
		font-size: .8125em;
		text-transform: uppercase;
		position: relative;
	}
		#container_sub_sub #content_main div.related h2 span {
			width: 72px;
			height: 46px;
			display: block;
			background: url(../comu/icon_vincles_rel.png) no-repeat;
			position: absolute;
			left: 10px;
			bottom: 0;
		}
	#container_sub_sub #content_main div.related li {
		padding: .6em 0 .6em 25px;
		color: #fff;
		font-weight: bold;
		background: #df7171 url(../comu/kland_vincles_rel.png) 10px 12px no-repeat;
		margin: .25em 0 0 0;
	}
		#container_sub_sub #content_main div.related li a {font-weight: normal;}


/*---------------
Portada
---------------------------------------------*/
#portada #nav_main {margin: 0 0 1em 0;}
	#portada #nav_main img#cap {
		margin: 0 0 .5em 0;
		width: 100%;
	}
#portada #nav_sub {padding-top: 1.3em;}
#portada div.box {margin-top: 0;}
#portada #content_main h2 { background:none; margin-bottom:0;}
#portada #content_main h2 img {
/*	width: 100%;*/
	margin-bottom: .5em;
}
#portada #content_main h3 { background:none; color:#000; }
#portada #content_main p.dest {
	font-size: .875em;
	margin: 0 0 1.286em 0;
}
#portada #content_main a {font-weight: bold;}
#portada #content_main .txtImgEsq {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.125em;
}
	#portada #content_main .txtImgEsq img {
		width: 5em;
		height: auto;
	}
	#portada #content_main .txtImgEsq p {margin: 0 0 .5em 8.166em;}
#portada #content_main .box_portada {
	background: #e5e5e5;
	border-bottom: 1px solid #ccc;
	margin: 0 0 1.125em 0;
}
	#portada #content_main .box_portada h2 {
		border-bottom: 1px solid #999;
		margin: 0 0 .5em 0;
		padding: 4px 0 0 10px;
	}
		#portada #content_main .box_portada h2 img {
/*			width: auto;*/
			margin: .3em 0;
		}
	#portada #content_main .box_portada h3 {
		background: none;
		color: #000;
		font-size: 1em;
		padding: 0;
		margin: .5em .75em;
	}
	#portada #content_main .box_portada img {margin: 0 .75em;}
	#portada #content_main .box_portada p {margin: 0 1em .5em 1em;}
	#portada #content_main .box_portada ul {margin: 0;}
		#portada #content_main .box_portada ul li {
			border-bottom: 1px solid #ccc;
			padding: .5em 1em;
			background: none;
		}
			#portada #content_main .box_portada ul li.last {border-bottom: none;}
		#portada #content_main p.bt_mes {text-align:right;}
			#portada #content_main p.bt_mes a {border-bottom:none; float:right;}
				#portada #content_main p.bt_mes a:active,
				#portada #content_main p.bt_mes a:focus {background:none;}
				#portada #content_main p.bt_mes a.rss {
					margin: 0 1em 0 0;
					padding-left:25px;
					background: url('../comu/bt_rss.gif') no-repeat 0 0;
					color: #F5A421;
					height:21px;
					display:inline;
					float:right;
				}
#portada #content_sub div.box div.icona {
	background: url(../comu/icon_research_labs.png) no-repeat;
	width: 101px;
	height: 80px;
	top: -30px;
	right: 5px;
}


/*---------------
Subportada
---------------------------------------------*/
#subportada ul#caixes {margin: 2.2em 0 1.5em 0;}
	#subportada ul#caixes li {
		background: #54a3de url(../comu/subportada_box_bg_top.jpg) no-repeat;
		padding: 0 0 12px 0;
		margin: 0 6px 4em 5px;
		width: 214px;
		height: 22em;
		float: left;
		position: relative;
		display: inline; /*IE6*/
	}
		/*div.bottom*/
		#subportada ul#caixes li div.bottom {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 214px;
			height: 4px;
			background: url(../comu/subportada_box_bg_bottom.jpg) left bottom no-repeat;
		}
		/*pictograma*/
		#subportada ul#caixes li div.pict {
			position: absolute;
			top: -26px;
			right: 15px;
			width: 154px;
			height: 188px;
			background-repeat: no-repeat;
		}
			#subportada ul#caixes li#cg div.pict {background-image: url(../comu/subportada_ico_computational_genomics.png);}
			#subportada ul#caixes li#cs div.pict {background-image: url(../comu/subportada_ico_complex_systems.png);}
			#subportada ul#caixes li#sb div.pict {background-image: url(../comu/subportada_ico_structural_bioinformatics.png);}
			#subportada ul#caixes li#cbb div.pict {background-image: url(../comu/subportada_ico_computional_science.png);}
			#subportada ul#caixes li#c div.pict {background-image: url(../comu/subportada_ico_chemogenomics.png);}
			#subportada ul#caixes li#cadd div.pict {background-image: url(../comu/subportada_ico_computer-assisted_drug_design.png);}
			#subportada ul#caixes li#ibi div.pict {background-image: url(../comu/subportada_ico_integrative_biomedical_informatics.png);}
			#subportada ul#caixes li#fg div.pict {background-image: url(../comu/subportada_ico_fuctional-genomics.png);}
			#subportada ul#caixes li#eg div.pict {background-image: url(../comu/subportada_ico_evolutionary-genomics.png);}
			#subportada ul#caixes li#bg div.pict {background-image: url(../comu/suportada_ico_biomedical-genomics.png);}
		/*text*/
		#subportada ul#caixes li h2 {
			padding: 0;
			margin: 6em 0 0 10px;
			background: none;
			z-index: 1;
			position: absolute;
			left: 0; /*IE*/
		}
			#subportada ul#caixes li h2 a {
				border: none;
				background: none;
			}
				#subportada ul#caixes li h2 a:focus {outline: 1px dotted #000;}
		#subportada ul#caixes li p {
			text-align: left;
			font-size: .916em;
			margin: 14em 10px .5em 10px;
			color: #fff;
		}
		#subportada ul#caixes li a:link,
		#subportada ul#caixes li a:visited,
		#subportada ul#caixes li a:focus { color: #ffdc73; border-bottom:none; background:none; }
		#subportada ul#caixes li a:hover { text-decoration:underline;}
			#subportada ul#caixes li p.mes {
				position: absolute;
				left: 0px;
				bottom: 15px;
				font-weight: bold;
			}
				#subportada ul#caixes li p.mes a:link,
				#subportada ul#caixes li p.mes a:visited {
					border: none;
					color: #fff;
				}
				#subportada ul#caixes li p.mes a:hover {border-bottom: 1px dotted #fff;}
			#subportada ul#caixes li#intro {background: none;}
			#subportada ul#caixes li#intro p {
				text-align: left;
				font-size: 1.166em;
				padding-left: 15px;
				margin-top: 0;
				background: url(../comu/llistat_nivell_2.png) 0 .5em no-repeat;
				position: static;
				color: #333;
				line-height: 1.5em;
			}

/*---------------
Notícies
---------------------------------------------*/
#content_main div.noticia {
	margin: 0 0 1.125em 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: .5625em;
}
	#content_main div.noticia p.data {
		font-size: .6875em;
		color: #666;
	}
	#content_main div.noticia h2,
	#content_main div.noticia h1.not {
		padding: 0;
		background: none;
		margin-bottom: .5em;
		font-size: 1em;
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #333;
	}
		#content_main div.noticia h2 a:link {
			color: #333;
			border: none;
		}
		#content_main div.noticia h2 a:visited {border: none;}
		#content_main div.noticia h2 a:hover {border-bottom: 1px dotted #333;}
		#content_main div.noticia h2 a:focus {color: #fff;}
	#content_main div.noticia p {margin-bottom: .75em;}
		#content_main div.noticia p.mes {
			background: url(../gif/more.gif) no-repeat 0 .5em;
			padding-left: 14px;
		}
			#content_main div.noticia p.mes span {
			left: -2000px;
			position: absolute;
			width: 900px;
			}
		#content_main div.noticia img.interior {
			width: 10em;
			height: auto;
		}

	#content_main div.noticia #imatges {
		float:left;
		border:none;
	}
	#content_main div.noticia #imatges a {
		display:block;
		padding-bottom:90px;
		border:none;
	}
	/* llistat galeria */
	#content_main div.noticia div.txt {float:left; width:35.25em }


/*---------------
Software
---------------------------------------------*/
/*#content_main div.proj img {
	width: 8.125em;
	height: auto;
}*/
	#content_main div.proj h3,
	#content_main div.proj p {margin-left: 148px;}

/*---------------
currículum
---------------------------------------------*/
#cv ul.results_list li div {margin:38px 0 0 50px;}
	#cv ul.results_list li div span.fn {font-size:1.75em; color:#444; font-weight:bold;}
	#cv ul.results_list li div span span.city{font-size:.714em; font-style:italic; font-weight:normal;}

/*---------------
Contacte
---------------------------------------------*/
#content_main form#form1 {
	background: url(../comu/imatge_contact.jpg) no-repeat;
	padding-left: 130px;
	margin: 0 0 1.125em 0;
}
	#content_main form#form1 label {
		display: block;
		margin: 0 0 .5em 0;
		color: #666;
		cursor: default;
		font-size: 0.75em;
		margin-top: 20px;
	}
	#content_main form#form1 button{
		margin-top: 20px;
		width: 69px;
		height: 26px;
		color: #FFF;
		font-weight: bold;
		padding: 2px 5px;
		background: url(images/button.gif) no-repeat left top;
		cursor: pointer;
		border: none;
	}
	#content_main form#form1 div#captcha {
		border: 1px solid #55a3de;
		padding: 1em;
		margin: 0 0 1.125em 0;
	}
		#content_main form#form1 div#captcha div#crypt {
			float: left;
			width: 30%;
		}
			#content_main form#form1 div#captcha div#crypt p {color: #666;}
			#content_main form#form1 div#captcha div#crypt a:focus img {outline: 1px dotted #000;}
			#content_main form#form1 div#captcha div#crypt img {float: left;}
		#content_main form#form1 div#captcha div#verif {
			float: right;
			width: 60%;
		}
			#content_main form#form1 div#captcha div#verif label {font-size: .75em;}
	/*Error*/
	#content_main form#form1 label.error {
		background: url(../comu/ico_left_field.gif) 8px 50% no-repeat;
		color: #c91212;
		padding: .2em 0 .2em 20px;
		margin: .5em 0 0 0;
		font-size: .916em;
		font-weight: bold;
		display: inline;
	}
		#content_main form#form1 div#captcha div#verif label.error {
			font-size: .6875em;
			background-image: url(../comu/ico_up_field.gif);
			padding-left: 25px;
			display: block;
		}
	/*Form ok/error*/
	#info {
		background: url(../comu/imatge_contact_ok.jpg) no-repeat;
		padding: 0 0 0 160px;
		margin: 0 0 1.125em 0;
		min-height: 9.375em;
		height: auto !important; /*IE6 min-height hack*/
	  	height: 9.375em; /*IE6 min-height hack*/
	}
		#info p {
			font-size: .875em;
			border: 2px solid #029a02;
			padding: 1em 1.5em;
			position: relative;
			color: #029a02;
			height: 1%; /*IE*/
		}
	#info.error {background-image: url('../comu/imatge_contact_error.jpg');}
		#info.error p {
			border-color: #c00;
			color: #c00;
		}
		/*Cantonades*/
		#info span {
			width: 6px;
			height: 7px;
			position: absolute;
			display: block;
			background-repeat: no-repeat;
		}
			#info span.tl {
				top: -2px;
				left: -2px;
				background-image: url('../comu/ok_box_tl.gif');
			}
			#info span.tr {
				top: -2px;
				right: -2px;
				background-image: url('../comu/ok_box_tr.gif');
			}
			#info span.bl {
				bottom: -2px;
				left: -2px;
				background-image: url('../comu/ok_box_bl.gif');
				background-position: 0 100%; /*IE 6*/
			}
			#info span.br {
				bottom: -2px;
				right: -2px;
				background-image: url('../comu/ok_box_br.gif');
				background-position: 0 100%; /*IE 6*/
			}
			#info.error span.tl {background-image: url('../comu/error_box_tl.gif');}
			#info.error span.tr {background-image: url('../comu/error_box_tr.gif');}
			#info.error span.bl {background-image: url('../comu/error_box_bl.gif');}
			#info.error span.br {background-image: url('../comu/error_box_br.gif');}


/*---------------
Cercador de persones i projectes
---------------------------------------------*/
form#finder {
	background: #96c3e0 20px 20px no-repeat;
	padding: 1.5em 2em;
	margin: 0 0 1.125em 0;
}
	form#finder.people {background-image: url(../comu/people-finder.jpg);}
	form#finder.people fieldset {padding-left: 18em;}
	form#finder.projects {background-image: url(../comu/projects-finder.jpg);}
	form#finder.publications {background-image: url(../comu/publications-finder.jpg);}
	form#finder.projects fieldset {padding-left: 22em;}
	form#finder.publications fieldset {padding-left: 25em;}
		form#finder legend {display: none;}
		form#finder label {
			display: block;
			color: #fff;
			font-size: .75em;
			cursor: pointer;
		}
		form#finder input {width: 18em;}
		form#finder button {
			background: transparent;
			border: none;
			width: 120px;
			height: 28px;
			vertical-align: middle;
			cursor: pointer;
		}
		form#finder.publications button {
			width: 140px;
			height: 26px;
		}
		form#finder.publications #send {
			width: 145px;
			height: 26px;
		}
	form#export{text-align:right;float:right;margin:0;padding:0}
		form#export button {
			background: transparent;
			border: none;
			width: 145px;
			height: 26px;
			vertical-align: middle;
			cursor: pointer;
		}

p#results {
	text-align: center;
	font-size: .875em;
	color: #093;
}
#content_main ul.results_list {margin-left: 0;}
	#content_main  ul.results_list li {
		margin: 0;
		padding: 1em;
		background: none;
		position: relative;
	}
		#content_main ul.results_list li.even {background: #eaf3f9;}
			#content_main ul.results_list li div {
				position: absolute;
				top: 1em;
				left: 102px;
			}
			#content_main ul.results_list li span.org {display: none;}


/*---------------
Resultats cercador
---------------------------------------------*/
span.cerca-ressaltat {background: #ff3;}


/*---------------
Job Opportunities
---------------------------------------------*/
form#jobs {margin: 0 0 1.125em 0;}
	form#jobs legend {display: none;}
		form#jobs p {margin: 0;}


/*---------------
Sitemap
---------------------------------------------*/
#sitemap #content_main div.apartat {
	width: 30%;
	float: left;
	margin-bottom: 1.125em;
}
	#content_main div.mig {margin: 0 5% 1.125em 5%;}


/*---------------
Paginació
---------------------------------------------*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
#navegacioPagines {
	text-align: center;
	font-size: .6875em;
	margin: 0 0 1.636em 0;
}
	#navegacioPagines a {
		padding: .2em .4em;
		margin: .2em;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #54a3de;
	}
		#navegacioPagines a#prev {
			background: url('../comu/fletxa_prev.gif') 10% 50% no-repeat;
			padding-left: 18px;
		}
		#navegacioPagines a#next {
			background: url('../comu/fletxa_next.gif') 90% 50% no-repeat;
			padding-right: 18px;
		}
		#navegacioPagines a:hover,
		#navegacioPagines a:active,
		#navegacioPagines a:focus {
			border: 1px solid #c91212;
			color: #fff;
			background: #c91212;
		}
			#navegacioPagines a#prev:hover {background: #c91212 url('../comu/fletxa_prev_hover.gif') 10% 50% no-repeat;}
			#navegacioPagines a#next:hover {background: #c91212 url('../comu/fletxa_next_hover.gif') 90% 50% no-repeat;}
		#navegacioPagines .current {
			padding: .2em .4em;
			margin: .2em;
			border: 1px solid #54a3de;
			font-weight: bold;
			background-color: #54a3de;
			color: #FFF;
		}
		#navegacioPagines .disabled {
			padding: .2em .5em;
			margin: .2em;
			border: 1px solid #EEE;
			color: #DDD;
		}


/* afegir any from - to */
.clear{clear:both}
.floatLeft{float:left}
.marginLeft10{margin-left:10px;}

ul.breadcrumbs{
	display: inline-block;
}
.breadcrumbs li{
	float: left;
	width: auto;
}
	.breadcrumbs li:after{
		content: '>';
		margin-left: 5px;
		width:20px;
		display: inline-block;
	}
	.breadcrumbs li:last-child:after{
		content:'';
	}

a.bt{
	border-radius: 2px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#db191a+0,ba0c0b+100 */
	background: #db191a; /* Old browsers */
	background: -moz-linear-gradient(top, #db191a 0%, #ba0c0b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #db191a 0%,#ba0c0b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #db191a 0%,#ba0c0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db191a', endColorstr='#ba0c0b',GradientType=0 ); /* IE6-9 */
	text-align: center;
	color: #FFF;
	padding: 5px 10px;
	display: inline-block;
	font-size: 0.9em;
	font-weight: bolder;
}

span.closed{
	color: #db191a;
}