/*MENU*/
.menu {
    float: right;
    margin: 18px 0 0 0;
}

.menu nav ul {
	text-align: left;
	display: inline;
	list-style: none;
}

.menu nav ul li {
	float: left;
	display: inline-block;
	position: relative;
    margin: 0 5px;
}

.menu nav ul li a {
	display:block;
	font-size:16px;
	padding: 8px 13px;
	text-align:center;
	color:#228970;
	font-weight: 900;
	font-family: 'Ubuntu', sans-serif;
	text-transform: uppercase;
	/* background: #ffffff; */
	position: relative;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.menu nav ul li a:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 10px;
    background: url(../img/marcador-1.png) bottom center no-repeat;
    opacity: 0;
    
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;

}

.menu nav ul li a.ativo:after,
.menu nav ul li:hover a:after{
    opacity: 1;
}

@media screen and (max-width: 1130px) {
    .menu nav ul li a {
        padding: 8px 25px;
    }
}

@media screen and (max-width: 1090px) {
    .menu nav ul li a {
        padding: 8px 22px;
    }
}

@media screen and (max-width: 1055px) {
    .menu nav ul li a {
        font-size: 14px;
    }
    
    .menu {
        margin: 15px 0 0 0;
    }
}


.button-menu {
    display: none;
}

@media screen and (min-width: 1001px) {
    #dl-menu {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .menu {
		display: none;
    }
    
    .button-menu {
        display: block;
    }

	.menu {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.button-menu {
		background: #fcb62e url(../img/menu_icon.png) right 20px center no-repeat;
		border: none;
		width: 100%;
		text-align:left;
		font-size:16px;
		font-weight: 900;
		padding: 10px 18px;
		color: #373435;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		outline: none;
		border: 1px solid #055a52;
		/* cursor:pointer; */
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	.menu nav ul {
		position: absolute;
		top: 44px;
		width: 100%;
		z-index: 50;
		background: #14867a;
	}

	.menu nav ul li {
		width:100%;
        margin: 0;
	}

	.menu nav ul li a {
		text-align:left;
		display:block;
		padding: 11px 18px;
		color: #ffffff;
		font-size:14px;
		font-weight: 600;
		background: #373435;
		border-bottom: 1px solid #373435;
	}

    .menu nav ul li .active, .menu nav ul li a:hover {
        color: #373435!important;
	}

	.marcar-button.active {
		background: #de9d1f url(../img/menu_close.png) right 20px center no-repeat;
	}
}