@charset "utf-8";
/* higiafytos #55832E */

* {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

fieldset {
	border:0px;
}



body {
	background:url(../layout/back.jpg) repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
}

#geral {
	width:800px;
	margin:0 auto;
}

/* TOPO */

#topo {
	width:800px;
}

#logo h1 {
	background:url(../layout/higiafytos1.jpg);
	text-indent:-9999px;
	margin-top:15px;
	height:240px;
}

#menu {
	background:url(../layout/menu.jpg) no-repeat;
	width:800px;
	height:45px;
}

#menu ul {
	margin:0px;
	padding-left:12px;
}

#menu ul li {
	float:left;
	display:block;
	padding:13px 14px;
}

#menu ul li a {
}

#menu ul li a:link, #menu ul li a:visited {
	text-decoration:none;
	color:#000;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#menu ul li a:hover {
	color:#5B8738;
}

/* TOPO */

/* CONTEUDO */
#conteudo {
	width:800px;
	margin:12px 0;
}

#opcoes {
	float:left;
	width:204px;
}

#logar {
	background:url(../layout/back-logon.gif) no-repeat;
	width:205px;
	height:130px;
}

#logar h3 {
	background:url(../layout/logon.gif) no-repeat;
	text-indent:-9999px;
	margin:2px 10px;
	height:28px;
}

#logar label {
	float:left;
	padding-left:14px;
	color:#5B8738;
}

#email, #senha {
	border:1px solid #ccc;
	padding:2px;
}

#email {
	width:170px;
}

#senha {
	width:132px;
}

#ok {
	margin:16px 0 5px 7px;
	background:#5B8738;
	color:#fff;
	font:bold 13px Arial, Helvetica, sans-serif;
	border:1px solid #5B8738;
	padding:0 1px;
	cursor:pointer;
}

.recuperar a:link, .recuperar a:visited {
	font:10px Arial, Helvetica, sans-serif;
	padding-left:14px;
	text-decoration:none;
	color:#666;
}

.recuperar a:hover {
	text-decoration:underline;
}

#logado {
	background:url(../layout/back-logado.gif) no-repeat;
	width:205px;
	height:160px;
}


#logado h4 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#333;
	padding:4px 0 1px 10px;
}

#logado h5 {
	color:#55832E;
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:1px 0px;
}

#logado ul {
	padding-left:30px;
	list-style:none;
	
}

#logado ul li {
	padding:1px;
}

#logado ul li a {
	
}

#logado ul li a:link, #logado ul li a:visited {
	text-decoration:none;
	color:#333;
}

#logado ul li a:hover {
	text-decoration:underline;
}

#carrinho {
	background:url(../layout/back-carrinho.png) no-repeat;
	height:94px;
	width:205px;
	margin:0px 0px 14px 0px;
}

#carrinho h2 {
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:5px 0 0 50px;
}

#carrinho h2 a {
	text-decoration:none;
	color:#333;
}

.itens {
	color:#55832E;
	padding:8px 0 8px 65px;
	font:12px Arial, Helvetica, sans-serif;
}

.total {
	padding-left:45px;
	font:12px Arial, Helvetica, sans-serif;
}

.total strong {
	color:#ff6600;
	font:bold 14px Arial, Helvetica, sans-serif;
}

.finalizar {
	padding:12px 15px;
}

.finalizar a:link, .finalizar a:visited {
	text-decoration:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
}

.finalizar a:hover {
	text-decoration:underline;
}	

#catalogo {
	margin:16px 0px;
	width:205px;
	height:198px;
	overflow:hidden;
}

#newsletter {
	background:url(../layout/back-news.jpg) no-repeat;
	width:205px;
	height:120px;
}

#newsletter h3 {
	text-align:right;
	text-transform:uppercase;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#333;
	padding:34px 10px 4px 0;
}

#newsletter p {
	text-align:right;
	padding:0 10px;
	color:#00713F;
}

#emailnews {
	width:150px;
	border:1px solid #ccc;
	padding:2px;
	margin:2px 0 0 7px;
}

#oknews {
	background:#333;
	color:#fff;
	font:bold 13px Arial, Helvetica, sans-serif;
	border:1px solid #333;
	padding:0 1px;
	cursor:pointer;
}

#centro {
	float:right;
	width:580px;
}

#centro h3 {
	color:#55832E;
	padding:3px 0px;
	font:bold 16px Arial, Helvetica, sans-serif;
}

#centro h3 strong {
	color:#ff6600;
	font:bold 16px Arial, Helvetica, sans-serif;
}


/* div centro da loja */

/* vitrine novidades ajax */
#novidades {
	width:570px;
	height:250px;
	overflow:hidden;
}

.vitrine a:link, .vitrine a:visited {
	background:url(../layout/back-botao-vitrine.png) no-repeat;
	width:20px;
	height:17px;
	margin:2px 3px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font:bold 13px Arial, Helvetica, sans-serif;
	float:left;
	
}

.vitrine a:hover {
	color:#000;
}

#nav {
	position:absolute;
	z-index:1;
	padding:10px 0 0 455px;
}

.filho {
	width:572px;
	height:253px;
	overflow:hidden;
}

#conexion {
	position:relative;
	z-index:0;
}

#conexion img {
	width:572px;
	height:253px;
}

/* vitrine novidades ajax*/

/* corpo embaixo novidades vitrine index */
#corpo {
	width:575px;
	margin:8px 0px;
}

#eventos {
	float:left;
	width:282px;
}

#eventos h3 {
	background:url(../layout/eventos.jpg) no-repeat;
	text-indent:-9999px;
	width:198px;
	height:37px;
}

.dataevento {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ff6600;
	background:#f7f7f7;
}

.tituloevento {
	font:11px Arial, Helvetica, sans-serif;
	padding-left:12px;
}

.tituloevento a {
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}

.saibamaisevento {
	text-align:right;
	padding:1px 0px;
}

.saibamaisevento a:link, .saibamaisevento a:visited {
	color:#5B8836;
	font:bold 11px Arial, Helvetica, sans-serif;
}

.saibamaisevento a:hover {
	color:#000;	
}

.leiatodas a:link, .leiatodas a:visited {
	color:#333;
	text-decoration:none;
	font:11px Arial, Helvetica, sans-serif;
	padding-left:3px;
}

.leiatodas a:hover {
	color:#000;
	text-decoration:underline;
}


#seja {
	float:right;
	width:282px;
	height:222px;
	overflow:hidden;
}


/* corpo embaixo novidades vitrine index */


/* faleconosco */
#faleconosco {
	width:310px;
	height:400px;
	float:left;
	padding:8px 0 8px 10px;
}

#faleconosco h2 {
	background:url(../layout/fale-conosco.jpg) no-repeat;
	text-indent:-9999px;
	width:198px;
	height:37px;
	padding:5px 0px;
}

#faleconosco h4 {
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:20px;
}

#nomeform, #emailform, #mensagemform, #foneform, #cidadeform, #estadoform {
	display:block;
	width:280px;
	border:1px solid #ccc;
	padding:2px;
	color:#55832E;
}

#mensagemform {
	height:40px;
}

#enviarform {
	border:1px solid #333;
	background:#333;
	color:#fff;
	cursor:pointer;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:2px;
	margin:3px 0px;
	text-transform:uppercase;
}

#sac {
	width:245px;
	height:300px;
	float:right;
	padding-left:10px;
	margin:70px 0;
	border-left:1px dashed #ccc;
}

#sac h3 {
	color:#55832E;
	font:bold 25px Tahoma, Geneva, sans-serif;
	padding:5px 0px;
}

.infosac {
	font:11px Arial, Helvetica, sans-serif;
}

.fonesac {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#55832E;
	padding:15px 0px;
}

.enderecosac {
	font:11px Arial, Helvetica, sans-serif;
}

.enderecosac strong {
	font:bold 12px Arial, Helvetica, sans-serif;
}

.enderecosac a {
	text-decoration:none;
	color:#55832E;
	font:bold 11px Arial, Helvetica, sans-serif;
}

/* faleconosco */

/* eventonews */
#eventonews p {
	padding:4px 0px;
}

#eventonews h3 {
	background:url(../layout/eventos-news.jpg) no-repeat;
	text-indent:-9999px;
	width:198px;
	height:37px;
	padding:5px 0px;
}

#pag {
	float:right;
	padding:15px 0px;
}

#pag a:link, #pag a:visited {
	background:#333;
	color:#fff;
	text-decoration:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:2px 4px;
}

#pag strong {
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:2px 4px;
	color:#fff;
	background:#55832E;
}

.print {
	text-align:right;
}

.print a {
	text-decoration:none;
	color:#333;
	padding-right:20px;
}

.datanews {
	color:#ff6600;
	font:bold 12px Arial, Helvetica, sans-serif;
}

.titulonews {
	font:bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	border-bottom:1px dashed #ccc;
}

#principalnews {
	font:12px Arial, Helvetica, sans-serif;
}

#principalnews img {
	margin:6px;
	padding:2px;
}

.voltar a {
	color:#0066ff;
	font:bold 12px Arial, Helvetica, sans-serif;
}

/* eventonews */

/* empresa */
#centro h2 {
	background:url(../layout/a-empresa.jpg) no-repeat;
	width:198px;
	height:37px;
	text-indent:-9999px;
}

#empresa p {
	padding:5px 0px;
}

#empresa img {
	margin:6px;
}
/* empresa */

/* help */
#help h2 {
	background:url(../layout/help.jpg) no-repeat;
	width:215px;
	height:37px;
	text-indent:-9999px;
}

#help p {
	padding:5px 0px;
}

#help img {
	margin:6px;
}
/* help */

/* mapa */
#mapa h2 {
	background:url(../layout/mapa.jpg) no-repeat;
	width:198px;
	height:37px;
	text-indent:-9999px;
}
/* mapa */

/* esquecisenha */
#esquecisenha h2 {
	background:url(../layout/esqueci.jpg) no-repeat;
	width:238px;
	height:37px;
	text-indent:-9999px;
}

#enviasenha {
	display:block;
	float:left;
	border:1px solid #ccc;
	padding:2px;
	font:14px Arial, Helvetica, sans-serif;
	width:250px;
	color:#55832E;
}

#esquecisenha form {
	font:bold 13px Arial, Helvetica, sans-serif;
	padding:20px 15px;
}

#botao {
	border:1px solid #333;
	background:#333;
	color:#fff;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:0px 2px;
	margin:0px 4px;
	float:left;
}

.importante {
	border:1px dashed #ccc;
	padding:5px;
	font:11px Arial, Helvetica, sans-serif;
	margin:50px 0px;
}

.importante strong {
	color:#F00;
	font:bold 12px Arial, Helvetica, sans-serif;
	display:block;
}

.aviso {
	color:#333;
	text-align:center;
	padding-top:15px;
}

.aviso strong {
	color:#F00;
}

.ok {
	color:#333;
	text-align:center;
	padding-top:15px;
}

/* esquecisenha */

/* departamentos , pagina produtos */
#departamentos {
	display:table;
}

#departamentos h4 {
	background:url(../layout/produtos.jpg) no-repeat;
	width:200px;
	height:36px;
	text-indent:-9999px;
}

#departamentos ul {
	list-style:none;
	width:200px;
	margin:15px 0px;
}

#departamentos ul li {
	height:18px;
	margin:2px 1px;
	padding:1px 0px;
}

.geral a:link, .geral a:visited {
	font:bold 13px Arial, Helvetica, sans-serif;
	float:left;
	display:block;
	width:180px;
	padding:1px 5px 1px 10px;
	text-decoration:none;
	color:#333;
	border:1px solid #e7e7e7;
	border-left:3px solid #55832E;
}

.geral a:hover {
	color:#fff;
	background:#55832E;
	border-left:3px solid #333;
}

.sub a:link, .sub a:visited {
	font:bold 13px Arial, Helvetica, sans-serif;
	float:right;
	display:block;
	width:170px;
	padding:1px 2px 1px 15px;
	text-decoration:none;
	color:#333;
	border:1px solid #e7e7e7;
	border-left:3px solid #55832E;
}

.sub a:hover {
	color:#fff;
	background:#55832E;
	border-left:3px solid #333;
}

.todos {
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#333;
}

#links a:link, #links a:visited {
	text-decoration:none;
	color:#333;
	font:bold 13px Arial, Helvetica, sans-serif;
}

#links a:hover {
	text-decoration:underline;
}
	
	


/* departamentos , pagina produtos */

/* pendencias */
#pendencias h5 {
	color:#0066ff;
	font:bold 14px Arial, Helvetica, sans-serif;
}

#pendencias h4 {
	color:#F00;
	padding:3px 0px;
	text-align:center;
	font:bold 16px Arial, Helvetica, sans-serif;
}

#pendencias p {
	padding:5px 0px;
}

#pendencias a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
}

/* pendencias */

/* representante */
#gallery {font:bold 12px arial,sans-serif; width:580px; padding:15px 0 0 0; line-height:15px;}
#gallery div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:url(../layout/menurodape.jpg) repeat-x left bottom; border:1px solid #eaeaea; border-bottom-color:#000; cursor:pointer; position:relative; z-index:20;}
#gallery div.on {color: #55832E; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:url(../layout/tabs_2.gif) repeat-x left bottom; border:1px solid #eaeaea; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}

div.hides {display:none; width:0; overflow:hidden;}
div.shows {clear:left; background:#fff; width:560px; margin-top:0; top:-1px; border:1px solid #eaeaea;padding:8px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.shows img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}

#como p, #oportunidade p, #lucrar p {
	padding:5px 0;
	font:12px/16px Arial, Helvetica, sans-serif;
}

#ajaxestado {
	display:block;
	width:545px;
	border:1px dashed #ccc;
	padding:5px;
}

#ajaxestado h3 {
	color:#55832E;
	padding:3px 0px;
	font:bold 16px Arial, Helvetica, sans-serif;
}

#ajaxestado h3 strong {
	color:#ff6600;
	font:bold 16px Arial, Helvetica, sans-serif;
}

#ajaxestado select {
	width:350px;
	margin:2px;
}

#cidadeajax a:link, #cidadeajax a:visited {
	padding:5px;
	text-decoration:none;
	color:#000;
	width:535px;
	display:block;
	float:left;
}

#cidadeajax a:hover {
	background:#EFEFEF;
}

#cidadeajax strong {
	font:18px Arial, Helvetica, sans-serif;
}

#cidadeajax h5 {
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

#cidadeajax {
	margin:0px;
	padding:0px;
}

#cidadeajax p {
	margin:0px;
	padding:0px;
}

p {
	margin:0px;
	padding:0px;
}



/* representante */


/* pendencias */

/* pagina rede */
#redeid {
}

#redeid label {
	display:block;
	padding-left:100px;
}

#redeid input, #redeid select {
	border:1px solid #ccc;
	padding:1px;
	display:block;
	width:350px;
	color:#55832E;
}

#cadastrar {
	background:#333;
}

#redeid p {
	border:1px solid #EDEDED;
	padding:1px 5px;
	margin:4px 5px;
	background:#FCFCFC;
	float:left;
}

#redeid a:link, #redeid a:visited {
	color:#333;
	text-decoration:none;
	display:block;
	float:left;
	width:550px;
}

#redeid a:hover {
	color:#55832E;
}

#cadastrarrede {
	float:right;
	padding:5px 5px;
}

/* pagina rede */

/* CONTEUDO */

/* RODAPE */
#rodape {
	margin:20px 0px;
}

#direitos {
	float:left;
	padding:10px 6px;
}

#menurodape {
	background:url(../layout/menurodape.jpg) no-repeat;
	width:800px;
	height:40px;
	float:right;
}

#menurodape ul {
	padding-right:8px;
	float:right;
}

#menurodape ul li {
	float:left;
	display:block;
	padding:10px 12px;
}

#menurodape ul li a:link, #menurodape ul li a:visited {
	text-decoration:none;
	color:#000;
	font:bold 11px Arial, Helvetica, sans-serif;
}

#menurodape ul li a:hover {
	color:#5B8738;
}
/* RODAPE */

#desenvolvido {
	float:right;
	text-align:right;
	margin:10px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
}

#desenvolvido a:link, #desenvolvido a:visited {
	color:#55832E;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
}

#desenvolvido a:hover {
	color:#333;
}

/* saude e beleza */

#eventobel p {
	padding:2px 0px;
}

#eventobel h3 {
	background:url(../layout/bel.jpg) no-repeat;
	text-indent:-9999px;
	width:198px;
	height:37px;
	padding:5px 0px;
}

#eventobel h5 {
	background:url(../layout/fytos.jpg) no-repeat;
	text-indent:-9999px;
	width:198px;
	height:37px;
	padding:5px 0px;
}

#eventobel img {
	float:left;
	width:160px;
	height:120px;
	padding:3px;
	border:1px solid #ccc;
}

.titulobel a {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#55832E;
	text-decoration:none;
}

.titulobel {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#55832E;
	text-decoration:none;
	margin:0 10px;
	float:left;
	display:block;
	width:380px;
}

.saibamaisbel {
	margin:0 10px;
	float:left;
	display:block;
}

.saibamaisbel a {
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333;
}

#separabel {
	height:166px;
	display:block;
}


/* saude e beleza */

.logarsite {
	background:#F1F1F1;
	color:#666;
	padding:2px 6px;
	font:16px Arial, Helvetica, sans-serif;
}

.logarsitef {
	padding:6px 2px;
	color:#666;
	font:13px Arial, Helvetica, sans-serif;
}

#codigorepresentante {
	background:#F5F5F5;
	border:1px solid #D6D6D6;
	height:22px;
	width:330px;
	margin:2px 0px;
	font:12px/22px Arial, Helvetica, sans-serif;
}