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

/* BODY */
body {
	margin : 0px 0px 0px 0px;
	background: url(../imagenes/fons.jpg);
	background-position:center;
	background-attachment: fixed;
	float: right;
	}

/* LISTAS */

#lista1 li {
	list-style-image:url(../imagenes/hoja.gif) ;
	padding-left:20px;
	line-height: 120%;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;  
	
}

#lista2 li {
position:relative;
	list-style-image:url(../imagenes/item-lista.jpg) ;
	border-bottom:2px solid #CCCCCC;
	background-color:#BFBFBF;
	width: 170px;
	float: left;
}

ul.left {
    float: left;
    width: 260px;
    margin: 0px;
    padding: 0px 0px;
    border: 0px none;
    list-style-position: inside;
    list-style-type: square;
    position: relative;
  }
 
ul.right {
    float: right;
    width: 260px;
    margin: 0px;
    padding: 0px 0px;
    border: 0px none;
    list-style-position: inside;
    list-style-type: square;
}

a.li:link {color: #000000;text-decoration:none;}
a.li:visited {color: #000000;text-decoration:none;}
a.li:hover {color: #FFFFFF;text-decoration:none;}
a.li:active{color: #000000; text-decoration:none;}

/* ETIQUETAS */

.titols {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9c9e00;
	font-weight:bold;
	margin: 0px;
}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9c9e00;
	font-weight:bold;
	margin: 0px;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight:bold;
	margin:0px;
}

H3{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#3342B5;
	padding-left:50px
}


/* DIVS GENERICOS */

#engloba {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -450px;
	margin-top: -335px;
	width: 900px;
	height: 670px;
}

#bannerDestacat {
	background-color: #FFFFFF;
	width: 300px;
	height: 275px;
	float:left;
}

#zonaImatge {
	background-color: #FFFFFF;
	width: 600px;
	height: 275px;
	float:right;
}

#portafolio {
	position:relative;
	background-color: #FFFFFF;
	width: 900px;
	height: 275px;
	float:left;
}

#pastilla{
	width:900px;
	height:15px;
	background-image:url(../imagenes/pastilla.jpg);
	float: left;
}
#menuIdiomes {
	width: 290px;
	height: 15px;
	float:left;
	padding-right: 10px;
	}

#menuSequiment {
	width: 595px;
	height: 13px;
	padding-left:5px;
	padding-top:2px;
	float:right;
}
#submenus {
	background-color:#CCCCCC;
	width: 600px;
	height: 278px;
	float:left;
}

#banners {
	background-color:#333132;
	width: 300px;
	height: 360px;
	float:left;
}

#contingut {
	background-color:#CCCCCC;
	background-image:url(../imagenes/fons-contingut.jpg);
	width:520px;
	height: 208px;
	position:relative;
	float:right;
	padding:30px 40px 40px 40px;
}
#contingut2 {
	background-color:#333132;
	background-image:url(../imagenes/fons-contingut2.jpg);
	width:520px;
	height:268px;
	position:relative;
	float:right;
	padding-top:10px;
	padding-left:80px;
}

#contingut3 {
	background-image:url(../imagenes/fons-contingut3.jpg);
	width:345px;
	height: 248px;
	float:left;
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 35px;
}
#contingut33 {
	background-color:#CCCCCC;
	background-image:url(../imagenes/fons-contingut.jpg);
	width:560px;
	height: 208px;
	position:relative;
	float:right;
	padding:30px 40px 40px 0px;
}

#menu {
	background-image: url(../imagenes/fons-menu2.jpg);
	width:600px;
	height:80px;
	float:left;
	}
#botoCLIENT {
margin-top:10px;
	width:57px;
	float:left;
	height:55px;
	background-image:url(../imagenes/areaclient.jpg);
	background-position:right;
	background-repeat:no-repeat;
	position:relative;

	}
#botoCLIENT:hover{
	background-image: url(../imagenes/areaclient2.jpg);
}

div.button {
	margin-top:10px;
	width:57px;
	float:left;
	height:55px;
	background-image:url(../imagenes/areaclient.jpg);
	background-repeat: no-repeat;
	margin-left: 2px;
	display: block;
}
	
div.button a  {
	display:block;
	padding-top:20px;
	width:57px;
	float:left;
	height:55px;
	background-image:url(../imagenes/areaclient.jpg);
	background-repeat: no-repeat;
	}
div.button a:link {
	padding-top:20px;
	width:57px;
	float:left;
	height:55px;
	background-image:url(../imagenes/areaclient.jpg);
	background-repeat: no-repeat;
	}
div.button a:hover {
	float:left;
	padding-top:20px;
	width:88px;
	height:45px;
	background-image:url(../imagenes/areaclient2.jpg);
}









div.buttoncast {
	position:relative;
	margin-left:4px;
	margin-top:10px;
	width:57px;
	float:left;
	height:55px;
	background-image:url(../imagenes/areaclientcast.jpg);
	background-repeat: no-repeat;
}
	
div.buttoncast a  {display:block; position:relative;
	padding-top:20px;
	width:57px;
	float:left;
	height:55px;
	background-image:url(../imagenes/areaclientcast.jpg);
	background-repeat: no-repeat;
	}
div.buttoncast a:link {position:relative;
	padding-top:20px;
	width:57px;
	float:left;
	height:55px;
	background-image:url(../imagenes/areaclientcast.jpg);
	background-repeat: no-repeat;
	}
div.buttoncast a:hover {position:relative;
	float:left;
	padding-top:20px;
	width:88px;
	height:45px;
	background-image:url(../imagenes/areaclient2cast.jpg);	}



#peu {
	width: 900px;
	height: 20px;
	position:relative;
	float:left;
}



/* DIVS BOTONS MENU */

#boto1{
	position:relative;
	float:left;
	padding-top:20px;
	width:90px;
	height:45px;
	background-image:url(../imagenes/boto-estat1.jpg);
}
#boto1:hover{
	background-image:url(../imagenes/boto-estat2.jpg);
}

#boto2{
	position:relative;
	float:left;
	padding-top:20px;
	width:90px;
	height:45px;
	background-image:url(../imagenes/boto-estat1.jpg);
}
#boto2:hover{
	background-image:url(../imagenes/boto-estat2.jpg);
}
#boto3{
	position:relative;
	float:left;
	padding-top:20px;
	width:90px;
	height:45px;
	background-image:url(../imagenes/boto-estat1.jpg);
}
#boto3:hover{
	background-image:url(../imagenes/boto-estat2.jpg);
}
#boto4{
	position:relative;
	float:left;
	padding-top:20px;
	width:90px;
	height:45px;
	background-image:url(../imagenes/boto-estat1.jpg);
}
#boto4:hover{
	background-image:url(../imagenes/boto-estat2.jpg);
}




#boto5{
	position:relative;
	float:left;
	padding-top:20px;
	width:90px;
	height:45px;
	background-image:url(../imagenes/boto-estat1.jpg);
}
#boto5:hover{
	background-image:url(../imagenes/boto-estat2.jpg);
}
#boto6{
	position:relative;
	float:left;
	padding-top:20px;
	width:88px;
	height:45px;
	background-image:url(../imagenes/boto-estat1.jpg);
}
#boto6:hover{
	background-image:url(../imagenes/boto-estat2.jpg);
}

/* MENU gestio integral */

#menuintegral{
	background-color:#BFBFBF;
	height:278px;
	width: 180px;
	float: left;
}
.news{
	text-align:left;
	padding-left:20px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}





/*MENU*/
#fixed {
	display:block;

  }
#fixed ul {
  padding:0; 
  margin:0; 
  list-style-type:none;
  }
#fixed li {
	display:block;
	width:90px;
	height:45px;
	background-image: url(../imagenes/boto-estat1.jpg);
	float: left;

  }
#fixed li a {
	display:block;
	width:90px;
	color:#FFFFFF;
	color:#CCCCCC;
	padding-top: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:39px;
	background-image: url(../imagenes/boto-estat1.jpg);
	text-align:center;
	text-decoration:none;
	line-height: 12px;
  }
#fixed li a:hover {
	background-image: url(../imagenes/boto-estat2.jpg);
	color:#ffffff;
	background-repeat: no-repeat;
  }

  
  
/*IDIOMES*/  
  
  
  .catala a {
	width: 16px;
	height: 11px;
	background: url(../imagenes/cat2.gif) left top;
	display:block;
	background-repeat: no-repeat;
	float: right;
	padding-top: 2px;
	background-position: 0px 2px;
	margin-right: 5px;
}
.catala a:hover {
	background: url(../imagenes/cat.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.es a {
	width: 16px;
	height: 11px;
	background: url(../imagenes/es2.gif) left top;
	display:block;
	background-repeat: no-repeat;
	float: right;
	padding-top: 2px;
	background-position: 0px 2px;
	margin-right: 5px;
}
.es a:hover {
	background: url(../imagenes/es.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.en a {
	width: 16px;
	height: 11px;
	background: url(../imagenes/en2.gif) left top;
	display:block;
	background-repeat: no-repeat;
	float: right;
	padding-top: 2px;
	background-position: 0px 2px;
	margin-right: 5px;
}
.en a:hover {
	background: url(../imagenes/en.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.fr a {
	width: 16px;
	height: 11px;
	background: url(../imagenes/fr2.gif) left top;
	display:block;
	background-repeat: no-repeat;
	float: right;
	padding-top: 2px;
	background-position: 0px 2px;
	margin-right: 5px;
}
.fr a:hover {
	background: url(../imagenes/fr.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

/*BOTONS DINS*/

.video a {
	width: 120px;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	background-image: url(../imagenes/video1.jpg);
	
}
.video a:hover {
	background: url(../imagenes/video.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.grafic a {
	width: 120px;
	background: url(../imagenes/disseny1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.grafic a:hover {
	background: url(../imagenes/disseny.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}
.internet a {
	width: 120px;
	background: url(../imagenes/internet1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.internet a:hover {
	background: url(../imagenes/internet.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.multimedia a {
	width: 120px;
	background: url(../imagenes/multimedia1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.multimedia a:hover {
	background: url(../imagenes/multimedia.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.publicitat a {
	width: 120px;
	background: url(../imagenes/publicitat1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.publicitat a:hover {
	background: url(../imagenes/publicitat.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.organitzacio a {
	width: 120px;
	background: url(../imagenes/organitzacio1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.organitzacio a:hover {
	background: url(../imagenes/organitzacio.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}






.sector-construccio a {
	width: 120px;
	background: url(../imagenes/sector-construccio1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.sector-construccio a:hover {
	background: url(../imagenes/sector-construccio.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.empreses-comercials a {
	width: 120px;
	background: url(../imagenes/empreses-comercials1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.empreses-comercials a:hover {
	background: url(../imagenes/empreses-comercials.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.industria-medica-farmaceutica a {
	width: 120px;
	background: url(../imagenes/industria-medica-farmaceutica1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.industria-medica-farmaceutica a:hover {
	background: url(../imagenes/industria-medica-farmaceutica.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.concursos-publics a {
	width: 120px;
	background: url(../imagenes/concursos-publics1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.concursos-publics a:hover {
	background: url(../imagenes/concursos-publics.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.administracio-publica a {
	width: 120px;
	background: url(../imagenes/administracio-publica1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.administracio-publica a:hover {
	background: url(../imagenes/administracio-publica.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}

.gestio-mediambiental a {
	width: 120px;
	background: url(../imagenes/gestio-mediambiental1.jpg) left top;
	display:block;
	background-repeat: no-repeat;
	float: left;
	padding-top: 88px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: 17PX 0px;
	text-align: center;
	
}
.gestio-mediambiental a:hover {
	background: url(../imagenes/gestio-mediambiental.jpg);
	background-repeat: no-repeat;
	background-position: 17PX 0px;
}