#banner1c
{
    background-image: url('../img/stcalas-banner-1b.gif');
    background-repeat: repeat-x;
    text-align: right;
}
#menu1
{
    background-color: #F4F3EE;
    height: 34px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #919B9C;
    vertical-align: middle;
    text-align: center;
}
#onsoc1
{
    background-color: #FFF;
    height: 25px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #919B9C;
    vertical-align: top;
}
#onsoc1a
{
    float: left;
    vertical-align: top;
}
#onsoc1b
{
    padding: 6px 8px 1px 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #808080;
    font-weight: bold;
    float: left;
    text-align: left;
    width: 60%;
}
#onsoc1c
{
    padding: 6px 8px 1px 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #808080;
    font-weight: bold;
    text-align: right;
}
#hmenu 
{
    position: absolute; /* Menu position that can be changed at will */
    top: 83px;
    left: 28px;
    z-index: 100;
    width: 750px; /* precision for Opera */
}
#hmenu dl 
{
    float: left;
    width: 110px;
    height: 26px;
}
#hmenu dt 
{
    font-family: "Trebuchet MS";
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    background: #ccc;
    border: 1px solid gray;
    margin: 1px;
    cursor: pointer;
}
#hsmenu1, #hsmenu2, #hsmenu3, #hsmenu4, #hsmenu5, #hsmenu6
{
    display: none;
    position: absolute; /* Menu position that can be changed at will */
    top: 112px;
    z-index: 101;
}
#hsmenu1 { left: 28px; }
#hsmenu2 { left: 138px; }
#hsmenu3 { left: 248px; }
#hsmenu4 { left: 358px; }
#hsmenu5 { left: 468px; }
#hsmenu6 { left: 578px; }
#hsmenu1 dt, #hsmenu2 dt, #hsmenu3 dt, #hsmenu4 dt, #hsmenu5 dt, #hsmenu6 dt
{
    font-family: "Trebuchet MS";
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #ccc;
    margin: 0px;
    cursor: pointer;
}
#hmenu dt a, #hsmenu1 dt a, #hsmenu2 dt a, #hsmenu3 dt a, #hsmenu4 dt a, #hsmenu5 dt a, #hsmenu6 dt a
{
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
}
#hmenu dt a:hover, #hmenu dt a:focus,
#hsmenu1 dt a:hover, #hsmenu1 dt a:focus,
#hsmenu2 dt a:hover, #hsmenu2 dt a:focus,
#hsmenu3 dt a:hover, #hsmenu3 dt a:focus,
#hsmenu4 dt a:hover, #hsmenu4 dt a:focus,
#hsmenu5 dt a:hover, #hsmenu5 dt a:focus,
#hsmenu6 dt a:hover, #hsmenu6 dt a:focus 
{
    color: #fff;
    background: #ffaa28; /*#ff8b17;*/
}
#contingut1
{
    padding: 0px 24px 0px 24px;
    margin: 0px;
    background-image: url('../img/bg-canvas.gif');
    background-repeat: repeat;
    height: 100%;
    min-width: 720px;
}
#titol1
{
    padding: 8px;
    margin: 0px;
    background-color: #FFF;
    height: 100%;
}
#titol1a
{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 50%;
    text-align: left;
}
#titol1b
{
    padding: 0px;
    margin: 0px;
    float: right;
    text-align: right;
}
#titol1a h1, #titol1a h2, #titol1a h3, #titol1a h4, #titol1a p,
#titol1b h1, #titol1b h2, #titol1b h3, #titol1b h4, #titol1b p
{
    padding: 2px 0px 2px 0px;
    margin: 0px;
}
#titol1a h2, #titol1b h2
{
    font-size: 140%;
    color: #808080;
}
#titol1a h3, #titol1b h3
{
    font-size: 110%;
    font-style: italic;
}
#titol1a h4, #titol1b h4
{
    font-size: 70%;
    color: #808080;
    font-weight: normal;
    font-style: normal;
}
#titol1a p, #titol1b p
{
    font-size: small;
}
#columna12
{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 33%;
    height: 100%;
}
#columna12 h1
{
    font-size: large;
    color: #FFF;
    text-align: center;
    padding: 2px;
    margin: 0px;
}
#columna22
{
    float: right;
    padding: 0px;
    margin: 0px;
    background-color: #FFF;
    width: 66%;
    height: 100%;
}
#columna22i
{
    padding: 0px 8px 8px 12px;
    margin: 0px;
    height: 100%;
}
#columna22a
{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 316px;
    height: 280px;
}
#columna22b
{
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 8px;
    height: 280px;
}
#columna22c
{
    padding: 0px;
    margin: 296px 0px 8px 0px;
}
#columna22 h1
{
    font-size: x-large;
    color: #FFF;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
#peu1
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    background-image: url('../img/bg-peu1.gif');
    background-repeat: repeat-x;
}
#peu1 h1
{
    padding: 4px;
    margin: 2px 0px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}
#peu1 p
{
    font-size: 70%;
    font-weight: normal;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 8px 0px;
    color: #808080;
}