
/*GENERAL*/
body { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(../img/global_fons.gif); font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#4C4C4C;  }

body, div, span, h1, h2, h3, h4{ font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;  }
image{ border:0px;}


/*INDEX*/
#tot {width:800px; background-color:#FFFFFF; border-left: 1px solid #FF6600; border-right: 1px solid #FF6600; margin: 0 auto; }

#capselera { width:800px; height: 170px; background-color: #FF6600; background-image: url(../img/home_cap_fons.gif); background-repeat: repeat-x; background-position: bottom; padding:30px 0 0 0; margin:0px;}

#lineal_sup { width:800px; height: 30px; background-image:url(../img/home_lines.gif); background-repeat:repeat-x; background-position: 0px 12px; background-color:#FFFFFF; padding:0px; margin:0px;}

#imatge { width:800px; height:154px; background-color:#FFFFFF; background-image: url(../img/home_image.gif); background-repeat:no-repeat; background-position:top; padding:0px; margin:0px;} 

#seccions { width:800px; height:25px; background-color: #FFFFFF; margin:0px; padding:0px; background-image:url(../img/home_secc_fons.gif);} 
#seccions ul { height:25px; margin:0px; clear:both; padding: 0px 66px 0px 68px; }
#seccions ul li { float:left; list-style:none; padding:0px; margin:0px; }
#seccions ul li a { display:block; height:19px; text-decoration:none; color:#FFFFFF; background-color:#585858;  padding:6px 0 0px 0; margin: 0 0 0 2px; font-size:11px; font-weight:bold; text-align:center; }
#seccions ul li a:hover{ height:19px; text-decoration:none; color:#FFFFFF; background-color:#E45C02;}

#lineal_inf { width:420px; height:104px; padding: 34px 0 0 380px; background-image: url(../img/home_lines.gif); background-repeat:repeat-x; background-position: 0px 10px; background-color:#FFFFFF;}

#baix { width:800px; height:340px;  background-color: #FF6600; background-image: url(../img/home_inf_fons.gif); background-repeat: repeat-x; background-position: top; padding:0px; margin:0px; }
#baix div#coletilla { width:560px; margin:0 0 0 100px; background-color:#fff; padding:20px; border:3px solid #e35b00; font-size:11px; }
/*PLANES INTERIORS */
#int { width:800px; margin: 0 auto; background-color:#ffffff; }
#int #cap { border-left: 1px solid #FF6600; border-right: 1px solid #FF6600; height:90px; padding:13px 0 0 0; width:800px; background-color:#FF6600; background-image:url(../img/trama-sup.gif); background-repeat:repeat-x; background-position:bottom left; } 
#int #subcap { width:800px; border-left: 1px solid #FF6600; border-right: 1px solid #FF6600; height:67px; background-color:#ffffff; background-image:url(../img/dsc-lin.gif); background-repeat:repeat-x; background-position:bottom; padding:8px 0 0 0; }
#global { border-left: 1px solid #FF6600; border-right: 1px solid #FF6600;width: 800px; background-image: url(../img/contingut-fons.gif); background-repeat:repeat-y; background-color:#FFFFFF; float:left; }
#global #menu { width:135px; float:left; padding:28px 0 0 0; background-color:#ffffff;}
#menu ul { margin:0px; padding:0px; }
#menu ul li { list-style:none; background-image:url(../img/menu-lin.gif); background-repeat:no-repeat; background-position:top right; height:28px; text-align:right; padding-top:1px;  }
#menu ul li#tanc { list-style:none; background-image:url(../img/menu-lin.gif); background-repeat:no-repeat; background-position:top right; height:28px; text-align:right; padding-top:1px; }
#menu ul li a#active { background-color:#606060; color:#fffff; color: #FFFFFF; text-decoration:none; background-image: url(../img/menu-fons.gif); background-repeat:no-repeat; background-position:120px 13px; }
#menu ul li a { display:block; width:114px; padding:9px 21px 7px 0; color:#000000; text-decoration:none;  }
#menu ul li a:hover { background-color:#606060; color:#fffff; color: #FFFFFF; text-decoration:none; background-image: url(../img/menu-fons.gif); background-repeat:no-repeat; background-position:120px 13px;}

#menu #logos { width:135px; padding: 30px 0 0 0; text-align:center; }

#contingut {float:left; width: 500px; padding:22px 100px 25px 65px; }

div#coletilla { padding:10px; width:478px; border:1px solid #FF6600; margin-bottom:10px; }

#contingut h1 { font-size:15px; color: #FF6600; padding: 2px 0 20px 0; margin:0px; font-weight:bold; }
#contingut p { line-height:16px; font-size:11px; color:#515151; }
#contingut p strong{ font-weight:bold; color:#FF6600; }
#contingut ul {margin:0px; padding:0px; padding-left:40px;}
#contingut ul li { font-size:11px; color:#515151; list-style:yes; padding-left:0px; margin-top:15px;}
#contingut ul.num { margin:0px; padding:0px; padding-left:47px; }
.num li { font-size:11px; color:#515151; list-style:decimal; margin-top:15px; background-color:#FFFFFF; }
.num li  ul { margin:0px; padding:0px;  }
.num li ul li { font-size:11px; color:#515151; list-style:decimal; margin-top:15px; background-color:#FFFFFF; }



/* SOCIOS */
#quienes {float:left; width: 500px; padding:22px 100px 25px 65px;}
#quienes h1 { font-size:15px; color: #FF6600; padding: 2px 0 20px 0; margin:0px; font-weight:bold; }
.sector {float:left; width:500px; }
.sector .titol{ float:left; padding: 4px 100px 4px 10px; font-size:14px; color:#FFFFFF; background-color: #696969; font-weight:bold; background-image: url(../img/socis_tit-fons.gif); background-repeat:no-repeat; background-position: right; margin-bottom: 14px;}
.socios {float:left; width:500px;  }
.socios .cap1 {float:left; width:500px; height:100px; background-image:url(../img/dsc-lin.gif); background-repeat:repeat-x; background-position: 0px 92px;}
.socios .cap2 {float:left; width:490px;  font-size:14px; color: #FFFFFF; background-color:#FF6600; margin:0px;  padding: 1px 0 1px 10px; font-weight:bold;}
.socios .not {float:left; width:300px; margin-bottom: 14px;}
.not ul { margin:0px; padding:22px 16px 16px 0;}
.not ul li { margin:0px; padding:0 0 0 16px; list-style:none; color:#000000; margin-bottom:14px; background-image: url(../img/socis-cua.gif); background-repeat:no-repeat; background-position:0 4px; color:#515151;}
.not ul li strong{font-weight:bold; color:#000000; }
.not ul li a{ text-decoration:none; color:#FF6600; }
.not ul li a:hover{ text-decoration:underline; color:#FF6600; }
.socios .img {float:left; width:200px; padding-top:18px; }


/* DOCUMENTACIÓN */
#doc { float:left; width: 500px; padding:22px 100px 40px 65px;}
#doc h1 { font-size:15px; color: #FF6600; padding: 2px 0 40px 0; margin:0px; font-weight:bold; }
#doc h2 { float:left; padding:0px; margin:0px; font-size:11px; color:#606060; text-decoration:underline; }
.docu { float:left; width:498px; margin:0px; padding:0px; margin-top:13px; border:1px solid #bbbbbb; }
.docu .icon { float:left; width:30px; height:16px; margin:0px; padding:8px 0 21px 0; text-align:right; }
.docu .cont { float:left; width:398px; margin:0px; padding: 12px 40px 9px 30px; background-image: url(../img/docu_pre.gif); background-repeat:no-repeat; background-position: 12px 16px; color:#606060; }
.docu .cont a { text-decoration:none; color:#FF6600; }
.docu .cont a:hover { text-decoration:underline; color:#FF6600;}
.cont span{color:#FF6600;}



/* ACTIVIDADES */
#act { float:left; width: 500px; padding:22px 100px 40px 65px; }
#act h1 { font-size:15px; color: #FF6600; padding: 2px 0 40px 0; margin:0px; font-weight:bold; }
.activ { float:left; width:500px; padding-bottom:30px; }
.activ ul { float:left; margin:0px; padding:0px; clear:both; }
.activ ul li { margin:0px; float:left; list-style:none; padding:0px; margin:1px 1px 0 0;}
.activ ul li.active { float:left; list-style:none; height:17px; padding:0px; margin:1px 1px 0 0; font-size:11px; background-color:#666666; padding-top:3px; color:#FFFFFF; text-align:center;}
.activ ul li.null { float:left; list-style:none; height:17px; padding:0px; margin:1px 1px 0 0; font-size:11px; background-color:#FF6600; padding-top:3px; color:#FFFFFF; text-align:center;}
.activ ul li a{ display:block; height:17px; margin:0px; list-style:none; padding-top:3px; background-color:#ff6600; text-decoration:none; color:#FFFFFF; font-size:11px; background-color:#ff6600; text-align:center;}
.activ ul li a:hover{ height:17px; text-decoration:none; color:#FFFFFF; background-color:#E45C02;}

#act .bloc { float:left; width:500px; padding-bottom:20px; }
#act h2 { float:left; width:500px; color:#000000; font-size:15px; text-decoration:underline; font-weight:bold;  margin:0px; padding-bottom:20px; }
#act h3 { float:left; width:500px; color:#222222; font-size:12px; text-decoration:underline; font-weight:bold;  margin:0px; padding-bottom:15px; }
#act .bloc_a { float:left; width:198px; }
     .bloc_a .image{ float:left; background-color:#f1f1f1; border:1px solid #DFDFDF; padding: 8px 8px 0 8px ; margin-bottom:18px; }
#act .bloc_b { float:left; width:100%; text-decoration:none; font-size:11px; line-height:15px; color:#606060;  text-decoration:none; font-weight:normal; }
#act  p{ float:left; width:100%;font-size:11px; color: #666666; line-height:15px; padding-bottom:50px;}
#act  p strong{ color:#FF6600; text-decoration:none; font-weight:normal;}
#act p a{ color:#990000; text-decoration:underline; font-weight:normal;}
#act p a:hover{ color:#990000; text-decoration:underline; font-weight:normal;}



#baix_int { border-left: 1px solid #FF6600; border-right: 1px solid #FF6600; float:left; width:800px; height:100px;  background-color: #FF6600; background-image: url(../img/home_inf_fons2.gif); background-repeat: repeat-x; background-position: top; padding:0px; padding-top:12px; }

table.tecla {float:right; }
div.bloc img#manual{float:left; }

ul.ltecla {clear:both; margin:0; padding:0; float:left; list-style:inside;width:475px; padding:10px 0 10px 20px;}

p span {padding-left:60px;}