html {height: 100%;}

div { behavior: url(iepngfix.htc) }

body{
background: #B7B7B7;
padding: 0px;
margin: 0px;
height:100%;
}

#nexus{
	background: url(imatges/logo_img.gif);
	position:absolute;
	top:0px;
	left:0px;
	width:220px;
	height:28px;
}

#fons{
width: 100%;
height: 100%;
}

#content{
position: relative;
width: 936px;
height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
min-height:700px;
z-index:1;
color:#666666;
}

#content_rep{
position: relative;
background:url(imatges/fons_content.gif);
top:0px;
left:0px;
width: 936px;
height: 100%;
z-index:0;
}

#left{
position:absolute;
left:0px;
width: 155px;
background:url(imatges/left.gif) repeat-y;
z-index:2;
}

#right{
position:absolute;
left:781px;
width: 155px;
background: url(imatges/right.gif) repeat-y;
z-index:3;
}

#center{
position:absolute;
left:155px;
top: 0px;
background:url(imatges/center.gif) repeat-y;
width: 626px;
z-index: 4;
}

#premi{
position:absolute;
left:528px;
top: 53px;
background: url('imatges/medalla.png');
width: 117px;
height: 194px;
z-index:10;
}

#premio{
position:absolute;
left:528px;
top: 53px;
background: url('imatges/medalla_esp.png');
width: 117px;
height: 194px;
z-index:10;
}

#header{
position: absolute;
background: url('imatges/logo.gif');
left:40px;
top:11px;
width: 542px;
height: 53px;
}

#header a{
color:#000;
font-weight:normal;
text-decoration:none;
}

#header a:hover{
color: #FF0000;
font-weight:normal;
text-decoration:none;
}

#int_header{
	position: absolute;
	left:359px;
	top:22px;
}

#invisible{
	position:absolute;
	width:220px;
	height:28px;
	left:14px;
	top:14px;
	cursor:pointer;
}

#contentmenu {
	position:absolute;
	margin: 0;
	padding: 0;
	top:71px;
	left:40px;
	width: 542px;
	float: left;
	}

#menu {
	width: 150px;
	float: left;
	text-align:center;
	}
	
#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #AEAEAE;
	}

#menu ul li{
	height:36px;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#menu li a {
	height: 24px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	left:0px;
	top:0px;
	padding: 12px 0 0 0px;
	color: #666666;
	display: block;
	background: url(imatges/menu1.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}	

#menu li a:hover {
	height: 24px;
	color: #CC0000;
	background: url(imatges/menu1.gif) 0 -36px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#menu li a:active {
	color: #26370A;
	height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(imatges/menu1.gif) 0 -36px no-repeat;
	}

#foto{
	position:absolute;
	top:0px;
	left:158px;
	width:383px;
	height:181px;
}

#informacio{
	position:absolute;
	top:261px;
	left:40px;
	width: 542px;
	background-position:top;
	background:url(imatges/separador.gif);
	background-repeat:no-repeat;
	padding-top:25px;
	z-index:0;
	height: 9px;
}

#submenu{
	position:absolute;
}

#submenu .h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

#submenu .h2 a{
	color:#999999;
	text-decoration:none;
}

#submenu .h2 a:hover{
	color: #FF0000;
	text-decoration:underline;
}

#mapa_cercalia{
	position:absolute;
	z-index:4;
	height:260px; 
	width:240px;
	
}

#dins_info{
	position:absolute;
	text-align:justify;
	left:0px;
	z-index:2;
	top:15px;
	line-height:16px;
}

#dins_info a{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}

#dins_info a:hover{
	color:#FF0000;
}

#dins_info .h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #DF0000;
	font-size:15px;
	font-weight:bold;
}

#dins_info .h2{
	font-family:  Arial, Helvetica, sans-serif;
	color: #E60000;
	font-size:11px;
}

#dins_info .h2 a{
	text-decoration:none;
	font-size:11px;
}

#dins_info .h2 a:hover{
	text-decoration:underline;
}

#dins_info .foto{
	position:absolute;
}

#dins_info .li{
	background:url(imatges/punt.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-bottom:5px;
}

#dins_info .li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-decoration:underline;
}

#dins_info .li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #E80000;
	text-decoration:none;
}

#separador2{
	position:absolute;
	width:541px;
	height:36px;
	background: url(imatges/separador2.gif);
	z-index:0;
	left:0px;
}

#parts_cercalia{
	position:absolute;
	background:url(imatges/menu_cercalia.gif);
	top:217px;
	left:0px;
	width:541px;
	height:187px;
	z-index:1;
}

#parts_cercalia ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


#parts_cercalia span {
	display: none;
	position: absolute;
}

#parts_cercalia a {
	cursor:pointer;
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	height: 136px;
	left: 3px;
	top: 40px;
}

#parts_cercalia a:hover {
	background-position: left bottom;
}

#parts_cercalia a:hover span{
	display: block;
}

#part1_cercalia a{
	position:absolute;
	width: 107px;
	height: 107px;
	background: url(imatges/cartografia.gif) no-repeat;
	left: 19px;
	top: 38px;
}

#part1_cercalia a:hover {
	width: 107px;
	height: 107px;
	background: url(imatges/cartografia.gif) 0 -107px no-repeat;
}

#part1_cercalia_cat a{
	position:absolute;
	width: 107px;
	height: 107px;
	background: url(imatges/cartografia_cat.gif) no-repeat;
	left: 19px;
	top: 38px;
}

#part1_cercalia_cat a:hover {
	width: 107px;
	height: 107px;
	background: url(imatges/cartografia_cat.gif) 0 -107px  no-repeat;
}

#part2_cercalia a{
	width: 107px;
	height: 107px;
	background: url(imatges/desarrollos.gif) no-repeat;
	left: 219px;
	top: 38px;
}

#part2_cercalia a:hover{
	width: 107px;
	height: 107px;
	background: url(imatges/desarrollos.gif) 0 -107px no-repeat;
}

#part2_cercalia_cat a{
	width: 107px;
	height: 107px;
	background: url(imatges/creixement.gif) no-repeat;
	left: 219px;
	top: 38px;
}

#part2_cercalia_cat a:hover{
	width: 107px;
	height: 107px;
	background: url(imatges/creixement.gif) 0 -107px no-repeat;
}

#part3_cercalia a{
	width: 107px;
	height: 107px;
	background: url(imatges/cercalia_2.gif) no-repeat;
	left: 420px;
	top: 38px;
}

#part3_cercalia a:hover{
	width: 107px;
	height: 107px;
	background: url(imatges/cercalia_2.gif) 0 -107px no-repeat;
}

#parts_cartografia{
	position:absolute;
	background:url(imatges/menu_cercalia.gif);
	top:105px;
	left:0px;
	width:541px;
	height:187px;
	z-index:1;
}

#parts_productes{
	position:absolute;
	top:105px;
	left:0px;
	width:541px;
	z-index:1;
}

#parts_productes ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#parts_productes span {
	display: none;
	position: absolute;
}

#parts_productes a {
	cursor:pointer;
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	height: 136px;
	left: 3px;
	top: 40px;
}

#parts_productes a:hover {
	background-position: left bottom;
}

#parts_productes a:hover span{
	display: block;
}

#part1_productes a{
	position:absolute;
	width: 493px;
	height: 25px;
	background: url(imatges/boto_TeleAtlas.png) no-repeat;
	left: 20px;
	top: 15px;
}

#part1_productes a:hover {
	width: 493px;
	height: 25px;
	background: url(imatges/boto_TeleAtlas.png) 0 -25px no-repeat;
}

#part2_productes a{
	position:absolute;
	width: 449px;
	height: 25px;
	background: url(imatges/boto_Lizardtech.png) no-repeat;
	left: 15px;
	top: 55px;
}

#part2_productes a:hover {
	width: 449px;
	height: 25px;
	background: url(imatges/boto_Lizardtech.png) 0 -25px no-repeat;
}

#part3_productes a{
	position:absolute;
	width: 411px;
	height: 25px;
	background: url(imatges/boto_Tecnologia.png) no-repeat;
	left: 10px;
	top: 95px;
}

#part3_productes a:hover {
	width: 411px;
	height: 25px;
	background: url(imatges/boto_Tecnologia.png) 0 -25px no-repeat;
}

#parts{
	position:absolute;
	background:url(imatges/fons_index.gif);
	left:0px;
	width:541px;
	height:227px;
	top:140px;
	z-index:0;
}

#parts ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#parts span {
	display: none;
	position: absolute;
}

#parts a {
	cursor:pointer;
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	height: 136px;
	left: 3px;
	top: 40px;
}

#parts a:hover {
	background-position: left bottom;
}

#parts a:hover span{
	display: block;
}

#part1 a{
	position:absolute;
	width: 91px;
	height: 135px;
	background: url(imatges/administracion.gif) no-repeat;
	left: 20px;
	top: 52px;
}

#part1 a:hover {
	width: 91px;
	height: 135px;
	background: url(imatges/administracion.gif) 0 -135px no-repeat;
}

#part1_cat a{
	position:absolute;
	width: 91px;
	height: 135px;
	background: url(imatges/administracio.gif) no-repeat;
	left: 20px;
	top: 52px;
}

#part1_cat a:hover {
	width: 91px;
	height: 135px;
	background: url(imatges/administracio.gif) 0 -135px no-repeat;
}

#part2 a{
	width: 91px;
	height: 135px;
	background: url(imatges/cercalia.gif) no-repeat;
	left: 157px;
	top: 52px;
}

#part2 a:hover{
	width: 91px;
	height: 135px;
	background: url(imatges/cercalia.gif) 0 -135px no-repeat;
}

#part2_cat a{
	width: 91px;
	height: 135px;
	background: url(imatges/cercalia_cat.gif) no-repeat;
	left: 157px;
	top: 52px;
}

#part2_cat a:hover{
	width: 91px;
	height: 135px;
	background: url(imatges/cercalia_cat.gif) 0 -135px no-repeat;
}

#part3 a{
	width: 91px;
	height: 135px;
	background: url(imatges/proyectos.gif) no-repeat;
	left: 295px;
	top: 52px;
}

#part3 a:hover{
	width: 91px;
	height: 135px;
	background: url(imatges/proyectos.gif) 0 -135px no-repeat;
}

#part3_cat a{
	width: 91px;
	height: 135px;
	background: url(imatges/projectes.gif) no-repeat;
	left: 295px;
	top: 52px;
}

#part3_cat a:hover{
	width: 91px;
	height: 135px;
	background: url(imatges/projectes.gif) 0 -135px no-repeat;
}

#part4 a{
	width: 91px;
	height: 135px;
	background: url(imatges/productos.gif) no-repeat;
	left: 430px;
	top: 52px;
}

#part4 a:hover{
	width: 91px;
	height: 135px;
	background: url(imatges/productos.gif) 0 -135px no-repeat;
}

#part4_cat a{
	width: 91px;
	height: 135px;
	background: url(imatges/productes.gif) no-repeat;
	left: 430px;
	top: 52px;
}

#part4_cat a:hover{
	width: 91px;
	height: 135px;
	background: url(imatges/productes.gif) 0 -135px no-repeat;
}

#peu{
	position:absolute;
	background:url(imatges/peu.gif);
	width:541px;
	height:50px;
	left: 40px;
}

#int_peu{
	color: #666666;
}

#int_peu a{
	color: #666666;
	text-decoration:none;
}

#int_peu a:hover{
	color: #FF0000;
	text-decoration:none;
}

#int_peu2{
	color: #666666;
	padding-top:18px;
}

#int_peu2 a{
	color: #666666;
	text-decoration:none;
}

#int_peu2 a:hover{
	color: #FF0000;
	text-decoration:none;
}

#situacio{
	position:absolute;
	background:url(imatges/situacio.gif);
	width:20px;
	height:20px;
	left: 132px;
	top: 29px;
}

#mail{
	position:absolute;
	background:url(imatges/mail.gif);
	width:20px;
	height:20px;
	left: 224px;
	top: 29px;
}

#telefon{
	position:absolute;
	background:url(imatges/telefon.gif);
	width:20px;
	height:20px;
	left: 312px;
	top: 29px;
}