/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto);

#menu{
	list-style:none;
	margin:0px;
	padding:0px;
	display:table;
	width:100%;
	/*border-top:solid 1px #AE005D;
	border-left:solid 1px #AE005D;
	border-bottom:solid 1px #AE005D;
	*/font-family: 'Roboto', sans-serif;
	margin-left: 3px;
	height: 35px;
}

#menu > li{
	float:left;
	display:inline-block;
	height:20px;
	padding-left:.4%;
	padding-right:.4%;
	position:relative;
	cursor:pointer;
	width:9.6%;
	color:#FFF;
	text-transform:capitalize;
	border:solid 1px #AE005D;
	font-size:12px;
	transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	text-align:center;
	line-height:20px;
	margin-left: 1px;
	margin-right: 1px;
	border-radius: 0px 0px 12px 12px;
	box-shadow: 0.1em 0.2em 1em 0.1em #2E2E2E ;
	background-color: #92BA62;
	
	transform: 3s;
}



#menu > li:hover{
	background-color:#AE005D;
	color:#FFF;
	height:25px;
	font-size: 14px;
}

#menu > li:hover ul{
	display:block;
}

#menu > li ul{
	position:absolute;
	display:none;
	transition:2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	list-style:none;
	background-color:#AE005D;
	border:solid 1px #AE005D;
	color:#FFF;
	margin:0px;
	padding:0px;
	left:-1px;
	width:100%;
	transition:.2s;
}

#menu > li ul > li{
	padding:2px 8%;
	text-align:left;
	transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	line-height:14px;
	font-size:10px !important;
}

#menu > li ul > li:hover{
	background-color:#CE3185;
}

#menu > li #beneficiosIndique{
	color:#FFF;
	height:50px;
	position:absolute;
	left:0;
	display:none;
	transition:.3s;
}

#menu > li:hover #beneficiosIndique{
	display:block;
}

#menu > li #beneficiosIndique div{
	width:100px;
	height:13px;
	background:url(../imagens/slices/setaUp.png) no-repeat 15px 0px;
}

#menu > li #beneficiosIndique span{
	background-color:#AE005D;
	padding:5px 10px;
	cursor:pointer
}

.menu_clicado{
	background-color:#AE005D !important;
	color:#FFF !important;
	height:25px !important;
	font-size: 14px !important;
}