*{margin:0px;}
body{ font-family: "Roboto", sans-serif; font-size:15px; letter-spacing:2px; }
input{font-family:Sans-serif;}
a{cursor:pointer;}
#logside img{height:115px; }
#head{width:86%; padding:0px 7% 15px 7%; background: linear-gradient(135deg,  black, #666666)}
#logside{float:left;margin-top:10px;}
#logside a{ padding: 10px 0px;  text-decoration:none; font-weight:bold;}
#navside{float:right; margin-top:60px;}
#navside a{ padding: 10px 20px;  text-decoration:none; font-weight:bold; color:white; }
#act, #servi{ color:#17375E; }
#activ{border:2px solid #dbd3c9;  color:#17375E;}
#navside a:hover{border-bottom:2px solid #dbd3c9; color:#dbd3c9;}

#navside a:visited{border:0px; outline:none;}
#btn, .btn{width:40px; padding:10px 0px 8px 0px ; }
#btn{display:none;  margin:60px auto 10px auto; background:#dbd3c9; float:right;} 
.btn span{display:block; height:3px; width:24px; margin-left:8px; background:white; margin-bottom:2px; }
#btn span{display:block; height:3px; width:24px; margin-left:8px; background:white; margin-bottom:2px; }
.navi{color:white; font-size:22px; margin-left:5px;}
#navcover{display:none; margin-top:30px; margin-left:15px; margin-bottom:25px;}

#drop{position:absolute; background:white; z-index:1000; margin:37px 0px 0px 180px; padding:2px 4px 1px 0px;  display:none; }
#drop a{display:block; margin-bottom:2px ; }

@media (max-width:900px){
	#activ{border:0px; }
#head{width:90%; padding:0px 6% 10px 4%; }
#logside{margin-top:15px; }
#navside{ margin-top:28px; }
}
@media (max-width:800px){ #logside{margin-top:15px;  }
	#drop{position:relative;  margin:0px; padding:0px; background:black;  margin-left:20px;}
#drop a{display:block; margin-bottom:0px ;}
	
#btn{display:block; } 

#navside{display:none; z-index:2000; height:100%; margin-top:0px; right:0px; top:0px; float:none; position:fixed; width:250px; background:black;}
#navside a{display:block; color:white; padding:0px;  padding-left:20px; line-height:45px; height:50px; }
#navside a:hover{color:white; opacity:0.8;}
}