/* Casafont rec style  */


BODY
{
	margin:0.1em; padding-top:2px; text-align:center;
	background:black;		
	
	font-family: verdana, arial,trebuchet MS,Helvetica, sans-serif; font-size:12px;
	font-size: 100%; 
	font-style: normal;
  
  color:#CCCCCC;
  
  line-height: 1.2em; 
	
}





/* --------------- links -------------- */


a:link { /* unvisited link */
	  /*color: #808080; */
	  /* color: #8A090C; */
	  color: white;
	  text-decoration: none;
	  font-weight: bold; 
	   }

a:visited {	  
/* 		color: #8A090C; vermell clar */ 

		color: white;
		text-decoration: none;
		font-weight: bold; 
		   } /* visited link */
		   
		   
a:hover {	  
		color: red;
		text-decoration: none;
	  	   } /* mouse over link */
	  	   
a:active {
/*		co	lor: #8A090C; */	
		
		}   /* selected link, quan fem clic */


/* treure el marc de les imatges amb link */ 
a img {
border: none	;
}



#container
{
	width:965px; margin:0 auto;
	/* border: 0px solid red; */
	
}

#header 
{
	width:100%; height:100px;  background:black; /* background:#990000;   */
	background-image: url('images/cap1.jpg');
	background-repeat: no-repeat; 		 
}

#content
{
	clear:both;
	/* border: 1px solid red; */
	height: 500px;
}

/* activity teaser mod */

#wrapper
{
	position: relative; /* molt important, sinó el absolut de dintre no va */
	width: 310px;
	/* border: 1px solid green; */
	
	float: left;
	margin-bottom: 0px;
	margin-right: 10px;
	text-align: left;
 
/*	border: 1px solid #777;  */
}

#wrapper img
{
	margin: 0px;
	padding: 0px;
/*	border: 2px solid green; */
}

#description
{
   position: absolute;
   top: 170px;
   left: 15px;
   width: 70%;
   z-index: 100;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7); 
   padding: 14px 14px 14px 14px;   
    /*	 color: white; */
	/* border: 1px solid blue;   */
	
/*	font-size: 0.875em; */
}

#descriptiontitle a
{

	position: relative; /* molt important, sinó el absolut de dintre no va */
	/* border: 1px solid red;   */
	margin-bottom: 7px;
	line-height: 1.4em;	
}

#descriptionsummary
{
	clear:both;
/*	 border: 1px solid green;   */
/*	float: left; feia que el ie6 desconyés */
	margin-bottom: 0px; 
	font-size: 1.10em; 
	line-height: 1.3em;
}


#wrapper.rec a
{ 
	color: red;
}

#wrapper.rec a:hover
{ 
	color: white;
}

#wrapper.rural a
{ 
	color: greenyellow;
}

#wrapper.rural a:hover
{ 
	color: white;
}

#wrapper.label a
{ 
	color: gold;
}

#wrapper.label a:hover
{ 
	color: white;
}





#footer img
{
/*	border: 1px solid green; */
	float: right;
	margin-left: 15px;
}

#footer a
{
	font-weight: normal;
	color: gold;
}

#footer a:hover
{
	font-weight: normal;
	color: white;
}


#footer
{
	width: 960px;
	/* border: 1px solid orange; */
}


#footer1
{
	/* background:#330033; */	
	
	color: gray;

	padding-top: 45px;	
	font-size: 0.7em; 
	text-align: right;

}

#footer2
{
	width:100%; height:auto; 
	/* background:#330033; */	
	clear:both;
	color: gray;

	padding-top: 0px;	
	font-size: 0.7em; 

}