.toggleMenu {
    display:  none;
    background: #000 url("../images/icono_menu.png") no-repeat 10px 50%;
    padding: 10px;
    color: #fff;
	
}

.toggleMenu:hover { color:#FFF}

.toggleMenu span {
	padding-left:40px;
	font-size:1.65em; font-weight:700px; text-transform:uppercase;}


.nav {
    list-style: none;
     *zoom: 1;
     background:#FFF;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 100%;
}
.nav a {
    padding: 12px 15px;
    color:#333;
}
.nav > li {
    position: relative; text-transform:uppercase; font-size: 0.9em;
	width:14.25%; border-right:1px solid #55AFF0; float: left;
}

.nav > li:hover, .nav > li:hover > a { background-color:#55AFF0; color:#FFF}

.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95% 95%;
}
.nav > li:hover > .parent {
    background-image: url("../images/downArrow2.png");}

.nav > li > a {
    display: block; font-size:1em;    
}
.nav li  ul {
    display:none; position:absolute;	top:42px;	left:-15px;	width:200px;	background:#fff; list-style:none;	z-index:5000;
}

.nav > li.hover > ul {
    left: 0; top: inherit; display:block
	
}

.nav > li > ul > li.hover > ul { left:200px; top:inherit; margin-top:-37px}

.nav > li > ul > li > ul > li.hover > ul { left:200px; top:inherit; margin-top:-37px}

.nav li li.hover ul { left: 100%;  top: 0;}

.nav li li a {
    display: block;
    background: #299AED;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c; text-transform: none; font-size:1.eem;
	padding: 10px 15px;
}


.nav li ul li ul { top:0; right:0}

.nav li li {background-color:#55AFF0; }

.nav li ul li a:hover ul li a { background-color:#900} 
.nav li li a:hover  { background-color:#12699D}


.nav li li li a:hover { background-color:#299AED;    z-index:200;    border-top: 1px solid #1d7a62;}

.nav li li a, .nav li li li a { color:#FFF }

.nav > li > ul > li.hover > ul{ display:block; clear:both;}

.nav > li > ul > li > ul > li.hover > ul{ display:block;}

@media screen and (max-width: 991px) {
    .active {
        display: block;
    }
	
	.nav { background:#55AFF0}
	
	.nav br { display:none}
	
	.nav > ul { width:100%;  background:#55AFF0}

    .nav > li {
		 font-size: 1em;
        float: none; width:100%;
		border-top: 1px solid #104336;
    }
	
	.nav > li > ul { padding-left:1.5em;  width:100%;  background:#55AFF0}
	
	.nav > li > ul > li{ width:100% }
	
	.nav > li > ul > li > ul { padding-left:1.5em;  width:100%;  background:#55AFF0 }
	
	.nav > li > ul > li > ul > li { width:100% }
	
	.nav > li > ul > li > ul > li > ul { width:100% }
	
    .nav > li > .parent {
		background-image: url("../images/downArrow2.png");
        background-position: 98% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow2.png");
        background-repeat: no-repeat;
        background-position: 98% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	.nav li a, .nav li li a, .nav li li li a { color:#FFF }
	
	.nav > li > ul > li.hover > ul { margin-top:0}

	.nav > li > ul > li > ul > li.hover > ul {  margin-top:0}


}

@media screen and (max-width: 480px) {
		.toggleMenu span { color:#000}
}