/* v1.0 | 20080212 - eric meyer */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, em, font, img, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; }
/*
------------------------------------------
@author Carlos Oliveira
@email carlosoliveiraweb[arroba]gmail.com
------------------------------------------
1. - CSS GERAL
2. - CSS TOPO
3. - CSS MENU
4. - CSS BANNER CENTRAL HOME
5. - CSS BOX PRODUTOS
6. - CSS BOX DESCRIÇÃ0 PRODUTOS
7. - CSS BOX CONTEUDO
8. - CSS BOX FORMULARIO
9. - CSS BOX RODAPE
10. - CSS BOX MENU RODAPE INTERNAS
------------------------------------------
*/
/* 1. - CSS GERAL */
body{
background:#f0f6f2 url(../_imagens/bg-geral.jpg) repeat-x left top;
margin:0 auto; padding:0;
text-align:center;
}
body.internas{
background:#ffffff url(../_imagens/bg-geral-internas.jpg) repeat-x left top;
margin:0 auto; padding:0;
text-align:center;
}
div#wrapper{
margin:0 auto; padding:0;
text-align:center;
width:900px;
font-family:Arial, Helvetica, sans-serif;
}
/* FIM CSS GERAL*/
/* 2. - CSS TOPO */
div#topo{
background: url(../_imagens/bg-Topo.jpg) repeat-y top left;
width:900px;
margin:0 auto; padding: 0;
text-align:center;
}
div#topo h1{
margin:45px 0 25px 30px; padding:0;
float:left;
background: url(../_imagens/logo.gif) no-repeat top left;
width:282px;
text-indent:-5000em;
float:left;
}
div#topo h1 a{
width:282px;
height:49px;
margin:0; padding:0;
float:left;
}
div#topo img{
vertical-align:bottom;
margin:0; padding:0;
}
div#topo p{
text-align:left;
color:#ffffff;
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
margin:50px 0 0 88px; padding:0;
float:left;
}
/* FIM CSS TOPO*/
/* 3. - CSS MENU */
div.menu{
margin:30px 0; padding:0;
float:left;
font-size:12px;
font-weight:bold;
background: url(../_imagens/bg-menu.jpg) repeat-x top left;
width:900px;
height:52px;
}
div.menu ul{
margin:0; padding:0;
width:900px;
height:52px;
float:left;
background: url(../_imagens/borda-menu-1.jpg) no-repeat left top;
z-index:999;
}
div.menu ul li.noBorderLeft{
margin:0; padding:0;
float:left;
display:inline;
border-right:1px solid #cfe2d8;
border-left:none;
}
div.menu ul li{
margin:0; padding:0;
float:left;
display:inline;
border-right:1px solid #cfe2d8;
border-left:1px solid #FFFFFF;
}
div.menu ul li.btn-verde{
margin:0; padding:0;
float:left;
display:inline;
border-right:none;
border-left:1px solid #FFFFFF;
background:#4b8d71;
}
div.menu ul li.quem a{
margin:0; padding:20px 0;
float:left;
color:#666666;
text-decoration:none;
display:inline;
width:135px;
}
div.menu ul li.quem a:hover{
margin:0; padding:20px 0;
float:left;
color:#666666;
text-decoration:none;
background: url(../_imagens/bg-menu-hover.jpg) repeat-x top left;
display:inline;
width:135px;
}
div.menu ul li.contato a{
margin:0; padding:20px 0;
float:left;
color:#666666;
text-decoration:none;
display:inline;
width:135px;
}
div.menu ul li.contato a:hover{
margin:0; padding:20px 0;
float:left;
color:#666666;
text-decoration:none;
background: url(../_imagens/bg-menu-hover.jpg) repeat-x top left;
display:inline;
width:135px;
}
div.menu ul li.qualidade a{
margin:0; padding:20px 0;
float:left;
color:#666666;
text-decoration:none;
display:inline;
width:135px;
}
div.menu ul li.qualidade a:hover{
margin:0; padding:20px 0;
float:left;
color:#666666;
text-decoration:none;
background: url(../_imagens/bg-menu-hover.jpg) repeat-x top left;
display:inline;
width:135px;
}
div.menu ul li.newsletter a{
margin:0; padding:20px 0;
float:left;
color:#666666;
text-decoration:none;
display:inline;
width:135px;
}
div.menu ul li.newsletter a:hover{
margin:0; padding:20px 0;
float:left;
color:#666666;
text-decoration:none;
background: url(../_imagens/bg-menu-hover.jpg) repeat-x top left;
display:inline;
width:135px;
}
div.menu ul li.btn-verde a{
margin:0; padding:19px 0;
float:left;
color:#FFFFFF;
text-decoration:none;
display:inline;
width:352px;
height:14px;
background: #4B8D71 url(../_imagens/bg-menu-topo.gif) repeat-x left top;
}
div.menu ul li.btn-verde a:hover{
margin:0; padding:19px 0;
float:left;
color:#FFFFFF;
text-decoration:underline;
display:inline;
width:352px;
height:14px;
}
/* FIM CSS MENU*/
/* 4. - CSS BANNER CENTRAL HOME */
div.bannerCentralHome{
margin:0; padding:10px;
float:left;
width:880px;
background:#f8faf9;
position:relative;
}
div.bannerCentralHome a.setaLeft{
position:absolute;
left:0;
top:60px;
margin:0; padding:0;
z-index:99;
}
div.bannerCentralHome a.setaRight{
position:absolute;
left:870px;
top:60px;
margin:0; padding:0;
}
div.banner{
margin:0; padding:0;
float:left;
overflow:hidden;
width:880px; height:140px;
background:#FF0000;
}
div.internaBanner{
margin:0; left:-880px; padding:0;
float:left;
width:5000px; height:140px;
background:#000000;
position:relative
}
div.internaBanner span.spanBanner{
margin:0; padding:0;
float:left;
}
/* FIM CSS BANNER CENTRAL HOME */
/* 5. - CSS BOX PRODUTOS */
div.boxProdutos{
margin:20px 0 0 0; padding:0;
float:left;
font-size:12px;
font-weight:bold;
}
div.boxProdutos ul{
margin:0; padding:0;
float:left;
}
div.boxProdutos ul li{
margin:0 5px 0 0; padding:0;
float:left;
display:inline;
background: url(../_imagens/bg-menu-produtos.jpg) repeat-x top left;
border:1px solid #c3d0c8;
}
div.boxProdutos ul li.noMarginRight{
margin:0; padding:0;
float:left;
display:inline;
background: url(../_imagens/bg-menu-produtos.jpg) repeat-x top left;
border:1px solid #c3d0c8;
}
div.boxProdutos ul li.base{
width:230px;
}
div.boxProdutos ul li.base a{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
color:#666666;
display:inline;
width:132px;
}
div.boxProdutos ul li.base a:hover{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
background: url(../_imagens/bg-menu-produtos-hover.jpg) repeat-x top left;
color:#FFFFFF;
display:inline;
width:132px;
}
div.boxProdutos ul li.almofada{
width:165px;
}
div.boxProdutos ul li.almofada a{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
color:#666666;
display:inline;
width:67px !important;
}
div.boxProdutos ul li.almofada a:hover{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
background: url(../_imagens/bg-menu-produtos-hover.jpg) repeat-x top left;
color:#FFFFFF;
display:inline;
width:67px !important;
}
div.boxProdutos ul li.edredon{
width:148px;
}
div.boxProdutos ul li.edredon a{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
color:#666666;
display:inline;
width:50px !important;
}
div.boxProdutos ul li.edredon a:hover{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
background: url(../_imagens/bg-menu-produtos-hover.jpg) repeat-x top left;
color:#FFFFFF;
display:inline;
width:50px !important;
}
div.boxProdutos ul li.photon{
width:186px;
}
div.boxProdutos ul li.photon a{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
color:#666666;
display:inline;
width:89px !important;
}
div.boxProdutos ul li.photon a:hover{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
background: url(../_imagens/bg-menu-produtos-hover.jpg) repeat-x top left;
color:#FFFFFF;
display:inline;
width:89px !important;
}
div.boxProdutos ul li.saunas{
width:141px;
}
div.boxProdutos ul li.saunas a{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
color:#666666;
display:inline;
width:44px !important;
}
div.boxProdutos ul li.saunas a:hover{
margin:0; padding:20px 49px;
float:left;
text-decoration:none;
background: url(../_imagens/bg-menu-produtos-hover.jpg) repeat-x top left;
color:#FFFFFF;
display:inline;
width:44px !important;
}
/* FIM CSS BOX PRODUTOS */
/* 6. - CSS BOX DESCRIÇÃ0 PRODUTOS */
div.produtosGeralInterna{
margin:0 0 20px 0; padding:0;
float:left;
}
div.produtosGeral{
margin:25px 0; padding:0;
float:left;
}
div.show{
display:none;
width:900px;
margin:20px 0 0 0;
padding:0;
float:left;
}
div.produto_1,div.produto_2,div.produto_3,div.produto_4,div.produto_5{
display:none;
width:900px;
margin:0;
padding:0;
float:left;
}
div.produtoLista{
margin:0 0 10px 0; padding:0;
float:left;
width:900px;
display:inline;
}
div.produtoPadrao{
background: #e1ece4 url(../_imagens/bg-produto-padrao.jpg) repeat-x top left;
width:900px;
margin:0; padding:0 0 20px 0;
float:left;
text-align:left;
border-bottom:2px solid #c3cbc6;
display:inline;
}
div.produtoPadrao img{
float:left;
margin:20px 0 0 20px ; padding:0;
display:inline;
width:157px;
}
div.produtoPadrao h3{
font-size:16px;
width:600px;
float:left;
margin:0 0 10px; padding:0;
color:#318172;
}
div.produtoPadrao p{
font-size:12px;
width:600px;
float:left;
margin:0 0 5px 0; padding:0;
color:#318172;
line-height:15px;
}
div.produtoPadrao a{
font-size:12px;
width:600px;
float:left;
margin:15px 0 0 0; padding:0;
color:#318172;
font-weight:bold;
}
div.descricao{
margin:20px 0 0 20px; padding:0;
float:left;
width:590px
display:inline;
width:600px;
}
/* FIM CSS BOX DESCRIÇÃ0 PRODUTOS */
/* 7. - CSS BOX CONTEUDO */
div.conteudo{
margin:0; padding:0;
float:left;
width:900px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#666666;
}
div.conteudo img{
margin:0; padding:0;
float:left;
width:900px;
}
div.conteudo h3{
margin:0 0 10px 5px; padding:0;
float:left;
width:895px;
}
div.conteudo p{
margin:0 0 10px 5px; padding:0;
float:left;
width:895px;
line-height:16px;
}
div.conteudo a.audio{
color:#666666;
margin:0 0 20px 0; padding:10px;
float:left;
text-decoration:none;
font-weight:bold;
}
div.conteudo a.audio:hover{
color:#666666;
margin:0; padding:10px;
float:left;
text-decoration:underline;
font-weight:bold;
}
div.newsletter{
margin:0; padding:0;
float:left;
min-height:355px;
}
/* FIM CSS BOX CONTEUDO */
/* 8. - CSS BOX FORMULARIO */
div.formFaleConosco{
margin:20px 0; padding:0;
float:left;
width:310px;
}
div.formFaleConosco form{
margin:0; padding:0;
float:left;
width:310px;
text-align:left;
}
div.formFaleConosco form label{
margin:0 0 10px 0; padding:0;
float:left;
width:310px;
line-height:25px;
}
div.formFaleConosco form label input{
margin:0; padding:0;
float:right;
width:225px;
height:30px;
}
div.formFaleConosco form label textarea{
margin:0; padding:0;
float:right;
width:225px;
height:100px;
}
div.formFaleConosco form label input.btn{
margin:0; padding:0;
float:right;
width:100px;
height:30px;
}
/* FIM CSS BOX FORMULARIO */
/* 9. - CSS BOX RODAPE */
div.rodape{
margin:0 0 20px 0; padding:0;
width:900px;
float:left;
background:#e0ece5 url(../_imagens/bg-geral-rodape.jpg) repeat-x top left;
display:inline;
border-bottom:2px solid #84b59f;
}
div.rodape img{
margin:0; padding:0;
vertical-align:top;
display:block;
z-index:999;
}
div.endereco{
margin:20px 0; padding:0;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#20786f;
width:100%;
display:inline;
}
div.endereco ul{
margin:0 0 0 20px; padding:0;
float:left;
}
div.endereco ul li{
display:inline;
margin:0 10px 0 0; padding:0;
float:left;
}
div.endereco ul li img{
margin:0; padding:0;
float:left;
height:64px;
}
div.endereco a.logoRodape{
margin:13px 4px 0 20px; padding:0;
float:left;
}
div.endereco p{
margin:0 0 0 20px; padding:20px 0 20px 20px;
float:left;
text-align:left;
background: url(../_imagens/borda.jpg) repeat-y top left;
height:50px;
line-height:16px;
width:500px;
}
div.endereco img{
margin:5px 5px; padding:0;
float:left;
}
div.endereco p a.email{
color:#20786f;
}
div.logos{
margin:0 20px;
padding:0;
float:right;
}
/* FIM CSS BOX RODAPE */
/* 10. - CSS BOX MENU RODAPE INTERNAS */
div.menuRodapeInternas{
background: #eaf2ee url(../_imagens/bg-menu-rodape.jpg) repeat-x top left;
margin:15px 0; padding:0;
float:left;
border-bottom:2px solid #84b59f;
width:900px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}
div.menuRodapeInternas a.voltar{
background: url(../_imagens/seta-esquerda.gif) no-repeat left 12px ;
margin:0 0 0 20px; padding:10px 10px 10px 20px;
float:left;
font-size:12px;
font-weight:bold;
color:#20786f;
text-decoration:none;
}
div.menuRodapeInternas ul{
margin:0; padding:0;
float:right;
}
div.menuRodapeInternas ul li{
display:inline;
margin:0; padding:0;
float:left;
font-size:11px;
color:#989898;
font-weight:bold;
}
div.menuRodapeInternas ul li a{
margin:0; padding:10px;
float:left;
color:#989898;
text-decoration:none;
}
div.menuRodapeInternas ul li.separador{
margin:0; padding:10px;
float:left;
color:#989898;
}
/* FIM CSS BOX MENU RODAPE INTERNAS */