body {
            background-color: white;
            background-image: url('../media/body.png');
            color : #303030;
            font-family: arial;
            font-size : 12pt;
        }

        img#header-banner {
            position : absolute;
            top  : 0px;
            left : 132px;
            margin : 0px 0px 0px 0px;
            clear  : both;
        }

        div#menu {
            position: absolute;
            top     : 123px;
            left    : 133px;
            width   : 147px;
            /*height  : 100%;*/
            background : url('../media/barra-vert.png') no-repeat top;
            padding-top : 100px;
        }

        div#menu a {
            display : block;
            border-bottom  : 1px dott #e7fbe8;
            height  : 25px;
            padding : 5px 4px 2px 16px;
        }

        div#menu a:link {
            text-decoration : none;
            color : #779b68;
        }

        div#menu a:hover {
   background-color: #d7ebc8;
   text-decoration: none
}

        div#menu a:visited {
   color: #779b68;
   text-decoration: none
}

        div#main {
            position : absolute;
            top : 140px;
            left: 300px;
            width : 560px;
        }

        div#main h1 {
            font-family : Arial;
            font-size : 24pt;
        }

        div#main p {
            padding-left : 20px;
        }

        div#leftmargin {
            position : absolute;
            left : 0px;
            top : 0px;
            width  : 132px;
            /*height : 100%;*/
        }

        img#watermark {
            position  : absolute;
            top       : 300px;
            left      : -0px;
        }
        .titol {
            font-size: 14pt;
            font-weight : bold;
        }

        .text12 {
            color: #1e412e;
            font-size: 12pt;
            font-weight: bold;
            text-decoration: none
        }

        .optionx {
            display : block;
            font-weight: bold;
            position : relative;
            height : 45px;
            width  : 380px;
            padding-left : 15px;
            font-size : 20px;
            background-image : url('../media/cruz.gif');
            text-decoration : none;
            color : green;
        }
        .optionxp {
            display : block;
            position : relative;
            font-size : 16px;
            height : 40px;
            width  : 480px;
            padding-left : 15px;
            margin-top : 20px;
            padding-bottom : 0px;
            font-weight: bold;
            background-image : url('../media/cruz_llarga.gif');
            text-decoration : none;
            color : green;
        }

        .optionxp:hover {
            background-color: #d7ebc8;
            text-decoration : none;
            background-image : url('../media/creu_llarga_blanca.gif');
         }
        .lkguio {
            display : block;
            padding-left: 15px;
            padding-top: 5px;
            font-size : 14px;
            color : #779b68;
        }
        .lkguio {
            text-decoration : none;
            color : #779b68;
        }
        .lkguio:link  {
            text-decoration : none;
            color : #779b68;
        }
        .lkguio:hover {
            background-color: #d7ebc8;
            text-decoration : none;
        }
        .lkguio:visited {
            text-decoration : none;
            color : #779b68;
        }

        h2.title {
            position: relative;
            padding-top: 10px;
            left : -60px;
            height : 39px;
            width  : 580px;
            padding-left: 30px;
            background-image : url('../media/barra-hor.jpg');
            white-space: nowrap;
        }