body {
padding: 0;
margin: 0 auto;
font-size: 62.5%;
}

a {
text-decoration:none;
}

img {
border:0;
}

#menu-top {
padding: 2px 25px 12px 0;
margin: 0 auto;
width:920px;
height:9px;
text-align:right;
font:1em/2em Helvetica, Arial, sans-serif;
color:#8CC63F;
}

#menu-top a {
color:#8CC63F;
}

#menu-top a:hover {
color:#ccc;
text-decoration:underline;
}

#menu {
position:relative;
padding: 0;
margin: 0 auto;
width:945px;
height:85px;
}

#menu a img {
margin:7px 0 0  20px;
}

#menu-links {
position:absolute;	
bottom:0;
right:0;
width:310px;
height:28px;
font:1.6em/1em Helvetica, Arial, sans-serif;
}

#menu-links a {
margin:0 0 25px 3px;
padding:12px 17px 17px 15px;
color:#333;
}

#menu-links a:hover {
color:#8CC63F;
}

#menu-links a.selected {
background:#DBDBD5 url(../img/fons-menu-top.gif) top right no-repeat;
font-weight:bold;
color:white;
}

#decor-content {
position:relative;
padding: 0;
margin: 0;
width:100%;
background: transparent url(../img/fons-decor.gif) repeat-x;
}

#content-slogan {
position:relative;
padding: 0;
margin: 0 auto;
width:951px;
height:275px;
background:transparent url(../img/arbre.gif) 85% 25px no-repeat;
}


#content-slogan h1 {
font:bold 3em/1.1em Helvetica, Arial, sans-serif;
margin:0 0 20px 35px;
padding-top:45px;
color:#FFF;
}

#content-slogan h2 {
font:bold 1.6em/0.1em Helvetica, Arial, sans-serif;
margin:0 0 5px 35px;
padding:16px 0 24px 55px;
color:#7F7F7F;
background:transparent url(../img/caseta.gif) -2px -7px no-repeat;
}

#content-slogan h3 {
font:1.4em/0.1em Helvetica, Arial, sans-serif;
margin:-10px 0 10px 35px;
padding-left:55px;
color:#8CC63F;
}

#content-slogan img.fam {
position:absolute;
bottom:0px;
right:20px;
}


#submenu {
position:absolute;
bottom:0;
left:346px;
height:22px;
}

#submenu a {
margin:0 8px 0 0;
padding:10px 10px 14px 10px;
width:75px;
color:#666;
font:1.2em/1 Helvetica, Arial, sans-serif;
background-color:#F4F4F2;
}

#submenu a:hover {
background-color:#8CC63F;
}

#submenu a.selected {
background-color:#8CC63F;
color:white;
}

#content-principal {
position:relative;
padding: 0;
margin: 0 auto;
width:951px;
}

#content-principal-l {
float:left;
width:240px;
margin-top:0;
padding:10px 40px 25px;
border-top:3px solid #E5E5E5;
background-color:#FFF;
}

#content-principal-l h3 {
font:bold 2em/1.2em Helvetica, sans-serif, Arial;
margin-bottom:0;
border-bottom:1px solid #999;
color:#54534A;
}

#content-principal-l p {
font:1.4em/1.4em Helvetica, sans-serif, Arial;
color:#54534A;
}

#content-principal-l ul {
font:bold 1.5em/1.7em Helvetica, sans-serif, Arial;
color:#BFD39F;
margin:0;
padding:0;
list-style-type:none;
}

#content-principal-l ul a {
color:#BFD39F;
}

#content-principal-l ul a:hover {
background-color:#BFD39F;
color:white;
padding:2px 10px;
}

#content-principal-l ul a.selected {
background-color:#BFD39F;
border:1px solid #CCC;
color:white;
padding:2px 10px;
}

#content-principal-r{
float:right;
width:615px;
background:transparent url(../img/familia-baix.png) 0 top no-repeat;
padding-bottom:25px;
}

#content-principal-r h1 {
font:3.5em/1em Helvetica, sans-serif, Arial;
color:#8CC63F;
padding:8px 0 0 45px;
margin:25px 0 0 0;
}

.content-principal-esq{
float:left;
width:315px;
padding-left:55px;
background:transparent url(../img/fons-principal.gif) 35px top no-repeat;
}

.content-principal-esq h2{
font:1.8em/0.8em Helvetica, sans-serif, Arial;
color:#54534A;
}

.content-principal-esq h2 a{
color:#54534A;
}

.content-principal-esq h2 a:hover{
color:#8CC63F;
text-decoration:underline;
}

.content-principal-esq h3{
font:bold 1.3em/0.8em Helvetica, sans-serif, Arial;
color:#8CC63F;
}

.content-principal-esq img {
border:8px solid #EBF4DD;
margin:15px 0 0 0;
}

.content-principal-esq p {
font:1.4em/1.5em Helvetica, sans-serif, Arial;
color: #999;
padding-bottom:20px;
}

.content-principal-esq ul {
font:1.4em/1.5em Helvetica, sans-serif, Arial;
color: #999;
margin:0;
padding:0;
padding-bottom:20px;
list-style-position:inside;
list-style-type:circle;
}

.content-principal-esq ul a {
text-decoration:underline;
color: #999;
}

.content-principal-esq img:hover {
border:8px solid #EDEDED;
margin:15px 0 0 0;
}

#content-principal-dret{
float:right;
width:195px;
padding:0 0 0 40px;
border-left:1px solid #fff;
}

#content-principal-dret h5{
font:bold 1.3em/0.8em Helvetica, sans-serif, Arial;
color:#8CC63F;
margin:0;
}

#content-principal-dret ul{
padding:0;
font:1.2em/1.8em Helvetica, sans-serif, Arial;
color:#A0A39B;
}

#content-principal-dret img{
border:1px solid #CCC;
margin-bottom:10px;
}

#bottom {
position:relative;
padding: 15px 30px;
margin: 25px auto 0 auto;
width:885px;
height:40px;
background-color:#C4DF9B;
clear:both;
}

#bottom-menu {
position:relative;
padding:0 0 0 30px;
margin: 10px auto 0 auto;
width:915px;
height:50px;
font:1.3em/1.3em Helvetica, sans-serif, Arial;
color:#999;
}

#bottom-menu a {
color:#8CC63F;
text-decoration:none;
}

#bottom-menu a:hover {
text-decoration:underline;
}

form {
padding-top:20px;
}

label {
font:1.1em/1.6em Helvetica, Arial, sans-serif;
color:#8CC63F;
width:170px;
}

input {
width:235px;
height:15px;
margin:5px 0;
}

textarea {
margin:5px 0;
width:238px;
height:120px;
}

button {
width:135px;
height:25px;
color:#fff;
background-color:#ccc;
border:1px solid #999;
font-weight:bold;
}

button:hover {
background-color:#8CC63F;
border:1px solid #999;
}

.errFld {
border: 1px solid #F00; 
/*... or any other css properties ... */
} 

.errMsg { 
color: #C33; 
font: normal 1.2em/1.7em Helvetica, Arial, sans-serif;
margin:0 0 10px 0;
/*... or any other css properties ... */ 
} 

.clearfix
{
	display: inline-table;
	height: 1%;
	display: block;
}
 
html>body .clearfix
{
	height: auto;
}
 
.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}