/* Sindic */

/* Fulla d'estils general */


	/* Continguts */
	/*

			01 - Elements generals
			02 - Elements de capçalera
			03 - Breadcrumb			
			04 - Menú lateral
			05 - Div del contingut de la pagina
			06 - Footer

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





	/* 01 - Elements generals */
		
		html {
			min-height: 100%;
			padding-bottom: 1px;
		}

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

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

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

		a img {
			border: none;
		}

		a {
			color: #000;
			text-decoration: none;
		}

		a:hover {
			color: #FF6633;
		}
		
		strong {
			color: #EB6501;
		}
			
		h1 { 
			color: #666666;
			font-size: 2em; 
		}
		
		h2 { 
			color: #e46201;
			font-size: 1.4em;
			margin-top: .5em;
			margin-bottom: .3em;
		}
		
		h3 { 
			color: #e46201;
			font-size: 1.3em;
			margin: .4em 0;
		}
		
		h4 {
			color: #e46201;
			font-size: 1.1em;
			margin-top: 1.5em;
			margin-bottom: .4em;
		}
        
        h4.gris {
            color: #666;
            font-size: 1.3em;
        }
	
		h5 {
			color: #e46201;
			font-size: 1.1em;
		}

		h6 {
			color: #e46201;
			font-size: 1em;
		}
		
		p {
			font-size: 1.2em;
			margin: .7em 0 .7em .1em;
			padding: .1em 0 .1em 0;
			line-height: 1.6em;
		}

		.hidden {
			height: 0;
			width: 0;
			overflow: hidden;
			position: absolute;
		}

		#super {
			margin: 0 auto;
			font-size: 1em;
			width: 96em;
			padding: 1em 2em;
		}
		
		#super-presons {
			margin: 0 auto;
			font-size: 1em;
			width: 75.3em;
		}
		



	/* 02 - Elements de capçalera */

		#capcelera {
			width: 100%;
			overflow: hidden;
			margin-top: 2px;
		}

			#capcelera h1 {
				float: left;
				margin: 0;
				padding: 0;
			}
	
			#capcelera p.titol-capcalera {
				float: left;
				margin: 0;
				padding: 0;
				color: #666;
				font-size: 1.1em;
				font-weight: bold;
				font-family: Verdana, Arial, sans-serif;
			}
			
			#capcelera #flash_header {
				float: right;
				height: 12.4em;
				overflow: hidden;
			}
			
			#capcelera #flash_header img.header-presons {
				width: 64.8em;				
			}
			
			#capcelera #accesibilitat {
				color: #666;
				float: right;
				margin-bottom: 5px;
				overflow: hidden;
				margin-right: 2.7em;
			}

				#capcelera #accesibilitat li {
					float: left;
					font-size: 1em;
					font-family: Verdana, Arial, sans-serif;
					padding-right: .5em;
					margin-right: .5em;
					border: none;
				}
				
					#capcelera #accesibilitat li a {
						color: 	#e46201;
						text-decoration: underline;
					}	
				
						#capcelera #accesibilitat li a:hover {
							color: 	#809AC1;
						}					
			
			#capcelera #idiomes {
				color: #666;
				float: right;
				margin-bottom: 5px;
			}

				#capcelera #idiomes li {
					float: left;
					font-size: 1em;
					font-family: Verdana, Arial, sans-serif;
					padding-right: .4em;
					margin-right: .4em;
					border-right: 1px solid #666;
				}

					#capcelera #idiomes li.last {
						padding-right: 0;
						margin-right: 1px;
						border-right: 0;
					}

				#capcelera #idiomes strong {
					font-size: 1em;
					color: #e46201;
				}

				#capcelera #idiomes a {
					font-size: 1em;
					text-decoration: underline;
					color: #666;
				}
				
					#capcelera #idiomes a:hover {
						color: #FE7D19;
					}
					
			#capcelera #seccions {
				overflow: hidden;
				color: #FE7D19;
				font-weight: bold;
				width: 100%;
				margin: 0;
				padding: 0;
			}
			
			#capcelera .seccio-ca {
				padding-left: 1.6em;
			}
			
			#capcelera .seccio-es {
				padding-left: 2em;
			}
			
			#capcelera .seccio-en {
				padding-left: 1.6em;
			}
			
				#capcelera #menu-principal {
					float: left;
					width: 75em;
					padding: .8em 0;
				}
				
				#capcelera #cercador {
					float: right;
					background-color: #eee;
				}
				
				#capcelera #cercador form {
					margin: 0;
					padding: .7em 1em;
				}
				
					#capcelera #cercador form label {
						display: none;
					}
					
					#capcelera #cercador form input.text {
						width: 10.3em;
						height: 1.2em;						
						padding: 1px;
						font-size: 1.1em;
						vertical-align: middle;
						margin-right: 2px;
					}
					
					#capcelera #cercador form input.text-fr {
						width: 8.2em;						
					}
					
					#capcelera #cercador form input.button {
						vertical-align: middle;
					}
			
				#capcelera #seccions li {
					float: left;
					padding-left: .9em;
					margin-left: 1em;
					border-left: 2px solid #FE7D19;
					padding-top: 0;
					padding-bottom: 0;
					line-height: .9em;
				}

					#capcelera #seccions li.first {
						padding-left: 0;
						margin-left: 0;
						border-left: 0;
					}
					
					#capcelera #seccions li a img {
						display: block;						
					}
					
					#capcelera #seccions.seccio-fr li.first {
						padding-left: 0;
					}
					
					#capcelera #seccions.seccio-fr li {
						padding-left: .5em;
						margin-left: .5em;
					}
			
			#capcelera #logos {
				clear: right;
				float: right;
			}

				#capcelera #logos li {
					display: inline;
					margin-right: 5px;
				}


			#capcelera #marquesina {
				clear: both;
				width: 100%;
				overflow: hidden;				
			}
			
				#capcelera #marquesina img.telefon-gratuit {
					float: right;
					clear: right;
					display: block;
					margin-bottom: 5px;
				}
				
		#marquesina h1 a img {
			display: block;
		}
				
		#capcelera #marquesina a.link-home {
			color: #666;
			float: left;
			
			display: block;
			text-decoration: underline;
			margin-top: 1.1em;
			padding: 0 0 0 1.3em;
			background: url('/site/images/sindicpresons/icon_tornar.jpg') no-repeat 0 .2em;
		}
			
			#capcelera #marquesina #sub-marquesina {
				width: 100%;
				overflow: hidden;
				clear: both;
			}
					
				#capcelera #marquesina #sub-marquesina a.link-home {
					color: #666;
					float: left;
					display: block;
					text-decoration: underline;
					margin-top: 5px;
					padding: 0 0 0 1.3em;
					background: url('/site/images/sindicpresons/icon_tornar.jpg') no-repeat 0 .2em;
				}
			
				#capcelera #marquesina #sub-marquesina a.link-home:hover {
					color: #FE7D19;
				}
			
			
			
	/* 03 - Breadcrumb */
	
		.breadcrumb {
			margin-top: 8px;
			color: #666;
			margin-left: 3px;
		}
		
			.breadcrumb a {
				color: #666;
				text-decoration: underline;
			}
	




	/* 04 - Menu lateral */

		#columna-menu {
			width: 167px;
			float: left;
		}

		#zona-menu {
			display: block;
			margin-bottom: 30px;
		}

			#zona-menu ul {
				border-bottom: 1px dotted #666;
			}

				#zona-menu ul li {
					border-top: 1px dotted #666;
				}

					#zona-menu ul li a {
						display: block;
						color: #666;
						font-size: 1.1em;
						padding: 3px;
					}

					#zona-menu ul li strong,
					#zona-menu ul li a.selected {
						font-weight: bold;
						display: block;
						color: #0060B7;
						font-size: 1.1em;
						padding: 3px;
						background: none;
						background-color: #eee;
					}

					#zona-menu ul li ul {
						border-bottom: none;
						padding-bottom: .8em;
					}

						#zona-menu ul li ul li {
							border-top: none;
							margin-left: 4px;
							padding-left: 3px;
							background: url("../images/li_zona_menu.gif") no-repeat 0 1em !important;
						}

							#zona-menu ul li ul li a.selected,
							#zona-menu ul li ul li strong {
								background-color: #fff;
							}
							
								#zona-menu ul li ul li ul {
									margin-bottom: 0;
									padding-bottom: 0;
								}
							





	/* 05 - Div del contingut de la pàgina */

		#cos {
			margin-top: 0;
			width: 100%;
			overflow: hidden;
			margin-bottom: 1.5em;
			background: url("../images/bg_capcalera.gif") repeat-x left top;
		}


	/* 06 - Footer */

		#peu {
			margin-top: 0;
			padding: .8em .5em 3em 0;
			clear: both;
			text-align: left;
			font-size: 1.1em;
			height: 24px;
			border-top: 1px solid #ccc;
			font-family: Verdana, Arial, sans-serif;
		}

			#peu #link-sindic {
				display: block;
				float: left;
				margin: 0 .5em;
				padding: 0;
				font-weight: bold;
				color: #e46201;
				text-decoration: underline;
			}
			
				#peu #link-sindic:hover {
					text-decoration: underline;
				}

			#peu address {
				color: #666;
				float: left;
				font-style: normal;
				padding-top: 0;
				font-size: 1em;
			}
			
			#peu .seccions {
				float: right;
				margin: 0 0 0 1em;
				overflow: hidden;
				padding: 0;
			}

				#peu .seccions li {
					font-size: .9em;
					float: left;
					border-right: 1px solid #E46201;
					margin: 0 .3em 0 .3em;
					padding: 0 .6em 0 0;
				}

					#peu .seccions li.last {
						border-right: 0;
						padding-right: 0;
						margin-right: 0;
					}

					#peu .seccions li,
					#peu .seccions a {
						color: #e46201;
						text-decoration: underline;
					}
					
						#peu .seccions a:hover {
							text-decoration: underline;
						}