/* MENU TOPO RESPONSIVO */
	/* ÍCONE MENU RESPONSIVO*/
	  #btnMenuResponsivo { 
        position: fixed;
	    transform: translateX(50%);
	    z-index: 9999999999999 !important;
	    cursor: pointer;
	    padding: 24px 24px 24px 24px;
        top: 1vh;
	    right: 10vw;
	    background: url(../imagens/menu-abre.png) center no-repeat;
	    background-size: cover;
	  }
	  #btnMenuResponsivo:before{
	    position: absolute;
	    top: 3px;
	    left: -80px;
	    content: '';
	    color: transparent;
	    font-size: 18px;
	  }
	  #btnMenuResponsivo span, 
	  #btnMenuResponsivo span:before, 
	  #btnMenuResponsivo span:after {
	    cursor: pointer;
	    border-radius: 1px;
        height: 1.5px;
	    width: 20px;
	    background: transparent;
	    position: absolute;
	    display: block;
	    content: '';
	  }
	  #btnMenuResponsivo span:before {
	    top: -5px; 
	  }
	  #btnMenuResponsivo span:after {
	    bottom: -5px;
	  }
	  #btnMenuResponsivo span, 
	  #btnMenuResponsivo span:before, 
	  #btnMenuResponsivo span:after {
	    -ms-transition: all 400ms ease-in-out;
	    -webkit-transition: all 400ms ease-in-out;
	    transition: all 400ms ease-in-out;
	  }
	  #btnMenuResponsivo.active:before{
	    content: '';
	    font-style: italic;
	    color: #000;
	  }
	  #btnMenuResponsivo.active{
		background: url('../imagens/menu-fecha.png') center no-repeat;	  	
	  }
	  #btnMenuResponsivo.active span {
	    /*background-color: transparent;*/
	    /*position: fixed !important; if fixed */
	  }
	  #btnMenuResponsivo.active span:before, 
	  #btnMenuResponsivo.active span:after {
	    top: 0;
	  }
	  #btnMenuResponsivo.active span:before {
	    /* menos usar 45  mais usar 490deg em 800ms*/
	    -ms-transform: rotate(132deg);
	    -webkit-transform: rotate(132deg);
	    transform: rotate(132deg);
	  }
	  #btnMenuResponsivo.active span:after {
	    -ms-transform: rotate(-132deg);
	    -webkit-transform: rotate(-132deg);
	    transform: rotate(-132deg);
	  }
	/* FIM DO ÍCONE MENU RESPONSIVO */

	/* CONTEÚDO MENU RESPONSIVO */
		.menuResponsivoInvisivel{
			display: none !important;
		}
	  	#menuResponsivoContent{
		    height: 100vh;
			background-color: rgba(255,255,255,.4);
		    /*top: 68px;*/
		    padding-bottom: 0px;

		    list-style-type: none;
		    margin: 0;
		    padding: 0;
		    width: 0%;
		    position: absolute; /*position: fixed;*/
		    max-height: 100vh;
		    overflow: hidden;
		    left:0;
		    -ms-transition:     all 600ms ease-in-out;
		    -webkit-transition: all 600ms ease-in-out;
		    transition:         all 600ms ease-in-out;
		    z-index: 99999 !important;
	        opacity: .85;
		}
		#menuResponsivoContent #primeiroItem{ 
			margin-top: 26vh;
		}
		#menuResponsivoContent li{
			margin-bottom: 0px;
		}
		#menuResponsivoContent li.selecionado,
		#menuResponsivoContent li.selecionado span{
			background-color: rgba(255,255,255,.5);
			color: #000;
		}
		#menuResponsivoContent li a{
			display: block;
			padding: 8px 16px;
			color: #fff;
			text-align: center;
			width: 100%;
			text-decoration: none;
		}
		#menuResponsivoContent li a:visited{
			/*color: #373B44;*/
		}
		#menuResponsivoContent li a:hover {
			/*color: black;*/
			background-color: rgba(255,255,255, .7);
			text-decoration: none;
			color: #000;
		}
		#menuResponsivoContent li.selecionado a:hover{
			background-color: transparent;
			text-decoration: none;
		}
		#menuResponsivoContent li a span{
			padding-bottom: 2px;
			padding-left: 1px;
			padding-right: 1px;
		    font-size: 1.5em;
		}
		#menuResponsivoContent li a span:hover{
			/*border-bottom: 1px solid #000;*/
			text-decoration: underline;
		}
		#menuResponsivoContent li img{
			width: 60%;
			margin-left: 8px;
			height: 1px;
		}
		.visivel{   
			/*width: 21vw !important;  */
			width: 100vw !important;
			background-color: #434040 !important;
		}
	/* FIM DO CONTEÚDO MENU RESPONSIVO */

	/* RESPONSIVE MENU RESPONSIVO */
	  @media only screen and (max-width: 805px){
	    #logoMenuTopo{
	    	order: 2;
	    }
	    .visivel {
	      /*width: 41vw !important;*/
	    }
	    .menuResponsivoInvisivel{
	      display: block !important;
	    }
	    #menuResponsivoContent li:first-child{
	      margin-top: 26vh;
	    }
	    #menuResponsivoContent #primeiroItem{
	      /*margin-top: 0px;*/
	    }
	    #menuResponsivoContent{
	      overflow: auto !important;
	    }
	  }
	  @media only screen and (max-width: 600px){
	    .visivel{
	      /*width: 52vw !important;*/
	    }
	  }
	  @media only all and (max-width: 480px){
	    .visivel{
	      width: 100vw !important;
	    }
	  }
	/* FIM DO RESPONSIVE MENU RESPONSIVO */
/* FIM DO MENU TOPO RESPONSIVO */