/* $JOTA3W -- Created by: eduardo willian (Unknown) on 25/02/2009 -- border: 1px solid red;	-- */
/* CSS Estrutura ------------------------------------------------------------------------------------- */
html, body { height:100%;}
body {
	margin:0;
	padding:0;
	font: 10px "Trebuchet MS";
	background: url(img/bg_degrade.jpg) repeat-x;
	text-align:center;
	color:#494949;
}
a { color:#494949; }
#tudo {
	width:1010px;
	text-align:left;
	margin:0 auto;
	display:table;
}
* html #tudo { height: 100%; }
a{	text-decoration:none;}
a:hover{text-decoration:underline;}

/* Topo ------------------------------------------------------------------------------------- */
#topo {
	overflow:hidden;
	width:1010px;
}
.topo-menu{
	width:1010px;
	height:47px;
	margin-bottom:10px;
	margin-top:10px;}
.topo-menu img{
	float:left;}
.topo-esquerda{
	width:295px;
	float:left;}
.topo-esquerda-logo{
	width:245px;
	height:100px;
	margin-left:20px;
	}
.topo-esquerda-logo img{
	padding-left:30px;}
.topo-esquerda-ultimas{
	margin:0 auto;
	width:250px;
	margin-left:20px;
	margin-top:-10px;}
.topo-esquerda-ultimas h1{
	width:245px;
	color:#940d64;
	font-size:13px;
	font-weight:bold;
	margin-bottom:2px;}
.topo-esquerda-ultimas ul{
	background-color:#f8eef4;
	padding:11px;
	width:250px;
	margin-bottom:2px;}
.ultimas-titulo{
	font-size:14px;
	color:#b13485;
	font-weight:bold;}
.ultimas-titulo a{
	font-size:12px;
	color:#b13485;
	font-weight:bold;
	text-decoration:none;}
.ultimas-titulo a:hover{
	text-decoration:underline;}
.ultimas-subtitulo{
	font-size:12px;
	padding-top:4px;}
.topo-esquerda-ultimas h2{
	width:245px;
	color:#940d64;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	margin-top:2px;}
.topo-esquerda-ultimas h2 a{
	font-size:9px;
	font-weight:bold;} 
.topo-direita{
	width:675px;
	float:right;}

.topo-direita-int{
	width:675px;
	float:right;
	text-align:center;
	margin:0 auto;}
	
/* Conteudo Home ------------------------------------------------------------------------------------- */
#principal {
	overflow:hidden;
	width:1000px;
	margin-top:0px;
	*margin-top:10px;
	_margin-top:0px;
	float:left;
}
.principal-esquerda{
	width:295px;
	float:left;}
.esquerda-banner{
	width:290px;
	text-align:center;
	padding-left:15px;
	float:left;
	margin-top:15px;}
.principal-direita{
	width:675px;
	float:right;
	margin-top:20px;}
.vitrine{
	background: url(/site/css/img/bg_vitrine.png) no-repeat;
	_background-image: none;
	 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/css/img/bg_vitrine.png", sizingMethod="scale");
 	height:130px;
 	width:315px;
	float:left;}
.vitrine img{
	float:left;
	padding:10px 10px 10px 12px;
	position:relative;}
.vitrine img a{
	position:relative;}
.vitrine h1{ font-size:12px; font-weight:bold; padding-top:20px; padding-right:10px;}
.vitrine h2{ font-size:10px; font-weight:normal; padding-top:5px; padding-right:20px;}
.saibamais { clear:left; position:absolute; left:210px; top:-40px; text-decoration:none;}
.saibamais a { text-decoration:none;}
.vitrine-linha{
	background: url(/site/css/img/prin_linha.gif) no-repeat center;
 	height:130px;
 	width:45px;
	float:left;}
.principal-marcas{
	overflow:hidden;
	width:970px;
	margin-top:10px;
	text-align:center;
	float:left;}
.principal-marcas img{
	padding-left:25px;}
	
/* Conteudo Interna ------------------------------------------------------------------------------------- */
.principal-direita-interna{
	width:675px;
	float:right;}	
.principal-direita-txt{
	width:635px;
	float:left;
	_float:right;
	margin-left:20px;
	_margin-left:0;}
.principal-direita-txt-topo{
	width:675px;
	background: url(/site/css/img/bg_pri_topo.png) no-repeat;
	_background-image: none;
	 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/css/img/bg_pri_topo.png", sizingMethod="scale");
 	height:14px;
	float:left;
	margin-top:20px;}
.principal-direita-txt-conteudo{
	width:634px;
	_width:675px;
	background-color:#FFFFFF;
	float:left}
.principal-direita-txt-conteudo h1{
	font-size:18px;
	color:#940d64;
	padding-left:20px;
	padding-bottom:5px;}
.linha{
	margin-left:20px;
	padding-bottom:10px;}
.principal-direita-txt-conteudo p{
	font-size:13px;
	padding-left:25px;
	padding-right:25px;
	line-height:18px;}
.principal-direita-txt-baixo{
	width:675px;
	background: url(/site/css/img/bg_pri_baixo.png) no-repeat;
	_background-image: none;
	 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/css/img/bg_pri_baixo.png", sizingMethod="scale");
 	height:14px;
	float:left;}
/* Conteudo Interna Ababilonia ------------------------------------------------------------------------------------- */
.img-ababilonia{
	float:right;
	margin-right:20px;
	padding-left:10px;
	padding-top:10px;
	*margin-top:-5px;}
.principal-direita-txt-conteudo ul{
	float:left;
	width:600px;
	margin-left:20px;
	margin-bottom:8px;
	margin-top:5px;}
.principal-direita-txt-conteudo ul a{
	float:left;
	margin-right:10px;
	background-color:#daa7c8;
	padding:4px 8px 4px 8px;
	color:#FFFFFF;
	text-decoration:none;}
.principal-direita-txt-conteudo ul a:hover{
	background-color:#8e0e7c;
	text-decoration:none;}
.principal-direita-txt-conteudo ul a:active{
	background-color:#8e0e7c;
	text-decoration:none;}

/* Conteudo Interna Aromaterapia ------------------------------------------------------------------------------------- */	
.principal-direita-txt-conteudo h2{
	font-size:20px;
	font-weight:bold;
	color:#940d64;
	padding-left:24px;
	padding-bottom:5px;
	float:left;
	margin-top:10px;
	width:600px;}
.img-aromaterapia{
	float:left;
	margin-right:10px;
	margin-left:25px;
	margin-top:10px;
	border:#CCCCCC 1px solid;}	
.saibamais-interna{
	width:634px;
	_width:675px;
	float:left;
	margin-bottom:15px;}
.saibamais-interna h1{
	font-size:16px;
	font-weight:bold;
	color:#940d64;
	padding-left:20px;
	padding-bottom:5px;
	padding-top:5px;}
.saibamais-interna ul{
	float:left;
	width:600px;
	margin-left:15px;
	_margin-left:10px;}
.saibamais-interna ul li{
	float:left;
	width:600px;
	font-size:11px;
	margin-left:10px;
	_margin-left:5px;}
.saibamais-interna ul h5{
	float:left;}
.saibamais-interna ul h5 a{
	background:none;
	text-decoration:none;
	font-size:14px;
	color:#940d64;}
.saibamais-interna ul h5 a:hover{
	background:none;
	text-decoration:underline;}
.saibamais-titulo{
	font-size:14px;
	color:#940d64;}
.saibamais-interna h3{
	width:600px;
	color:#940d64;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	margin-top:2px;}
.saibamais-interna h3 a{
	font-size:9px;
	font-weight:bold;} 
	
/* Conteudo Interna Dicas ------------------------------------------------------------------------------------- */	
.tituloDicas{
	width:470px;
	float:left;}
.tituloDicas a{
	font-size:18px;
	color:#940d64;
	text-decoration:none;}
.tituloDicas a:hover{
	font-size:18px;
	color:#940d64;
	text-decoration:underline;}
.paginacao {
	floaT: left;
	width:600px;
	display: block;
	height: 20px;
}
.paginacao ul{
	float:left;
	font-size:10px;
	margin-top:-5px;
	padding-top:3px;
	text-align: right;
	width: 400px;
}
.paginacao ul li{
	float:left;
	margin:2px;}
.paginacao ul li a{
	text-decoration:none;
	background:none;
	color:#494949;
	padding:2px;
	margin:0;}
.paginacao ul li a:hover{
	background-color:#d6329c;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px;
	margin:0;}
	
	
.voltar{
	float:right;
	font-size:10px;
	width:40px;
	margin-top:-20px;
	margin-right:20px;}
.voltar a{
	text-decoration:none;
	background:none;
	color:#494949;
	padding:2px;
	margin:0;}
.voltar a:hover{
	background-color:#d6329c;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px;
	margin:0;}
	
.dicas{
	width:634px;
	_width:675px;
	float:left;
	margin-bottom:15px;}
.dicas ul{
	float:left;
	width:570px;
	margin-left:15px;
	_margin-left:10px;
	background-color:#fcf9fb;
	padding:10px;
	_padding:10px 0px 10px 0px;
}
.dicas ul li{
	float:left;
	width:570px;
	font-size:12px;
	margin-left:10px;}
.dicas ul h4{
	float:left;
	width:600px;
	margin-left:10px;
	font-size:14px;
	color:#940d64;}
.dicas ul h4 a{
	background:none;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#940d64;
	float:left;
	margin:0;
	padding:0px 0px 5px 0px;}
.dicas ul h4 a:hover{
	background:none;
	text-decoration:underline;}

/* Conteudo Interna Fale Conosco ------------------------------------------------------------------------------------- */
.formulario{
	width:320px;
	overflow:hidden;
	margin-left:20px;
	float:left;}
.formulario-input{
	border:1px solid #CCCCCC;
	margin:2px;
	font-size:11px;
	padding:4px;}
	
#endereco{
	float:left;
	width:280px;
	font-size:13px;}

/* Conteudo Localização ------------------------------------------------------------------------------------- */
.maps{
	width:500px;
	overflow:hidden;
	margin:0 auto;}
	
/* Conteudo Produtos ------------------------------------------------------------------------------------- */
.topo-esquerda-produtos{
	margin:0 auto;
	width:245px;
	margin-left:20px;}
.busca{
	margin-top:10px;
	margin-left:5px;}
.busca h1{
	font-size:14px;
	color:#8e0e7c;
	font-weight:bold;
	float:left;
	margin-right:5px;
	margin-top:5px;
	}	
.menu-produtos-topo{
	width:245px;
	background: url(/site/css/img/bg_pro_topo.png) no-repeat;
	_background-image: none;
	 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/css/img/bg_pro_topo.png", sizingMethod="scale");
 	height:15px;
	float:left;
	margin-top:20px;}
.menu-produtos{
	background: url(/site/css/img/bg_pro_fundo.png) repeat-y;
	_background-image: none;
	 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/css/img/bg_pro_fundo.png", sizingMethod="scale");
	 width:245px;
	float:left;
	overflow:hidden;
	display: table;
}
.menu-produtos ul{
	float:left;
	padding-left:25px;
	width:220px;
		position:relative;}
.menu-produtos h1{
	width:180px;
	background-color:#d6329c;
	font-size:14px;
	color:#FFFFFF;
	padding:3px 3px 3px 7px;
	font-weight:bold;}
.menu-produtos h1 a{
	background-color:#d6329c;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;}
.menu-produtos h2 a:hover{
	color:#FFFFFF;
	text-decoration:none;}
.menu-produtos h2{
	width:180px;
	font-size:12px;
	color:#777777;
	padding:3px;
	padding-left:10px;}
.menu-produtos h2 a{
	color:#777777;
	text-decoration:none;
	}
.menu-produtos h2 a:hover{
	color:#ec6f21;
	list-style:url(/site/img/icone.jpg);
	text-decoration:underline;}
	
.menu-produtos h3{
	width:180px;
	font-size:12px;
	color:#777777;
	padding:3px;
	padding-left:18px;}
.menu-produtos h3 a{
	color:#777777;
	text-decoration:none;
	}
.menu-produtos h3 a:hover{
	color:#ec6f21;
	list-style:url(img/icone.jpg);
	text-decoration:underline;}	
	
.menu-produtos img{
	margin:2px;}
.menu-produtos-baixo{
	width:245px;
	background: url(/site/css/img/bg_pro_baixo.png) no-repeat;
	_background-image: none;
	 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/css/img/bg_pro_baixo.png", sizingMethod="scale");
 	height:15px;
	float:left;}	
#vitrine-produtos{
 	height:130px;
 	width:280px;
	float:left;
	position:relative;}
#vitrine-produtos h4 {float:left;position:relative; width: 120px; overflow: hidden; text-align:center;}
.vitrine h4 {float:left;position:relative; width: 120px; overflow: hidden; text-align:center;}

#vitrine-produtos img{float:left;padding:10px 10px 10px 12px;position:relative;}
#vitrine-produtos img a{
	position:relative;}
#vitrine-produtos h4 img{float: none;}
.vitrine h4 img{float: none;}
#vitrine-produtos h6{ font-size:12px; font-weight:bold; padding-top:20px; padding-right:10px;}
#vitrine-produtos h7{ font-size:10px; padding-top:5px;}
#vitrine-linha{
	background: url(/site/css/img/prin_linha.gif) no-repeat center;
 	height:130px;
 	width:45px;
	float:left;}
#produto-interno-esquerdo{
	width:250px;
	_width:250px;
	float:left;
	border:1px solid #CCCCCC;
	margin-left:20px;
	_margin-left:10px;
	margin-top:10px;
	overflow: hidden;}
#produto-interno-esquerdo h1{ 
	margin:0;
	margin-top:15px;
	padding: 0px 0 0 8px;
	text-align:center;
	width:235px;}
#produto-interno-esquerdo h2{ 
	margin:0 auto;
	text-align:center;
	padding: 0px 0 0 8px;
	width:235px;}

#produto-interno-direito{
	width:350px;
	float:right;
	margin-top:10px;}
#produto-interno-direito h1{
	width:350px;
	float:right;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;}
#produto-interno-direito h2{
	width:350px;
	float:right;
	font-size:10px;
	color:#767676;
	margin:0;
	padding:0;
	float:left;}
#produto-interno-direito p{
	width:300px;
	float:right;
	color:#767676;
	margin:0;
	padding:0;
	float:left;}
.comprar{
	margin:10px;
	margin-left:50px;}
#produto-interno-direito a{
	position:relative;
	float:left;}
	
/* Rodape ------------------------------------------------------------------------------------- */
#rodape{
	background-image:url(img/bg_rodape.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	width:1000px;
	height:100px;
	margin-top:10px;
	float:left;}
.rodape-logo{
	position:relative;
	left:20px;
	top:15px;}
#rodape h1{
	position:relative;
	left:700px;
	top:37px;
	font-size:10px;
	color:#7f0855;
	width:300px;}
#rodape ul{
	position:relative;
	width:550px;}
#rodape ul li{
	float:left;
	padding-left:15px;	
	font-size:11px;
	font-weight:bold;
	color:#7f0855;}
#rodape ul li a{	
	font-size:11px;
	font-weight:bold;
	color:#7f0855;
	text-decoration:none;}
.rodape-j3w{
	position:relative;
	float:left;
	left:653px;
	*left:945px;
	top:50px;
	*top:40px;}
	
	
	
	
	
	
	
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top:10px; right: 10px;}

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/css/img/overlay.png',sizingMethod='no-scale'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	}


body a.on{
	color:#ec6f21;
	list-style:url(img/icone.jpg);
	text-decoration:underline; padding:3px;}

.paginacao ul li a.pagOn{
	background-color:#d6329c;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px;
	margin:0;
	display: block;
}

body a.dicasOn{
	float:left;
	margin-right:10px;
	background-color:#daa7c8;
	padding:4px 8px 4px 8px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#8e0e7c;
	text-decoration:none;
}


div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	background: url(expanded.gif) no-repeat 10px center;
	width:180px;
	font-size:12px;
	color:#777777;
	padding:3px;
	padding-left:10px;
}
div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}


.toggle, .link-direto {
	background-color:#d6329c;
	background-image:url(/site/css/img/menu_bg_off.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	width: 195px;
	display: block;
	padding:1px;
	padding-left:10px;
	margin: 0px 0 3px 0;
	float: left;
}
.toggle a, .link-direto a{
	display:block;
	width:190px;
	height:15px;
	cursor: pointer;}
.toggle:hover, .link-direto:hover{
text-decoration:none;
background-image:url(/site/css/img/menu_bg_on.jpg);
	background-repeat:repeat-x;}
.nome-posts, .nome-posts2{
	width: 194px;
	float: left;
	background-color: #fff;
}
.nome-posts a, .nome-posts2 a{
	text-decoration:none;
	color:#747474;
	width: 184px;
	display: block;
	padding: 2px;
	margin: 1px 0 1px 15px;
	_margin: 1px 0 1px 10px;
	float: left;
	font-size: 11px;
	cursor:pointer;
}
.nome-posts a:hover, .nome-posts2 a:hover{
	color: #FF8424;
	cursor:pointer;
}

.selected {
	background-image:url(/site/css/img/menu_bg_on.jpg);
	background-repeat:repeat-x;
	text-decoration:none;
	cursor:pointer;
}
#menu-produtos2{
	background: url(/site/css/img/bg_pro_fundo.png) repeat-y;
	_background: url(/site/css/img/bg_pro_fundo.gif) repeat-y;
	width:226px;
	float:left;
	overflow:hidden;
	display: table;
	padding: 0 0 0 19px; 
	cursor:pointer;
}


#menu-produtos2 img{
	margin-left:10px;
	float:left;}