/*---------------------------------------------------------------------
  Header
----------------------------------------------------------------------*/
input:focus { outline: none; } /*Fa ue no aparegui el blur blau en Safari.*/
div#head_centrat{/*logo centrat a esquerra*/
    margin:0 auto;
	width: 73.84em;
    /*min-width: 970px;*/
}
#header {
	position:relative;
	min-width: 1000px;
	min-height:10em;
	margin:0;
	padding:0;
	background: #0173ab url("./imatges/prova1.gif") repeat-x top left;
	border-top:2px solid #0173ab;
	overflow: inherit;
	visibility: visible;
	}
	/*---------------------------------------------------------------------*/
	/*  Cercador Google / intern										   */
	/*---------------------------------------------------------------------*/
	div#header #cercadorg {
		position:relative;
		top:1.5em;
		right:0;
		margin-left:11%;
		width:30em;
		z-index: 0;
		text-align: left;
		background-color: transparent;
	/*	background: #0082dd url("./imatges/bkg_search.png") repeat-x top left;*/
		padding:0em 0em 1em 0em;
		color:#fff;
		}
		div#header #cercadorg img.logo{ /*per posar un logo al formulari de cerca*/
			position:relative;
			top:1em;
			left:0em;
			}
	div#header #extramapa {
		position:relative;
		top:0em;
		right:0em;
		margin-right:0;
		/*width:25em;*/
		height:10px;
		z-index: 0;
		text-align: right;
		padding:1em 0em;
		color:#fff;
		}
		div#header div#extramapa div.extraxarxa {
			position:absolute;
			right:10%;
			z-index: 0;
			text-align: center;
			padding:1em 0em;
			width:13em;
			}
	input.cercar,input.cercar:hover {
		width: 95px;
		height: 25px;
		color: #fff;
		font-weight: bold;
		padding: 0.2em 1em;
		cursor: pointer;
		border: none;
		text-align: right;
		}
		input.cercar:hover {
			color:#f80;
		}
	
	div#header #logotinet {
		width:23.5%;
		visibility: visible;
	/*	margin-left:2em;*/
		position:relative;
		top:1.75em;
		left:0;
		display:block;
		height:8em;
		z-index:0;
		}
		div#header #logotinet h1 a{
			display: block;
			width:65.5%;
			height:5em;
			text-indent: -9000px;
			}
	div#header #centrarhmenu {
		position:relative;
		/*top:3em;*/
		margin:0em auto;
		background-color: transparent;
		background: #e79b34 url("./imatges/prova2.gif") repeat-x top left;
	}
	div#header #hmenu {
		position:relative;
		margin:0em auto;
	/*    padding-left:5em;*/
		width: 73.84em;
		height:2.8em;
		/*background-color:#fcfcfc;*/
		}
		div#hmenu ul.menus{
			margin:0 auto;
			padding:0;
			padding-top: 1em;
			}
			div#hmenu ul.menus li{
				float:left;
				text-align:center;
				list-style-type:none;
				padding:0 0.6em;
				margin:0;
				/*margin:0.75em 1px 0 0;*/
				}
				div#hmenu ul.menus li a{
					text-decoration:none;
					color:#333;
					font-size:13px;
					line-height:1.3em;
					font-weight:bold;
					}
				div#hmenu ul.menus li a:hover{
				/*	text-decoration:underline;*/
					border-bottom:4px solid #fff;
					}
/**************************************
	posicionar form correu al header
***************************************/
div#correu{
	position:relative;
	/*right:0.5em;*/
	top:0em;
	left:6%;
	margin:0;
	padding:0;
	margin-top:0;
	padding-top:0;
	padding-left:0em;
	width: 25.5%; /*el passem de 20% - 27% per omlir bé a ressolució de 1024px*/
	}
	/***********************************************
		ho canviem per estils de la taula emailalert ...
	************************************************/
	div#header div#correu, div#header div#correu legend{
		margin-bottom:1em;
		padding:0;
	}
	div#header div#correu form{
		margin:0;
		position:relative;
		top:1em;
		padding:0;
		font-size:0.9em;
		text-align:left;
	}
	div#header div#correu div.extra{/*per posar links del mails*/
		text-align:center;
		position:absolute;
		top:10em;
		right:0em;
	/*	margin-left:60%;*/
		padding:0.5em;
		width: 63%;
		height:1.9em;
		border:1px solid #0071cf;
		/*background: #3c9ee6 url("./imatges/bgh3blau.gif") repeat-x top left;*/
	}

	div#header div#correu fieldset{
		border:none;
	}
	div#header div#correu legend{
		display:block;
		padding:0em 0.35em;
		margin:0em;
	}
	div#header div#correu fieldset legend span{
		font-size:1.4em; /*amb EM's dona errors amb IE7*/
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:2em;
		margin-left:1.5em;
		/*width:10em;*/
		color:#423221;
	}
	div#header div#correu fieldset label{
		position:relative;
		top:1.5em;
		display:block;
		width:18em;
		float:left;
		margin:0.1em 0.1em 0.1em 0.5em;
		/*border:1px solid #fff;*/
		text-align:left;
	}
	div#header div#correu fieldset label span{
		padding:0.6em;
		margin:0em;
		line-height:1em;
	/*	background:#ccc;*/
		color:#423221;
		font-weight:bold;
		width: 7em;
		/*display: block;*/
		float:left;
	}
	div#header div#correu fieldset label input{
		/*margin-left:5.5em;*/
		width:5em;
	/*	display: block;*/
		background-color: #e6f4ff;
		border:1px solid #2689d6;
		color:#423221;
		font-weight: normal;
	}
	div#header div#correu fieldset label input.boto{
		border:1px solid #423221;
		background: #423221;
		color:#fff;
		font-weight: bolder;
		margin-bottom:1em;
		margin-left:1em;
	}

ul.hmail {
	list-style: none;
	/*margin-left: 1em;*/
	/*margin-right: 0.5em;*/
	font-size: 1.1em;
}
ul.hmail {
	margin: 0em;
	padding-top: 0em;
	}
	ul.hmail li {
		/*min-height: 2.4em;*/
		padding:0;
		margin:0;
		display: inline;
		}
		ul.hmail li a {
			margin: 0em 0em;
			padding:0;
			/*padding: 0.4em 0;*/
			text-decoration: none;
			font-size:10px;
			color: #fff;
		}
		ul.hmail li a:hover {
			text-decoration: underline;
			color: #3092da;
		}
/*---------------------------------------------------------------------
  Footer
----------------------------------------------------------------------*/

#footer {
	font-family:Arial,Garamond,"Times New Roman",Times,serif;
	line-height: 1.5em;
	position:absolute;
	width:100%;
	min-width: 1000px;
	font-size:1em;
    background: #017ab3 url("./imatges/bg332.gif") repeat-x bottom left;
	padding-top:10px;
	padding-bottom:10px;
	height: 140px;
}
#topfooter{
	width: 73.84em;
	background-color:transparent;
	margin-top:5em;
	margin:5em auto 0em auto;
	height: 27px;
	}
	#footer a.rssiconp{
		background: transparent url("./imatges/rssiconp.gif") no-repeat 0 0;
		width: 16px;
		height: 16px;
		display:block;
		border: none;
		color:#fff;
		margin-top:2px;
	}
	#footer a.rssiconp:hover {
		background-position: 0 -16px;
		
	}
#topfooter50{
	height: 27px;
	width: 43%;
	float:left;
	background:transparent url("./imatges/qbusques.gif") no-repeat top left;
	}
#topfooter1{
	height: 27px;
	width: 26%;
	float:left;
	background:transparent url("./imatges/onsom.gif") no-repeat top left;
	}
#topfooter2{
	height: 27px;
	width: 20%;
	float:left;
	background:transparent url("./imatges/dubte.gif") no-repeat top left;
	}
/*Final footer*/
/*----------------------------------------------------------------------*/

/*---------------------- per al contingut del peu ------------------*/
.caixacpeu{
	margin:0em auto;
	padding:0em;
/*	width: 98em;*/
	width: 73.84em;
	height:140px;
	}
	.caixacpeu a:hover{
		text-decoration: none;
		}	
	.caixacpeu ul li{
		display: block;
		width: 14em;
		padding-left:1em;
		}
.caixa50{
	margin:0em;
	margin-right:1.5em;
	/*margin-bottom:1em;*/
    width: 30em;
	color:#fff;
	font-size:1em;
	}
	.caixa50 ul li {
		font-size:13px;
		margin:0;
		padding:0;
	}
	.caixa50 ul li a{
		background: transparent url("./imatges/arrow.gif") no-repeat center left;
		/*font-size:1.25em;*/
		font-size:13px;
		font-weight:bold;
		color:#fcfcfc !important;
		text-decoration:none;
		display:block;
		/*padding:0.25em 1em;*/
		padding:1px 13px;
		text-align:left;
		border-bottom:1px solid #ccc;
		}

.caixa33{
	text-align:left;
	margin:0em;
	margin-bottom:10px;
    width: 27%;
	color:#000;
/*	background: transparent url("./imatges/main_feature_image_13.gif") no-repeat top left;	*/
	line-height:18px;
	font-weight: bold;
	color:#fff;
	}
	.caixa33 ul{
		margin:0;
		padding:0;
		}
		.caixa33 ul li{
			margin-left:0;
			padding-left:0;
			display:block;
			width:100%;
			}
			.caixa33 ul li a{
				/*font-size:1em;*/
				font-size:13px;
				font-weight:bold;
				color:#fcfcfc !important;
				text-decoration:none;
			/*	margin:0;
				padding:0.25em 0em;*/
				}
		.caixa33 ul li.master{padding-left:1.5em; background: transparent url("./imatges/user_orange.gif") no-repeat center left;}
		.caixa33 ul li.tecnics{margin-top:0.2em;padding-left:1.5em;background: transparent url("./imatges/user_comment.gif") no-repeat center left;}
		.caixa33 ul li.mapaweb{margin-top:0.2em;padding-left:1.5em;background: transparent url("./imatges/sitemap.gif") no-repeat center left;}
	
		.caixa33 a:hover,.caixa50 a:hover {color:#40a5ec; !important}
		.caixa33 ul li.mapaweb a:hover{color:#29a3ef; !important}
.caixa66{
/*	font-size:1.1em;*/
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	margin:auto 0em;
	margin-bottom:1em;
    width: 20%;
	color:#fff;
	}
	.caixa66 a{font-weight:bold; color:#f69  !important;}
ul.access {
	margin-right:2em;
	}
	ul.access li {
		color:#989991;
		list-style-type: none;
		font-size: 1.1em;
		line-height: 1.5em;
		padding-left:1.75em;
		display:block;
		width: 16.5em;
		border:1px solid red;
		}
	ul.access li.asterisk{background: transparent url("./imatges/asterisk_gris.gif") no-repeat top left;}
	ul.access li.linking{background: transparent url("./imatges/link.gif") no-repeat top left;}