BODY {
    MARGIN: 0px;
}
.TextArial16CinzaBold {
    FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: arial
}
.TextArial16BrancoBold {
    FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: arial
}

.TextTahoma11CinzaBold {
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: tahoma
}
.TextTahoma11BrancoBold {
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: tahoma
}

.TextTahoma11Cinza {
    FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: tahoma
}
.TextLink {
    FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: tahoma;  text-decoration: none; FONT-WEIGHT: bold;
}
.TextTahoma11CinzaClaro {
    FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: tahoma
}
.Vermelho {
    FONT-SIZE: 11px; COLOR: red;  FONT-WEIGHT: bold; FONT-FAMILY: tahoma
}

.borda_tabela {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}

.Form80 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 80px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 18px; BACKGROUND-COLOR: #f7f7f7
}
.Form280 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 280px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 18px; BACKGROUND-COLOR: #f7f7f7
}
.Form200 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 200px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 18px; BACKGROUND-COLOR: #f7f7f7
}
.Form300 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 300px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 50px; BACKGROUND-COLOR: #f7f7f7
}
.Form350 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 300px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 80px; BACKGROUND-COLOR: #f7f7f7
}
.FormBotao {
    BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; WIDTH: 80px; COLOR: #333333; BORDER-BOTTOM: #000000 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 20px; BACKGROUND-COLOR: #e5e5e5; FONT-WEIGHT:bold; CURSOR: hand    
}
.FormBotaoG {
    BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; WIDTH: 150px; COLOR: #333333; BORDER-BOTTOM: #000000 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 20px; BACKGROUND-COLOR: #e5e5e5; FONT-WEIGHT:bold; CURSOR: hand
}
.Form45 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 45px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 18px; BACKGROUND-COLOR: #f7f7f7
}
.Form140 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 140px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 18px; BACKGROUND-COLOR: #f7f7f7
}
.Form170 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 170px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 18px; BACKGROUND-COLOR: #f7f7f7
}
.Form100 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100px; COLOR: #333333; BORDER-BOTTOM: #cccccc 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma; HEIGHT: 18px; BACKGROUND-COLOR: #f7f7f7
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100px;
    border-bottom: 1px solid #cccccc;
    }
ul li {
    position: relative;
    }
li ul {
    position: absolute;
    left: 100px;
    top: 0;
    display: none;
    }

ul li a {
    display: block;
    text-decoration: none;
    color: #000000;
    background: #fff;
    padding: 5px;
    border: 1px solid #cccccc;
    border-bottom: 0;
    }
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }

ul li a:hover { color: red; font-weight: bold; background: #eeeeee; } /* Configuração de cor e fundo para quando o mouse estiver sobre o item */
        
li ul li a { padding: 2px 5px; } /* Estilo dos sub-menus */
        
li:hover ul, li.over ul { display: block; } /* Efeito que faz aparecer os submenus */