body 
{
background: #ffffff; 
font-family: Arial,Verdana, Geneva,  Helvetica, sans-serif;
font-size: 11px;
margin: 0; 
padding: 0;
}

div.neteja
{
clear: both;
font-size:2px;
}

img
{
border:0px;
}

h1{
font-size:13px;
margin:0;
padding:0 0 10px 0;
color:#ffffff;
}

div#contenidor
{
width:760px;
margin: 0 auto 0 auto;
}

div#top
{
width:760px;
height:230px;
background:url(../img/top.jpg) no-repeat;
}

div#logo
{
float:left;
width:270px;
height:120px;
text-align:center;
}


div#idiomes
{
float:right;
width:70px;
text-align:right;
margin:5px 0 0 0;
}

div#idiomes ul
{
margin:0;
padding:2px 10px 0 15px;
list-style:none;
font-size:10px;
color:#000000;
}

div#idiomes ul li
{
display:inline;
padding:3px;
}

div#idiomes ul li a
{
color:#000000;
text-decoration:none;
}

div#idiomes ul li a:hover
{
text-decoration:underline;
}

div#idiomes ul li a.on
{
text-decoration:underline;
}

div#menu
{
width:638px;
float:left;
padding:0;
margin:60px 0 0 0;
}



div#menu ul
{
width:628px;
height:50px;
margin:0 0 0 0;
padding:0;
list-style:none;
float:left;
}

div#menu ul li
{
display:inline;
height:18px;
margin:5px 0 5px 15px;
float:left;
}


div#menu ul li a
{
margin:0;
padding:10px;
text-decoration:none;
font-size:12px;
display:block;
}

div#menu ul li a.on
{
font-weight:bold;
}

div#menu ul li a:hover
{
text-decoration:underline;
}


div#imatge
{
width:524px;
height:130px;
float:right;
background:url(../img/top.jpg) no-repeat;
}

div#contingut
{
width:760px;
margin:10px 0 0 0;
}

div#contingut div#esquerra
{
width:200px;
float:right;
padding:0 20px 0 0;
margin:20px  0 0 0 ;
}


div#contingut div#esquerra h2
{
height:17px;
font-size:11px;
margin:0;
padding:0;
margin:5px 0 0 0;
}


div.noticia
{
padding:8px;
margin:5px 0 5px 0;
}


div.noticia h3
{
font-size:11px;
padding:0;
margin:0;
}

div.noticiaImatge
{
width:60px;
float:left;

}

div.noticiaImatge img
{
width:75px;
}

div.noticiaText
{
width:92px;
padding:0 3px  3px 8px;
float:right;
font-size:11px;
line-height:15px;
}
 
div.noticiaText a
{
text-decoration:none;
}

div.noticiaText p
{
margin:0;
padding:0;
}



div#contingut div#dreta
{
width:510px;
float:left;
padding:0 0 0 10px;
}


div#contingut div#dreta h2
{
height:17px;
font-size:11px;
margin:0;
padding:3px 0 0 0;
}


div.home
{
padding:12px;
margin:0;
}


div.home h3
{
font-size:11px;
padding:0;
margin:0 0 8px 0;
}

div.homeImatge
{
width:105px;
float:left;

}

div.homeImatge img
{
width:105px;
}

div.homeText
{
width:350px;
padding:0 3px 0 3px ;
float:right;
font-size:11px;
line-height:15px;
}
 
div.homeText a
{
text-decoration:none;
}

div.homeText p
{
margin:0 0 5px 0;
padding:0;
}

div#peu
{
margin:0 0 0 0;
width:700px;
padding:0 0 0 60px;
height:31px;
}

div#peu div#left
{
padding:3px 0 0 0;
width:200px;
float:right;
height:28px;
text-align:center;

}

div#peu div#left a{
color: white;
font-size: 9px;
padding:0px;
margin: 0px;
}

div#peu div#left a.avis{
float: left;
width: 50px;
padding: 8px 0 0 0;
}



div#peu div#right
{
width:498px;
float:left;
height:23px;
text-align:center;
padding:8px 0 0 0;
line-height:14px;
font-size:10px;
}

div#contingut div#centre
{
width:760px;
padding:0 0 0 0;
}


div#contingut div#centre h2
{
height:17px;
font-size:11px;
margin:0;
padding:0 0 0 0;
margin: 0 0 25px 0;
}

div#contingut div#centre h2 a
{
text-decoration:none;
}

div#contingut div#centre h2 a:hover
{
text-decoration:underline;
}

div#empresa
{

}

div#empresa div#text
{
width:510px;
float:left;
padding:0 0 0 10px;
line-height:15px;
}

div#empresa div#text h3
{
padding:0;
margin:0 0 7px 0;
font-size:11px;
}

div#empresa div#text img
{
width:490px;
}

div#empresa div#text p
{
padding:0;
margin:0 0 10px 0;
}

div#empresa div#imatges
{
float:right;
width:200px;
padding:0 13px 0 0;
}

div#empresa div#imatges img
{
margin: 0 0 10px 0;
width:200px;
}


div#serveis
{
padding:0 10px 10px 10px;
}

div.serveis
{
float:left;
width:195px;
padding:10px 10px 15px 20px;
margin:0 10px 8px 10px;
}

div.serveisImatge
{
text-align:center;
}

div.serveisImatge img
{
width:90px;
}
div.serveisText
{
float:left;
width:189px;
padding: 0 3px 0 3px;
line-height:13px;
margin:5px 0 0 0;

}

div.serveisText h3
{
padding:0;
margin:0 0 5px 0;
font-size:11px;
}

div.serveisText p
{
padding:0;
margin:0;
}

div.serveis a
{
text-decoration:none;
}

div#tornar
{
margin:-21px 20px 0 0;
padding:4px;
text-align:right;
}

div#tornar a
{
text-decoration:none;
}
div#tornar a:hover
{
text-decoration:underline;
}

div#serveisDreta
{
float:right;
text-align:center;
width:170px;
padding:0 0 0 47px;
}

div#serveisDreta img
{
width:150px;
margin:5px 25px 5px 0;

}

div#serveisDreta a
{
color:#BBBBBB;
padding-right:20px;
}
div#serveisEsquerra
{
padding:0;
float:left;
width:510px;
}

div#serveisEsquerra h3
{
padding:0;
margin:0 0 10px 0;
font-size:11px;
}

div#serveisEsquerra p
{
line-height:16px;
padding:0;
margin:0 0 10px 0;

}

div#serveisEsquerra a
{
text-decoration:none;
}

div#serveisEsquerra a:hover
{
text-decoration:underline;
}

div#serveisEsquerra ul
{

padding:5px 0 5px 20px;
margin:10px 0 0 0;
}

div#serveisEsquerra ul.opcions
{

list-style:none!important;
}

div#serveisEsquerra ul li
{

padding:0;
margin:0 0 10px 0;

}

div#serveisEsquerra ul li.enll
{
background:url(../img/doc.gif) no-repeat;
padding:0 0 0 25px;
}

div#serveisEsquerra ul li.doc
{
background:url(../img/doc.gif) no-repeat;
padding:0 0 0 25px;
}


div#contacte
{
padding:0 10px 10px 10px;
}

div#contacte div#text
{
line-height:15px;
padding:20px 0 50px 30px;
float:right;
width:250px;
float:right;
}

div#contacte div#text h3
{
padding:0;
margin:0 0 7px 0;
font-size:11px;
}


div#contacte div#text p
{
padding:0;
margin:0 0 10px 0;
}

div#contacte div#imatges
{
margin:0 0 20px 10px;
float:left;
width:425px;
}

div#contacte a
{
text-decoration:none;
}

div#contacte a:hover
{
text-decoration:underline;
}

div#contacte ul
{
list-style:none;
padding:0;
margin:10px 0 0 0;
}

div#contacte ul li
{
list-style:none;
padding:0;
margin:0 0 10px 0;
padding:5px 0 5px 20px;
}

div#contacte ul li.email
{
background:url(../img/email.gif) 0 5px  no-repeat;
}

div#contacte ul li.map
{
background:url(../img/map.gif) 0 5px no-repeat;
}




div#baner{
	width: 140px;
	height: 100px;
	margin-top: 18px;
}

div#baner a img{
	border: none;
}


/*Avís legal*/
div#avis_legal{
font-size: 11px;
}

div#avis_legal h3{
font-size:11px;
}

div#avis_legal ul{
 padding: 5px 0 0 15px;
 
}

div#avis_legal ul li{
padding: 0px;	
}



/***************estalvi *******************/

div.separador
{
clear:both;
height:15px;
}

fieldset
{
padding:10px;
margin:0 0 10px 0;
width:350px;
border:none;
}


label
{
width:200px;
float:left;
color:#fff;
padding:3px 0 0 5px;
}

input
{
border:1px solid #F4EEA0;
width:60px;
float:left;
font-size:11px;
background-color:#efefef;
font-family: Arial,Verdana, Geneva,  Helvetica, sans-serif;
padding:2px;
text-align:right;
}


div.destaca
{
background:#C6D82A;padding:4px 0 4px 0;color:#000;
}

div.destaca label
{
color:#000;
}

div.destaca input
{
color:#000;
font-weight:bold;
font-size:12px;
background:#C6D82A;
border:1px solid #C6D82A;
}


div.petit
{
padding:3px 0 0 5px;
font-size:10px;
}

div.nota
{
width:30px;
float:left;
font-size:10px;
margin: 0 0 0 5px;
padding:3px 0 0 0;
}

div.formulari
{
float:left;
width:370px;
}


div.info
{
float:right;
width:300px;
padding:10px;
}


table
{
background:#000;
padding:3px;
width:100%;
text-align:center;
}

table tr.top
{
font-weight:bold;
color:#fff;
}

table td
{
width:70px;
}


input.ressalta
{
border:none;
background:none;
font-weight:bold;
font-size:12px;
color:#C6D82A;
}

div#avantatges 
{
display:none;
}

div#avantatges h3
{
color:#fff;
font-size:12px;
}

div#avantatges 
{
border:1px dotted #fff;
padding:10px;
}

div#avantatges  ul li
{
padding:0;
}