body {
	color: #FFF;
	font-size: 12px;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
}
strong {
	font-weight: bold;
}
a:link, a:visited {
	color: #ccc;
	text-decoration: underline;
}
a:hover, a:active {
	color: #453e38;
	text-decoration: underline;
}
h1 {
	text-transform: uppercase;
	font-size: 15px;
	padding: 0 0 20px 0;
}
h2 {
	color: #5c1116;
	padding: 0 0 20px 0;
	font-size: 13px;
}
p {
	line-height: 20px;
	padding: 0 0 15px 0
}
form input, form textarea {
	background: #695e57;
	border: 2px solid #695e57;
	color: #ccc;
	margin-right: 10px;
}
form select {
	margin-right: 10px;
}
#wrapper {
	width: 950px;
	overflow: hidden;
	background: #c4baab url(../images/bg-capicilin.jpg) left top repeat-x;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.act-home #wrapper {
	background: #c4baab url(../images/bg-home.jpg) left top no-repeat;
}
#conteudo {
	width: 950px;
	clear: both;
	overflow: hidden;
	padding: 60px 0 0 0;
	_height: 1%;
}
#menu {
	overflow: hidden;
	background: url(../images/bg-menu.jpg) no-repeat;
	height: 67px;
	padding: 0 0 0 80px;
	clear: both;
}
body.act-home #menu {
	overflow: hidden;
	background: url(../images/bg-menu-home.jpg) no-repeat;
	height: 67px;
	padding: 0 0 0 50px;
}
#menu ul {
	float: left;
}
#menu ul li {
	float: left;
}
#menu ul li.m-institucional a {
	background: url(../images/menu.jpg) -80px top no-repeat;
	height: 67px;
	width: 120px;
	display: block;
}
body.act-home #menu ul li.m-institucional a {
	background:url(../images/menu-home.jpg) -80px top no-repeat;
}
#menu ul li.m-institucional a:hover, body.act-home #menu ul li.m-institucional a:hover {
	background-position: -80px -67px;
}
#menu ul li.m-produtos a {
	background: url(../images/menu.jpg) -200px top no-repeat;
	height: 67px;
	width: 100px;
	display: block;
}
body.act-home #menu ul li.m-produtos a {
	background:url(../images/menu-home.jpg) -200px top no-repeat;
}
#menu ul li.m-produtos a:hover, body.act-home #menu ul li.m-produtos a:hover {
	background-position: -200px -67px;
}
#menu ul li.m-midia a {
	background: url(../images/menu.jpg) -300px top no-repeat;
	height: 67px;
	width: 180px;
	display: block;
}
body.act-home #menu ul li.m-midia a {
	background:url(../images/menu-home.jpg) -300px top no-repeat;
}
#menu ul li.m-midia a:hover, body.act-home #menu ul li.m-midia a:hover {
	background-position: -300px -67px;
}
#menu ul li.m-contato a {
	background:url(../images/menu.jpg) -480px top no-repeat;
	height: 67px;
	width: 90px;
	display: block;
}
body.act-home #menu ul li.m-contato a {
	background:url(../images/menu-home.jpg) -480px top no-repeat;
}
#menu ul li.m-contato a:hover, body.act-home #menu ul li.m-contato a:hover {
	background-position: -480px -67px;
}
#menu ul li:hover {
	background-position: 0 -67px;
}
#menu img.logo {
	float: right;
}
/* menu - home */
#menu ul li:hover {
	background-position: 0 -67px;
}
#menu img.logo {
	float: right;
}
#menu span {
	display: none;
}
/* menu - área ativa */
body.act-institucional #menu ul li.m-institucional a {
	background-position: -80px -134px;
}
body.act-produtos #menu ul li.m-produtos a {
	background-position: -200px -134px;
}
body.act-midia #menu ul li.m-midia a {
	background-position: -300px -134px;
}
body.act-contato #menu ul li.m-contato a {
	background-position: -480px -134px;
}
#rodape {
	background: url(../images/bg-rodape.jpg) left top repeat-y;
	width: 950px;
	clear:both;
	overflow: hidden;
}
#rodape p {
	font-size: 11px;
	width: 885px;
	float: left;
	text-align: center;
	line-height: 30px;
	padding: 0 0 0 0;
}
#rodape a {
	color: #fff;
	text-decoration: none;
}
#rodape a:hover {
	text-decoration: underline;
}
#rodape img {
	float: right;
}
/*********** institucional **************/
.act-institucional #left {
	width: 300px;
	w/idth: 480px;
	float: left;
	padding: 0 80px 0 100px;
}
.act-institucional #right  {
	width: 348px;
	float: left;
	border: 1px solid #FFF;
	margin-top: 40px;
}
.act-institucional #right img {
	float: left;
	border: 1px solid #FFF;
}
/************* mdia *************/
.act-midia h1, .act-midia p {
	padding: 0 80px 20px 100px;
}
.act-midia #conteudo ul  {
	padding: 0 0 20px 100px;
	overflow: hidden;
}
.act-midia #conteudo ul li {
	float: left;
	padding: 3px;
	background: #fff;
	margin: 0 40px 30px 0;
}
.act-midia #conteudo ul li p {
	font-size: 11px;
	color: #666;
	padding: 0 0 0 0;
}
/************* imprensa *************/
.act-imprensa #left {
	width: 300px;
	w/idth: 480px;
	float: left;
	padding: 0 80px 0 100px;
}
.act-imprensa #right {
	width: 350px;
	float: left;
	margin-top: 35px;
}
.act-imprensa form {
	padding: 30px 0 0 0;
}
.act-imprensa form ul li {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}
.act-imprensa form ul li label {
	width: 50px;
	float: left;
}
.act-imprensa form ul li input {
	width: 150px;
	float: left;
}
.act-imprensa form .btn-ok {
	margin: 5px 0 20px 50px;
}
.btn-ok {
	background: url(../images/btn-ok.png) left top no-repeat;
	width: 30px;
	height: 30px;
	border: 0;
}
.btn-ok:hover {
	background-position: 0 -30px;
}
/************* contato *************/
.act-contato h1, .act-contato p {
	padding: 0 200px 20px 100px;
}
/* fale conosco */
.act-contato form {
	padding: 0 0 0 100px;
}
.act-contato form em {
	font-size: 15px;
	color: #CC0000;
	padding: 6px 10px 0 0;
}
.act-contato form fieldset {
	overflow: hidden;
	padding-bottom: 20px;
}
.act-contato form h2 {
	width: 190px;
	float: left;
	text-transform: uppercase;
}
.act-contato form h2 span {
	width: 150px;
	text-transform: none;
	color: #fff;
	font-size: 12px;
	display: block;
	font-weight: normal;
}
.act-contato form ul {
	float: left;
}
.act-contato form ul li {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}
.act-contato form ul li span {
	font-size: 11px;
}
.act-contato form.lembrete ul li span {
	font-size: 11px;
	padding: 0 0 0 140px;
}
.act-contato form ul li label {
	width: 140px;
	float: left;
	padding: 3px 0 0 0;
}
.act-contato form.cadastro ul li div {
	overflow: hidden;
	width: 300px;
}
.act-contato form.cadastro ul li div p{
	padding: 0 0 0 0;
}
.act-contato form .btn-ok {
	margin: 0 0 20px 330px;
}
form.lembrete .btn-ok, form.alterar .btn-ok {
	margin: 0 0 20px 140px;
}
/* larguras dos campos */
.act-contato form fieldset select {
	width: 145px;
}
input#nome, input#nascimento, input#endereco, form#trabalhe input#email, form#fale input#email {
	width: 365px;
}
textarea {
	width: 365px;
}
input#rg, input#cpf, input#profissao, input#telefone, input#tel_comercial,
input#email, input#site, input#celular, input#bairro, input#cep {
	width: 190px;
}
input#login, input#senha {
	width: 170px;
}
input#numero, input#complemento {
	width: 80px;
}
input#cidade {
	width: 270px;
}
select#estado {
	width: 55px;
}
form.cadastro ul li img {
	padding: 2px 0 0 5px;
}
input#mailing {
	background: none;
	border: none;
	margin-left: 140px;
}
input#representante {
	background: none;
	border: none;
	float: left;
}
/************* promocoes *************/
.act-promo h1, .act-promo #conteudo p {
	padding: 0 400px 15px 100px;
}
.act-promo #conteudo table {
	font-size: 10px;
	color: #333;
	margin: 0 0 30px 100px;
	width: 740px;
}
.hr {
	border-bottom: 1px solid #7a756e;
	clear: both;
	margin: 0 100px 30px 100px;
}
.act-promo #conteudo table td {
	border-bottom: 1px solid #b1aaa2;
	padding: 5px;
}
.act-promo #right  {
	width: 400px;
	float: left;
}
.act-promo #right p {
	padding: 0 0 20px 0
}
.act-promo #conteudo ul {
	padding: 0 0 20px 0;
	overflow: hidden;
	float: left;
}
.act-promo #conteudo ul li {
	float: left;
	padding: 0 10px 10px 0;
}
.act-promo #conteudo ul li img {
	border: 2px solid #fff;
}
.act-promo #left {
	width: 380px;
	w/idth: 480px;
	padding: 0 0 0 100px;
	float: left;
}
.act-promo #conteudo #left p {
	padding: 0 0 10px 0;
	clear: both;
}
/************* home *************/ 
#intro {
	width: 950px;
	height: 600px;
	margin: 0 auto;
}
.act-home .right {
	float: right;
}
.act-home #left {
	float: left;
	padding: 190px 0 0 20px;
}
.act-home #conteudo {
	padding: 0 0 0 0;
}
.act-home #menu {
	background: url(../images/bg-menu-home.jpg) left top no-repeat;
	clear: both;
}
.act-home #menu ul {
	padding: 0 0 0 0;
	float: left;
}
/************* produtos *************/ 
#navigation {
	width: 290px;
	w/idth: 390px;
	padding: 58px 0 20px 100px;
	float: left;
}
#navigation dt {
	background: #c8c1bb;
	margin-top: 2px;
	width: 205px;
}
#navigation dt a {
	color: #5c1116;
	text-decoration: none;
	width: 175px;
	w/idth: 205px;
	display: block;
	padding: 5px 15px;
	text-transform: uppercase;
}
#navigation dt a span {
	display:block;
	clear: both;
	font-size: 10px;	
}
#navigation dt a:hover, #navigation dt.selected a {
	color: #fff;
}
#navigation dt.nav-anticaspa:hover, #navigation dt.nav-anticaspa.selected {
	background:url(../images/nav-anticaspa.jpg) left top repeat-y;
}
#navigation dt.nav-antiquebra:hover, #navigation dt.nav-antiquebra.selected {
	background:url(../images/nav-antiquebra.jpg) left top repeat-y;
}
#navigation dt.nav-posquimica:hover, #navigation dt.nav-posquimica.selected {
	background:url(../images/nav-posquimica.jpg) left top repeat-y;
}
#navigation dt.nav-antiqueda:hover, #navigation dt.nav-antiqueda.selected {
	background:url(../images/nav-antiqueda.jpg) left top repeat-y;
}
#navigation dt.nav-cachos:hover, #navigation dt.nav-cachos.selected {
	background:url(../images/nav-cachos.jpg) left top repeat-y;
}
#navigation dt.nav-concentrat:hover, #navigation dt.nav-concentrat.selected {
	background:url(../images/nav-concentrat.jpg) left top repeat-y;
}
#navigation dt.nav-jaborandi:hover, #navigation dt.nav-jaborandi.selected {
	background:url(../images/nav-jaborandi.jpg) left top repeat-y;
}
#navigation dt.nav-ouro:hover, #navigation dt.nav-ouro.selected {
	background:url(../images/nav-ouro.jpg) left top repeat-y;
}
#navigation dt.nav-reparador:hover, #navigation dt.nav-reparador.selected {
	background:url(../images/nav-reparador.jpg) left top repeat-y;
}
#navigation dt.nav-karite:hover, #navigation dt.nav-karite.selected {
	background:url(../images/nav-karite.jpg) left top repeat-y;
}
#navigation dt.nav-tutano:hover, #navigation dt.nav-tutano.selected {
	background:url(../images/nav-tutano.jpg) left top repeat-y;
}
#navigation dt.nav-lisin:hover, #navigation dt.nav-lisin.selected {
	background:url(../images/nav-lisin.jpg) left top repeat-y;
}
#navigation dt.nav-oleos:hover, #navigation dt.nav-oleos.selected {
	background:url(../images/nav-oleos.jpg) left top repeat-y;
}
#navigation dt.nav-redutor:hover, #navigation dt.nav-redutor.selected {
	background:url(../images/nav-redutor.jpg) left top repeat-y;
}
#navigation dt.nav-reparador:hover, #navigation dt.nav-reparador.selected {
	background:url(../images/nav-reparador.jpg) left top repeat-y;
}
#navigation dt.nav-pele:hover, #navigation dt.nav-pele.selected {
	background:url(../images/nav-pele.jpg) left top repeat-y;
}
#navigation dt.nav-fortalecedor:hover, #navigation dt.nav-fortalecedor.selected {
	background:url(../images/nav-fortalecedor.jpg) left top repeat-y;
}
#navigation dt.nav-force:hover, #navigation dt.nav-force.selected {
	background:url(../images/nav-force.jpg) left top repeat-y;
}
#navigation dt.nav-gelatina:hover, #navigation dt.nav-gelatina.selected {
	background:url(../images/nav-gelatina.jpg) left top repeat-y;
}
#navigation dt.nav-volume:hover, #navigation dt.nav-volume.selected {
	background:url(../images/nav-volume.jpg) left top repeat-y;
}
#navigation dt.nav-keratin:hover, #navigation dt.nav-keratin.selected {
	background:url(../images/nav-keratin.jpg) left top repeat-y;
}
#navigation dt.nav-bioabacate:hover, #navigation dt.nav-bioabacate.selected {
	background:url(../images/nav-bioabacate.jpg) left top repeat-y;
}
#navigation dt.nav-bioacai:hover, #navigation dt.nav-bioacai.selected {
	background:url(../images/nav-bioacai.jpg) left top repeat-y;
}
#navigation dt.nav-biofrutas:hover, #navigation dt.nav-biofrutas.selected {
	background:url(../images/nav-biofrutas.jpg) left top repeat-y;
}
#navigation dt.nav-biomanga:hover, #navigation dt.nav-biomanga.selected {
	background:url(../images/nav-biomanga.jpg) left top repeat-y;
}
#navigation dt.nav-poscoloracao:hover, #navigation dt.nav-poscoloracao.selected {
	background:url(../images/nav-poscoloracao.jpg) left top repeat-y;
}
.act-produtos #conteudo {
	padding: 0 0 0 0;
}
.act-produtos #right {
	float: left;
	width: 480px;
}
.act-produtos #right h1 {
	padding: 0 0 5px 0;
}
.act-produtos #right h2 {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
}
/* carrossel */
#carrossel-container {
	overflow: hidden;
	background: #c9c2bc;
	clear: both;
	width: 480px;
}
ul.thumbs {
	overflow: hidden;
	background: #c9c2bc;
	clear: both;
	width: 450px;
	w/idth: 480px;
	margin-bottom: 15px;
	padding: 5px 10px 15px 20px;
}
ul.thumbs li  {
	width: 110px;
	float: left;
	text-align: center;
	display: block;
}
.carrossel { 
	float: left;
	padding: 15px 0 15px 0;
}
.carrossel ul {
	float: left;
}
.carrossel ul li  {
	width: 100px;
	float: left;
	text-align: center;
	display: block;
}
.carrossel ul li img {
	float: none;
	display: block;
}
#carrossel-container ul li p, ul.thumbs li p {
	color: #7c756f;
	line-height: 12px;
	font-size: 10px;
	display: block;
	padding: 0 0 0 0;
}
img.prev {
    float: left;
	background: url(../images/btn-prev.gif) left 70px no-repeat;
	width: 40px;
	height: 150px;
	cursor: pointer;
}
img.next {
    float: right;
	background: url(../images/btn-next.gif) left 70px no-repeat;
	width: 26px;
	height: 150px;
	cursor: pointer;
}
/* produto interna - descricao */ 
.act-produtos #right .produto {
	clear: both;
	display: block;
	overflow: hidden;
}
.act-produtos #right .produto img {
	float: left;
	padding: 0 0 10px 0;
}
.act-produtos #right .produto p {
	float: right;
	padding: 0 0 15px 0;
	width: 260px;
}
.act-produtos #right .produto h1 {
	float: right;
	padding: 80px 0 15px 0;
	width: 260px;
}
.produto h2 {
	color: #5c1116;
	padding: 0 0 20px 0;
	font-size: 13px;
	width: 260px;
	float: right;
}
/* bgs - pagina inicial de cada produto (packs) */
.pack-oleos {
	background: url(../produtos/oleos/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-volume {
	background: url(../produtos/volume/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-keratin {
	background: url(../produtos/keratin/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-tutano {
	background: url(../produtos/tutano/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-karite {
	background: url(../produtos/karite/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-cachos {
	background: url(../produtos/cachos/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-pele {
	background: url(../produtos/pele/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-anticaspa {
	background: url(../produtos/anticaspa/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-antiquebra {
	background: url(../produtos/antiquebra/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-posquimica {
	background: url(../produtos/posquimica/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-antiqueda {
	background: url(../produtos/antiqueda/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-jaborandi {
	background: url(../produtos/jaborandi/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-gelatina {
	background: url(../produtos/gelatina/images/gelatina.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-ouro {
	background: url(../produtos/ouro/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-fortalecedor {
	background: url(../produtos/fortalecedor/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-lisin {
	background: url(../produtos/lisin/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-redutor {
	background: url(../produtos/redutor/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-concentrat {
	background: url(../produtos/concentrat/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-reparador {
	background: url(../produtos/reparador/images/pack.jpg) left top no-repeat;	
	padding: 0 0 50px 0;
}
.pack-bioabacate {
	background: url(../produtos/bioabacate/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-bioacai {
	background: url(../produtos/bioacai/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-biofrutas {
	background: url(../produtos/biofrutas/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-biomanga {
	background: url(../produtos/biomanga/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
.pack-poscoloracao {
	background: url(../produtos/poscoloracao/images/pack.jpg) left top no-repeat;	
	padding: 370px 0 50px 0;
}
/*** ESSENTIAL STYLES ***/
.dropdown, .dropdown * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			auto;  /* left offset of submenus need to match (see below) */
}
.dropdown ul li {
	width:			100%;
}
.dropdown li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.dropdown li {
	float:			left;
	position:		relative;
}

.dropdown li li a {
	padding: 3px 12px;
	white-space:nowrap;
}
.dropdown a {
	
	position: relative;
	text-decoration:none;
}

.dropdown a, .dropdown a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: white;
}
.dropdown a:hover, .dropdown a:active{ 
	color: #c6c3a4;
}
.dropdown li:hover ul,
.dropdown li.sfHover ul {
	left:			0;
	top:			28px; /* match top ul list item height */
	z-index:		99;
}
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul {
	top:			-999em;
}
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul {
	left:			95px; /* match ul width */
	top:			0;
}
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul {
	top:			-999em;
}
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul {
	left:			95px; /* match ul width */
	top:			0;
}
/*** SKIN ***/
.dropdown {
	float: left;
	margin-bottom:	1em;
}
.dropdown li.sub-cadastro ul {
	border-top: 1px solid #463f39;
}
.dropdown li.sub-cadastro ul li {
	background: #524b45;
	border-bottom: 1px solid #463f39;
	width: 118px;
}
.dropdown li.sub-cadastro li a {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

.dropdown li li:hover, .dropdown li li.sfHover,
.dropdown li li a:focus, .dropdown li li a:hover, .dropdown li li a:active {
	outline: 0;
}
/* contato */
.act-contato table {
	margin: 0 0 20px 100px;
}
.act-contato table td {
	padding: 0 0 8px 0;
}
/* ficha tecnica */
p.pdf {
	background: url(../images/pdf.png) left 2px no-repeat;
	padding: 0 0 20px 20px;
}
.act-produtos #right .produto p.pdf {
	background: url(../images/pdf.png) left 2px no-repeat;
	width: 240px;
	w/idth: 260px;
	padding: 0 0 20px 20px;
	
}
p.pdf a:link, p.pdf a:visited {
	color: #993333;
	text-decoration: none;
}
p.pdf a:hover, p.pdf a:active {
	text-decoration: underline;
}
/* idioma */
#idioma {
	float: right;
	height: 30px;
	font-size: 9px;
}
#idioma a:link, #idioma a:visited {
	padding: 0 15px 0 20px;
	display: block;
	float: left;
	line-height: 25px;
	text-decoration: none;
	color: #ccc;
}
#idioma a:hover, #idioma a:active {
	color: #fff;
}
.pt {
	background: url(../images/flag-brazil.jpg) left 6px no-repeat;
}
.en {
	background: url(../images/flag-england.jpg) left 6px no-repeat;
}
.es {
	background:url(../images/flag-spain.jpg) left 6px no-repeat;
}