<td style="height:320;">
	<table style="text-align: center">
		<col style="width: 620">
		<tr>
			<td>
				<table style="margin: auto">
				 	<tr>
					    <td style="padding-right: 5px;">
					    	<img width=55 src="img/pdf/typology.jpg">
					    </td>
					    <td style="padding-left: 5px";>
					    	<span style="font-size: 30px; font-weight: lighter; text-transform: uppercase;">{{'social-listening'|trans}}</span>
					    </td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td style="height:140">
				<table style="margin: auto">
					<tr>
					{% for typology in data['typology-global'] %}
						{% if loop.index != 1 and (loop.index - 1) % 3 == 0 %}
						</tr><tr>
						{% endif %}
						<td style="width: 150px; padding: 5px 25px; text-align: left">
							<table>
								<tr>
									<td style="width: 30px;"><img src="img/pdf/typologies/{% if typology.image %}{{typology.name}}{% else %}typology{% endif %}_{{typology.color}}.png" style="width: 30px"></td>
									<td style="width: 125px; padding-left: 10px; text-align: left;">
										<span style="font-size:15px;">{{typology.transName}}</span>
										<br/>
										<span style="font-size:20px; font-weight: bold;">{{typology.score.formatted}}</span>
									</td>
								</tr>
							</table>
						</td>
					{% endfor %}
					</tr>
				</table>
			</td>
		</tr>
	</table>
</td>
