@charset "UTF-8";
/* CSS Document */
/* INICI ESTILS GENERALS........................................................................................................... */
body { background:url(../img/back3.gif) repeat; font-family: Helvetica, sans-serif; font-size:0.9em; color:#990000 }
h2, h1 { margin:0; padding:0; font-size:1.3em }
a:link { color:#494925; text-decoration:none; }
a:hover { color:#494925; text-decoration:underline }
a:visited { color:#494925; text-decoration:underline }
.font08 { font-size:0.75em }
.wrap { position: absolute; left: 50%; width: 770px; margin-left: -380px; border:1px solid #aeba6b; background-color:#fff; padding-bottom:0.8em; margin-bottom:2em; }
.peu { position: absolute; left: 50%; width: 770px; margin-left: -385px; margin-top:1.5em; padding-bottom:3em; text-align:right; margin-right:1em; font-size:0.8em }
.peu a { text-decoration:none; color:#990000; }
.peu a:hover { text-decoration:underline; color:#990000; }
/* FI ESTILS GENERALS........................................................................................................... */	   



.logo { float:left; margin:1em 0 0 1.4em; }
.headerdret { float:right; margin:1em 1.5em 0 1em; text-align:right; font-size:0.9em; }
.headerdret a { text-decoration:none; color:#666666 }
.headerdret a:hover { text-decoration:underline; color:#990000; }
.menu { margin:1.5em 0 0 0; border-top:1px solid #af111d; font-size:1.1em; padding-top:0.2em; text-transform: uppercase; }
.menu ul { margin:0; padding:0; list-style-type:none; width:auto }
.menu ul li { display:block; float:left; margin:0; }
.menu ul li a { display:block; float:left; color:#666; text-decoration:none; margin:0.2em 1.3em 0 0; font-size:1em; color:#c45059; border-bottom:4px solid #fff }
.menu ul li a:hover { color:#B30000; text-decoration:none; border-bottom:4px solid #990000 }
.menu ul li a.current { color:#B30000; border-bottom:4px solid #990000 }
.clear { clear:both }
.imglla { float:left; margin-right:2em; margin-left:0.2em }
.txtpri { margin:1em 1em 0 1em; font-size:1.2em; color:#891d25; line-height:1.2em; }
.rnoti2 { background-color:#dee4bc; background-image:url(../img/fondo_verd.jpg); background-repeat:repeat-x; border:1px solid #cddb7d; width:48.7em; margin:1em 0 1em 1.4em; padding:1em; float:left }
.rnoti2 li { margin-bottom:0.8em }
.rnoti2 a { padding-top:0.8em }
.rnoti { background-color:#dee4bc; background-image:url(../img/fondo_verd.jpg); background-repeat:repeat-x; border:1px solid #afbb6b; width:18em; height:21em; margin:1em 0 1em 1.4em; padding:1em; float:left }
.rnoti form { margin:0; padding:0; }
.rnoti ul { margin:0; padding:0; list-style-type:none; width:auto }
.rnoti ul li { display:block; margin:0; margin-bottom:0.6em }
.rnoti ul li a { color:#494925; text-decoration:none; }
.rnoti ul li a:hover { color:#494925; text-decoration:underline }
.txtverd { color:#bac772 }
.titnoticies { margin-bottom:1em; background-color:#fff; border:1px solid #afbb6b; padding:0.4em 0.3em 0.2em 0.4em }
.oferta { background-color:#dae1b3; background-image:url(../img/fondo_verd.jpg); background-repeat:repeat-x; border:1px solid #cddb7d; float:right; margin:0.7em 1em; padding:1em; font-size:1.4em; color:#990000 }
.serveis { background-color:#dee4bc; background-image:url(../img/fondo_verd.jpg); background-repeat:repeat-x; border:1px solid #cddb7d; width:22.5em; margin:1em 0 1em 1.4em; padding:1em; float:left }
.serveis2 { background-color:#dae1b3; background-image:url(../img/fondo_verd.jpg); background-repeat:repeat-x; border:2px solid #cddb7d; float:right; margin:1em 1.3em 0 0; padding:1em; width:22.5em }
.form { background-color:#dae1b3; background-image:url(../img/fondo_verd.jpg); background-repeat:repeat-x; border:1px solid #afbb6b; float:right; margin:1em 1.5em 0 0; width:26.9em; padding:1em; color:#990000; height:21em; }
.form li { margin-bottom:0.5em; margin-left:0; padding-left:0 }
.form ul { margin-left:1em; padding-left:0 }
.plans li { list-style:none; padding:0.5em; background-color:#ffffff; margin:0.3em; width:20.9em; float:left }
.plans ul { margin:0; padding:0 }
.projectes li { margin-bottom:0.8em }
.projectes ul { margin-left:1em; padding:0 }
.projectes a { color:#494925; text-decoration:none }
.projectes a:hover { color:#494925; text-decoration:underline }
.formulari { margin:1em; padding:0.6em; background-color:#DEE4BC; border:1px solid #cddb7d; background-image:url(../img/fondo_verd.jpg); background-repeat:repeat-x; }
.formulari li { margin-bottom:0.8em }
.formularim { margin-left:6em }
.popup { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; background-color:#FFFFFF; padding:1em; margin:1em; }
.noticies ul { list-style-type:none }
.noticies li { margin-bottom:2em }
.noticies img { float:left; border:1px solid #999; margin-right:0.5em; margin-bottom:1em }
.imgclients { margin:1em 0 0 1.8em; }
/*FORMULARI..................................................................................*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */ margin: 0; padding: 0; }
form fieldset { border-color: #000; border-width: 1px; border-style: NONE; padding: 5px;        /* padding in fieldset support spotty in IE */ margin: 0; }
form label { display: block;  /* block float the labels to left column, set a width */ float: left; width: 140px; padding: 0; margin: 8px 0 0; /* set top margin same as form input - textarea etc. elements */ font-size:1.1em }
form fieldset legend { font-size:0.9em; /* bump up legend font size, not too large or it'll overwrite border on left *//* be careful with padding, it'll shift the nice offset on top of border  */
}
form input, form textarea { /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */ margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */ }
form input#reset { margin-left:0px; margin-top:0.3em /* set margin-left back to zero on reset button (set above) */ }
textarea { overflow: auto; }
form small { display: block; margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */ padding: 1px 3px; font-size: 88%; }
form .required { font-weight:bold; } /* uses class instead of div, more efficient */
form br { clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */ }

/*FI FORMULARI...........................................................................................................*/