#menu{
	height: 100vh;
	width: 15%;
	background-color: #fff;
	position: absolute;
	left: -15%;

	 -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;

}

	/* Gestão Versão SISTEMA, Rotinas e Sub-Rotinas ----------- */
	/* Data 	: 03/02/2022 as 15:00hs							*/
	/* Chamado	: 99999999										*/
	/* Autor	: Flavio / Edvan								*/
	/*                                                          */
	/* Título	: MENU Principal                                */
	/*                                                          */
	/* Versão	: ??  - Versão Sistema        					*/
	/* Release	: ?   - Release                					*/
	/* Rotina	: ????- Acima 1000, inicia com Letra (A ... Z) 	*/
	/* Release 	: ??  - Release Rotina         					*/
	/*                                                          */	
	/*            V 01.0.0002.00                                */
	/* -------------------------------------------------------- */
	#menu::before{
		content: 'V 01.0.0002.00';
		display: flex;
		align-content: center;
		justify-content: center;
		z-index: 1;
	
		width: 100%;
		background-color: green;
		position: absolute;
		bottom: 20px;
		color: #fff;
		font-size: 12px;
		font-weight: 900;
	}


#button-toogle{
	background-color: #fff;
	border-radius: 100%;
	background-image: url('Imagens/testespanVe.png');
	border:1px solid green; 
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	position: relative;
	left: 15px;
	margin-left: 100%;
	top: 5px;
	display: block;
	cursor: pointer;

}
#button-toogle-in{
	background-color: #fff;
	border-radius: 100%;
	background-image: url('Imagens/testespan.png');
	border:1px solid green; 
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	position: absolute;
	left: 15px;
	margin-left: 100%;
	top: 5px;
	display: block;
	cursor: pointer;

}

#logobar{

	position: relative;
	top: 6px;
	width: 90%;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #e9e9e9;
}

#links-menu{
	position: relative;
	width: 100%;
	background-color: blue;
	border-bottom: 1px solid #e9e9e9;
}

#link{
	margin-top: 4px;
	margin-bottom: 4px;
	position: relative;
	width: 90%;
	height: 40px;
	background-color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #e9e9e9;
}
#conteudo{
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}
#conteudo-in{
	height: 100vh;
	width: 100%;
	background-color: #f1f1f1;
	display: flex;
	align-items: center;
	justify-content: center;

}

#miolo-frame{
	height: 90%;
	width: 95%;
	background-color: inherit;
}


#miolo-iframe-in{

	height: 90%;
	width: 95%;
	background-color: inherit;
}



#faixa-bottom{
	position: relative;
	bottom: 0;
	width: 80%;
	height: 70px;
	background-color: gray;
}

#faixa-topo{
	width: 100%;
	height: 80px;

}

#bloco-faixa-one{
	width: 20%;
	height: 100%;
	float: left;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
	#bloco-faixa-one:hover{
		border-bottom:5px solid #007fff ;
		background-color: #fff;
		cursor:pointer; 
	}


#bloco-faixa-two{
	width: 20%;
	height: 100%;
	float: left;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
	#bloco-faixa-two:hover{
		border-bottom:5px solid #007fff ;
		background-color: #fff;
		cursor:pointer; 
	}

#bloco-faixa-tres{
	width: 20%;
	height: 100%;
	float: left;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
	#bloco-faixa-tres:hover{
		border-bottom:5px solid #007fff ;
		background-color: #fff;
		cursor:pointer; 
	}

#bloco-faixa-four{
	width: 20%;
	height: 100%;
	float: left;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
	#bloco-faixa-four:hover{
		border-bottom:5px solid #007fff ;
		background-color: #fff;
		cursor:pointer; 
	}

#bloco-faixa-five{
	width: 20%;
	height: 100%;
	float: left;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
	#bloco-faixa-five:hover{
		border-bottom:5px solid #007fff ;
		background-color: #fff;
		cursor:pointer; 
	}

#bloco-faixa-in{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 900;
	font-size: 21px;

}

@media(max-width: 750px){
	#bloco-faixa-one{
	width: 33.33%;
	height: 100%;
	float: left;

	display: flex;
	align-items: center;
	justify-content: center;
	}

	#bloco-faixa-two{
		width: 33.33%;
		height: 100%;
		float: left;

		display: flex;
		align-items: center;
		justify-content: center;
	}

	#bloco-faixa-tres{
		width: 33.33%;
		height: 100%;
		float: left;

		display: flex;
		align-items: center;
		justify-content: center;
	}

	#bloco-faixa-four{
		width: 50%;
		height: 100%;
		float: left;

		display: flex;
		align-items: center;
		justify-content: center;
	}

	#bloco-faixa-five{
		width: 50%;
		height: 100%;
		float: left;
		background-color: inherit;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#bloco-faixa-in{
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-weight: 900;
		font-size: 21px;

	}
}
  @keyframes spin {
    to{ transform: rotate(360deg); }
  }