html {background: #fff url(/img/bg/bg.jpg) repeat-x;}
body {background: url(/img/bg/bg-default.jpg) top center no-repeat; overflow: -moz-scrollbars-vertical; text-align: center; min-height:690px;}
#orquideas-bg {background: url(/img/bg/bg-produtos.png) top center no-repeat; overflow: -moz-scrollbars-vertical; text-align: center; min-height:690px;}
#content {
float: left;
display: inline;
width: 990px;
overflow: hidden;
background: #FFFFFF;
clear: both;
}
#content {margin: 0;}
#content .bloco1, #content .bloco2 {
float: left;
display: inline;
overflow: hidden;
}
#content .bloco1 {width: 196px; margin: 30px 0 120px 85px;}
#content .bloco2 {width: 680px; margin: 30px 0 0 20px;}
#content .bloco1 p, #content2 .bloco1 p {font: normal 11px trebuchet ms; color: #808080; text-align: justify; clear: both; margin: 10px 20px 10px 20px;}
#content .bloco1 h3 {margin: 20px 0 0 40px;}
#content .bloco2 p {font: normal 10px trebuchet ms; line-height: 10px; color: #f0ff00; margin: 0 5px 30px 0; background: #611e8b; float: left; display: inline; width: 157px; border: 1px solid #611e8b;}
#content .bloco2 p.produto-display {font: normal 10px trebuchet ms; line-height: 10px; color: #f0ff00; margin: 0 20px 30px 0; background: #611e8b; float: left; display: inline; width: 157px; border: 1px solid #611e8b;}
#content .bloco2 .bloco2_p {font: normal 11px trebuchet ms; line-height: auto; color: #808080; text-align: justify; clear: both; padding: 10px 20px 10px 10px; background: none; width: 650px; border: 0; margin: 0;}
#content .bloco2 p span b {font: normal 11px trebuchet ms; color: #fff;}
#content .bloco2 p img {float: left; display: inline;}
#content .bloco2 p span {float: left; display: inline; padding: 5px 5px 5px 10px; width: 142px;}
#content .bloco2 h3 {margin: 20px 0 0 40px; clear: both;}
.detalhes {
background: #23ac69;
float: left;
display: inline;
padding: 6px;
position: relative;
color: #FFFFFF;
text-decoration: none;
z-index: 6;
top: 10px;
left: 10px;
text-transform: uppercase;
margin: -10px 0 0 0;
font-weight: bold;
}
.detalhes:hover {background: #ed1165;}
.hold-produtos {
float: left;
display: inline;
margin: 0 0 20px 10px;
width: 670px;
}
h2.tit-produtos, h2.tit-area-de-aprendizado {
float: left;
display: inline;
height: 50px;
text-indent: -999999px;
}
h2.tit-produtos {width: 187px; background: url(/img/tit/tit-produtos.png) no-repeat; margin: 20px 0 10px 20px;}
h2.tit-area-de-aprendizado {width: 239px; background: url(/img/tit/tit-area-de-aprendizado.png) no-repeat;}
h3, h3.prod {
font: normal 30px trebuchet ms;
letter-spacing: -1px;
color: #ed1165;
clear: both;
}
h3 {margin: 0 0 0 85px;}
h3.prod {margin: 0 0 10px 0;}
h3.prod span {
background: #23ac69;
padding: 0 8px 0 6px;
color: #FFF;}
h4, h4.prod {
font: normal 14px trebuchet ms;
color: #000;
clear: both;
}
h4 {margin: 0 40px 0 85px;}
h4.prod {margin: 0;}
h4 span {color: #23ac69; font-weight: bold;}
h3.tit-seja-um, h3.tit-pesquisa-cientifica, h3.tit-entre-em-contato {
float: left;
display: inline;
height: 30px;
text-indent: -999999px;
margin: 0 0 20px 15px;
}
h3.tit-seja-um {width: 209px; background: url(/img/tit/tit-seja-um.gif) no-repeat;}
h3.tit-pesquisa-cientifica {width: 200px; background: url(/img/tit/tit-pesquisa-cientifica.gif) no-repeat;}
h3.tit-entre-em-contato {width: 186px; background: url(/img/tit/tit-entre-em-contato.gif) no-repeat;}
h5.verde, h5.rosa {
font: bold 16px trebuchet ms;
letter-spacing: -1px;
padding: 6px 0 0 16px;
width: 180px;
height: 30px;
float: left;
display: inline;
}
h5.verde {background: url(/img/bg/bg-verde.gif) no-repeat; color: #376951;}
h5.rosa {background: url(/img/bg/bg-rosa.gif) no-repeat; color: #FFFFFF;}
h5.sub {
font: bold 16px trebuchet ms;
letter-spacing: -1px;
margin: 10px 0 0 0;
clear: both;
color: #ed1165;
}
h6.title {
font: bold 23px trebuchet ms;
letter-spacing: -1px;
background: url(/img/bullet-title.gif) no-repeat 0 4px;
color: #611e8b;
margin: 2px 0 0 8px;
padding: 0 0 0 25px;
width: 180px;
float: left;
display: inline;
}
ul.menu-produtos {
float: left;
display: inline;
font: normal 11px trebuchet ms;
margin: 6px 0 20px 0;
}
ul.menu-produtos a {color: #611e8b; font-weight: bold; text-decoration: none; display: block; padding: 6px; width: 182px; position: relative;}
ul.menu-produtos a:hover, ul.menu-produtos a.selected {color: #FFFFFF; text-decoration: none; background: #23ac69;}
ul.menu-produtos li {margin: 0 0 6px 0; border: 1px solid #b1d6c3; float: left; display: inline; clear: both;}
.pages {
float: left;
display: inline;
text-align: center;
width: 651px;
font: bold 30px trebuchet ms;
background: url(../img/bg/bg-pages.gif) no-repeat bottom center;
height: 50px;
}
.pages a {color: #e2e0e0; text-decoration: none;}
.pages a:hover {color: #23ac69; text-decoration: none;}
.bt-pages {
text-align: center;
font: bold 11px trebuchet ms;
}
.produtos-bloco {
float: left;
display: inline;
width: 867px;
overflow: hidden;
background: #FFFFFF;
clear: both;
border-top: 1px solid #f6efce;
margin: 0 0 10px 85px;
}
.produtos-bloco-descricao {
float: left;
display: inline;
width: 560px;
font: normal 11px trebuchet ms;
margin: 10px 0 0 0;
}
.produtos-bloco-left, .produtos-bloco-right {
float: left;
display: inline;
width: 447px;
font: normal 11px trebuchet ms;
}
.produtos-bloco-left p, .produtos-bloco-descricao p, .produtos-bloco-right p{ border-left: 1px solid #CCC; padding: 0 0 0 10px; margin: 10px 0 10px 0; color: #808080;}
.produtos-bloco-right {
float: left;
display: inline;
width: 400px;
margin: 0 0 0 0px;
}
.produtos-bloco-full {
float: left;
display: inline;
width: 867px;
font: normal 11px trebuchet ms;
}
.produtos-bloco-full p {border-left: 1px solid #CCC; padding: 0 0 0 10px; margin: 10px 0 10px 0; color: #808080;}
h5.sub, h5.sub2 {
font: bold 16px trebuchet ms;
letter-spacing: -1px;
margin: 10px 0 0 0;
clear: both;
}
h5.sub {color: #ed1165;}
h5.sub2 {color: #763c9b;}
#fichatecnica, #preparo {
float: left;
display: inline;
width: 400px;
}
#fichatecnica table, #preparo table, #aplicacao table {
width: 100%;
font: normal 11px trebuchet ms;
margin: 10px 0 10px 0;
}
#fichatecnica table td {background: #f6f7e5; color: #763c9b; padding: 3px; border-top: 5px solid #FFFFFF;}
#fichatecnica table td.b {background: #f6f7e5; color: #763c9b; border-left: 3px solid #e5e6d5;}
#fichatecnica table td.t {background: #f6f7e5; color: #763c9b; border-left: 3px solid #f6f7e5; font-weight: bold;}
#preparo table th.title {background: #a7a898; color: #FFF; padding: 5px; margin: 0 0 1px 0; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; font-weight: bold; text-align: center;}
#preparo table td {background: #f6f7e5; color: #763c9b; padding: 3px; border-top: 5px solid #FFFFFF;}
#preparo table td.b {background: #f6f7e5; color: #763c9b; text-align: center;}
#preparo table td.t {background: #f6f7e5; color: #763c9b; border-left: 3px solid #f6f7e5; font-weight: bold;}
#aplicacao table td {background: #f6f7e5; color: #23ac69; padding: 3px; border-right: 5px solid #FFFFFF;}
#aplicacao table td b {color: #763c9b;}
#aplicacao table td.t {border-left: 3px solid #f6f7e5; font-weight: bold; width: 50%;}
#aplicacao table td.d {border-left: 3px solid #f6f7e5; font-weight: normal; width: 50%; color: #808080;}
.imagem-produto {
float: left;
display: inline;
margin: 20px 0 10px 0;
}
.descricao-produto {
float: left;
display: inline;
width: 560px;
margin: 20px 0 0 0;
}
.descricao-produto span{
background: #23ac69;
padding: 0 8px 0 6px;
color: #FFF;
}
.descricao-produto p {font: normal 11px trebuchet ms; color: #808080;}
.voa_right { float:right; }
.compre {
margin: 20px 0 0 0;
float: left;
display: inline;
width: 71px;
}
.compre a img {
float: left;
display: inline;
}
.ampliar {
float: left;
display: inline;
margin: 50px 0 0 5px;
}
h6.subtitle {
font: normal 11px trebuchet ms;
color: #808080;
margin: 0 0 15px 8px;
padding: 0 0 0 25px;
width: 500px;
float: left;
display: inline;
clear: both;
}
#accordion {
float: left;
display: inline;
clear: both;
margin: 0 0 20px 10px;
width: 640px;
}
#accordion h2.toggler {
cursor: pointer;
font: normal 30px trebuchet ms;
line-height: 28px;
letter-spacing: -2px;
text-transform: capitalize;
color: #FFFFFF;
margin: 10px 0 0 0;
padding: 5px 10px 5px 20px;
text-align: left;
}
#accordion div.element {
background: #f9f2f2;
height: auto;
padding: 0;
}
#accordion div.element p {
margin: 0;
background: #f9f2f2;
border: 0;
width: auto;
padding: 10px;
font: normal 11px trebuchet ms;
color: #808080;
}
#accordion div.element p a {color: #ed1165; text-decoration: underline;}
#accordion div.element p a:hover {color: #000000; text-decoration: none;}