/* CSS Document */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.6em; }
.clear { clear:both; line-height:0; font-size:1px; padding:0; margin:0; }

a { outline-style:none; }
.colLeft a:link, .colLeft a:visited  {color:#0065bd;}
.colLeft a:hover {text-decoration:underline;}

/* ----- ESTRUCTURA ----- */
	.mainContainer { width:906px; margin:auto; font-size:1.2em; }
	.header { height:63px; position:relative; }
	.bannerTop {  }
	.cuerpo {
	background:url(../_aux_images/bgColRight.gif) repeat-y;
	background-position:top right;
	line-height:1.8em;
	margin-bottom:8px;
}
		.cuerpo_clientes {  }
	
	.colLeft { float:left; width:700px; }
	.colLeftclients {
	float:left;
	width:900px;
}
	.colLefterror {
	float:left;
	width:600px;
}
	.colLefterror2 {
	float:left;
	width:300px;
}
	.colLefterror3 {
font-size:10px
	text-decoration:none;
	float:right;
	background-color: #e8e8e6;
	width:250px;
	color: #000;
}

	.colRight { float:right; width:150px; }
	
	.breadcrumb { margin-top:0;  font-size:0.9em; }
		.breadcrumb a:link{ font-size:1em; color:black; text-decoration:none; }
		.breadcrumb a:visited{ font-size:1em; color:black; text-decoration:none; }
		.breadcrumb a:hover{ font-size:1em; color:black; text-decoration:underline; }		
	
	.breadcrumbBottom, .footer { text-align:center; font-size:1em; border-top:1px solid #999999; }
	.breadcrumbBottom { padding:1px; margin-top:5px; }
	.footer { padding:5px;}


/*----- ELEMENTOS -----*/
	.topMenu { position:relative; }
	.header .logo { position:absolute; top:16px; left:0; }
	.header .enlacesHeader { position:absolute; top:16px; right:-2px; width:415px; }
	.header .enlacesHeader .areaClientes, .header .enlacesHeader .buscador, .header .enlacesHeader .idiomas { float:right; width:auto; margin-left:10px; }
	.idiomas {color:#0065BD; }
	.header .enlacesHeader .areaClientes a { color:#0065BD; padding-left:12px; background:url(../_aux_images/arrow1.gif) no-repeat; background-position:0 4px; }
	
	.bloqueAzulCentral { width:210px; height:180px; padding:10px; float:left; color:white; font-size:1.2em; background:url(../_aux_images/bgRectAzulCentro.gif) no-repeat; }
		.bloqueAzulCentral .titulo { font-size:1.2em; font-weight:bold; line-height:1em; }
		.bloqueAzulCentral ul { margin:0; margin-left:15px; margin-top:5px; padding:0; line-height:1.2em; }
	
	.bloqueFonoAtencion { width:135px; height:140px; padding:10px 5px; background:url(../_aux_images/bgFonoAtencion.gif) no-repeat; margin:5px; color:white; text-align:center; font-size:1.2em; }
	.bloqueFonoAtencion .telefono { font-size:1.4em; }
	
	.bloqueCasosExito {
		width:145px; background:url(../_aux_images/bgCasosExito.gif) no-repeat; background-position:bottom left;
		margin:5px auto; color:#FFF; text-align:left; font-size:1em; line-height:1.4em; padding-bottom:10px; }
	.bloqueCasosExito .titol { text-decoration: none; font-weight:bold; font-size:1.1em; line-height:2em; color:#FFF; padding:5px; }
	.bloqueCasosExito ul, .bloqueCasosExito li { list-style-type:none; margin:3px; padding:0; font-size:11px; }
		.bloqueCasosExito li { padding-left:12px; background:url(../_aux_images/bulletWhiteCircle.gif) no-repeat; background-position:0 4px; }
	
	div.bloqueTestimonio { width:145px; margin:5px auto; padding:0; padding-bottom:9px; background:url(../_aux_images/bgTestimonio.gif) no-repeat; background-position:bottom left; border-top:1px solid #4C4C4C; font-size:0.9em; }
		div.bloqueTestimonio .fotoTestimonio { display:block; width:124px; height:96px; margin:0 auto; margin-top:7px; text-indent:-8000px; }
			#jordimas { background:url(../_aux_images/quote-jordi.jpg) no-repeat; }
			#martamunoz { background:url(../_aux_images/quote-marta.jpg) no-repeat; }
			#silviasistare { background:url(../_aux_images/quote-silvia.jpg) no-repeat; }
			#alfonslopez { background:url(../_aux_images/quote-alfons.jpg) no-repeat; }
			#tanniasalazar { background:url(../_aux_images/quote-tannia.jpg) no-repeat; }
			#angelcasanova { background:url(../_aux_images/quote-angel.jpg) no-repeat; }
			#xavierromero { background:url(../_aux_images/quote-xavier.jpg) no-repeat; }
			#manuelgomez { background:url(../_aux_images/quote-manuel.jpg) no-repeat; }
			#diaz { background:url(../_aux_images/quote-diaz.jpg) no-repeat; }
			#sonia { background:url(../_aux_images/quote-sonia.jpg) no-repeat; }
		div.bloqueTestimonio .testimonio { display:block; color:#FFF; font-size:1.1em; font-weight:bold; line-height:1.2em; padding:0 4px; margin-top:5px; }
		div.bloqueTestimonio .autor { line-height:1.1em; padding:0 7px; margin:0; margin-top:3px; margin-bottom:0; }
		
	div.blkContacteServei { width:145px; margin:5px auto; padding:0; font-size:1.1em; color:#0065BD; font-weight:bold; line-height:1em; text-align:center; }
		.imgContacteServei { display:block; text-align:center; margin:5px auto; }
	
/*----- TEXTOS -----*/
	h1 { font-size:2.4em; font-weight:normal; color:#0065BD; line-height:1em; }
	h2 { font-size:1.8em; color:#0065BD; font-weight:normal; }
	
	.destacaGroc { background-color:#EACC0A;}
	.destacaBlau { color:#0065BD; font-size:1.2em; }
	
	.campogris { background-color:#e8e8e6; border:1px solid #e8e8e6; width:380px; }
	
	.campclients { background-color:#e8e8e6; border:1px solid #e8e8e6; width:270px; margin-bottom:6px; }
	
	.campwebmail { background-color:#e8e8e6; border:1px solid #e8e8e6; width:400px; margin-bottom:4px; }
	
	
	a:link {color:#0065bd; text-decoration: none }
	a:hover {color:#0065bd; text-decoration:underline}
	a:visited {color:#900; text-decoration: none}
	
	a.linkazul:link{ font-size:0.8em; color:#0065bd; text-decoration:none; }
	a.linkazul:hover{ font-size:0.8em; color:#0065bd; text-decoration:underline; }
	a.linkazul:visited{ font-size:0.8em; color:#900; text-decoration:none;}
	
	a.linkazul2:link{ font-size:11px; color:#0065bd; text-decoration:none; }
	a.linkazul2:hover{ font-size:11px; color:#0065bd; text-decoration:underline; }
	a.linkazul2:visited{ font-size:11px; color:#0065bd; text-decoration:none; }
	
	a.linkazul3:link{ font-size:12px; color:#0065bd; text-decoration:none; }
	a.linkazul3:hover{ font-size:12px; color:#0065bd; text-decoration:underline; }
	a.linkazul3:visited{ font-size:12px; color:#0065bd; text-decoration:none; }
	
	a.linkazul4:link{ color:#0065bd; text-decoration:none; }
	a.linkazul4:hover{  color:#0065bd; text-decoration:underline; }
	a.linkazul4:visited{ color:#0065bd; text-decoration:none; }
	
	a.linkazul5:link{ font-size:12px; color:#0065bd; text-decoration:none; }
	a.linkazul5:hover{ font-size:12px; color:#0065bd; text-decoration:underline; }
	a.linkazul5:visited{ font-size:12px; color:#0065bd; text-decoration:none; }
		
	a.linkazul6:link{ font-size:14px; color:#0065bd; text-decoration:none; font-weight: bold;}
	a.linkazul6:hover{ font-size:14px; color:#0065bd; text-decoration:underline;font-weight: bold; }
	a.linkazul6:visited{ font-size:14px; color:#0065bd; text-decoration:underline; font-weight: bold;}
		
	a.linknegro:link{ font-size:0.9em; color:black; text-decoration:none; }
	a.linknegro:hover{ font-size:0.9em; color:black; text-decoration:underline; }
	a.linknegro:visited{ font-size:0.9em; color:black; text-decoration:none; }
	
	a.linknegro2:link{ font-size:12px; color:black; text-decoration:underline; }
	a.linknegro2:hover{ font-size:12px; color:black; text-decoration:underline; }
	a.linknegro2:visited{ font-size:12px; color:black; text-decoration:underline; }
	
	a.mapaweb:link{color:black; text-decoration:none; }
	a.mapaweb:hover{ color:black; text-decoration:underline; }
	a.mapaweb:visited{ color:black; text-decoration:none; }

/*----- BUSCADOR -----*/	
.campbuscador {
		background:url(/_aux_images/bgBuscador.gif) no-repeat; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;
		border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; padding-left:10px; font-size:0.8em;
		width:107px; height:18px; }
	
.botobuscador { background:url(/_aux_images/lupa.gif) no-repeat; border-top-style: none; border-right-style: none; border-bottom-style: none;
	border-left-style: none; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF;
	padding-left:10px; font-size:0.8em; width:70px;	}
	
.titol { color:#0065BD; font-size:1.5em; font-weight:bold;}
		
.compromisos { color:black; font-size:24px; display:block; }
		
			.contacte { color:#0065BD; font-size:12px; font-weight:bold; line-height:12px; }
		
.boxesFeatures { width:908px; height:198px; margin:auto; margin-bottom:10px; margin-top:10px; }
	.boxesFeatures a { display:block; float:left; height:198px; width:143px; margin-right:10px; text-indent:-9999px; }
	.boxesFeatures a.boxServeis { background:url(../_aux_images/boxes/boxServeis.gif) no-repeat; }
	.boxesFeatures a.boxExchange { background:url(../_aux_images/boxes/boxExchange.gif) no-repeat; }
	.boxesFeatures a.boxGestio { background:url(../_aux_images/boxes/boxGestio.gif) no-repeat; }
	.boxesFeatures a.boxDatacenter { background:url(../_aux_images/boxes/boxDatacenter.gif) no-repeat; }
	.boxesFeatures a.boxPartners { background:url(../_aux_images/boxes/boxPartners.gif) no-repeat; }
	.boxesFeatures a.boxContacte { background:url(../_aux_images/boxes/boxContacte.gif) no-repeat; margin-right:0; }
	
	.boxesFeatures { width:908px; height:198px; margin:auto; margin-bottom:10px; margin-top:10px; }
	.boxesFeatures a { display:block; float:left; height:198px; width:143px; margin-right:10px; text-indent:-9999px; }
	.boxesFeatures a.esboxServeis { background:url(../_aux_images/esboxes/boxServeis.gif) no-repeat; }
	.boxesFeatures a.esboxExchange { background:url(../_aux_images/esboxes/boxExchange.gif) no-repeat; }
	.boxesFeatures a.esboxGestio { background:url(../_aux_images/esboxes/boxGestio.gif) no-repeat; }
	.boxesFeatures a.esboxDatacenter { background:url(../_aux_images/esboxes/boxDatacenter.gif) no-repeat; }
	.boxesFeatures a.esboxPartners { background:url(../_aux_images/esboxes/boxPartners.gif) no-repeat; }
	.boxesFeatures a.esboxContacte { background:url(../_aux_images/esboxes/boxContacte.gif) no-repeat; margin-right:0; }
	
	
	
	.boxesFeatures a.enboxServeis { background:url(../_aux_images/enboxes/boxServeis.gif) no-repeat; }
	.boxesFeatures a.enboxExchange { background:url(../_aux_images/enboxes/boxExchange.gif) no-repeat; }
	.boxesFeatures a.enboxGestio { background:url(../_aux_images/enboxes/boxGestio.gif) no-repeat; }
	.boxesFeatures a.enboxDatacenter { background:url(../_aux_images/enboxes/boxDatacenter.gif) no-repeat; }
	.boxesFeatures a.enboxPartners { background:url(../_aux_images/enboxes/boxPartners.gif) no-repeat; }
	.boxesFeatures a.enboxContacte { background:url(../_aux_images/enboxes/boxContacte.gif) no-repeat; margin-right:0; }
	
/*- Igual a la anterior pero sólo con 4 cajas -*/
.boxesFeaturesThin { width:739px; height:198px; margin:auto; margin-bottom:10px; margin-top:10px; }
	.boxesFeaturesThin a { display:block; float:left; height:198px; width:143px; margin-right:6px; text-indent:-9999px; }
	.boxesFeaturesThin a.boxServeis { background:url(../_aux_images/boxes/boxServeis.gif) no-repeat; }
	.boxesFeaturesThin a.boxExchange { background:url(../_aux_images/boxes/boxExchange.gif) no-repeat; }
	.boxesFeaturesThin a.boxGestio { background:url(../_aux_images/boxes/boxGestio.gif) no-repeat; }
	.boxesFeaturesThin a.boxDatacenter { background:url(../_aux_images/boxes/boxDatacenter.gif) no-repeat; }
	.boxesFeaturesThin a.boxPartners { background:url(../_aux_images/boxes/boxPartners.gif) no-repeat; margin-right:0; }
	
.header .telefonoTop { position:absolute; right:0; top:42px; display:block; width:102px; height:12px; background:url(../_aux_images/telefonoTop.gif) no-repeat; text-indent:-9999px; }
#home .header .telefonoTop { display:none; }

.bloqueTeam { width:136px; margin:auto; }

.bloqueCompromisos4, .bloqueCompromisos1, .bloqueCompromisos2, .bloqueCompromisos3 { 
	width:670px; display:block; border-bottom:1px dotted #333; zoom:1; margin:20px 0; padding-left:50px; padding-bottom:15px; }
	.bloqueCompromisos4 { 
	width:670px; display:block; border-bottom:1px dotted #333; zoom:1; margin:20px 0; padding-left:0px; padding-bottom:15px; }
	.bloqueCompromisos4 a, .bloqueCompromisos1 a, .bloqueCompromisos2 a, .bloqueCompromisos3 a {
		display:block; font-size:24px; color:#0065BD; text-decoration:none; }
	.bloqueCompromisos4 .titulo, .bloqueCompromisos1 .titulo, .bloqueCompromisos2 .titulo, .bloqueCompromisos3 .titulo {
		display:block; font-size:24px; color:#0065BD; }
	.bloqueCompromisos4 .subtitulo, .bloqueCompromisos1 .subtitulo, .bloqueCompromisos2 .subtitulo, .bloqueCompromisos3 .subtitulo {
		display:block; font-weight:bold; color:#4C4C4C; font-size:16px; }
		.bloqueCompromisos4 { }
.bloqueCompromisos1 { background:url(../_aux_images/num1.gif) no-repeat; }
.bloqueCompromisos2 { background:url(../_aux_images/num2.gif) no-repeat; }
.bloqueCompromisos3 { background:url(../_aux_images/num3.gif) no-repeat; }
	.bloqueCompromisos0 p, .bloqueCompromisos1 p, .bloqueCompromisos2 p, .bloqueCompromisos3 p { margin-top:10px; }
	
#compromisosServei .bloqueCompromisos1, #compromisosEscalabilitat .bloqueCompromisos2, #compromisosInnovacio .bloqueCompromisos3 { border:0; }

p.nomPagina { font-size:24px; color:#0065BD; }
.nomPaginagris { font-size:24px; color:#cdcbcb; }
.titolcontacte { font-size:24px; color:#0065BD; padding-bottom:5px;}
p.nomPagina2 { font-size:24px; color:#0065BD;  padding-bottom:3px; }
.nomPagina2 { font-size:24px; color:#0065BD;  padding-bottom:3px;  margin-bottom:14px;}
p.titolNoticies { width: 700px; font-size:24px; color:#0065BD;  }
.subtitolnoticies {  display:block; font-size:14px; color:#999999;  }
.linies{  padding-top:4px; display:block; border-bottom:#9a9a9a dotted 1px; }
a.mail:link{font-size:11px; }
a.mail:visited{font-size:11px;  }


/*
    Cambiat per a ajustar a classes MUI
a.noticies:link{font-size:14px; text-decoration:none; color:#000000; }
a.noticies:visited{font-size:14px;  text-decoration:none;   color:#000000; }
*/
div#noticies a.enlace:link, div#noticies a.enlace:visited {font-size:15px; text-decoration:none; color:#0065bd; display:block; margin-bottom:4px; padding:4px; background-image:url(../_aux_images/fons_news.gif) ; background-repeat: no-repeat; height: 48px;}

div#noticies a.enlace:hover
{font-size:15px; text-decoration:none; color:#0065bd; font-weight:bold; display:block; padding:4px;  margin-bottom:4px; background-image:url(../_aux_images/fons_news.gif); background-repeat: no-repeat;  height: 48px;}

.not { display:block; width: 96px; }

.not .yearactual a:link, .not .yearactual a:hover, .not .yearactual a:visited	{ width:96px; padding-top:6px; height:36px; display:block; text-align:center; font-size:21px; margin-top:3px; text-decoration:none;
	color:white; background:url(../_aux_images/any_activat.gif) no-repeat; }

.not a.year:link, .not a.year:visited { padding-top:6px; display:block; width:96px; height:36px; text-align:center; font-size:21px; margin-top:3px; text-decoration:none; color:#CCC; background:url(../_aux_images/any_desactivat.gif) no-repeat;}

.not a.year:hover { color:#FFF; background:url(../_aux_images/any_activat.gif) no-repeat; }
  
/*--- ESTILOS POPUP ADMIN VISULIZAR IMAGEN ---*/
#PopUpverImagen { visibility: hidden; position: absolute; padding:4px; background-color:Gainsboro; font-family: tahoma; font-size: 12px; }

#PopUpBarraArrastre { cursor: hand; cursor: pointer; min-width: 100px; font-family: tahoma; font-size: 10px; color:Black; }

#PopUpBarraArrastre .textoCerrar { font-weight: bold; margin-right: 1px; }

#datacenter .texte { display:block; float:left; width: 460px; }

#datacenter .fotos { display:block; float:right; width: 233px; }

.subtitol { font-weight:bold; color:#4C4C4C; font-size:16px; }

.apartat { font-weight:bold; color:black; font-size:14px; }

.lletra { font-weight:bold; color:black; font-size:24px; }

.apartatblau { font-weight:bold; color:#0065bd; font-size:14px; }


.peu { clear:both; font-weight:bold; color:#0065bd; font-size:14px; }

.peusubratlla { font-weight:bold; color:#0065bd; font-size:14px; border-bottom:#0065bd dotted 2px; }

.peu a:link, .peu a:visited { font-weight:bold; color:#0065bd; font-size:14px; }

.requadreblau { color:#0065BD; border:#0065BD solid 1px; font-size:1.2em;}

.legal { font-size:9px; }

.bulletblau li { background:url(../_aux_imagenes/bullet_blau.gif) no-repeat 2px 7px; padding-left:25px; color:#0065bd; text-decoration:none; }
.bulletblau li:hover { background:url(../_aux_imagenes/bullet_blauforadat.gif) no-repeat 2px 7px; padding-left:25px; color:#0065bd; text-decoration:none; }
.bulletblau ul { list-style-type:none; color:#0065bd; text-decoration:none; }
.bulletblauforadat li { background:url(../_aux_imagenes/bullet_blauforadat.gif) no-repeat 2px 7px; padding-left:25px; color:#0065bd; text-decoration:none;}
.bulletblauforadat ul { list-style-type:none; color:#0065bd; text-decoration:none;}


.bultblau li { background:url(../_aux_imagenes/bullet_blau.gif) no-repeat 2px 7px; padding-left:25px; color:#0065bd; text-decoration:none  }
.bultblau li:hover { background:url(../_aux_imagenes/bullet_blau.gif) no-repeat 2px 7px; padding-left:25px; color:#0065bd; text-decoration: underline; }
.bultblau ul { list-style-type:none; color:#0065bd; }
.bultblauforadat li { background:url(../_aux_imagenes/bullet_blauforadat.gif) no-repeat 2px 7px; padding-left:25px; color:#0065bd; }
.bultblauforadat ul { list-style-type:none; color:#0065bd; }


.bullegris li { background:url(../_aux_imagenes/bullet_blau.gif) no-repeat 2px 7px; padding-left:25px; color:#666;  }
.bulletgris ul { list-style-type:none; color:#666; }
.bulletgrisfordat li { background:url(../_aux_imagenes/bullet_blauforadat.gif) no-repeat 2px 7px; padding-left:25px; color:#666; }
.bulletgrisforadat ul { list-style-type:none; color:#666; }

.gris {
	color: #666;
}
.nor {text-decoration:none}
.nor:hover {text-decoration:underline}

.alcada { height:180px; }

.clients1 { float:left; width:270px; border-right:#000 solid 1px; padding-right:10px; }

.clients2 { float:left; width:270px; padding-right:10px; padding-left:20px; border-right:#000 solid 1px; }
.clients3 { float:left; width:270px; padding-left:20px; }

.botoentrar { background-color:#069; color:white; border:1px #0065BD solid; }
.webmail { width:400px; margin-left:200px; }

.fonsblau { color:#FFF; font-size:15px; background-color:#0065BD; padding:80px; }

.fonsgris { color:white; font-size:15px; background-color:#cdcbcb; padding:80px; }

.fonsblau a:link, a:visited{ color:white; text-decoration:none; }

.fonsblau2 { color:#FFF; font-size:15px; background-color:#0065BD; padding-right:80px; padding-left:80px; }

.fonsblau2 a:link, a:visited{
	color:#0065BD;
	text-decoration:none;
}
.mainContainer .cuerpo_clientes .colLefterror3 p {
	color: #000;
}
.mainContainer .cuerpo_clientes .colLefterror3 b {
	font-size: 12px;
}
.esq {
	left: 0px;
	top: 2px;
	right: 20px;
	border: medium dotted #F00;
	position: static;
	visibility: inherit;
	height: 75px;
	width: 375px;
	overflow: visible;
	background-color: #0C3;
}
