/*******DEFINICAO DO TOPO**********************************************/

#topo {	
	background: url('../img/bg_topo.jpg');
	background-size: cover;
	background-color:#2A2A2A;
	z-index:99;
	border-bottom: 2px solid #111;
	border-top: 2px solid #111;		
}

	#topo .esquerda
	{
		text-align:left;
		margin:22px auto;
	}


	#topo .centro
	{
		text-align:center;
	}


	#topo .direita
	{
		text-align:right;
		margin:10px auto;
		font-size: 13px;
	}



/*******MENU SITE**********************************************/
.texto_menu_topo{
	margin-right: 30px; 
	margin-left: 30px;
	color: #FCD051 !important;
	float: right;
	text-align: right;
}

.texto_menu_topo img{
	max-height: 22px;
	margin-right: 10px; 
}


.menu_links .nav-link {
	font-size: 17px;
	margin: 0px 4px;
	font-style: normal !important;
	transition: all ease 0.2s; 	
	float: right;
	text-align: right;
}


.menu_links .nav-link:hover {
	transform: translate(2px, -3px);		
}


.navbar{
	border-bottom: 1px solid #FCD051;
}


.navbar .dropdown-menu .container{
	padding-top: 35px !important;
}


.navbar .dropdown-menu .container h2 {
	width: 100%;
	margin:10px 0px 15px 0px;
	padding:0px 0px 10px 0px;	
	font-size:18px;
	color:#FFF;
	text-align:left;
	border-bottom:1px solid #EEE;*/
}


.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:none;
  background-color:#343a40!important;
}


.navbar-brand img {
	z-index: 99; 
	position: relative; 
	float: right;
	max-width: 70%;
	height: auto;
	margin: -8px 0 -8px 0;
}



/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:10px;
  padding-bottom:10px;
}


.menu_links .nav-link {		
	float: left;
	text-align: left;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar li .nav-item {
  padding:.5rem .5rem;
  margin:0 .25rem;
}

/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:45px;
}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block !important;
}
  
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }



.navbar-brand img {
	z-index: 99; 
	position: absolute; 
	top: 0px; 
	left: 20px; 
	width: 250px;
	height: auto;	
	margin: 0;
}


}

/*******MENU SITE**********************************************/











#rodape {	
	background: url('../img/bg_rodape.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color:transparent;
	padding: 40px 0 60px 0 !important; 
	line-height:1.8em;	
	width: 100vw;
	/*border-top: 1px solid #FCD051;*/
	z-index: 10 !important;
}

	#rodape .rodape-bloco
	{
		width: 90%;
		margin: 30px auto 55px auto;
		color: #F2F2F2;
		text-align: left;
	}

		/*Títulos do rodapé*/
		#rodape .rodape-bloco h1
		{
			color: #FFF;
			font-size: 20px;
		}
		

		/*Links do rodapé*/
		#rodape .rodape-bloco a, #rodape .rodape-bloco a:link {
			color: #F2F2F2; 
			text-decoration:none;
			transition: all ease 0.2s;
		}
		#rodape .rodape-bloco a:visited {
			text-decoration:none;
		}
		#rodape .rodape-bloco a:hover {
			color: #FCD051; 
			text-decoration: none;	
		}
		
		
		/*Inputs*/
		#rodape .rodape-bloco .form-group { 
		    margin: 8px auto;
		}


		/*Botões do rodapé*/
		#rodape .rodape-bloco .myButton {          
		    background-color:#FCD051;    
		    color: #FFF;    
			cursor:pointer;	
			transition: all ease 0.2s;
		}
		#rodape .rodape-bloco .myButton:hover,
		#rodape .rodape-bloco .myButton:focus {
			background-color:#444;			
			transform:translateY(-2px);
		}
		#rodape .rodape-bloco .myButton:active {
			background-color: #222;
		}





#rodape_inferior {
	z-index: 2 !important;		
	background-color:#FFF;
	border-bottom:2px solid #111;
	line-height:1.8em;
	width: 100vw;
}

	#rodape_inferior .esquerda{
		margin: 14px auto;
		text-align: left;
		font-size: 13px;
	}

	#rodape_inferior .direita{
		margin: 14px auto;
		text-align: right;		
	}

		/*Links do rodape_inferior*/
		#rodape_inferior .direita a, #rodape_inferior .direita a:link {			
			font-size: 13px;
		}
	





/*---------------------------------*/










/*TELAS PEQUENAS (MENORES QUE 1000px, para o qual o site está perfeitamente configurado)*/
@media screen and (max-width: 999px){
 

  #rodape {		
		background: none;
		background-color: #2A2A2A;	
		padding: 15px 0;
	}

}
/*---------------------------------------------------------------------------------*/























/*Smartphones e tablets*/
@media screen and (max-width: 768px),
only screen
and (min-device-width : 320px)
and (max-device-width : 768px)
{	
	
}






/*Smartphones e tablets*/
@media screen and (max-width: 480px),
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
{
	
	#rodape_inferior .esquerda{
		text-align: center;
	}

	#rodape_inferior .direita{
		text-align: center;
	}

}
/*---------------------------------------------------------------------------------*/


.clear{clear:both;}