/* CSS Document */

<STYLE type="text/css">BODY {
	FONT: 11px Arial
}
UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; PADDING-TOP:0px;
	LIST-STYLE-TYPE: none;
	background-image: url(images/menu/3_produtos_swap.jpg); 
	
}
.botao 
{
	font-family:Tahoma;
	font-size:12px;
	border: 2px solid silver;
    background-color:#E0E0E0;
    color: DimGray;
	
}
.textbox
{
	font-family:Tahoma;
	font-size:12px;
	border: 1px solid silver;
    background-color:#E0E0E0;
    color: DimGray;
	
}
UL LI {
	FLOAT: left;
	WIDTH: 120;
	POSITION: relative;
	height: 0;
}
LI UL {
	DISPLAY: none; 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: auto
}
LI UL UL {
	DISPLAY: none; 
	LEFT: 100%; 
	POSITION: absolute; 
	TOP: -0.1em
}
UL LI A {
	
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(images/menu/3_produtos.jpg); /* cor do fundo, antes de carregar*/
	PADDING-BOTTOM: 0px; 
	COLOR: #006600;
	PADDING-TOP: 0px; 	 
	TEXT-DECORATION: none;	
	BORDER-BOTTOM: 1px;
	background-image: url(images/menu/3_produtos.jpg);  /* Troca a imagem de fundo do botão*/
	width: 120px;
	height: 33px;
	
	
}
 HTML UL LI A {
	HEIGHT: 1%
}
LI:hover A {
	COLOR: #FF0000;
	BACKGROUND-COLOR: #FF0000
	
}
LI.over A {
	COLOR: #fff; 
	BACKGROUND-COLOR: #FFFF00
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	background-image:url(images/menu/3_produtos_swap.jpg);; /* Troca a imagem de SWAP*/
}
LI:hover LI:hover A {
	COLOR: #fff; 
	BACKGROUND-COLOR: #FF0000
}
LI.over LI.over A {
	COLOR: #fff; 
	BACKGROUND-COLOR: #FF99FF
}
LI:hover LI:hover LI:hover A {
	COLOR: #fff; 
	BACKGROUND-COLOR: #00CCFF
}
LI.over LI.over LI.over A {
	COLOR: #fff; 
	BACKGROUND-COLOR: #6699FF
}
LI:hover LI A:hover {
	COLOR: #fff; 
	BACKGROUND-COLOR: #fff;
}
LI.over LI A:hover {
	COLOR: #fff; 
	BACKGROUND-COLOR: #fff;
}
LI:hover LI:hover LI:hover A:hover {
	COLOR: #fff; 
	BACKGROUND-COLOR: #fff;
}
LI.over LI LI A:hover {
	COLOR: #fff; 
	BACKGROUND-COLOR: #fff;
}
LI:hover LI:hover LI:hover LI:hover A:hover {
	COLOR: #fff; 
	BACKGROUND-COLOR: #fff;
}
LI.over LI.over LI.over LI.over A:hover {
	COLOR: #fff; 
	BACKGROUND-COLOR: #fff;
}
LI:hover LI A {
	COLOR: #777; 
	BACKGROUND-COLOR: #fff;
}
LI.over LI A {
	COLOR: #777; 
	BACKGROUND-COLOR: #fff;
}
LI:hover LI:hover LI A {
	COLOR: #777; 
	BACKGROUND-COLOR: #fff;
}
LI.over LI.over LI A {
	COLOR: #777; 
	BACKGROUND-COLOR: #fff;
}
LI:hover LI:hover LI:hover LI A {
	COLOR: #777; 
	BACKGROUND-COLOR: #fff;
}
LI.over LI.over LI.over LI A {
	COLOR: #777; 
	BACKGROUND-COLOR: #fff;
}
LI UL LI A {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}
UL LI:hover UL UL {
	DISPLAY: none
}
UL LI:hover UL UL UL {
	DISPLAY: none
}
UL LI.over UL UL {
	DISPLAY: none
}
UL LI.over UL UL UL {
	DISPLAY: none
}
UL LI:hover UL {
	DISPLAY: block
}
UL LI LI:hover UL {
	DISPLAY: block
}
UL LI LI LI:hover UL {
	DISPLAY: block
}
UL LI.over UL {
	DISPLAY: block
}
UL LI LI.over UL {
	DISPLAY: block
}
UL LI LI LI.over UL {
	DISPLAY: block
}
</STYLE>