/*                           */
/* CSS do sítio www.aesda.pt */
/*                           */
a
{
color:            #66FF33; /* #FFFF99; */
font-family:      Courier New, Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      140%;
}

body
{
background: #000000;
}

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

div.Cabecalho
{
background-color: #000000; /* #E9F3DE; */
border-color:     #FFFFFF;
border-style:     none; /* outset */
color:            #FFFF99;
font-family:      Courier New, Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      140%;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;
left:             0px; 
top:              0px; 
width:            990px; 
height:           130px;
}

div.BarraNavegacao 
{
/* <div class="BarraNavegacao" style="left: 5px; top: 380px;"> */
background-color: #000000; /* #E9F3DE;*/
border-color:     #FFFFFF;
border-style:     outset;
color:            #FFFF99;
font-family:      Courier New, Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      140%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             5px;
top:              358px;
width:            758px;
height:           30px;
}

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

div.Operacoes 
{
/* <div class="Operacoes" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */
background-color: #000000;
border-color:     #FFFFFF;
border-style:     outset;
color:            #FFFF99;
font-family:      Courier New, Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      140%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             5px;
top:              352px;
width:            975px;
height:           35px;
}

div.Suporte 
{
/* <div class="Suporte" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */
background-color: #000000; /* #E9F3DE; */
border-color:     #FFFFFF;
border-style:     outset;  /* none; */
color:            #FFFF99;
font-family:      Courier New, Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      140%;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;
left:             0px; 
top:              140px; 
width:            990px; 
height:           400px;
}

div.Tabelas 
{
/* <div class="Tabelas" style="width: 473px; height: 75px;"> */
background-color: #000000;
border-color:     #FFFFFF;
border-style:     none; /* groove   */
color:            #FFFF99;
font-family:      Courier New, Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      140%;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;
left:             0px; 
top:              0px;
width:            990px;
height:           348px;
}

legend
{
color: #FFFF99;
}

img
{
border-color: #000000;
}

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

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

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

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 das fotos        */

.Fotos img
{
border: 1px #000000; /* Cor da linha que limita a janela da foto pequena */
/* Devo definir a altura e a largura ficar auto se a altura tiver de ser fixa */
height: 75px;           /* Altura da foto pequena */
width: auto;             /* Largura da foto pequena */
}

.Fotos:hover
{
background-color: transparent; /* Obrigatório */ 
}

.Fotos:hover img
{
border: 1px #000000; /* Cor da linha que limita a janela da foto grande */
}

.Fotos span
{ 
position: absolute;        /* Obrigatório */ 
background-color: #FFFFFF; /* Cor do fundo da janela da foto */
background-image: url(Imagens/Textura.jpg);
visibility: hidden;        /* Obrigatório */ 
}

.Fotos span img
{
padding: 1px; /* Rebordo da foto grande */
/* Devo definir a altura e a largura ficar auto se a altura tiver de ser fixa */
width: auto;   /* Largura da foto grande */
}

.Fotos:hover span
{
visibility: inherit; /* Obrigatório */
}

/*                                   */
/* CSS do Menu vertical invisivel    */
/*                                   */
/* Cor da fonte     #FFFF99          */
/* Não Seleccionado #990000 Azul     */
/* Seleccionado     #3300FF Vermelho */


/* common styling */
.menu3
{
left:        0px; 
top:         95px;
font-family: verdana, sans-serif; 
width:       150px; 
position:    absolute;  
font-size:   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 #00FF00; /* #00f Rebordo inferior dos segundos menus de desdobramento*/ 
margin:        0;
}

.menu3 ul li a, .menu3 ul li a:visited
{
display:         block; 
text-decoration: none; 
color:           #FFFF99; 
width:           100px; /* Comprimento do título MENU 139px; */
height:          30px; 
color:           #FFFF99; /* Cor da fonte do cabeçalho do Menu */ 
border:          1px solid #00FF00; /* Rebordo dos menus #00f*/
border-width:    1px 1px 0 1px; 
padding-left:    10px; 
line-height:     25px; 
background:      #999999; /* Cor 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: #CC0000;
}

.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:  #3300FF; 
color:       #FFFF99; 
height:      auto; 
line-height: 15px; 
padding:     8px 10px; 
width:       90px; /*Largura dos menus 129px; */
}

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

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

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

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

.menu3 ul li:hover ul li:hover a 
{
background: #990000; /* Opção onde se está posionado*/
color:      #FFFF99;
}


.menu3 ul li:hover ul li:hover ul 
{
display:  block;  
position: absolute; 
left:     110px; /* 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: #3300FF; 
color:      #FFFF99;
}

.menu3 ul li:hover ul li:hover ul li:hover a 
{
background: #990000; 
color:      #FFFF99;
}
 
/* for IE5.x and IE6 browsers only */
.menu3 ul li a:hover 
{
color:      #CC0000; 
background: #CCCCCC; /* Sobre o Menu */
}

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

.menu3 ul li a:hover ul li a 
{
display:     block; 
background:  #3300FF; 
color:       #FFFF99; 
height:      30px; 
hei\ght:     20px; 
line-height: 15px; 
padding:     5px 10px; 
width:       151px;  /* Não tem influencia */
w\idth:      129px;
}

.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: #990000; /* Sem influencia */
color:      #FFFF99;
}


.menu3 ul li a:hover ul li a:hover ul 
{
visibility: visible; 
position:   absolute; 
top:        0; 
t\op:       -1px; 
color:      #FFFF99; 
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; 
w\idth: 139px;
}
<!--[endif]-->