@charset "UTF-8";
/* CSS Document */

/*ESTRUCTURA PRINCIPAL*/

#contingut{
	width:770px;
	position:absolute;
	left:15px;
	top:310px;
	height:250px;
}

#contingutleft{
	width:550px;
	position:absolute;
	left:15px;
	top:310px;
	height:700px;
}

#contingutright{
	width:550px;
	position:absolute;
	left:239px;
	top:312px;
	height:700px;
}

#enquesta{
	width:770px;
	position:absolute;
	left:15px;
	top:560px;
	height:700px;
}


#centrador {
	position:absolute;
	top:0px;
	left:50%;
	height:50px;
	width:50px;
}

#contenidor{
	position:absolute;
	vertical-align:top;
	width:800;
	left:-400px;
	
}	

/*MENU OFICINES IDIOMES NOTICIES*/

#menu{
	position:absolute;
	height:38px;
	left:15px;
	top:178px;
	width:770px;
}

.espai1{
	left:138px;
	position:absolute;
	width:1px;
	top:-16px;
	height:38px;
		
}
.espai2{
	left:307px;
	position:absolute;
	width:1px;
	top:-16px;
	height:38px;

}

.espai3{
	left:517px;
	position:absolute;
	width:1px;
	top:-16px;
	height:38px;

}

.boto1 a{
	position:absolute;
	top:0px;
	left:0px;
	width:138px;
	height:38px;
	background-image:url(../ENG/imagenes/quines-somos_05.jpg);
}

.boto1 a:hover{
	position:absolute;
	top:0px;
	left:0px;
	width:138px;
	height:38px;
	background-image:url(../ENG/imagenes/quines-somos_05rol.jpg);
}

.boto2 a{
	position:absolute;
	top:0px;
	left:139px;
	width:168px;
	height:38px;
	background-image:url(../ENG/imagenes/quines-somos_07.jpg);
}

.boto2 a:hover{
	position:absolute;
	top:0px;
	left:139px;
	width:168px;
	height:38px;
	background-image:url(../ENG/imagenes/quines-somos_07rol.jpg);
}

.boto3 a{
	position:absolute;
	top:0px;
	left:308px;
	width:209px;
	height:38px;
	background-image:url(../ENG/imagenes/quines-somos_09.jpg);
}

.boto3 a:hover{
	position:absolute;
	top:0px;
	left:308px;
	width:209px;
	height:38px;
	background-image:url(../ENG/imagenes/quines-somos_09rol.jpg);
}

.boto4 a{
	position:absolute;
	top:0px;
	left:518px;
	width:252px;
	height:38px;
	background-image:url(../ENG/imagenes/quines-somos_11.jpg);
}

.boto4 a:hover{
	position:absolute;
	top:0px;
	left:518px;
	width:252px;
	height:38px;
	background-image:url(../ENG/imagenes/quines-somos_11rol.jpg);
}



#oficines{
	position:absolute;
	left:15px;
	height:17px;
	top:224px;
	width:544px;

}
#idiomes{
	position:absolute;
	left:559px;
	top:224px;
	width:226px;
	height:17px;
	text-align:center;
}

#inici{
	position:absolute;
	left:15px;
	height:67px;
	width:770px;
	top:243px;
}

.iniciroll a{
	background-image:url(../ENG/imagenes/quines-somos_17.jpg);
	position:absolute;
	left:0px;
	top:0px;
	height:67px;
	width:770px;
}

.iniciroll a:hover{
	background-image:url(../ENG/imagenes/quines-somos_17-roll.jpg);
	position:absolute;
	left:0px;
	top:0px;
	height:67px;
	width:770px;
}

/*ENQUESTA*/

#titol{
	width:300px;
	background-color:97C86B;
	font-weight:bold;
}

#pregunta{
	width:300px;
	background-color:fff;
}

#botoenquesta{
	position:absolute;
	top:770px;
	left:15px;
	width:185px;
	height:50px;
}

.botoenquestaempresa a{
	position:absolute;
	background-image:url(../ENG/imagenes/encuestaoff.png);
	top:0px;
	width:185px;
	height:50px;
	display:block;
}

.botoenquestaempresa a:hover{
	position:absolute;
	background-image:url(../ENG/imagenes/encuestaon.png);
	top:0px;
	width:185px;
	height:50px;
	display:block;
}


/*DIVS CONTINGUT*/

#esquerra{
	left:0px;
	vertical-align:top;
	width:15px;
	height:1024px;
	background-image:url(../imagenes/quines-somos_01.jpg);
	position:absolute;
}

#centre{
	left:15px;
	vertical-align:top;
	width:770px;
	height:172px;
	position:absolute;
}

#fonsverd{
	background-color:97c86b;
	left:15px;
	vertical-align:top;
	width:770px;
	height:172px;
	position:absolute;
}

#dreta{
	position:absolute;
	left:785px;
	width:15px;
	height:1024px;
	top:0px;
	background-image:url(../imagenes/quines-somos_03.jpg);
}

#peu{
	position:absolute;
	top:1400px;
	text-align:center;
	height:20px;
	width:770px;
	left:15px;
}

#ombrasuperior{
	position:absolute;
	left:15px;
	width:770px;
	height:7px;
	top:172px;
	background-image:url(../imagenes/quines-somos_04.jpg);
	background-repeat:no-repeat;	
}

#ombrainferior{
	position:absolute;
	left:15px;
	width:770px;
	height:7px;
	top:216px;
	background-image:url(../imagenes/quines-somos_12.jpg);
	background-repeat:no-repeat;
}

#menulateralright{
	position:absolute;
	left:578px;
	top:310px;
	width:185px;
	height:400px;
}


/*MENU SESRVICIOS A EMPRESA*/

#menuservicioempresa{
	position:absolute;
	left:15px;
	top:310px;
	width:185px;
	height:450px;
}

.serviciogestion a{
	background-image:url(../ENG/imagenes/para-empresa_18.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:22px;
	border:none;
	top:0px;
	
}

.serviciogestion a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_18.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:22px;
	border:none;
	top:0px;
}

.tramites a{
	background-image:url(../ENG/imagenes/para-empresa_21.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:50px;
	top:22px;
	border:none;
}

.tramites a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_21.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:50px;
	top:22px;
	border:none;
}

.legislaciononline a{
	background-image:url(../ENG/imagenes/para-empresa_22.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:39px;
	top:72px;
	border:none;
}

.legislaciononline a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_22.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:39px;
	top:72px;
	border:none;
}

.acustica a{
	background-image:url(../ENG/imagenes/para-empresa_23.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:111px;
	border:none;
}

.acustica a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_23.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:111px;
	border:none;
}

.legalizacion a{
	background-image:url(../ENG/imagenes/para-empresa_24.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:40px;
	top:139px;
	border:none;
}

.legalizacion a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_24.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:40px;
	top:139px;
	border:none;
}

.instalaciones a{
	background-image:url(../ENG/imagenes/para-empresa_25.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:49px;
	top:179px;
	border:none;
}

.instalaciones a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_25.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:49px;
	top:179px;
	border:none;
}

.efluentes a{
	background-image:url(../ENG/imagenes/para-empresa_26.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:48px;
	top:228px;
	border:none;
}

.efluentes a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_26.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:48px;
	top:228px;
	border:none;
}

.sistemagestion a{
	background-image:url(../ENG/imagenes/para-empresa_27.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:20px;
	top:276px;
	border:none;
}

.sistemagestion a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_27.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:20px;
	top:276px;
	border:none;
}

.formacion a{
	background-image:url(../ENG/imagenes/para-empresa_28.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:50px;
	top:296px;
	border:none;
}

.formacion a:hover{
	background-image:url(../ENG/imagenes/rol-empresa_28.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:50px;
	top:296px;
	border:none;
}

.responsabilidad a{
	background-image:url(../ENG/imagenes/para-empresa_42.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:346px;
	border:none;

}

.responsabilidad a:hover{
	background-image:url(../ENG/imagenes/para-empresa_42rol.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:346px;
	border:none;

}

.energia a{
	background-image:url(../ENG/imagenes/para-empresa_43.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:374px;
	border:none;
}

.energia a:hover{
	background-image:url(../ENG/imagenes/para-empresa_43rol.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:374px;
	border:none;
}

.climatic a{
	background-image:url(../ENG/imagenes/para-empresa_44.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:402px;
	border:none;
}

.climatic a:hover{
	background-image:url(../ENG/imagenes/para-empresa_44rol.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:402px;
	border:none;
}

/*MENU SERVICIO ADMINISTRACION*/

#menuservicioadmin{
	position:absolute;
	left:15px;
	top:310px;
	width:185px;
	height:260px;
}

.planificacion a{
	background-image:url(../ENG/imagenes/para-admin_18.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:22px;
	top:0px;
	left:0px;
}

.planificacion a:hover{
	background-image:url(../ENG/imagenes/rol-admin_18.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:22px;
	top:0px;
	left:0px;
}

.natural a{
	background-image:url(../ENG/imagenes/para-admin_21.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:21px;
	top:22px;
	left:0px;
}

.natural a:hover{
	background-image:url(../ENG/imagenes/rol-admin_21.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:21px;
	top:22px;
	left:0px;
}

.gestionambiental a{
	background-image:url(../ENG/imagenes/para-admin_22.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:29px;
	top:43px;
	left:0px;
}

.gestionambiental a:hover{
	background-image:url(../ENG/imagenes/rol-admin_22.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:29px;
	top:43px;
	left:0px;
}

.acusticamunicipal a{
	background-image:url(../ENG/imagenes/para-admin_23.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:39px;
	top:72px;
	left:0px;
}

.acusticamunicipal a:hover{
	background-image:url(../ENG/imagenes/rol-admin_23.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:39px;
	top:72px;
	left:0px;
}

.proyectosue a{
	background-image:url(../ENG/imagenes/para-admin_24.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:111px;
	left:0px;
}

.proyectosue a:hover{
	background-image:url(../ENG/imagenes/rol-admin_24.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:28px;
	top:111px;
	left:0px;
}

.sgmunicipal a{
	background-image:url(../ENG/imagenes/para-admin_25.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:21px;
	top:139px;
	left:0px;
}

.sgmunicipal a:hover{
	background-image:url(../ENG/imagenes/rol-admin_25.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:21px;
	top:139px;
	left:0px;
}

.formacionambiental a{
	background-image:url(../ENG/imagenes/para-admin_26.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:43px;
	top:160px;
	left:0px;
}

.formacionambiental a:hover{
	background-image:url(../ENG/imagenes/rol-admin_26.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:43px;
	top:160px;
	left:0px;
}

.legisonline a{
	background-image:url(../ENG/imagenes/para-admin_27.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:52px;
	top:203px;
	left:0px;
}

.legisonline a:hover{
	background-image:url(../ENG/imagenes/rol-admin_27.jpg);
	display:block;
	position:absolute;
	width:185px;
	height:52px;
	top:203px;
	left:0px;
}




/* ENLLAÇOS D'INTERES*/

#linksinteres{
	position:absolute;
	left:15px;
	top:830px;
	height:400px;
	width:185px;
}

	
/*ESTILS DE TEXT*/



.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	text-align: justify;
}

.textpetit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	text-align:justify;

}

.negreta{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:justify;
	font-weight:bold;
}

.negretacursiva{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:justify;
	font-weight:bold;
	font-style:italic;
}

.negretacursivaright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:right;
	font-weight:bold;
	font-style:italic;
}

.titol{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:left;
	text-align:justify;
}

/*LINKS GENERICS*/

a:link {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#97c86b;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#97c86b;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#97c86b;
	font-weight:bold;
}
a:active {
	text-decoration: none;