body{
        font-family:Arial,Verdana;
        font-size:12px;
        margin:0;
        margin-bottom:20px;
    }

    #site{
        width:804px;
        margin:auto;
    }
    #site #head{
        height:170px;
        width:200px;
        float:left;
    }

    #site #head #logo{
        width:320px;
        height:107px;
        background:url(/html/base/images/logo.gif);
        background-repeat:no-repeat;
        margin-top:10px;
        float:left;
    }

    #site #head #logo a{
        width:240px;
        height:107px;
        display:block;
    }
    #site #head #logo h1 {
        display:none;
    }
    #site  #loja{
        width:365px;
        height:172px;
        background:url(/html/base/images/loja.jpg);
        background-repeat:no-repeat;
        float:right;
    }

    #site #conteudo #topo{
        width:785px;
        height:20px;
        background:url(/html/base/images/topo.jpg);
        background-repeat:no-repeat;
    }

    #site #conteudo #interior{
        width:783px;
        background:url(/html/base/images/sombra.jpg);
        background-repeat:repeat-y;
        background-position:top right;
        background-color:#ca5196;
        margin-left:2px;
    }
    #site #conteudo #rodape{
        width:785px;
        height:30px;
        background:url(/html/base/images/rodape.jpg);
        background-repeat:no-repeat;
    }
    #site #conteudo #rodape #copyright{
        color:#fff;
        font-size:10px;
        font-family:Arial;
        float:right;
        padding-top:7px;
        padding-right:30px;
        
    }
    #site #logos{
        width:785px;
        height:41px;
        background:url(/html/base/images/logos.gif);
        background-repeat:no-repeat;
    }

    #site #logos2{
        width:785px;
        height:57px;
        background:url(/html/base/images/logos2.gif);
        background-repeat:no-repeat;
        background-position:center center;
        margin-bottom:10px;
    }

    #site #conteudo #interior #topo_branco{
        width:744px;
        height:12px;
        background:url(/html/base/images/topo_branco.jpg);
        background-repeat:no-repeat;
        margin:auto;
        background-color:#fff;
    }

    #site #conteudo #interior #texto{
        width:744px;
        background:#fff;
        margin:auto;
        padding-top:5px;
    }

    #site #conteudo #interior #texto #title h1{
        margin:0;
        color:#ca5196;
        font-size:1.8em;
        font-weight:bold;
        margin-left:20px;
    }

    #site #conteudo #interior #texto #conteudo{
        padding:20px;
    }

    #site #conteudo #interior #rodape_branco{
        width:744px;
        height:17px;
        background:url(/html/base/images/rodape_branco.jpg);
        background-repeat:no-repeat;
        margin:auto;
    }

    #site #menu {
      width:405px;
      position:relative;
      top:22px;
      left:25px;
    }
    #site #menu ul{
        margin:0;
        padding:0;
    }
    #site #menu li{
        list-style:none;
        float:left;
        margin-right:3px;
    }
    #site #menu li a{
        background-repeat:no-repeat;
        height:37px;
        display:block;
    }

    #site #menu li a span{
        display:none;
    }

    #site #menu li a.quemsomos, #site #menu li a.sel_1{
        width:114px;
        background:url(/html/base/images/tab1.gif);
    }

    #site #menu li a.comochegar, #site #menu li a.sel_2{
        width:118px;
        background:url(/html/base/images/tab2.gif);
    }

    #site #menu li a.loja, #site #menu li a.sel_3{
        width:66px;
        background:url(/html/base/images/tab3.gif);
    }

    #site #menu li a.contactos, #site #menu li a.sel_4{
        width:92px;
        background:url(/html/base/images/tab4.gif);
    }


    /* -- OVER --- */

    #site #menu li a.quemsomos:hover, #site #menu li a.sel_1{
        background:url(/html/base/images/over/tab1.gif);
    }
    #site #menu li a.comochegar:hover, #site #menu li a.sel_2{
        background:url(/html/base/images/over/tab2.gif);
    }
    #site #menu li a.loja:hover, #site #menu li a.sel_3{
        background:url(/html/base/images/over/tab3.gif);
    }
    #site #menu li a.contactos:hover, #site #menu li a.sel_4{
        background:url(/html/base/images/over/tab4.gif);
    }
    
    a{
     color:#33499A;
    }

        input{
        font-size:11px;
        font-family:Arial;
        padding:2px;
        border:1px solid #33499A;
    }
    .submit{
        background:#33499A;
        color:#fff;
        width:200px;
        font-size:12px;
    }