HTML .boxhead H2
{
    HEIGHT: 1%
}
.boxhead
{
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: right top;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(mailsala_head.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    OVERFLOW: auto;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 60px
}
.boxhead H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    PADDING-BOTTOM: 0px;
    MARGIN: -22px 0px 0px 280px;
    COLOR: white;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left
}
DIV
{
    TEXT-ALIGN: left
}
P
{
    TEXT-ALIGN: left
}
PRE
{
    TEXT-ALIGN: left
}
.contingut
{
    WIDTH: 772px
}
.body
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent
}
.boxmini
{
    PADDING-BOTTOM: 5px
}
.boxminibody
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 10px;
    BACKGROUND-IMAGE: url(mailsala_body30p.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: no-repeat
}
.boxminibody P
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 0px;
    LINE-HEIGHT: 20px
}
.boxminihead
{
    BACKGROUND-IMAGE: url(mailsala_head30p.gif);
    MARGIN: 0px;
    OVERFLOW: auto;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 36px
}
.boxminihead H2
{
    MARGIN-TOP: 7px;
    FONT-SIZE: medium;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 5px;
    COLOR: white
}
.boxtitlehead
{
    OVERFLOW: auto;
    WIDTH: 100%;
    HEIGHT: 100%
}
.boxfoot
{
    CLEAR: both;
    WIDTH: 100%;
    BACKGROUND-COLOR: #1b521b;
    TEXT-ALIGN: center
}
.boxfoot H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    CURSOR: pointer;
    COLOR: white;
    TEXT-ALIGN: center
}
.boxmain
{
    FLOAT: right;
    WIDTH: 530px
}
.boxmainhead
{
    HEIGHT: 72px
}
.boxmainbody
{
    PADDING-BOTTOM: 50px
}
.boxtip
{
    BORDER-RIGHT: #63639d 1px solid;
    BORDER-TOP: #63639d 1px solid;
    MARGIN-TOP: -20px;
    PADDING-LEFT: 5px;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 5px;
    MARGIN-LEFT: 22px;
    BORDER-LEFT: #63639d 1px solid;
    WIDTH: 481px;
    COLOR: black;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #63639d 1px solid;
    TEXT-ALIGN: left
}
.boxinfo1left
{
    CLEAR: left;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    WIDTH: 260px
}
.boxinfo1headleft
{
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(info1_head.gif);
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo1bodyleft
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: url(info1_body.gif);
    PADDING-BOTTOM: 10px;
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo1headleft H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px
}
.boxinfo1bodyleft P
{
    MARGIN-TOP: 0px;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 20px;
    MARGIN-RIGHT: 10px;
    PADDING-TOP: 15px
}
.boxinfo1right
{
    CLEAR: right;
    FLOAT: right;
    PADDING-BOTTOM: 5px;
    WIDTH: 260px
}
.boxinfo1headright
{
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(info1_head.gif);
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo1bodyright
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: url(info1_body.gif);
    PADDING-BOTTOM: 10px;
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo1headright H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px
}
.boxinfo1bodyright P
{
    MARGIN-TOP: 0px;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 20px;
    MARGIN-RIGHT: 10px;
    PADDING-TOP: 15px
}
.boxinfo2
{
    PADDING-BOTTOM: 5px;
    MARGIN-LEFT: 5px;
    WIDTH: 530px
}
.boxinfo2head
{
    BACKGROUND-POSITION: center top;
    MARGIN-TOP: 0px;
    BACKGROUND-IMAGE: url(info2_head.gif);
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo2body
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 5px;
    FONT-SIZE: small;
    BACKGROUND-IMAGE: url(info2_body.gif);
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 10px;
    BACKGROUND-REPEAT: no-repeat
}
.boxinfo2head H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px
}
.boxinfo2body P
{
    MARGIN-TOP: 0px;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 20px;
    MARGIN-RIGHT: 10px;
    PADDING-TOP: 15px;
    TEXT-ALIGN: justify
}
.boxutiles
{
    PADDING-BOTTOM: 5px
}
.boxutileshead
{
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-IMAGE: url(mailsala_head30p.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 36px
}
.boxutilesbody
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 10px;
    FONT-SIZE: small;
    BACKGROUND-IMAGE: url(mailsala_body30p.gif);
    PADDING-BOTTOM: 5px
}
.boxutileshead H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    PADDING-BOTTOM: 2px;
    COLOR: white;
    PADDING-TOP: 2px
}
.boxutilfoot
{
    BORDER-RIGHT: #63639d 1px;
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-IMAGE: url(mailsala_body30p.gif);
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #63639d 1px;
    WIDTH: 232px;
    BORDER-BOTTOM: #63639d 1px;
    BACKGROUND-REPEAT: no-repeat
}
.boxutilfoot P
{
    MARGIN-TOP: 0px;
    PADDING-LEFT: 10px;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 5px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: underline
}
.boxleft
{
    FLOAT: left;
    MARGIN-LEFT: 1px;
    WIDTH: 232px
}
.boxtitlehead H2
{
    MARGIN-TOP: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: white;
    MARGIN-RIGHT: 5px;
    TEXT-ALIGN: right;
    PADDING: 3px;
}
.boxinfo3
{
    FONT-SIZE: small;
    LEFT: 0px;
    VISIBILITY: hidden;
    WIDTH: 226px;
    POSITION: absolute;
    TOP: 0px
}
.boxinfo3head
{
    BACKGROUND-POSITION: center top;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(info3_head.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 40px;
    TEXT-ALIGN: center
}
.boxinfo3body
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 10px;
    FONT-SIZE: small;
    BACKGROUND-IMAGE: url(info3_body.gif);
    BACKGROUND-REPEAT: repeat-y
}
.boxinfo3foot
{
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-IMAGE: url(info3_foot.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 89px
}
.boxmenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    CURSOR: pointer;
    LINE-HEIGHT: 20px
}
.boxsubmenu
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    VISIBILITY: hidden;
    BORDER-LEFT: 1px;
    BORDER-BOTTOM: 1px;
    POSITION: absolute
}
.dis_FormInput
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: small;
    BORDER-LEFT: 1px solid;
    COLOR: white;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-COLOR: #ff6600
}
.dis_FormBoton
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: x-small;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.boxutilidades
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    VISIBILITY: hidden;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: white
}
.boxbanner1
{
    PADDING-BOTTOM: 5px
}
.boxbanner1head
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(mailsala_head30p.gif);
    MARGIN-LEFT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 36px
}
.boxbanner1body
{
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: url(mailsala_body30p.gif);
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: no-repeat
}
.boxbanner1head H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    COLOR: white;
    PADDING-TOP: 2px
}
.boxbanner1body P
{
    MARGIN-TOP: 0px;
    PADDING-LEFT: 5px;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 0px;
    LINE-HEIGHT: 20px
}
.boxbanner1body H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    CURSOR: crosshair;
    COLOR: black;
    TEXT-DECORATION: underline
}
.boxbanner2
{
    BORDER-RIGHT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid;
    MARGIN-BOTTOM: 5px;
    MARGIN-LEFT: 5px;
    BORDER-LEFT: #000066 1px solid;
    BORDER-BOTTOM: #000066 1px solid;
    HEIGHT: 70px;
    BACKGROUND-COLOR: #faa770
}
.boxbanner2head
{
}
.boxbanner2body
{
    WIDTH: 530px;
    HEIGHT: 120px
}
.boxbanner2head H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px
}
.boxinfo2body H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    CURSOR: pointer;
    MARGIN-RIGHT: 20px;
    TEXT-ALIGN: right;
    TEXT-DECORATION: underline
}
.boxinfo1bodyleft H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    CURSOR: pointer;
    MARGIN-RIGHT: 20px;
    TEXT-ALIGN: right;
    TEXT-DECORATION: underline
}
.boxinfo1bodyright H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    CURSOR: pointer;
    MARGIN-RIGHT: 20px;
    TEXT-ALIGN: right;
    TEXT-DECORATION: underline
}
.boxminibody FORM
{
    FONT-WEIGHT: bold;
    FONT-SIZE: small
}
A
{
    BORDER-RIGHT: black 1px;
    BORDER-TOP: black 1px;
    BORDER-LEFT: black 1px;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    TEXT-DECORATION: none
}
A IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
.boxvarios
{
    MARGIN-LEFT: 5px;
    OVERFLOW: auto;
    WIDTH: 530px;
    BACKGROUND-COLOR: transparent
}
.boxmain2
{
    FLOAT: left;
    WIDTH: 530px
}
.boxmain2head
{
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(main_head.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 72px
}
.boxmain2body
{
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-IMAGE: url(main_body.gif);
    PADDING-BOTTOM: 50px;
    BACKGROUND-REPEAT: no-repeat
}
.dis_TableLogin
{
    PADDING-LEFT: 5px;
    FONT-SIZE: small;
    WIDTH: 100%;
    TEXT-ALIGN: left
}
.dis_FormInput #usuari
{
    WIDTH: 50px
}
.dis_FormInput #contrasenya
{
    WIDTH: 50px
}
.boxcalendario
{
    PADDING-BOTTOM: 5px
}
.boxfoot A
{
    COLOR: white
}
.boxfoot .imglink
{
    CURSOR: pointer
}
.imgangryface
{
    BACKGROUND-IMAGE: url(angryface.gif)
}
.imglolface
{
    BACKGROUND-IMAGE: url(lolface.gif)
}
.imghappyface
{
    BACKGROUND-IMAGE: url(happyface.gif)
}
.imgpreocupatedface
{
    BACKGROUND-IMAGE: url(procupatedface.gif)
}
.imgindiferentface
{
    BACKGROUND-IMAGE: url(indiferentface.gif)
}
.dis_TableMnt
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.dis_FormSelect
{
    FONT-SIZE: small;
    COLOR: white;
    BACKGROUND-COLOR: #ff6600
}
.dis_FormArea
{
    FONT-SIZE: small;
    COLOR: white;
    BACKGROUND-COLOR: #ff6600
}
.dis_Aoffline
{
    COLOR: silver;
    FONT-STYLE: oblique;
    TEXT-DECORATION: none
}
.boxinfo2body H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    MARGIN-BOTTOM: 5px;
    FONT-STYLE: italic;
    TEXT-ALIGN: left
}
.boxinfo2body A
{
    MARGIN-LEFT: 5px
}
.dis_TableFav
{
    FONT-SIZE: small;
    WIDTH: 100%;
    TEXT-ALIGN: left
}
.dis_TableFav A
{
    TEXT-DECORATION: none
}
.dis_TableFav A I
{
    COLOR: red
}
.dis_TableDownloads
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    MARGIN-BOTTOM: 5px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: black 1px solid
}
.boxminibody OBJECT
{
    MARGIN-TOP: -5px;
    MARGIN-BOTTOM: 1px;
    MARGIN-LEFT: -9px
}
.boxutilesbody LI
{
}
.boxutilesbody UL
{
}
.boxutilesbody LI SPAN
{
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.mailsalacom
{
    COLOR: #ff6600
}
.dis_cactiu
{
    COLOR: blue
}
.dis_cinactiu
{
    COLOR: red
}
.img_aceptar
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BACKGROUND-IMAGE: url(vistobueno.gif);
    BORDER-LEFT: black 1px solid;
    WIDTH: 16px;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px
}
.img_cancelar
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BACKGROUND-IMAGE: url(eliminar.gif);
    BORDER-LEFT: black 1px solid;
    WIDTH: 16px;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px
}
.solucio
{
    BACKGROUND-IMAGE: url(bombetaajuda.gif);
    WIDTH: 12px;
    HEIGHT: 16px
}
.dis_TableArticle
{
}
.dis_TableArticle #imatge
{
    WIDTH: 175px;
    COLOR: aqua;
    HEIGHT: 175px
}
.dis_TableArticle #introduccio
{
    FONT-WEIGHT: bold;
    TEXT-ALIGN: justify
}
.dis_TableArticle #article
{
    TEXT-ALIGN: justify
}
.dis_TableArticle #comentari_imatge
{
    FONT-SIZE: small;
    FONT-STYLE: italic
}
.boxmgeneral
{
    MARGIN-TOP: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 2px;
    MARGIN-LEFT: 1px;
    COLOR: white;
    LETTER-SPACING: 1px;
    BACKGROUND-COLOR: #1b521b;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.boxmgeneral A
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    COLOR: white;
    BORDER-BOTTOM: medium none;
    TEXT-DECORATION: none
}
.dis_TableOnline
{
    FONT-WEIGHT: bold;
    FONT-SIZE: small
}
.dis_TableDesc
{
    FONT-WEIGHT: bold;
    COLOR: #ff6600;
    TEXT-ALIGN: justify
}
.dis_TableDesc IMG
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    WIDTH: 64px;
    BORDER-BOTTOM: black 1px solid;
    HEIGHT: 64px
}
.boxmgeneral H2
{
    FONT-SIZE: small;
    CURSOR: pointer;
    COLOR: white
}
.boxmgeneral IMG
{
    WIDTH: 16px;
    HEIGHT: 16px
}
.dis_FormBotonNegrita
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.dis_FormBotonCursiva
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: x-small;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-STYLE: italic
}
.boxcercar
{
    FONT-SIZE: small;
    MARGIN-BOTTOM: 5px;
    MARGIN-LEFT: 1px;
    COLOR: white;
    LETTER-SPACING: 1pt;
    BACKGROUND-COLOR: #1b521b;
    TEXT-ALIGN: right
}
.boxcercar A
{
    COLOR: white
}
.prssfeed
{
    PADDING-BOTTOM: 5px;
    MARGIN-RIGHT: 10px;
    TEXT-ALIGN: center
}
.boxcercar FORM
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}