.menu, .sub-menu{
	list-style-type: none;
}
.sub-menu {
	display: none;
}

/*#site-navigation .sub-menu li.current-menu-item > a,
#site-navigation .sub-menu li.current_page_item > a,
#site-navigation .current-menu-item > a,
#site-navigation .current_page_item > a{
background-color: rgba(255,255,255,0.5) !important;
}*/

@media all  and (min-width: 1250px){
	header {
		display: block;
		position: fixed;
		width:100%;
		height: 60px;
		top:0px;
		left:0px;
		z-index:100;
		background-color:#222326;
	}
	.menu {
		list-style-type: none;
		display: block;
		width:100%;
		height:100%;
		-webkit-box-shadow: 0 0 15px 3px rgba(50,50,50,0.3);
		box-shadow: 0 0 15px 3px rgba(50,50,50,0.3);
	}

	.menu > .menu-item{
		display: block;
		float:left;
		width:14.28%;
		height:100%;
		position: relative;
		background-color:#222326;
		background-image:url(img/bgpattern15.png);
		background-repeat: repeat;

	}

	.menu > .menu-item > a {
		display: block;
		position: relative;
		width:100%;
		height:100%;
		line-height: 60px;
		-webkit-perspective: 10000px;
		-moz-perspective: 10000px;
		perspective: 10000px;
	}

	.menu > .menu-item > a span {
		position: relative;
		display: inline-block;
		width:100%;
		/*background: #222326;*/
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		font-size: 20px;
		text-transform: uppercase;
		text-align: center;
		vertical-align: middle;
		line-height: 60px;
	}

	.menu > .menu-item > a span:after{
		content:"";
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(120,108,128,1);
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		transition: background 0.3s;
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		transform-origin: 50% 0;

		font-size: 22px;
		text-transform: uppercase;
		text-align: center;
		vertical-align: middle;
		line-height: 60px;
	}

	.menu > .menu-item:hover > a span{
		-webkit-transform: rotateX(90deg) ;
		-moz-transform: rotateX(90deg) ;
		transform: rotateX(90deg) ;
		height:104%;
		bottom: 4px;
	}

	.menu > .menu-item:nth-child(1) a span{
		background-image:url(img/aiadanca_logo1.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 80%;
		color: transparent;
	}

	.menu > .menu-item:nth-child(1) > a span:after{
		content:"HOME";
		color: #fff;
	}
	.menu > .menu-item:nth-child(2) > a span:after{
		content:"SOBRE";
	}
	.menu > .menu-item:nth-child(3) > a span:after{
		content:"ACADEMIAS";
	}
	.menu > .menu-item:nth-child(4) > a span:after{
		content:"COMPANHIAS";
	}
	.menu > .menu-item:nth-child(5) > a span:after{
		content:"LOJA";
	}
	.menu > .menu-item:nth-child(6) > a span:after{
		content:"NOTÍCIAS";
	}
	.menu > .menu-item:nth-child(7) > a span:after{
		content:"CONTACTOS";
	}

	.menu > .menu-item:last-child{
		float:right;
		margin-right: 0px;
	}

	.menu > .menu-item:hover > .sub-menu{
		display: block;
	
		
	}

	.sub-menu{		
		background-color: transparent;
	}
	.sub-menu .menu-item{
		opacity: 0;
		background-color: rgba(120,108,128,0.7);
		-moz-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
		width: 100%;
		height: 50px;
	}
	.sub-menu .menu-item a {
		font-size: 16px;
		line-height: 50px;
		text-align: center;
		width: 100%;
		height: 100%;
		display: block;
		vertical-align: middle;
		text-transform: uppercase;
		
	}
	.sub-menu .menu-item a span {
		font-size: 16px;
		line-height: 50px;
		text-align: center;
		width: 100%;
		height: 100%;
		display: block;

		vertical-align: middle;
		
	}

	.sub-menu > .menu-item{
		position: relative;
		
	}
	.sub-menu > .menu-item a:after{
		content:"";
		display: block;
		position: absolute;
		bottom:0px;
		left:0px;
		width: 100%;
		height:0%;
		background-color:rgba(255,255,255,0.1);
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	.sub-menu > .menu-item:hover a:after{
		height:100%;
	}


	.sub-menu > .menu-item a:before{
		content:"";
		display: block;
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height:0%;
		background-color:rgba(255,255,255,0.1);
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	.sub-menu > .menu-item:hover a:before{
		height:100%;
	}
	

	.menu .sub-menu .menu-item:nth-child(1){
	-webkit-animation: AnimSubMenu1 200ms 0ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 0ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 0ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 0ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 10;
	}
	.menu .sub-menu .menu-item:nth-child(2){
		-webkit-animation: AnimSubMenu1 200ms 100ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 100ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 100ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 100ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 9;
	}

	.menu .sub-menu .menu-item:nth-child(3){
		-webkit-animation: AnimSubMenu1 200ms 200ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 200ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 200ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 200ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 8;
	}

	.menu .sub-menu .menu-item:nth-child(4){
		-webkit-animation: AnimSubMenu1 200ms 300ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 300ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 300ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 300ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 7;
	}

	.menu .sub-menu .menu-item:nth-child(5){
		-webkit-animation: AnimSubMenu1 200ms 400ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 400ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 400ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 400ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 6;
	}
}

@media all  and (min-width: 800px) and (max-width: 1249px){
	.infoAula ul li {
		font-size: 14px;
	}

	header {
		display: block;
		position: fixed;
		width:100%;
		height: 60px;
		top:0px;
		left:0px;
		z-index:100;
		background-color:#222326;
	}
	.menu {
		list-style-type: none;
		display: block;
		width:100%;
		height:100%;
		-webkit-box-shadow: 0 0 15px 3px rgba(50,50,50,0.3);
		box-shadow: 0 0 15px 3px rgba(50,50,50,0.3);
	}

	.menu > .menu-item{
		display: block;
		float:left;
		width:14.28%;
		height:100%;
		position: relative;
		background-color:#222326;
		background-image:url(img/bgpattern15.png);
		background-repeat: repeat;

	}

	.menu > .menu-item > a {
		display: block;
		position: relative;
		width:100%;
		height:100%;
		line-height: 60px;
		-webkit-perspective: 10000px;
		-moz-perspective: 10000px;
		perspective: 10000px;
	}

	.menu > .menu-item > a span {
		position: relative;
		display: inline-block;
		width:100%;
		/*background: #222326;*/
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		font-size: 16px;
		text-transform: uppercase;
		text-align: center;
		vertical-align: middle;
		line-height: 60px;
	}

	.menu > .menu-item > a span:after{
		content:"";
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(120,108,128,1);
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		transition: background 0.3s;
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		transform-origin: 50% 0;

		font-size: 18px;
		text-transform: uppercase;
		text-align: center;
		vertical-align: middle;
		line-height: 60px;
	}

	.menu > .menu-item:hover > a span{
		-webkit-transform: rotateX(90deg) ;
		-moz-transform: rotateX(90deg) ;
		transform: rotateX(90deg) ;
		height:104%;
		bottom: 4px;
	}

	.menu > .menu-item:nth-child(1) a span{
		background-image:url(img/aiadanca_logo1.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 80%;
		color: transparent;
	}

	.menu > .menu-item:nth-child(1) > a span:after{
		content:"HOME";
		color: #fff;
	}
	.menu > .menu-item:nth-child(2) > a span:after{
		content:"SOBRE";
	}
	.menu > .menu-item:nth-child(3) > a span:after{
		content:"ACADEMIAS";
	}
	.menu > .menu-item:nth-child(4) > a span:after{
		content:"COMPANHIAS";
	}
	.menu > .menu-item:nth-child(5) > a span:after{
		content:"SHOP";
	}
	.menu > .menu-item:nth-child(6) > a span:after{
		content:"NOTÍCIAS";
	}
	.menu > .menu-item:nth-child(7) > a span:after{
		content:"CONTACTOS";
	}

	.menu > .menu-item:last-child{
		float:right;
		margin-right: 0px;
	}

	.menu > .menu-item:hover > .sub-menu{
		display: block;
	
		
	}

	.sub-menu{		
		background-color: transparent;
	}
	.sub-menu .menu-item{
		opacity: 0;
		background-color: rgba(120,108,128,0.7);
		-moz-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
		width: 100%;
		height: 50px;
	}
	.sub-menu .menu-item a {
		font-size: 15px;
		line-height: 50px;
		text-align: center;
		width: 100%;
		height: 100%;
		display: block;
		vertical-align: middle;
		text-transform: uppercase;
		overflow: hidden;
		text-overflow:ellipsis;
		
	}
	.sub-menu .menu-item a span {
		font-size: 15px;
		line-height: 50px;
		text-align: center;
		width: 100%;
		height: 100%;
		display: block;

		vertical-align: middle;
		
	}

	.sub-menu > .menu-item{
		position: relative;
		
	}
	.sub-menu > .menu-item a:after{
		content:"";
		display: block;
		position: absolute;
		bottom:0px;
		left:0px;
		width: 100%;
		height:0%;
		background-color:rgba(255,255,255,0.1);
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	.sub-menu > .menu-item:hover a:after{
		height:100%;
	}


	.sub-menu > .menu-item a:before{
		content:"";
		display: block;
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height:0%;
		background-color:rgba(255,255,255,0.1);
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	.sub-menu > .menu-item:hover a:before{
		height:100%;
	}
	

	.menu .sub-menu .menu-item:nth-child(1){
	-webkit-animation: AnimSubMenu1 200ms 0ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 0ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 0ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 0ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 10;
	}
	.menu .sub-menu .menu-item:nth-child(2){
		-webkit-animation: AnimSubMenu1 200ms 100ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 100ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 100ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 100ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 9;
	}

	.menu .sub-menu .menu-item:nth-child(3){
		-webkit-animation: AnimSubMenu1 200ms 200ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 200ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 200ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 200ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 8;
	}

	.menu .sub-menu .menu-item:nth-child(4){
		-webkit-animation: AnimSubMenu1 200ms 300ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 300ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 300ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 300ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 7;
	}

	.menu .sub-menu .menu-item:nth-child(5){
		-webkit-animation: AnimSubMenu1 200ms 400ms normal ease-out forwards; /* Safari 4+ */
	  -moz-animation:    AnimSubMenu1 200ms 400ms normal ease-out forwards; /* Fx 5+ */
	  -o-animation:      AnimSubMenu1 200ms 400ms normal ease-out forwards; /* Opera 12+ */
	  animation:         AnimSubMenu1 200ms 400ms normal ease-out forwards; /* IE 10+, Fx 29+ */
		z-index: 6;
	}
}

@media all  and (max-width: 799px){
	header{
		display: none!important;
	}
}





@-webkit-keyframes AnimSubMenu1 {
  0%   {
  	opacity: 0;
  			-moz-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
  }
  
  100% {
  	opacity: 1;
  			-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
  }
}
@-moz-keyframes AnimSubMenu1 {
  0%   {
  	opacity: 0;
  			-moz-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
  }
  
  100% {
  	opacity: 1;
  			-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
  }
}
@-o-keyframes AnimSubMenu1 {
   0%   {
  	opacity: 0;
  			-moz-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
  }
  
  100% {
  	opacity: 1;
  			-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
  }
}
@keyframes AnimSubMenu1 {
   0%   {
  	opacity: 0;
  			-moz-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
  }
  
  100% {
  	opacity: 1;
  			-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
  }
}
@-webkit-keyframes AnimSubMenu2 {
  0%   { top: 110px; opacity: 0; }
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-moz-keyframes AnimSubMenu2 {
  0%   { top: 110px; opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-o-keyframes AnimSubMenu2 {
  0%   { top: 110px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@keyframes AnimSubMenu2 {
  0%   { top: 110px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}

@-webkit-keyframes AnimSubMenu3 {
  0%   { top: 165px; opacity: 0; }
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-moz-keyframes AnimSubMenu3 {
  0%   { top: 165px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-o-keyframes AnimSubMenu3 {
  0%   { top: 165px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@keyframes AnimSubMenu3 {
  0%   { top: 165px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}

@-webkit-keyframes AnimSubMenu4 {
  0%   { top: 220px; opacity: 0; }
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-moz-keyframes AnimSubMenu4 {
  0%   { top: 220px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-o-keyframes AnimSubMenu4 {
  0%   { top: 220px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@keyframes AnimSubMenu4 {
  0%   { top: 220px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}

@-webkit-keyframes AnimSubMenu5 {
  0%   { top: 275px; opacity: 0; }
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-moz-keyframes AnimSubMenu5 {
  0%   { top: 275px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-o-keyframes AnimSubMenu5 {
  0%   { top: 275px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@keyframes AnimSubMenu5 {
  0%   { top: 275px; opacity: 0;}
  50%  { opacity: 0;}
  100% { top: 0px; opacity: 1;}
}