﻿.menu-menu-1-container ul {
	float: left;
	width: 70%;
	vertical-align: middle;
	list-style-type: none;
	font-size: 22pt;
	position: relative;
}

.menu-menu-1-container ul li {
	display: table-cell;
	vertical-align: middle;
	position: relative;	
}

.menu-menu-1-container ul ul {
	display: none;
	position: absolute;
    top: 30px;
    left: -1px;
    width: 90%;
    z-index: 1;
    padding: 0;
    background-color: #00026e;
    color: #FFFFFF;
    height: auto;
	padding-top: 15px;
}

.menu-menu-1-container ul li ul li {
    display: list-item;
    padding: 4% 10%;
    font-size: 15pt;
}

.menu-menu-1-container li a[href*="facebook.com"], .menu-menu-1-container a[href*="facebook.com"] {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: inline-block;
	margin-right: 26px;
}

.menu-menu-1-container li a[href*="facebook.com"]::before, .menu-menu-1-container a[href*="facebook.com"]::before {
    content: '\f082';
	display: inline-block;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
}

.slicknav_menu {
	display: none;
	width: 100%;
	float: left;
	padding-bottom: 2%;
	padding-top: 2%;
	position: relative;
}	

.slicknav_menu .slicknav_btn {
	text-align: center;
	width: 100%;
	display: block;
	font-size: 20pt;
	width: 30px!important;
	height: 30px!important;
	overflow: hidden;
	margin: auto;
	position: relative;
}

.slicknav_menu .slicknav_btn::before {
	display: inline-block;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
}
.slicknav_menu .slicknav_btn.slicknav_collapsed::before {
	content: '\f0c9';
}

.slicknav_menu .slicknav_btn.slicknav_open::before {
	content: '\f00d';
}

.slicknav_menu a {
	width: 96%!important;
	display: inline;
}

.slicknav_menu ul {
	position: relative;
	top: 0;
	left: 0;
	width: 86%;
	background-color: #00026e;
	z-index: 999;
	padding-bottom: 10%;
}

.slicknav_menu ul ul {
	position: relative;
	top: 0;
	left: 4%;
	width: inherit!important;	
}

.slicknav_menu ul li {
	float: left;
	clear: both;
	padding: 2%;
	width: 96%;
}

.slicknav_menu ul li ul li {
	float: left;
	clear: both;
	padding: 2%;		
}

.slicknav_menu li a[href*="facebook.com"]::before, .slicknav_menu a[href*="facebook.com"]::before {
	margin-right: 2%;
}

@media screen and (min-width: 480px) {
	.menu-menu-1-container ul {
		display: table;	
	}
	.slicknav_menu {
		display: none;
	}	
}
@media screen and (max-width: 480px) and (orientation: portrait) {
	#fundo_menu {
		margin-bottom: 10%;
		bottom: 0;	
	}
	.menu-menu-1-container ul {
		display: none;	
	}
	.slicknav_menu {
		display: block;
	}
}
