#nav3{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 735px;
	height: 47px;
	padding-left: 23px;
	background: url(../images/nav3branca_base.jpg) no-repeat bottom right;
	float: left;
	
}

#nav3 li {
	float: left;
}
	
#nav3 li a {
	float:left;
	display: block;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
	color: #CC0000;
}
#nav3 li a  *{
	float:left;
	height: 47px;
}

#nav3 li a span.outer{
	display:block;	
	cursor: hand;
	padding-right: 10px;
	background: url(../images/nav3branca_right.jpg) no-repeat top right;
}
#nav3 li a span.inner{
	display:block;
	padding-left: 10px;
	background:url(../images/nav3branca_left.jpg) no-repeat top left;
}

#nav3 li.primeiro a span.inner{
	display:block;
	background: url(../images/nav3branca_left1.jpg) no-repeat top left;
}
#nav3 a:hover,#nav3 li.primeiro a:hover
{color:#FFFFFF;}

#nav3 a:hover span.inner, 
#nav3 li.primeiro a:hover span.inner
{background-position:left -47px;}

#nav3 a:hover span.outer, #nav3 .primeiro a:hover span.outer
{background-position:right -47px;}

/*-----------navegacao caes e gatos ---------------*/
.comportamento li#comportamento a, 
.filhotes li#filhotes a,
.nutricao li#nutricao a,
.saude li#saude a,
.agility li#agility a,
.racas li#racas a, 
.criadores li#criadores a
{color:#FFFFFF;	background-position:left -47px;}

.comportamento li#comportamento, 
.filhotes li#filhotes,
.nutricao li#nutricao,
.saude li#saude,
.agility li#agility,
.racas li#racas, 
.criadores li#criadores
{background-position:right -47px;}

#pagina_caes #nav3 li span.outer, #pagina_gatos #nav3 li span.outer {padding-right: 23px;}
#pagina_caes #nav3 li span.inner, #pagina_gatos #nav3 li span.inner {padding-left: 23px;}

#pagina_caes #navsecundaria li#caes a
{background-position:0px -36px;}

#pagina_gatos #navsecundaria li#gatos a
{background-position:-79px -36px;}

/*-----------navegacao produtos---------------*/
#pagina_produtos .oproduto li#oproduto a span.inner, 
#pagina_produtos .composicao li#composicao a span.inner,
#pagina_produtos .garantia li#garantia a span.inner,
#pagina_produtos .enriquecimento li#enriquecimento a span.inner,
#pagina_produtos .quantidade li#quantidade a span.inner,
#pagina_produtos .conservacao li#conservacao a span.inner, 
#pagina_produtos .beneficios li#beneficios a span.inner,
#pagina_produtos .dicas li#dicas a span.inner
{color:#FFFFFF;	background-position:left -47px; }

#pagina_produtos .oproduto li#oproduto a span.outer, 
#pagina_produtos .composicao li#composicao a span.outer,
#pagina_produtos .garantia li#garantia a span.outer,
#pagina_produtos .enriquecimento li#enriquecimento a span.outer,
#pagina_produtos .quantidade li#quantidade a span.outer,
#pagina_produtos .conservacao li#conservacao a span.outer, 
#pagina_produtos .beneficios li#beneficios a span.outer,
#pagina_produtos .dicas li#dicas a span.outer
{background-position:right -47px; color:#FFFFFF;}

#pagina_produtos #navsecundaria li#produtos a 
{background-position:-153px -36px;}


/*------------ navegacao interativo ------------*/
#pagina_interativo #nav3 li span.outer {padding-right: 23px;}
#pagina_interativo #nav3 li span.inner {padding-left: 23px;}

#pagina_interativo #navsecundaria li#interativo a
{background-position:-233px -36px}

/*------------ navegacao servicos ------------*/
#pagina_servicos #nav3 li span.outer {padding-right: 23px;}
#pagina_servicos #nav3 li span.inner {padding-left: 23px;}

#pagina_servicos #navsecundaria li#servicos a
{background-position:-312px -36px}

/*----------- navegacao caminho -------------- */
#nav4{
	margin-top: 0px;
	background-color: #ffffff;}
#nav4 h3{
	margin-bottom: 10px !important;
	display:block;
	float:left;
}
#nav4 h3.gatos{
	width: 210px;
	background: url(../images/subtit_gatos.gif) no-repeat right bottom;
}
#nav4 h3.gatos a{
	width: 210px;
	background: url(../images/tit_produtos.gif) no-repeat;
}
#nav4 .caes{
	width: 200px;
	background: url(../images/subtit_caes.gif) no-repeat right bottom;
}
#nav4 .caes a{
	width: 200px;
	background: url(../images/tit_produtos.gif) no-repeat ;
}

#nav4 h3 a, #nav4 h3{
	float:left;
	height: 22px;
	text-indent:-50000px;
}

#nav4 h3 a:hover{background-position:0 -22px;}	

#nav4 ul{
	float: left;
	padding-left: 0px;
	list-style: none;

}
#nav4  ul li{
	float: left;
	padding-top: 10px;
	padding-left: 12px;
	color: #878787;
	display: inline;
	
}
	
#nav4 li a{
	text-decoration: none;
	color: #878787;
	float:left;
}
#nav4 li a:hover, #nav4 .ultimo
	{text-decoration:underline;}
	
/*----------- títulos sem caminho -------------- */
#pagina_produtos #nav4 h3 a{
	width: 200px;
	background: url(../images/tit_produtos.gif) no-repeat;
}
#pagina_produtos #nav4 h3 a:hover{background-position:0 -22px;}
/*-----------*/
#pagina_caes #nav4 h3 a{
	width: 94px;
	background: url(../images/tit_caes.gif) no-repeat;
}
#pagina_caes #nav4 h3 a:hover{background-position:0 -22px;}
/*-----------*/
#pagina_gatos #nav4 h3 a{
	width: 104px;
	background: url(../images/tit_gatos.gif) no-repeat;
}
#pagina_gatos #nav4 h3 a:hover{background-position:0 -22px;}
/*-----------*/
#pagina_servicos #nav4 h3 a{
	width: 140px;
	height: 29px;
	background: url(../images/tit_servicos.gif) no-repeat;
}
#pagina_servicos #nav4 h3 a:hover{background-position:0 -29px;}
/*-----------*/	
#pagina_interativo #nav4 h3 a{
	width: 150px;
	background: url(../images/tit_interativo.gif) no-repeat;
}
#pagina_interativo #nav4 h3 a:hover{background-position:0 -22px;}	
/*-----------*/	
#pagina_empresa #nav4 h3{
	width: 197px;
	height: 29px;
	background: url(../images/tit_nossa_empresa.gif) no-repeat right;
}
/*-----------*/	
#pagina_faq #nav4 h3, #pagina_faq_interna #nav4 h3{
	width: 52px;
	height: 29px;
	background: url(../images/tit_faq.gif) no-repeat right top;
}	
/*-----------*/	
#pagina_fale #nav4 h3{
	width: 205px;
	height: 29px;
	background: url(../images/tit_fale.gif) no-repeat right top;
}
/*-----------*/	
#pagina_mapa #nav4 h3{
	width: 170px;
	height: 29px;
	background: url(../images/tit_mapa_site.gif) no-repeat right top;
}