/* GERAL */
#home-bloco{
background-color:#eee;
padding:6px;
}

#home-bloco b{
color: #FF6600;
}

hr
{
color: #eee;
background-color: #eee;
height: 1px;
border: 0;
clear:both;
margin-bottom:4px;
margin-top:4px;
}


.corpo-2{
margin:10px;
text-align:left;
}

body, p, table, td, th, input, textarea, select {
font-family:Tahoma, Verdana, Arial, Helvetica;
font-size: 12px;
color: #777;
margin: 0px;
}

.cinza_01    { background-color: #eee }
.limpo       { border-style: solid; border-width: 0 }
.input       { font-family: Verdana; font-size: 10 px; background-color: #fff; color: #990033; border: 1px solid #999}
			 
a{ text-decoration: none; color: #005197}
a:hover{ text-decoration: underline; color: #084184;  }
input, textarea, select {
color: #555;
background-color:#eee; 
border: #999 1px dashed
}
  
.tracejado2 { background-color: #eee; height: 1px; border: 0; color: #eee;}
.linha-azul { background-color: #0066CC; height: 1px; border: 0; color: #005197;}
.linha-vermelha { background-color: #f00; height: 1px; border: dotted; color: #f00;}
.tracejado {background-color: #ccc; height: 1px; border: 0; color: #ccc;}
.tracejado3 {border: thin dotted #999;}

/* ------------------------------------- LAYOUT ------------------------------ */

body {
text-align:center;
background-image: url(../imagens/fundo_index.png);
background-repeat:repeat;
}
.vermelho{
color:#990000}

#geral {
background: url(../imagens/fundo_x.jpg) repeat-y center;
display:block;
}
.margem-btn{
margin-bottom:3px}
#container {
  margin: 0 auto;
  width: 780px;
  text-align: left;
}

#coluna-esquerda {
background-color:#DEDEDC;
width:126px;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
padding: 10px 0px 0px 6px;
display:block;
float:left;
height:1070px


}

#coluna-direita {
background-color:#DEDEDC;
width:126px;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
padding: 10px 0px 0px 10px;
float:right;
display:block;
height:1070px
}

#coluna-central {

display:block;
width:494px;
float:left;
margin:12px 0px 0px 8px;
text-align:center;


}
.rolagem{
height:680px;
overflow:auto;}
.rolagem-maior{
height:1000px;
overflow:auto;}

.destaques-centro-01{
width:230px;
margin:6px;
float:left;
text-align:left;
}
.destaques-centro-01 span{
padding:10px;
height:170px;
border:#990000 1px dashed;
text-align:justify;
display:block;
}
.destaques-centro-02{
width:230px;
margin:6px;
float:right;
text-align:left;
}
.destaques-centro-02 span{
padding:10px;
height:170px;
border:#990000 1px dashed;
text-align:justify;
display:block;
}
.destaques-centro-03{
font-size:12px;
width:380px;
margin:6px;
text-align:justify;

}
.destaques-centro-03 span{
padding:10px;
text-align:justify;
display:block;
}
.font-destaque-centro{
font-size:14px;
color:#8F5444;
}

#coluna-central-2 {
display:block;
width:565px;
float:left;
margin:5px;
}

#coluna-central-3 {
display:block;
width:740px;
float:left;
}

#rodape {
clear:both;
color: #fff;
background-image:url(../imagens/rodape.jpg);
height:46px;
text-align:center;
}


a.produtos-img{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none}

a.produtos-img:hover{z-index:25; background-color:#fff}

a.produtos-img span{display: none}

a.produtos-img:hover span{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    top:2em; left:-16em;
    border:1px solid  #000000;
    background-color:#FFFFCC; color:#000;
    text-align: center;
    text-decoration:none;
}

/* ///////////////////// MENUS ///////////////////////////// */


.menu-lateral{
background-color:#DEDEDC;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
padding: 10px;
display: block;
width:130px;
}
.menu-lateral span{
margin-top:20px;
}

.linha-cinza{
color: #eee;
background-color: #eee;
height: 1px;
border: 0;
}

table.bordasimples {border-collapse: collapse;}

table.bordasimples tr td {border:1px dashed #c90;padding:10px; font-size:12px}