/* ESTRUCTURA GENERAL */
body    {margin-top:10px; text-align:center;}
img     {border:0; padding:0 10px 5px 0; text-align:left;}
p       {margin-top:0; margin-bottom:10px; padding-top:0; padding-bottom:0;}

/* MAQUETACIÓ */
#home     {margin-left:auto; margin-right:auto; width:960px; text-align:left;}
#idiomes  {position:absolute; width:960px; text-align:right;}
#left     {position:absolute; width:178px; height:498px; margin-top:15px; border-top:2px solid #929292; border-left:2px solid #929292; background:url(../media/general/fons_left.gif) no-repeat;}
#main     {position:absolute; width:768px; height:500px; margin-top:15px; margin-left:180px;}
#baix     {visibility:hidden;}
#peu      {visibility:hidden;}

/* LEFT */
#logo     {position:absolute; width:130px; height:153px; margin-top:30px; margin-left:20px;}
#titulars {position:absolute; width:130px; height:290px; margin-top:200px;}

/* MAIN */
#dalt     {position:absolute; width:780px; height:40px; background-color:#b98e40;}
#cos      {position:absolute; width:644px; height:460px; margin-top:40px;}
#right    {position:absolute; width:134px;  height:460px; margin-top:38px; margin-left:644px; border-right:2px solid #274e5f; text-align:center;}

/* BAIX */
#logo1    {position:absolute; margin-top:10px; margin-left:690px;}
#logo2    {position:absolute; margin-top:20px; margin-left:825px;}

/* MENÚ PRINCIPAL */
#menu     {margin-top:14px; margin-left:20px;}
a.opcio1,a.opcio2 {float:left; padding-right:12px; font-family:Arial; font-weight:normal; font-size:13px; text-decoration:none;}
a.opcio1  {color:#ffffff;}
a.opcio2  {color:#ffffff; text-decoration:underline;}
a.opcio1:hover {color:#284c58;}

/* COS */
.holder          {float:left;}
#bcos_main       {padding-left:20px; padding-right:10px;}
#bcos_titulars   {padding-left:10px; padding-right:5px;}
#bcos_actuacions {padding-left:20px; padding-right:5px;}
.titol           {float:left; padding-left:20px; padding-top:15px; height:45px; font-family:Arial; color:#b98e40; font-size:30px;}
.lletres         {float:right; padding-top:28px; padding-right:15px;}
.scroll-pane1    {float:left; width:480px; height:380px; overflow:hidden;}
.scroll-pane2    {float:left; width:130px; height:290px; overflow:hidden;}
.scroll-pane3    {float:left; width:220px; height:390px; overflow:hidden;}

/* PLANO */
#plano {position:absolute; width:270px; height:460px; left:250px; background:url(../media/general/plano.jpg) no-repeat;}
.fitxa {position:absolute; width:250px; height:445px; left:250px; padding:5px 0px 10px 20px; background:url(../media/general/fitxa.png) repeat; z-index:1; font-size:0.8em;}
.fxcos {position:absolute; width:250px; height:410px; top:35px; overflow:visible; /* filter:chroma(color=#FFFFFF); */ scrollbar-face-color:#d4eaf1; scrollbar-shadow-color:#d4eaf1; scrollbar-highlight-color:#d4eaf1; scrollbar-3dlight-color:#d4eaf1; scrollbar-darkshadow-color:#d4eaf1; scrollbar-track-color:#d4eaf1; scrollbar-arrow-color:#000000;}
.bola  {position:absolute; width:25px; height:25px; padding-top:4px; text-align:center;}

/* AJUDA */
/* a.help {cursor:help;} */
/* .help {font-size:.9em; font-weight:normal; text-decoration:none; text-align:left;} */
.help span  {display:none;}
.help:hover {position:relative; text-decoration:none; z-index:1000; color:#aaaaff; background:transparent;}
.help:hover span.tooltip {color:#111; display:block; position:absolute; top:0px; padding:15px 0 0 0; width:100px; text-align:left; text-decoration:none; z-index:2000;}
.help:hover span.top {display:block; padding:30px 8px 0; background:url(../media/general/help1.png) no-repeat top;}
.help:hover span.middle {display:block; padding:0 8px; background:url(../media/general/help2.png) repeat bottom;}
.help:hover span.bottom {display:block; padding:3px 8px 10px; color:#548912; background:url(../media/general/help1.png) no-repeat bottom;}

/* BANNERS */
.banner1  {width:84px; height:60px; padding:30px 5px 0 5px; border-bottom:2px solid #000000; background:url(../media/banners/fons1.gif) no-repeat; text-align:center;}
.banner2  {width:84px; height:70px; padding:20px 5px 0 5px; border-bottom:2px solid #000000; text-align:center;}

/* FONTS */
.tn1  {font-family:Arial;}
.tn1  {color:#000000;}
a.tn1 {text-decoration:none;}
a.tn1:hover {color:#b98e40;}

.tb1  {font-family:Arial;}
.tb1  {color:#000000;}
a.tb1 {text-decoration:none;}
a.tb1:hover {color:#b98e40;}

.tr1  {font-family:Arial;}
.tr1  {color:#C60B1E;}
a.tr1 {text-decoration:none;}

.tm1  {font-family:Arial;}
.tm1  {color:#b98e40;}
a.tm1 {text-decoration:none;}
a.tm1:hover {color:#000000;}

.ta1  {font-family:Arial;}
.ta1  {color:#FFFF00;}

.tg1  {font-family:Arial;}
.tg1  {color:#666666;}
a.tg1 {text-decoration:none;}
a.tg1:hover {color:#000000;}

.tg2  {font-family:Arial;}
.tg2  {color:#E6E6E6;}
a.tg2 {text-decoration:none;}

/* TAMANYS */
.t8 {font-size:8px;}
.t9 {font-size:9px;}
.t10 {font-size:10px;}
.t11 {font-size:11px;}
.t12 {font-size:12px;}
.t13 {font-size:13px;}
.t14 {font-size:14px;}
.t15 {font-size:15px;}
.t16 {font-size:16px;}
.t17 {font-size:17px;}
.t18 {font-size:18px;}
.t20 {font-size:20px;}
.t22 {font-size:22px;}
.t24 {font-size:24px;}
.t36 {font-size:36px;}

.e70 {font-size:0.7em;}
.e75 {font-size:0.75em;}
.e80 {font-size:0.8em;}
.e85 {font-size:0.85em;}
.e90 {font-size:0.9em;}
.e95 {font-size:0.95em;}
.e100 {font-size:1em;}
.e105 {font-size:1.05em;}
.e110 {font-size:1.1em;}
.e115 {font-size:1.15em;}
.e120 {font-size:1.2em;}
.e125 {font-size:1.25em;}
.e130 {font-size:1.30em;}
.e150 {font-size:1.5em;}

/* ESTILS */
p.bloc_titol  {margin:10px 0 0 0;}
p.bloc_actua  {margin:5px 0 0 10px;}
img.bloc_img  {vertical-align:middle; padding:2px 10px 5px 0; text-align:left;}
img.fitxa_img {vertical-align:middle; padding:5px 5px 8px 0; text-align:left;}
ul {padding:0 0 10px 18px; margin:0;}
ul li {padding-top:4px;}

.tjust   {text-align:justify;}
.tcentre {text-align:center;}
.tleft   {text-align:left;}
.tright  {text-align:right;}

.mtop2   {margin-top:2px;}
.mtop5   {margin-top:5px;}
.mtop10  {margin-top:10px;}
.mtop20  {margin-top:20px;}
.mtop40  {margin-top:40px;}
.mbot5   {margin-bottom:5px;}
.mbot15  {margin-bottom:15px;}

.ptop3    {padding-top:3px;}
.ptop5    {padding-top:5px;}
.ptop10   {padding-top:10px;}
.pleft5   {padding-left:5px;}
.pleft10  {padding-left:10px;}
.pright10 {padding-right:10px;}
.pright15 {padding-right:15px;}
.pright30 {padding-right:30px;}

.fleft   {float:left;}
.fright  {float:right;}

.italic    {font-style:italic;}
.subrallat {text-decoration:underline;}
.negreta   {font-weight:bold;}

.w100    {width:100%;}
.w100px  {width:100px;}
.w160px  {width:160px;}
.w245px  {width:245px;}
.w270px  {width:270px;}
.w284px  {width:284px;}
.w330px  {width:330px;}
.w443px  {width:443px;}
.w445px  {width:445px;}
.h60px   {height:60px;}
.h150px  {height:150px;}

.lineh12 {line-height:12px;}
.lineh15 {line-height:15px;}
.lineh20 {line-height:20px;}
.lineh25 {line-height:25px;}

.clear   {clear:both;}
.ocult   {visibility:hidden;}
.mano    {cursor:hand;}
.ajuda   {cursor:help;}