ul.menus, .menus li, .menus a{ 
	margin:0; 
	padding:0; 
	list-style:none; 
	text-decoration:none;}

ul.menus ul{ 
	position:absolute; 
	display:none; 
	box-shadow:3px 3px 2px #333;}

/* Configurações nivel 1*/
ul.menus{ 
	float:left; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:14px; 
	border-radius:5px; 
	padding:0 5px;}

.menus li{ 
	float:left; 
	width:auto; 
	position:relative;}

.menus li a{ 
	display:block; 
	padding:0 15px; 
	line-height:45px; 
	height:45px; 
	float:left; 
	transition:all 0.1s linear; }

/* Configurações nivel 2*/
.menus li:hover > ul.submenu-1{ 
	display:block; 
	top:25px; 
	left:0; 
	padding:5px; 
	width:260px; 
	border-radius:0 0 5px 5px;  
	z-index:1; }

.menus ul.submenu-1 a{  
	width:220px; 
	padding:0 20px; 
	border-radius:5px;  }

/* Configurações nivel 2*/
.menus li:hover > ul.submenu-2{ 
	display:block; 
	top:0; 
	left:195px; 
	padding:5px; 
	width:200px;  
	border-radius: 0 5px 5px 5px; }

.menus ul.submenu-2 a{  
	width:160px; 
	padding:0 20px; 
	border-radius:5px; }

/* Configurações nivel 3*/
.menus li:hover > ul.submenu-3{ 
	display:block; 
	top:0; 
	left:195px; 
	padding:5px; 
	width:200px;  
	border-radius: 0 5px 5px 5px; }

.menus ul.submenu-3 a{  
	width:160px; 
	padding:0 20px; 
	border-radius:5px; }

/*Configurações de cores*/

/*nivel 1*/
.menus{#background:#CCC; }
.menus a{ color:#000;}
.menus li:hover > a{ 
	background:#999;  
	color:#fff;}

/*nivel 2*/
.submenu-1{ background:#999;}
.submenu-1 a{color:#fff;}
.submenu-1 li:hover > a{ background:#666; }

/*nivel 3*/
.submenu-2{ background:#666;}
.submenu-2 a{color:#fff;}
.submenu-2 li:hover > a{ background:#333; }

/*nivel 3*/
.submenu-3{ background:#333;}
.submenu-3 a{color:#fff;}
.submenu-3 li:hover > a{ background:#000; }