Untitled

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
  <style>
  .tabla {
  width: 100%;
  }
   .tabla > tbody > tr > td {
   	border: 1px solid black;
   }
   .tabla > thead > tr > th {
		border: 1px solid black;
   }
   .tabla > tbody > tr:nth-child(even) {
		background-color: #f2f2f2;
	}
  </style>
</head>
<body>
<table class="tabla">
  <thead>
  	<tr>
	    <th colspan="3">
	    	<img src="https://alpacaexpeditions.files.wordpress.com/2013/02/alpaca-logo-2013.png" style="width:166px;max-width:100%">
	    </th>
	    <th colspan="${nro_col}">
	    HOJA DE CONTROL - ${tour.cpaquete}
	    </th>
    </tr>
  	<tr>
    <th colspan="${nro_col + 3}" style="text-align: left !important; background: #72a71a; color: #fff;" >GUIDE NAME: JUAN PEREZ</th>
    </tr>
    <tr>
    <th colspan="3" style="background: #547b13; color: #fff;"></th>
    <#list tour.hojas[0].reservas[0].fechas as fecha>
      <th colspan="${fecha.nnro_fechas}" style="background: #547b13; color: #fff;">${fecha.fecha}</th>
    </#list>
    </tr>
	<tr>
	    <th>#</th>
	    <th>Documento</th>
	    <th>Pasajero</th>
	    <#list tour.hojas[0].reservas[0].pasajeros[0].servicios as serv_c>
	    <th>${serv_c.cser_abr}</th>
	    </#list>
	</tr>
  </thead>
  <tbody>
  <#list tour.hojas[0].reservas as reserva>
  <#list reserva.pasajeros as pasajero>
    <tr>
      <td>${pasajero_index + reserva_index + 1}</td>
      <td>${pasajero.cnro_doc}</td>
      <td>${pasajero.capellidos}, ${pasajero.cnombres}</td>
      <#list pasajero.servicios as serv>
      	<td>
      	<#if serv.opcion.nopc_cod != 0>
  			SI
		<#else>
			NO
		</#if>
		</td>
      </#list>
    </tr>
 	</#list>
 </#list>
  </tbody>
</table>
</body>
</html>