/*divisions*/

body {
background:#d4d9cf url(fons/fons.gif) top left repeat;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
text-align: center;
}

#contingut {
background:transparent url(imatges/.gif) top left repeat-y;
 margin: 0 auto;
padding: 0px;
width: 750px;
}

#logo {
margin: 0px 0px 0px 0px;
padding: 0px;
width: 750px;
}

#menu {
background: transparent url(imatges/menu.jpg) top left repeat-y;
padding:4px 0px 4px 0px;
margin:0 auto;
text-align: left;
height: 15px;
}

#quadre1 {
background: transparent url(imatges/numero.jpg) top left no-repeat;
padding:0px;
margin: 0px auto;
height: 61px;
text-align: left;
}

#quadre2 {
background:transparent url(imatges/contingut.gif) top left repeat-y;
padding: 0px;
margin: 0px auto;
text-align: left;
}

#fitxa {
background: transparent url(imatges/fitxa.jpg) top left no-repeat;
padding:0px;
margin: 0px auto;
height: 179px;
text-align: left;
}

#peu1 {
background: transparent url(imatges/peu1.gif) top left no-repeat;
padding:0px;
margin: 0px auto;
height: 47px;
text-align: left;
}

#peu2 {
background:transparent url(imatges/peu2.gif) top left repeat-y;
padding: 0px;
margin: 0px auto;
text-align: left;
}

#peu3 {
background: transparent url(imatges/peu3.gif) top left no-repeat;
padding:0px;
margin: 0px auto;
height: 19px;
text-align: left;
}

TABLE {
    margin-left: auto;
    margin-right: auto;
		vertical-align: top;
}
CAPTION {
    caption-side: left;
    margin-left: -8em;
    width: 8em;
    text-align: left;
    vertical-align: top;
}

TD {
    vertical-align: top;
}

#index1 {
background: transparent url(imatges/index1.jpg) top left no-repeat;
padding:0px;
margin: 0px auto;
height: 87px;
text-align: left;
}

#index2 {
background:transparent url(imatges/index2.jpg) top left repeat-y;
padding: 0px;
margin: 0px auto;
text-align: left;
padding: 0px 90px 0px 70px;
}

#index3 {
background: transparent url(imatges/index3.jpg) top left no-repeat;
padding:0px;
margin: 0px auto;
height: 30px;
text-align: left;
}


.clear {
clear:both;
}


a.img {
	text-decoration: none;
	border: none;
	background: none;
}



#content a {
text-decoration:none;
color:#999;
background:url(imatges/gif) repeat-x left bottom;
padding-bottom:1px;
}

#content a:hover {
text-decoration:underline;
color:red;
background:url(imatges/gif) repeat-x left bottom;
}

#menu a {
text-decoration:none;
color:#3b3b3b;
background:url(imatges/gif) repeat-x left bottom;
padding-bottom:1px;
}

#menu a:hover {
text-decoration:underline;
color:red;
background:url(imatges/gif) repeat-x left bottom;
}

#peu1 a {
text-decoration:none;
color:red;
background:url(imatges/gif) repeat-x left bottom;
padding-bottom:1px;
}

#peu1 a:hover {
text-decoration:underline;
color:#3b3b3b;
background:url(imatges/gif) repeat-x left bottom;
}

/*formats de text*/

p {
font-size:14px;
line-height:160%;
text-align: left;
font-family: Georgia, "Trebuchet MS", "Lucida Sans", Geneva, Arial, verdana, sans-serif;
color: #333;
margin:0;
padding: 0px 20px 0 50px;
}

h1 {
font-size:14px;
color: #333;
letter-spacing:0.0em;
word-spacing:0.0em;
font-family: "Trebuchet MS", "Lucida Sans", Geneva, Arial, verdana, sans-serif;
margin: 0px 0px 0px 10px;
line-height:10px;
padding: 0px 0px 0px 0px;
}

h2 {
color: #fff;
font-size:14px;
letter-spacing:0.1em;
word-spacing:0.0em;
font-family: "Trebuchet MS",Georgia, "Times New Roman", Times, serif;
margin: 0 0px 0px 0px;
line-height: 10px;
padding: 32px 0 0 22px;
}

h3 {
font-size:0.9em;
color: red;
margin: 1.5em 0em 0.4em 10px;
padding: 0px 0 0 20px;
}

h4 {
color: #666;
font-size:11px;
letter-spacing:0.0em;
word-spacing:0.0em;
font-family: "Trebuchet MS", courier,Georgia, "Times New Roman", Times, serif;
margin: 0 0px 0px 0px;
line-height: 18px;
padding: 60px 0 0 85px;
}

#peu1 h4 {
margin: 0 0px 0px 0px;
line-height: 18px;
padding: 25px 0 0 85px;
}

#peu2 h4 {
font-size: 10px;
margin: 0 0px 0px 0px;
line-height: 18px;
padding: 15px 30px 0 30px;
}

#index2 p {
font-size: 12px;
margin: 20px 0px 00px 0px;
line-height: 26px;
text-align: justify;
}

#index2 h2 {
padding: 20px 0px 00px 0px;
font-size: 16px;
color: red;
font-weight: bolder;
font-family: "Trebuchet MS", serif;
letter-spacing:0.5em;
}

/*Imatges*/

img {
	border: 0px;
	background-color: transparent;
	text-align: left;
	}

.alignright {
	float: right;
	border:0px double #cc9;
  padding: 5px;
	background-color: transparent;
	margin: 2px 0px 2px 20px;
}

.alignleft {
	float: left;
	border:0px groove #000;
  padding: 5px;
	background-color: transparent;
	margin: 2px 20px 2px 0px;
}
#index2 img{
	border:1px double #cc9;
	background-color: #fff;
		}


img.esquerra
{
clear:left;
position:relative;
right: 0px;
margin: 0 0 0 25px;
}