body{
    margin:0;
    padding:0;
    font-family: Trebuchet MS, arial, verdana, sans-serif;
    color: #333333;
    background:url('../images/bg_site.jpg');
    background-position:center 0;
    background-repeat:no-repeat;
    font-size:11px;
}
a {
   outline: none;
}
.clear{clear:both;}
#site {
    width: 812px;
    margin: 0 auto;
    background: url('../images/bg_site.jpg') repeat-y top center;
}
#cabecalho {
    background: url('../images/bg_cabecalho.jpg') repeat-y top center;
    
    height:140px;
}
#cabecalho .logo {
    float:left;
    margin-left: 72px;
    padding-top:17px;
}
#cabecalho .menu {
    float: right;
    position:relative;
    top:55px;
    right:40px;
    width:410px;
    height:15px;
    margin-top:55px;
    margin-right:40px;
    margin:0;
    padding:0;
}
    #cabecalho .menu li {
        float:left;
        list-style-type:none;
        margin:0;
        padding:0;
    }

        #cabecalho .menu li a {
            text-indent:-3000px;
            display:block;
            height:15px;
            margin-right:20px;
        }
        #cabecalho .menu li.home a {
            width: 39px;
            background: url('../images/menu_home_off.png') no-repeat;
        }
        #cabecalho .menu li.home a:hover,
        #cabecalho .menu li.home.atual a {
            background: url('../images/menu_home_on.png') no-repeat;
        }
        #cabecalho .menu li.empresa a {
            width: 133px;
            background: url('../images/menu_empresa_off.png') no-repeat;
        }
        #cabecalho .menu li.empresa a:hover,
        #cabecalho .menu li.empresa.atual a {
            background: url('../images/menu_empresa_on.png') no-repeat;
        }
        #cabecalho .menu li.projeto a {
            width: 117px;
            background: url('../images/menu_projeto_off.png') no-repeat;
        }
        #cabecalho .menu li.projeto a:hover,
        #cabecalho .menu li.projeto.atual a {
            background: url('../images/menu_projeto_on.png') no-repeat;
        }
        #cabecalho .menu li.contato a {
            width: 54px;
            margin-right:0px;
            background: url('../images/menu_contato_off.png') no-repeat;
        }
        #cabecalho .menu li.contato a:hover,
        #cabecalho .menu li.contato.atual a {
            background: url('../images/menu_contato_on.png') no-repeat;
        }


#cabecalho .areaRestrita {
    float:right;
    position:relative;
    top:82px;
    right:30px;
    width:370px;
    height:40px;
}

#cabecalho .areaRestrita .login label {
    position:absolute;
    top:-11px;
    text-transform: uppercase;
    font-size:8px;
}

#cabecalho .areaRestrita .login #lblLogin { left:96px; }
#cabecalho .areaRestrita .login #lblSenha { left:179px; }
#cabecalho .areaRestrita .login #lblCodigo{ left:264px; }

#cabecalho .areaRestrita .acesso {
    float:left;
    margin-top:5px;
}
#cabecalho .areaRestrita .login input.login, #cabecalho .areaRestrita .login input.senha {
    float:left;
    width:75px;
    height:13px;
    margin-left:5px;
}
#cabecalho .areaRestrita .login input.codigo {
    float:left;
    width:50px;
    height:13px;
    margin-left:5px;
}
#cabecalho .areaRestrita .ok {
    float:left;
    margin-top:0px;
    margin-left:5px;
}
#corpo {
    background: url('../images/corpo_bg.jpg') repeat-y top center;
    width:812px;
    height:450px;
}
#corpo .destaque {
    margin-top:20px;
}
#corpo .destaque a{
    margin-left: 20px;
}
#rodape {
    background: url('../images/rodape.jpg') no-repeat top center;
    margin-top:-28px;
    height:115px;
    color:#747474;
    width:812px;
}
#rodape .texto {
    padding-top:30px;
    margin-left:30px;
}