<!DOCTYPE html>
<html lang="pt-pt">

	<head>

		<title>Template Topo</title>
			
		<meta name="description" content="Somos uma empresa composta por um grupo jovem e dinâmico de professores e formadores cujo principal objectivo é o teu sucesso!!! Dispomos de grande flexibilidade de horários e serviços. Reunimos todas as condições necessárias para garantir o teu êxito!"/>
		
		<meta name="keywords" content="Ás de Aprender, centro de explicações na Guarda, Todo o tipo de explicações, Cursos, Formações"/>
		<meta name="author" content="Ás de Aprender" />
		
		<link rel="icon" href="imagens/estrutura/favicon.ico" type="image/x-icon"/>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<link rel="stylesheet" href="estilos/css_topo.css" />
		
		<script src="estilos/jquery-1.12.1.js"> </script> 
		<script src="estilos/javascript.js"> </script>


	</head>

	<body>


		<div id="topo">
		
		
			<div id="logo">        
			
				<a href="index.php">
					<div>
						<source media="(max-width: 640px)" srcset="imagens/estrutura/logo_small.png" />                         
						<source media="(min-width: 641px) and (max-width: 1024px)" srcset="imagens/logo_desktop.png" />        
						<source media="(min-width: 1025px)" srcset="imagens/estrutura/logo_desktop.png" />                              
						<img src="imagens/estrutura/logo_desktop.png" alt="Logo As de Aprender" title="Logo" />                 
					</div>
				</a>    	
			 </div>  <!-- FIM DIV LOGO -->
			
			
			
			<!--  BOTÃO DE MENU -->  
			<div id="bt_menu">
						<source media="(max-width: 640px)" srcset="imagens/estrutura/bt_menu_phone.png">                      
						<source media="(min-width: 641px) and (max-width: 1024px)" srcset="imagens/estrutura/bt_menu_tablet.png">
						<img style="border:0;" src="imagens/estrutura/bt_menu_phone.png" alt="Botao de Menu" title="Botao Menu" />      
			</div>  <!-- FIM DA DIV DO BT MENU -->   
			
			
			<!-- SÓ APARECE ESTA DIV NO MENU PARA DISPOSITIVO MÓVEL -->  
			<div id="menu_links_mobile">
				<ul>
					<!-- <li> <a href="index.php"> HOME  </a> </li> -->
					<li> <a href="quem_somos.php"> EMPRESA </a>    </li>
					<li> <a href="apoio_escolar.php"> APOIO ESCOLAR </a> </li> 			
					<li> <a href="cursos.php"> FORMAÇÃO </a> </li>                 
					<li> <a href="psicopedagogia.php"> PSICOPEDAGOGIA </a> </li>                
				</ul>  
			</div>  
			
				  
						
			<div id="menu_links">

				<!-- DIV DO LINK PSICOPEDAGOGIA -->
				<div class="dropdown">
				  <div class="dropbtn" style="padding-right:50px;"><span class="txt_links"><a href="psicopedagogia.php">PSICOPEDAGOGIA</a></span></div>
				  <div class="dropdown-conteudo">
					<!-- <a href="psicopedagogia.php">Link 1</a>  -->
				  </div>
				</div> 
				
				
				<!-- DIV DO LINK FORMA?O -->
				<div class="dropdown">
				  <div class="dropbtn"><span class="txt_links">
					<a href="#">FORMAÇÃO</a></span></span>
				  </div>
				  <div class="dropdown-conteudo">
					<a href="cursos.php">Cursos de línguas estrangeiras</a>
					<a href="formacao.php">Formação</a>
				  </div>
				</div>
				
				
							
				<!-- DIV DO LINK APOIO ESCOLAR -->
				<div class="dropdown">
				  <div class="dropbtn"><span class="txt_links"><a href="#">APOIO ESCOLAR</a></span>
				  </div>
				  <div class="dropdown-conteudo">
					<a href="apoio_escolar.php">Apoio Escolar</a>
					<a href="apoio_escolar_intensivo.php">Apoio Escolar Intensivo</a>
					<a href="cursos_verao.php">Cursos de Verão </a>
					<!--<a href="cursos_verao.php">Ocupação de tempos livres</a> -->
					<!--<a href="pre_inscricoes.php">Pré Inscrições</a>--> 
					<!--<a href="recrutamento.php">Recrutamento</a>-->                 
				  </div>
				</div>
							
				
				<!-- DIV DO LINK EMPRESA -->
				<div class="dropdown">
				  <div class="dropbtn"><span class="txt_links">
					<a href="#">EMPRESA</a></span>
				  </div>
				  <div class="dropdown-conteudo">
						<a href="quem_somos.php">Quem Somos</a>
						<a href="contactos.php">Contactos</a>
						<a href="instalacoes.php">Instalações</a>
						<a href="nossa_missao.php">A Nossa Missão </a>
						<a href="objetivos.php">Objetivos</a>
						<a href="vantagens.php">Vantagens</a>
						<a href="franchising.php">Franchising</a>
						<a href="parceiros.php">Parceiros</a>              
				  </div>
				</div>            
					  
				
				
			</div>  <!-- FIM DIV MENU DOS LINKS PRINCIPAIS -->
			
		</div>  <!-- FIM DIV TEMPLATE TOPO -->




	</body>
</html>
