/*============================= Estilo da barra de menu =======================*/
.menu{	
	float:left;
	width:100%;
	z-index:3; 
	-webkit-box-shadow:0px 7px 12px -6px rgba(0,0,0,0.67); 
	-moz-box-shadow:0px 7px 12px -6px rgba(0,0,0,0.67); 
	box-shadow: 0px 7px 12px -6px rgba(0,0,0,0.67));
}
ul.menu, .menu li, .menu a{ 
	margin:0; 
	padding:0; 
	list-style:none; 
	text-decoration:none;
	text-align:left;
}
ul.menu ul{ 
	position:absolute; 
	/*z-index:3;	/*para não aparecer o que está por baixo*/
	display:none; 
	-webkit-box-shadow:0px 7px 12px -6px rgba(0,0,0,0.67); 
	-moz-box-shadow:0px 7px 12px -6px rgba(0,0,0,0.67); 
	box-shadow: 0px 7px 12px -6px rgba(0,0,0,0.67));
	left: 100%;
	font-size: 1em; 
/*	border:1px solid;	*/
}
/* Configurações nivel 1*/
ul.menu{ 
	/*float:left; */
	font-family:Verdana, Geneva, sans-serif; 
	font-size: 1em; 
/*	border-radius:5px; */
	padding:0;
}
.menu li{ 
	/*float:left; */
	width:auto; 
	position:relative;
	border:2px outset #EEE9E9; /*efeito alto relevo*/
}
.menu li a{ 
	display:block; 
	padding:0 4px; 
	line-height:40px; 
	font-size:80%; 
/*	height:10%; */
/*	float:left; */
	transition:all 0.1s linear; 
/*	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);	*/
}
.menu li a img{ 
	display:block; 
	line-height:40px;
	float:left;
	width:11%; 
	height:13%; 
	margin:7px 3px 0 0
/*	float:left; */
/*	transition:all 0.1s linear; 
/*	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);	*/
}
/* Configurações nivel 2*/
.menu li:hover > ul.submenu-1{ 
	display:block; 
	top:0px; 	/*posição da parte superior*/
	padding-left:3%;
	width:auto;
/*	border-radius:0 0 5px 5px;   */
}
.menu ul.submenu-1 a{ 
	width:auto;
	border-radius:5px; 
/*	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);	*/
}
/* Configurações nivel 2*/
.menu li:hover > ul.submenu-2{ 
	display:block; 
	top:0; 
	left:0px; 
	padding:3%;  
	width:auto;
}
.menu ul.submenu-2 a{
	width:auto;
	padding:0 5px; 
	border-radius:5px;
}
/* Configurações nivel 3*/
.menu li:hover > ul.submenu-3{
	display:block; 
	top:0; 
	left:195px; 
	padding:5px; 
	width:95%;  
	border-radius: 0 5px 5px 5px; 
}
.menu ul.submenu-3 a{  
	width:95%; 
	border-radius:5px; 
}
/*Configurações de cores*/
/*nivel 1*/
.menu a{ 
	color:#000;
}
.menu li:hover > a{ 
	background:#F0FFFF;  
	color:#000;
} /*Configuração do menu hover*/
/*nivel 2*/
.submenu-1{ 
	background:#E6E6FA;
}
.submenu-1 a{
	color:#000;
}
.submenu-1 li:hover > a{ 
	background:#F0FFFF; 
} /*Configuração do menu hover*/
/*nivel 3*/
.submenu-2{ 
	background:#4A708B;
}
.submenu-2 a{
	color:#fff;
}
.submenu-2 li:hover > a{
	background:#9CC; 
} /*Configuração do menu hover*/
/*nivel 3*/
.submenu-3{ 
	background:#4A708B;
}
.submenu-3 a{
	color:#fff;
}
.submenu-3 li:hover > a{ 
	background:#0C9; 
}
#seta_submenu{
	float:right;
	font-size:100%;
	text-align:right;
	padding-right:5%;
	margin-left:5%;
}
