/* CRESIB - Estils generals */


/* Elements generals */

	body {
		margin: 12px;
		padding: 0;
		font-size: 62.5%;
		background-color: #fff;
		font-family: Verdana, Arial, sans-serif;
	}

	h1, h2, h3, h4, h5 {
		color: #4A5EAA;
		margin: 0;
		padding: 0;
	}

	div, p {
		margin: 0;
		padding: 0;
	}

	ul, ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	strong, a {
		color: #4A5EAA;
	}
	
	a img {
		border: none;
	}
	
	p {
		color: #333;
	}
	
	.hidden {
	  height: 0;
	  width: 0;
	  overflow: hidden;
	  position: absolute;
	}

/* ----------------- */





/* Elements contenidors principals */

	#super_home, 
	#super_inside {
		width: 752px;
        /* margin: 0 auto; */
	}
	
		#super_home { background: url("../images/bg_right_home.gif") repeat-y right top; }	
		#super_inside { background: url("../images/bg_right_inside_blue.gif") repeat-y left top; }
			
		.nolateral { background: url("../images/bg_right_inside_nolateral.gif") repeat-y left top !important; } /* Classe sense el fons lateral gris (nomes per a pagines internes) */
		
		.temporal { background: url("../images/bg_right_inside_blue.gif") repeat-y left top !important; } /* Classe per a forçar el fons lila en una plana interior */

	#column_left {
		float: left;
		width: 748px;
	}
	
	#column_right {
		float: right;
		width: 225px;
		background-color: #495CA9;
	}

/* ------------------------------- */





/* Barra d'idiomes */

	#languages {		
		width: 752px;
		padding: 0 0 5px 5px;
		background-color: #fff;
	}
		
		#languages ul li {
			display: inline;
			line-height: 1em;
			font-size: .9em;
			color: #666;
			line-height: 1.5em;
			border-right: 1px solid #999; 
			padding-right: 7px;
			margin-right: 7px;
		}	
		
			#languages ul li.last {
				border-right: none;
			}
			
			#languages ul li strong {
				color: #666;
			}
		
			#languages ul li a {
				color: #666;
				text-decoration: none;
			}
			
				#languages ul li a:hover {
					text-decoration: underline;
				}
			
/* --------------- */


#header, #breadcrumb, #main_menu {
	margin-left: 1px;
}



/* Header */

	#header {
		width: 100%;
		overflow: hidden;
	}
	
		#header img {
			display: block;
		}
	
		#header h1 {
			float: left;
		}
		
		#header #image {
			float: left;		
		}

/* ------ */





/* Breadcrumb */

	#breadcrumb {
		border-bottom: 1px solid #7081C0;
		background-color: #fff;
		overflow:hidden;
		width:746px;
        padding: 4px 0;
	}

	#breadcrumb p {
		margin: 0;
		padding: 0 0.7em;
		font-size: .9em;
        line-height: 1.8em;
		color: #666;
		float: left;
		clear: none;
	}

	
		#breadcrumb a {
			color: #666;		
			text-decoration: none;
		}
		
			#breadcrumb a:hover {
				text-decoration: underline;
			}
			
			
			
			/* Formulari de cerca dins el breadcrumb */
			
				#cercador {					
					text-align: right;
					vertical-align: middle;
				}
				
				#cercador form {
					margin: 0 4px 0 0;
					padding: 0;
				}

					#cercador input.text-cerca {
						margin:0;
						padding: .1em;
						font-family: Verdana, Arial, sans-serif;
						font-size:1em;
						font-weight:bold;
						color:#495CA9;
						vertical-align: middle;
					}
		
					#cercador input.boto-cerca {
						padding: 0;
						margin: 0 0 0 0;
						font-family: Verdana, Arial, sans-serif;
						vertical-align: middle;
					}

					.sp2_page{
						padding-top:30px;
					}

					.boto_cercador{
						vertical-align: middle;
						margin-left:5px;
					}

			/* --------------------- */
	
/* ---------- */





/* Menu principal */

	#main_menu {
		width: 165px;
		float: left;
		padding-bottom: 5em;
	}
	
		#main_menu a:hover {
			text-decoration: underline;
		}
	
		#main_menu ul {
		}
		
			#main_menu ul li {				
				font-size: 1.1em;				
				border-bottom: 1px solid #4A5EAA;				
			}
			
			#main_menu ul li a { 
				text-decoration: none;
				display: block;
				padding: .4em .5em;
				color: #333;
			}
			
			#main_menu ul li strong {
				text-decoration: none;
				display: block;
				padding: .4em .5em;
				color: #fff;
				font-weight: normal;
				background-color: #495CA9;
			}		

				#main_menu ul li ul {
					background-color: #E2E6F1;
				}

					#main_menu ul li ul li {						
						font-size: 1em;
						border-top: 1px solid #fff;
						border-bottom: none;
					}
					
						#main_menu ul li ul li a {
							padding-left: 1em;							
						}
						
						#main_menu ul li ul li strong {
							padding-left: 1em;
							background-color: #BBC2E1;
							color: #333;							
						}						
						
							#main_menu ul li ul li ul {
							}
							
								#main_menu ul li ul li ul li {																		
								}
								
									#main_menu ul li ul li ul li a {
										padding-left: 2em;
										/*background: url("../images/li_dot_black.gif") no-repeat 1.5em 1em;*/
									}
									
									#main_menu ul li ul li ul li strong {
										padding-left: 2em;										
										/*background: url("../images/li_dot_black.gif") no-repeat 1.5em 1em;*/
										background-color: #BBC2E1;
									}



									#main_menu ul li ul li ul li ul {
										padding-bottom: 1em;
									}
										
										#main_menu ul li ul li ul li ul li {
											border-top: 0 !important;
										}
										
											#main_menu ul li ul li ul li ul li strong {
												padding-left: 30px;
												background-color: #E2E6F1;
												font-weight: bold;
												font-size: .8em;
												background: url("../images/li_dot_black.gif") no-repeat 3em 1em;
											}
											
											#main_menu ul li ul li ul li ul li a {
												padding-left: 30px;
												font-size: .8em;
												background: url("../images/li_dot_black.gif") no-repeat 3em 1em;
											}
										
		
									
		/* Eliminacio de paddings i canvi de colors per a opcions seleccionades i enllacables del menu */

			#main_menu ul li strong a {
				color: #fff;
			}
			
			#main_menu ul li strong a,
			#main_menu ul li ul li strong a,
			#main_menu ul li ul li ul li strong a,
			#main_menu ul li ul li ul li ul li strong a {
				margin: 0;
				padding: 0;
				background: none;
			}
			
			#main_menu ul li ul li strong a,
			#main_menu ul li ul li ul li strong a {
				color: #333;
			}
			
			#main_menu ul li ul li ul li ul li strong a {
				font-size: 1.1em;
			}

		/* ------------------------------------------------------------------------------------------- */		

/* -------------- */





/* Zona per a contingut */

	#content_inside { /* Per a les planes interiors */
		width: 560px;
		float: right;	
	}	
	
	/* Enllac per a imprimir dins de content_inside, i title_top */
			
		.print {
			margin: 0;
			padding: .5em .7em;
			font-size: .9em;
			color: #666;
			float: left;
			clear: none;
			float: right !important;
		}
		
			.print a {
				padding-left: 1.5em;					
				background: url("../images/icons/print.gif") no-repeat left center;		
				text-decoration: none;
			}
			
				.print a:hover {
					text-decoration: underline;
				}
	
	/* --------------------- */

/* -------------------- */





/* Footer */

	#footer {		
		clear: both;
		width: 100%;
		overflow: hidden;

		border-top: 1px solid #7081C0;
		background-color: #fff;
	}	

		#footer address {			
			margin: 1em;
			float: left;
			font-style: normal;
		}
		
		#footer ul {
			margin: 0.5em;
			float: right;
		}	
		
			#footer ul li {
				display: inline;
				margin-right: 0.5em;
				padding-right: 1em;
				border-right: 1px solid #4A5EAA;
			}
			
				#footer ul li.contact {
					padding-left: 1.5em;
					background: url("../images/icons/contact.gif") no-repeat left center;
				}
			
				#footer ul li.last {
					margin-right: 0;
					padding-right: 0;
					border-right: none;
				}
				
				#footer ul li a {
					text-decoration: none;
				}

					#footer ul li a:hover {
						text-decoration: underline;
					}


		#footer ul.logos li {
			border: none;
			margin: 0 1.5em 0 0;
			
		}				
					
			#footer ul.logos li img {
				vertical-align: top;
			}

/* ------ */





/* Estils per als elements del modul lateral */

	#text_right {
		margin: 10px 10px 25px 10px;
		color: #fff;
		font-size: 1.0em;
	}

	#text_right h2, #text_right h3 {
		font-size: 1.2em;
		margin-bottom: .5em;
		color: #fff;
	}
	
	#text_right p {
		margin-bottom: .6em;
		color: #fff;
	}
	
	#text_right img {
		margin: 5px 0;
	}
	
		#text_right img.imgRight, #text_right span.imgRight img {
			float: right;
			margin-top: 0;
			margin-left: 7px;
		}
		
		#text_right img.imgLeft, #text_right span.imgLeft img {
			float: left;
			margin-top: 0;
			margin-right: 7px;
		}
		
		#text_right img.more {
			margin: 0;
			vertical-align: middle !important;				
		}						
	
	#text_right strong {
		color: #fff;
	}
	
	#text_right ul {
		margin-bottom: 1em;
	}

		#text_right ul li {
			color: #fff;
			padding-bottom: .4em;
			padding-left: 1.4em;
			background: url("../images/li_dot_white_small.gif") no-repeat .7em .6em;
		}

	#text_right hr {			
		margin: 10px 0;
		border: 1px solid #495CA9;
		border-bottom: 1px dotted #fff;
		clear: both;
	}

	#text_right a {
		color: #fff;
	}
	
	#text_right table {
		font-size: 1em;
		margin-bottom: 1em;
	}

/* ----------------------------------------- */





/* Formulari de contacte */

	#contact_form {
		margin: 20px 0 30px;
		padding: 0;
	}
	
		#contact_form label,
		#contact_form input,
		#contact_form textarea {
			font-family: Verdana, sans-serif;
			font-size: 1em;
			
			margin-bottom: 1em;
		}		
	
		#contact_form fieldset {
			border: none;
		}
		
		#contact_form legend {
			display: none;
		}
		
		
		#contact_form label {
			float: left;
			width: 12.5em;
			color: #666;
			line-height: 1.7em;
			margin-right: .5em;
			text-align: right;
		}
		
		#contact_form input {
			float: left;
			height: auto;
			margin: 0;			
			width: 17.5em;
		}
		
		#contact_form input.button {
			margin-left: 12.8em;
			*margin-left: 10em;
			width: auto;
			height: auto;
		}
	
		#contact_form textarea {
			float: left;
			width: 25em;
			height: 10em;
		}
		
		#contact_form br {
			clear: both;
		}		

/* ----------------------- */





/* Icones per als titols h2 */

	.icon_folder 		{ background: url("../images/icons/folder.gif") no-repeat right center; }
	.icon_page_edit { background: url("../images/icons/page_edit.gif") no-repeat right center; }
	.icon_page_list { background: url("../images/icons/page_list.gif") no-repeat right center; }
	.icon_person 		{ background: url("../images/icons/person.gif") no-repeat right center; }

/* ------------------------ */