/*                              */
/* CSS do sítio www.ptcaves.com */
/*                              */
a:active
{
color:           #0000FF;
text-decoration: none;
}

a:hover
{
color:           #FF0033;
text-decoration: underline;
}

a:link
{
color:           #0000FF;
text-decoration: none;
}

a:visited
{
color:           #0000FF;
text-decoration: none;
}

body
{
font-family:       Arial, Verdana, Helvetica, sans-serif;
font-size:         12px;
font-style:        normal;
line-height:       100%;
position:          absolute;
top:               0px;
left:              0px;
height:            1000px;
width:             700px;
background-image:  url('P1060004.JPG');
background-repeat: no-repeat;
}

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

fieldset
{
border-color: #0000FF;
}   

h5
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:   12px;
font-style:  normal;
line-height: 100%;
position:    absolute;
}

legend
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:   12px;
font-style:  normal;
line-height: 100%;
color:       #0000FF;
}   

p
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:   12px;
font-style:  normal;
line-height: 200%;
margin:      0cm 1cm 0cm 1cm;
text-align:  justify;
text-indent: 0.5cm;
}

table
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:   12px;
font-style:  normal;
line-height: 100%;
}

td.TextoLongo
{ 
text-align:  justify;
line-height: 120%;
text-indent: 0.5cm;
}

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

div.Cabecalho
{
font-family:      Arial, Verdana, Helvetica, sans-serif;
font-size:        30px;
font-style:       normal;
line-height:      100%;
left:             -10px; 
top:              -15px;
width:            1000px;
height:           60px;
background-color: #FFFFCC;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
}

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

div.MenuVertical
{
/* <div class="MenuVertical" style="left: -8px; top: -14px; width: 200px; height: 580px;"> */
font-family:      Arial, Verdana, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      100%;
background-color: #FFFFCC;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
}

div.Operacoes 
{
background-color: #FFFFCC;
border-color:     #FFFFFF;
border-style:     outset;
font-family:      Arial, Verdana, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
height:           35px;
line-height:      100%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             5px; 
top:              455px; 
width:            830px;
}

div.Suporte 
{
/* <div class="Suporte" style="left: 30px; top: 30px; width: 920px; height: 500px;"> */
background-color: #FFFFCC;
border-color:     #FFFFFF;
border-style:     outset;
font-family:      Arial, Verdana, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      100%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
height:           502px;
left:             138px; 
top:              48px; 
width:            846px; 
}

div.Tabelas 
{
/* <div class="Tabelas" style="left: 462px; width: 473px; height: 75px;"> */
font-family:      Arial, Verdana, Helvetica, sans-serif;
font-size:        12px;
font-style:       normal;
line-height:      100%;
background-color: #FFFFCC;
border-color:     #FFFFFF;
border-style:     groove;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;
height:           436px;
left:             5px;
top:              5px;
width:            830px;
}

/*                              */
/* CSS dos botőes rectangulares */
/*                              */
      
a.BotoesRectangulares
{
font-family:     Arial, Verdana, 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;
}

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 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: 100px;           /* Altura da foto pequena */
width:  auto;             /* Largura da foto pequena */
}

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

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

.Fotos span
{ 
position:         absolute;        /* Obrigatório */ 
background-color: #D3EAB1; /* Cor do fundo da janela da foto */
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 */
}