<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Recursos Humanos Puerto Villarroel</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom fonts for this template -->
  <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="css/business-casual.min.css" rel="stylesheet">

  <!--imagen en la ventana-->
  <link href='sistem/img/logo_pestana.png' rel='shortcut icon' type='image/png'/> 

  <script type="text/javascript" src="sistem/dist/js/funciones.js"></script> <!-------funciones personales------->

  <?php date_default_timezone_set('America/La_Paz');  ?>

  <style>
      .fancy-button{
        background-color:#c6711b;
        color:#ffffff;
        border:none;
        padding:4px;
        font-size:10px;
        font-weight:bold;
        border-radius:8px;
        cursor:pointer;
        box-shadow: 0 4px 8px rgba(0,0,0,0,3);
        transition: background-color 0.3s ease, transform 0.2s ease;    
      }
      .fancy-button:hover{
        background-color: #ffc00c; 
        transform: scale(1.05);
      }
      .text-uppercase:hover{
        color: #f4fb00; 
        transform: scale(1.05);
      }

  </style>
</head>

<body>

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
    <div class="container">
      <a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="#">MENÚ</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav mx-auto">
          <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="index.php">Generar comision<span class="sr-only">(current)</span></a>
          </li>
          
          <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="viajeImprimir.php">Imprimir Viajes Anteriores</a>
          </li>
		  
		  <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="informe.php">Generar Informe</a>
          </li>
          
		   <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="lista_viajes.php">Imprimir Informes anteriores</a>
          </li>
		  
          <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="login.php"><button class="fancy-button">L O G I N</button></a>
          </li>
        </ul>
      </div>
    </div>
  </nav> 