/* CSS Document */

body {

margin: 0;
width:100%;
height:800px;
background:url(../img/bgr_testura.jpg);
padding:0px;
}

* img {
border:0px;
text-decoration:none;
}

* {
text-decoration:none;
}


/* ################ TABLE AJUSTA FLASH ################ */ 
/* tabela para dimensões do flash acompanharem redimensionamento da janela */

table#site {
width:100%;
border-spacing:0px;
/* duas próximas linhas são para retirar margens no IE, equivalentes ao cellspacing */
border-collapse: collapse;
padding: 0px;
margin:0px;
}

/* ################ DIV'S ################ */ 

#topo {
width:100%;
height:140px;
}

#conteudo {
width:100%;
height:520px;
background-image:url(../img/fundo-site.gif);
background-repeat:repeat-x;

}

#miolo {
width:1000px;
height:520px;
background-image:url(../img/bg_miolo3.gif);
background-repeat:no-repeat;
}

/*
#rolagem {
width:1005px;
min-height:520px;
max-height:665px;
background-image:url(../img/fundo-rolagem.png);
background-repeat:no-repeat;
background-position:bottom;
}*/

#menu {
width:191px;
height:520px;
position:relative; left:90px;
float:left;
background-image:url(../img/menu.jpg);
background-repeat:no-repeat;
}

#posiciona-menu {
width:200px;
height:200px;
position:relative;
top:70px;
right:25px;
}

#lista-menu li {

height:18px;
padding:10px;
list-style:none;
font-family:Tahoma;
font-size:16px;
border-bottom-color:#a3c632;
border-bottom-style:dashed;
border-bottom-width:1px;
text-align:left;
}

#endereco {
text-align:left;
font-family:Tahoma;
font-size:11px;
color:#FFFFFF;
position:relative;
top:110px;
margin-left:20px;
} 

#menu p a:hover {
text-decoration:underline;
}

#miolo-conteudo {
width:659px;
height:520px;
position:relative; right:65px;
float:right;
background-image:url(../img/fundo-miolo-conteudo.jpg);
background-repeat:no-repeat;
z-index:1;
font-family:Tahoma;
color:#666666;
font-size:11px;
}

#dados {
width:600px;
height:420px;
overflow:hidden;
position:relative;
top:60px;
/*z-index:1;*/

}

#esmaecer {
width:300px;;
height:20px;
position:relative;
top:100px;
/*z-index:2;*/
background-image:url(../img/filete-topo-dados.png);
}


/* ################ CLASSES ################ */ 

.limpa, .menu {
text-decoration:none;
color:#effacd;
}

.limpa a {
text-decoration:none;
}

.input {
border:solid;
border-width:1px;
border-color:#6A9B05;
color:#666666;
font-family:Tahoma;
font-size:11px;
width:100%;
height:15px;
}

.input-cidade {
border:solid;
border-width:1px;
border-color:#6A9B05;
color:#666666;
font-family:Tahoma;
font-size:11px;
width:60%;
height:15px;
}

.estado {
border:solid;
border-width:1px;
border-color:#6A9B05;
color:#666666;
font-family:Tahoma;
font-size:11px;
width:35%;
height:20px;
/* Esconde barra drop-down*/

  scrollbar-shadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #6A9B05;
  background-color: #ffffff;
}

.ddd {
border:solid;
border-width:1px;
border-color:#6A9B05;
color:#666666;
font-family:Tahoma;
font-size:11px;
width:85%;
height:15px;
}

.telefone {
border:solid;
border-width:1px;
border-color:#6A9B05;
color:#666666;
font-family:Tahoma;
font-size:11px;
width:100%;
height:15px;
}

.textarea {
border:solid;
border-width:1px;
border-color:#6A9B05;
color:#666666;
font-family:Tahoma;
font-size:11px;
width:100%;
height:120px;
/* Esconde barra de rolagem*/
scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  background-color: #ffffff;
}

#alinha {
width:120px;
margin-left:30px;
text-align:left;
float:right;
}

#alinha-veja {
width:180px;
margin-left:80px;
text-align:left;
float:left;
}

#alinha-caderno-home {
float:left;
text-align:right;
width:150px;
}

/* ################ DIV'S CONTEÚDO HOME ################ */

#produtos {
width:50%;
height:100%;
position:relative;
float:left;
}

#menus {
font-family:Tahoma;
font-size:11px;
color:#666666;
width:50%;
height:100%;
float:right;
text-align:right;
}

#menus span {
text-align:justify;
}

#frutas {
width:200px;
height:150px;
background:url(../img/bgr_frutas.gif) no-repeat bottom;
position:relative;
top:5px;
left:275px;
z-index:5;
}

/* ################ DIV'S PÁGINAS INTERNAS ################ */

#empresa, #atendimento-internas {
width:65%;
height:100%;
position:relative;
float:left;
text-align:left;
}

#empresa p {
text-indent:20px;
text-align:justify;
margin:0px;
}

#navegacao {
font-family:Tahoma;
font-size:11px;
color:#666666;
width:30%;
height:100%;
float:right;
text-align:left;
}

#navegacao span {
text-indent:20px;
text-align:justify;
}

#estrutura {
width:65%;
height:100%;
position:relative;
float:left;
text-align:left;
}

#produtos-internas {
width:100%;
height:120px;
text-align:left;
}

#receitas-internas {
width:100%;
height:110px;
text-align:left;
}

#receitas-linha {
float:left;
width:100%;
height:92px;
}

#receitas-linha-paginacao {
float:right;
width:75%;
height:20px;
}

#doces-paginacao {
float:right;
width:55%;
height:20px;
}

#receita-imagem1 {
width:20%;
float:left;
z-index:1;
}

#receita-texto1 {
width:25%;
float:left;
text-align:justify;
margin-left:15px;
z-index:1;
}

#receita-imagem2 {
width:20%;
float:right;
z-index:1;
}

#receita-texto2 {
width:25%;
float:right;
text-align:justify;
margin-left:15px;
z-index:1;
}

#receita-texto1 p, #receita-texto2 p {
margin:0px;
}

#receita-texto1 span, #receita-texto2 span {
font-weight:bold;
}

#paginacao {
width:100%;
height:100%;
}

#receita-texto span {
font-weight:bold;
}

#produtos-internas p {
text-indent:20px;
}

#geleia {
width:33%;
height:300px;
float:left;
}

#doce {
width:33%;
height:300px;
float:right;
}

#polpa {
width:33%;
height:300px;
float:left;
}

#geleia p, #doce p, #polpa p {
margin: 0px;
text-indent:15px;
text-align:left;
padding-right:20px;
padding-left:10px;
}

#geleia-internas, #doces-internas, #polpaFrutas-internas {
width:390px;
height:100%;
position:relative;
float:left;
text-align:left;
}

#area-atuacao {
width:390px;
height:100%;
position:relative;
float:left;
text-align:left;
}

#atuacao-areas p, #estrutura p {
text-indent:20px;
}

#topo-geleia, #topo-doces, #topo-polpaFrutas, #topo-area {
width:100%;
height:45px;
}

#geleia-tipos {
width:390px;
height:350px;
}

#polpaFrutas-tipos, #atuacao-areas {
width:390px;
height:350px;
}

#atuacao-areas p span {
font-weight:bold;
}

/*
#geleia-tipos img, #polpaFrutas-tipos img {
width:128px;
}
*/

#navegacao-geleia, #navegacao-area {
font-family:Tahoma;
font-size:11px;
color:#666666;
width:30%;
height:420px;
float:right;
text-align:left;
}

#navegacao-area p {
text-align:justify;
margin-right:15px;
}

#navegacao-area p span {
font-weight:bold;
text-align:left;
}

#alinha-campos {
width:100%;
}

#alinha-campos-1 {
width:100%;
height:30px;
}

#alinha-campos-2 {
width:100%;
height:30px;
}

#alinha-campos-2-1 {
width:45%;
float:left;
}

#alinha-campos-2-2 {
width:45%;
float:right;
margin:0px;
}

#alinha-campos-3 {
width:100%;
}

#direita {
float:right;
width:70%;
}

#esquerda {
float:left;
width:30%;
}

#botao-enviar {
width:100%;
float:left;
text-align:right;
}
.representantes {height:156px; border:solid 1px #6A9B05; overflow:auto; margin-top:15px;}
.representantes div {margin:5px;}



/* ################ ESTILO DOS TOOL TIPS DOS PRODUTOS ################ */
/* PRIMEIRA E SEGUNDA COLUNA*/

a:hover {
text-decoration:none;
} /* background-color e necessario para o IE6 */

#geleia-tipos a.tooltip span, #polpaFrutas-tipos a.tooltip span {
display:none;
width:297px;
height:380px;
}

#geleia-tipos img, #polpaFrutas-tipos img {
z-index:1;
}

#geleia-tipos a.tooltip:hover span, #polpaFrutas-tipos a.tooltip:hover span {
display:inline;
position:absolute;
top:10px;
left:300px;
border:2px solid #6A9B05;
color:#6c6c6c;
z-index:2;
}


/* TERCEIRA COLUNA */ 

#geleia-tipos a.tooltip2 span, #polpaFrutas-tipos a.tooltip2 span {
display:none;
width:297px;
height:380px;
}

#geleia-tipos a.tooltip2:hover span, #polpaFrutas-tipos a.tooltip2:hover span {
display:inline;
position:absolute;
top:10px;
left:0px;
border:2px solid #6A9B05;
color:#6c6c6c;
z-index:2;
}

/* ################ ESTILO DOS TOOL TIPS DA NAVEGAÇÃO ################ */

#navegacao a.tooltip2 span {
display:none;
width:390px;
height:370px;
}

#navegacao a.tooltip2:hover span {
display:inline;
position:absolute;
top:40px;
left:-22px;
/*border:2px solid #6A9B05;*/
color:#6c6c6c;
z-index:2;
}

/* ################ ESTILO DOS TOOL TIPS DAS RECEITAS ################ */

#receita-imagem1 a.tooltip span, #receita-imagem2 a.tooltip span {
display:none;
width:300px;
height:150px;
}

#receita-imagem1 a.tooltip:hover span, #receita-imagem2 a.tooltip:hover span {
display:inline;
position:relative;
top:-122px;
left:0px;
color:#6c6c6c;
z-index:3;
}

/* ################ MENU ################ */

#lista-menu li a.menu span {
display:none;
width:15px;
height:15px;
}

#lista-menu li a.menu:hover span {
display:inline;
position:absolute;
left:180px;
border: 0px;
z-index:5;
}

/* MAPEAR REGIÃO PARA VOLTAR A HOME*/

#home-regiao {
position:relative;
top:50px;
width:100%;
height:60px;
float:right;
}

#home-regiao ul {
float:right;
list-style: none;
width:130px;
height:60px;
}

#home-regiao a {
position:relative;
display: block;
text-decoration: none;
}

#home-regiao a.regiao {
width:130px;
height:60px;
}

/* FIM */
.gallerycontainer{position: relative; width:391px; text-align:center;}
.thumbnail img{border: 1px solid white;}
.thumbnail:hover{background-color: transparent;}
.thumbnail span{position: absolute;visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img{border-width: 0;padding: 2px;}
.thumbnail:hover span{visibility: visible;top: -220px;left:-2px;z-index: 50;}