{namespace ficti=Tx_Ictiextbase_ViewHelpers} 
<f:layout name="Default" />


<f:section name="main">
    <ficti:htmltitle>{content.name}</ficti:htmltitle>
    <ficti:canonicaluri>
        <f:uri.action action="show" arguments="{content : content}" />
    </ficti:canonicaluri>   
	
	
<div class="detalle">
	
	<div class="wrapper_csc">
		<div class="colwn-set">
			<div class="col-wide">
				<div class="wrapper_csc">
					<div class="wrapper_csc">
						<div class="wrapper-titularpagina">
							<div class="titularpagina">
								<h1>
									<span>{content.name}</span>
								</h1>
								<h2>
									<span>{content.short}</span>
								</h2>
							</div>
						</div>
					</div>
					<div class="wrapper_csc">
						<f:render partial="socialMedia" />
					</div>

					<f:if condition="{content.keywords}">
						<div class="wrapper_csc">
							<div class="etiquetas">
								<h3>
									<f:translate key="Keywords">Keywords</f:translate>
								</h3>
								<div class="tag_group">
									<ul class="tags">
										<f:for each="{content.keywords}" as="keyword">
											<li>
												<f:link.action action="list" arguments="{filterKeyword : keyword}">
													<span>{keyword.name}</span>
												</f:link.action>
											</li>
										</f:for>
									</ul> 
								</div>
							</div>
						</div>
					</f:if>
					<div class="wrapper_csc">
						<div class="multimedia">
							<f:if condition="{content.frontImage}">
								<div class="imagen_principal">
									<a rel="lightbox[galeria_detalle]" href="{f:uri.image( src: '{content.frontImage.mediaUri}', maxWidth:800, maxHeight: 600)}">
										<f:image src="{content.frontImage.mediaUri}" width="210" alt="{content.name}" />
									</a>
								</div>
							</f:if>
						</div>
						{content.description -> f:format.html()}
					</div>
					
					<f:render partial="videos" arguments="{videos: content.videos}" />

					<f:if condition="{content.downloads}">
						<div class="wrapper_csc">
							<h3>
								<f:translate key="downloads">Archivos &uacute;tiles</f:translate>
							</h3>
							<f:render partial="files" arguments="{files: content.downloads}" />
						</div>
					</f:if>
					
					<f:if condition="{content.links}">
						<div class="wrapper_csc">
							<h4>
								<f:translate key="links">Enlaces</f:translate>
							</h4>					
							<f:render partial="links" arguments="{links:content.links}" />
						</div>
					</f:if>		
					
					<f:if condition="{content.geoLocations}">
						<div class="wrapper_csc">
							<h4>
								<f:translate key="map">Mapa</f:translate>
							</h4>					
							<f:render partial="geoLocations" arguments="{geoLocations: content.geoLocations}" />
						</div>
					</f:if>						

				</div><!--TYPO3SEARCH_end-->
			</div>
			<div class="col-narrow">
				<!--TYPO3SEARCH_begin-->
				<div class="wrapper_csc">
					<div class="botoncolorido">
						<div class="enlace">
							<f:link.action action="list"  pageUid="{settings.listPid}">
								&laquo; <f:translate key="backToList">Volver a la lista</f:translate>
							</f:link.action>
						</div>
					</div>
				</div>
				<f:if condition="{content.images}">
					<div class="wrapper_csc"><div class="divider"><hr /></div></div>
					<div class="wrapper_csc">
							<h4>
									<f:translate key="relatedImages">Im&aacute;genes relacionadas</f:translate>
							</h4>					
						<f:for each="{content.images}" as="image">

								<div class="csc-textpic csc-textpic-left csc-textpic-above">
									<div class="csc-textpic-imagewrap csc-textpic-single-image">
										<a rel="lightbox[galeria_detalle]" href="{f:uri.image( src: '{image.mediaUri}', maxWidth:800, maxHeight: 600)}">
											<f:image src="{image.mediaUri}" width="208" alt="{image.altText}" />
										</a>
									</div>
								</div>
								<div class="csc-textpic-clear">
									<f:if condition="{image.caption}">
										<p>
											{image.caption}
										</p>
									</f:if>

								</div>
						</f:for>
					</div>						
				</f:if>
						

				
				<f:if condition="{content.relatedContents}">
					<div class="wrapper_csc"><div class="divider"><hr /></div></div>
					<div class="wrapper_csc">
							<h4>
									<f:translate key="relatedContents">Contenidos relacionados</f:translate>
							</h4>					
						<div class="listados latest">
							<f:for each="{content.relatedContents}" as="relatedContent">
								<div class="item">
									<div class="textos">
										<h4>
											<f:link.action action="show" arguments="{content : content}">
												{relatedContent.name}
											</f:link.action>
										</h4>
									</div>
								</div>								
							</f:for>
						</div>
					</div>					
				</f:if>

			</div>
		</div>
	</div>	
	
</div>
</f:section>