@charset "utf-8";
/* CSS Document */

*{
padding:0;
margin:0;
border:none;
}
body{
background:url(../images/bck_fundo_eucaliptos.jpg) center top no-repeat #415718;
}
#geral{
width:1010px;
margin:0 auto;}
#layout{
width:1010px;
height:590px;
margin:0 auto;
background:url(../images/bck_layout_site.gif) top left no-repeat;
}
#logo{
margin:14px 0 0 0;
display:block;
width:230px;
height:100px;
float:left;
margin:14px 5px 0 40px;
}
#logo h1{
text-align:center;}
#logo p{
text-align:center;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;}
#menu_topo{
border:solid 1px #FF0000;
display:block;
}
#menu_topo_right{
float:right;
margin:55px 15px 0 0;}
#menu_topo_left{
float:left;
margin:55px 0 0 15px;}
#menu_produtos_left{
width:250px;
height:370px;
float:left;
margin:50px 10px 0 25px;}
#conteudo{
float:left;
width:490px;
height:370px;
overflow:hidden;
margin:50px 0 0 10px;
/*border:solid 1px #000000;*/
}
#selo_fsc{
float:right;
width:180px;
height:230px;
margin:87px 35px 0 0;
/*border:solid 1px #000000;*/
}
#lojas{
text-align:center;}
#lojas ul li{
list-style:none;
display:inline;
margin:0 35px;}
#lojas ul li a{
font:bold 13px verdana, Helvetica, sans-serif;
color:#F7F540;
text-decoration:none;}
#connexion{
background:#FFFFFF;
margin:10px 43px;
width:100px;}
.listatipoprod{
display:block;}



/************************************************************ localização ********************************************************/
/****************** formatação de textos para a pagina localização ************************/
.divtextlocalizacao {
width: 450px;
height: auto !important;
font: 85% Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background-color: #eee;
border: 3px solid #005625;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 25px; /* espaçamento top, right, buttom, left*/
float: left;
}
/****************** formatação de textos para a pagina localização ************************/
.localiza span {
width: 100%;
height: 20px;
font: 100% Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;
color: #fff;
background-color: #7fb121;
border-bottom: 3px solid #005625;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
}
/****************** formatação de link para a pagina localização ************************/
.localink {
width: 500px;
height: 20px;
font: 85% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
font-weight: normal;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 28px; /* espaçamento top, right, buttom, left*/
float: left;
color: #7fb121;
}
.localiza a {
width: 30px;
height: auto !important;
font: 14px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
float: left;
color: #fff;
background-color: #E43205;
border: 1px solid #fff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -32px;
position: absolute;
}
.localiza a:hover {
color: #000;
background-color: #F93C3C;
}
/****************** Formatação dos links ************************/
.localink:hover { color: #005625; cursor:pointer; text-decoration: underline; }
/************************************************************ Contato ********************************************************/
/****************** centro ************************/
div#layout div#conteudo div#contato {
height: auto !important;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: transparente;
border: 0px solid #6b73c9;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: none;
color: #fff;
display: table;
}
.txtfale {
width: auto !important;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold; /* fonte em negrito */
height: 20px;
text-align: left; 
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 40px; /* espaçamento top, right, buttom, left*/
color:#000;
float: left;
}
.txtcampo {
width: auto !important;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold; /* fonte em negrito */
height: 20px;
text-align: right; 
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color:#ACABAA;
float: right;
}
.campo {
width: 350px;
height: 15px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
border: 1px solid #005625;
float: left;
margin: 0px 127px 0px 0px; /* espaçamento top, right, buttom, left*/
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
.campomensagem {
width: 430px;
height: 200px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
border: 1px solid #005625;
}
.campoenvia {
width: 100px;
height: 20px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: #fff;
border: 1px solid #ACABAA;
cursor: pointer;
float: right;
margin: 190px 125px 10px 0px; /* espaçamento top, right, buttom, left*/
}
.camporeset {
width: 100px;
height: 20px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: #fff;
border: 1px solid #ACABAA;
cursor: pointer;
float: right;
margin: 190px 06px 10px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** Div com a mensagem de E-mail enviado com Sucesso! *************************/
.divemailok {
width: 450px;
height: 40px;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-color: #f6f6f4;
border: 1px solid #83c10e;
padding: 5px 0px 5px 0px; /* espaçamento top, right, buttom, left*/
margin: 100px 10px 2px 40px; /* espaçamento top, right, buttom, left*/
color: #83c10e;
display: table;
}
/******************************************************* Galeria de Imagens *****************************************************/
#ImageBoxOverlay
{
	background-color: #000;
	
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
	border-top: 0px solid #005625;
	border-left: 2px solid #005625;
	border-right: 2px solid #005625;
	border-bottom: 2px solid #005625;
	overflow: hidden;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
	border-top: 2px solid #005625;
	border-left: 2px solid #005625;
	border-right: 2px solid #005625;
	border-bottom: 0px solid #005625;
	overflow: hidden;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #7fb121;
	overflow: hidden;
}
#ImageBoxCaptionImages
{
	margin: 0;
	color: #999;
	font: 87% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	overflow: hidden;
	
}
#ImageBoxNextImage
{
	background-image: url(imagens/galeria/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(imagens/galeria/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(imagens/galeria/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(imagens/galeria/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}
/************************************************************ Show Rom ********************************************************/
/****************** Div com a imagem ************************/
.imgsshow {
width: auto !important;
height: auto !important;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: transparent;
border: 1px solid #005625;
float: left;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 06px 15px 0px; /* espaçamento top, right, buttom, left*/
}
.imgsshow a { color:#005625; }
.imgsshow a:hover { color:#fff; }
/****************** Div com todas as imagens ************************/
.centerdivimgs {
width: 480px;
height: 310px;
background-color: transparent;
border: 0px solid #ACABAA;
float: left;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 50px 0px 0px 35px; /* espaçamento top, right, buttom, left*/
}
/****************** Class titulo das imagens ************************/
.imgtitulo {
width: 100px;
height: 15px;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: normal; /* fonte em negrito */
text-align: center;
background-color: #83c10e;
border: 1px solid #005625;
cursor: pointer;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
overflow: hidden;
}
/************************************************************ Paginação ********************************************************/
/****************** Class paginação ************************/
.paginacao {
width: 480px;
height: 20px;
background-color: transparent;
border: 0px solid #ACABAA;
float: left;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 30px; /* espaçamento top, right, buttom, left*/
}
.pagtitulo {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border: 1px solid #83c10e;
background-color: #005625;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #fff;
}
.pagativa {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #83c10e;
border: 1px solid #005625;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}
.pagativa a { color: #005625; }
.pagativa a:hover { color: #fff; }

.pagativanr {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
border: 1px solid #005625;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}

.pagainativanr {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
border: 1px solid #83c10e;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #83c10e;
}
.pagainativanr:hover { color: #005625; border: 1px solid #005625; }


.pagainativa {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #f6f6f4;
border: 1px solid #666;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #666;
}
/*********************************************************** Tipo Produto *******************************************************/
/****************** Class lista de tipo de produtos ************************/
.listatipoprod {
width: 240px;
height: 15px;
font: 11px verdana, Arial, Helvetica, sans-serif;
text-align: left;
background-color: #005625;
border: 1px solid #E3F331;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0 2px 0px; /* espaçamento top, right, buttom, left*/
color: #fff;
display: block;
}
.listatipoprod:hover { color: #005625; border: 1px solid #005625; background:#E3F330; }
/*********************************************************** Produto *******************************************************/
/****************** Class não ha produtos ************************/
.nprod {
width: 450px;
height: 15px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-color: #f6f6f4;
border: 1px solid #83c10e;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 2px 0px; /* espaçamento top, right, buttom, left*/
color: #83c10e;
display: block;
}
/*********************************************************** Home *******************************************************/
/****************** Class Div flash ************************/
.homeflash {
width: auto !important;
height: auto !important;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 30px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/*********************************************************** Empresa *******************************************************/
/****************** Class Div central ************************/
.divempresa{
width: 460px;
height: 20px;
background-color: transparent;
padding: 0px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
margin: 40px 0px 0px 20px; /* espaçamento top, right, buttom, left*/
color: #0000;
}
.txt {
width: auto !important;
height: auto !important;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: justify;
background-color: transparent;
padding: 0px 0px 15px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}
.txtitulo {
width: auto !important;
height: auto !important;
font: 95% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-color: transparent;
padding: 0px 0px 15px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}
/*********************************************************** Lacalizações *******************************************************/
/****************** Class divLocalizacoes ************************/
.divLocalizacoes {
width: 450px;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #000;
}
.divLocalizacoes p {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
color: #000;
padding: 0px 0px 5px 14px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #005625;
}
.divLocalizacoes p img {
width: 100px;
height: 70px;
border: 1px solid #005625;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 3px 15px 0px 0px; /* espaçamento top, right, buttom, left*/
display: inline-block;
float: left;
}
.divLocalizacoes p span {
width: auto !important;
height: auto !important;
font: 10px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #83c10e;
border: 1px solid #005625;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 9px 14px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #000;
display: inline-block;
}
.divLocalizacoes p span a { color: #000; }
.divLocalizacoes p span a:hover { color: #fff; }

.divLocalizacoes H2 {
font: 13px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
color: #000;
padding: 0px 0px 5px 0px;
margin: 10px 0px 0px 0px;
}
.divLocalizacoesTit {
width: auto !important;
height: auto !important;
font: 95% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-color: transparent;
padding: 0px 0px 15px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}