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

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

body {
background-color:#efefef;
margin: 0;
font-family:'Verdana';
color:#333333;
font-size: 11px;
text-align:justify;
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:22px;
font-weight:lighter;
padding-top:9px;
}

h3{
font-family:'Verdana';
color:#333333;
font-size: 11px;
font-weight:lighter;}

h5{
font-family:'Verdana';
color:#333333;
font-size: 11px;
font-weight:lighter;}

.mapa-do-site {
font-family:'Verdana';
color:#333333;
font-size: 11px;
font-weight:lighter;
}

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;}

.prodape {
padding-top:10px;
margin:0 auto;}

/*-----------------------------------------------------------------------
Div's #Home
------------------------------------------------------------------------*/

.logotipo {
position:absolute;
z-index:999;
width:140px;
height:125px;
top:7px;
left:50%;
margin-left:-496px;}

#topo-home {
width:1000px;
height:356px;
margin:0 auto;}

#topo-interno {
width:1000px;
height:147px;
margin:0 auto;}

#titulo-interno {
width:1000px;
height:49px;
margin:0 auto;
background: url('../imagens/bg-titulos-interno.jpg') top center no-repeat;}

#titulo-home {
width:1000px;
height:49px;
margin:0 auto;
background: url('../imagens/bg-titulos-home.jpg') top center no-repeat;}

#menu-interno {
width:1000px;
height:36px;
margin:0 auto;
background: #395800 url('../imagens/bg-menu-interno.gif') 12px 0px no-repeat;}

#menu-interno, #menu-interno a:link, #menu-interno a:visited,  #menu-interno a:active {
font-size:14px;
color:#fff;
text-decoration:none;}

#menu-interno a:hover {
color:#fff;
text-decoration:none;}

#menu-interno ul {
list-style:none;
padding:0;
margin:0 0 0 380px;
vertical-align:middle;}

#menu-home li {
display:inline;
padding:0;
margin:0;}

#menu-home {
width:1000px;
height:36px;
margin:0 auto;
background:url('../imagens/bg-menu-home.jpg') top center no-repeat;}

#menu-home, #menu-home a:link, #menu-home a:visited,  #menu-home a:active {
font-size:14px;
color:#fff;
text-decoration:none;}

#menu-home a:hover {
color:#fff;
text-decoration:none;}

#menu-home ul {
list-style:none;
padding:0;
margin:0 0 0 440px;
vertical-align:middle;}

#menu-home li {
display:inline;
padding:0;
margin:0;}

#conteudo-interno {
width:1000px;
height:auto;
margin:0 auto;
background: #FFFFFF url('../imagens/bg-conteudo.gif') center bottom repeat-x;*/
background: #FFFFFF;}

#cinza-home {
background:#f3f3f3;
width:1000px;
height:105px;
margin:0 auto;}

#footer {
position:relative;
width:1000px;
height:35px;
margin:0 auto;
text-align:center;
background-color:#FFFFFF;}

#menu-rodape, #menu-rodape a:link, #menu-rodape a:visited,  #menu-rodape a:active {
font-size:11px;
color:black;
text-decoration:none;
padding-top:10px;}

#menu-rodape a:hover {
color:#3a5800;
text-decoration:none;}

#menu-rodape ul{
list-style:none;
padding:0;
margin:0;}

#menu-rodape li{
display:inline;
padding:0;
margin:0;}

.img-mochila-home {
position:absolute;
width:330px;
height:460px;
top:120px;
left:50%;
margin-left:-400px;}

.img-mochila-interna {
position:absolute;
width:330px;
height:450px;
top:82px;
left:50%;
margin-left:-455px;}

.img-mochila-interna-linha {
position:absolute;
width:325px;
height:450px;
top:65px;
left:50%;
margin-left:-455px;}

.nome-produtos {
width:auto; 
height:47px;
padding-top:10px;
margin: 0 0 0 380px;}

#mochilas {
position:relative;
width:92%;
height:auto;
margin:0 auto;
clear:both;
display:inline;}

#thumbs {
width:630px;
height:auto;
position:relative;
float:left;
background:#e3e3e3;
text-align:center;
margin:0 auto;}

#thumbs ul{
margin: 0;
padding: 0;
list-style-type: none;}

#thumbs ul li{
position: relative;
display: inline;
float: left;
margin:12px;}

#itens {
width:360px;
height:auto;
position:relative;
float:right;}

#itens ul{
margin: 0;
padding: 0;
list-style-type: none;}

#itens ul li{
position: relative;
display: inline;
float: left;
margin:2px 4px 2px 2px;}

#itens-caracteristica {
width:230px;
height:auto;
position:relative;
float:left;}

#itens-caracteristica p {
margin:0 0 5px 0;}

#itens-usos p {
margin:0 0 5px 0;}

#itens-usos {
width:120px;
height:auto;
position:relative;
float:right;}

.mochila {
position:relative;
width:170px;
height:250px;
display:inline-block;
float:left;
margin:5px;}

.mochila p {
width:100%;
height:auto;
text-align:center;
margin:auto;}

.divisor {
width:915px;
height:auto;
position:relative;
margin:0 auto;
clear:both;
padding:0;}

.divisor-int {
width:915px;
height:auto;
position:relative;
margin:0 auto;
clear:both;
padding:0;}

.divisorIE6 {
width:915px;
height:auto;
position:relative;
margin:0 auto;
clear:both;
padding:0;
top:-75px;}

/*-----------------------------------------------------------------------
Class
------------------------------------------------------------------------*/
.texto-conteudo {
margin: 0 0 0 380px;
width:560px;
height:215px;
position:relative;}

.texto-conteudo-home {
margin: 0 0 0 445px;
padding-top:15px;
width:450px;
height:auto;
position:relative;}

.texto-conteudo-mapa {
margin: 0 0 0 380px;
width:560px;
height:180px;
position:relative;}

.txt1 {
width:225px;
height:215px;
position:relative;
float:left;}

.txt2 {
width:325px;
position:relative;
float:right;}

.txt-linha {
width:470px;
height:215px;
position:relative;
float:left;}

.titulos {
display:inline;
}

.titulo-primeiro {
float:left;
height:40px;
margin:0 0 0 380px;}

.titulo-segundo {
float:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:lighter;
padding-top:11px;
margin:0 0 0 5px;}

.titulo-terceiro {
float:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:700;
padding-top:13px;
margin:0 0 0 5px;}

.titulo-caracteristicas {
width:500px;
height:40px;
margin:0 0 0 380px;}

.mochila-home {
width:350px;
height:35px;
margin:0 0 0 440px;}

.p-l {
width:90%;
height:auto;
margin-left:20px;}

.as-linhas {
position:relative;
width:100%;
height:auto;
margin:0 auto;
clear:both;
display:inline;
text-align:center;}

.linhas {
text-align:left;
position:relative;
width:190px;
height:auto;
display:inline-block;
float:left;
margin:5px 22px 5px 23px;}

.linhas-imagem {
padding:3px 0 0 0;
text-align:center;
position:relative;
width:auto;
height:235px;
background:url('../imagens/bg-linhas.png') top center no-repeat;}

.linhas p {
width:100%;
height:20px;
text-align:center;
margin:7px 0 0 3px;
_margin:5px 0 0 6px;}

a.vem-linha:link, a.vem-linha:visited, a.vem-linha:active {
font-size:9px;
color:#ffffff; 
text-decoration:none;}

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

.t-linhas {
width:122px;
height:47px;
background: url('../imagens/t-linhas.gif') top center no-repeat;
text-indent:-9999px;
margin: 0 0 0 20px;}

.t-linha {
width:auto;
height:37px;
margin: 0 0 0 380px;
padding:11px 0 7px 0 ;}

.null {
width:234px;
height:55px;
text-indent:-9999px;
margin: 0 0 0 380px;}

.t-mochilas {
width:auto;
height:31px;
margin:20px 0 0 35px;}