/* menu departamento */
.cssmenu {
	padding: 0;
	margin: 0; 
	border: 0;
	line-height: normal;
	width: 100%;
	background: #efefef;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	}
	.cssmenu:before {
		content: '';
	  	display: block;
		}
	.cssmenu:after {
	  	content: '';
	  	display: table;
	  	clear: both;
		}
.cssmenu a {
  	display: block;
  	padding: 15px 12px;
  	text-decoration: none;
  	border-bottom: 1px solid #999;	
	}
	
/* Departamentos */	
.cssmenu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 7;
	float: left;
	width:100%;
	}
	.cssmenu ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: none;
  		min-height: 1px;
  		line-height: normal;
  		vertical-align: middle;
  		position: relative;		
		}
		.cssmenu ul li:hover {
			position: relative;
			z-index: 9;
			cursor: default;
			}
				.cssmenu ul li:hover:after{ /* Novo */
					content: " ";
					top:40%;
					left:0;
					margin:0px;
					padding:0px;
					position: absolute;
					display: block;
					width:0;
					height:0;
					border-top: 5px solid transparent; 
					border-left: 5px solid #<?php echo $obj_loja->GetCor8()?>;  /* Cor 8 - Topo */
					border-bottom: 5px solid transparent;
					}			
			.cssmenu > ul > li > a {
				color:#666;
				overflow:hidden;
				text-overflow: ellipsis;
				}
.cssmenu ul li.has-sub > a:after {
  	content: '+'; 
  	position: absolute;
  	top: 50%;
	right: 8px;
  	margin-top: -8px;
	}
	
.cssmenu ul li.has-sub:hover > a:after {
  	content: '';
	}
.cssmenu > ul > li.has-sub > ul > li > a:hover {
       background: #efefef;
       color: #999;
       }    
 
	   
/* Categorias */		
.cssmenu ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	top:0px;
	left: 100%;
	z-index: 8;
	margin-top: 0px;
	overflow:visible;
	white-space:nowrap;
	}	
	.cssmenu ul li:hover > ul {
		visibility: visible;
		overflow:visible;
		white-space:nowrap;
		}
	.cssmenu > ul > li:hover a{
		background-color:#E6E6E6;
		color:#999;
		}
	.cssmenu > ul > li.has-sub:hover > ul > li > a {
			background-color:#E6E6E6;
			font-size: 12px;
	  		color:#666;
			}
	.cssmenu > ul > li.has-sub > ul > li > a:hover{
			background-color:#efefef;
			font-size: 12px;
	  		color:#666;
			}