html {height: 100%;}

img{ behavior: url(iepngfix.htc); }

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

#nexus{
	background: url(imatges/logo-nexus.png);
	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;
height:100%;
}

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

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

#premi{
position:absolute;
left:528px;
top: 53px;
width: 117px;
height: 194px;
z-index:10;
}

#premio{
position:absolute;
left:528px;
top: 53px;
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:360px;
	top:22px;
}

#invisible{
	position:absolute;
	width:220px;
	height:28px;
	left:14px;
	top:7px;
	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:185px;
	left:40px;
	width: 542px;
	z-index:0;
}

#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{
	margin-top:25px;
	z-index:4;
	height:300px; 
	width:542px;
	
}

#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;
}

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

#part1_cercalia_en a:hover {
	width: 107px;
	height: 107px;
	background: url(imatges/cartografia_en.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;
}

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

#part2_cercalia_en a:hover{
	width: 107px;
	height: 107px;
	background: url(imatges/joint.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;
}

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

#part3_productes_en a:hover {
	width: 420px;
	height: 25px;
	background: url(imatges/boto_Tecnologia_en.png) 0 -25px no-repeat;
}

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

#part1 a{
	position:absolute;
	width: 62px;
	height: 97px;
	background: url(imatges/Ayuntamientos_btn.png) no-repeat;
	left: 32px;
	top: 72px;
}

#part1 a:hover {
	background: url(imatges/Ayuntamientos_btn.png) 0 -97px no-repeat;
}

#part1_cat a{
	position:absolute;
	width: 54px;
	height: 97px;
	background: url(imatges/Ajuntaments_btn.png) no-repeat;
	left: 34px;
	top: 72px;
}

#part1_cat a:hover {
	background: url(imatges/Ajuntaments_btn.png) 0 -97px no-repeat;
}

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

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

#part2 a{
	width: 52px;
	height: 107px;
	background: url(imatges/Transportes_btn.png) no-repeat;
	left: 140px;
	top: 62px;
}

#part2 a:hover{
	background: url(imatges/Transportes_btn.png) 0 -107px no-repeat;
}

#part2_cat a{
	width: 47px;
	height: 107px;
	background: url(imatges/Transports_btn.png) no-repeat;
	left: 142px;
	top: 62px;
}

#part2_cat a:hover{
	background: url(imatges/Transports_btn.png) 0 -107px no-repeat;
}

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

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

#part3 a{
	width: 82px;
	height: 97px;
	background: url(imatges/geoportales_btn.png) no-repeat;
	left: 228px;
	top: 72px;
}

#part3 a:hover{
	background: url(imatges/geoportales_btn.png) 0 -97px no-repeat;
}

#part3_cat a{
	width: 74px;
	height: 97px;
	background: url(imatges/geoportals_btn.png) no-repeat;
	left: 232px;
	top: 72px;
}

#part3_cat a:hover{
	background: url(imatges/geoportals_btn.png) 0 -97px no-repeat;
}

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

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

#part4 a{
	width: 70px;
	height: 97px;
	background: url(imatges/gis_es_btn.png) no-repeat;
	left: 339px;
	top: 72px;
}

#part4 a:hover{
	background: url(imatges/gis_es_btn.png) 0 -97px no-repeat;
}

#part4_cat a{
	width: 65px;
	height: 97px;
	background: url(imatges/gis_btn.png) no-repeat;
	left: 341px;
	top: 72px;
}

#part4_cat a:hover{
	background: url(imatges/gis_btn.png) 0 -97px no-repeat;
}

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

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

#part5 a{
	width: 46px;
	height: 110px;
	background: url(imatges/tecnologia_es_btn.png) no-repeat;
	left: 454px;
	top: 59px;
}

#part5 a:hover{
	background: url(imatges/tecnologia_es_btn.png) 0 -110px no-repeat;
}

#part5_cat a{
	width: 46px;
	height: 107px;
	background: url(imatges/tecnologia_btn.png) no-repeat;
	left: 454px;
	top: 62px;
}

#part5_cat a:hover{
	background: url(imatges/tecnologia_btn.png) 0 -107px 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: 85px;
	top: 29px;
}

#document{
	position:absolute;
	background:url(imatges/document.gif) no-repeat;
	width:10px;
	height:10px;
	left: 183px;
	top: 34px;
}

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

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

.video_cat a{
position:absolute;
top:163px;
left:30px;
height:44px;
width:224px;
background:url(images/btn-corp-video-ca.png);
text-decoration:none;
}

.video_cat a:hover{
background:url(images/btn-corp-video-ca.png)0 -44px;
}

.video_es a{
position:absolute;
top:163px;
left:30px;
height:44px;
width:215px;
background:url(images/btn-corp-video.png);
text-decoration:none;
}

.video_es a:hover{
background:url(images/btn-corp-video.png)0 -44px no-repeat;
}

.video_en a{
position:absolute;
top:323px;
right:20px;
height:49px;
width:177px;
background:url(imatges/btn_video_en.png);
text-decoration:none;
}

.video_en a:hover{
background:url(imatges/btn_video_en.png)0 -49px;
}

.Youtube-es{
position:absolute;
top:165px;
left:255px;
height:38px;
width:56px;
background:url(imatges/youtube-es.gif);
text-decoration:none;
}

.Youtube-ca{
position:absolute;
top:166px;
left:255px;
height:38px;
width:56px;
background:url(imatges/youtube-ca.gif);
text-decoration:none;
}

.btn-blog a{
position:absolute;
top:230px;
left:65px;
height:49px;
width:218px;
background:url(imatges/btn-blog.png);
text-decoration:none;
}

.thumb-blog a{background:url(imatges/Thumb-blog.png);width:172px;height:94px;position:absolute;right:1px;top:205px}

#vedere{text-align:left;line-height:18px;position:absolute;top:165px;background:url(images/bg-vedere-home.png) no-repeat;width:542px;height:400px;}
#vedere-cat{text-align:left;line-height:18px;position:absolute;top:165px;background:url(images/bg-vedere-home-ca.png) no-repeat;width:542px;height:300px;}
.parr1{width:225px;margin-left:10px}
.vedere{font-weight:bold;color:#009DDC}
#vedere2{line-height:18px;position:absolute;left:40px;top:140px;background:url(images/bg-vedere-fitxa.png) no-repeat;width:542px;}
.parraf1{width:495px;text-align:left;margin-top:130px}
#vedere2 ul{text-align:left;margin-left:0px;padding-left:30px;list-style:none;line-height: 25px;}
#vedere2 li.repu{line-height: 18px;margin-top:15px}
.visitweb{position:absolute;top:300px;right:20px;background:url(images/visit-web.png);width:116px;height:117px;}
.visitmovil{position:absolute;top:455px;right:20px;background:url(images/visit-movil.png);width:116px;height:117px;}
.reputacion{position:absolute;top:610px;right:20px;background:url(images/reputacion.png);width:116px;height:117px;}
.video-vedere a{text-decoration:none;background:url(images/btn-vedere-video.png);width:179px;height:44px;float:left;margin-left: 25px; margin-top: 30px;}
.video-vedere a:hover {background-position:0 -44px}
.video-vedere-ca a{text-decoration:none;background:url(images/btn-vedere-video-ca.png);width:195px;height:44px;float:left;margin-left: 25px; margin-top: 30px;}
.video-vedere-ca a:hover {background-position:0 -44px}
#vedere2-cat {line-height:18px;position:absolute;left:40px;top:140px;background:url(images/bg-vedere-fitxa-ca.png) no-repeat;width:542px;}
#vedere2-cat ul {text-align:left;margin-left:0px;padding-left:30px;list-style:none;line-height: 25px;}
#vedere2-cat li.repu{line-height: 18px;margin-top:15px}
.pdf-vedere a{text-decoration:none;background:url(images/btn-vedere-pdf.png);width:154px;height:44px;float:left;margin-left: 15px; margin-top: 30px;}
.pdf-vedere-ca a{text-decoration:none;background:url(images/btn-vedere-pdf-ca.png);width:167px;height:44px;float:left;margin-left: 15px; margin-top: 30px;}

.cdti{width:151px;height:51px;background:url(images/vedere-cdti.png);float:right;margin-right:6px;margin-top:7px;}