/*****MENU AMPLIO*****/

.barra-menu{
	width: 100%;
	height: 54px;
	position: fixed;
	display: block;
	top: 0%;
}

.menu-principal {
	width: 100%;
	top: 0;
	text-align: center;
	background-color: transparent;
	position: fixed;
	z-index: 5;
	-webkit-transition: .5s;
	transition: .5s;
}
  
.menu-principal ul {
	list-style: none;
}
  
.menu-principal ul li {
	display: inline-block;
}

.menu-principal ul li a {
	font-family: 'Lato', sans-serif;
	text-decoration: none;
	color: #000000;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 16px;
	padding-top: 18px;
	font-size: 15pt;
	display: block;
	font-weight: 500;
}
  
.menu-principal ul li a:hover {
	color: #ffffff;
	background-color: #52A29F;
	font-weight: 700;
	-webkit-transition: .2s;
	transition: .2s;
}

.barra-menu a{
	z-index: 3;
}

.barra-menu img{
	max-width: 150px;
	position: fixed;
	left: 5%;
	top: 1.5%;
	z-index: 6;
}


/*****RESPONSIVE MENU******/
@media (max-width: 1000px) {
	.barra-menu img{
		max-width: 130px;
		z-index: 2;
		margin-top: 13px;
		left: inherit;
		top: inherit;
		margin-left: 20px;
	}
	.hamburger{
		position:fixed;
		background-color:#52A29F;
		border-radius: 50%;
		right:0;
		top: -0.5%;
		height:45px;
		width:45px;
		margin-top: 8px;
		margin-right: 20px;
		padding:20px 20px;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
		-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
		transition:transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
		z-index:1002;
		cursor:pointer;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		z-index: 2;
	}
	
	.hamburger.is-active{
		background-color:none;
	}
	
	._layer{
		background:#ffffff;
		margin-left: -11px;
		margin-bottom:4px;
		border-radius:2px;
		width:28px;
		height:2px;
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
		-webkit-transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
		transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	}

	.-top{
		margin-top: -2px;
	}

	.-bottom{
		margin-top: 6px;
	}
	
	.hamburger:hover .-top{
		-webkit-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
	}

	.hamburger:hover .-bottom{
		-webkit-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
	}

	.hamburger.is-active .-top{
		-webkit-transform:translateY(190%) rotate(45deg) !important;
		-ms-transform:translateY(190%) rotate(45deg) !important;
		transform:translateY(190%) rotate(45deg) !important;
	}

	.hamburger.is-active .-bottom{
		-webkit-transform:translateY(-190%) rotate(135deg) !important;
		-ms-transform:translateY(-190%) rotate(135deg) !important;
		transform:translateY(-190%) rotate(135deg) !important;
	}


	.menu-principal.is_active{
		height: 100%;
		transform: translate3d(0px, 0px, 0px);
		z-index: 0;
	}

	.barra-menu{
		top: 0%;
		padding-top: 0%;
		padding-bottom: 0%;
	}
	
	.menu-principal{
		font-family: 'Lato', sans-serif;
		background-color: rgba(255, 255, 255, 1) !important;
		bottom: 0;
		height: 0;
		left: 0;
		overflow-y: hidden;
		position: fixed;
		top: 0;
		transform: translate3d(0px, -300%, 0px);
		transition: transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
		width: 100%;
		z-index: 1001;
	}
	
	.menu-principal ul{
		margin:40px 0 0 0;
		padding:0;
	}
	
	.menu-principal ul li { 
		display: flex;
		justify-content: column;
		list-style: none;
		text-align:center;
		line-height:3em;
		color:#000000;
		text-transform:none;
		font-weight:bold;
	}
	
	.menu-principal ul li a{
		font-size: 30pt;
		text-decoration:none;
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		color:#000000;
	}
	
	.menu-principal ul li a:hover{
		text-decoration:none;
		color:#333;
	}
}


