*{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:70px; margin-left:-10px;}
#head{width:86%; padding:0px 7% 15px 7%; background:white;}
#logside{float:left;margin-top:25px;}
#logside a{ padding: 10px 0px;  text-decoration:none; font-weight:bold;}
#navside{float:right; margin-top:40px;}
#navside a{ padding: 10px 20px;  text-decoration:none; font-weight:bold; color:#17375E; }
#act, #servi{ color:#17375E; }
#activ{border:2px solid #B72400;  color:#17375E;}
#navside a:hover{border-bottom:2px solid #B72400; color:#FF3300;}

#navside a:visited{border:0px; outline:none;}
#btn, .btn{width:40px; padding:10px 0px 8px 0px ; }
#btn{display:none;  margin:20px auto 10px auto; background:#B72400; 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:#17375E;  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:#17375E;}
#navside a{display:block; color:white; padding:0px;  padding-left:20px; line-height:45px; height:50px; }
#navside a:hover{color:white; opacity:0.8;}
}