html{
	overflow: -moz-scrollbars-vertical;
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}
body {
	background: #000000;
	height:100%;
	color: #666666;
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}
* {
	
	margin: 0px;
	padding: 0px;	
	scrollbar-3d-light-color: #FFFFFF;
	scrollbar-arrow-color: #203D72;
	scrollbar-base-color: #203D72;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #203D72;
	
}


p, h1, h2, h3, h4, h5, h6, body {font: 10px Arial, Helvetica, sans-serif;}

#holder {
    background: #FFFFFF url(../images/holder_bg.gif);
	width: 780px;
	margin: 0 auto;
	
}
.home #holder{
	 background:#000000;
}
#logos{
   background:#000000;
   height:47px;

}
	#logos h4 {
		float:right;
	}
	#logos h2 {
		float:left;
		width: 157px;
		height: 47px;
		position: relative;
	}
		#logos h2 span {
			background:url(../images/logo_purina.jpg) no-repeat left;
			position:absolute;
			width:100%;
			height:100%;
		}

/*----------------------------------------------------------*/
/*---------------------FASE 1-------------------------------*/
/*----------------------------------------------------------*/

#testeira{
	color: #FFFFFF;
	background:url(../images/nav_fundo_home.jpg) no-repeat top;
	height:71px;
	padding-left: 18px;
	border:solid 0px blue;
}
#nav4 {
	position:relative;
	top:0;
	left:0;
	background: #FFFFFF;
	margin-top:1px;
	margin-left: 23px;
	margin-right: 22px;
	height:32px;
	
}
 
/*----------------------------------------------------------*/
/*---------------------fim FASE 1 --------------------------*/
/*----------------------------------------------------------*/		
/*----------------------------------------------------------*/
/*---------------------FASE 2-------------------------------*/
/*----------------------------------------------------------*/

/*#testeira{
	color: #FFFFFF;
	background:url(../images/nav_fundo.jpg) no-repeat top;
	height:63px;
	padding-left: 18px;
}
#nav4 {
	background: #FFFFFF url(../images/sombra_nav.gif) right no-repeat top; 
	margin-top: -10px; 
	margin-left: 23px;
	margin-right: 22px;
	height:32px;
	}

*/
/*----------------------------------------------------------*/
/*---------------------fim  FASE 2 --------------------------*/
/*----------------------------------------------------------*/
.home #testeira{
	background:url(../images/nav_fundo_home.jpg) no-repeat top;
	
}
	.home #testeira h2 a{
		padding-top: 8px;
		padding-right: 15px;
		font-size: 12px;
		float: right;
		color:#FF0000;
		
	}
		.home #testeira h2 a:hover{
			text-decoration: none;
			color:#FFFFFF;	
		}
/*---------------------- navegacao principal ----------------------*/

#navprincipal{
	padding-top: 9px; 
	float:left;
	font-size:11px;
}

#navprincipal ul {

	}

#navprincipal li {
	display: inline;
	word-spacing: 2px;
	}

#navprincipal li a {
	color:#FFFFFF;
	text-decoration: none;
	
			}
		#navprincipal li a:hover {
			color: #8D8D8D;
			
			}
			
			
			
			
			
#navprincprofiss{
	width: 155px;
	height: 19px;
	padding-top: 5px;
	margin-left: 5px; 
	float:left;
	display:block;
	font-size:11px;
	border: 0px solid red;
}


#navprincprofiss li {
	text-indent:-555555px;
	display:block;
	list-style-type:none;
	width: 70px;
	float:left;
}

#navprincprofiss li.criadores a 
{
	color:#FFFFFF;
	text-decoration: none;
	background: url(../images/bt_criadores.gif);
	width:68px;
	height:19px;
	float:left;
	margin:0px;
	display:block;
}
#navprincprofiss li.criadores a:hover {
	background-position: 0 -19px;
			
}
			
#navprincprofiss li.veterinarios a 
{
	color:#FFFFFF;
	text-decoration: none;
	background: url(../images/bt_veterinarios.gif);
	width:79px;
	height:19px;
	margin:0px;
	margin-left:5px;
	top:0px;
	float:left;
}
#navprincprofiss li.veterinarios a:hover {
	background-position: 0 -19px;
			
}
/*---------------------navegacao secundaria-----------------*/

/*----------------------------------------------------------*/
/*---------------------display none para FASE 1-------------*/
/*----------------------------------------------------------*/

#navsecundaria{
	display: block;
}

/*----------------------------------------------------------*/
/*--------------------- FIM display none para FASE 1---------*/
/*----------------------------------------------------------*/

#navsecundaria {
	width:310px;

	list-style:none;
	float:right;
}
#navsecundaria li {
	padding-top:12px;
	float:left;
}
#navsecundaria li a {
	float:left;
	background-image:url(../images/navega.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:36px;
	text-indent:-50000px;
	outline:none;

}

#navsecundaria li#caes a { background-position:0 0; width:79px;}
#navsecundaria li#caes a:hover, .caes #navsecundaria li#caes a { background-position:0 -36px;}

.home #navsecundaria li#caes a { background-position:0 -72px; width:79px;}
.home #navsecundaria li#caes a:hover{ background-position:0 -108px;}

#navsecundaria li#gatos a { background-position:-79px 0; width:74px;}
#navsecundaria li#gatos a:hover, .gatos li#gatos a { background-position:-79px -36px;}

#navsecundaria li#produtos a { background-position:-153px 0; width:80px;}
#navsecundaria li#produtos a:hover, .produtos #navsecundaria li#produtos a { background-position:-153px -36px;}

#navsecundaria li#interativo a { background-position:-233px 0; width:79px;}
#navsecundaria li#interativo a:hover, .interativo #navsecundaria li#interativo a { background-position:-233px -36px}

#navsecundaria li#servicos a { background-position:-312px 0; width:77px;}
#navsecundaria li#servicos a:hover, .servicos #navsecundaria li#servicos a { background-position:-312px -36px}

/*-------------------------bottom com botao voltar----------------*/
#voltar {
	top:0px;
	left:0px;
	background: url(../images/voltar_bg.jpg);
	background-repeat:no-repeat;
	width:780px;
	height: 48px;
}
#voltar h4{
	float: right;
	padding-right: 26px;
	padding-top: 9px;
}
#voltar h4 a{
	display: block;
	width: 57px;
	height: 21px;
	background:url(../images/voltar_bt.jpg) no-repeat;
	text-indent: -500000px; overflow:hidden;
}
#voltar h4 a:hover{
	background-position:0 -21px;
}

/*---- comunicado importante ----*/
#voltar p{display: none;}
#voltar p{
	float: left;
	
}
#voltar p a{
	display:block;
	padding-top: 23px;
	padding-left: 28px;
	font-size: 12px;
	color:#FF0000;
		
}
		#voltar p a:hover{
			text-decoration: none;
			color:#FFFFFF;	
		}
/*--------------rodape----------------*/				
#rodape {
	top:0px;
	left:0px;
	background-color:#000000;
	width:780px;
	position:relative;
	padding-top: 3px;	
}
#rodape p{
	display:block;
	float:left;

	padding-top: 12px;
	
}
#rodape p, #rodape a {color:#999999; font-size:11px; float:left;}

#rodape h4 {
	
/*	height: 36px;	
	position: relative;
	float: right;*/
	text-indent:-99999px;
}

#rodape h4 span, #rodape h4 span a{
	float:right;
	width:153px;
	height: 34px;
	background: #000000 url(../images/logo_nestle.gif) no-repeat;
	overflow:hidden;
	display:block;
	text-indent: -9999px;

}

.clear{
	clear:both;
	height:0; 
    margin:0;
    font-size: 1px;
    line-height: 0px;
}

.flash{
	clear:both;
	height:0; 
    margin:0;
    font-size: 1px;
    line-height: 0px;
}