﻿.MOEDAUS
{
mso-number-format:”_\(\[$$ -416\]* \#\,\#\#0\.00_\)\;_\(\[$$ -416\]* \\\(\#\,\#\#0\.00\\\)\;_\(\[$$ -416\]* \0022-\0022??_\)\;_\(\@_\)”;
}


body
{
background-image: url(Fundo.gif);
}

caption
{
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        16px;
font-style:       normal;
line-height:      140%;
}

div.BarraNavegacao 
{
/* <div class="BarraNavegacao" style="left: 5px; top: 380px;"> */
background-color: #FFFFFF; /* #E9F3DE;*/
background-image: url(Imagens/Textura.jpg);
border-color:     #FFFFFF;
border-style:     outset;
color:            #000000;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
line-height:      30%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             0px;
top:              348px;
width:            830px;
height:           35px;
}

div.Cabecalho
{
background-color: #EB003A;
border-style:     outset;
border-color:     #FFFFFF;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        16px;
font-style:       normal;
height:           50px;
left:             0px; 
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
top:              0px;
width:            995px;
}

div.ConsultaActual
{
/* <div class="ConsultaActual" style="left: 30px; top: 350px; width: 800px;"> */
background-color: #FFFFFF;
border-color:     #FFFFFF;
border-style:     outset;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
line-height:      60%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             0px;
top:              470px;
width:            988px;
height:           28px;
}

div.Menu
{
/* <div class="MenuVertical" style="left: -8px; top: -14px; width: 200px; height: 580px;"> */
background-color: #FC6619;
border-style:     outset;
border-color:     #FFFFFF;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
height:           610px;
left:             0px; 
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
top:              60px;
width:            160px;
}

div.Operacoes 
{
/* <div class="Operacoes" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */
background-color: #FFFFFF;
border-color:     #FFFFFF;
border-style:     outset;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             720px;
top:              404px;
width:            268px;
height:           32px;
}

div.PesquisarExpressao
{
background-color: #FFFFCC;
border-color:     #FFFFFF;
border-style:     outset;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
line-height:      50%;
margin:           0cm 0cm 0cm 0cm;
overflow:         hidden;
position:         absolute;
left:             0px;
top:              429px;
width:            350px;
height:           34px;
}

div.Suporte 
{
/* <div class="Suporte" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */
background-color: #FFFFFF;
background-image: url(Imagens/Textura.jpg);
border-color:     #FFFFFF;
border-style:     outset;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
height:           505px;
left:             0px; 
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
top:              58px;
width:            995px;
}

div.Tabelas 
{
/* <div class="Suporte" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */
background-color: #FFFFFF;
background-image: url(Imagens/Textura.jpg);
border-color:     #FFFFFF;
border-style:     outset;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
height:           440px;
left:             5px; 
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;
top:              0px;
left:             0px;
width:            988px;
height:           338px;
}

select
{
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
}

input
{
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        11px;
font-style:       normal;
line-height:      120%;
}

image
{
border-color: #FFFFFF;
}

/*                              */
/* CSS dos botões rectangulares */
/*                              */
      
a.BotoesRectangulares
{
background:      transparent url('square-blue-left.gif') no-repeat top left;
display:         block;
float:           left;
font-family:     "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:       12px;
font-style:      normal;
height:          23px; /* Height of button background height 23*/
line-height:     120%; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) 15*/
margin-bottom:   5px;
padding-left:    9px; /* Width of left menu image */
position:        absolute;
text-decoration: none;
}

a:link.BotoesRectangulares, a:visited.BotoesRectangulares, a:active.BotoesRectangulares{
color: #494949; /*button text color*/
}

a.BotoesRectangulares span{
background: transparent url('square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.BotoesRectangulares:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.BotoesRectangulares:hover span{ /* Hover state CSS */
background-position: bottom right;
color:               black;
}


/*                                   */
/* CSS do Menu vertical invisivel    */
/*                                   */
/* Cor da fonte     #000000 Preto          */
/* Seleccionado     #999999 Cinzento escuro opção seleccionada */
/* Não seleccionado #CCCCCC Cinzento claro */

/* common styling */
.menu3
{
left:        -5px; 
top:         -14px;
font-family: "Courier New", Verdana, Arial, Helvetica, sans-serif; 
width:       150px; 
position:    relative;  
font-size:   11px; /* 0.85em; */
z-index:     100;
clear:       both; 
margin-left: 10px; /* for this page only */
}
 
.menu3 ul 
{
padding:         0;  
margin:          0; 
list-style-type: none;
}

.menu3 ul li 
{
float:    left; 
position: relative;
}

.menu3 li.last 
{
border-bottom: 1px solid #000000; /* Rebordo inferior dos segundos menus de desdobramento */ 
margin:        0;
}

.menu3 ul li a, .menu3 ul li a:visited
{
display:         block; 
text-decoration: none; 
width:           170px; /* Comprimento do título MENU 139px; */
height:          30px; 
color:           #000000; /* Cor da fonte do cabeçalho do Menu */ 
border:          1px solid  #000000; /* Rebordo dos menus */
border-width:    1px 1px 0 1px; 
padding-left:    10px; 
line-height:     25px; 
background:      #CCCCCC; /* 999999Cor do fundo do cabeçalho do Menu */
}

.menu3 ul li ul
{
display: none;
}

.menu3 table
{
margin:          -1px; 
border-collapse: collapse;
font-size:       1em;
}
 
/* specific to non IE and IE7 browsers */
.menu3 ul li:hover a
{
color: #000000;
}

.menu3 ul li:hover ul
{
display:    block; 
position:   absolute; 
top:        29px; 
margin-top: 1px; 
left:       0; 
width:      150px; /* */
height:     auto;
}

.menu3 ul li:hover ul li ul 
{
display: none;
}

.menu3 ul li:hover ul li a
{
display:     block; 
background:  #CCCCCC; 
color:       #000000; /* Cor da fonte do menu de 1º nível */ 
height:      auto; 
line-height: 15px; 
padding:     8px 10px; 
width:       160px; /* Largura dos menus 129px; */
}

.menu3 ul li:hover ul li a.drop 
{
background: #CCCCCC url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat;
}

.menu3 ul li:hover ul li:hover a 
{
background: #999999; /* Opção onde se está posionado*/
color:      #000000; /* Cor da fonte da opção seleccionada */
}

.menu3 ul li:hover ul li:hover a.drop 
{
background: #999999 url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat;
}

.menu3 ul li:hover ul li:hover ul 
{
display:  block;  
position: absolute; 
left:     182px; /* Posição dos segundos menus de desdobramento 150px; */
top:      -1px; 
width:    150; /* Não tem influencia */
}

.menu3 ul li:hover ul li:hover ul li a 
{
background: #CCCCCC; 
color:      #000000; /* Cor da fonte do menu 2º nível */
}

.menu3 ul li:hover ul li:hover ul li:hover a 
{
background: #999999; 
color:      #000000; /* Cor da fonte da opção seleccionada do menu de 2º nível */
}
 
/* for IE5.x and IE6 browsers only */
.menu3 ul li a:hover 
{
color:      #000000; 
background: #CCCCCC; /* Sobre o Menu */
}

.menu3 ul li a:hover ul 
{
display:     block; 
position:    absolute; 
top:         29px; 
left:        0; 
background:  #eee; 
margin-top:  0; 
}

.menu3 ul li a:hover ul li a 
{
display:     block; 
background:  #CCCCCC; 
color:       #000000; 
height:      30px; 
line-height: 15px; 
padding:     5px 10px; 
width:       151px;  /* Não tem influencia */
}

.menu3 ul li a:hover ul li a.drop 
{
background: #999999 url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat; /* Sem influencia */
}

.menu3 ul li a:hover ul li a ul 
{
visibility: hidden; 
position:   absolute; 
height:     0; 
width:      0;
}

.menu3 ul li a:hover ul li a:hover 
{
background: #999999; /* Sem influencia */
color:      #000000;
}

.menu3 ul li a:hover ul li a.drop:hover 
{
background:  #CCCCCC url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat; /* Não tem influencia */
}

.menu3 ul li a:hover ul li a:hover ul 
{
visibility: visible; 
position:   absolute; 
top:        0; 
color:      #000000; 
left:       150px; /* Não tem influencia */
}
 
hr 
{
clear:         both; 
margin-bottom: 30px;
} 

.left 
{
clear: both;
}
 
<!--[if lte IE 5.5]>
.menu3 ul li a, .menu3 ul li a:visited 
{
width:  151px; 
}
<!--[endif]-->
 
 
div.MeuMenu
{
width: 100px;
background-color: #33FF00 
}