/* CSS Document */
.menu_inf{
	background-color: #ccc;
	
}
nav{
width: 100%;
height: 35px;
}

#menu{
width: 100%;
height: 35px;
float: left;
/* position: relative; */
} 

#menu .menup{
width: 960px;
height: 35px;
margin: 0 auto;
padding: 0px;
}

#menu li{
float:left;
position:relative;
padding: 6px 0;
margin: 0;
list-style: none;
font-size:14px;
} 

#menu li a{
color:#424242;

padding: 10px 10px;
/* text-shadow: 0px -1px 0px #000; */
text-decoration: none;
text-transform: uppercase;
} 

/*ocultamos el dropdown*/    
#menu li > ul{
display: none;
/* display:none; */
position:absolute;
background: #666;
padding: 0;
/*z-index: 2;*/
font-weight:100;
}

#menu li > ul li{
font-weight: 400;
padding:0;
margin:1px 0;
list-style: none;
} 

#menu li > ul li:first-child, #menu li:hover > ul li:last-child{
padding:0;
margin:0 0;

}

/*le damos el color blanco al enlance del submenu y el background negro */    
#menu li:hover > a{

color:#fff;
background-color: rgba(66, 66, 66, 0.60);
width: 210px; 
} 

#menu li > ul li a{
font-size:12px;			
	
width: 220px;
margin: 0 0 0 5px;
display:block;
color: #fff;
} 

/* Con esto mantenemos el codigo submenu activo */
#menu li:hover > ul{
display:block;
width: 220px;
top: 35px;
 }

#menu .divider{
border-right: 1px solid #BCBCBC;
height: 23px;
}
#menu .dropdown::after{
content:;
position: absolute;
top: 15px;
left: 52px;
width:0px;
height:0px;
border-style: solid;
border-width: 4.3px;
border-bottom-width:0px;
border-color: #BCBCBC transparent transparent transparent;
}

#menu li:hover::after{
border-color: #fff transparent transparent transparent;
}



#menu .dropdown span{
height: 15px;
width: 3px;
position: absolute;
top: 6px;
left: 5px;
}