body {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 0.8em; /* font-size equivalent a 13px */
	color: #3067A9;
	background-image: url(../img/brepeat.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	margin: 0px; padding: 0px;
}

#container, #container-associats, #container-aditius, #container-links, #container-fitxa, #container-fitxab, #container-news, #container-activitats, #container-contacta   {
	width: 950px;
	background-image: url(../img/fruit.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	border-bottom: 7px solid #A3BBD8;
}

#container-associats {
	background-image: url(../img/fruit2.jpg);	
	background-repeat: repeat-y;
}

#container-links {
	background-image: url(../img/fruit6.jpg);	
}

#container-aditius {
	background-image: url(../img/fruit4.jpg);	
	background-repeat: repeat-y;
}

#container-fitxab  {
	background-image: url(../img/fruit9.jpg);
}

#container-fitxa  {
	background-image: url(../img/fruit10.jpg);	
}

#container-news {
	background-image: url(../img/fruit11.jpg);		
}

#container-activitats {
	background-image: url(../img/fruit12.jpg);			
}

#container-contacta {
	background-image: url(../img/fruit13.jpg);
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#top {
	float: left;
}

#top h1 {
	margin: 0px; padding: 0px;
}

#top img {
	border: none;
}

#menu {
	float: right;
	font-size: 0.85em;	/* font-size equivalent a 11px */
	margin-right: 5px;
}

#menu ul {
	padding: 0px; margin: 0px;
	list-style: none;
	text-transform: uppercase;
	margin-top: 24px;
}

#menu li {
	float: left;
	text-align: center;
}

#menu li a {
	display: block;
	background-image: url(../img/off.gif);
	background-repeat: no-repeat;
	width: 108px;
	height: 46px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	padding-top: 7px;
}

#menu li a:hover, #menu li.ON a {
	background-image: url(../img/over.gif);
	text-decoration: none !important;	
}

#cercadors {
	float: right;
	font-size: 1em;	/* font-size equivalent a 11px */
}

#cercadors ul.cercadors {
	margin: 0px; padding: 0px;
	margin-bottom: 30px;
}

#cercadors ul.cercadors li {
   display: inline;
	margin-right: 6px;
	margin-left: 6px;
}

#cercadors ul.cercadors li a {
	color: #ffffff;
}


#peu {
	background-image: url(../img/peu.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 660px;
	float: right;
	padding-left: 30px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 0.9em;	/* font-size equivalent a 12px */
}

#peu a {
	color: #3067A9;
	float: left;
	margin-right: 7px;
}

#peu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#peu ul li, #peu ul li a {
	display: inline;
	margin: 0px; padding: 0px;
}

/********************** continguts *****************/

#continguts, #continguts2 {
	padding: 15px;
	padding-top: 125px;
	padding-left: 280px;
}

#continguts2 {
padding-top: 10px;
}

p.ariadna {
	font-size: 0.9em;	/* font-size equivalent a 10px */
	text-transform: uppercase;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

p.ariadna a {
	color: #385374;
}

p.ariadna a:hover {
	border-bottom: 1px dotted #385374;
	text-decoration: none;
}

#continguts h2, #continguts h2.index, #continguts2 h2, #continguts2 h2.index {
	font-size: 1.4em;	/* font-size equivalent a 18px */
	color: #437CC1;
	text-transform: uppercase;
	border-bottom: 1px dotted #92A6BC;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-left: 6px;
	display: block;
	margin-top: 10px;
}

#continguts h2.index {
	margin-top: 30px;
}

#continguts p {
	line-height: 23px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#llistat ul {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
}

#llistat li {
	margin-bottom: 15px;
}

#llistat li a, ul.orden li a {
	color: #436291;	
}

#llistat li a:hover {
	background-image: url(../img/go.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
}


ul.orden {
	text-transform: uppercase;
	font-size: 0.9em;	/* font-size equivalent a 12px */
	margin: 0px;
	padding: 6px;
	padding-left: 15px;
	border: 1px dotted #7A8CA5;
	background-color: #D5DEEA;
}

ul.orden li {
	display: inline;
	margin-right: 6px;
	margin-left: 6px;
}

ul.orden li.marcat {
	font-weight: bold;
}


/************ Enlaces *************/

#links {
	
}


ul.links {
	list-style: none;
	padding-left: 15px;
}

ul.links strong {
	display: block;
	text-transform: uppercase;
}

ul.links li {
   padding-bottom: 10px;
	margin-bottom: 15px;	
	border-bottom: 1px dotted #81971A;	
}

#links a {
	color: #436291;	
	font-weight: bold;
}

#links img {
	margin-left: 5px;
	border: none;
}


/*********** prova x cercar **********/

#cercadors form {
	padding-top: 0px;
	color: #ffffff;
}

#cercadors input, #cercadors select {
	border: 1px solid #436291;
	color: #7A8CA5;
}

#cercadors input {
	font-size: 0.85em;	/* font-size equivalent a 11px */
	margin-right: 2px;
	margin-left: 4px;
}

#cercadors select {
	background-color: #93B2D6;
	color: #ffffff;
	text-transform: uppercase;
	width: 175px;
	font-size: 0.9em;	/* font-size equivalent a 10px */
}

#cercadors label {
	color: #ffffff;
	margin-right: 2px;
	font-size: 0.85em;	/* font-size equivalent a 11px */
	font-weight: bold;
}

.busca {
	background-image: url(../img/button.gif);
	background-repeat: repeat-x;
	border: none !important; 
	text-transform: uppercase;
	cursor: pointer;
	color: #DBE5F1 !important;
	font-size: 0.8em;	/* font-size equivalent a 9px */
	height: 17px;
	width: 64px;
	padding-bottom: 2px;
}

label.off {
	display: none;
}

/********** contacte ******************/

#formulari form {
	width: 60%;
}

#formulari form label {
	display: block;
	text-align: right;
	margin-bottom: 15px;
}

#formulari form input {
	bordeR: 1px solid #437CC1;
	background-color: #ffffff;
	width: 200px;	
	margin-left: 10px;
}

#formulari form .area {
	width: 200px;
	bordeR: 1px solid #437CC1;
	background-color: #ffffff;
}


#formulari form .check {
	bordeR: none;
	background-color: #ffffff;	
	margin-right: 0px;
	width: 20px;
}

#formulari form .diferent {
text-align: left !important;
margin-left: 75px !important;
}

#formulari form input, #formulari form .area {
	color: #46607E;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 1em;
}

#formulari form .envia {
	background-image: url(../img/button2.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 0.85em;	/* font-size equivalent a 9px */
	height: 17px;
	width: 64px;
	padding-bottom: 2px;
	text-transform: uppercase;
	border: none;
	margin-left: 83.7%;	
	cursor: pointer;
}