body 
	{
	color: white;
	margin: 0px;
font-family:geneva, verdana, arial;
	font-size:11px;
	background-color:#fff;
	}


img, div { behavior: url(../js/iepngfix.htc)  }


#tot        
	{
	color: #000;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block

	}

#contenedor    
	{
font-family:geneva, verdana, arial;
	text-align:left;
	margin-left: -497px;
	position: absolute;
	top: -299px;
	left: 50%;
	width: 990px;
	height: 590px;
	visibility: visible;
	/*border: 2px solid #d0c0aa;*/
	}
	
	
#menu{
font-family:arial;
height:34px;
background-image:url(../img/fons_top.gif);background-repeat:repeat;background-color: #666;
font-weight: bold;
font-size:12px;
padding-left:30px;
	}
	
	
#menu #esquerra li {
vertical-align:middle;
float:left;
height:34px;
line-height:34px;
margin:0px;
margin-right:35px;
padding:0px;
display: inline;
list-style-type: none;
	}
	
#menu #esquerra ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#menu #esquerra a {
color:#FFFFFF;
text-decoration:none;
}

#menu #esquerra a:hover {
color:#d51d62;
}


#menu #dreta li {
padding-left:21px;vertical-align:middle;
float:right;
height:34px;
line-height:34px;
margin:0px;
margin-right:15px;
list-style-type: none;
background-image:url(../img/bandera_catalunya.gif);background-repeat:no-repeat; background-position:center left;

	}
	
	
	
	
#menu #dreta ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#menu #dreta a {
color:#FFFFFF;
text-decoration:none;
}

#menu #dreta a:hover {
color:#d51d62;
}



	
#contingut    
	{
background-image:url(../img/fons_portada.jpg);background-repeat:no-repeat;background-color: #fff;

height:531px;
	}
	
#contingut_quisom   
	{
background-image:url(../img/fons_quisom.jpg);background-repeat:no-repeat;background-color: #fff;

height:531px;
	}
	
	
#contingut_elproces   
	{
background-image:url(../img/fons_elproces.jpg);background-repeat:no-repeat;background-color: #fff;

height:531px;
	}
	
#contingut_elproces2 
	{
background-image:url(../img/fons_elproces2.jpg);background-repeat:no-repeat;background-color: #fff;

height:531px;
	}
	
#contingut_client
	{
background-image:url(../img/fons_client.jpg);background-repeat:no-repeat;background-color: #fff;

height:531px;
	}	
	
#titols {
height:123px;
	}	
	
		
#titols #esquerra li {
vertical-align:middle;
float:left;
height:height:123px;
line-height:123px;
margin:0px;
margin-left:30px;
padding:0px;
display: inline;
list-style-type: none;
text-align:center;
width:740px;
	}
	
#titols #esquerra ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#titols #esquerra a {
color:#FFFFFF;
text-decoration:none;
}

#titols #esquerra a:hover {
color:#d51d62;
}


#titols #esquerra h1 {
font-size:38px;
text-transform:none;
color:#fff;
margin: 0px;
letter-spacing: 0.01em;
text-shadow: 1px 1px 3px #000;  

font-family:geneva, arial, verdana;
	}
	
	.win.ie7 #titols #esquerra h1 {
font-size:48px;
text-transform:none;
color:#fff;
margin: 0px;
font-weight:lighter;
letter-spacing: 0.2em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
	}
	
	.win.ie6 #titols #esquerra h1 {
font-size:48px;
text-transform:none;
color:#fff;
margin: 0px;
font-weight:lighter;
letter-spacing: 0.2em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;

	}
	
#titols #dreta li {
float:right;
height:123px;
line-height:123px;
margin:0px;
margin-right:15px;
padding:0px;
display: inline;
list-style-type: none;
	}

#titols #dreta li img {
border:none;
padding-top:7px;
padding-bottom:7px;
vertical-align:middle;
	}
	
#titols #dreta ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#titols #dreta a {
border:none;
color:#FFFFFF;
text-decoration:none;
}

#titols #dreta a:hover {
color:#d51d62;
}








#peu    
	{
height:25px;
background-image:url(../img/fons_bottom.gif);background-repeat:repeat;background-color: #666;
	}
	
	#peu #esquerra {
float:left;
	}
		
#peu #esquerra li {
vertical-align:bottom;
width:860px;
margin-top:6px;
padding:0px;
text-align:center;
list-style-type: none;
text-transform:none;
color:#fff;

	}
	
#peu #esquerra ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#peu #esquerra a {
color:#FFFFFF;
text-decoration:none;
}

#peu #esquerra a:hover {
color:#d51d62;
}


#peu #dreta li {
float:right;
height:24px;
line-height:24px;
margin:0px;
margin-right:15px;
padding:0px;
display: inline;
list-style-type: none;
	}

#peu #dreta li img {
vertical-align:middle;

	}
	
#peu #dreta ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#peu #dreta a {
color:#FFFFFF;
text-decoration:none;
}

#peu #dreta a:hover {
color:#d51d62;
}



#textos {
height:123px;
margin-top:26px;
	}	
	

#espiga {
float:right;
width:635px;
height:333px;
margin-top:22px;
	}
	
	
#espiga li {
display:list;
list-style:none;

margin:0px;
margin-right:15px;
padding:0px;

	}

#espiga li img {
vertical-align:middle;
	}
	
#espiga ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#espiga a {
color:#000000;
text-decoration:none;
}

#espiga a:hover {
color:#d51d62;
}

#textos #dreta {
float:right;
width:555px;
height:333px;
	}
	
#textos #dreta2 {
clear:both;
float:right;
margin-right:43px;
width:650px;
text-align:right;
	}

#textos #dreta3 {
clear:both;
float:right;
margin-right:43px;
width:650px;
text-align:right;
	}

	
#textos #dreta li {
display:list;
list-style:none;

margin:0px;
margin-right:15px;
padding:0px;

	}

#textos #dreta li img {
vertical-align:middle;
	}
	
#textos #dreta ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#textos #dreta a {
color:#000000;
text-decoration:none;
}

#textos #dreta a:hover {
color:#d51d62;
}

.m1 a{
height:24px;
line-height:24px;
text-transform:none;
font-size:40px;
padding-left:83px;

}


.m2 a{
height:54px;
line-height:54px;
text-transform:none;
font-size:46px;
padding-left:123px;
}

.m3	 a{
height:54px;
line-height:54px;
text-transform:none;
font-size:53px;
padding-left:23px;
}

.m4	 a{
text-transform:none;
font-size:53px;
padding-left:153px;
height:54px;
line-height:54px;
}

.m5	 a{
text-transform:none;
font-size:33px;
padding-left:93px;
height:24px;
line-height:24px;
}

.m6	 a{
text-transform:none;
font-size:40px;
padding-left:153px;
height:54px;
line-height:54px;
}

.m7	 a{
text-transform:none;
font-size:33px;
padding-left:93px;
height:34px;
line-height:34px;
}




#espigatext {
text-align:left;
letter-spacing: 0.01em;
float:left;
width:305px;
margin-left:40px;
margin-top:22px;
font-size:18px;
	}
	
	
.win.ie6	#espigatext {
text-align:left;
letter-spacing: 0.01em;
float:left;
width:305px;
margin-left:20px;
margin-top:22px;
font-size:20px;
	}

#espiga {
position:absolute;
left:313px;
width:635px;
height:333px;
margin-top:22px;
z-index:2;

	}
	

	
#espiga li {
display:list;
list-style:none;

margin:0px;
margin-right:15px;
padding:0px;

	}

#espiga li img {
vertical-align:middle;
	}
	
#espiga ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#espiga a {
color:#000000;
text-decoration:none;
}

#espiga a:hover {
color:#d51d62;
}
	

.p1 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:328px;
letter-spacing:-1px;
}


.p2 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:283px;
}

.p3 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:218px;
}

.p4 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:143px;
}

.p5 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:83px;
}




.win.ie6 .p1 a{
font-size:26px;
}

.win.ie6 .p2 a{
font-size:26px;
}

.win.ie6 .p3 a{
font-size:26px;
}

.win.ie6 .p4 a{
font-size:26px;
}

.win.ie6 .p5 a{
font-size:26px;
}


.win.ie7 .p1 a{
font-size:26px;
}

.win.ie7 .p2 a{
font-size:26px;
}

.win.ie7 .p3 a{
font-size:26px;
}

.win.ie7 .p4 a{
font-size:26px;
}

.win.ie7 .p5 a{
font-size:26px;
}


.p6 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:83px;
}

.p7 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:83px;
}

.p8 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:83px;
}

.p9 a{
height:58px;
line-height:58px;
text-transform:none;
font-size:28px;
padding-left:83px;
}

#textos #esquerraint {
float:left;
width:310px;
height:348px;
margin-top:5px;
vertical-align:middle;
background-image:url(../img/filet.png);background-repeat:no-repeat; background-position:right;
text-align:center;
padding-right:3px;
	}

#textos #dretaint2 {
float:right;
width:550px;
margin-right:66px;
margin-top:-10px;
overflow:auto;
	}
	
	.win.ie7 #textos #dretaint2 {
float:right;
width:550px;
margin-right:66px;
margin-top:-30px;
overflow:auto;
	}
	
		.win.ie6 #textos #dretaint2 {
float:right;
width:550px;
margin-right:36px;
margin-top:0px;
overflow:auto;
	}


#textos #dretaintavis {
float:right;
width:650px;
height:370px;
margin-right:176px;
margin-top:-10px;
overflow:auto;
	}
	
	#textos #dretaintavis p {
font-size:13px;
text-align:justify;
font-family:verdana, arial;
line-height:15px;
}


.win.ie7 #textos #dretaintavis {
float:right;
width:650px;
height:370px;
margin-right:176px;
margin-top:20px;
overflow:auto;
	}

.win.ie6 #textos #dretaintavis {
float:right;
width:650px;
height:370px;
margin-right:76px;
margin-top:20px;
overflow:auto;

	}
	
	
	
#textos #dretaintavis h1 {

font-family:geneva, verdana, arial;
}

.win.ie7 #textos #dretaintavis h1 {
font-size:34px;

font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}

.win.ie6 #textos #dretaintavis h1 {
font-size:34px;
font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}



#textos #dretaint {
float:right;
width:550px;
height:370px;
margin-right:66px;
margin-top:-10px;
overflow:auto;
	}
	


.win.ie7 #textos #dretaint {

margin-top:10px;
	}
	
.win.ie6 #textos #dretaint {

float:right;
width:550px;
height:333px;
margin-right:32px;
margin-top:12px;
	}

	
#textos #dretaint li {
display:list;
list-style:none;
height:45px;
line-height:45px;
margin:0px;
margin-right:15px;
padding:0px;

	}

#textos #dretaint li img {
vertical-align:middle;
	}
	
#textos #dretaint ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#textos #dretaint a {
color:#000000;
text-decoration:none;
}

#textos #dretaint a:hover {
color:#d51d62;
}

#textos #dretaint h1 {

font-family:geneva, verdana, arial;
}

.win.ie7 #textos #dretaint h1 {
font-size:34px;

font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}

.win.ie6 #textos #dretaint h1 {
font-size:34px;
font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}

#textos #dretaint p {
font-size:13px;
text-align:justify;
font-family:verdana, arial;
line-height:15px;
}

.textgran {
font-size:16px;
}
.separaimg {
margin-top:5px;
}

.vermell {
color:red;

}





.border {
border:none;
vertical-align:middle;
padding-top:3px;
}


.elproces {
font-size:11px;text-decoration:underline;}



#textos #dretaintclient {
float:right;
width:450px;
height:370px;
margin-right:66px;
overflow:auto;
	}
	


.win.ie7 #textos #dretaintclient {

margin-top:10px;
	}
	
.win.ie6 #textos #dretaintclient {

float:right;
width:450px;
height:333px;
margin-right:32px;
margin-top:12px;
	}




.win.ie7 #textos #dretaintclient h1 {
font-size:34px;

font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}

.win.ie6 #textos #dretaintclient h1 {
font-size:34px;
font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}




	
#textos #dretaintclient li {
display:list;
list-style:none;
height:45px;
line-height:45px;
margin:0px;
margin-right:15px;
padding:0px;

	}

#textos #dretaintclient li img {
vertical-align:middle;
	}
	
#textos #dretaintclient ul {
text-transform:uppercase;
margin:0px;
padding:0px;
	}
	
#textos #dretaintclient a {
color:#000000;
text-decoration:none;
}

#textos #dretaintclient a:hover {
color:#d51d62;
}

#textos #dretaintclient h1 {

font-family:geneva, verdana, arial;
}

.win.ie7 #textosclient #dretaint h1 {
font-size:34px;

font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}

.win.ie6 #textosclient #dretaint h1 {
font-size:34px;
font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}

#textos #dretaintclient p {
font-size:13px;
text-align:justify;
font-family:verdana, arial;
line-height:17px;
}







#textos #mapaweb {
float:right;
width:550px;
height:370px;
margin-right:66px;
margin-top:-10px;
overflow:auto;
}


.win.ie7  #textos #mapaweb {
float:right;
width:550px;
height:370px;
margin-right:16px;
margin-top:-10px;
overflow:auto;
}

.win.ie6  #textos #mapaweb {
float:right;
width:550px;
height:370px;
margin-right:16px;
margin-top:-10px;
overflow:auto;
}

#textos #mapaweb h1 {

font-family:geneva, verdana, arial;
}

.win.ie7 #textos #mapaweb h1 {
font-size:34px;
font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}

.win.ie6 #textos #mapaweb h1 {
font-size:34px;
font-weight:lighter;
letter-spacing: 0.1em;
text-shadow: 1px 1px 3px #000;  
font-family:trabuchet, arial narrow, verdana;
}
	
#textos #mapaweb #dretaintesq{
margin:0;
float:left;
width:142px;
margin-right:11px;
}

#textos #mapaweb #dretaintesq{
margin:0;
float:left;
margin-right:11px;
}


#textos #mapaweb #dretaintesq ul{
margin:0;
}

#textos #mapaweb #dretaintesq a{
text-decoration:none;
color:#000
}

#textos #mapaweb #dretaintesq a:hover{
text-decoration:none;
color:#d51d62
}


#textos #mapaweb #dretaintesq li{
list-style:none;
text-align:center;
width:142px;
height:25px;
line-height:25px;
vertical-align:middle;
border-bottom:2px solid #d5d0c8;}


#textos #mapaweb #dretaintesq li.titol{
text-align:center;
background-color: #fff;
width:142px;
height:30px;
line-height:30px;
vertical-align:middle;
border:2px solid #d5d0c8;
font-weight:bold;
}

.taulacontacte{
width:100%;
padding:5px;
margin-top:33px;
}

#msg1
{
position:absolute;
top:203px;
left:38px;
width:300px;
height:110px;
line-height:110px;
vertical-align:middle;
background-color:#c7c3be;
visibility:hidden;
font-size:13px;
background-color:#e9e6e2;
border:1px solid #d2d0cb;
font-weight:bold;
padding-left:7px;padding-top:7px;

-webkit-box-shadow: 10px 10px 25px #c6c2c1;  
-moz-box-shadow: 10px 10px 25px #c6c2c1;  
 box-shadow: 10px 10px 25px #c6c2c1;  
}


#msg2
{
position:absolute;
top:203px;
left:38px;
width:300px;
height:110px;
line-height:110px;
vertical-align:middle;
background-color:#c7c3be;
visibility:hidden;
font-size:13px;
background-color:#e9e6e2;
border:1px solid #d2d0cb;
font-weight:bold;
padding-left:7px;padding-top:7px;

-webkit-box-shadow: 10px 10px 25px #c6c2c1;  
-moz-box-shadow: 10px 10px 25px #c6c2c1;  
 box-shadow: 10px 10px 25px #c6c2c1; 
}

#msg3
{
position:absolute;
top:203px;
left:38px;
width:300px;
height:110px;
line-height:110px;
vertical-align:middle;
background-color:#c7c3be;
visibility:hidden;
font-size:13px;
background-color:#e9e6e2;
border:1px solid #d2d0cb;
font-weight:bold;
padding-left:7px;padding-top:7px;

-webkit-box-shadow: 10px 10px 25px #c6c2c1;  
-moz-box-shadow: 10px 10px 25px #c6c2c1;  
 box-shadow: 10px 10px 25px #c6c2c1; 
}

#msg4
{
position:absolute;
top:203px;
left:38px;
width:300px;
height:110px;
line-height:110px;
vertical-align:middle;
background-color:#c7c3be;
visibility:hidden;
font-size:13px;
background-color:#e9e6e2;
border:1px solid #d2d0cb;
font-weight:bold;
padding-left:7px;padding-top:7px;

-webkit-box-shadow: 10px 10px 25px #c6c2c1;  
-moz-box-shadow: 10px 10px 25px #c6c2c1;  
 box-shadow: 10px 10px 25px #c6c2c1; 
}

#msg5
{
position:absolute;
top:203px;
left:38px;
width:300px;
height:110px;
line-height:110px;
vertical-align:middle;
background-color:#c7c3be;
visibility:hidden;
font-size:14px;
background-color:#e9e6e2;
border:1px solid #d2d0cb;
font-weight:bold;
padding-left:7px;padding-top:7px;

-webkit-box-shadow: 10px 10px 25px #c6c2c1;  
-moz-box-shadow: 10px 10px 25px #c6c2c1;  
 box-shadow: 10px 10px 25px #c6c2c1; 
}

.fotomsg
{
line-height:130px;
vertical-align:middle;
}



.grafic
{
color:#996666
}