html,body {
	
	background-color: #8099B3;
	color: #585858;	
	
}


#pagina #titol-seccio{
background-color:#CCCCCC;
}
#pagina #seccio{	
background-color:#E6E6E6;
}
#pagina div#peu {

	background-color:#999999;
	
}
#pagina #vincles-relacionats{
background :#DAE1E8 url("../comu/ombreta_lat_imas.jpg") no-repeat left bottom;
}	
#pagina #vincles-relacionats a{
background-color :#DAE1E8;
}

#pagina #container, #pagina #container-2col{
border-left:11.2em solid #E6E6E6;
}



	
	#pagina div#navegacio-superior ul li#opcio-investigacio a{width:10em;min-width:72px;}
	#pagina div#navegacio-superior ul li#opcio-usuaris a, #pagina div#navegacio-superior ul li#opcio-instituts a, #pagina div#navegacio-superior ul li#opcio-docencia a{width:7.5em;min-width:79px;}	
	
	
	* html #pagina div#navegacio-superior ul li#opcio-usuaris a,* html #pagina div#navegacio-superior ul li#opcio-instituts a,* html #pagina div#navegacio-superior ul li#opcio-docencia a{		
		width:92px;
		w\idth:80px;
	}
	

.caixeta_banner{
	background :#DDE5F1 url("../comu/ombreta_lat_imas.jpg") no-repeat left bottom;
}
	.caixeta_banner div.titol, a.banner_imatge, a.banner_imatge:hover, a.banner_imatge:visited, a.banner_imatge:link{
		background-color:#B4C6E0;
	}
	.caixeta_banner div.content{
		background-color:#DDE5F1;
	}	
	
div.noticia{
border-bottom:solid #ccc 1px;
padding-bottom:10px;
margin-bottom:20px;
text-align:justify;
float:left;
width:97%;
}
div.noticia span.data-noticia{
font-size:.8em;
margin:3px 0;
display:block;
}
div.agenda{
border-bottom:solid #ccc 1px;
padding:0 0 10px 25px;
margin-bottom:20px;
text-align:justify;
background: url("../comu/ico_agenda.gif") no-repeat 0 4px;
float:left;
width:90%;
}
div.agenda span.data-agenda{
font-size:.8em;
margin:3px 0;
display:block;
color:#D0210B;
background-color:#fff;
font-weight:bold;

}
div.agenda span.categoria-agenda{
color:#676767;
background-color:#fff;
margin:2px 0 3px 0;
font-size:.8em;
display:block;
}
div.noticia span.subtitol-noticia, div.agenda span.subtitol-agenda{
color:#676767;
background-color:#fff;
margin:2px 0 8px 0;
font-size:.8em;
display:block;
}
#pagina #contingut div.noticia h3, #pagina #contingut div.agenda h3{
margin:0;
padding:0;
border:0;
font-size:1em;
}
#pagina #contingut div.noticia #imatge-noticia, #pagina #contingut div.agenda #imatge-noticia{
margin:0 10px 10px 0;
border:0;
float:left;
}
div.noticia-interior, div.agenda-interior{
border-bottom:none;
}
div.noticia #resum, div.agenda #resum{
border-bottom:solid #ccc 1px;
border-top:solid #ccc 1px;
padding:5px 0;
margin-bottom:15px;
}
#pagina #contingut div.noticia .imatge-publicacio, #pagina #contingut div.agenda .imatge-publicacio{
margin:0 10px 10px 0;
border:0;
float:left;
}

.fonsagenda{
background: url("../comu/imatge_agenda.jpg") no-repeat right top;
}
.fonspublicacions{
background: url("../comu/imatge_publicacions.jpg") no-repeat right top;
}
.fonsnoticies{
background: url("../comu/imatge_noticies.jpg") no-repeat right top;
}




/*------------------- estils cercador ------------------*/

#pagina #contingut #contingut-cerca{
  background-color: #ffffff;
  vertical-align: top;
  padding: 8px 15px 0px 15px;
  line-height:120%;
}
#pagina #contingut #contingut-cerca h4, .contingut-cerca h3{
  font-weight: bold;
  color: #666666;
  font-size:1em;
  border:0;
}
#pagina #contingut #contingut-cerca a .img {
  border: 0px;
}

#pagina #contingut #contingut-cerca .cerca-capcelera {
/*
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: #faf4e5 url(../comu/icon-lupa-cerca.gif) no-repeat center left;
  padding: 10px 5px 10px 30px;
  font-size: 11px;
  color: #666666;
*/  
}
#pagina #contingut #contingut-cerca .cerca-capcelera strong{
  color: #003366;
  font-weight: bold;
}
#pagina #contingut #contingut-cerca .cerca_noresult {
  padding: 10px 0px 10px 20px;
  background: url(../comu/cerca_negativa.gif) no-repeat center left;
  margin: 5px 0px 5px 10px;
  font-weight: bold;
  color: #666666;
}
#pagina #contingut #contingut-cerca .cerca_sutgeriment {
  border: 2px solid #d4e8f3;
  background: url(../comu/cerca_idees.gif) no-repeat top left;
  margin: 0px 0px 0px 0px;
  padding-left: 40px;
}
#pagina #contingut #contingut-cerca .cerca_sutgeriment li{
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
  color: #666666;
}


#pagina #contingut #contingut-cerca .cerca-categoria-element {
  color: #666666;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 5px 0px;
}
#pagina #contingut #contingut-cerca .cerca-titol-element {
  color: #003366;
  font-weight: bold;
}
#pagina #contingut #contingut-cerca .cerca-titol-element a {
  color: #003366;
  text-decoration: none;
}
#pagina #contingut #contingut-cerca .cerca-titol-element a:visited {
  color: #003366;
  text-decoration: underline;
}

#pagina #contingut #contingut-cerca .cerca-element {
  padding: 0 0 1em 0;
  border-bottom: 1px solid #e6e6e6;
}
#pagina #contingut #contingut-cerca .cerca-element h3{
  border:none;
  padding:0;
  margin:1em 0 .5em 0;
  font-size:1em;
}
#pagina #contingut #contingut-cerca .cerca-ressaltat {
  background-color: #d5e9f3;
}

#pagina #contingut #contingut-cerca #paginador
{
	text-align:center;
	padding-top:.5em;	
}

#pagina #contingut #contingut-cerca #paginador a
{
  	color: #003366;
}
#pagina #contingut #contingut-cerca #paginador #anterior
{
	float:left;
}
#pagina #contingut #contingut-cerca #paginador #seguent
{
	float:right;
}


/*
________________________________ mapa web ***/

#mapa_web div.titol_menu
{
	color:#FFF;
	padding:.3em .5em;
	font-weight:bold;
	margin:1em 0 1em 0;
}

#mapa_web div.titol_usuaris
{
	background-color:#A9BEDC;
}

#mapa_web div.titol_professionals
{
	background-color:#A4DA94;
}

#mapa_web div.titol_infocorp
{
	background-color:#D0BECA;
}

#mapa_web div.titol_idi
{
	background-color:#E89085;
}

#mapa_web div.titol_docencia
{
	background-color:#FFD08E;
}

#mapa_web div.titol_instituts
{
	background-color:#97DDDD;
}

#mapa_web div.links ul, #mapa_web div.links ul li, #mapa_web div.links ul ul{
	margin:0 15px;
	padding:0;
	list-style:none;
	}
#mapa_web div.links ul li{
	padding:5px 10px 5px 13px;
	line-height:115%;
	background: #fff url(../comu/kland_1r_niv.gif) no-repeat 0 6px;		
	color:#333;		
	}
#mapa_web div.links ul li li{	
	background:url(../comu/kland_2n_niv.gif) no-repeat 0 8px;	
	margin:0;
	}
	
	
/*
________________________________ formulari contacte ***/	

#formulari_contacte
{
	margin:1em 0 0 0;
}

#formulari_contacte form fieldset
{
	border:none;
}

#formulari_contacte form label{
float: left;
width: 180px;
}

#formulari_contacte form input, #formulari_contacte form textarea{
width: 180px;
margin-bottom: 5px;
font-size:.95em;
}

#formulari_contacte form textarea{
width: 250px;
height: 150px;
font-size:1.4em;
}

#formulari_contacte form .boxes{
width: 1em;
}

#formulari_contacte form #submitbutton{
margin-left: 180px;
margin-top: 5px;
width: 90px;
}

#formulari_contacte form br{
clear: left;
}
	
#formulari_contacte form div#captcha {
	margin: 1em 0;
	
}
#formulari_contacte form div#captcha img#cryptogram {
	text-align:center;
	margin-left:180px;
}