{embed="includes/head"}
	{embed="includes/header"}
					<!-- Breadcrumb -->
					<div class="grid-3" id="breadcrumb">
						<div class="text">
							<img src="{site_url}/images/site/img1.jpg" alt="" />
							<h2>Servicios</h2>
							<div class="cl">&nbsp;</div>
						</div>
					</div>
					<!-- END Breadcrumb -->
					<div class="cl">&nbsp;</div>
				</div>
				<!-- END Neccessary For All Pages -->
				<div class="container-3 tos">
					{exp:channel:entries channel="grupos" dynamic="no" sort="asc" limit="10"}
					<div class="grid-1">
						<div class="cap bos">
							<img src="{gruposervicio_imagen}" alt="" />
							<span>{title}</span>
						</div>
						<div class="spacer">
							{gruposervicio_resena}
							<ul class="arrowed">
							{reverse_related_entries sort="desc"}
							    <li><a href="{title_permalink="servicios/detalle"}">{title}</a></li>
							{/reverse_related_entries}
							</ul>
						</div>
					</div>
					{/exp:channel:entries}
					<div class="cl">&nbsp;</div>
				</div>
				{embed="includes/footer"}