#BoxNav {
        float: right;
	width: 83%;
	height: 60px;
        margin-top: -2em;
}
#BoxNav ul {
        float: left;
	margin: 0.7em 0 0 0;
	text-align: left;  
        color: #4E9ACE;    
	padding: 1.3em 0 1em 0;
	list-style: none;
} 
#BoxNav a {
	font-weight: bold;
        padding: 0.6em 1.4em;	
	font-size: 0.8em;
        color: #4E9ACE;
}
#BoxNav a:hover {
	font-weight: bold; 
        padding: 0.9em 1.4em;
	font-size: 0.8em;
}  

.menu li{ position:relative; float:left; }
.menu li ul{position:absolute; top:0.7em; left:-1.4em; display:none; } 
.menu li:hover ul, .menu li.over ul{display:block; } 
.menu li ul li{ display:block; width:20em; height:22px; padding: 0.2em 1em; margin: 0.1em; }

@media screen and (max-width: 880px) {
#BoxNav {	width: 96%; }}

@media screen and (max-width: 765px) {
#BoxNav a, #BoxNav a:hover { font-size: 0.7em; }}
@media screen and (max-width: 670px) {
#BoxNav a, #BoxNav a:hover { font-size: 0.6em; }}
@media screen and (max-width: 580px) {
#BoxNav a, #BoxNav a:hover { font-size: 0.5em; }}

@media screen and (max-width: 480px) {
.btn-toggle{display: block;}
.menu {display: none;}}