/*                                   */
/* CSS da aplicação www.ondeficar.pt */
/*                                   */
body
{
background-image: url(Imagens/Fundo.jpg);
}

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

div.Anuncio 
{
/* <div class="Suporte" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */

/* opacity:          .5; */
background-color: #FFFFFF;
background-image: url(Imagens/Textura.jpg);
border-style:     outset;
border-color:     #FFFFFF;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             0px;
top:              45px;
width:            990px;
height:           525px;
}

div.BarraNavegacao 
{
/* <div class="BarraNavegacao" style="left: 5px; top: 380px;"> */
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:        12px;
font-style:       normal;
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
width:            660px;
height:           35px;
}

div.Operacoes 
{
/* <div class="Operacoes" 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:        12px;
font-style:       normal;
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
height:           35px;
left:             2px; 
top:              480px; 
width:            978px;
}

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

div.Tabelas 
{
/* <div class="Tabelas" style="left: 462px; width: 473px; height: 75px;"> */
background-color: #FFFFFF;
background-image: url(Imagens/Textura.jpg);
border-style:     ridge; /* outset; double; */
border-color:     #FFFFFF;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      120%;
left:             5px;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;
top:              5px;
width:            970px;
height:           480px;

}

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

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

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

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

table
{
border:      0;
width:       95%;
line-height: 120%;
}

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

/* */
#MenuHorizontal
{
position:      absolute;
padding:       0px 0px 0px 12px;
width:         100%;
background:    #CCCCCC;
border-bottom: 3px solid #666666;
top:           0px;	
width:         985px;
left:          0px;
height:        40px;
}
 
#MenuHorizontal ul 
{
text-align:     right;
margin:         0;
padding-top:    18px; 
padding-bottom: 3px;
}
 
#MenuHorizontal li
{
display:    inline;
list-style: none;
margin:     5px;
padding:    0px;
}
 
#MenuHorizontal a 
{
font-family:     Verdana, "Courier New", Arial, Helvetica, sans-serif;
font-size:       16px;
font-style:      normal;
color:           #000000;
text-decoration: none;
background:      #DDDDDD;
margin-top:      3px;
padding:         2px 10px;
border-top:      1px solid #fff;
border-right:    1px solid #aaaaaa;
border-left:     1px solid #fff;
} 
 
#MenuHorizontal a:visited
{
color: #000000;
}
 
#MenuHorizontal a:hover
{
color:      #333333;
background: #BBBBBB;
}
 
#MenuHorizontal a:active
{
font-family: Verdana, "Courier New", Arial, Helvetica, sans-serif;
font-size:   16px;
font-style:  normal;
color:       #333333;
background:  #BBBBBB;
}

/*               */
/* CSS das fotos */
/*               */

.Fotos img
{
border: 1px solid white; /* 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: 10px; /* 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
{
font-family:     "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:       12px;
font-style:      normal;
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;
/*width:           100%; Não funciona*/
}

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;
}