@font-face{
				font-family:admin;
				src:url("../fonts/admin.ttf");
			}
			nav{
				display:flex;
				font-family:admin,arial;
			}
			.mainElmt{
				text-align:center;
				font-family:inherit;
				width:100%;
				display:block;
			    text-decoration:none;
			    background-color:#D8D8D8;
			    color:#FFF;
			    padding:16px;
			    border-bottom:solid 1px #FFF;
			    font-size:12pt;
			}
			.mainElmt:hover{
				background-color:#E8E8E8;
				color:#80b739;
			}
			.mainElmtOver{
				background-color:#EEE;
				color:#80b739;
			}
			.mainElmt img{
			    vertical-align:middle;
			    margin-right:6px;
			    width:16px;
			}
			.smain{
				position:absolute;
				background-color:#FFF;
				color:#FFF;
				/*margin:1px;*/
				left:0;
				right:0;
				display:none;
				border:solid 1px #EEE;
				border-top:none;
				box-shadow:0 10px 10px rgba(0,0,0,0.1);
			}
			.smainElmt a{
				display:block;
				padding:10px;
				padding-right:20px;
				padding-left:20px;
				text-decoration:none;
				color:#888;
			}
			.smainElmt a:hover{
				background-color:#EEE;
				color:#80b739;
			}
			#ret{
				display:none;
				background-color:#80b739;
				border-bottom:solid 1px #FFF;
			}
			#ret img{
				padding:14px;
				cursor:pointer;
			}
			#ret img:hover{
				opacity:0.9;
			}


			@media all and (max-width:1024px){
				nav{
					display:block;
					visibility:hidden;
					position:absolute;
					left:0;
					right:0;
					box-shadow:0 10px 10px rgba(0,0,0,0.1);
				}
				.smain{
					position:static;
				}
				.mainElmt{
					width:auto;
					text-align:left;
				}
				#ret{
					display:block;
					margin-bottom:0;
				}
				.mainv{
					visibility:visible;
					position:absolute;
					z-index:1000;
				}
				.mainh{
					visibility:hidden;
					position:absolute;
					z-index:1000;
				}
			}