_div { border: solid 1px #FF0000; }

body
{
    margin: 0;
    text-align: center;
    
    background-color: #FEBE10;
}

#site
{
    text-align: center;
}

/* ********************************************************************** */
/* BANNER */
#banner
{
    height: 145px;

    background-color: #F9DF29;

    /*
    background-image: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/DEL_banner_pontoum.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    */
}
/* ********************************************************************** */
/* MENU */
#menu
{
    height: 30px;
    line-height: 30px;
    text-align: center;

    background-color: #FFFFFF;
}

#menu #menuitem
{
    width: 100px;
    height: 30px;
    
    float: left;
}
#menu #menuitem:hover
{
    cursor: pointer;
    color: #FFFFFF;
    
    background-image: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Menu-Over.png");
    background-position: center top;
    background-repeat: no-repeat;
}

/* SUBMENU */
#submenu { width: 800px; }

#submenu #canto_se { width: 20px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Canto_se.png") center right no-repeat; }
#submenu #lado_s { width: 1px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Lado_s.png") center bottom repeat-x; }
#submenu #canto_sd { width: 20px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Canto_sd.png") center left no-repeat; }

#submenu #lado_e { width: 20px; height: 1px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Lado_e.png") center right repeat-y; }
#submenu #centro { width: 780px; height: 12px; background-color: #FFFFFF; text-align: center; }
#submenu #lado_d { width: 20px; height: 1px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Lado_d.png") center left repeat-y; }

#submenu #canto_ie { width: 20px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Canto_ie.png") center right no-repeat; }
#submenu #lado_i { width: 1px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Lado_i.png") center top repeat-x; }
#submenu #canto_id { width: 20px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Canto_id.png") center left no-repeat; }

#submenu #centro a
{
    padding: 0 10px 0 10px;
}

/* ********************************************************************** */
/* MAIN */
#main
{
    clear: both;
    
    width: 800px;
    text-align: center;
}
/* INFO */
#info
{
    float: left;

    width: 700px;
    text-align: center;
}
#info #canto_se { width: 20px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Canto_se.png") center right no-repeat; }
#info #lado_s { width: 1px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Lado_s.png") center bottom repeat-x; }
#info #canto_sd { width: 20px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Canto_sd.png") center left no-repeat; }

#info #lado_e { width: 20px; height: 1px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Lado_e.png") center right repeat-y; }
#info #centro { width: 640px; background-color: #FFFFFF; text-align: justify; }
#info #lado_d { width: 20px; height: 1px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Lado_d.png") center left repeat-y; }

#info #canto_ie { width: 20px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Canto_ie.png") center right no-repeat; }
#info #lado_i { width: 1px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Lado_i.png") center top repeat-x; }
#info #canto_id { width: 20px; height: 19px; background: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Canto_id.png") center left no-repeat; }

/* DESTAQUES */
#destaques
{
    float: right;
    
    width: 100px;
    padding: 10px 0 0 0;
}
/* ********************************************************************** */
/* RODAPÉ */
#rodape
{
    clear: both;
    
    height: 60px;
    padding: 10px 0 0 0;
    text-align: center;
    
    background-image: url("http://nersolutions.nersant.pt/dev/pontoum/Imagens/Publimeios/Rodape.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
}
#rodape #area { width: 800px; }
#rodape #area #left { float: left; padding: 0 0 0 20px; }
#rodape #area #right { float: right; padding: 0; }

        
/* ********************************************************************** */

.invisivel { display: none; }
.visivel { display: block; }

/* ********************************************************************** */