@charset "utf-8";
/* CSS Document */
body{ 
    margin: #0;
	font-family: Georgia, "Times New Roman", Times, serif;
	
	
} 
    
    .head{	
	height: 150px;
	width: 100%;
	
	
	}
	
	
       .topo{
	  
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	height:200px;
	width: 100%;
	
	}
	.baner{
	 margin-top: 50px;
     height:200px;
	 width: 100%;	
	 background-image: url(../img/baner.jpg);
	 background-size: cover;
	 background-position: center;
	 height: 225px;
	 box-shadow: 20px 70px 50px -30px #000;
	
	 
	
	}
	
	
	.topo60{
		height: 25px;
		
	}
	.boxpesquisa{
	  padding:  1rem 1.5rem;
	  display: flex;
	  margin-left: 32px;
	  margin: 0;
	  font-family: sans-serif;
	  
	  
	}
    
	.tel {
		margin-left: 10px;
		font-size: 12px;
		color: #fff;
		padding: 5px;
		
	}
	
	.email {
		margin-left: 0px;
		color: #fff;
		padding: 5px;
		
	}
	.utimo_l {
		margin-left: 60px;
		color:#6A4F37;
		padding: 2px;
	}
	
	.loga{
		
		background: #000;
		padding: 30px;
		margin-left: 80%; 
		width: 30px;
		height: 2px;
		color: #e4491c;
		border-radius: 6px;
		border: 1px;
		
		
	}
	
	.loga a{		
        color: #fff;		
		text-decoration: none;
		
	}
	.boxpesquisa .logar a{
		color: #e4491c;
		
		text-decoration: none;
		
	}
	
	.topo2{
	background-color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	height:50px;
	width: 100%;
	
	}
	/* INICO BARRA LOGIN */
    #barralogin{
	 margin-top: -8px;	
	 width: 100%;
	 height: 100px;
	 position: fixed;
	 background: #A87B5B;
  }
 
    .login_mob{
		margin-left: 20px;
		padding: 8px;
		gap: 40px;
		font-size: 12px;
		display: none;
		
	}
	
	.login_mob img{
	    border-radius: 100px;
		border: 2px solid #666;
		width: 40px;
		height: 40px;
	   
   }
  
    .login{
		margin-left: 20px;
		padding: 8px;
		gap: 40px;
		font-size: 12px;
		display: flex;
		
	}
	.login h4{
		color: #fff;
		font-family: Georgia, "Times New Roman", Times, serif;
		
	}
	
	.login img{
		border-radius: 100px;
		border: 2px solid #666;
		width: 40px;
		height: 40px;
	}
	
	.log_a {
		margin-left: 35%;
		margin-top: 15px;
		
		
	}
	.log_a a{
		color: #aa0713;
		margin-top: 10px;
		text-decoration: none;
	}
	
  
 /* FINAL BARRA LOGIN */
	 
     header {
	  margin-top: 50px;
	  position: fixed;
	  width: 100%; 
	  background: #6A4F37;

	  
  }
   
  #btn-menu{
	  
	  display: none;
	  
	  
  }     
  
  header label {
	  display: none;
	  width: 20px;
	  height: 20px;
	  padding: 10px;
	  border-right: 1px solid #333;
	  
	  
  }
   
   header label:hover {
	   cursor: pointer;
	   background: rgba(0,0,0,0.3);
	   
	  
  }
  
  .menu ul{
	  font-family: Georgia, "Times New Roman", Times, serif;
	  margin: 0;
	  list-style: none;
	  padding: 0;
	  display: flex;
	  margin-left: 41px;
       
	  
  }
    .menu li {
	   border-radius: 10px;
	   border-right: 2px solid #A87B5B;
	   
	
		
	}   
     
	 
   .menu li:hover{
	   background: #A87B5B;
	   
   }
   
   
   
     .menu li a {
	  display: block;
	  padding: 15px 20px;
	  color: #fff;
	  text-decoration: none;
	  
  }

  
   main {
	     
	     padding: 32px;
		 border-radius: 8px;
		 border: #000;
		 margin-left: 5%;
	     font-family: sans-serif;
		 text-decoration: none;
  }
  
  
   main h1 {
	   font-family: sans-serif;
	   color: #aa0713;
       font-size: 22px;	   
	     
	  
  }
  
  main button {
	   
	   background: #a1a1a1;
	   color: #fff;  
	   border-radius: 5px;
	   border: solid #999;
          
	   width: 120px;
	   height: 40px;
       text-transform: uppercase;
       font-size: 10px;
          
  }
  .homer main button a{
	   text-decoration: none;
	  
  }
  
    .redes {
		 color: #fff;
	     background-color: #333;
		
  }
  
    .rede{
		
	     display: flex;
		 color: #333;
		 background-color: #fff;
		 justify-content: center;
	     align-itens: center;
		 font-size: 10px;
		
  }
  
  .rede a {
	  padding: 5px;
	  margin-left: 32px; 
		 
    
  }
  
  
  .rede1{
		 padding: 10px;
	     display: flex;
		 color: #333;
		 font-size: 10px;
		 
		
  }
  
  
  .rede1 a {
	  margin-left: 40px;
	  border:1px solid #666;
	  border-radius: 1px;
     	  
    
  }
    .top {
		height: 55px;
		
	}
    .inicio{
	  display: flex;
	  
	  
	  
  } 
  
    .boxinicio {
		width: 100%;
		justify-content: center;
	    align-itens: center;
		
		
	}
	
	.boximg{
	   width: 100%;
		
		
	}
	
	.boxinicio h5{
		color: #333;
		font-size: 12px;
		
	}
	
	.iniciob{
	  display: flex;
	  
	  
	  
  } 
	.boxv{
       width: 100%;
		
	}
	
	.boxiniciob {
		width: 100%;
		justify-content: center;
	    align-itens: center;
		
	}
	
	.boxiniciob h5 {
		color: #333;
		font-size: 12px;
		
	}
	
	.boxivideob {
		margin-left: 50px;
		color: #333;
		font-size: 12px;
		
	}
	
	.deezer{
	  display: flex;
	
	  
	  
  } 
	.boxdeezer2 {
		
		margin-left: 20px;
		width: 350px;
		justify-content: center;
	    align-itens: center;
	
	
	}
	
	
    .homer1{
	  padding: 50px; 
	   
   }
  
    .homer1 h5{
		color: #333;
		font-size: 12px;
		
	}
    .redes{
		color: #fff;
		font-size: 12px;
		
	}
  
  main button:hover {
	  
	   cursor: pointer;
	   background: #fff;
	   
	   
  }
  
   .homer {
	  
	  background: #a1a1a1; 
	  border: 2px solid #a1a1a1;
	  border-radius: 50px;
	  height: 30px;
  } 
  
   .homer h2 {
	  margin-top: 3px;
	  margin-left: 45%;
	  color: #aa0713;
	  font-family: sans-serif;
	  font-size: 20px;
	  
	  
  }
  
   /* INICIO RODAPE  */
    .rodape{
       background-color: #333;
	   color: #A87B5B;
	   height: 100%;
	   width: 100%;
	   font-family: Verdana, Geneva, sans-serif;
	   border: 0px solid #CCC;
	   font-style: italic;
	   text-decoration: none;

	}
	.rodape h5{
		padding: 10px;
		font-size: 13px;
		
		
	}
	
	.box_rodp{
		margin-left: 30%;
		padding: 15px;
		gap: 15px;
		display: flex;
		
	}
	
	.box_rodp1 a{
		font-size: 14px;
		text-decoration: none;
		color: #A87B5B;
		
	}
	.box_rodp1 h4{
		color: #FFF;
		font-size: 12px;
		
	}
	
	.box_rodp1 img{
		border-radius: 3px;
		border: 1px solid #999;
		width: 30px;
		height: 30px; 
	}
	/* FINAL RODAPE  */
	
	
	/* INICIO DIV ZAP  */
	.chat_zap img{
		margin-left: 70%;
		margin-top: 200px;
		position: fixed;
		width: 80px;
		height: 80px;
       	
		
	}
   /* FINAL  DIV ZAP  */
   
   
  
  
   @media screen and (max-width: 720px){
	   
	       .topo {
			   flex-direction: column;
			   
		   }
           .baner{
			    flex-direction: column;
			   
		   }		   
		
	       .inicio{
			   flex-direction: column;
			   
		   }
		 .iniciob{
	     flex-direction: column;
	  
	  
	  
        }    
		
	   .deezer{
	       flex-direction: column;
      } 	
		
      .sobre {
		flex-direction: column;
		
		 
	 }
        
           #barralogin{
           flex-direction: column;
		 }
		 
	  .rodape{ 
	     flex-direction: column;
	  }	

	  .box_rodp{
		  flex-direction: column;
	  }
		 
		 
   } 
   
   
   .editar_perfil{
	   
	background: #000;
	
}


  
 @media (max-width:768px){
	 
	     header label {
			display: block; 
				 
		 }
	    .menu {
			position: absolute;
			width: 70%;
			margin-left: -72%;
			transition: all 0.5s;
			
			
		}
         
         .menu ul{
			flex-direction: column; 
			background-color:  
			 
     }  

        .menu li{
			border-top: 1px solid #aa0713;
			background-color: #000; 
			
		}
		
		#btn-menu:checked ~ .menu {
			 margin: 0;
			
			
		}
		
		 .menu li a {
	      display: block;
	      padding: 15px 20px;
	      color: #fff;
	      text-decoration: none;
	  
  }
  
  
    .login{
		height: 80%;
		margin-left: 10px;
		padding: 8px;
		gap: 7px;
		font-size: 12px;
		display: none;
		
	}
	
	.log_a {
		margin-left: 15px;
		margin-top: 15px;
		
		
	}
	.login_mob{
		height: 80%;
		margin-left: 10px;
		padding: 8px;
		gap: 5px;
		font-size: 12px;
		display: flex;
		
	}
		
	 
} 
  
	.textosr{
		   
		   padding: 5px;
	       color: #FFF;
	   
	   

	}
	
	 .mae{
		 top: -250px;
		 height: 2000px;
		 
	 }
	 
	 .sobre {
		 display: flex;
		
		 
	 }
	 
	 .boxsobre{
		width: 400px;
		 justify-content: center;
	     align-itens: center;
		 
		 
		 
	 }
	 
	 .boxsb img{
		 width: 100%;
		 
	 }