/*                                   */
/* CSS do sítio www.velamontargil.pt */
/* para ecran 1366 x 768             */
/* para ecran 2408 x 1080            */
body
{
/* background: url(Imagens/Fundo1.jpg);  */
background-color: #FFFFFF;  /*Branco*/
/*
left:             25%;
top:              90%;
width:            50%;
height:           8%;
*/
}

caption
{
font-family: Calibri, serif;     
font-size:        1.5vw;
font-style:       normal;
line-height:      100%;
}

iframe:focus
{
outline: none;
}

iframe[seamless]
{
display: block;
}

div.BarraNavegacao
{
/* background: url(Imagens/Fundo2.gif); */
background:       #FFFFFF;
background-color: #FFFFFF;

border:           0px;
border-color:     #0033FF;
border-radius:    16px;
border-style:     none /* solid; */

color:            #000000;
font-family:      Calibri, serif;     
font-size:        0vw;
font-style:       normal;

line-height:      100%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             25%;
top:              90%;
width:            50%;
height:           8%;
}

div.Operacoes
{
background-color: #CEEAFF; /* Azul Médio Alfa */

border:           0px;
border-color:     #0099FF;
border-radius:    16px;
border-style:     none; /* solid; */

font-family: Calibri, serif;     
font-size:        1vw;
font-style:       normal;
font-weight:      bold;

line-height:      100%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;

left:             1%; /* DEFINIR CASO A CASO */
top:              2%;
width:            78%; /* DEFINIR CASO A CASO */
height:           8%;
}

div.Suporte
{
background-color: #FFFFFF;
border:           0px;
border-color:     #DDDDDD;
border-radius:    16px;
border-style:     outset;

color:            #000000;
font-family:      Calibri, serif;     
font-size:        1vw;
font-style:       normal;
line-height:      100%;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;

left:             0%;
top:              8%;
width:            99%;
height:           91%;
}

div.Cabecalho
{
background-color: #66FFFF;

font-family:      Calibri, serif;     
font-size:        1vw;
font-style:       normal;

border:           0px;
border-color:     #0033FF;
border-radius:    16px;
border-style:     none;

color: #000000;

line-height:      normal;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;

left:             1%;
top:              2%;
width:            98%;
height:           10%;
}

div.Tabelas
{
/*background: url(Imagens/Fundo2.gif);*/
background-color: #FFFFFF;

border:           0px;
border-color:     #DDDDDD;
border-radius:    16px;  /* cantos redondos com dada curvatura */
border-style:     outset;

font-family:      Calibri, serif;     
font-size:        1vw;
font-style:       normal;

line-height:      normal;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;

top:              11%;
left:             1%;
width:            98%;
height:           87%;
}

input
{
font-family:      Calibri, serif;     
font-size:        1vw;
font-style:       normal;
line-height:      100%;
}

select
{
font-family: Calibri, serif;     
font-size:   1.0vw;
font-style:  normal;
line-height: 100%;
}

strong
{
font-family: Calibri, serif;     
font-size:   1.0vw;
font-style:  normal;
line-height: 100%;
color:       #000000;"
}

th
{
font-family:      Calibri, serif;     
font-size:        1vw;
font-style:       normal;
line-height:      100%;
}

tr
{
font-family:      Calibri, serif;     
font-size:        1vw;
font-style:       normal;
line-height:      100%;
}

tr.TextoGrande
{
color:       #000000;
font-family: Calibri, serif;     
font-size:   1.5vw;
font-style:  normal;
line-height: normal;

}

tr.TextoMedio
{
color:       #000000;
font-family: Calibri, serif;     
font-size:   1.3vw;
font-style:  normal;
line-height: 2vw;

}

tr.TextoPequeno
{
color:       #000000;
font-family: Calibri, serif;     
font-size:   1.1vw;
font-style:  normal;
line-height: normal;

}

tr.TextoMuitoPequeno
{
font-family: Calibri, serif;     
font-size:   1vw;
font-style:  normal;
line-height:      normal;

}

/*                                   */
/* CSS do Menu vertical invisivel    */
/*                                   */

/* common styling */
.menu3
{
left:        0%;
top:         2%;
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 #FFFFFF; /* #00f Rebordo inferior dos segundos menus de desdobramento*/ 
margin:        0;
}

.menu3 ul li a, .menu3 ul li a:visited
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
display:         block; 
text-decoration: none; 
color:            #000000; 
width:           140px; /* Comprimento do título MENU */
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:  #FFFFFF; /* 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
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
color:  #FFFFFF;
}

.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
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
display:     block; 
background: #FFFFFF;
color:       #000000;
height:      auto; 
line-height: 15px; 
padding:     8px 10px; 
width:       130px; /*Largura dos menus*/
}

.menu3 ul li:hover ul li a.drop 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
background: #FFFFFF url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat;
}

.menu3 ul li a:hover ul li a.drop 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
background: #FFFFFF url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat; /* Sem influencia */
}

.menu3 ul li:hover ul li:hover a.drop 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
background: #FFFFFF url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat;
}

.menu3 ul li a:hover ul li a.drop:hover 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
background:  #FFFFFF url(MenuVerticalInvisivelSetaPosicionada.gif) bottom right no-repeat; /* Não tem influencia*/
}

.menu3 ul li:hover ul li:hover a 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
background: #0099FF; /* Cor de fundo da opção onde se está posionado*/
color:      #000000; /* Cor de fonte da opção onde se está posionado*/
}


.menu3 ul li:hover ul li:hover ul 
{
display:  block;  
position: absolute; 
left:     200px; /* 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
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
background: #FFFFFF;
color:      #000000;
}

.menu3 ul li:hover ul li:hover ul li:hover a 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
background:  #FFFFFF;
color:      #000000;
}
 
/* for IE5.x and IE6 browsers only */
.menu3 ul li a:hover
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
color: #000000; /* Cor da fonte do Menu */
background: #FFFFFF; /* Cor do fundo do Menu */
}

.menu3 ul li a:hover ul 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
display:     block; 
position:    absolute; 
top:         29px; 
left:        0; 
background:  #FFFFFF;
margin-top:  0;
marg\in-top: 1px;
}

.menu3 ul li a:hover ul li a 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
display:     block; 
background:   #FFFFFF;
color:       #000000; 
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 
{
/* #000000 Preto */
/* #FFFFFF Branco */
/* #6699FF Azul */
/* #FF0000 Vermelho */
background: #FFFFFF; /* Sem influencia */
color:      #000000;
}


.menu3 ul li a:hover ul li a:hover ul 
{
visibility: visible;
position:   absolute; 
top:        0; 
t\op:       -1px;
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]-->

/*                      */
/* 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 dos botões rectangulares */
/*                              */
      
a.BotoesRectangulares
{
background:      transparent url('square-blue-left.gif') no-repeat top left;
display:         block;
float:           left;
font-family: Calibri, serif;     
font-size:   1vw;
font-style:  normal;

height:          1,5vw; /* Height of button background height 23px 68%*/
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:   1vw; /* 5px */
padding-left:    9px; /* Width of left menu image */
position:        absolute;
text-decoration: none;
top: 0.5vw;
}

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: 0,7vw 0,7vw 0,7vw 0,7vw; */
padding: 4px 9px 4px 0;
/* 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;
}