.escondidomenu{display:inline; float:left; text-align:right; margin:0 auto; width:1128px}
			.topnav {overflow: hidden; /*background-color: #666;*/ border:1px solid red; width:100%; float:left}
			.topnav a { float: left;  display: block;  color: #fff;  text-align: center;  padding: 7px 8px;  text-decoration: none;  font-size: 1em;}
			.topnav a:hover {  /*background-color: #ddd;*/  color: black;}
			.topnav a.active {  background-color: #000;  color: white; font-weight:bold;}
			.topnav .icon {  display: none;}
			@media screen and (max-width: 600px) {
			  .topnav {overflow: hidden; /*background-color: #666;*/ border:1px solid red; width:100%; float:left;position: absolute;}
			  .topnav a:not(:first-child) {display: none;}
			  .topnav a.icon {float: right;	display: block;font-size: 25px; margin: 0; padding: 0; padding-bottom: 1.3%;z-index: 9999999;}
			  #menu a {padding-right: 1em;}
			  #menu a:hover{ color:#fff}
			}
			
			@media screen and (max-width: 600px) {
			  .topnav.responsive {position: relative;z-index: 9999999;background-color: #666;}
			  .topnav.responsive .icon {position: absolute;	right: 0;top: 0; }
			  .topnav.responsive a {float: none;display: block;	text-align: left; padding:3%;}
			}
			@media screen and (max-width: 428px){.escondidomenu{ display:none;}#menu a {padding-right: 5px;}#menu div{ font-size:1.6em}}
			
			@media screen and (min-width: 429px) {
			  .topnav{display:none;}
			  }