/*Menu principal*/
* {
margin:0;
padding:0;
}

#fundomenu {
	background:#05452c;
	margin:0px auto 0px auto;
	height:37px;
}

#interfacemenu {
	width:955px;
	margin:-37px auto 0px auto;
}

header {
	width:100%;
	background:#05452c;
}

#btn-menu {
	display:none;
}

header label {
	display:none;
	width:20px;
	padding:10px;
	border-right: 1px solid #fff;
}

header label:hover {
	cursor:pointer;
	background: rgba(0,0,0,0.2);
}

.menu ul {
	margin:0;
	list-style:none;
	padding:0;
	display:flex;
}

.menu li:hover{
	background: rgba(0,0,0,0.2);
	transition: background 1s
}

.menu li a {
	display:block;
	padding:10px 15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	border-right: 1px solid #fff;
}

@media (max-width:955px) {
#fundomenu {
	background:#05452c;
	margin:0px auto 0px auto;
	height:37px;
	}
}

@media (max-width:600px) {
#fundomenu {
	background:#05452c;
	margin:0px auto 0px auto;
	height:37px;
	}
}

@media (max-width:500px) {
#fundomenu {
	background:#05452c;
	margin:0px auto 0px auto;
	height:37px;
	}
}

@media (max-width:450px) {
#fundomenu {
	background:#05452c;
	margin:0px auto 0px auto;
	height:37px;
	}
}

@media (max-width:955px) {
	#interfacemenu {
	width:100%;
	height:37px;
	margin:-37px auto 0px auto;
	}
}

@media (max-width:700px) {
	header label {
		display:block;
	}
	
	.menu {
		position:absolute;
		background:#05452c;
		width:70%;
		margin-left:-70%;
		z-index:999;
	}
	
	.menu ul {
		flex-direction:column;
	}
	
	.menu li {
		border-top: 1px solid #fff;
	}
	
	#btn-menu:checked ~ .menu {
		margin:0;
	}
}