#content{
	background-color:white;
	padding-top:53px;
	padding-bottom:20px;
	background-repeat:no-repeat;
	background-position:35px bottom;
	background-image:url(/img/icof_who.gif);
}
#cleft{
	width:238px;
	float:left;
}
#cleft .in{
	width:183px;
	margin:0px 0px 160px 27px;
}
#ccenter{
	float:left;
	width:524px;
}
#ccenter .in{
	width:470px;
	margin-left:24px;
}
#cright{
	float:left;
	width:186px;
}
#cright h1{
	font-size:1.3em;
	font-family:arial,helvetica,sans-serif;
	color:#783F36;
	margin-top:8px;
	margin-bottom:0px;
	padding:6px 4px;
	background:#F2F2F2 url(/img/sepperson.gif) repeat-x left bottom;
}
#cright h2{
	font-size:1.1em;
	margin-bottom:8px;
}
#cright .icobig{
	display:none;
}
#card,#list{
	padding-bottom:20px;
}
#card .cap,#list .cap{
	padding-bottom:20px;
}
.profile{
	color:#474C6C;
	line-height:1.5em;
}
.profile a{
	color:#783F36;
	text-decoration:underline;
}
#card h1,#list h1{
	color:#2F2F55;
	font-size:1.8em;
	font-family:arial,helvetica,sans-serif;
	margin:0px;
}
#card h2,#list h2{
	color:#783F36;
	font-size:1.3em;
	font-family:arial,helvetica,sans-serif;
	margin:8px 0px 0px 0px;
}
.intro{
	color:#783F36;
}
div.text li{
	list-style-type:square;
	margin-bottom:8px;
}
.text a{
	color:#783F36;
	text-decoration:underline;
}
ul#highlights{
	margin-top:40px;
}
ul#highlights.less{
	margin-top:30px;
}
ul#highlights li{
	background:transparent url(/img/sephighlights.gif) repeat-x left top;
	padding:15px 20px 15px 0px;
}
ul#highlights li.first{
	padding-top:0px;
}

/*estils específics segons l'àrea*/
#who #content{
	background-image:url(/img/icof_who.gif);
}
#areas #content{
	background-image:url(/img/icof_areas.gif);
}
#news #content{
	background-image:url(/img/icof_news.gif);
}
#publications #content{
	background-image:url(/img/icof_publications.gif);
}
#events #content{
	background-image:url(/img/icof_events.gif);
}
#career #content{
	background-image:url(/img/icof_career.gif);
}

li#mwho a{
	background-image:url(/img/icom_who.gif);
}
li#mwho.on a{
	background-image:url(/img/icom_who_on.gif);
}
li#mareas a{
	background-image:url(/img/icom_areas.gif);
}
li#mareas.on a{
	background-image:url(/img/icom_areas_on.gif);
}
li#mnews a{
	background-image:url(/img/icom_news.gif);
}
li#mnews.on a{
	background-image:url(/img/icom_news_on.gif);
}
li#mpublications a{
	background-image:url(/img/icom_publications.gif);
}
li#mpublications.on a{
	background-image:url(/img/icom_publications_on.gif);
}
li#mevents a{
	background-image:url(/img/icom_events.gif);
}
li#mevents.on a{
	background-image:url(/img/icom_events_on.gif);
}
li#mcareers a{
	background-image:url(/img/icom_careers.gif);
}
li#mcareers.on a{
	background-image:url(/img/icom_careers_on.gif);
}

#highlights a{
	color:#474C6C;
}
#highlights .impar a{
	color:#783F36;
}

img.person{
	/*width:120px;
	height:167px;*/
	width:125px;
	height:167px;
	padding:6px;
	border:1px dashed #BFBFBF;
}
#ccenter div.associate .in{
	width:314px;
	float:left;
	margin-left:0px;
}
.personintro{
	background-color:#F2F2F2;
	color:#783F36;
}
div.socio{
	padding:10px 15px;
}
.personareas{
	color:#474C6C;
}
.personareas a{
	color:inherit;
	text-decoration:none;
}
.personintro h2{
	font-size:1.3em;
	background:transparent url(/img/sepperson.gif) repeat-x left bottom;
	padding:10px 15px;
}
.personareas h3{
	font-size:1.2em;
}
.personintro strong{
	color:black;
}
div.foto{
	float:left;
}

.imgright{
	float:right !important;
	padding:0px 0px 0px 11px;
}
.imgleft{
	float:left;
	padding:0px 11px 0px 0px;
}
.imgtop,.imgbottom{
	float:none !important;
	text-align:center;
}
.imgtop{
	padding:8px 0px 8px 0px;
}
.imgbottom{
	padding:15px 0px 0px 0px;
}
.image-footer{
	color:#474C6C;
	font-size:0.9em;
	margin:0;
}
li > .image-footer-in{
	margin-top:-2px;
}
.image-footer .image-footer-in{
	display:block;
	margin:-4px auto 0 auto;
	text-align:left;
	background:#efefef;
}
.image-footer .image-footer-in2{
	padding:3px 6px;
}

div.office{
	margin-bottom:20px;
}
div.map{
	width:400px;
	height:200px;
	border:1px solid #BFBFBF;
}
.fotoof{
	width:99px;
	height:auto;
	padding:1px;
	border:1px solid #999999;
	float:left;
	margin-right:19px;
}
.dotted{
	background:transparent url(/img/sephighlights.gif) repeat-x top left;
	margin-top:20px;
	padding-top:20px;
}
.date{
	color:#BD633C;
	font-weight:bold;
}
#list li{
	padding-bottom:12px;
}
#list li a{
	color:#333333;
}

ul.pager{
	float:right;
	padding:10px 26px;
}
.pager a{
	color:#666666;
	display:block;
	padding:0px 8px 0px 8px;
	background:transparent url(/img/seppager.gif) no-repeat left bottom;
}
.pager strong{
	display:block;
	padding:0px 8px 0px 8px;
	background:transparent url(/img/seppager.gif) no-repeat left bottom;
}
.pager li.first a,.pager li.first strong{
	background-image:none;
	padding-left:0px;
}
.pager li{
	float:left;
	color:#C16D49;
}

#pager{
	text-align:right;
}
.ico{
	width:16px;
	height:22px;
	padding-top:14px !important;
	padding-right:6px;
}

div.events li div{
	float:left;
	width:400px;
	padding:11px !important;
}
div.events li{
	clear:both;
	margin-bottom:10px !important;
}

li.highlighted div{
	background-color:#EDEDF0;
}
li.highlighted img{
	border:1px dashed #6C6C87;
	background-color:white;
}

div.fotos{
	float:left;
	padding:0px 8px 8px 0px;
}
div.fotos ul{
	margin:0px;
	padding:0px;
}
div.fotos li{
	list-style-type:none;
}
div.fotos img{
	padding:6px;
	border:1px dashed #BFBFBF;
}
ul.recursos,ul.links,ul.areas,ul.publications{
	padding-left:15px;
	margin-left:0px;
}
ul.recursos a,ul.links a,ul.areas a,ul.publications a{
	color:#CC6600;
	text-decoration:none;
}
ul.recursos li,ul.links li,ul.areas li, ul.publications li{
	list-style-type:square;
	color:#CC6600;
}
ul.associates strong{
	line-height:2em;
}
.viewhistory{
	float:right;
	font-weight:bold;
	
}
.viewhistory a{
	color:#9595A6;
	display:block;
	padding:6px 0px 6px 30px !important;
	background-image:url(/img/ico_calendar.gif);
	background-repeat:no-repeat;
}
div.documents,div.links,div.areas,div.publications,div.moreinfo{
	padding-top:20px;
}
div.moreinfo{
	line-height:1.5em;
}
.sitemap li{
	padding:4px;
}
.sitemap ul{
	margin-left:15px;
	margin-top:8px;
	padding-left:0px;
}
.sitemap li a{
	color:#783F36;
	font-weight:bold;
	text-decoration:none;
	font-size:1.2em;
}
.sitemap li li a{
	color:black;
	font-weight:normal;
	font-size:1em;
}
ul#sprincipal{
	float:left;
	width:60%;
}
ul#sheader,ul#sfooter{
	margin-left:20px;
	margin-bottom:0px;
}
ul#sfooter{
	margin-top:0px;
}
ul#sheader li a,ul#sfooter li a{
	font-size:1em;
}
#cright p.more,#ccenter p.more,#ccenter p.history{
	background:transparent url(/img/ico_mes.gif) no-repeat left center;
	padding:6px 0px;
}
#cright p.more a,#ccenter p.more a,#ccenter p.history a{
	display:block;
	padding-left:16px;
	color:#8B8B9E;
}
.area_presentation{
	background:transparent url(/img/sepperson.gif) repeat-x left bottom;
	padding-bottom:7px;
	margin-bottom:16px;
}
#ccenter .area_presentation a strong{
	display:block;
	color:#2F2F55;
	font-size:1.8em;
	font-family:arial,helvetica,sans-serif;
	margin-bottom:12px;
}
.area_presentation .entra{
	color:#783F36;
	display:block;
	margin:0px 0px 10px 0px;
}
#list div.pubtype{
	margin-bottom:20px;
}
#list div.pubtype ul{
	padding-bottom:0px;
	margin-bottom:0px;
}
#list div.pubtype li{
	padding-bottom:5px;
}
span.idioma{
	color:#333333;
}

#areamenu{
	margin-top:30px;
}
#areamenu h3{
	font-size:1.2em;
	margin:0px 0px 10px 0px;
}
#areamenu ul{
	margin-left:20px;
}
#areamenu li{
	padding:3px 0px;
	list-style-type:square;
	color:#CBCBD3;
}
#areamenu a{
	color:#4C4C6D;
}

#areamenu li strong{
	font-weight:normal;
}
#areamenu li.on{
	color:#2F2F55;
}
#areamenu li.on strong{
	font-weight:bold;
}
