@charset "utf-8";
/* CSS Document */

/* logo da nav bar*/
.logo{
	
	float: left;
	display: block;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 10px;

	height:40px; 
	
	transition: all ease .5s;	
}

.logo2{
	

	display: block;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 0px;

	height:60px; 
	
	transition: all ease .5s;	
}

/* navbar*/
	nav{
	
	margin-top: 0px;
	height: 60px;
	
	visibility: visible;
	
	
	transition: all ease .5s;	
	
} 

div#bs-example-navbar-collapse-1{
	
	transition: all ease .5s;
	
	
	
}


/*nome da empresa caso precise*/
a#brandlogo{
	color: #2564B0;
}

/*links da nav*/
ul a{
		
	margin-top: 5px;
		
		font-size: 15px;
		
	
	}	

/*formulario  caso haja          mude o nome caso tenha formularios em sua pagina*/

 div#typtex{
	
	width: 150px;
	
}

div#typpass{
	
	width: 150px;
	
} div#sidebar{
	display: flex;
	align-items: center;
	 flex-direction: column;
     justify-content: center;
	position: fixed;
	background-color: #000055;
	width: 100%;
	height: 100%;
	
	margin-top: -300%;

		visibility: hidden;
	transition: all ease .5s;
		
}

#abrir{
	
	
	
	
	visibility: hidden;
	
	
	
}  #barrasup{
	
	width: 100%;
	
	height: 60px;
	
	background-color:#000055;
	
	z-index: 2900;
	
	position: fixed;
	
	visibility: hidden;
	
}


/*    configurações maximas  mobile */

@media screen and (max-width: 1100px){
	
	
	#barrasup{
		
		
		visibility: visible;
	}
	
	#abrir{
	
	
	
	
	visibility: visible;
	
	
	
}

	
	
	nav{
		
		
		visibility: hidden;
	}
	
	div#sidebar{
	
	

		visibility: visible;
	
		
}
	
}