body { padding: 0; margin: 0 auto; font-size: 62.5%; }
a { text-decoration:none; }
img { border:0; }


/*Menu Top*/
#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*/
#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*/
#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*/
#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.4em/1.5em Helvetica, sans-serif, Arial; color:#BFD39F; margin:0; padding:0; list-style-type:none; }
#content-principal-l ul li { margin-bottom:10px; }
#content-principal-l ul a { color:#8CC63F; }
#content-principal-l ul a:hover { background-color:#BFD39F; color:white; padding:2px 10px; }
#content-principal-l ul a.selected { background-color:#8CC63F; 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;  }
.content-principal-esq h2 { font:1.8em/1.4em Helvetica, sans-serif, Arial; color:#54534A; background:transparent url(../img/fons-principal.gif) 0 top no-repeat; padding:20px 0 75px 20px; margin:0 0 -75px -20px; }
.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 25px 0; }
.content-principal-esq img:hover { border:8px solid #EDEDED; }
.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:15px 0 0 0; padding:0 0 20px 17px; list-style-type:square; }
.content-principal-esq ul a { text-decoration:underline; color: #999; }

#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 h6 { font:bold 1.1em/1.1em Helvetica, sans-serif, Arial; color:#333; margin:20px 0 5px 0; }
#content-principal-dret ul { padding:0; font:1.2em/1.8em Helvetica, sans-serif, Arial; color:#A0A39B; list-style-type:square; margin-top:0; }
#content-principal-dret img { border:1px solid #CCC; margin-bottom:10px; }

/*Bottom*/
#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.1em/1.3em Helvetica, sans-serif, Arial; color:#999; }
#bottom-menu a { color:#8CC63F; text-decoration:none; }
#bottom-menu a:hover { text-decoration:underline; }

/*Forms*/
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; } 
.errMsg {  color: #C33;  font: normal 1.2em/1.7em Helvetica, Arial, sans-serif; margin:0 0 10px 0; } 

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