.menu-principal {
	    float: left; 
		
		font-size: 13px;
		font-family: Arial;
		font-weight: bold;
	}
	.menu-principal ul {
	    list-style: none;
	    margin: 1px 0 1px 0;
	    padding: 0;
		
	}
	
	
	
	/*.menu-principal .first-child{ 
	padding: 11px; 
	background-color: #009900;
	color: white;
	}*/
	.menu-principal ul li {
	    float: left; 
	    position: relative;
	    display: block;
		
	}
	.menu-principal ul li a {
	    text-decoration: none;
	    margin: 1px 1px 1.5px 0;
	   
	    display: block;
		z-index: 1000;
	}
	 
	.menu-principal li ul {
	    display: none;
	}
	 
	
	 
	.menu-principal li:hover ul {
	    display: block;
	    position: absolute;
		z-index: 1000;
		width: 220px;
}
	 
	.menu-principal li:hover li {
	    float: none;
		margin-top: -2px;
		
	}
	 
	.menu-principal li:hover a {
	    background: #f9f9f9;
	    color: #000;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		
	}
	 
	


.responsivo{
margin: -10px 0 0 -20px;
width: 100%;
height: auto;
}

.responsivo ul{
list-style: none;
}

.responsivo li{
padding:0px;

border-bottom: #999999 thin inset;
}

.responsivo a{
display: block;
text-decoration: none;
padding: 6px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;

}


.responsivo a:hover{ text-decoration: none; }

	

.menu-principal ul li.icon {display: none;}
.menu-principal ul li.subir {display: none;}


@media screen and (max-width:680px) {
  .menu-principal ul li:not(:first-child) {display: none;}
  .menu-principal ul li.icon {
    float: left;
    display: inline-block;
  }
  .menu-principal ul li.subir {
    float: left;
    display: inline-block;
  }
  
}