<script type="text/template" id="tmp-edit-tool2">
	<div class="edit-tool">
		<div class="edit-tool_box">
			<div class="edit-tool_item">
				<span title="Mover" class="edit-tool_btn btn-move mover"><i class="btn-icon icon-cursor-move-two"></i></span>
			</div>
			<div class="edit-tool_item">
				<span title="Agregar Elemento" class="edit-tool_btn btn-agregar-elm"><i class="btn-icon fa fa-plus"></i></span>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-edit-tool">
	<div class="menu-holder">
		<div class="edit-tool">
			<div class="edit-tool_box <%= defaults.video? 'edit-tool_box-video' :'' %>">

			<!-- ELEMENTOS VISIBLES POR DEFECTO -->
			<!--<div class="edition-tools-defecto">-->
				<% if (defaults.move) { %>
				<div class="edit-tool_item">
					<span title="Mover" class="edit-tool_btn btn-move handle"><i class="btn-icon icon-cursor-move-two"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Duplicar sección" class="edit-tool_btn btn-duplicar"><i class="btn-icon fa fa-copy"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Agregar sección" class="edit-tool_btn btn-crear-seccion"><i class="btn-icon fa fa-plus"></i></span>
				</div>
				<% } %>

				<% if (defaults.isPadding) { %>
				<div class="edit-tool_item">
					<input title="Padding superior" type="number" min="0" max="150" step="1" placeholder="1" class="edit-tool_input edit-tool_input-pt">
				</div>
				<div class="edit-tool_item">
					<input title="Padding inferior" type="number" min="0" max="150" step="1" placeholder="1" class="edit-tool_input edit-tool_input-pb">
				</div>
				<% } %>

				<% if (defaults.isColumn) { %>
				<div class="edit-tool_item">
					<span title="Mover" class="edit-tool_btn btn-move mover"><i class="btn-icon icon-cursor-move-two"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Agregar Elemento" class="edit-tool_btn btn-agregar-elm"><i class="btn-icon fa fa-plus"></i></span>
				</div>
				<% } %>

				<% if (defaults.isTimeDelay) { %>
				<div class="edit-tool_item">
					<input title="Aparecer en..." type="number" min="0" max="300" placeholder="0" class="edit-tool_input edit-tool_input-td">
				</div>
				<% } %>
				<% if (defaults.isAnimated) { %>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select slAnimacion" title="Animación de entrada">
						<select id="slAnimacionElemento" name="slAnimacionElemento">
							<option value="S"> Sin animación </option>
							<option value="ArAb"> Abajo hacia arriba </option>
							<option value="AbAr"> Arriba hacia abajo </option>
							<option value="IzDe"> Izquierda hacia derecha </option>
							<option value="DeIz"> Derecha hacia izquierda </option>
						</select>
					</div>
				</div>
				<% } %>

				<% if (defaults.clonar) { %>
				<div class="edit-tool_item">
					<span title="Clonar elemento" class="edit-tool_btn btn-clonar"><i class="btn-icon fa fa-copy"></i></span>
				</div>
				<% } %>
				<?php /*<% if (defaults.remove && !defaults.isSection) { %>*/ ?>
				<% if(defaults.addCSS) { %>
				<div class="edit-tool_item css-input">
					<input type="text" class="edit-tool_input" title="Agrega las clases CSS personalizadas que desees separadas por espacio">
				</div>
				<% } %>
				<% if(defaults.verMovil) { %>
				<div class="edit-tool_item vermovil-tool">
					<input type="checkbox" id="vermovil" class="edit-tool_checkbox">
					<label for="vermovil" class="edit-tool_label" title="Si lo activas entonces el elemento no se verá en dispositivos móviles">
						<i class="fa fa-eye-slash"></i> en móvil
					</label>
				</div>
				<% } %>

				<% if (defaults.background.backgroundColor) { %>
				<div class="edit-tool_item">
					<div class="edit-tool_colorpicker edit-tool_bgcolor">
						<span title="Color de fondo" class="edit-tool_btn edit-tool_btn-bgc"></span>
						<input type="text" class="edit-tool_input">
					</div>
				</div>
				<% } %>
				<% if ( (defaults.background.backgroundColor && defaults.background.backgroundImage) || defaults.isColumn ) { %>
				<div class="edit-tool_item slider-spacing">
					<div class="edit-tool_input"> <div class="slOpacidadColor" style="width: 144px; margin-top: 3px;"></div> </div>
				</div>
				<% } %>
				<% if (defaults.background.backgroundImage) { %>
				<div class="edit-tool_item">
					<span title="Imagen de fondo" class="edit-tool_btn edit-tool_btn-bgi"><i class="btn-icon icon-image-add"></i></span>
					<input type="file" class="edit-tool_file edit-tool_file-bg hide">
				</div>
				<div class="edit-tool_item">
					<span title="Eliminar imagen de fondo" class="edit-tool_btn edit-tool_btn-bgirmv"><i class="btn-icon icon-image-cancel"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Video de fondo" class="edit-tool_btn edit-tool_btn-bgv"><i class="btn-icon icon3-videoadd"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Eliminar video de fondo" class="edit-tool_btn edit-tool_btn-bgvrmv"><i class="btn-icon icon3-videodel"></i></span>
				</div>
				<div class="edit-tool_item video-tool itemChParallax">
					<input type="checkbox" class="edit-tool_checkbox chParallax">
					<label class="edit-tool_label lbChParallax" title="Activar o desactivar el efecto Parallax al fondo de la sección"> Parallax </label>
				</div>
				<% } %>
				<!-- EDICIÓN DE IMÁGENES -->
				<!-- EDICIÓN DE FUENTE -->
				<!-- APARECER EN..., ANIMACION, PADDING  -->
			<!--<div class="edition-tools-defecto"> </div>-->
			<!--</div>-->
			<!-- /ELEMENTOS VISIBLES POR DEFECTO -->

			<!-- ELEMENTOS DE EDICIÓN -->
			<!--<div class="edition-tools-edicion">-->
				<!-- IMÁGENES -->
				<% if (defaults.img) { %>
				<div class="edit-tool_item">
					<span title="Imagen" class="edit-tool_btn edit-tool_btn-img">
						<i class="btn-icon icon-img"></i>
					</span>
				</div>
					<% if (defaults.img_am) { %>
				<div class="edit-tool_item img-tool">
					<input type="checkbox" id="anchomovil" class="edit-tool_checkbox">
					<label for="anchomovil" class="edit-tool_label" title="En pantallas pequeñas tomará el ancho completo disponible, haciendo grande la imágen">
						Ancho móvil
					</label>
				</div>
					<% } %>
				<% } %>
				<!-- /IMÁGENES -->
				<!-- TEXTOS -->
				<% if (defaults.fontFamily) { %>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select" title="Fuente del texto">
						<select id="fontFamily" name="fontfamily">
							<optgroup label="Fuentes genericos" class="Genericas"> </optgroup>
							<optgroup label="Google Fonts" class="GFonts"> </optgroup>
						</select>
					</div>
				</div>
				<% } %>
				<% if (defaults.textAlign) { %>
				<div class="edit-tool_item">
					<span title="Alinear Texto" class="edit-tool_btn"><i class="btn-icon icon-align-left"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Alinear Texto a la Izquierda" class="edit-tool_btn btn-align-left"><i class="btn-icon icon-align-left"></i></a>
						<a href="#" title="Centrar Texto" class="edit-tool_btn btn-align-center"><i class="btn-icon icon-align-center"></i></a>
						<a href="#" title="Alinear Texto a la Derecha" class="edit-tool_btn btn-align-right"><i class="btn-icon icon-align-right"></i></a>
						<a href="#" title="Justificar Texto" class="edit-tool_btn btn-align-justify"><i class="btn-icon icon-align-justify"></i></a>
					</div>
				</div>
				<% } %>
				<% if (defaults.color) { %>
				<div class="edit-tool_item">
					<div class="edit-tool_colorpicker edit-tool_color">
						<span title="Color de fuente" class="edit-tool_btn edit-tool_btn-color"></span>
						<input type="text" class="edit-tool_input">
					</div>
				</div>
				<% } %>
				<% if (defaults.fontSize) { %>
				<div class="edit-tool_item">
					<input title="Tamaño" type="number" min="8" max="70" placeholder="18" class="edit-tool_input edit-tool_input-fz">
				</div>
					<% if (!(defaults.callto_bt) && !(defaults.mailto_btn)) { %>
						<% if( !defaults.isList ){ %>
				<div class="edit-tool_item">
					<input title="Espacio entre líneas" type="number" min="1" max="2" step="0.1" placeholder="1" class="edit-tool_input edit-tool_input-lh">
				</div>
						<% }else{ %>
				<div class="edit-tool_item">
					<input title="Espacio entre líneas" type="number" min="0" max="30" step="1" placeholder="1" class="edit-tool_input edit-tool_input-lh">
				</div>
						<% } %>
				<div class="edit-tool_item">
					<input title="Espacio entre letras" type="number" min="0" max="30" step="0.5" placeholder="1" class="edit-tool_input edit-tool_input-ls">
				</div>
					<% } %>
				<% } %>
				<!-- TEXTO ADAPTABLE -->
				<% if (defaults.isTextResponsive) { %>
				<div class="edit-tool_item img-tool">
					<input type="checkbox" id="textoAdaptable" class="edit-tool_checkbox">
					<label for="textoAdaptable" class="edit-tool_label" title="Hará que el tamaño del título se adapte al espacio disponible en moviles">
						Ancho móvil
					</label>
				</div>
				<div class="edit-tool_item">
					<input title="Tamaño radial adaptable" type="number" min="0" max="40" placeholder="0" class="edit-tool_input edit-tool_input-tra">
				</div>
				<% } %>
				<!-- /TEXTO ADAPTABLE -->
				<% if (defaults.fontStyle) { %>
				<div class="edit-tool_item">
					<div title="Estilo de Texto" class="edit-tool_btn">
						<i class="btn-icon icon-bold"></i>
					</div>
					<div class="edit-tool_sub">
						<a href="#" title="Negrita" class="edit-tool_btn btn-bold"><i class="btn-icon icon-bold"></i></a>
						<a href="#" title="Cursiva" class="edit-tool_btn btn-italic"><i class="btn-icon icon-italic"></i></a>
						<a href="#" title="Subrayado" class="edit-tool_btn btn-underline"><i class="btn-icon icon-underline"></i></a>
						<a href="#" title="Tachado" class="edit-tool_btn btn-strikethrough"><i class="btn-icon icon-strikethrough"></i></a>
					</div>
				</div>
				<div class="edit-tool_item">
					<div title="Entrada de Texto" class="edit-tool_btn">
						<i class="btn-icon fa fa-font"></i>
					</div>
					<div class="edit-tool_sub">
						<% if (defaults.isTitleText) { %>
						<a href="#" title="Texto animado" class="edit-tool_btn btn-texto-animado"> { texto_animado } </a>
						<% } %>
						<a href="#" title="Pais" class="edit-tool_btn btn-pais"> <span> { pais } </span> </a>
						<a href="#" title="Ciudad" class="edit-tool_btn btn-ciudad"> <span> { ciudad } </span> </a>
						<a href="#" title="Año" class="edit-tool_btn btn-dia"> { dia } </a>
						<a href="#" title="Año" class="edit-tool_btn btn-mes"> { mes } </a>
						<!--<a href="#" title="Empresa" class="edit-tool_btn btn-empresa"> <span> { empresa } </span> </a>-->
						<a href="#" title="Año" class="edit-tool_btn btn-anho"> { año } </a>
					</div>
				</div>
				<% } %>
				<!-- /TEXTOS -->
				<!-- LISTAS -->
				<% if (defaults.isList) { %>
				<div class="edit-tool_item">
					<span title="Editar lista" type="button" class="edit-tool_btn btn-list">
						<i class="btn-icon fa fa-list"></i>
					</span>
				</div>
				<% } %>
				<!-- /LISTAS -->
				<!-- VIDEOS -->
				<% if (defaults.video) { %>
				<div class="edit-tool_item video-input">
					<input type="text" placeholder="URL de video" class="edit-tool_input" title="Ruta del video">
				</div>
				<div class="edit-tool_item video-tool">
					<input type="checkbox" id="vautoplay" class="edit-tool_checkbox">
					<label for="vautoplay" class="edit-tool_label" title="Reproduce el video automáticamente al cargar el sitio"> Autoplay </label>
				</div>
				<div class="edit-tool_item video-tool">
					<input type="checkbox" id="vcontrols" class="edit-tool_checkbox">
					<label for="vcontrols" class="edit-tool_label" title="Muestra la barra de progreso y controles de pausar y continuar reproducción"> Progress Bar </label>
				</div>
				<div class="edit-tool_item">
					<span type="button" class="edit-tool_btn btn-apply" title="Aplicar"><i class="btn-icon icon-check"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Imagen de poster" class="edit-tool_btn edit-tool_btn-img-poster">
						<i class="btn-icon icon-img"></i>
					</span>
				</div>
				<?php /*<div class="edit-tool_item">
					<span type="button" class="edit-tool_btn btn-play" title="Reproducir"><i class="fa fa-play"></i></span>
				</div>
				<div class="edit-tool_item">
					<span type="button" class="edit-tool_btn btn-pause" title="Pausar"><i class="fa fa-pause"></i></span>
				</div>*/ ?>
				<% } %>
				<!-- /VIDEOS -->
				<!-- BOTONES -->
				<% if (defaults.popup && !defaults.popupEdit) { %>
				<div class="edit-tool_item">
					<span title="Popup" type="button" class="edit-tool_btn btn-popup"><i class="btn-icon icon-popup"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Editar Popup" type="button" class="edit-tool_btn btn-popupM"><i class="fa fa-external-link"></i></span>
				</div>
				<% } %>
				<% if (defaults.popup && defaults.popupEdit) { %>
				<div class="edit-tool_item">
					<span title="Popup" type="button" class="edit-tool_btn"><i class="btn-icon icon-popup"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Editar Popup" class="edit-tool_btn btn-popup">Editar Popup</a>
						<a href="#" title="Agregar Nuevo popup" class="edit-tool_btn btn-popupM">Agregar Nuevo popup</a>
					</div>
				</div>
				<% } %>
				<!-- /BOTONES-->
				<!-- TEXTOS, VÍNCULOS Y BOTONES -->
				<% if (defaults.link && !(defaults.callto_bt) && !(defaults.mailto_btn)) { %>
				<div class="edit-tool_item">
					<span title="Añadir Enlace" type="button" data-toggle="modal" data-target="#modalLink" class="edit-tool_btn btn-link"><i class="btn-icon icon-link"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Agregar URL" class="edit-tool_btn btn-url">URL</a>
						<a href="#" title="Agregar Teléfono" class="edit-tool_btn btn-tel">Teléfono</a>
						<a href="#" title="Agregar Mailto" class="edit-tool_btn btn-mailto">Mailto</a>
					</div>
				</div>
				<div class="edit-tool_item">
					<span title="Enlace de conversión" type="button" data-toggle="modal" data-target="#modalLinkC" class="edit-tool_btn btn-linkC"><i class="fa fa-bar-chart-o"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Agregar URL" class="edit-tool_btn btn-urlC">URL</a>
						<a href="#" title="Agregar Teléfono" class="edit-tool_btn btn-telC">Teléfono</a>
						<a href="#" title="Agregar Mailto" class="edit-tool_btn btn-mailtoC">Mailto</a>
					</div>
				</div>
				<% } %>
				<% if (defaults.link && defaults.callto_bt) { %>
				<div class="edit-tool_item">
					<span title="Añadir Enlace" type="button" data-toggle="modal" data-target="#modalLink" class="edit-tool_btn btn-link"><i class="btn-icon icon-link"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Agregar Teléfono" class="edit-tool_btn btn-tel">Teléfono</a>
					</div>
				</div>
				<div class="edit-tool_item">
					<span title="Enlace de conversión" type="button" data-toggle="modal" data-target="#modalLinkC" class="edit-tool_btn btn-linkC"><i class="fa fa-bar-chart-o"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Agregar Teléfono" class="edit-tool_btn btn-telC">Teléfono</a>
					</div>
				</div>
				<% } %>
				<% if (defaults.link && defaults.mailto_btn) { %>
				<div class="edit-tool_item">
					<span title="Añadir Enlace" type="button" data-toggle="modal" data-target="#modalLink" class="edit-tool_btn btn-link"><i class="btn-icon icon-link"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Agregar Mailto" class="edit-tool_btn btn-mailto">Mailto</a>
					</div>
				</div>
				<div class="edit-tool_item">
					<span title="Enlace de conversión" type="button" data-toggle="modal" data-target="#modalLinkC" class="edit-tool_btn btn-linkC"><i class="fa fa-bar-chart-o"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Agregar Mailto" class="edit-tool_btn btn-mailtoC">Mailto</a>
					</div>
				</div>
				<% } %>
				<!-- /TEXTOS, VÍNCULOS Y BOTONES -->
				<!-- CRONÓMETRO -->
				<% if (defaults.countdown) { %>
				<div class="edit-tool_item"><span title="Cronómetro" class="edit-tool_btn btn-countdown"><i class="btn-icon icon-sort-numeric"></i></span>
					<div class="edit-tool_sub edit-tool_sub-countdown hide">
						<input type="text" id="datepicker" class="edit-tool_input edit-tool_input" placeholder="dd/mm/aaaa hh:mm">
						<span class="edit-tool_btn edit-tool_btn-ok">Ok</span>
					</div>
				</div>
				<% } %>
				<% if (defaults.reloj) { %>
				<div class="edit-tool_item date-input">
					<input type="text" id="datepicker" class="edit-tool_input edit-tool_input" placeholder="dd/mm/aaaa hh:mm">
				</div>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select" title="Zona horaria">
						<select id="slTimezones" name="slTimezones"> </select>
					</div>
				</div>
				<div class="edit-tool_item">
					<span title="Color" class="edit-tool_btn edit-tool_btn-ff btn-color-reloj"><i class="btn-icon fa fa-paint-brush"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Color negro" class="edit-tool_btn btn-relojn">Negro</a>
						<a href="#" title="Color blanco" class="edit-tool_btn btn-relojb">Blanco</a>
						<a href="#" title="Color rojo" class="edit-tool_btn btn-relojr">Rojo</a>
					</div>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rdia" class="edit-tool_checkbox" title="Mostrar dias">
					<label for="rdia" class="edit-tool_label"> DD </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rhora" class="edit-tool_checkbox" title="Mostrar horas">
					<label for="rhora" class="edit-tool_label"> HH </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rminuto" class="edit-tool_checkbox" title="Mostrar minutos"> 
					<label for="rminuto" class="edit-tool_label"> MM </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rsegundo" class="edit-tool_checkbox" title="Mostrar segundos">
					<label for="rsegundo" class="edit-tool_label"> SS </label>
				</div>
				<% } %>
				<!-- CRONÓMETRO -->
				<!-- COMENTARIOS DE FB -->
				<% if (defaults.isFbComment) { %>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select" title="Tema de comentarios">
						<select id="slTema" name="slTema">
							<option value="light"> Claro </option>
							<option value="dark"> Oscuro </option>
						</select>
					</div>
				</div>
				<div class="edit-tool_item">
					<input title="Número de comentarios para mostrar" type="number" min="0" max="10" placeholder="0" class="edit-tool_input edit-tool_input-nc">
				</div>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select" title="Ordenar por...">
						<select id="slOrdenarPor" name="slOrdenarPor">
							<option value="social"> Social </option>
							<option value="time"> Tiempo </option>
							<option value="reverse_time"> Tiempo invertido </option>
						</select>
					</div>
				</div>
				<!-- /COMENTARIOS DE FB -->
				<% } %>
				<!-- REDES SOCIALES -->
				<% if (defaults.compartiren) { %>
				<div class="edit-tool_item">
					<span title="Tema" class="edit-tool_btn edit-tool_btn-ff btn-color-reloj"><i class="btn-icon fa fa-paint-brush"></i></span>
					<div class="edit-tool_sub">
						<a href="#" title="Clásico" class="edit-tool_btn btn-tm-clasico">Clásico</a>
						<a href="#" title="Flat" class="edit-tool_btn btn-tm-flat">Flat</a>
						<a href="#" title="Mínimo" class="edit-tool_btn btn-tm-min">Mínimo</a>
						<a href="#" title="Plano" class="edit-tool_btn btn-tm-plano">Plano</a>
					</div>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rfb" class="edit-tool_checkbox">
					<label for="rfb" class="edit-tool_label" title="Facebook"> <i class="fa fa-facebook"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rtwit" class="edit-tool_checkbox">
					<label for="rtwit" class="edit-tool_label" title="Twitter"> <i class="fa fa-twitter"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rli" class="edit-tool_checkbox">
					<label for="rli" class="edit-tool_label" title="LinkedIn"> <i class="fa fa-linkedin"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rgp" class="edit-tool_checkbox">
					<label for="rgp" class="edit-tool_label" title="Google+"> <i class="fa fa-google-plus"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rpint" class="edit-tool_checkbox">
					<label for="rpint" class="edit-tool_label" title="Pinterest"> <i class="fa fa-pinterest"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rws" class="edit-tool_checkbox">
					<label for="rws" class="edit-tool_label" title="Whatsapp"> <i class="fa fa-whatsapp"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rcorreo" class="edit-tool_checkbox">
					<label for="rcorreo" class="edit-tool_label" title="Correo electrónico"> <i class="fa fa-envelope-o"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rnombres" class="edit-tool_checkbox">
					<label for="rnombres" class="edit-tool_label" title="Mostrar nombres"> <i class="fa fa-tag"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="rcontador" class="edit-tool_checkbox">
					<label for="rcontador" class="edit-tool_label" title="Contador"> <i class="fa fa-calculator"></i> </label>
				</div>
				<% } %>
				<!-- /REDES SOCIALES -->
				<!-- CONFIGURACIÓN DE TEXTO ANIMADO -->
				<% if (defaults.isTitleText) { %>
				<div class="edit-tool_item">
					<span title="Configuración de texto animado" type="button" class="edit-tool_btn btn-conf-texto-animado">
						<i class="btn-icon fa fa-random"></i>
					</span>
				</div>
				<% } %>
				<!-- /CONFIGURACIÓN DE TEXTO ANIMADO -->
			<!--</div>-->
			<!-- /ELEMENTOS DE EDICIÓN -->

			<!-- ELEMENTOS VISIBLES POR DEFECTO -->
			<!--<div class="edition-tools-visible">-->
				<!-- ESPACIO VERTICAL -->
				<% if (defaults.isVS) { %>
				<div class="edit-tool_item slider-spacing">
					<div class="edit-tool_input"> <div id="slider" style="width: 144px; margin-top: 3px;"></div> </div>
				</div>
				<% } %>
				<!-- ESPACIO VERTICAL -->
				<!-- CÓDIGO HTML -->
				<% if (defaults.htmlcode) { %>
				<div class="edit-tool_item">
					<span title="Editar código" class="edit-tool_btn btn-edithtmlcode"><i class="btn-icon fa fa-pencil-square-o"></i></span>
				</div>
				<div class="edit-tool_item slider-anchohtml">
					<div class="edit-tool_input"> <div id="slider" style="width: 144px; margin-top: 3px;"></div> </div>
				</div>
				<% } %>
				<!-- /CÓDIGO HTML -->
				<% if (defaults.field) { %>
				<div class="edit-tool_item">
					<span title="Editar Placeholder" type="button" class="edit-tool_btn edit-tool_field"><i class="btn-icon icon-character"></i></span>
				</div>
				<% } %>
				<!-- CLONAR, CSS, VER EN MÓVIL -->
				<% if (defaults.remove) { %>
				<div class="edit-tool_item">
					<span title="Eliminar" class="edit-tool_btn btn-remove"><i class="btn-icon icon-trash"></i></span>
				</div>
				<% } %>
				<% if (defaults.video) { %>
				<div class="edit-tool_item">
					<span title="Eliminar" class="edit-tool_btn btn-removeV"><i class="btn-icon icon-trash"></i></span>
				</div>
				<% } %>

				<div class="edit-tool_item">
					<span type="button" class="edit-tool_btn btn-editar" title="Editar elemento"><i class="btn-icon fa fa-pencil"></i></span>
				</div>

				<% if (defaults.close) { %>
				<div class="edit-tool_item">
					<span title="Mover menú" class="edit-tool_btn btn-move-menu"><i class="btn-icon icon-cursor-move-two"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Cerrar" class="edit-tool_btn btn-close"><i class="btn-icon icon-close"></i></span>
				</div>
				<% } %>
				<% if (defaults.isSection || defaults.isColumn || defaults.isBgPage) { %>
				<div class="edit-tool_item">
					<span title="Cerrar" class="edit-tool_btn btn-close-menu"><i class="btn-icon icon-close"></i></span>
				</div>
				<% } %>
			<!--</div>-->
			<!-- /ELEMENTOS VISIBLES POR DEFECTO -->

			</div>
		</div>
	</div>
	<?php /*<% if (defaults.isSection) { %>
	<div class="edit-tool right">
		<div class="edit-tool_box">
			<div class="edit-tool_item">
				<span title="Eliminar" class="edit-tool_btn btn-remove"><i class="btn-icon icon-trash"></i></span>
			</div>
		</div>
	</div>
	<% } %>*/ ?>
</script>
<script type="text/template" id="tmp-edit-menu">
	<div class="edit-tool" style="box-shadow: none; z-index: 900;">
		<div title="Abrir menú de opciones" class="menu-bt"><i class="fa fa-bars" aria-hidden="true"></i></div>
	</div>
</script>
<script type="text/template" id="tmp-edit-move">
	<div class="edit-tool mvelemento" style="z-index: 900;">
		<div class="edit-tool_box"><span title="Mover" class="edit-tool_btn btn-move handle"><i class="btn-icon icon-cursor-move-two"></i></span></div>
	</div>
</script>
<script type="text/template" id="tmp-edit-move2">
	<div class="edit-tool mvelemento" style="z-index: 900;">
		<div class="edit-tool_box"><span title="Mover" class="edit-tool_btn btn-move handle MoverCuadro"><i class="btn-icon icon-cursor-move-two"></i></span></div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearvinculo">
	<div id="modalCrearVinculo" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Ruta a vincular </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmCrearVinculo">
							<div class="form-group">
								<label> Ruta a asignar </label>
								<input type="text" class="form-control" id="txtRuta" name="txtRuta"></input>
							</div>
							<div class="form-group">
								<div class="checkbox">
									<label>
										<input type="checkbox" value="" id="chPestanha"> Abrir en pestaña nueva
									</label>
								</div>
							</div>
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVinculo"> Crear </button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-editarcodigohtml">
	<div id="modalEditarCodigoHTML" tabindex="-1" role="dialog" aria-labelledby="modalEditarCodigoHTMLLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalEditarCodigoHTMLLabel" class="modal-title"> Modificación de código HTML </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmModificarCodigoHTML">
							<div class="form-group">
								<label> Código HTML a modificar </label>
								<textarea class="form-control" rows="3" id="txtCodigoHTML"></textarea>
								<span class="text-danger" id="errtxtCodigoHTML"></span>
							</div>
							<div class="form-group">
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnEditarCodigoHTML"> Modificar </button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearvinculo-t">
	<div id="modalCrearVinculoT" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Número de teléfono a vincular </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmCrearVinculoT">
							<div class="form-group">
								<label> Teléfono a asignar </label>
								<input type="text" class="form-control" id="txtTelefono" name="txtTelefono"></input>
							</div>
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVinculoT"> Crear </button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearvinculo-e">
	<div id="modalCrearVinculoE" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Correo electrónico a vincular </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmCrearVinculoE">
							<div class="form-group">
								<label> Correo electrónico a asignar </label>
								<input type="text" class="form-control" id="txtCorreoE" name="txtCorreoE"></input>
							</div>
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVinculoE"> Crear </button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-cambiarimagen">
	<div id="modalCambiarImagen" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog modal-image">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title">Cambiar imágen</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12">
							<div class="row">
								<div class="col-md-2">
									<div id="tree"></div>
								</div>
								<div class="col-md-6">
									<label> Selecciona una imágen de las bibliotecas de imágenes </label>

									<div class="form-group dvPixaBay">
										<div class="input-group">
											<input type="text" class="form-control" id="txtBusquedaPixaBay" placeholder="Escriba su busqueda acá">
											<div class="input-group-btn"><button id="btnBuscarPixaBay" class="btn btn-default" type="button" title="Buscar" data-procesando="0"> <i class="fa fa-search"></i> </input></button> </div>
										</div>
										<span class="text-danger" id="errtxtBusquedaPixaBay"></span>
									</div>

									<div style="height: 465px; overflow: auto;" id="Biblioteca">
										<select id="slBiblioteca" style="visibility: hidden;"></select>
									</div>

									<div id="PaginacionPixaBay" class="dvPixaBay"></div>
									<input type="hidden" id="hdnTotalPagina" value="0"></input>

								</div>
								<div class="col-md-4">
									<div class="row">
										<div class="col-md-12">
											<label> Ó Sube tu imágen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras) </label>
											<form action="#" class="dropzone" id="flImagen">
												<div class="fallback">
													<input name="file" type="file">
												</div>
											</form>
										</div>
										<div class="col-md-12" style="padding-top: 10px;">
											<div class="form-group">
												<label> Ó escriba la ruta de la imagen </label>
												<input type="text" class="form-control" id="txtImagen"></input>
											</div>
											<div class="form-group">
												<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Usar imagen </button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-cambiarimagen-bgi">
	<div id="modalCambiarImagenBGI" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog modal-image">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title">Cambiar imágen de fondo</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12">
							<div class="row">
								<div class="col-md-2">
									<div id="tree"></div>
								</div>
								<div class="col-md-6">
									<label> Selecciona una imágen de las bibliotecas de imágenes </label>
									<div class="form-group dvPixaBay">
										<div class="input-group">
											<input type="text" class="form-control" id="txtBusquedaPixaBay" placeholder="Escriba su busqueda acá">
											<div class="input-group-addon"> <span class="fa fa-search" title="Buscar" style="cursor: pointer;" id="btnBuscarPixaBay"></span> </div>
										</div>
										<span class="text-danger" id="errtxtBusquedaPixaBay"></span>
									</div>
									<div style="height: 465px; overflow: auto;" id="Biblioteca">
										<select id="slBiblioteca" style="visibility: hidden;"></select>
									</div>
									<div id="PaginacionPixaBay" class="dvPixaBay"></div>
									<input type="hidden" id="hdnTotalPagina" value="0"></input>
								</div>
								<div class="col-md-4">
									<div class="row">
										<div class="col-md-12">
											<label> Ó Sube tu imágen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras) </label>
											<form action="#" class="dropzone" id="flImagen">
												<div class="fallback">
													<input name="file" type="file">
												</div>
											</form>
										</div>
										<div class="col-md-12" style="padding-top: 10px;">
											<div class="form-group">
												<label> Ó escriba la ruta de la imagen </label>
												<input type="text" class="form-control" id="txtImagen"></input>
											</div>
											<div class="form-group">
												<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Usar imagen </button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-cambiarvideo-bg">
	<div id="modalCambiarVideoBG" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog modal-image">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Asignar video a fondo de sección </h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12">
							<div class="row">
								<div class="col-md-12">
									<label> Seleccione un video de las bibliotecas de videos </label>
									<div id="dvBibliotecaVideo" class="row" style="height: 465px; overflow: auto;"></div>
								</div>
								<div class="col-md-12" style="padding-top: 10px;">
									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label> Ó escriba la ruta de video de YouTube </label>
												<input type="text" class="form-control" id="txtRuta" name="txtRuta"></input>
												<span id="errtxtRuta" class="text-danger"> </span>
											</div>
										</div>
										<div class="col-md-6">
											<div class="form-group">
												<label> Y seleccione la calidad del video </label>
												<select id="slCalidad" class="form-control">
													<option value="default"> Por defecto </option>
													<option value="small"> Pequeño </option>
													<option value="medium"> Mediano </option>
													<option value="large"> Grande </option>
													<option value="hd720"> HD 720 </option>
													<option value="hd1080"> HD 1080 </option>
													<option value="highres"> Alta resolución </option>
												</select>
												<span id="errslCalidad" class="text-danger"> </span>
											</div>
										</div>
										<div class="col-md-12" style="padding-bottom: 10px;">
											<span id="errRutayCalidad" class="text-danger" style="width: 100%; text-align: center;">  </span>
										</div>
									</div>
									<div class="form-group">
										<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCambiarVideoBG"> Asignar video de fondo </button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-iconolista">
	<div id="modalIconoLista" tabindex="-1" role="dialog" aria-labelledby="modalIconoLista" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="h4IconoLista" class="modal-title"> Icono a mostrar de la lista </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmModificarCodigoHTML">
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label> Listado de ícono </label>
										<br>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl1" value="1"> <img src="/SysWeb/SumeClientes/Checklist/1-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl2" value="2"> <img src="/SysWeb/SumeClientes/Checklist/2-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl3" value="3"> <img src="/SysWeb/SumeClientes/Checklist/3-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl4" value="4"> <img src="/SysWeb/SumeClientes/Checklist/4-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl5" value="5"> <img src="/SysWeb/SumeClientes/Checklist/5-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl6" value="6"> <img src="/SysWeb/SumeClientes/Checklist/6-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl7" value="7"> <img src="/SysWeb/SumeClientes/Checklist/7-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl8" value="8"> <img src="/SysWeb/SumeClientes/Checklist/8-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl9" value="9"> <img src="/SysWeb/SumeClientes/Checklist/9-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl10" value="10"> <img src="/SysWeb/SumeClientes/Checklist/10-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl11" value="11"> <img src="/SysWeb/SumeClientes/Checklist/11-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl12" value="12"> <img src="/SysWeb/SumeClientes/Checklist/12-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl13" value="13"> <img src="/SysWeb/SumeClientes/Checklist/13-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl14" value="14"> <img src="/SysWeb/SumeClientes/Checklist/14-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl15" value="15"> <img src="/SysWeb/SumeClientes/Checklist/15-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl16" value="16"> <img src="/SysWeb/SumeClientes/Checklist/16-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl17" value="17"> <img src="/SysWeb/SumeClientes/Checklist/17-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl18" value="18"> <img src="/SysWeb/SumeClientes/Checklist/18-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl19" value="19"> <img src="/SysWeb/SumeClientes/Checklist/19-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl20" value="20"> <img src="/SysWeb/SumeClientes/Checklist/20-32.png"> </label>
										<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl21" value="21"> <img src="/SysWeb/SumeClientes/Checklist/21-32.png"> </label>
									</div>
									<div class="form-group">
										<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCambiarIcono"> Cambiar </button>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-conf-texto-animado">
	<div id="modalConfTextoAnimado" tabindex="-1" role="dialog" aria-labelledby="modalConfTextoAnimado" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="htConfTextoAnimado" class="modal-title"> Configuración de texto animádo </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmConfTextoAnimado">
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label> Seleccione la animación de transición del texto </label>
										<select id="slEfecto" class="form-control">
											<option value="rotate-1"> Rotación 1 </option>
											<option value="rotate-2"> Rotación 2 </option>
											<option value="rotate-3"> Rotación 3 </option>
											<option value="type"> Escritura </option>
											<option value="loading-bar"> Barra de progreso </option>
											<option value="slide"> Deslizado </option>
											<option value="clip"> Acortar </option>
											<option value="zoom"> Zoom </option>
											<option value="scale"> Escalar </option>
											<option value="push"> Empujar </option>
										</select>
										<span id="errslEfecto" class="text-danger"> </span>
									</div>
									<div class="form-group">
										<label> Escriba los textos a mostrar </label>
										<div id="">
											<div class="row">
												<div class="col-md-10">
													<div id="dvPalabras">
														<!--<input type="text" class="form-control listado" name="lista[]" style="margin-bottom: 5px;"></input>-->
													</div>
												</div>
												<div class="col-md-2">
													<div id="dvBotnes">
														<button type="button" id="btnMasElementos" class="btn btn-primary" style="display: block; margin-top: 1px; margin-bottom: 5px;"> <i class="fa fa-plus"></i> </button>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="form-group">
										<button type="button" class="btn btn-primary btn-block btn-lg" id="btnConfTextoAnimado"> Configurar </button>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearseccion">
	<div id="modalCrearSeccion" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Opciones de nueva sección </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form id="modalForm" method="" action="" style="width: 100%; margin: 0 auto; text-align: center;" id="frmNuevaSeccion">
							<label> Secciones simples </label>
							<div class="form-group">
								<label class="radio-inline">
									<input type="radio" checked value="1" id="rdColumna1" name="rdColumna">
									<img src="/gentemplate/images/1Columna.png" class="img-thumbnail rdImgActiva" alt="1 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="2" id="rdColumna2" name="rdColumna">
									<img src="/gentemplate/images/2Columna.png" class="img-thumbnail" alt="2 Columnas">
								</label>
								<label class="radio-inline">
									<input type="radio" value="3" id="rdColumna3" name="rdColumna">
									<img src="/gentemplate/images/3Columna.png" class="img-thumbnail" alt="3 Columnas">
								</label>
								<label class="radio-inline">
									<input type="radio" value="4" id="rdColumna4" name="rdColumna">
									<img src="/gentemplate/images/4Columna.png" class="img-thumbnail" alt="4 Columnas">
								</label>
								<label class="radio-inline">
									<input type="radio" value="5" id="rdColumna5" name="rdColumna">
									<img src="/gentemplate/images/5Columna.png" class="img-thumbnail" alt="5 Columnas">
								</label>
							</div>
							<label> Secciones personalizadas </label>
							<div class="form-group">
								<label class="radio-inline">
									<input type="radio"  value="6" id="rdColumna6" name="rdColumna">
									<img src="/gentemplate/images/columnas/23-13.png" class="img-thumbnail" alt="2 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="7" id="rdColumna7" name="rdColumna">
									<img src="/gentemplate/images/columnas/13-23.png" class="img-thumbnail" alt="2 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="8" id="rdColumna8" name="rdColumna">
									<img src="/gentemplate/images/columnas/24-14-14.png" class="img-thumbnail" alt="3 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="9" id="rdColumna9" name="rdColumna">
									<img src="/gentemplate/images/columnas/14-14-24.png" class="img-thumbnail" alt="3 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="10" id="rdColumna10" name="rdColumna">
									<img src="/gentemplate/images/columnas/34-14.png" class="img-thumbnail" alt="2 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="11" id="rdColumna11" name="rdColumna">
									<img src="/gentemplate/images/columnas/14-34.png" class="img-thumbnail" alt="2 Columna">
								</label>
							</div>
							<div class="form-group">
								<label class="radio-inline">
									<input type="radio"  value="12" id="rdColumna12" name="rdColumna">
									<img src="/gentemplate/images/columnas/25-15-15.png" class="img-thumbnail" alt="4 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="13" id="rdColumna13" name="rdColumna">
									<img src="/gentemplate/images/columnas/15-15-25.png" class="img-thumbnail" alt="4 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="14" id="rdColumna14" name="rdColumna">
									<img src="/gentemplate/images/columnas/35-15-15.png" class="img-thumbnail" alt="2 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="15" id="rdColumna15" name="rdColumna">
									<img src="/gentemplate/images/columnas/15-15-35.png" class="img-thumbnail" alt="2 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="16" id="rdColumna16" name="rdColumna">
									<img src="/gentemplate/images/columnas/45-15.png" class="img-thumbnail" alt="2 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="17" id="rdColumna17" name="rdColumna">
									<img src="/gentemplate/images/columnas/15-45.png" class="img-thumbnail" alt="2 Columna">
								</label>
							</div>
							<div class="form-group">
								<label class="radio-inline">
									<input type="radio"  value="18" id="rdColumna18" name="rdColumna">
									<img src="/gentemplate/images/columnas/14-24-14.png" class="img-thumbnail" alt="3 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="19" id="rdColumna19" name="rdColumna">
									<img src="/gentemplate/images/columnas/25-35.png" class="img-thumbnail" alt="2 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="20" id="rdColumna20" name="rdColumna">
									<img src="/gentemplate/images/columnas/35-25.png" class="img-thumbnail" alt="2 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="21" id="rdColumna21" name="rdColumna">
									<img src="/gentemplate/images/columnas/15-25-25.png" class="img-thumbnail" alt="3 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="22" id="rdColumna22" name="rdColumna">
									<img src="/gentemplate/images/columnas/25-25-15.png" class="img-thumbnail" alt="3 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="23" id="rdColumna23" name="rdColumna">
									<img src="/gentemplate/images/columnas/15-35-15.png" class="img-thumbnail" alt="3 Columna">
								</label>
							</div>

							<!--<div class="" id="dvConfColumnas" style="display: none;">
								<div class="row">
									<div class="col-md-12">
										<h3> Tamaño de las columnas </h3>
									</div>
									<div class="col-md-12">
										<div class="row" id="dvtxtConfColumnas">
										</div>
									</div>
									<div class="col-md-12" style="padding-top: 15px;">
										<div class="alert alert-info text-justify" role="alert">
											Para que tu sitio web sea adaptable a la resolución de cualquier dispositívo utilizamos el esquema de 12 unidades, por lo tanto el total del tamaño de tus columnas debe sumar 12 poporcionalmente.
										</div>
									</div>
								</div>
							</div>-->

							<div class="form-group">
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearSeccion"> Crear </button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearelemento">
	<div id="modalCrearElemento" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Seleccione el elemento a crear </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<!-- Nav tabs -->
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a class="tooltips" data-original-title="Título" style="min-width: 0px;" href="#Titulo" aria-controls="titulo" role="tab" data-toggle="tab">
									<i class="fa fa-header"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Texto" style="min-width: 0px;" href="#Texto" aria-controls="texto" role="tab" data-toggle="tab">
									<i class="fa fa-font"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Lista" style="min-width: 0px;" href="#Lista" aria-controls="lista" role="tab" data-toggle="tab">
									<i class="fa fa-list"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Imágen" style="min-width: 0px;" href="#Imagen" aria-controls="imagen" role="tab" data-toggle="tab" id="aImagen">
									<i class="fa fa-image"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Video" style="min-width: 0px;" href="#Video" aria-controls="video" role="tab" data-toggle="tab">
									<i class="fa fa-play-circle-o"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Botón" style="min-width: 0px;" href="#Boton" aria-controls="boton" role="tab" data-toggle="tab">
									<i class="fa fa-square"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Espácio vertical" style="min-width: 0px;" href="#EspacioV" aria-controls="espaciovertical" role="tab" data-toggle="tab">
									<i class="fa fa-long-arrow-down"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Cronómetro" style="min-width: 0px;" href="#Cronometro" aria-controls="cronometro" role="tab" data-toggle="tab">
									<i class="fa fa-clock-o"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Testimonio" style="min-width: 0px;" href="#Testimonio" aria-controls="testimonio" role="tab" data-toggle="tab">
									<i class="fa fa-wechat"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Texto con imágen" style="min-width: 0px;" href="#TextoImagen" aria-controls="textoimagen" role="tab" data-toggle="tab">
									<i class="fa fa-indent"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Código HTML/CSS/JS" style="min-width: 0px;" href="#CodigoHTML" aria-controls="codigohtml" role="tab" data-toggle="tab">
									<i class="fa fa-code"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Formularios" style="min-width: 0px;" href="#Formulario" aria-controls="formulario" role="tab" data-toggle="tab">
									<i class="fa fa-list-alt"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Pie de página" style="min-width: 0px;" href="#PiePagina" aria-controls="pie_de_pagina" role="tab" data-toggle="tab">
									<i class="fa fa-copyright"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Vínculos a redes sociales" style="min-width: 0px;" href="#RedesSociales" aria-controls="redes_sociales" role="tab" data-toggle="tab">
									<i class="fa fa-share-square-o"></i>
								</a>
							</li>
							<li role="presentation">
								<a class="tooltips" data-original-title="Comentarios de Facebook" style="min-width: 0px;" href="#FBComments" aria-controls="fb_comments" role="tab" data-toggle="tab">
									<i class="fa fa-facebook-official"></i>
								</a>
							</li>
						</ul>
						<!-- Tab panes -->
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="Titulo">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Típo de título </label>
											<select id="slTipoTitulo" class="form-control">
												<option value="1" selected> h1 </option>
												<option value="2"> h2 </option>
												<option value="3"> h3 </option>
												<option value="4"> h4 </option>
											</select>
										</div>
										<div class="form-group">
											<label> Texto del título </label>
											<input type="text" class="form-control" id="txtTitulo"></input>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTitulo"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Texto">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Texto a insertar </label>
											<textarea class="form-control" rows="3" id="txtTexto"></textarea>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTexto"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Lista">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Listado de ícono </label>
											<br>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl1" value="1" checked>
												<img src="/SysWeb/SumeClientes/Checklist/1-32.png" class="rdImgActiva">
											</label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl2" value="2"> <img src="/SysWeb/SumeClientes/Checklist/2-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl3" value="3"> <img src="/SysWeb/SumeClientes/Checklist/3-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl4" value="4"> <img src="/SysWeb/SumeClientes/Checklist/4-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl5" value="5"> <img src="/SysWeb/SumeClientes/Checklist/5-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl6" value="6"> <img src="/SysWeb/SumeClientes/Checklist/6-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl7" value="7"> <img src="/SysWeb/SumeClientes/Checklist/7-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl8" value="8"> <img src="/SysWeb/SumeClientes/Checklist/8-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl9" value="9"> <img src="/SysWeb/SumeClientes/Checklist/9-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl10" value="10"> <img src="/SysWeb/SumeClientes/Checklist/10-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl11" value="11"> <img src="/SysWeb/SumeClientes/Checklist/11-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl12" value="12"> <img src="/SysWeb/SumeClientes/Checklist/12-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl13" value="13"> <img src="/SysWeb/SumeClientes/Checklist/13-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl14" value="14"> <img src="/SysWeb/SumeClientes/Checklist/14-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl15" value="15"> <img src="/SysWeb/SumeClientes/Checklist/15-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl16" value="16"> <img src="/SysWeb/SumeClientes/Checklist/16-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl17" value="17"> <img src="/SysWeb/SumeClientes/Checklist/17-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl18" value="18"> <img src="/SysWeb/SumeClientes/Checklist/18-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl19" value="19"> <img src="/SysWeb/SumeClientes/Checklist/19-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl20" value="20"> <img src="/SysWeb/SumeClientes/Checklist/20-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl21" value="21"> <img src="/SysWeb/SumeClientes/Checklist/21-32.png"> </label>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-md-10">
													<div id="Listas">
														<input type="text" class="form-control listado" name="lista[]" style="margin-bottom: 5px;"></input>
													</div>
												</div>
												<div class="col-md-2">
													<button type="button" id="btnMasElementosLista" class="btn btn-primary"> <i class="fa fa-plus"></i> </button>
												</div>
											</div>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearLista"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Imagen">
								<div class="row">
									<div class="col-md-12">
										<div class="row">
											<div class="col-md-2">
												<div id="tree"></div>
											</div>
											<div class="col-md-6">
												<label> Selecciona una imágen de las bibliotecas de imágenes </label>

												<div class="form-group dvPixaBay">
													<div class="input-group">
														<input type="text" class="form-control" id="txtBusquedaPixaBay" placeholder="Escriba su busqueda acá">
														<div class="input-group-btn"><button id="btnBuscarPixaBay" class="btn btn-default" type="button" title="Buscar" style="margin-top: -36%;"> <i class="fa fa-search"></i></button> </div>
													</div>
													<span class="text-danger" id="errtxtBusquedaPixaBay"></span>
												</div>

												<div style="height: 465px; overflow: auto;" id="Biblioteca">
													<select id="slBiblioteca" style="visibility: hidden;"></select>
												</div>

												<div id="PaginacionPixaBay" class="dvPixaBay"></div>
												<input type="hidden" id="hdnTotalPagina" value="0"></input>
												
											</div>
											<div class="col-md-4">
												<div class="row">
													<div class="col-md-12">
														<label> Ó Sube tu imágen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras) </label>
														<form action="#" class="dropzone" id="flImagen">
															<div class="fallback">
																<input name="file" type="file">
															</div>
														</form>
													</div>
													<div class="col-md-12" style="padding-top: 10px;">
														<div class="form-group">
															<label> Ó escriba la ruta de la imagen </label>
															<input type="text" class="form-control" id="txtImagen"></input>
														</div>
														<div class="form-group">
															<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Usar imagen </button>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Boton">
								<div class="row">
									<div class="col-md-12">
										<div class="alert alert-info">
											<p> Para crear el botón solo da clic sobre el tipo de botón que deseas crear </p>
										</div>
										<label> Botón normal </label>
										<button type="submit" class="btnCreado btnCrearBoton">Botón</button>
										<label> Botón de acción (Llamada) </label>
										<a href="#" class="editable callto-bt btnCrearBotonLlamada">5555-5555</a>
										<label> Botón de acción (Correo electrónico) </label>
										<a href="#" class="editable mailto-bt btnCrearBotonEmail">email@domain.com</a>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Video">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Ruta de video a agregar </label>
											<input type="text" class="form-control" id="txtVideo"></input>
										</div>
										<div class="form-group">
											<label> Opciones </label>
											<br>
											<label class="checkbox-inline">
												<input id="chAutoPlay" type="checkbox" value="1" checked>
												AutoPlay
											</label>
											<label class="checkbox-inline">
												<input id="chControls" type="checkbox" value="1" checked>
												Controles
											</label>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVideo"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="EspacioV">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Espacio vertical </label>
											<div style="text-align: center;"> <input id="slEspacioV" type="text"> </div>
											<div id="dvEspacioV" style="height: 5px; box-shadow: 0px 0px 0px 1px #03ddff;"></div>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearEspacioV"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Cronometro">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Cronómetro </label>
										</div>
										<div class="form-group">
											<div id="clockdown" style="position: relative; width: 100%; height: 50px;" class="clockdown"></div>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearClockDown"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Testimonio">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Diseño de testimonio </label>
										</div>
										<div class="form-group">
											<label class="radio">
												<input type="radio" checked value="1" id="rdTestimonio1" name="rdTestimonio">
												<img src="<?php echo asset('SysWeb/SumeClientes/Testimonios/testimonio1.png'); ?>" class="img-thumbnail center-block rdImgActiva" alt="Testimonio 1">
											</label>
											<label class="radio">
												<input type="radio" value="2" id="rdTestimonio2" name="rdTestimonio">
												<img src="<?php echo asset('SysWeb/SumeClientes/Testimonios/testimonio2.png'); ?>" class="img-thumbnail center-block" alt="Testimonio 2">
											</label>
											<label class="radio">
												<input type="radio" value="3" id="rdTestimonio3" name="rdTestimonio">
												<img src="<?php echo asset('SysWeb/SumeClientes/Testimonios/testimonio3.png'); ?>" class="img-thumbnail center-block" alt="Testimonio 3">
											</label>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTestimonio"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="TextoImagen">
								<div class="row">
									<div class="col-md-12">
										<img class="img-responsive thumbnail center-block" src="<?php echo asset('SysWeb/SumeClientes/TextoImagen/textoimagen.png'); ?>" alt="Texto Imagen">
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTextoImagen"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="CodigoHTML">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Código HTML a insertar </label>
											<textarea class="form-control" rows="3" id="txtCodigoHTML"></textarea>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearCodigoHTML"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Formulario">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Lista de suscriptores </label>
											<select id="slListasSuscriptores" class="form-control">
												<option value=""> Seleccione una lista de suscriptores </option>
											</select>
										</div>
										<div class="form-group">
											<label> Formulario </label>
											<select id="slFormularios" class="form-control">
												<option value=""> Debe seleccionar una lista de formulario para que se muestren los formularios </option>
											</select>
											<span class="text-danger" id="errslFormularios"> </span>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearFormulario"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="PiePagina">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<p style="font-size: 12px;"> { empresa } Derechos reservados { año } | Quienes somos | Contáctenos | Políticas de privacidad | Términos y condiciones </p>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearPie"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="RedesSociales">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Compartir en </label>
											<div id="CompartirEn" class="classic"></div>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearRedesSociales"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="FBComments">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Configuración de comentarios de Facebook </label>
										</div>
										<div class="form-group">
											<label> Tema de comentarios </label>
											<select id="slTema" class="form-control">
												<option value="light"> Claro </option>
												<option value="dark"> Oscuro </option>
											</select>
										</div>
										<div class="form-group">
											<label>Número de comentarios para mostrar</label>
											<input id="nbComentarios" type="number" class="form-control" value="5" min="0" max="10"></input>
										</div>
										<div class="form-group">
											<label>Ordenar por</label>
											<select id="slOrdenarPor" class="form-control">
												<option value="social"> Social </option>
												<option value="time"> Tiempo </option>
												<option value="reverse_time"> Tiempo invertido </option>
											</select>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnAgregarComentarios"> Agregar comentarios </button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-config">
	<div id="modalConfig" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title">Personalización de formulario</h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form id="modalForm" method="" action="">
							<div class="form-group">
								<label for="subscriberList">Lista de suscriptores</label>
								<select id="subscriberList" name="subscribers" class="form-control">
									<option value="0">Seleccione una lista de suscriptores</option>
								</select>
							</div>
							<div class="form-group">
								<h4>Campos personalizados</h4>
								<div id="customFields"></div>
							</div>
							<% if (!isForm) { %>
							<div class="form-group">
								<h4>Barra de progreso</h4>
								<label for="">Seleccione barra de progreso</label>
								<div class="radio rdImgActiva" style="margin: 2px;">
									<label for="m-progressbar-1">
										<input type="radio" id="m-progressbar-1" value="grey" name="progressbar" checked style="margin-left:-20px; position:absolute;"><img src="/gentemplate/images/templates/progressBar-grey.gif" alt="progress bar" class="img-responsive">
									</label>
								</div>
								<div class="radio" style="margin: 2px;">
									<label for="m-progressbar-2">
										<input type="radio" id="m-progressbar-2" value="green" name="progressbar" style="margin-left:-20px; position:absolute;"><img src="/gentemplate/images/templates/progressBar-green.gif" alt="progress bar" class="img-responsive">
									</label>
								</div>
								<div class="radio" style="margin: 2px;">
									<label for="m-progressbar-3">
										<input type="radio" id="m-progressbar-3" value="blue" name="progressbar" style="margin-left:-20px; position:absolute;"><img src="/gentemplate/images/templates/progressBar-blue.gif" alt="progress bar" class="img-responsive">
									</label>
								</div>
							</div>
							<% } %>
							<div class="form-group">
								<h4>Ubicación de gradecimiento</h4>
								<div class="checkbox">
									<label for="m-remainpage">
										<input type="checkbox" id="m-remainpage" name="remainpage">Deseo que permanezca en la página
									</label>
								</div>
								<div id="thanksPage">
									<label for="m-thankspage">Página de agradecimiento</label>
									<input id="m-thankspage" type="text" placeholder="" name="remainpage-url" class="form-control"><span id="m-thankspage-error" class="m-error"></span>
								</div>
							</div>
							<div class="form-group">
								<div class="help-block">Los campos con (*) son requeridos</div>
								<button id="btnSumbitModalConfig" type="submit" class="btn btn-primary btn-block btn-lg">Guardar</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-subscribe">
	<div id="subscribeModal-<%= modalId %>" tabindex="-1" role="dialog" aria-labelledby="subscribeModalLabel" class="modal subscribe-modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					<form id="subscribeForm-<%= modalId %>" method="" action="" class="subscribeForm">
						<div class="sc-modal el-sortable">
							<button type="button" data-dismiss="modal" aria-label="Close" class="close sc-modal_close"><span aria-hidden="true">&#215;</span></button>

							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<div class="sc-modal_progress-bar"><img src="/gentemplate/images/templates/progressBar-<%= modalField.progressbar %>.gif" alt="progress bar" class="img-responsive editable removable"></div>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<p class="sc-modal_p editable txt">You are Almost there! Please complete this form and click the button below to gain instant access.</p>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<h4 class="sc-modal_title editable txt">Download Your FREE Guide to Creating Your First Landing Page Today!</h4>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<div class="subscribeFields el-sortable"></div>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<div class="help-block editable txt">Los campos con (*) son requeridos</div>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<a href="#" class="btnCreado sc-modal_btn button-submit editable btnsubmit">Suscribirse</a>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<p class="sc-modal_p editable txt">We value your privacy and would never spam you</p>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-field">
	<div class="form-group el-movable">
		<input type="text" placeholder="<%= modalField.nombre %> <%= modalField.requerido === '1'? '*' : '' %>" name="<%= modalField.slug %>" class="form-control sc-modal_field editable field">
		<span id="err-<%= modalField.slug %>" class="m-error"></span>
	</div>
</script>
<script type="text/template" id="tmp-modal-prompt">
	<div id="modalPrompt" tabindex="-1" role="dialog" aria-labelledby="modalPromptLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalPromptLabel" class="modal-title">Editar placeholder</h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form id="modalPromptForm" method="" action="">
							<div class="form-group">
								<input id="modalPromptInput" type="text" placeholder="Ingrese un texto" name="" class="form-control sc-modal_field">
								<span id="modalPromptError" class="m-error"></span>
							</div>
							<div class="form-group">
								<button type="button" data-dismiss="modal" class="btn btn-default btn-lg">Cancelar</button>
								<button id="btnSumbitModalPrompt" type="submit" class="btn btn-primary btn-lg">Editar</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-script-form">
	<script type="text/javascript" id="scriptFormGenerate">
		$(function() {
			$.each($('.subscribeForm'), function (index, value) {
				var Self = this;
				$(this).submit(function(event) {
					event.preventDefault();
					var btnsubmit = $(Self).find(".btnsubmit").html();
					$(Self).find(".btnsubmit").html('<i class="fa fa-spinner fa-spin" style="font-size: 20px !important;"> </i> Procesando...').prop("disabled", true);
					var routeForm     = $(Self).attr('data-route');
					var redirectForm  = $(Self).attr('data-redirect');
					var idForm      = $(Self).attr('data-id');
					$.ajax({
						type: 'POST',
						url: routeForm,
						data : $(Self).serialize(),
						success: function(data) {
							$(Self).find(".btnsubmit").html(btnsubmit).prop("disabled", false);
							if(data.success){
								if(redirectForm != ""){
									window.location.href = redirectForm;
								}
								else{
									$('.m-error').html("");
									$('input.form-control').val('');
									$('#subscribeModal-'+idForm).modal('hide');
								}
							}
							else{
								$.each(data.errMensajes, function(key, value){
									if(value !== ''){
										$(Self).find("#err-"+key).html(value);
									}
									else{
										$("#err-"+key).html("");
									}
								});
							}
						},
					});
				});
			});
		});
	</script>
</script>