@import url(fontello.css);


/*Estilos generales */

#menu_horizontal {
	position:absolute;
	width:100%;
	height:60px;
	z-index:100;
	top: 25px;
	left: 240px;
	visibility: visible;
	text-align:left;
	
}

#menu_horizontal nav ul li #contacto {
	color: #F7FE2E;
}

nav a span {
   margin-left: 5px;
   margin-right: 5px;
   
    }

nav ul {
	font-size: 16px;
    list-style: none;
    padding: 0;
}

nav li {
    line-height: 2.5rem;
    position: relative;
}

nav li ul {
    position: absolute;
}

nav a {
    color: #ddd;
    display: block;
    padding: 0 1.05em;
    text-decoration: none;
    transition: .6s; 
}

nav a:hover {
	color: #09F;
    background: rgba(0,0,0,.9);
}




/*Primer nivel*/

nav > ul {
    background: #000;
/* background: #333;*/
    display: table;
    width: 100%;
}

nav > ul > li {
    float: left;
}


/*Segundo nivel*/

nav li li {
    background: #222;
    max-height: 0;
    overflow: hidden;
    transition: all .7s;
    width: 150px;
}

nav li:hover > ul > li {
    max-height: 500px;
    overflow:visible;
}

nav > ul > li > ul {
    top: 100%;
}

/*Tercer nivel*/

nav ul ul ul {
    left: 100%;
    top: 0;
}