/* ================= */
/* ===== CAPES ===== */
/* ================= */

#cos {
	position: relative;
	top: 0px;
	left: auto;
	height: 575px;
	width: 950px;
	overflow: hidden;
	margin: 0px auto 0px auto;
	z-index: 301;
	background-color: #FFFFFF;
}
	#superior {
		position: absolute;
		left: 0px;
		top: 0px;
		margin: 0px;
		left: 0px;
		width: 950px;
		height: 120px;
		overflow: hidden;
		z-index: 700;
	}
		#menu {
			overflow: hidden;
			position: absolute;
			height: 14px;
			width: 930px;
			left: 0px;
			top: 97px;
			font-size: 12px;
			color: #EEEEEE;
			text-decoration: none;
			font-style: normal;
			font-weight: bold;
			letter-spacing: 2px;
			padding: 3px 10px;
			margin: 0px;
			z-index: 303;
			line-height: 1em;
			background-color: #959CA1;
		}
			#menu ul, #menu ul li, #menu ol, #menu ol li {
				display: inline;
				padding: 0px;
				list-style-type: none;
				margin: 0px 0px 0px 0px;
			}
			#menu ul li.dreta {
				float: right;
			}
			#menu a,#menu a:link,#menu a:visited,#menu a:active {
				font-size: 12px;
				color: #EEEEEE;
				text-decoration: none;
				font-style: normal;
				font-weight: bold;
				border: 0px none;
				letter-spacing: 2px;
				padding: 0px;
				margin: 0px;
			}
			#menu a:hover, #menu a.visitat:hover {
				color: #FFFFFF;
				background-color: transparent;
				text-decoration: none;
			}
			#menu a.visitat,#menu a.visitat:link,#menu a.visitat:visited,#menu a.visitat:active {
				font-size: 12px;
				color: #FFFFFF;
				text-decoration: none;
				border: 0px none;
			}
		#intranet {
			position: absolute;
			left: 0px;
			top: 57px;
			height: 28px;
			width: 950px;
			background-color: #F68428;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}
			#intranet form {
				position: absolute;
				right: 10px;
				top: 5px;
				width: 500px;
				height: 25px;
			}
			#intranet form label {
				color: #FFFFFF;
				float: right;
				width: auto;
				padding: 0px;
				margin: 0px;
				margin-left: 10px;
			}
			#intranet input {
				width: 60px;
			}
			#intranet input button {
				margin: 0px;
				margin-top: -1px;
				width: 20px;
				padding: 0px;
				font-weight: bold;
			}
		#negra {
			position: absolute;
			left: 0px;
			top: 87px;
			height: 8px;
			width: 950px;
			background-color: #000000;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}
		#logo {
			position: absolute;
			left: 29px;
			top: 2px;
			width: 317px;
			height: 80px;
			background-image: url(logo_sup.png);
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}
		#negra.fondo, #intranet.fondo, #menu.fondo {
			width: 100%;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			z-index: 100;
		}
		#menu.fondo {
			height: 20px;
		}
	#general {
		position: absolute;
		top: 130px;
		left: 0px;
		width: 950px;
		height: 445px;
		overflow: hidden;
		z-index: 400;
	}
		#submenu {
			font-style: normal;
			color: #333333;
			font-size: 12px;
			overflow: hidden;
			position: absolute;
			height: 405px;
			width: 100px;
			left: 5px;
			top: 0px;
			padding: 10px 20px 20px 10px;
			background-image: url(fondo_submenu.png);
			background-repeat: no-repeat;
		}
			#submenu ul, #submenu ul li, #submenu ol, #submenu ol li {
				padding: 0px;
				list-style-type: none;
				margin: 0px 0px 0px 0px;
				display: block;
			}
			#submenu ul li {
				margin: 10px 0px 5px 0px;
			}
			#submenu ul li a,#submenu ul li a:link,#submenu ul li a:visited,#submenu ul li a:active {
				font-size: 11px;
				color: #EEEEEE;
				text-decoration: none;
				font-style: normal;
				font-weight: bold;
				border: 0px none;
				letter-spacing: 1px;
				padding: 2px;
				margin: 0px;
				background-color: #333333;
				text-align: center;
				display: block;
				border-bottom: 1px solid #EEEEEE;
				line-height: 1.25em;
			}
			#submenu ul li a:hover, #submenu ul li a.visitat:hover {
				color: #000000;
				background-color: #FFFFFF;
				text-decoration: none;
			}
			#submenu ul li a.visitat,#submenu ul li a.visitat:link,#submenu ul li a.visitat:visited,#submenu ul li a.visitat:active {
				font-size: 12px;
				color: #000000;
				text-decoration: none;
				border: 0px none;
			}
				#submenu ul ul, #submenu ul ul li {
					padding: 0px;
					list-style-type: none;
					margin: 0px;
					display: block;
				}
				#submenu ul ul li {
					margin: 0px 0px 5px 0px;
				}
				#submenu ul ul li a,#submenu ul ul li a:link,#submenu ul ul li a:visited,#submenu ul ul li a:active {
					font-size: 12px;
					color: #555555;
					text-decoration: none;
					font-style: normal;
					font-weight: bold;
					border: 0px none;
					letter-spacing: 1px;
					padding: 0px 2px 0 2px;
					margin: 0px;
					text-align: left;
					background-color: transparent;
					border-bottom: 1px solid #EEEEEE;
					display: block;
					line-height: 1.25em;
				}
				#submenu ul ul li a:hover, #submenu ul ul li a.visitat:hover {
					color: #000000;
					background-color: transparent;
					text-decoration: none;
				}
				#submenu ul ul li a.visitat,#submenu ul ul li a.visitat:link,#submenu ul ul li a.visitat:visited,#submenu ul ul li a.visitat:active {
					font-size: 12px;
					color: #000000;
					text-decoration: none;
					border: 0px none;
				}
		#contengut {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-style: normal;
			color: #FFFFFF;
			font-size: 12px;
			overflow: hidden;
			position: absolute;
			height: 395px;
			width: 510px;
			left: 400px;
			top: 0px;
			padding: 15px 25px 25px 15px;
			background-image: url(fondo_text1.png);
			background-repeat: no-repeat;
		}
			#contengut table tr th {
				text-align: left;
				vertical-align: center;
				border-bottom: 1px solid #666666;
				color: #000000;
				line-height: 1.1em;
				font-size: 11px;
			}
			#contengut table tr td {
				text-align: left;
				vertical-align: center;
				border-bottom: 1px solid #666666;
				color: #FFFFFF;
				line-height: 1.1em;
				font-size: 11px;
			}
		#contengut.catalec {
			width: 285px;
			left: 625px;
			background-image: url(fondo_text2.png);
		}
			#contengut.catalec p {
				color: #000000;
				font-size: 11px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
			#contengut.catalec h1 {
				margin: 5px 0px 10px 0px;
			}
			#contengut.catalec h2 {
				color: #000000;
				font-size: 13px;
				border-bottom: 1px solid #333333;
				margin-top: 5px;
				margin-bottom: 0px;
			}
		#contengut.contacte {
			left: 5px;
		}
			#contengut a, #contengut a:link, #contengut a:visited, #contengut a:active {
				color: #FFFFFF;
				text-decoration: underline;
			}
			#contengut a:hover {
				text-decoration: underline;
			}
			#contengut h1, #contengut h1 a, #contengut h1 a:link, #contengut h1 a:visited, #contengut h1 a:active, #contengut h1 a:hover  {
				font-size: 20px;
				color: #FFFFFF;
				font-weight: bold;
				letter-spacing: 2px;
				font-style: italic;
				line-height: 1.25em;
				text-decoration: none;
				text-align: left;
			}
			#contengut h1  {
				text-align: left;
				padding-right: 5px;
				letter-spacing: 2px;
				border-bottom: 1px solid #CCCCCC;
				margin: 5px 0px 20px 0px;
			}
			#contengut p, #contengut ul, #contengut ol, #contengut h3 {
				font-size: 13px;
				font-weight: normal;
				text-align: justify;
				margin-top: 0em;
				margin-bottom: 1em;
				line-height: 1.25em;
				color: #FFFFFF;
			}
			#contengut ul li, #contengut ol li {
				text-align: left;
				margin: 0px 0px 6px 0px;
				line-height: 14px;
				list-style-position: outside;
			}
			#contengut strong, #contengut b {
				color: #FFFFFF;
				font-weight: bold;
			}
		#contengut.fichers {
			width: 585px;
			height: 405px;
			left: 270px;
			background-image: url(fondo_fichers.png);
			padding: 5px 80px 25px 10px;
		}
			#contengut.fichers ul, #contengut.fichers ul li {
				padding: 0px;
				list-style-type: none;
				margin: 0px;
				display: block;
			}
			#contengut.fichers ul li {
				border-bottom: none;
				margin: 0px 2px 2px 2px;
				padding: 2px;
				float: left;
			}
			#contengut.fichers ul li h5, #contengut.fichers ul li a,#contengut.fichers ul li a:link,#contengut.fichers ul li a:visited,#contengut.fichers ul li a:active {
				font-size: 11px;
				color: #EEEEEE;
				text-decoration: none;
				font-style: normal;
				font-weight: bold;
				border: 0px none;
				letter-spacing: normal;
				padding: 2px;
				margin: 0px;
				background-color: transparent;
				text-align: center;
				display: block;
				width: 105px;
				height: 60px;
				overflow: hidden;
			}
			#contengut.fichers ul li a:hover, #contengut.fichers ul li a.visitat:hover {
				color: #000000;
				background-color: #FFFFFF;
				text-decoration: none;
				display: block;
				width: 105px;
				height: 60px;
			}
			#contengut.fichers ul li a.visitat,#contengut.fichers ul li a.visitat:link,#contengut.fichers ul li a.visitat:visited,#contengut.fichers ul li a.visitat:active {
				font-size: 12px;
				color: #000000;
				text-decoration: none;
				border: 0px none;
			}
			#contengut.fichers #ruta {
				position: absolute;
				bottom: 10px;
				left: 20px;
				width: 570px;
				height: 15px;
				font-size: 10px;
				color: #DDDDDD;
				overflow: hidden;
			}
				#contengut.fichers #ruta a:hover, #contengut.fichers #ruta a.visitat:hover {
					background-color: #333333;
					color: #FFFFFF;
					text-decoration: none;
				}
				#contengut.fichers #ruta a,#contengut.fichers #ruta a:link,#contengut.fichers #ruta a:visited,#contengut.fichers #ruta a:active {
					font-size: 11px;
					color: #FFFFFF;
					text-decoration: none;
					border: 0px none;
				}
			#contengut #icons {
				position: absolute;
				width: 55px;
				height: 395px;
				right: 20px;
				top: 15px;
				overflow: hidden;
				display: block;
			}
				#contengut #icons a, #contengut #icons a:link, #contengut #icons a:visited, #contengut #icons a:active, #contengut #icons img {
					position: absolute;
					left: 0px;
					display: block;
					border: none;
					overflow: hidden;
					width: 55px;
					height: 48px;
					text-decoration: none;
				}
				#contengut #icons a#home, #contengut #icons img#home  {
					top: 0px;
					background-image: url(icons/home.png);
				}
				#contengut #icons img#home  {
					background-image: url(icons/home_inactiu.png);
				}
				#contengut #icons a#home:hover {
					background-image: url(icons/home_gran.png);
				}
				#contengut #icons a#noucarpeta, #contengut #icons img#noucarpeta {
					top: 81px;
					background-image: url(icons/nou_carpeta.png);
				}
				#contengut #icons img#noucarpeta  {
					background-image: url(icons/nou_carpeta_inactiu.png);
				}
				#contengut #icons a#noucarpeta:hover {
					background-image: url(icons/nou_carpeta_gran.png);
				}
				#contengut #icons a#noudocument, #contengut #icons img#noudocument {
					top: 162px;
					background-image: url(icons/nou_document.png);
				}
				#contengut #icons img#noudocument  {
					background-image: url(icons/nou_document_inactiu.png);
				}
				#contengut #icons a#noudocument:hover {
					background-image: url(icons/nou_document_gran.png);
				}
				#contengut #icons a#infocarpeta, #contengut #icons img#infocarpeta {
					top: 243px;
					background-image: url(icons/info_carpeta.png);
				}
				#contengut #icons img#infocarpeta  {
					background-image: url(icons/info_carpeta_inactiu.png);
				}
				#contengut #icons a#infocarpeta:hover {
					background-image: url(icons/info_carpeta_gran.png);
				}
				#contengut #icons a#editarcarpeta, #contengut #icons img#editarcarpeta {
					top: 295px;
					background-image: url(icons/editar_carpeta.png);
				}
				#contengut #icons img#editarcarpeta  {
					background-image: url(icons/editar_carpeta_inactiu.png);
				}
				#contengut #icons a#editarcarpeta:hover {
					background-image: url(icons/editar_carpeta_gran.png);
				}
				#contengut #icons a#borrarcarpeta, #contengut #icons img#borrarcarpeta {
					top: 347px;
					background-image: url(icons/borrar_carpeta.png);
				}
				#contengut #icons img#borrarcarpeta  {
					background-image: url(icons/borrar_carpeta_inactiu.png);
				}
				#contengut #icons a#borrarcarpeta:hover {
					background-image: url(icons/borrar_carpeta_gran.png);
				}
			#contengut #tapafondo {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 675px;
				height: 435px;
				border: none;
				background-color: #FFFFFF;
				overflow: hidden;
				display: block;
				opacity: 0.5;
			}
			#contengut #capainfocarpeta, #contengut #capaformcreacio {
				position: absolute;
				top: 50px;
				left: 130px;
				width: 325px;
				height: 320px;
				border: 2px solid #888888;
				background-color: #FFFFFF;
				background-image: url(input.png);
				background-repeat: repeat-x;
				color: #333333;
				overflow: hidden;
				padding: 10px;
				display: block;
			}
			#contengut #capaformcreacio {
				left: 25px;
				width: 550px;
			}
				#contengut #capaformcreacio div {
					overflow: hidden;
				}
				#contengut #capaformcreacio label {
					display: inline;
				}
				#contengut #capaformcreacio label.dreta, #contengut #capaformcreacio label.esquerra {
					display: block;
				}
				#contengut #capaformcreacio label.dreta {
					width: 275px;
				}
				#contengut #capaformcreacio label.dreta select#fpermisos {
					width: 275px;
				}
				#posarpermisos {
					text-align: right;
					background-color: #EEEEEE;
					margin-bottom: 10px;
				}
				#fgrup, #fusuari {
					width: 285px;
				}
				#contengut #capaformcreacio label.esquerra {
					width: 250px;
				}
				#contengut #capaformcreacio label.esquerra input, #contengut #capaformcreacio label.esquerra textarea {
					width: 250px;
				}
				#contengut #capaformcreacio label.esquerra textarea {
					height: 70px;
				}
				#contengut #capainfocarpeta h1, #contengut #capainfocarpeta p,
				#contengut #capaformcreacio h1, #contengut #capaformcreacio p {
					color: #333333;
				}
				#contengut #capainfocarpeta a {
					float: right;
				}
				.botook, .botoreset, .bototancar {
					margin: 0px 0px 0px 10px;
					padding: 0px;
					width: 24px;
					height: 24px;
					background-color: transparent;
					border: none;
					cursor: pointer;
				}
				.botook {
					background-image: url(icons/dialec/ok.png);
				}
				.botoreset {
					background-image: url(icons/dialec/reset.png);
				}
				.bototancar {
					background-image: url(icons/dialec/tancar.png);
				}
		#carpetes {
			font-style: normal;
			color: #333333;
			font-size: 12px;
			overflow: hidden;
			position: absolute;
			height: 405px;
			width: 215px;
			left: 5px;
			top: 0px;
			padding: 10px 20px 20px 10px;
			background-image: url(fondo_directoris.png);
			background-repeat: no-repeat;
		}
			#carpetes ul, #carpetes ul li, #carpetes ol, #carpetes ol li {
				display: block;
				padding: 0px;
				list-style-type: none;
				margin: 0px 0px 0px 0px;
			}
			#carpetes ul li {
				margin: 10px 0px 5px 0px;
			}
			#carpetes ul li h5, #carpetes ul li a,#carpetes ul li a:link,#carpetes ul li a:visited,#carpetes ul li a:active {
				font-size: 11px;
				color: #EEEEEE;
				text-decoration: none;
				font-style: normal;
				font-weight: bold;
				border: 0px none;
				letter-spacing: normal;
				padding: 2px;
				margin: 0px;
				background-color: #333333;
				text-align: center;
				display: block;
				border-bottom: 1px solid #EEEEEE;
			}
			#carpetes ul li a:hover, #carpetes ul li a.visitat:hover {
				color: #000000;
				background-color: #FFFFFF;
				text-decoration: none;
			}
			#carpetes ul li a.visitat,#carpetes ul li a.visitat:link,#carpetes ul li a.visitat:visited,#carpetes ul li a.visitat:active {
				font-size: 12px;
				color: #000000;
				text-decoration: none;
				border: 0px none;
			}
				#carpetes ul ul, #carpetes ul ul li {
					display: block;
					padding: 0px;
					list-style-type: none;
					margin: 0px;
				}
				#carpetes ul ul li {
					display: block;
					margin: 0px 0px 5px 0px;
				}
				#carpetes ul ul li a,#carpetes ul ul li a:link,#carpetes ul ul li a:visited,#carpetes ul ul li a:active {
					border: 0px none;
					border-bottom: 1px solid #EEEEEE;
					font-size: 12px;
					color: #555555;
					text-decoration: none;
					font-style: normal;
					font-weight: bold;
					letter-spacing: normal;
					padding: 0px 2px 0 2px;
					margin: 0px;
					text-align: left;
					background-color: transparent;
				}
				#carpetes ul ul li a:hover, #carpetes ul ul li a.visitat:hover {
					color: #000000;
					background-color: transparent;
					text-decoration: none;
				}
				#carpetes ul ul li a.visitat,#carpetes ul ul li a.visitat:link,#carpetes ul ul li a.visitat:visited,#carpetes ul ul li a.visitat:active {
					font-size: 12px;
					color: #000000;
					text-decoration: none;
				}
		#foto {
			position: absolute;
			left: 5px;
			top: 0px;
			width: 360px;
			height: 435px;
			overflow: hidden;
			background-image: url(foto.png);
		}
		#foto.catalec {
			left: 155px;
			width: 450px;
			height: 365px;
			background-image: url(foto2.png);
		}
			#foto a, #foto a:link, #foto a:visited, #foto a:active {
				position: absolute;
				bottom: 8px;
				text-decoration: none;
				padding: 2px;
				margin: 0px 0px 5px 5px;
				color: #666666;
				font-weight: normal;
				display: block;
				width: 12px;
				height: 12px;
				background-color: transparent;
				border: none;
				overflow: hidden;
				line-height: 11px;
				font-size: 11px;
				text-align: center;
			}
			#foto a:hover, #foto a.seleccionat, #foto a.seleccionat:link, #foto a.seleccionat:visited, #foto a.seleccionat:active {
				text-decoration: none;
				color: #FFFFFF;
				background-color: #000000;
			}
			#foto a#foto1 { left: 195px; }
			#foto a#foto2 { left: 215px; }
			#foto a#foto3 { left: 235px; }
			#foto a#foto4 { left: 255px; }
			#foto a#foto5 { left: 275px; }
			#foto a#foto6 { left: 295px; }
			#foto a#foto7 { left: 315px; }
			#foto a#foto8 { left: 335px; }
			#foto a#foto9 { left: 355px; }
			#foto a#foto10 { left: 375px; }
			#foto a#foto11 { left: 395px; }
			#foto a#foto12 { left: 415px; }
		#foto.contacte {
			left: 570px;
			width: 345px;
			height: 325px;
			padding: 10px 20px 20px 10px;
			overflow: hidden;
			background-image: url(fondo_maps.png);
		}
		#textmaps {
			position: absolute;
			top: 350px;
			left: 570px;
			width: 345px;
			height: 150px;
			padding: 0px 20px 0px 10px;
			overflow: hidden;
			z-index: 5000;
			line-height: 1.1em;
		}
#inferior {
	position: fixed;
	left: 0px;
	bottom: 0px;
	font-size: 10px;
	color: #666666;
	letter-spacing: 1px;
	/*word-spacing: 3px;*/
	text-align: center;
	margin: 0px;
	height: 15px;
	width: 100%;
	overflow: hidden;
	z-index: 302;
	background-color: #EEEEEE;
}
	#inferior a, #inferior a:link, #inferior a:visited, #inferior a:active {
		margin: 0px;
		padding: 0px;
		color: #333333;
	}
	#inferior a:hover {
		color: #000000;
	}
.robots {
	display: none;
	visibility: hidden;
}