/*                      */
/* CSS do sítio Leilões */
/*                      */

caption
{
background-color: #E9F3DE;
font-family:      Verdana, Arial, Helvetica, sans-serif;
font-size:        16px;
font-style:       normal;
line-height:      120%;
}

table
{
overflow:         auto;
}

h4
{
position: absolute;
}

p 
{
text-align:   justify; 
margin-left:  10px;
margin-top:   10px;
margin-right: 50px;
/*position: absolute;  Não pode ser utilizado nesta tag*/
}

div.BarraNavegacao 
{
/* <div class="BarraNavegacao" style="left: 5px; top: 380px;"> */
background-color: #E9F3DE;
border-style:     outset;
font-family:      Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
width:            630px;
height:           35px;
}

div.MenuVertical
{
/* <div class="MenuVertical"> */
background-color: #5C743D;
font-family:      Verdana, Arial, Helvetica, sans-serif;
font-size:        10px;
font-style:       normal;
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             0px;
top:              125px;
width:            115px;
height:           445px;
}

div.Operacoes 
{
/* <div class="Operacoes" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */
background-color: #E9F3DE;
border-style:     outset;
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
height:           35px;
}

div.Suporte 
{
/* <div class="Suporte" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */
background-color: #E9F3DE;
border-style:     outset;
font-family:      Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      120%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             115px; 
top:              125px; 
width:            875px; 
height:           435px;
}

div.Tabelas 
{
/* <div class="Tabelas" style="width: 700px; height: 465px;"> */
background-color: #E9F3DE;
border-style:     groove;
font-family:      Verdana, Arial, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
height:           370px;
left:             5px;
line-height:      140%;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;
top:              5px;
width:            855px; 
}

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

.Fotos img
{
/* Foto pequena */
border:    1px solid white; /* Cor da linha que limita a janela */
/* Se a altura tiver de ser fixa, defini-se a altura, ficando a largura auto */
height:    90px;           /* Altura */
width:     auto;            /* Largura */
}

.Fotos:hover
{
/* Foto pequena */
background-color: #E9F3DE; /* Obrigatório */ 
}

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

.Fotos span
{  
/* Fundo da foto grande */
position:         fixed;   /* Obrigatório                    */ 
background-color: #E9F3DE; /* Cor do fundo da janela da foto */
visibility:       hidden;  /* Obrigatório                    */ 
}

.Fotos span img
{
/* Foto grande */
top:              center;  /* ??? */
position:         fixed;   /* ??? */
content:          inherit; /* ??? */
padding:          10px;    /* Rebordo da foto */
/* Devo definir a altura e a largura ficar auto, se a altura tiver de ser fixa */
width:            auto;    /* Largura da foto */
background-color: #E9F3DE; /* Cor do fundo da janela da foto */
}

.Fotos:hover span
{
/* Foto grande */
visibility: inherit; /* Obrigatório */
overflow:   inherit; /* ??? */
z-index:    50; /* ??? */
}

/*############################## Referente ao css do menu ###################################*/

td
{
font:9 px Arial, Helvetica, sans-serif;
color:#666666;
}
	
a:hover
{
color: #5C743D;
}

/* ID Styles */

#navigation td
{
border-bottom: 1px solid #F4FFE4;
}
	
#navigation a
{
font: bold 11px Arial, Helvetica, sans-serif;
color: #D5EDB3;
/*line-height:16px;*/
/*letter-spacing:.1em;*/
text-decoration: none;
display:block;
/*padding:8px 6px 10px 20px;*/
padding:5px 5px 5px 5px;
}
	
#navigation a:hover
{
background: #99CC66;
color:#000000;
font-size:9 px; /*cor das letras ao passar por cima*/
}

.navText
{
font: 9px Arial, Helvetica, sans-serif;
color: #003366;
line-height:10px;
/*letter-spacing:.1em;*/
text-decoration: none;
}

/*######################## Menu horizontal das Condições ####################################*/
/*- Menu Tabs C--------------------------- */
body
{
margin:  0;
padding: 0;
font: bold 11px/1.5em Verdana;
}

h2
{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

#tabsC
{
float:left;
width:100%;
background:#E9F3DE;
font-size:93%;
line-height:normal;
}

#tabsC ul
{
margin:0;
padding:10px 0px 0 50px;
list-style:none;
}

#tabsC li
{
display:inline;
margin:0;
padding:0;
}

#tabsC a
{
float:left;
background:url("tableftC.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabsC a span
{
float:left;
display:block;
background:url("tabrightC.gif") no-repeat right top;
padding:5px 15px 4px 2px;
color:#464E42;
}
    
#tabsC a span
{
float:none;
}
/* End IE5-Mac hack */
#tabsC a:hover span 
{
color:#FFF;
}

#tabsC a:hover 
{
background-position:0% -42px;
}

#tabsC a:hover span 
{
background-position:100% -42px;
}  
	  
/*                              */
/* CSS dos botões rectangulares */
/*                              */
      
a.BotoesRectangulares
{
position:        absolute;
background:      transparent url('square-blue-left.gif') no-repeat top left;
display:         block;
float:           left;
font-family:     Verdana, Arial, Helvetica, sans-serif;
font-size:       12px;
font-style:      normal;
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;
}