body{font-size:62.5%;background:#fff; font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;  color: #5e5e5e; padding:0; margin:0 0 16px;line-height:1.1;}
div {font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;line-height:1.1}
a{color:#000;text-decoration:none;font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;}
a:hover{text-decoration:none;color:#5e5e5e;font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;}
h1{font-size:1em;color:#5e5e5e;padding:0;font-weight:normal;margin:0;}
img{border:0;}
form,p{margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
li{margin:0;padding:0;}
.tit{display:block;}
.clear{clear:both;height:1px;font-size:1px;}
.uperc {text-transform:uppercase}

/*estructura*/

#contenidor{width:950px;margin:15px auto;background:#fff;padding:0 0 0 20px;font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;font-size:1.2em}
#idiomes{float:right;color:#000;padding:0 20px 0 0}
#idiomes a{color:#000;font-size:0.9em;}
#idiomes a:hover{text-decoration:underline}
#logo {padding:0 0 0 0}
#cos{padding:25px 0;}
#intro {border-top:1px solid #cccbd0;border-bottom:1px solid #cccbd0;padding:15px 15px 15px 4px;margin:10px 0 20px 0;font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;}

#menu {float:left;width:168px;font-family:Georgia, Times;}
#menu ul {border-bottom:1px solid #cccbd0;padding:10px 0 11px 0}
#menu ul.ajustat {border-bottom:1px solid #cccbd0;padding:10px 0 5px 0}
#menu li {margin:0 0 5px 0}
#menu li a{color:#404040;font-family:Georgia, Times;font-size:0.9em;text-decoration:none;padding:0 4px;text-transform:uppercase}
#menu li a:hover{background:#404040;color:#fff;}
#menu li a.on{background:#404040;color:#fff;}
#menu .contacto {border-bottom:1px solid #cccbd0;padding:10px 0 10px 4px;font-size:0.9em}
#menu .contacto .adreca{font-family:Georgia, Times;color:#404040;font-size:1em;padding:5px 0 0 0;line-height:1.3}
#menu .contacto .adreca a{font-family:Georgia, Times;color:#404040;font-size:1em;padding:5px 0 0 0}

#cos  {padding:10px 0;float:Right;width:727px}
#cos  .ultimo{font-size:0.9em;text-transform:uppercase;font-family:Georgia, Times;}
#cos .projecte {padding:30px 0;border-bottom:1px solid #cccbd0;zoom:1;overflow:hidden;}
#cos .projecte.ult {border:0}
#cos .projecte.primer {padding:0 0 30px 0}
#cos .projecte .ampliacio {border:1px solid #5e5e5e;width:423px;float:left}
#cos .projecte .infoprojecte {margin-left:440px;}
#cos .projecte .infoprojecte .dia {font-family:Georgia, Times;color:#7e7e7e;font-size:0.9em;float:right;padding-top:8px}
#cos .projecte .infoprojecte h2 {font-family:Georgia, Times;font-size:1.6em;color:#000;font-weight:bold;padding:0 0 10px 0;margin:0}
#cos .projecte .infoprojecte .tipus {font-family:Georgia, Times;font-size:1.1em;color:#404040;font-weight:bold;padding:10px 0}
#cos .projecte .infoprojecte .titol {font-family:Georgia, Times;font-size:1.6em;color:#000;font-weight:bold;padding:0 0 10px 0;margin:0}

#cos .pagina {margin:10px auto}

#cos .projecte .infoprojecte .wurl{padding:0 0 10px 0}
#cos .projecte .infoprojecte .wurl a{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;font-size:1.2em;color:#5e5e5e}
#cos .projecte .infoprojecte .galeria {font-family:Georgia, Times;font-size:1.1em;color:#404040;font-weight:bold;padding:10px 0 5px 0}
#cos .projecte .infoprojecte .galeria2 {background:url(../img/lin-horitz2.gif) 0 0 repeat-x;width:282px;}
#cos .projecte .infoprojecte .galeria2 ul {padding:8px 0;height:60px;}
#cos .projecte .infoprojecte .galeria2 li {float:left;padding-right:5px}
#cos .projecte .infoprojecte .galeria2 li img{border:1px solid #404040}
#cos .projecte .infoprojecte .galeria2 li.ult {float:left;padding-right:0}
#cos .projecte .infoprojecte .text {font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#5e5e5e;padding:0;}
#cos .projecte .infoprojecte .text P{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#5e5e5e;padding:10PX 0 0 0;}
.lastpost {padding:30px 0;zoom:1;overflow:hidden;padding:0;}
.lastpost p{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#5e5e5e;padding-bottom:10px}
.lastpost img{margin-bottom:20px}
.lastpost .ultimo {padding-top:20px}
.post h1 {font-family:Georgia, Times;font-size:1.6em;color:#000;font-weight:bold;padding:0 0 10px 0;margin:0}

#peu {border-top:1px solid #cccbd0;border-bottom:1px solid #cccbd0;width:950px;text-align:center;margin:30px 0;background:#fff;padding:13px 0;font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;font-size:0.9em;color:#707070}
#peu a{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;font-size:0.9em;color:#707070}

#matilda  {padding:0;margin-left:223px}
#gema {width:202px;float:left;}
#gema .nom {padding:14px 0 5px 0}
#anto {width:202px;float:left;padding:0 59px}
#anto .nom {padding:14px 0 11px 0}
#cris {width:202px;float:left;}
#cris .nom {padding:14px 0 11px 0}
.dibuix {border-bottom:1px solid #cccbd0;padding-right:20px }
.textmatis {font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;font-size:1em;}

.serveis h2 {font-weight:normal;font-family:Georgia, Times;color:#404040;border-bottom:1px solid #cccbd0;text-transform:uppercase;font-size:0.8em;margin-bottom:18px}
.serveis {overflow:hidden}
.serveis .esq {float:left;width:334px;}
.serveis .dreta {float:right;width:340px;}
.serveis .titUl {font-family:Georgia, Times; color:#404040;padding:0;font-weight:bold;padding-bottom:10px;font-size:0.9em}
.serveis ul{padding:0 0 10px 0;margin:0}
.serveis li {font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#404040;background:url(../img/li1.gif) 0 7px no-repeat; padding:0 0 5px 10px}

#clients {}
#clients ul {}
#clients li{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#404040;float:left;margin:0 20px 15px 0;border-bottom:1px solid #cccbd0;width:166px;padding-bottom:2px}
#clients li.a{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#999;}
#clients li.a:hover{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#404040;}
#clients li.ult {margin-right:0}

#colaboradors{zoom:1;}
#colaboradors ul{zoom:1;}
#colaboradors li{font-size:1em;font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#404040;float:left;margin:0 60px 15px 0;border-bottom:1px solid #cccbd0;width:202px;padding-bottom:2px;zoom:1;}
#colaboradors li.a{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#999;}
#colaboradors li.a:hover{font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif; color:#404040;}
#colaboradors li.ult{margin-right:0}

.infoColaborador {z-index:1000;display:none;position:absolute;left:120px; top:-45px;padding:5px; background:#fff;width:200px;border:2px solid #cccbd0}
.infoColaborador .close{position:relative;float:Right;z-index:1000;background:#fff url(../img/i-tancar.gif) 0 0 no-repeat;}
.infoColaborador .contingutColaborador{position:relative;z-index:1000;border:1px solid #cccbd0;padding:0;background:#fff;}
.infoColaborador .nom {margin:10px;padding:0 0 3px 0;background:url(../img/lin-horitz2.gif) 0 bottom repeat-x;color:#4d4d4d;font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;}
.infoColaborador .contingutColaborador p{text-align:left;padding:0 10px 10px 10px;color:#4d4d4d;font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;}
.infoColaborador ul{margin:5px 10px 10px 10px;}
.infoColaborador a.url{background:url(../img/flecha2.gif) 0 11px no-repeat;padding:5px 10px 4px 10px}

.amaga {display:none}

#avis {width:465px;margin:20px;background:#fff; font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;  color: #5e5e5e; padding:0;line-height:1.2;}
#avis .logo{border-bottom:1px solid #cccbd0;padding:0 0 10px 0;margin-bottom:25px}
#avis p{font-size:1.2em;padding:0 0 25px 0}
#avis p.tit{padding:0 0 10px 0}