body {
background:#DDDDDD url(../images/fons-cos-1.jpg) 0 0 repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:76%;

}
.shadow-top{ background-image:url(../images/shadow-top.jpg); background-repeat:no-repeat; background-position:left; height:17px;}
.left{ float:left;}
.right{ float:right;}
div#web{ background-image:url(../images/fondo.jpg); background-repeat:repeat-x;}



div#envoltori { width:983px; margin:auto;}



.clear{ clear:both;}


div#cos {
height:633px;
background-image:url(../images/cont-left.jpg);
background-position:left;
background-repeat:no-repeat;
}
	
div#cos .cos-inner1{ background-image:url(../images/cont-right1.jpg); background-position:right; background-repeat:no-repeat; height:633px; font-size:17px; position:relative;}
div#cos .cos-inner2{ background-image:url(../images/cont-right2.jpg); background-position:right; background-repeat:no-repeat; height:633px; font-size:17px; position:relative;}
div#cos .cos-inner3{ background-image:url(../images/cont-right3.jpg); background-position:right; background-repeat:no-repeat; height:633px; font-size:17px; position:relative;}
div#cos .cos-inner4{ background-image:url(../images/cont-right4.jpg); background-position:right; background-repeat:no-repeat; height:633px; font-size:17px; position:relative;  }
div#cos .cos-inner5{ background-image:url(../images/cont-right5.jpg); background-position:right; background-repeat:no-repeat; height:633px; font-size:17px; position:relative;}
div#cos .cos-inner6{ background-image:url(../images/cont-right6.jpg); background-position:right; background-repeat:no-repeat; height:633px; font-size:17px; position:relative;}


	div#cos div#barlogo{ height:86px; position:relative;}
	div#cos div#barlogo a#link-logo{ 
	height:86px; 
	width:270px; 
	float:left; 
	margin-left:40px;
	overflow:hidden;
	text-indent:-10000px;
	}
	div#cos div#barlogo div#idiomes{ height:17px; padding-top:3px; width:180px; font-size:10px; text-align:center; position:absolute; right:43px; top:0px; color:#B4C4D7;}
	
	div#cos div#barlogo div#idiomes .select{ color:	#2C5274;}
	

	
	div#cos div#barlogo div#idiomes a{ height:inherit; width:inherit;  float:inherit;  margin-left:inherit; color:#447FB4; text-decoration:none;}
	
	
	div#cos div#barlogo .title-barlogo{ font-size:1.7em; color:#2C5375; float:right; padding-top:38px; padding-right:41px; text-align:right; }
	
	div#cos div#menubar{ height:40px; background-color:#0066FF; background-image:url(../images/menubar-middle.jpg); background-repeat:repeat-x; margin-left:41px; margin-right:41px;}
	
	div#cos div#menubar .menubar-inner{ background-image:url(../images/menubar-left.jpg); background-position:left; height:40px; background-repeat:no-repeat;}
	div#cos div#menubar .menubar-inner2{background-image:url(../images/menubar-right.jpg); background-position:right; height:40px; background-repeat:no-repeat; padding-left:15px;}
	
	div#cos div#menubar a{ float:left; color:#FFFFFF; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:12px; height:28px; padding-left:11px; padding-right:11px;text-transform:uppercase;}
	div#cos div#menubar a:hover{ color:#092B51;  }

	div#cos div#menubar .menubar-separator{ background-image:url(../images/menubar-separator.jpg); width:2px; float:left;  background-repeat:no-repeat; background-position:center;height:40px;}
	
	div#cos div#menubar .btn-select a{ color:#003366; }
	div#cos div#menubar .btn-select{ height:40px; background-color:#C6E1F4; background-image:url(../images/menubar-select-left.jpg); background-position:left; background-repeat:no-repeat; float:left;}	
	div#cos div#menubar .btn-select-inner{ height:40px; background-image:url(../images/menubar-select-right.jpg); background-position:right; background-repeat:no-repeat; float:left; }
	
	
	div#cos div#submenu{ background-color:#C4DDEE; background-image:url(../images/submenubar-left.jpg); background-position:left; background-repeat:no-repeat; height:32px; float:left; margin-left:40px; margin-top:10px;}
	div#cos div#submenu .inner{ background-image:url(../images/submenubar-right.jpg); background-position:right; background-repeat:no-repeat; height:32px; }
	div#cos div#submenu .inner a{ float:left; padding-top:8px; padding-left:10px; padding-right:10px; color:#2C5274; text-decoration:none; font-size:12px; }
	
		div#cos div#submenu .inner a.select{ font-weight:bold; }
	div#cos div#submenu .inner a:hover{ color:#000000;}
	div#cos div#submenu .inner .separator{ background-image:url(../images/submenubar-separator.jpg); width:2px; height:32px; float:left; }
	


	div#cos div#text-home{ width:455px; height:250px; margin-left:50px; margin-top:20px; background-image:url(../images/pixel-separator.jpg); background-position:bottom; background-repeat:repeat-x; padding-bottom:5px;font-size:11px;  }
	

	div#cos div#text-home a{ color:#3CA7F0;}
	iv#cos div#text-home a:hover{ color:#003366;}
	div#cos div#text-interior{ 
	width:455px; 
	margin-left:50px; 
	margin-top:20px;  
	padding-bottom:5px; 
	font-size:12px;
	text-align:justify;
	}
	
	.scroll-pane { /* caixa en la que es carreguen els continguts de les pàgines interiors */
	height:388px;
	padding-right:15px;
	overflow:scroll;
	}
	
	div#cos div#text-interior a{color:#3CA7F0;}
	div#cos div#text-interior a:hover{ color:#003366;}
	
	div#cos div#text-home p{ margin-top:5px; margin-bottom:15px; line-height:1.5em;}
	
	div#cos h1{ font-size:20px; color:#000000; margin-bottom:0.5em;}
	
	div#cos  h2{ color:#1172B3;  font-size:16px; font-weight:bold; margin-top:15px;margin-bottom:5px; }
	
	div#cos  ul,
	div#cos  ol,
	div#cos  p {
	margin-top:5px;
	margin-bottom:5px;
	line-height:145%;
	}
	
	div#cos  ul li{ 
	padding-left:15px; 
	background-image:url(../images/list-icon.jpg); 
	background-repeat:no-repeat; background-position:0px 5px; 
	margin:5px 0; 
	}
	
	div#cos  ul li ul li{ padding-left:15px; background-image:url(../images/list-icon-mini.jpg); background-repeat:no-repeat; background-position:0px 5px; line-height:1.6em; }
	
	
	

		
	




	div#cos div#sub-bottombar{ height:100px; position:absolute; bottom:139px; left:0; width:100%; background-image:url(../images/bar-bottom-top-left.jpg); background-position:left bottom; background-repeat:no-repeat;padding-left:50px; }
	
	div#cos div#sub-bottombar div#mas-informacion {
	background:transparent url(../images/fons-mas-informacion.gif) 0 0 no-repeat;
	height:61px;
	width:453px;
	overflow:hidden;
	}
	div#cos div#sub-bottombar div#mas-informacion h2 {
	padding:7px 0 5px 15px;
	font-size:15px !important;
	margin:0;
	}
	
	div#cos div#sub-bottombar div#mas-informacion p {
	padding:0 0 0 15px;
	margin:0 !important;
	line-height:normal !important;
	font-size:11px !important;
	}
	
		div#cos div#sub-bottombar div#mas-informacion p img {vertical-align:middle}
	
		div#cos div#sub-bottombar div#mas-informacion p strong,
		div#cos div#sub-bottombar div#mas-informacion p a {color:#1172B3}
		
	div#cos div#sub-bottombar div#mas-informacion a#estat {
	float:right;
	display:inline;
	margin-right:15px;
	}

	
	div#cos div#bottombar{ height:139px;  background-color:#FFFFFF; position:absolute; bottom:0; left:0; width:100%; background-image:url(../images/bar-bottom-left.jpg); background-position:left; background-repeat:no-repeat;}
	
	/*div#cos div#sub-bottombar p{ font-size:10px; color:#666666; width:218px; float:left; padding-left:15px; }*/

	
	div#cos div#bottombar .inner{ background-image:url(../images/bar-bottom-right.jpg); background-position:right; background-repeat:no-repeat; height:139px; padding-left:30px;}

	
	div#cos div#bottombar .inner2{  width:459px; height:139px; float:left;}


	div#cos div#bottombar .inner2 .text{ width:270px; float:left; font-size:11px; padding-left:15px; padding-top:10px;}
	div#cos div#bottombar  h2{ color:#1172B3; font-size:1.5em; font-weight:bold; margin-bottom:5px;margin-top:0 }
	
	div#cos a.buton{ background-image:url(../images/btn-form.jpg); width:127px; height:17px; padding-top:5px; display:block; color:#FFFFFF; text-decoration:none; font-size:10px; text-align:center; margin-top:0.8em;}
	div#cos a.buton:hover{ color:#003366;}
	
	
	

.blue{ color:#3CA7F0;}
.blue a{ color:#3CA7F0; text-decoration:none;}

.shadow-bottom{ padding-left:25px; background-image:url(../images/shadow-bottom.jpg); background-repeat:no-repeat; background-position:center; height:25px; font-size:20px;}

/* fotografies */
div.fotografies.a-la-dreta {
float:right;
width:202px;
margin-left:10px;
} 

div.fotografies.a-l-esquerra {
float:left;
width:202px;
margin-right:10px;
} 

div.fotografies div.item {margin-bottom:10px;}

div.fotografies.en-galeria div.item {
width:96px;
margin-right:10px;
float:left;
}

div.fotografies div.peu-de-foto {
padding-top:3px;
color:#666666;
}

/* llistat d'adjunts */
div#cos ul.llistat-adjunts li {
background-image:none;
padding-left:0;
}

span.pes-document {
font-size:91%;
color:#666666;
}

a.document {
padding:2px 0 2px 22px;
background-position:0 2px;
background-repeat:no-repeat;
background-image:url(../imatges/page_white.png)
}
	
	a.txt {background-image:url(../images/page_white.png)}
	a.word {background-image:url(../images/page_white_word.png)}
	a.excel {background-image:url(../images/page_white_excel.png)}
	a.ppt {background-image:url(../images/page_white_powerpoint.png)}	
	a.pdf {background-image:url(../images/page_white_acrobat.png)}
.bottom{ font-size:11px; color:#333333;  padding-top:8px; padding-left:35px;   padding-right:35px; }
.bottom a{ color:#0066CC; }