@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.8em}

.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:left; 
	margin:1em 1em 0 8em ; 
	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;
	width:29em
	}

.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 3.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...........................................................................................................*/