/*------------------------------------*\
    Ninja3 JS ninja3
\*------------------------------------*/

.ninja3 {
	font-family: 'colablig', Arial, Helvetica, sans-serif ;
	position:relative;
	display:block;
	font-size:12px;
	width:100%; 
}
.ninja3-list {
	text-align:left; 	
	
}

.ninja3-list li ul li{font-family:  'colablig', Arial, Helvetica, sans-serif; font-size:12px;}

.ninja3-item {
	float:left;
	*display:inline;
	 padding:0 2px 0 0;
	zoom:1;
	position:relative;
	font-family:  'colablig', Arial, Helvetica, sans-serif; font-size:17px;
	
	
}
.ninja3-item a {
	display:block;
	color:#FFF;
	padding:7px 24px;
	}
	
.ninja3-list li:hover>a{  }
.ninja3-item a:hover {color:#ffab0a;}
.ninja3-item a.active{color:#ffab0a;}



/* Special class */

.n-login{ background:url(../images/buttonback-1.png) left top repeat-x; -webkit-border-radius: 3px; border-radius: 3px;  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
margin-left:13px; }
.n-login:hover{ background:url(../images/buttonback-1-hover.png) left top repeat-x;}
.n-login a{ color:#000;}
.n-login a:hover{ color:#000; }

.n-conta{ background:url(../images/buttonback-2.png) left top repeat-x; -webkit-border-radius: 3px; border-radius: 3px;  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1); margin-left:21px;
 }
.n-conta:hover{background:url(../images/buttonback-2-hover.png) left top repeat-x;}
.n-conta a{ color:#fff;}
.n-conta a:hover{ color:#fff;}



/* ninja3igation submenu */
.ninja3-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.ninja3-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #9A337E;
	display:block;
	padding:15px;
}
.ninja3-submenu-item a:hover {background:#ffab0a;}

.ninja3-text{ width:50%; position:absolute; top:0px; left:0px; color:#000; line-height:42px; text-indent:15px; font-weight:normal; font-size:20px; display:none;}

/* Mobile ninja3 */
.ninja3-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	padding: 7px 10px 9px 10px;
	margin:7px 7px 0px 7px;
	border-radius:4px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
/*    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
*/    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.ninja3-mobile .icon-bar {
	display: block;
	width: 18px;
	height: 2px;
	background-image:none;
	background-color: #000;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	margin-top: 3px;}

.ninja3-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	cursor:pointer;
}
.ninja3-click i {
	display:block;
	height:23px;
	width:25px; margin-top:10px; margin-right:8px;
	background:url(../images/down.png) no-repeat top left;
	background-size:25px;}
	
.ninja3-click02 {
	position:absolute;
	top:0;
	right:0;
	display:none;
	cursor:pointer;
}
.ninja3-click02 i {
	display:block;
	height:23px;
	width:25px; margin-top:10px; margin-right:8px;
	background:url(../images/down.png) no-repeat top left;
	background-size:25px;}	

.ninja3-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);}

	
/*------------------------------------*\
    Media Queries
\*------------------------------------*/

.ninja3-submenu-item{ position:relative;}
@media only screen and (min-width:800px) {


.ninja3-list li:hover .ninja3-submenu{display:block;}
.ninja3-list .ninja3-submenu .ninja3-submenu-sub{position:absolute; left:100%; top:0; display:none !important;}
.ninja3-list .ninja3-submenu li:hover .ninja3-submenu-sub{display:block !important;}

.ninja3-submenu-item-sub{ position:relative;}	
 
}


@media only screen and (min-width:230px) and (max-width:800px) {

	.n-login,  .n-conta, .n-login:hover, .n-conta:hover{ background:none;}
	.n-login a:hover, .n-conta a:hover{ background:none; color:#e85e02;}
	.ninja3-mobile{display:block;}
	.mobile-sub{ margin:0px; padding:0px; list-style:none;}
	.mobile-sub ul{  z-index:9999;}
	.mobile-sub li{ margin:0px 0px 0px 0px !important;}
	.mobile-sub a{display:block; color:#000; padding:15px 25px;	background:#fff !important; border-bottom:solid 1px #ccc;}
	.mobile-sub li a.active{ color:#e85e02 !important;}
	.mobile-sub li:hover>a{ color:#e85e02 !important;}
	
	
	.ninja3 {
		width:100%;
		padding:42px 0px 0px 0px !important;
		background:url(../images/buttonback-1.png) left bottom repeat-x #fff; color:#000;
		margin-right:15px;
		-webkit-border-radius: 3px;
border-radius: 3px; z-index:99;
	}
	.ninja3-list {
		display:none;
	}
	.ninja3-item {
		width:100%;
		float:none;
	}
	.ninja3-item > a {
		padding:15px;
	}
	.ninja3-click {
		display:block;
	}
	.ninja3-click02 {
		display:block;
	}
	.ninja3-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.ninja3-item:hover .ninja3-submenu {
		display:none;
	}
	
	.ninja3-submenu {position:static; width:100%;}
	.ninja3-submenu li{ margin:0px 0px 0px 0px !important;}
	.ninja3-submenu a{display:block; color:#000; padding:15px 25px;	background:#fff !important; border-bottom:solid 1px #ccc;}
	.ninja3-submenu li a.active{ color:#000 !important;}
	.ninja3-submenu li:hover>a{ color:#fff;}

	.ninja3-submenu-sub {width:100%; position:static; left:100%; top:0; display:none;}
	.ninja3-submenu-sub li{ margin:0px 0px 0px 0px !important;}
	.ninja3-submenu-sub a{display:block; color:#000; padding:15px 35px;	background:#fff !important; border-bottom:solid 1px #ccc; font-weight:normal;}
	.ninja3-submenu-sub li a.active{ color:#000 !important;}
	.ninja3-submenu-sub li:hover>a{ background-color:none !important; color:#fff;}
	/* Mobile ninja3rgk~30987 */
	.ninja3-text{display:block;}
	
}


@media only screen and (min-width:801px) and (max-width:970px) {

.ninja3-item a {
	display:block;
	padding:7px 20px;
}
	
.ninja3-item { font-size:18px; }
}
@media only screen and (min-width:636px) and (max-width:800px) {
.button-bar{ width:360px; margin:34px 14px 0 0;}
}
@media only screen and (min-width:200px) and (max-width:635px) {
.button-bar{ width:100%; margin:10px 0 0 0;}
.ninja3 {
		-webkit-border-radius: 0px;
border-radius: 0px;
	}
}