/************************************************************************
*   
*   S T Y L E   C S S - #E S T R U T U R A
*   
*   Author:  Henrique Gois
*   Date:    Dec 2009
*   Web:     http://www.geosfera.com.br/
*   Email:   henrique@geosfera.com.br
*   Company: Geosfera
*
*************************************************************************/

/*-----------------------------------------------------------------------
Estrutura
------------------------------------------------------------------------*/

body {
	background-color:#e2e2e2;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 11px;
	overflow:-moz-scrollbars-vertical;}

h1, h2, h3, h4, h5, p {
	margin:0; 
	padding:0;}

h2{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;}

h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 11px;
	font-weight:lighter;}

h4{
	font-family:Arial, Helvetica, sans-seriff;
	color:#FFFFFF;
	font-size: 11px;
	font-weight:lighter;}
	
.titulo-primeiro {
	float:left;}

.titulo-segundo {
	float:left;}

.titulo-terceiro {
	float:left;}
	
.titulo-ativo {
	font-weight:900;}

a.linktitulo:link {text-decoration: none; color: #FFFFFF;}
a.linktitulo:visited {text-decoration: none;color: #FFFFFF;}
a.linktitulo:hover {text-decoration: none;color: #FFFFFF;}
a.linktitulo:active {text-decoration: none;color: #FFFFFF;}

.logo {
	position:absolute;
	padding:0;
	margin:0;
	text-indent:-9999px;}

a:link, a:visited, a:active {
	color:#333333; 
	text-decoration:underline;}

a:hover {
	color:#333333; 
	text-decoration:none;}

/*-----------------------------------------------------------------------
Div's #Home
------------------------------------------------------------------------*/
.logo {
	position:absolute;
	padding:0;
	margin:0;
	text-indent:-9999px;}

.logotipo {
	position:absolute;
	z-index:999;
	width:189px;
	height:88px;
	top:5px;
	left:50%;
	margin-left:-490px;}

#fundo-logo{
	width:214px;
	height:95px;
	background-image:url(../images/topo-01.gif)}

#areatotal {
	width:998px;
	margin:0 auto;
	background-color:#f7f7f7}

#topo{
	height:95px;
	background-image:url(../images/topo-02.gif)}

#area-topo{
	width:998px;
	background:#509072 url(../images/baixo-area-topo.gif) bottom right repeat-x;}

#area-conteudo{
	width:998px;}

#conteudo-topo{
	width:770px;
	float:right;}
	
#faleconosco{
	width:214px;
	height:325px;}

#conteudo{
	width:770px;
	float:right;
	background-color:#f7f7f7;}

#lateral-faleconosco{
	background:url(../images/lateral-bg.gif) repeat-y;}

#formulario{
	padding:5px 15px 5px 15px;}

.textarea{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	width:115px;}
	
.textarea2{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	width:330px;}
	
.textareaddd{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	width:20px;}
	
.textareatel{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	width:76px;}

.texto-formulario{
	width:60px; float:left; padding-top:2px;}

.linhaform{
	height:22px;}
	
#rodape{
	width:998px;
	height:22px;
	float:right;
	background:url(../images/rodape-02.gif)}
	
#rodape-lateral{
	width:214px;
	height:22px;
	background:url(../images/rodape-01.gif)}
	
.produtos-topo{
	width:180px;
	height:195px;
	color:#000000;
	border: 1px solid #005028;
	background-color:#FFFFFF;
	float:left;
	margin: 0 8px 8px 0;}
	
.produtos{
	width:180px;
	height:195px;
	color:#000000;
	margin-top:3px;
	border: 1px solid #ccc;
	background-color:#FFFFFF;
	float:left;
	margin: 0 8px 8px 0;
	text-align:center;	
}

.produtos a{
	text-decoration:none;
	text-align:center;
}
#banner{
	padding-top:10px;}
	
.titulo-conteudo-topo{
	margin-bottom:3px; 
	width:730px; 
	background-image:url(../images/fundo-linhas-verdes2.gif);
	padding:5px 5px 5px 15px; 
	color:#FFFFFF;}
	
.titulo-conteudo-topo-int{
	margin-top:-15px; 
	margin-bottom:5px; 
	width:735px;
	height:20px;
	background-image:url(../images/fundo-linhas-verdes2.gif);
	padding:5px 0 0 15px; 
	color:#FFFFFF;}
	
.titulo-conteudo{
	width:755px; 
	height:22px; 
	float:left;
	background-image:url(../images/linha-cinza.gif); 
	margin-right:18px;}
	
.titulo-ver-outros{
	width:750px; 
	height:22px;
	margin-left:228px;
	_margin-left:225px;
	background-image:url(../images/linha-cinza.gif); }
	
.titulo-conteudo-cat{
	width:750px; 
	height:22px; 
	float:left; 
	background-image:url(../images/linha-cinza.gif); }

.texto-produto{
	padding:5px 10px 5px 10px;}

#produto-detalhes{
	height:272px;
	width:742px;
	background-color:#FFFFFF;
	padding:4px 4px 4px 4px}
.fotogrande{
	width:280px;
	float:left;}
.detalhes{
	width:85px;
	height:272px;
	float:left;
	background-image: url(../images/bg-detalhes.jpg)}
.detalhes-int{
	padding-left:15px;
}
.detalhes-int p img {
	margin-top:5px;
	border:1px solid #ccc;
}
.descricao{
	float:right;
	width:375px;
	height:272px;}
.descricao1{
	height:15px;
	background-color:#d1e0d9;
	padding: 10px 0 10px 10px;}
.descricao2{
	height:185px;
	width:355px;
	background-color:#e5eeea;
	padding: 10px 10px 10px 10px;}
.descricao3{
	height:30px;
	background-color:#d1e0d9;
	padding-top:2px;}
	
.hovered {
	border:1px solid #006439;
	cursor:pointer;
}