<?php
	if( isset($PlantillaxCliente) ){
		$idC = $PlantillaxCliente->clientes_id;
	}
	else if( isset($VentanaEmergentexCliente) ){
		$idC = $VentanaEmergentexCliente->clientes_id;
	}
	else if( isset($PlantillasxTema) ){
		$idC = $PlantillasxTema->clientes_id;
	}
	else if( isset($PostxSitioWebxCliente) ){
		$idC = $PostxSitioWebxCliente->clientes_id;
	}
	else if( isset($SeccionesxCliente) ){
		$idC = $SeccionesxCliente->clientes_id;
	}
?>
<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' :'' %>">
				<?php /* ELEMENTOS VISIBLES POR DEFECTO */ ?>
				<% if (defaults.move) { %>
				<?php /*<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>
				<?php
					if( ConfiguracionxSitioWeb::where('clientes_id', '=', $idC )->count() == 1 ){
						$sitio = ConfiguracionxSitioWeb::find( ConfiguracionxSitioWeb::select('id')->where('clientes_id', '=', $idC )->first()->id );
					}
				?>
				<?php if( isset($PlantillaxCliente) ): ?>
					<?php if( isset($sitio) ): ?>
						<div class="edit-tool_item">
							<span title="Importar secciones de sitio" class="edit-tool_btn edit-tool_btn-imp"><i class="fa fa-download"></i></span>
						</div>
					<?php endif; ?>
				<?php endif; ?>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Combinar seccion">
						<select name="slCombinarSeccion" class="slCombinarSeccion">
							<option value="null" selected>fa fa-compress</option>
							<option value="arriba">Combinar con superior</option>
							<option value="abajo">Combinar con inferior</option>
						</select>
					</div>
				</div>
				<div class="edit-tool_item">
					<span title="Desvincular sección convinada" class="edit-tool_btn btn-desvincular-combinacion"><i class="fa fa-chain-broken"></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>
				<% if (defaults.isPaddingLR) { %>
					<div class="edit-tool_item">
						<input title="Padding derecho" type="number" style="padding-left: 15px !important;" min="0" max="350" step="1" placeholder="1" class="edit-tool_input edit-tool_input-pr">
					</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.isPaddingLR) { %>
					<div class="edit-tool_item">
						<input title="Padding izquierdo" type="number" style="padding-left: 15px !important;" min="0" max="350" step="1" placeholder="1" class="edit-tool_input edit-tool_input-pleft">
					</div>
				<% } %>
				<% } %>
				<% if (defaults.isColumn) { %>
				<?php /*<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 class="edit-tool_item video-tool itemChSeparacionColumnas">
					<input type="checkbox" class="edit-tool_checkbox chSeparacionColumnas">
					<label class="edit-tool_label lbChSeparacionColumnas" title="Activa la separación de columnas"> Separar columnas </label>
				</div>
				<div class="edit-tool_item video-tool itemChIgualarTamanho">
					<input type="checkbox" class="edit-tool_checkbox chIgualarTamanho">
					<label class="edit-tool_label lbChIgualarTamanho" title="Iguala el tamaño del largo de las columnas"> Igualar tamaño </label>
				</div>
				<div class="edit-tool_item">
					<span title="Actualizar tamaño de alto de columnas" class="edit-tool_btn btn-actualizarTamanho"><i class="btn-icon fa fa-refresh"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Desvincular de sección convinada" class="edit-tool_btn btn-desvincular-contenedor"><i class="fa fa-chain-broken"></i></span>
				</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.isTimeDelay) { %>
				<div class="edit-tool_item">
					<input title="Aparecer en..." type="number" min="0" placeholder="0" class="edit-tool_input edit-tool_input-td" style="width: 80px !important;">
				</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-clone"></i></span>
				</div>
				<% } %>
				<% if (defaults.CopyAndCutElement) { %>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Copiar o cotar elemento">
						<select id="slCopyPaste" name="slCopyPaste">
							<option value="copy">fa fa-files-o</option>
							<option value="cut">fa fa-scissors</option>
						</select>
					</div>
				</div>
				<% } %>
				<% if(defaults.addCSS) { %>
				<div class="edit-tool_item id-input">
					<input type="text" class="edit-tool_input" title="Agrega un id al elemento">
				</div>
				<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.form) { %>
				<div class="edit-tool_item">
					<span title="Agregar formulario a una lista de suscripción" class="edit-tool_btn btn-importarForm"><i class="btn-icon fa fa-download"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Editar formulario en editor de formularios" class="edit-tool_btn btn-editarForm"><i class="btn-icon fa fa-pencil"></i></span>
				</div>
				<div class="edit-tool_item">
					<span title="Actualizar código de formulario" class="edit-tool_btn btn-actualizarForm"><i class="btn-icon fa fa-refresh"></i></span>
				</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.modificarAcordion) { %>
					<div class="edit-tool_item">
						<div class="edit-tool_colorpicker edit-tool_bgcolor">
							<span title="Color de contenido" class="edit-tool_btn edit-tool_btn-bgcA" style="height: 30px;"></span>
							<input type="text" class="edit-tool_input">
						</div>
					</div>
				<% } %>
				<% if (defaults.hoverColor) { %>
				<div class="edit-tool_item">
					<div class="edit-tool_colorpicker edit-tool_bgcolor">
						<span title="Color de fondo en hover" class="edit-tool_btn edit-tool_btn-bgch" style="height: 30px;"></span>
						<input type="text" class="edit-tool_input">
					</div>
				</div>
				<% } %>
				<% if (defaults.editMenu) { %>
				<div class="edit-tool_item">
					<div class="edit-tool_colorpicker edit-tool_bgletter">
						<span title="Color de hover en letra" class="edit-tool_btn edit-tool_btn-bglt" style="height: 30px;"></span>
						<input type="text" class="edit-tool_input">
					</div>
				</div>
				<% } %>
				<% if (defaults.colorHoverLetra) { %>
					<div class="edit-tool_item">
						<div class="edit-tool_colorpicker edit-tool_bgletter">
							<span title="Color de hover en letra" class="edit-tool_btn edit-tool_btn-bglt" style="height: 30px;"></span>
							<input type="text" class="edit-tool_input">
						</div>
					</div>
					<% } %>
				<?php /* /EDICIÓN DE COLOR Y TAMÁÑO DEL BORDE */ ?>
				<% if ( (defaults.background.backgroundColor && defaults.background.backgroundImage) || defaults.isColumn ) { %>
				<div class="edit-tool_item slider-spacing" title="Opacidad del color de fondo">
					<div class="edit-tool_input"> <div class="slOpacidadColor" style="width: 144px; margin-top: 3px;"></div> </div>
				</div>
				<% } %>
				<?php /* EDICIÓN DE COLOR Y TAMÁÑO DEL BORDE */ ?>
				<% if (defaults.editarBorde) { %>
				<div class="edit-tool_item">
					<div class="edit-tool_colorpicker edit-tool_bgcolor">
						<span title="Color del borde" class="edit-tool_btn edit-tool_btn-brdc" style="height: 30px;"></span>
						<input type="text" class="edit-tool_input">
					</div>
				</div>
				<div class="edit-tool_item">
					<input title="Ancho del borde" type="number" min="0" max="25" step="1" placeholder="1" class="edit-tool_input edit-tool_input-abrd">
				</div>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select" title="Estilo del borde">
						<select class="slEstiloBorde">
							<option value="solid">Solido</option>
							<option value="dashed">Tachado</option>
							<option value="dotted">Punteado</option>
						</select>
					</div>
				</div>
				<% } %>
				<% if (defaults.sombra) { %>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select" title="Efecto de sombra">
						<select name="slSombra" class="slSombra">
							<option value="S" selected> Sin sombra </option>
							<option value="Ar"> Solo arriba </option>
							<option value="Ab"> Solo abajo </option>
							<option value="IzAb"> Izquierda y abajo </option>
							<option value="DrAb"> Derecha y abajo </option>
							<option value="T"> Todos los bordes </option>
						</select>
					</div>
				</div>
				<% } %>
				<% if (defaults.isSection) { %>
				<div class="edit-tool_item slider-spacing" title="Ancho del contenedor">
					<div class="edit-tool_input"> <div class="slAnchoContenedor" style="width: 144px; margin-top: 3px;"></div> </div>
				</div>
				<div class="edit-tool_item video-tool itemChContenedorCompleto">
					<input type="checkbox" class="edit-tool_checkbox chContenedorCompleto">
					<label class="edit-tool_label lbChContenedorCompleto" title="Activar ancho completo del contenedor de columnas"> <i class="fa fa-arrows-h"></i> </label>
				</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>
				<% } %>
				<% if (defaults.positionFixed) { %>
				<div class="edit-tool_item video-tool itemChfixed">
					<input type="checkbox" class="edit-tool_checkbox chfixed">
					<label class="edit-tool_label lbChFixed" title="Fijar sección"> Menú fijo </label>
				</div>
				<% } %>
				<% if (defaults.transcion) { %>
				<div class="edit-tool_item video-tool itemChTransicion">
					<input type="checkbox" class="edit-tool_checkbox chtransicion">
					<label class="edit-tool_label lbChTransicion" title="Desenfocar menu"> Efecto scroll </label>
				</div>
				<% } %>
				<% if (defaults.porcetajeMenu) { %>
				<div class="edit-tool_item">
					<input title="Trasición de menu" type="number" min="0" max="100" value="15" step="1" placeholder="1" class="edit-tool_input slTransicion" readonly>
				</div>
				<% } %>
				<% if (defaults.positionFixed) { %>
					<div class="edit-tool_item video-tool itemChOpacity opacity-menu desactivado">
						<input type="checkbox" class="edit-tool_checkbox chOpacity">
						<label class="edit-tool_label lbChOpacity" title="Activar opacidad al menu"> Opacidad </label>
					</div>
					<div class="edit-tool_item slider-spacing opacity-menu desactivado" title="Opacidad del menu">
						<div class="edit-tool_input"> <div class="slOpacidadColor opacidad-menu" style="width: 144px; margin-top: 3px;"></div> </div>
					</div>
				<% } %>
				<?php /* /ELEMENTOS VISIBLES POR DEFECTO */ ?>
				<?php /* ELEMENTOS DE EDICIÓN */ ?>
				<?php /* 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>
				<div class="edit-tool_item id-input" >
					<input type="text" class="edit-tool_input alt-image" title="Texto alternativo de imagen">
				</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>
					<% } %>
				<% } %>
				<?php /* /IMÁGENES */ ?>
				<?php /* 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 slBoton">
					<div class="edit-tool_select" title="Alineación del texto">
						<select id="slAlineacion" name="slAlineacion">
							<option value="text-left">fa fa-align-left</option>
							<option value="text-center">fa fa-align-center</option>
							<option value="text-right">fa fa-align-right</option>
							<option value="text-justify">fa fa-align-justify</option>
						</select>
					</div>
				</div>
				<% } %>
				<% if (defaults.alineacionBoton) { %>
					<div class="edit-tool_item slBoton">
						<div class="edit-tool_select" title="Alineación de botón">
							<select id="slAlineacionBoton" name="slAlineacionBoton">
								<option value="text-left">fa fa-align-left</option>
								<option value="text-center">fa fa-align-center</option>
								<option value="text-right">fa fa-align-right</option>
							</select>
						</div>
					</div>
				<% } %>
				<% if (defaults.borderRadius) { %>
					<div class="edit-tool_item">
						<input title="Borde redondeado" type="number" min="0"  step="1" placeholder="1" class="edit-tool_input border-radius" style="padding-left: 20px !important">
					</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.colorHighlight) { %>
				<div class="edit-tool_item">
					<div class="edit-tool_colorpicker edit-tool_FondoColor">
						<span title="Color de resaltado de texto" class="edit-tool_btn edit-tool_btn-colorbg" style="height: 30px;"></span>
						<input type="text" class="edit-tool_input">
					</div>
				</div>
				<% } %>
				<% if (defaults.fontShadow) { %>
				<div class="edit-tool_item vermovil-tool">
					<input type="checkbox" id="chTextShadow" class="edit-tool_checkbox">
					<label for="chTextShadow" class="edit-tool_label" title="Agrega el efecto de sobra al texto">
						Sombra
					</label>
				</div>
				<% } %>
				<% if (defaults.fontSize) { %>
				<div class="edit-tool_item">
					<input title="Tamaño" type="number" min="8" max="300" 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>
					<% } %>
				<% } %>
				<% if (defaults.datosContador) { %>
					<div class="edit-tool_item id-input num-ini-input">
						<input type="number" class="edit-tool_input" title="Numero de inicio">
					</div>
					<div class="edit-tool_item id-input num-fin-input">
						<input type="number" class="edit-tool_input" title="Numero de finalización">
					</div>
					<div class="edit-tool_item font-family-tool">
						<div class="edit-tool_select" title="Velocidad de Animación">
							<select id="slVelocidad" name="slVelocidad">
								<option value="lento"> Lento </option>
								<option value="normal"> Normal </option>
								<option value="rapido"> Rapido </option>
							</select>
						</div>
					</div>
				<% } %>
				<?php /* 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"> Tamaño adaptable </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>
				<% } %>
				<?php /* /TEXTO ADAPTABLE */ ?>
				<% if (defaults.cambiarEtiqueta) { %>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Cambiar Etiqueta">
						<select id="slCambiarEtiqueta" name="slCambiarEtiqueta" class="slCambiarEtiqueta">
							<option value="h1">H1</option>
							<option value="h2">H2</option>
							<option value="h3">H3</option>
							<option value="h4">H4</option>
						</select>
					</div>
				</div>
				<% } %>
				<% if (defaults.fontStyle) { %>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Estilo de texto">
						<select id="slStiloTexto" name="slStiloTexto">
							<option value="bold">fa fa-bold</option>
							<option value="italic">fa fa-italic</option>
							<option value="underline">fa fa-underline</option>
							<option value="strikethrough">fa fa-strikethrough</option>
						</select>
					</div>
				</div>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Estos tags son dinámicos es decir, cuando la página publicada es abierta por un usuario ese tag se traduce automáticamente a la región o parametros especificados por ti.">
						<select id="slTags" name="slTags">
							<option value="null" selected>fa fa-tag</option>
							<option value="pais">{ pais }</option>
							<option value="ciudad">{ ciudad }</option>
							<option value="dia">{ dia }</option>
							<option value="mes">{ mes }</option>
							<option value="año">{ año }</option>
							<?php /*<option value="empresa">{ empresa }</option>*/ ?>
						</select>
					</div>
				</div>
				<% } %>
				<% if (defaults.menuTablaPrecio) { %>
					<div class="edit-tool_item">
						<span class="tbl-menu" title="Menu de elemento principal de la tabla">
							<i class="fa fa-th-large" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div>
				<% } %>
				<?php /* /LINEAS HORIZONTALES */ ?>
				<% if (defaults.isLineaHorizontal) { %>
				<div class="edit-tool_item slider-spacing" title="Ancho de línea">
					<div class="edit-tool_input"> <div id="slAnchoLineaHorizontal" style="width: 144px; margin-top: 3px;"></div> </div>
				</div>
				<div class="edit-tool_item">
					<input title="Grosor de línea" type="number" min="0" max="30" step="1" placeholder="1" class="edit-tool_input edit-tool_input-glh">
				</div>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select slEstiloLineaHorizontal" title="Estilo de línea">
						<select id="slEstiloLinea" name="slEstiloLinea">
							<option value="solid">Solido</option>
							<option value="dashed">Tachado</option>
							<option value="dotted">Punteado</option>
						</select>
					</div>
				</div>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Alineación de Linea">
						<select id="slAlineacionL" name="slAlineacionL">
							<option value="text-left">fa fa-align-left</option>
							<option value="text-center">fa fa-align-center</option>
							<option value="text-right">fa fa-align-right</option>
						</select>
					</div>
				</div>
				<% } %>
				<?php /* /LINEAS HORIZONTALES */ ?>
				<?php /* /TEXTOS */ ?>
				<?php /* 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>
				<% } %>
				<?php /* /LISTAS */ ?>
				<?php /* 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 /* /VIDEOS */ ?>
				<?php /* BOTONES */ ?>
				<% if (defaults.popup) { %>
				<div class="edit-tool_item">
					<span title="Configurar botón de compra de producto digital o servicio" class="edit-tool_btn edit-tool_btn-compraPDS">
						<i class="fa fa-shopping-bag"></i>
					</span>
				</div>
				<% } %>
				<% if (defaults.popup && !defaults.popupEdit) { %>
				<div class="edit-tool_item" style="display: none;">
					<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" style="display: none;">
					<span title="Popup Video" type="button" class="edit-tool_btn btn-popupV"><i class="btn-icon icon-popup"></i></span>
				</div>
				<div class="edit-tool_item" style="display: none;">
					<span title="Editar Popup" type="button" class="edit-tool_btn btn-popupM"><i class="fa fa-external-link"></i></span>
				</div>
				<div class="edit-tool_item" style="display: none;">
					<span title="PopupVE" type="button" class="edit-tool_btn btn-popupVE"><i class="btn-icon icon-popup"></i></span>
				</div>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Ventanas emergentes">
						<select id="slPopUp" name="slPopUp">
							<option value="null" selected>fa fa-window-maximize</option>
							<option value="popup">Formulario de registro</option>
							<option value="popupVE">Ventana emergente</option>
							<option value="popupV">Video</option>
							<option value="popupM">Editar ventana</option>
						</select>
					</div>
				</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>
						<a href="#" title="Agregar Nuevo popup" class="edit-tool_btn btn-popupVE">Agregar Ventana</a>
					</div>
				</div>
				<% } %>
				<?php /* /BOTONES*/ ?>
				<?php /* TEXTOS, VÍNCULOS Y BOTONES */ ?>
				<% if (defaults.link) { %>
				<div class="edit-tool_item" style="display: none;">
					<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">
						<% if (defaults.link && !(defaults.callto_bt) && !(defaults.mailto_btn)) { %>
						<a href="#" title="Agregar URL" class="edit-tool_btn btn-url">URL</a>
						<% } %>
						<% if ( (defaults.callto_bt && !(defaults.mailto_btn)) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
						<a href="#" title="Agregar Teléfono" class="edit-tool_btn btn-tel">Teléfono</a>
						<% } %>
						<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
						<a href="#" title="Agregar Mailto" class="edit-tool_btn btn-mailto">Mailto</a>
						<% } %>
						<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<a href="#" title="Agregar WhatsApp" class="edit-tool_btn btn-whatsapp">WhatsApp</a>
						<% } %>
						<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
						<a href="#" title="Agregar archivo" class="edit-tool_btn btn-archivo">Adjuntar archivo</a>
						<% } %>
						<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
						<a href="#" title="Agregar id" class="edit-tool_btn btn-vincular">Vincular</a>
						<% } %>
					</div>
				</div>
				<div class="edit-tool_item" style="display: none;">
					<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">
						<% if (defaults.link && !(defaults.callto_bt) && !(defaults.mailto_btn)) { %>
						<a href="#" title="Agregar URL" class="edit-tool_btn btn-urlC">URL</a>
						<% } %>
						<% if ( (defaults.callto_bt && !(defaults.mailto_btn)) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
						<a href="#" title="Agregar Teléfono" class="edit-tool_btn btn-telC">Teléfono</a>
						<% } %>
						<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
						<a href="#" title="Agregar Mailto" class="edit-tool_btn btn-mailtoC">Mailto</a>
						<% } %>
						<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<a href="#" title="Agregar WhatsApp" class="edit-tool_btn btn-whatsapp">WhatsApp</a>
						<% } %>
						<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
						<a href="#" title="Agregar archivo" class="edit-tool_btn btn-archivoC">Adjuntar archivo</a>
						<% } %>
					</div>
				</div>
				<% } %>
				<% if (defaults.link) { %>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Crear enlace">
						<select id="slVinculos" name="slVinculos">
							<option value="null" selected>fa fa-link</option>
							<% if (defaults.link && !(defaults.callto_bt) && !(defaults.mailto_btn)) { %>
							<option value="url">URL</option>
							<% } %>
							<% if ( (defaults.callto_bt && !(defaults.mailto_btn)) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<option value="callto">Teléfono</option>
							<% } %>
							<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<option value="mailto">Correo electrónico</option>
							<% } %>
							<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<option value="whatsapp">WhatsApp</option>
							<% } %>
							<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
								<option value="archivo">Adjuntar archivo</option>
							<% } %>
							<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<option value="vincular">Vincular a elemento</option>
							<% } %>
						</select>
					</div>
				</div>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Crear enlace con contador de conversión">
						<select id="slVinculosC" name="slVinculosC">
							<option value="null" selected>fa fa-bar-chart-o</option>
							<% if (defaults.link && !(defaults.callto_bt) && !(defaults.mailto_btn)) { %>
							<option value="url">URL</option>
							<% } %>
							<% if ( (defaults.callto_bt && !(defaults.mailto_btn)) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<option value="callto">Teléfono</option>
							<% } %>
							<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<option value="mailto">Correo electrónico</option>
							<% } %>
							<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
								<option value="whatsapp">WhatsApp</option>
							<% } %>
							<% if ( (!(defaults.callto_bt) && defaults.mailto_btn) || (!(defaults.callto_bt) && !(defaults.mailto_btn)) ) { %>
							<option value="archivo">Adjuntar archivo</option>
							<% } %>
						</select>
					</div>
				</div>
				<% } %>
				<?php /* /TEXTOS, VÍNCULOS Y BOTONES */ ?>
				<?php /* CRONÓMETRO */ ?>
				<% if (defaults.countdown) { %>
				<div class="edit-tool_item" title="Fecha de conteo">
					<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" title="Fecha de conteo">
					<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 slBoton">
					<div class="edit-tool_select" title="Tema de colores del reloj">
						<select id="slTemaReloj" name="slTemaReloj">
							<option value="null" selected>fa fa-paint-brush</option>
							<option value="negro">Negro</option>
							<option value="negro2">Negro 2</option>
							<option value="blanco">Blanco</option>
							<option value="blanco2">Blanco 2</option>
							<option value="rojo">Rojo</option>
						</select>
					</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>
				<% } %>
				<?php /* CRONÓMETRO */ ?>
				<?php /* COMENTARIOS DE FB */ ?>
				<% if (defaults.isFbComment) { %>
				<div class="edit-tool_item slTemaComentariosFb">
					<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>
				<?php /* /COMENTARIOS DE FB */ ?>
				<% } %>
				<% if (defaults.widgetPost) { %>
				<div class="edit-tool_item slPagWidget">
					<div class="edit-tool_select" title="Tipo de paginación">
						<select id="slPaginacion" name="slPaginacion">
							<option value="scroll"> scroll </option>
							<option value="num"> Numerado </option>
						</select>
					</div>
				</div>
				<div class="edit-tool_item">
					<input title="Paginación de entradas" type="number" min="4" max="10" placeholder="1" class="edit-tool_input edit-tool_input-pgp">
				</div>
				<div class="edit-tool_item vermovil-tool">
					<input type="checkbox" id="redes-tool" class="edit-tool_checkbox">
					<label for="redes-tool" class="edit-tool_label" title="Redes"> Activar redes </label>
				</div>
				<div class="edit-tool_item vermovil-tool">
					<input type="checkbox" id="des-tool" class="edit-tool_checkbox">
					<label for="des-tool" class="edit-tool_label" title="Descripcion"> Activar descripcion </label>
				</div>
				<div class="edit-tool_item vermovil-tool">
					<input type="checkbox" id="ven-tool" class="edit-tool_checkbox">
					<label for="ven-tool" class="edit-tool_label" title="Ventana"> Abrir en nueva ventana </label>
				</div>
				<?php /* /COMENTARIOS DE FB */ ?>
				<% } %>
				<?php /* REDES SOCIALES */ ?>
				<% if (defaults.compartiren) { %>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Tema de botones de redes sociales">
						<select id="slTemaSocial" name="slTemaSocial">
							<option value="null" selected>fa fa-paint-brush</option>
							<option value="classic">Clásico</option>
							<option value="flat">Flat</option>
							<option value="minima">Mínimo</option>
							<option value="plain">Plano</option>
						</select>
					</div>
				</div>
                <div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Selección de acción de elemento">
						<select id="tipoAccion" name="tipoAccion">
							<option value="compartir">fa fa-share-alt-square</option>
							<option value="dirigir">fa fa-share</option>
						</select>
					</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="rins" class="edit-tool_checkbox">
					<label for="rins" class="edit-tool_label" title="Instagram"> <i class="fa fa-instagram"></i> </label>
				</div>
				<div class="edit-tool_item clock-tool">
					<input type="checkbox" id="ryt" class="edit-tool_checkbox">
					<label for="ryt" class="edit-tool_label" title="Youtube"> <i class="fa fa-youtube"></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>
				<% } %>
				<?php /* /REDES SOCIALES */ ?>
				<?php /* 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>
				<% } %>
				<?php /* /ELEMENTOS DE EDICIÓN */ ?>
				<?php /* ELEMENTOS VISIBLES POR DEFECTO */ ?>
				<?php /* ESPACIO VERTICAL */ ?>
				<% if (defaults.isVS) { %>
				<?php /*<div class="edit-tool_item slider-spacing">
					<div class="edit-tool_input"> <div id="slider" title="Tamaño del espacio" style="width: 144px; margin-top: 3px;"></div> </div>*/ ?>
				<div class="edit-tool_item slider-spacing" title="Tamaño del espacio">
					<div class="edit-tool_input"> <div id="slider" style="width: 144px; margin-top: 3px;"></div> </div>
				</div>
				<% } %>
				<?php /* ESPACIO VERTICAL */ ?>
				<?php /* 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>
				<% } %>
				<?php /* /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>
				<% } %>
				<?php /* GOOGLE MAPS */ ?>
				<% if (defaults.mapa) { %>
				<div class="edit-tool_item css-input">
					<input type="text" class="edit-tool_input txt-latitud" title="Latitud">
				</div>
				<div class="edit-tool_item css-input">
					<input type="text" class="edit-tool_input txt-longitud" title="longitud">
				</div>

				<div class="edit-tool_item css-input">
					<input type="text" class="edit-tool_input txt-nombre-ubicacion" title="Nombre de la ubicación">
				</div>
				<div class="edit-tool_item css-input">
					<input type="text" class="edit-tool_input txt-direccion-ubicacion" title="Dirección de la ubicación">
				</div>
				<% } %>
				<?php /* BARRA DE PROGRESO */ ?>
				<% if (defaults.progressBarra) { %>
				<div class="edit-tool_item css-input">
					<input type="text" class="edit-tool_input txt-TituloPb"  title="Titulo">
				</div>
				<div class="edit-tool_item">
					<input title="Numero de porcentaje" type="number" min="20" max="60" step="1" placeholder="1"  class="edit-tool_input edit-tool_input-numPercentPb">
				</div>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select" title="Seleccione el color de barra">
						<select id="sltipoColorPb" name="sltipoColorPb">
							<option value="verde"> Verde </option>
							<option value="azul"> Azul </option>
							<option value="naranja"> Naranja </option>
							<option value="rojo"> Rojo </option>
						</select>
					</div>
				</div>
				<div class="edit-tool_item slider-spacing" title="Altura de barra de progreso">
					<div class="edit-tool_input"> <div class="slide-AlturaPb" style="width: 144px; margin-top: 3px;"></div> </div>
				</div>
				<% } %>
					<?php /* SLIDDER */ ?>
				<% if (defaults.ElementSlider) { %>
				<div class="edit-tool_item" title="Modificar slider">
					<span class="modSlider" data-original-title="slider">
						<i class="fa fa-sliders" style="margin-top:12px; margin-left:12px; color: white; cursor:pointer;"></i>
					</span>
				</div>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Alineación de slider">
						<select id="slAlineacionSlider" name="slAlineacionSlider">
							<option value="text-left">fa fa-align-left</option>
							<option value="text-center">fa fa-align-center</option>
							<option value="text-right">fa fa-align-right</option>
						</select>
					</div>
				</div>
				<% } %>
				<% if (defaults.modificarAcordion) { %>
					<div class="edit-tool_item slBoton">
						<div class="edit-tool_select" title="Alineación de icono">
							<select id="slAlineacionIconoA" name="slAlineacionIconoA">
								<option value="pull-left">fa fa-align-left</option>
								<option value="pull-right">fa fa-align-right</option>
							</select>
						</div>
					</div>
					<div class="edit-tool_item" title="Modificar Accordión">
						<span class="mod-acordion" data-original-title="Accordión">
							<!--i class="fa fa-window-minimize" style=" display: block; margin-top:4px; margin-left:20px; color: white; cursor:pointer;"></i-->
							<i class="fa fa-window-maximize" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div>
					<div class="edit-tool_item" title="Abrir menu de titulo">
						<span class="menu-header" data-original-title="Header">
							<i class="fa fa-header" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div>
					<div class="edit-tool_item" title="Abrir menu de párrafo">
						<span class="menu-content" data-original-title="Conenido">
							<i class="fa fa-paragraph" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div>
				<% } %>
				<?php /* CATÁLOGO DE PRODUCTOS */ ?>
				<% if (defaults.catalogoTienda) { %>
				<div class="edit-tool_item img-tool">
					<input type="checkbox" id="chFiltroCatalogo" class="edit-tool_checkbox">
					<label for="chFiltroCatalogo" class="edit-tool_label" title="Mostrar botones para aplicar filtros de búsqueda y ordenamiento en el catálogo"> Con filtro </label>
				</div>
				<div class="edit-tool_item img-tool">
					<input type="checkbox" id="chAbrirEnPestanha" class="edit-tool_checkbox">
					<label for="chAbrirEnPestanha" class="edit-tool_label" title="Si lo activas los productos se abrirán en una nueva pestaña, no en la misma página"> Abrir en pestaña </label>
				</div>
				<div class="edit-tool_item video-input">
					<input type="text" placeholder="https://sumeclientes.com/producto" class="edit-tool_input rutaProducto" title="Ruta donde se encuentra el elemento de información del producto">
				</div>
				<div class="edit-tool_item">
					<span title="Configurar categorías a mostrar" class="edit-tool_btn btn-categoriasCatalogo"><i class="fa fa-list"></i></span>
				</div>
				<% } %>
				<% if (defaults.carroTienda) { %>
				<div class="edit-tool_item css-input">
					<input type="text" class="edit-tool_input tcoid" title="Número de cuenta de 2Checkout">
				</div>
				<div class="edit-tool_item video-input">
					<input type="text" placeholder="https://sumeclientes.com/venta-finalizada.php" class="edit-tool_input rutaVentaFinalizada" title="Ruta a la que se dirigirán los clientes al tener finalizada la venta, esta debe de ser la que tenga el archivo con extención php que puedes descargar en la configuración de tu tienda">
				</div>
				<% } %>
				<% if (defaults.galeriaImagenes) { %>
				<div class="edit-tool_item">
					<span title="Editar Galeria" class="edit-tool_btn edit-tool_btn-galeria">
						<i class="fa fa-film"></i>
					</span>
				</div>
				<% } %>
				<% if (defaults.tablaPrecio) { %>
					<div class="edit-tool_item">
						<div class="edit-tool_colorpicker edit-tool_bgcolorH">
							<span title="Color de fondo de cabecera" class="edit-tool_btn edit-tool_btn-bgh" style="height: 30px;"></span>
							<input type="text" class="edit-tool_input">
						</div>
					</div>
					<div class="edit-tool_item">
						<div class="edit-tool_colorpicker edit-tool_bgcolor">
							<span title="Color de fondo subcabecera" class="edit-tool_btn edit-tool_btn-brdbody" style="height: 30px;"></span>
							<input type="text" class="edit-tool_input">
						</div>
					</div>
					<div class="edit-tool_item">
						<div class="edit-tool_colorpicker edit-tool_bgcolorC">
							<span title="Color de fondo contenido" class="edit-tool_btn edit-tool_btn-bgct" style="height: 30px;"></span>
							<input type="text" class="edit-tool_input">
						</div>
					</div>
					<div class="edit-tool_item">
						<div class="edit-tool_colorpicker edit-tool_bgcolorF">
							<span title="Color de fondo de pie de tabla" class="edit-tool_btn edit-tool_btn-bgf" style="height: 30px;"></span>
							<input type="text" class="edit-tool_input">
						</div>
					</div>
					<div class="edit-tool_item">
						<input title="Agregar fila" type="number" min="0"  step="1" placeholder="1" class="edit-tool_input agregar-fila" style="padding-left: 20px !important;">
					</div>
					<div class="edit-tool_item">
						<input title="Borde redondeado" type="number" min="0"  step="1" placeholder="1" class="edit-tool_input border-radius" style="padding-left: 20px !important;">
					</div>
					<div class="edit-tool_item slBoton">
						<div class="edit-tool_select" title="Alineación de Tabla">
							<select id="slAlineacionTabla" name="slAlineacionTabla">
								<option value="text-left">fa fa-align-left</option>
								<option value="text-center">fa fa-align-center</option>
								<option value="text-right">fa fa-align-right</option>
							</select>
						</div>
					</div>
					<div class="edit-tool_item">
						<span title="Cambiar icono de lista" class="edit-tool_btn edit-tool_btn-icono">
							<i class="fa fa-list"></i>
						</span>
					</div>
					<div class="edit-tool_item vermovil-tool">
						<input type="checkbox" id="chActivarContenido" class="edit-tool_checkbox">
						<label for="chActivarContenido" class="edit-tool_label" title="Activar contenido">
							Contenido
						</label>
					</div>
					<div class="edit-tool_item vermovil-tool">
						<input type="checkbox" id="chActivarLista" class="edit-tool_checkbox">
						<label for="chActivarLista" class="edit-tool_label" title="Activar lista">
							Lista
						</label>
					</div>
					<div class="edit-tool_item vermovil-tool">
						<input type="checkbox" id="chActivarFooter" class="edit-tool_checkbox">
						<label for="chActivarFooter" class="edit-tool_label" title="Activar Pie de tabla">
							Pie de tabla
						</label>
					</div>
				<% } %>
				<?php /* /GOOGLE MAPS */ ?>
				<?php /* CLONAR, CSS, VER EN MÓVIL */ ?>
				<% if (defaults.isSection) { %>
				<!--<div class="edit-tool_item">
					<span title="Limpiar combinacion" class="edit-tool_btn btn-limpiar-combinacion"><i class="fa fa-paint-brush"></i></span>
				</div>-->
				<% } %>
				<% if (defaults.listIcons) { %>
					<div class="edit-tool_item">
						<span title="lista de iconos" id="icon-list" class="edit-tool_btn lista-iconos"><i class="fa fa-list-alt"></i></span>
					</div>
				<% } %>
				<% if (defaults.textoImagen) { %>
					<!--div class="edit-tool_item" title="Abrir menu de imagen">
						<span class="imagen-img" data-original-title="Conenido">
							<i class="fa fa-picture-o" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div>
					<div class="edit-tool_item" title="Abrir menu de título">
						<span class="imagen-titulo" data-original-title="Header">
							<i class="fa fa-header" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div>
					<div class="edit-tool_item" title="Abrir menu de párrafo">
						<span class="imagen-text" data-original-title="Conenido">
							<i class="fa fa-paragraph" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div-->
					<div class="edit-tool_item" title="Editar elemento principal">
						<span class="imagen-texto-menu" data-original-title="Conenido">
							<i class="fa fa-id-card-o" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div>
				<% } %>
				<% if (defaults.slider) { %>
					<div class="edit-tool_item">
						<span class="slider-menu" title="Menu de slider">
							<i class="fa fa-window-restore" style="margin-top:12px; margin-left:20px; color: white; cursor:pointer;"></i>
						</span>
					</div>
				<% } %>
				<% if (defaults.barraInformacion) { %>
					<div class="edit-tool_item vermovil-tool">
						<input type="checkbox" id="chActivarPhone" class="edit-tool_checkbox">
						<label for="chActivarPhone" class="edit-tool_label" title="Activar Teléfono">
							Teléfono
						</label>
					</div>
					<div class="edit-tool_item slBoton">
						<div class="edit-tool_select" title="Tipo de icono">
							<select id="slTipoIconoPhone" name="slTipoIconoPhone">
								<option value="fa-phone">fa fa-phone</option>
								<option value="fa-phone-square">fa fa-phone-square</option>
							</select>
						</div>
					</div>
					<div class="edit-tool_item video-input input-phone">
						<input type="text" class="edit-tool_input" title="Agregar numero teléfono">
					</div>

					<div class="edit-tool_item vermovil-tool">
						<input type="checkbox" id="chActivarCorreo" class="edit-tool_checkbox">
						<label for="chActivarCorreo" class="edit-tool_label" title="Activar Correo">
							Correo electrónico
						</label>
					</div>
					<div class="edit-tool_item slBoton">
						<div class="edit-tool_select" title="Tipo de icono">
							<select id="slTipoIconoCorreo" name="slTipoIconoCorreo">
								<option value="fa-envelope">fa fa-envelope</option>
								<option value="fa-envelope-o">fa fa-envelope-o</option>
							</select>
						</div>
					</div>
					<div class="edit-tool_item video-input input-correo">
						<input type="text" class="edit-tool_input" title="Agregar correo electrónico">
					</div>

					<div class="edit-tool_item vermovil-tool">
						<input type="checkbox" id="chActivarMap" class="edit-tool_checkbox">
						<label for="chActivarMap" class="edit-tool_label" title="Activar Ubicación">
							Ubicación
						</label>
					</div>
					<div class="edit-tool_item slBoton">
						<div class="edit-tool_select" title="Tipo de icono">
							<select id="slTipoIconoMap" name="slTipoIconoMap">
								<option value="fa-map-marker">fa fa-map-marker</option>
								<option value="fa-location-arrow">fa fa-location-arrow</option>
							</select>
						</div>
					</div>
					<div class="edit-tool_item video-input input-map">
						<input type="text" class="edit-tool_input" title="Agregar dirección">
					</div>
					<div class="edit-tool_item id-input input-lat">
						<input type="text" class="edit-tool_input" title="Agregar latitud (opcional)">
					</div>
					<div class="edit-tool_item id-input input-long">
						<input type="text" class="edit-tool_input" title="Agregar longitud (opcional)">
					</div>
					
					<div class="edit-tool_item vermovil-tool">
						<input type="checkbox" id="chActivarTexto" class="edit-tool_checkbox">
						<label for="chActivarTexto" class="edit-tool_label" title="Activar Texto">
							Texto
						</label>
					</div>
					<div class="edit-tool_item video-input input-texto">
						<input type="text" class="edit-tool_input" title="Agregar texto">
					</div>
				<% } %>
				<% if (defaults.seccionVerMobil) { %>
					<div class="edit-tool_item vermovil-tool itemChMovil">
						<input type="checkbox" id="chActivarVerMobil" class="edit-tool_checkbox chActivarVerMobil">
						<label for="chActivarVerMobil" class="edit-tool_label lbActivarVerMobil" title="Ver en movil">
							Movil
						</label>
					</div>
				<% } %>
				<% 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>
				<% } %>
				<% if (defaults.editMenu) { %>
				<div class="edit-tool_item btn-editMenu">
					<span title="Editar menu" class="edit-tool_btn btn-edit-menu"><i class="fa fa-tasks"></i></span>
				</div>
				<% } %>
				<% if (defaults.alineacionMenu) { %>
				<div class="edit-tool_item slBoton">
					<div class="edit-tool_select" title="Alineación del texto de menu">
						<select id="slAlineacionMenu" name="slAlineacionMenu">
							<option value="text-left">fa fa-align-left</option>
							<option value="text-center">fa fa-align-center</option>
							<option value="text-right">fa fa-align-right</option>
						</select>
					</div>
				</div>
				<div class="edit-tool_item font-family-tool">
					<div class="edit-tool_select" title="Estilo de division de menu">
						<select class="slEstiloBordeLista">
							<option value="ninguno">Ninguno</option>
							<option value="barra">Barra</option>
							<option value="rejilla">Rejilla</option>
						</select>
					</div>
				</div>
				<% } %>
				<% if (defaults.Carrito) { %>
				<div class="edit-tool_item">
					<div class="edit-tool_colorpicker edit-tool_bgcolorNum">
						<span title="Color de fondo del Numero Compra" style="height: 30px;" class="edit-tool_btn edit-tool_btn-bgcNum"></span>
						<input type="text" class="edit-tool_input">
					</div>
				</div>
				<div class="edit-tool_item vermovil-tool">
					<input type="checkbox" class="edit-tool_checkbox ChCarrito" id="ChCarrito">
					<label class="edit-tool_label lbChCarrito" for="ChCarrito" title="Activar Carrito">Carrito</label>
				</div>
				<% } %>
				<% if (defaults.editMenu) { %>
				<div class="edit-tool_item vermovil-tool">
					<input type="checkbox" class="edit-tool_checkbox ChActive" id="ChActive">
					<label class="edit-tool_label lbChActive" for="ChActive" title="Activar idetificador de menú">Menú Activo</label>
				</div>
				<% } %>
				<% if (defaults.close) { %>
				<?php /*<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.paste) { %>
				<div class="edit-tool_item btn-pasteElement">
					<span title="Pegar" class="edit-tool_btn btn-Paste"><i class="fa fa-clipboard"></i></span>
				</div>
				<% } %>
				<% if (defaults.modifColumns) { %>
				<div class="edit-tool_item btn-modifColumns">
					<span title="Modificar columnas" class="edit-tool_btn btn-modColumn"><i class="fa fa-columns"></i></span>
				</div>
				<% } %>
				<% if (defaults.isColumn) { %>
				<div class="edit-tool_item">
					<span title="Abrir menú de la sección" class="edit-tool_btn btn-abrirMenuSeccion"><i class="fa fa-bars"></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>
				<% } %>
				<?php /* /ELEMENTOS VISIBLES POR DEFECTO */ ?>
			</div>
		</div>
	</div>
	<% if (defaults.isSection || defaults.isColumn || defaults.isBgPage) { %>
	<div class="menu-holder menuSC">
		<div class="edit-tool">
			<div class="edit-tool_box <%= defaults.video? 'edit-tool_box-video' :'' %>">
				<% if (defaults.move) { %>
				<div class="edit-tool_item">
					<span title="Mover sección" class="edit-tool_btn btn-move handle"><i class="btn-icon icon-cursor-move-two"></i></span>
				</div>
				<% } %>
				<% if (defaults.isColumn) { %>
				<div class="edit-tool_item">
					<span title="Mover columna" class="edit-tool_btn btn-move mover"><i class="btn-icon icon-cursor-move-two"></i></span>
				</div>
				<% } %>
			</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" data-keyboard="false" data-backdrop="static">
		<div role="document" class="modal-dialog" style="width: 30%;">
			<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 checkbox-success">
									<input type="checkbox" value="" id="chPestanha"> 
									<label for="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-list-icon">
	<div class="ListadoIconos">
		<div>
			<i class="btn-icon icon-close icono-cerrar" style="color: #fff; float: right; cursor: pointer;"></i> 	
		</div>
		<div class="content-icon"></div>
		<div>
			<select id="slPosition" name="slPosition" style="width: 240px;">
				<option value="left"> Izquierda </option>
				<option value="right"> Derecha </option>
				<option value="delete"> Eliminar </option>
			</select>
		</div>	
	</div>
</script>
<script type="text/template" id="tmp-modal-add-url">
	<div id="modalCrearUrl" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" data-keyboard="false" data-backdrop="static">
		<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">Links de tus redes sociales </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmCrearUrls">
							<div class="form-group">
								<label> Facebook </label>
								<input type="text" class="form-control" id="txtFace" style="margin-bottom: 0;" name="txtFace" placeholder="https//:www.facebook.com"></input>
							</div>
							<div class="form-group">
								<label> Twitter </label>
								<input type="text" class="form-control" id="txtTwitter" style="margin-bottom: 0;" name="txtTwitter" placeholder="https//:www.twitter.com"></input>
							</div>
							<div class="form-group">
								<label> Google </label>
								<input type="text" class="form-control" id="txtGoogle" style="margin-bottom: 0;" name="txtGoogle" placeholder="https//:www.google.com"></input>
							</div>
							<div class="form-group">
								<label> LinkedIn </label>
								<input type="text" class="form-control" id="txtIn" style="margin-bottom: 0;" name="txtIn" placeholder="https//:www.linkedin.com/in"></input>
							</div>
							<div class="form-group">
								<label> Pinterest </label>
								<input type="text" class="form-control" id="txtPint" style="margin-bottom: 0;" name="txtPint" placeholder="https//:www.pinterest.com"></input>
							</div>
							<div class="form-group">
								<label> Instagram </label>
								<input type="text" class="form-control" id="txtIns" style="margin-bottom: 0;" name="txtIns" placeholder="https//:www.instagram.com"></input>
							</div>
							<div class="form-group">
								<label> Youtube </label>
								<input type="text" class="form-control" id="txtYt" style="margin-bottom: 0;" name="txtYt" placeholder="https//:www.youtube.com"></input>
							</div>
							<div class="form-group">
								<label style="display: block;"> WhatsApp </label>
								<input type="text" class="form-control" id="txtWaP" style="margin-bottom: 0;" name="txtWaP" placeholder="Numero de Teléfono"></input>
							</div>
							<div class="form-group">
								<label> Correo electrónico </label>
								<input type="text" class="form-control" id="txtEmail" style="margin-bottom: 0;" name="txtEmail" placeholder="Correo Electrónico"></input>
							</div>
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearUrls"> 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" data-keyboard="false" data-backdrop="static">
		<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" data-keyboard="false" data-backdrop="static">
		<div role="document" class="modal-dialog" style="width: 30%;"	>
			<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>
								<span id="errTelefonoW" class="text-danger"></span>
							</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" data-keyboard="false" data-backdrop="static">
		<div role="document" class="modal-dialog" style="width: 30%;">
			<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-crearvinculo-element">
	<div id="modalCrearVinculoElement" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" data-keyboard="false" data-backdrop="static">
		<div role="document" class="modal-dialog" style="width: 30%;">
			<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">Elemento a Vincular </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmCrearVinculoElemet">
							<div class="form-group">
								<label>Selecione el id del elemento</label>
								<select id="slIdElement" class="slIdElement form-control" name="slIdElement"></select>
							</div>
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVinculoElement"> 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" style="display: block;z-index: 1100;" data-keyboard="false" data-backdrop="static">
		<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="alert alert-warning" role="alert">
												<ul>
													<li> Las imágenes no deben tener un tamaño mayor a 1MB </li>
													<li> Solo aceptamos imágenes en formato JPG, PNG y GIF </li>
												</ul>
											</div>
										</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" data-keyboard="false" data-backdrop="static">
		<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="alert alert-warning" role="alert">
												<ul>
													<li> Las imágenes no deben tener un tamaño mayor a 1MB </li>
													<li> Solo aceptamos imágenes en formato JPG, PNG y GIF </li>
												</ul>
											</div>
										</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-slider">
	<div id="Edit-Slider" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" style="display: block;z-index: 1051;" data-keyboard="false" data-backdrop="static">
		<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">Modificar slider</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-12">
									<div class="col-md-6">
										<div class="form-group slideImgModif">
											<label>Numero de imagenes</label>
											<input type="number" style="margin-bottom: 0;" class="form-control mod-umImgSl"  value="0"  min="0" max="5"></input>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Efectos de transición</label>
											<select id="slModEfectosSl" class="form-control">
												<option value="fade"> Fade </option>
												<option value="slide"> Slide </option>
											</select>
										</div>
									</div>
									<div class="col-md-12">
										<div class="row ModimgSlider">
										</div>
									</div>	
									<div class="col-md-12">
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnModifSlider"> Modificar </button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-accordion">
	<div id="Modificar-Acordion" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" style="display: block;z-index: 1051;" data-keyboard="false" data-backdrop="static">
		<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">Modificar Acordion</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-12">
									<form method="" action="" id="frmAcordionM">
										<div class="col-md-6">
											<div class="form-group ">
												<label>Numero de elementos de Acordión</label>
												<input type="number" style="margin-bottom: 0;" class="form-control acordion-count"  min="0" max="5"></input>
											</div>
										</div>
										<div class="col-md-5">
											<div class="form-group">
												<label style="display:block;">Selecciona tipo de icono </label>
												<select id="slTipoIncono" class="form-control">
													<option value="vacio">Ninguno</option>
													<option value="plus" >fa fa-plus</option>
													<option value="raw">fa fa-angle-right</option>
												</select>
										</div>
										</div>
										<div class="col-md-12">
											<div class="row ModAcordion" style="max-height: 500px; overflow: auto;">
											</div>
										</div>	
										<div class="col-md-12">
											<div class="form-group">
												<button type="button" class="btn btn-primary btn-block btn-lg" id="btnModifAcordion"> Modificar </button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-galeria">
	<div id="Editar-Galeria" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" style="display: block;z-index: 1051; overflow: auto;" data-keyboard="false" data-backdrop="static">
		<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">Modificar Galeria</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="form light">
							<form method="" action="" id="frmConfiguracionGaleria">
								<div class="col-md-12">
									<div class="col-md-12">
										<div class="form-group galeria-configuraciones">
											<label style="display: block; width: 100%;">Configuraciones</label>
											<label class="col-md-1">Incluir:</label>
											<div class="col-md-2">
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="galeria-titulo" name="configuracion-galeria" value="tittle" class="tooltips Activar" title="Título">
														<label for="galeria-titulo">Título</label>
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="txt-galeria" name="configuracion-galeria" value="text" class="tooltips Activar" title="Descripción">
														<label for="txt-galeria">Descripción</label>
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="fecha-galeria" name="configuracion-galeria" value="fecha" class="tooltips Activar" title="Fecha">
														<label for="fecha-galeria">Fecha</label>
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="filtro-galeria" name="configuracion-galeria" value="filtro" class="tooltips Activar" title="Filtro">
														<label for="filtro-galeria">Filtro</label>
													</div>
												</div>
											</div>
											<div class="col-md-2">
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="categoria-galeria" name="configuracion-galeria" value="categoria" class="tooltips Activar">
														<label for="categoria-galeria">Categorias</label>
													</div>
												</div>
											</div>
										</div>
									</diV>
									<div class="col-md-6">
										<label>Agregar Categorias</label>
										<div class="form-group">
											<div class="col-md-11" style="padding-left: 0; margin-bottom: 15px; padding-right: 0px;">
												<input class="form-control" id="txtCategorias" style="margin-bottom: 0; border-bottom-right-radius: 0px; border-top-right-radius: 0px;"></input>
												<span class="txterrCategorias text-danger"></span>
											</div>
											<div class="col-md-1" style="padding: 0px;">
												<button type="button" class="btn btn-primary tooltips" id="btnAddCategoria" title="Agregar" style="border-bottom-left-radius: 0px; border-top-left-radius: 0px;"> <i class="fa fa-plus"></i> </button>
											</div>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group columnas-galeria">
											<label>Numero de columnas</label>
											<input id="numeroColumnas" type="number" style="margin-bottom: 0;" class="form-control" value="1" min="1" max="5"></input>
											<span id="errtxtColumnas" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
										</div>
									</div>
									<div class="col-md-12 ">
										<div class="form-group lista-categorias"></div>
									</div>
								</div>
								<div class="col-md-12">
									<div class="col-md-4">
										<div class="form-group">
											<label>Tipo Estructura</label>
											<select id="slEstructura" class="form-control">
												<option value="full-cover">Ancho completo</option>
												<option value="portafolio">Portafolio</option>
											</select>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label>Efectos</label>
											<select id="slEfectosGaleria" class="form-control">
												<option value="pinterest">Pinterest</option>
												<option value="opacidad">Opacidad + Texto</option>
												<option value="filtro">Filtro + Texto</option>
												<option value="zoom">Zoom + Texto</option>
												<option value="slide">Slide + Texto</option>
												<option value="shop">Catalogo de compras</option>
											</select>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group columnas-galeria">
											<label>Color de Opacidad</label>
											<input id="colorOpacidad" type="text" style="margin-bottom: 0;" class="form-control"></input>
											<span id="errtxtcolorOpacidad" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group images-galery">
											<label>Numero de imagenes</label>
											<input id="numImgGaleria" type="number" style="margin-bottom: 0;" class="form-control" value="0" min="0" max="150"></input>
											<span id="errtxtGaleria" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group shopingNameg" style="display: none;">
											<label>Nombre del botón para link de producto </label>
											<input type="text" style="margin-bottom: 0;" class="form-control shoping-name" >
										</div>
									</div>
									<div class="col-md-12">
										<div class="row contenido-galeria" style="overflow-y: auto; max-height: 440px;">
										</div>
									</div>
								</div>
								<div class="col-md-12">
									<div class="form-group">
										<button type="button" class="btn btn-primary btn-block btn-lg" id="btnEditarGaleria" style="margin-top: 15px;"> Crear </button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-texto">
	<div id="Modificar-Texto" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" style="display: block;z-index: 1051;" data-keyboard="false" data-backdrop="static">
		<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">Modificar Texto</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-12">
									<form method="" action="" id="frmTexto">
										<div class="col-md-12">
											<div class="form-group ">
												<label>Título</label>
												<input type="text" style="margin-bottom: 0;" class="form-control txt-titulo"  ></input>
											</div>
										</div>
										<div class="col-md-12 empresa hide">
											<div class="form-group ">
												<label>Nombre de empresa</label>
												<input type="text" style="margin-bottom: 0;" class="form-control txt-empresa"  ></input>
											</div>
										</div>
										<div class="col-md-12">
											<div class="form-group">
												<label style="display:block;">Descripción</label>
												<div class="contenedor" style="border solid 1px #ccc min-height: 300px; height: 150px; border: 1px solid #ccc; border-radius: 3px;overflow: auto;" width="100%" contenteditable="true"></div>
											</div>
										</div>	
										<div class="col-md-12">
											<div class="form-group">
												<button type="button" class="btn btn-primary btn-block btn-lg" id="btnModifTexto"> Modificar </button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-lista-icono">
	<div id="Editar-ListaIcono" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" style="display: block;z-index: 1051; overflow: auto;" data-keyboard="false" data-backdrop="static">
		<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">Cambiar icono de la lista</h4>
				</div>
				<div class="modal-body">
					<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>
								<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl22" value=""> <img src="/SysWeb/SumeClientes/Checklist/ninguno.png"> </label>
							</div>
						</div>
						<div class="col-md-12">
							<div class="form-group">
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnEditarListaIncono" style="margin-top: 15px;"> Editar </button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>

<script type="text/template" id="tmp-modal-Menu">
	<div id="EditMenu" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" style="display: block;z-index: 1049;" data-keyboard="false" data-backdrop="static">
		<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">Editar Menu</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12">
							<form id="menuValidate">
								<div class="row">
									<div class="col-md-12">
										<div class="col-md-4">
											<div class="form-group txt-input">
												<label>Nombre</label>
												<input type="text" style="margin-bottom: 10px;" class="form-control menu-nombre orden" id="1" placeholder="Nombre"></input>
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group txt-ruta">
												<label>Ruta</label>
												<div class="input-group">
													<div class="input-group-btn">
														<button type="button" class="btn btn-default dropdown-toggle" id="1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> URL  <span class="caret"></span></button>
														<ul class="dropdown-menu">
														<li><a href="#" class="ids" data-id="1">ID</a></li>
														</ul>
													</div>
													<input type="text" class="form-control ruta-menu orden" id="1" placeholder="https://ejemplo.com/catalogo" aria-label="...">
												</div>
												<spam class="text-danger error" id="1" style="display: none;">Ingrese una url valida</spam>
											</div>
										</div>
										<div class="col-md-4 btn-modif-menu">
											<div class="form-group btn-menus"  style="padding-top: 23px;">
											<div class="checkbox checkbox-success" style="display:inline-block; margin-top: 0;">
												<input type="checkbox" id="activar_1" class="tooltips activo-default" title="Activo por defecto"  >
												<label for="activar_1"> </label>
											</div>
											<div class="checkbox checkbox-primary" style="display:inline-block; margin-top: 0;">
												<input type="checkbox" id="checkbox_1" class="tooltips" title="Abrir en pestaña nueva"  >
												<label for="checkbox_1"> </label>
											</div>
												<button type="button" class="btn btn-danger btn-deleteElement tooltips  orden" title="Eliminar Fila" id="1" disabled="disabled"><i class="fa fa-minus"></i></button>
												<button type="button" class="btn btn-success btn-submenu tooltips orden" data-toggle="tooltip" title="Agregar submenu" id="1"><i class="fa fa-bars"></i> </button>
												<button type="button" class="btn btn-warning btn-top tooltips orden" id="1" disabled="disabled" title="Subir fila"><i class="fa fa-arrow-up"></i></button>
												<button type="button" class="btn btn-warning btn-bottom tooltips orden" id="1" title="Bajar fila"><i class="fa fa-arrow-down"></i></button>
												
											</div>
										</div>		
										<div class="col-md-12">
											<div class="form-group ">
												<button type="button" class="btn btn-success" id="btn-agregarElement"><i class="fa fa-plus"></i>  Agregar</button>
												<button type="button" class="btn btn-primary pull-right" id="btnModifMenu"><i class="fa fa-floppy-o" aria-hidden="true"></i>  Guardar</button>
											</div>
										</div>
									</div>
								</div>
							</form>	
						</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" data-keyboard="false" data-backdrop="static">
		<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" data-keyboard="false" data-backdrop="static">
		<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" data-keyboard="false" data-backdrop="static">
		<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" style="display: inline-block;">
										<div class="checkbox checkbox-primary check-text" style="display:inline-block; margin-top: 0;">
											<input type="checkbox" id="doble" class="tooltips doble" title="">
											<label for="doble"></label>
										</div>
										<label>Parte de una oración</label>
									</div>
									<div class="form-group" style="display: inline-block; margin-left: 15px;">
										<div class="checkbox checkbox-primary check-text" style="display:inline-block; margin-top: 0;">
											<input type="checkbox" id="individual" class="tooltips individual" title=""  >
											<label for="individual"> </label>
										</div>
										<label>Texto individual</label>
									</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">
														<?php /*<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" data-keyboard="false" data-backdrop="static">
		<div role="document" class="modal-dialog modal-lg">
			<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>
							<?php if( !isset($PlantillasxTema) ): ?>
								<label> Seccion de tipo Menú</label>
								<div class="form-group tipos-menus">
									<div class="row">
										<label class="radio-inline" style="margin-left:0;" >
											<input type="radio" value="25" id="rdColumnaM" name="rdColumna">
											<img src="/gentemplate/images/columnas/menu1.png" class="" style="border: 1px solid #e1e0e0; border-radius: 3px;" alt="1 Columna">
										</label>
										<label class="radio-inline" style="margin-left:0;">
											<input type="radio" value="24" id="rdColumna2" name="rdColumna">
											<img src="/gentemplate/images/columnas/menu2.png" class="" style="border: 1px solid #e1e0e0; border-radius: 3px;" alt="2 Columnas">
										</label>
										<label class="radio-inline" style="margin-left:0;">
											<input type="radio"  value="26" id="rdColumna18" name="rdColumna">
											<img src="/gentemplate/images/columnas/menu3.png" class="" style="border: 1px solid #e1e0e0; border-radius: 3px;" alt="3 Columna">
										</label>
									</div>
								</div>
								<label> Barra de Información</label>
								<div class="form-group tipos-menus">
									<div class="row">
										<label class="radio-inline" style="margin-left:0;">
											<input type="radio" value="27" id="rdColumna27" name="rdColumna">
											<img src="/gentemplate/images/columnas/barra_informacion2.jpg" class="" style="border: 1px solid #e1e0e0; border-radius: 3px;" alt="2 Columnas">
										</label>
										<label class="radio-inline" style="margin-left:0;">
											<input type="radio"  value="28" id="rdColumna28" name="rdColumna">
											<img src="/gentemplate/images/columnas/barra_informacion1.jpg" class="" style="border: 1px solid #e1e0e0; border-radius: 3px;" alt="3 Columna">
										</label>
									</div>
								</div>
							<?php endif; ?>
							<?php /*<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-modificarseccion">
	<div id="modalModificarSeccion" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" data-keyboard="false" data-backdrop="static">
		<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 para modificar 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="frmModificarSeccion">
							<label> Opciones Disponibles </label>
							<div class="form-group visible-column">
								<label class="radio-inline column-1">
									<input type="radio" checked value="1" id="rdColumna1" name="rdColumna">
									<img src="/gentemplate/images/1Columna.png" class="img-thumbnail " alt="1 Columna">
								</label>
								<label class="radio-inline column-2">
									<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  column-3">
									<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 column-4">
									<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 column-5">
									<input type="radio" value="5" id="rdColumna5" name="rdColumna">
									<img src="/gentemplate/images/5Columna.png" class="img-thumbnail" alt="5 Columnas">
								</label>
							</div>
							<div class="form-group visible-column-one">
								<label class="radio-inline column-2">
									<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 column-2">
									<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 column-3">
									<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 column-3">
									<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 column-2">
									<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  column-2">
									<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 visible-column-two">
								<label class="radio-inline column-4">
									<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 column-4">
									<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 column-3">
									<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 column-3">
									<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  column-2">
									<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  column-2">
									<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 visible-column-three">
								<label class="radio-inline column-3">
									<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  column-2">
									<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  column-2">
									<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 column-3">
									<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 column-3">
									<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 column-3">
									<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="form-group">
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnModificarSeccion"> Modificar </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"  data-keyboard="false" data-backdrop="static" style="overflow: auto;">
		<div role="document" class="modal-dialog" style="width: 1025px;">
			<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">
						<?php /* Nav tabs */ ?>
						<ul class="nav nav-tabs">
							<li class="active">
								<a class="tooltips" title="Título" style="min-width: 0px;" href="#TituloT" data-toggle="tab">
									<i class="fa fa-header"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Texto" style="min-width: 0px;" href="#Texto" data-toggle="tab">
									<i class="fa fa-font"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Línea horizontal" style="min-width: 0px;" href="#LineaHorizontal" data-toggle="tab">
									<i class="fa fa-minus"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Lista" style="min-width: 0px;" href="#Lista" data-toggle="tab">
									<i class="fa fa-list"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Imágen" style="min-width: 0px;" href="#Imagen" data-toggle="tab" id="aImagen">
									<i class="fa fa-image"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Video" style="min-width: 0px;" href="#Video" data-toggle="tab">
									<i class="fa fa-play-circle-o"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Botón" style="min-width: 0px;" href="#Boton" data-toggle="tab">
									<i class="fa fa-square"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Espácio vertical" style="min-width: 0px;" href="#EspacioV" data-toggle="tab">
									<i class="fa fa-long-arrow-down"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Cronómetro" style="min-width: 0px;" href="#Cronometro" data-toggle="tab">
									<i class="fa fa-clock-o"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Testimonio" style="min-width: 0px;" href="#Testimonio" data-toggle="tab">
									<i class="fa fa-wechat"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Texto con imágen" style="min-width: 0px;" href="#TextoImagen" data-toggle="tab">
									<i class="fa fa-indent"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Código HTML/CSS/JS" style="min-width: 0px;" href="#CodigoHTML" data-toggle="tab">
									<i class="fa fa-code"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Formularios" style="min-width: 0px;" href="#Formulario" data-toggle="tab">
									<i class="fa fa-list-alt"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Pie de página" style="min-width: 0px;" href="#PiePagina" data-toggle="tab">
									<i class="fa fa-copyright"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Vínculos a redes sociales" style="min-width: 0px;" href="#RedesSociales" data-toggle="tab">
									<i class="fa fa-share-square-o"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Comentarios de Facebook" style="min-width: 0px;" href="#FBComments" data-toggle="tab">
									<i class="fa fa-facebook-official"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Mapa de google" style="min-width: 0px;" href="#GMaps" data-toggle="tab">
									<i class="fa fa-map"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Barra" style="min-width: 0px;" href="#Barra" data-toggle="tab">
									<i class="btn-icon icons-progress-three"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="slider" style="min-width: 0px;" href="#Slider" data-toggle="tab">
									<i class="fa fa-sliders"></i>
								</a>
							</li>
							<?php if( ConfiguracionTienda::where('clientes_id', '=', Cliente::select('id')->where('users_id', '=', Auth::id())->first()->id)->count() > 0 ): ?>
							<li>
								<a class="tooltips" title="Elementos de tienda en línea" style="min-width: 0px;" href="#TiendaEnLinea" data-toggle="tab">
									<i class="fa fa-shopping-cart"></i>
								</a>
							</li>
							<?php endif; ?>
							<li>
								<a class="tooltips" title="Entradas" style="min-width: 0px;" href="#Post" data-toggle="tab">
									<i class="fa fa-clipboard"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Galeria" style="min-width: 0px;" href="#Galeria" data-toggle="tab">
									<i class="fa fa-film"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Tabla de precios" style="min-width: 0px;" href="#TablaP" data-toggle="tab">
									<i class="fa fa-th-large"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Acordion" style="min-width: 0px;" href="#Acordion" data-toggle="tab">
									<i class="fa fa-align-justify"></i>
								</a>
							</li>
							<li>
								<a class="tooltips" title="Contador animado" style="min-width: 0px;" href="#Contador" data-toggle="tab">
									<i class="fa fa-sort-amount-asc fa-rotate-180"></i>
								</a>
							</li>
						</ul>
						<?php /* Tab panes */ ?>
						<div class="tab-content">
							<div class="tab-pane cont active" id="TituloT">
								<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>
											<span id="errtxtTitulo" class="text-danger"></span>
										</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 class="tab-pane cont" 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>
											<span id="errtxtTexto" class="text-danger"></span>
										</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 class="tab-pane cont" id="LineaHorizontal">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Línea horizontal a insertar </label>
											<hr align="left">
											<span id="errLineaHorizontal" class="text-danger"></span>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearLineaHorizontal"> Crear </button>
										</div>
									</div>
								</div>								
							</div>
							<div class="tab-pane cont" 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 class="tab-pane cont" 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="alert alert-warning" role="alert">
															<ul>
																<li> Las imágenes no deben tener un tamaño mayor a 1MB </li>
																<li> Solo aceptamos imágenes en formato JPG, PNG y GIF </li>
															</ul>
														</div>
													</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 class="tab-pane cont" 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 style="margin-top: 10px;"> Botón de acción (WhatsApp) </label>
										<a href="#" class="editable btnCrearBotonChat chat-whatsApp" style="background-color: #27c863; height: 80px;">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 class="tab-pane cont" 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>
											<span id="errtxtVideo" class="text-danger"></span>
										</div>
										<div class="form-group">
											<label> Opciones </label>
											<br>
											<label class="checkbox-inline">
												<input id="chAutoPlay" type="checkbox" value="1" checked>
												<span class='custom-checkbox'></span>
												AutoPlay
											</label>
											<label class="checkbox-inline">
												<input id="chControls" type="checkbox" value="1" checked>
												<span class='custom-checkbox'></span>
												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 class="tab-pane cont" 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 class="tab-pane cont" 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 class="tab-pane cont" 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 class="tab-pane cont" 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 class="tab-pane cont" 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>
											<span id="errtxtCodigoHTML" class="text-danger"></span>
										</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 class="tab-pane cont" 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 class="tab-pane cont" id="PiePagina">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<p style="font-size: 12px;"> { empresa } Derechos reservados { año } | Privacidad | Condiciones | Políticas de entrega | Políticas de devolución | Cookies | SPAM </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 class="tab-pane cont" 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 class="tab-pane cont" 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 class="tab-pane cont" id="GMaps">
								<div class="row">
									<div class="col-md-6">
										<div class="form-group">
											<label> Latitud </label>
											<input class="form-control" id="txtLatitud" type="text"></input>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label> Longitud </label>
											<input class="form-control" id="txtLongitud" type="text"></input>
										</div>
									</div>
									<div class="col-md-12">
										<div class="form-group">
											<span id="txtErrMap" class="text-danger text-center"></span>
										</div>
										<div class="form-group">
											<label> Nombre de la ubicación </label>
											<input class="form-control" id="txtNombreUbicacion" type="text"></input>
										</div>
										<div class="form-group">
											<label> Dirección de la ubicación </label>
											<input class="form-control" id="txtDireccionUbicacion" type="text"></input>
										</div>
									</div>
									<div class="col-md-12">
										<div id="gmap1" class="gmap"></div>
									</div>
									<div class="col-md-12">
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnAgregarGMap"> Agregar mapa de google </button>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane cont" id="Barra">
								<div class="row">
									<div class="col-md-6">
										<div class="form-group" style="margin-bottom: 15px;">
											<label>Texto de barra de progreso</label>
											<input class="form-control" id="txtProgressPb" style="margin-bottom: 0;" ></input>
											<span id="errtxtProgressPb" class="text-danger" style="position: absolute;"></span>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Numero de porcentaje</label>
											<input id="numProgressPb" type="number" style="margin-bottom: 0;" class="form-control"  value="50"  min="0" max="100"></input>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Color</label>
											<select id="slColoresPb" class="form-control">
												<option value="verde"> Verde </option>
												<option value="azul"> Azul </option>
												<option value="naranja"> Naranja </option>
												<option value="rojo"> Rojo </option>
											</select>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Altura</label>
											<div style="text-align: center;"> <input id="slAlturaPb" class="Alturapb" type="text"> </div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="progress" id="pro" style="height: 20px; text-align: center;">
											<div id="pBarra" class="progress-bar progress-bar-success progress-bar-striped active progreso" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
											</div>
											<span id="pbtext" class="text" style="color: #363b3f; position: absolute; right: 0; left: 0; text-shadow: rgb(255, 255, 255) 0 1px 1px;"> </span>
										</div>
									</div>	
									<div class="col-md-12">
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearBarra"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane cont" id="Slider">
								<div class="row">
									<div class="col-md-6">
										<div class="form-group slideImg">
											<label>Numero de imagenes</label>
											<input id="numImgSl" type="number" style="margin-bottom: 0;" class="form-control"  value="0"  min="0" max="5"></input>
											<span id="errtxtSlider" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label>Efectos de transición</label>
											<select id="slEfectosSl" class="form-control">
												<option value="fade"> Fade </option>
												<option value="slide"> Slide </option>
											</select>
										</div>
									</div>
									<div class="col-md-12">
										<div class="row imgSlider">
										</div>
									</div>	
									<div class="col-md-12">
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearSlider"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane cont" id="TiendaEnLinea">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Seleccione el elemento que desea agregar </label>
										</div>
										<div class="form-group text-center">
											<label class="radio-inline" style="padding-left: 10px;">
												<span> CATÁLOGO </span>
												<input type="radio" checked value="1" id="rdETCatalogo" name="rdElementoTienda">
												<img src="/gentemplate/images/vpCatalogo.png" class="img-thumbnail center-block rdImgActiva" alt="Catálogo de productos" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> INFORMACIÓN DEL PRODUCTO </span>
												<input type="radio" value="2" id="rdETProducto" name="rdElementoTienda">
												<img src="/gentemplate/images/vpProducto.png" class="img-thumbnail center-block" alt="Información de producto" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> CARRO DE COMPRA </span>
												<input type="radio" value="3" id="rdETCarro" name="rdElementoTienda">
												<img src="/gentemplate/images/vpCarroCompra.png" class="img-thumbnail center-block" alt="Carro de compras" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> SEGUIMIENTO DE PEDIDO </span>
												<input type="radio" value="4" id="rdETSeguimiento" name="rdElementoTienda">
												<img src="/gentemplate/images/vpSeguimiento.png" class="img-thumbnail center-block" alt="Seguimiento de pedido" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> AGRADECIMIENTO POR PEDIDO (PRODUCTOS) </span>
												<input type="radio" value="5" id="rdETAgradecimiento" name="rdElementoTienda">
												<img src="/gentemplate/images/vpAgradecimiento.png" class="img-thumbnail center-block" alt="Agradecimiento por compra" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> AGRADECIMIENTO POR PEDIDO (PRODUCTOS DIGITALES) </span>
												<input type="radio" value="6" id="rdETAgradecimiento" name="rdElementoTienda">
												<img src="/gentemplate/images/vpAgradecimiento.png" class="img-thumbnail center-block" alt="Agradecimiento por compra" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> AGRADECIMIENTO POR PEDIDO (SERVICIOS) </span>
												<input type="radio" value="7" id="rdETAgradecimiento" name="rdElementoTienda">
												<img src="/gentemplate/images/vpAgradecimiento.png" class="img-thumbnail center-block" alt="Agradecimiento por compra" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> DESCARGA DE PRODUCTOS DIGITALES </span>
												<input type="radio" value="8" id="rdDescargaPD" name="rdElementoTienda">
												<img src="/gentemplate/images/vpDescargaPD.png" class="img-thumbnail center-block" alt="Descarga de productos digitales" style="max-width: 150px;">
											</label>

											<label class="radio-inline" style="padding-left: 10px;">
												<span> AGRADECIMIENTO POR RESERVACIÓN (CONEKTA) </span>
												<input type="radio" value="9" id="rdETAgradecimientoRC" name="rdElementoTienda">
												<img src="/gentemplate/images/vpAgradecimiento.png" class="img-thumbnail center-block" alt="Agradecimiento por compra" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> AGRADECIMIENTO POR RESERVACIÓN EFECTIVO (EPAYCO) </span>
												<input type="radio" value="10" id="rdETAgradecimientoREPC" name="rdElementoTienda">
												<img src="/gentemplate/images/vpAgradecimiento.png" class="img-thumbnail center-block" alt="Agradecimiento por compra" style="max-width: 150px;">
											</label>
											<label class="radio-inline" style="padding-left: 10px;">
												<span> AGRADECIMIENTO POR RESERVACIÓN BANCOS (EPAYCO) </span>
												<input type="radio" value="11" id="rdETAgradecimientoRBPC" name="rdElementoTienda">
												<img src="/gentemplate/images/vpAgradecimiento.png" class="img-thumbnail center-block" alt="Agradecimiento por compra" style="max-width: 150px;">
											</label>

										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearElementoTienda"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane cont" id="Post">
								<div class="row">
									<div class="col-md-6">
										<fieldset>
											<legend>Configuración general:</legend>
											<div class="form-group">
												<label>Tipo de paginación</label>
												<select id="slPaginacionPost" class="form-control">
													<option value="" disabled>Seleccione una opción</option>
													<option value="scroll">scroll</option>
													<option value="num">Numerado</option>
												</select>
											</div>
											<div class="form-group">
												<label>Numero de paginación</label>
												<input id="numP" type="number" style="margin-bottom: 0;" class="form-control" value="4"   min="4" max="12"></input>
											</div>
											<div class="col-md-12">
												<div class="form-group">
													<div class="checkbox checkbox-primary check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="activar-des" class="tooltips Descripcion" title=""  >
														<label for="activar-des"> </label>
													</div>
													<label>Activar descripción</label>
												</div>
											</div>
											<div class="col-md-12">
												<div class="form-group">
													<div class="checkbox checkbox-primary check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="Htarget" class="tooltips Descripcion" title=""  >
														<label for="Htarget"> </label>
													</div>
													<label>Abrir entrada en una nueva ventana</label>
												</div>
											</div>
										</fieldset>
										<fieldset>
											<legend>Configuración de redes:</legend>
											<div class="col-md-12">
												<div class="form-group">
													<div class="checkbox checkbox-primary check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="activar-redes" class="tooltips Activar" title=""  >
														<label for="activar-redes"> </label>
													</div>
													<label>Activar Redes sociales</label>
												</div>
											</div>
											<div class="col-md-12 red-post" style="display:none;">
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="facebookP" name="redes" value="facebook" class="tooltips Activar" title="Facebook"  >
														<label for="facebookP"><span class="fa fa-facebook-square redes-p"></span></label>
													</div>
												</div>
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="twitterP" name="redes"  value="twitter" class="tooltips Activar" title="Twitter"  >
														<label for="twitterP"><span class="fa fa-twitter-square redes-p"></span> </label>
													</div>
												</div>
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="LinkeP" name="redes" value="linkedin" class="tooltips Activar" title="Linkein"  >
														<label for="LinkeP"><span class="fa fa-linkedin redes-p"></span> </label>
													</div>
												</div>
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="googleP" name="redes"  value="googleplus" class="tooltips Activar" title="Google+"  >
														<label for="googleP"><span class="fa fa-google-plus-square redes-p"></span> </label>
													</div>
												</div>
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="PinterP" name="redes"  value="pinterest" class="tooltips Activar" title="Pinterest"  >
														<label for="PinterP"><span class="fa fa-pinterest-square redes-p"></span> </label>
													</div>
												</div>
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="InstaP" name="redes"  value="instagram" class="tooltips Activar" title="Instagram"  >
														<label for="InstaP"><span class="fa fa-instagram redes-p"></span> </label>
													</div>
												</div>
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="Youtube" name="redes"  value="youtube" class="tooltips Activar" title="Youtube"  >
														<label for="Youtube"><span class="fa fa-youtube redes-p"></span> </label>
													</div>
												</div>
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="whatsappP" name="redes"  value="whatsapp" class="tooltips Activar" title="WhatsApp"  >
														<label for="whatsappP"><span class="fa fa-whatsapp redes-p"></span> </label>
													</div>
												</div>
												<div class="form-group" style="display: inline-block;">
													<div class="checkbox checkbox-default check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="emailP" name="redes"  value="email" class="tooltips Activar" title="E-mail"  >
														<label for="emailP"><span class="fa fa-at redes-p"></span> </label>
													</div>
												</div>
												<div class="form-group">
													<label>Tipo de Tema</label>
													<select id="slTipoTema" class="form-control">
														<option value="classic">Classic</option>
														<option value="flat">Flat</option>
														<option value="minimo">Minimo</option>
														<option value="plain">Plano</option>
													</select>
												</div>
												<div class="form-group">
													<div class="checkbox checkbox-primary check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="labelRedes" name="labelRedes"  value="labelR" class="tooltips Nombres" title=""  >
														<label for="labelRedes" id="noA" style="font-weight: 700;">Mostrar nombres de redes sociales </label>
													</div>
												</div>
												<div class="form-group">
													<div class="checkbox checkbox-primary check-post" style="display:inline-block; margin-top: 0;">
														<input type="checkbox" id="contaT" name="contaT"  value="labelR" class="tooltips Nombres" title=""  >
														<label for="contaT" id="noA" style="font-weight: 700;"> Activar contador </label>
													</div>
												</div>
											</div>
										</fieldset>
									</div>
									<div class="col-md-6">
											<div class="form-group" style="margin-top: 25px; width: 450px;">
												<div style="margin-bottom:15px;"> <img src="http://via.placeholder.com/400x200?text=Imagen" alt=""> </div>
												<div style="margin-bottom:15px;" > <img src="http://via.placeholder.com/400x50?text=Titulo" alt=""> </div>
												<div style="margin-bottom:15px;" id="RedesPost" class="classic" style="display: none;"> </div>
												<div style="margin-bottom:15px;" id="DesPost" style="display: block;"> <img src="http://via.placeholder.com/400x150?text=Descripción" alt=""> </div>
											</div>
										</div>
									<div class="col-md-12">
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearPost"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane cont" id="Galeria">
								<div class="row">
									<form id="frmConfiguracionGaleria">
										<div class="col-md-12">
											<div class="col-md-12">
												<div class="form-group galeria-configuraciones">
													<label style="display: block; width: 100%;">Configuraciones</label>
													<label class="col-md-1">Incluir:</label>
													<div class="col-md-2">
														<div class="form-group" style="display: inline-block;">
															<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
																<input type="checkbox" id="galeria-titulo" name="configuracion-galeria" value="tittle" class="tooltips Activar" title="Título"  >
																<label for="galeria-titulo">Título</label>
															</div>
														</div>
													</div>
													<div class="col-md-2">
														<div class="form-group" style="display: inline-block;">
															<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
																<input type="checkbox" id="txt-galeria" name="configuracion-galeria" value="text" class="tooltips Activar" title="Descripción"  >
																<label for="txt-galeria">Descripción</label>
															</div>
														</div>
													</div>
													<div class="col-md-2">
														<div class="form-group" style="display: inline-block;">
															<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
																<input type="checkbox" id="fecha-galeria" name="configuracion-galeria" value="fecha" class="tooltips Activar" title="Fecha"  >
																<label for="fecha-galeria">Fecha</label>
															</div>
														</div>
													</div>
													<div class="col-md-2">
														<div class="form-group" style="display: inline-block;">
															<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
																<input type="checkbox" id="filtro-galeria" name="configuracion-galeria" value="filtro" class="tooltips Activar" title="Filtro"  >
																<label for="filtro-galeria">Filtro</label>
															</div>
														</div>
													</div>
													<div class="col-md-2">
														<div class="form-group" style="display: inline-block;">
															<div class="checkbox checkbox-default" style="display:inline-block; margin-top: 0;">
																<input type="checkbox" id="categoria-galeria" name="configuracion-galeria" value="categoria" class="tooltips Activar"   >
																<label for="categoria-galeria">Categorias</label>
															</div>
														</div>
													</div>
												</div>
											</diV>
											<div class="col-md-6">
												<label>Agregar Categorias</label>
												<div class="form-group">
													<div class="col-md-11" style="padding-left: 0; margin-bottom: 15px; padding-right: 0px;">
														<input class="form-control" id="txtCategorias" style="margin-bottom: 0; border-bottom-right-radius: 0px; border-top-right-radius: 0px;"></input>
														<span class="txterrCategorias text-danger"></span>
													</div>
													<div class="col-md-1" style="padding: 0px;" >
														<button type="button" class="btn btn-primary tooltips" id="btnAddCategoria" title="Agregar" style="border-bottom-left-radius: 0px; border-top-left-radius: 0px;"> <i class="fa fa-plus"></i> </button>
													</div>
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group columnas-galeria">
													<label>Numero de columnas</label>
													<input id="numeroColumnas" type="number" style="margin-bottom: 0;" class="form-control"  value="1"  min="1" max="5"></input>
													<span id="errtxtColumnas" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
												</div>
											</div>
											<div class="col-md-12 ">
												<div class="form-group lista-categorias"></div>
											</div>
										</div>
										<div class="col-md-12">
											<div class="col-md-4">
												<div class="form-group">
													<label>Tipo Estructura</label>
													<select id="slEstructura" class="form-control">
														<option value="full-cover">Ancho completo</option>
													<option value="portafolio">Portafolio</option>
													</select>
												</div>
											</div>
											<div class="col-md-4">
												<div class="form-group">
													<label>Efectos</label>
													<select id="slEfectosGaleria" class="form-control">
														<option value="pinterest">Pinterest</option>
														<option value="opacidad">Opacidad + Texto</option>
														<option value="filtro">Filtro + Texto</option>
														<option value="zoom">Zoom + Texto</option>
														<option value="slide">Slide + Texto</option>
														<option value="shop">Catalogo de compras</option>
													</select>
												</div>
											</div>
											<div class="col-md-4">
												<div class="form-group columnas-galeria">
													<label>Color de Opacidad</label>
													<input id="colorOpacidad" type="text" style="margin-bottom: 0;" class="form-control" ></input>
													<span id="errtxtcolorOpacidad" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group images-galery">
													<label>Numero de imagenes</label>
													<input id="numImgGaleria" type="number" style="margin-bottom: 0;" class="form-control"  value="0"  min="0" max="150"></input>
													<span id="errtxtGaleria" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group shopingNameg" style="display: none;">
													<label>Nombre del botón para link de producto </label>
													<input type="text" style="margin-bottom: 0;" class="form-control shoping-name" >
												</div>
											</div>
											<div class="col-md-12">
												<div class="row contenido-galeria" style="overflow-y: auto; max-height: 400px;">
												</div>
											</div>
										</div>
											
										<div class="col-md-12">
											<div class="form-group">
												<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearGaleria" style="margin-top: 15px;"> Crear </button>
											</div>
										</div>
									</form>	
								</div>
							</div>
							<div class="tab-pane cont" id="TablaP">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Seleccione una opcion </label>
											<br>
											<label class="radio-inline" style="width: 20%; padding-left: 0px;"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl1" value="1"> <img src="/SysWeb/SumeClientes/tabla-1.png" style="height: 275px; width: 100%;"> </label>
											<label class="radio-inline" style="width: 19%; padding-left: 0px;"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl2" value="2"> <img src="/SysWeb/SumeClientes/tabla-2.png" style="height: 275px; width: 100%;"> </label>
											<label class="radio-inline" style="width: 20%; padding-left: 0px;"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl3" value="3"> <img src="/SysWeb/SumeClientes/tabla-3.png" style="height: 275px; width: 100%;"> </label>
											<label class="radio-inline" style="width: 20%; padding-left: 0px;"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl3" value="4"> <img src="/SysWeb/SumeClientes/tabla-4.png" style="height: 275px; width: 100%;"> </label>
											<label class="radio-inline" style="width: 19%; padding-left: 0px;"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl3" value="5"> <img src="/SysWeb/SumeClientes/tabla-5.png" style="height: 275px; width: 100%;"> </label>
										</div>
									</div>
									<div class="col-md-4 hide">
										<div class="form-group slideImg">
											<label>Numero filas de la lista</label>
											<input id="num-lista" type="number" style="margin-bottom: 0;" value="5" class="form-control" min="0"  />
											<span id="errtxtSlider" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
										</div>
									</div>
									<!--div class="col-md-6">
										<div class="form-group">
											<label>Agregar lista</label>
											<div class='input-group'>
												<input type='text' class='form-control urlvideo' id='urlvideo' placeholder=''>
												<span class='input-group-btn'>
													<button type="button" id="btnMasElementosLista" class="btn btn-primary"> <i class="fa fa-plus"></i> </button>
												</span>
												<span class='input-group-btn'>
													<button type="button" id="btnMasElementosLista" class="btn btn-danger"> <i class="fa fa-trash"></i> </button>
												</span>
											</div>
										</div>
									</div-->
									<div class="col-md-12">
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTabla"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane cont" id="Acordion">
								<div class="row">
									<form method="" action="" id="frmAcordion">
										<div class="col-md-12">
											<div class="form-group">
												<div class="row">
													<div class="col-md-6">
														<div class="form-group element-acordion">
															<label>Numero de elementos de Acordión</label>
															<input id="numEAacordion" type="number" style="margin-bottom: 0;" class="form-control"  value="0"  min="0" max="50"></input>
															<span id="numEAacordion" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
														</div>
													</div>
													<div class="col-md-5">
														<div class="form-group">
															<label style="display:block;">Selecciona tipo de icono </label>
															<select id="slTipoIncono" class="form-control">
																<option value="vacio">Ninguno</option>
																<option value="plus">fa fa-plus</option>
																<option value="raw">fa fa-angle-right</option>
															</select>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group">
												<div class="col-md-12 contenido-elmentos" style="max-height: 500px; overflow: auto;">
													
												</div>
											</div>
											<div class="form-group">
												<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearAcordion" style="margin-top: 15px;"> Crear </button>
											</div>
										</div>
									</form>
								</div>
							</div>
							<div class="tab-pane cont" id="Contador">
								<div class="row">
									<form method="" action="" id="frmContador">
										<div class="col-md-12">
											<div class="form-group">
												<div class="row">
													<div class="col-md-6">
														<div class="form-group element-acordion">
															<label>Numero de inicio</label>
															<input id="inicio-number" type="number" style="margin-bottom: 0;" class="form-control"  value="0"  min="0" ></input>
															<span id="numEAacordion" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group element-acordion">
															<label>Numero de finalización</label>
															<input id="final-number" type="number" style="margin-bottom: 0;" class="form-control"  value="1"  min="0" ></input>
															<span id="numEAacordion" class="text-danger" style="position: relative; margin-bottom: 10px;"></span>
														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<label style="display:block;">Seleccione la velocidad de animación </label>
															<select id="slTipoVelocidad" class="form-control">
																<option value="lento"> Lento </option>
																<option value="normal"> Normal </option>
																<option value="rapido"> Rapido </option>
															</select>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group">
												<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearContador" style="margin-top: 15px;"> Crear </button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-seccionesSitio">
	<div id="seccionesSitio" tabindex="-1" role="dialog" aria-labelledby="modalseccionesSitio" class="modal fade" data-keyboard="false" data-backdrop="static">
		<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="modalSeccionLabel" class="modal-title">Selección de complementos de sitio</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								<label>Selecciona el encabezado para tu página</label>
								<select id="slTipoHeader" class="form-control">
								</select>	
							</div>
							<div class="form-group">
								<label>Selecciona pie de página </label>
								<select id="slTipoFooter" class="form-control">
								</select>
							</div>
						</div>
						<div class="col-md-12">
							<div class="form-group">
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnImportar"> Importar </button>
							</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" data-keyboard="false" data-backdrop="static">
		<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">
					<form id="frmConfiguracionDeVentanaEmergente">
						<div class="ventana-emergente hide row">
							<div class="form-group col-md-10" style="padding-right: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px;">
								<label for="slVentanasEmergentes"> Lista de ventanas </label>
								<select id="slVentanasEmergentes" class="form-control" name="slVentanasEmergentes">
									<option value=""> Seleccione una ventana emergente... </option>
								</select>
								<span id="errslVentanasEmergentes" class="text-danger"></span>
							</div>
							<div class="form-group hide eliminar-ventana col-md-1" style="padding-left: 0; width: 4.333333%;">
								<button class="btn btn-danger tooltip" id="btnEliminarVentana" type="button" style="margin-top: 24px; opacity: 1; padding-bottom: 8px; padding-top: 8px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;" title="Eliminar ventana"><i class="fa fa-trash" aria-hidden="true"></i></button>
							</div>
							<div class="form-group hide eliminar-ventana col-md-1" style="padding-left: 0; width: 4.333333%;">
								<button class="btn btn-primary tooltip" id="btnActualizarVentana" type="button" style="margin-top: 24px; opacity: 1; padding-bottom: 8px; padding-top: 8px;" title="Actualizar ventana"><i class="fa fa-refresh" aria-hidden="true"></i></button>
							</div>
						</div>
						<div class="func-genericas">
							<div class="form-group">
								<label for="slListaDeSuscriptores"> Lista de suscriptores </label>
								<select id="slListaDeSuscriptores" class="form-control" name="slListaDeSuscriptores">
									<option value=""> Seleccione una lísta de suscripción... </option>
								</select>
								<span id="errslListaDeSuscriptores" class="text-danger"></span>
							</div>
							<div class="form-group">
								<label for="chCamposPersonalizados"> Campos personalizados </label>
								<div id="dvChCamposPersonalizados"></div>
								<br>
								<span id="errchCamposPersonalizados" class="text-danger"></span>
							</div>
							<?php if( !empty($Etiquetas)): ?>
								<?php if( count($Etiquetas) > 0 ): ?>
								<div class="form-group">
									<label for="slEtiquetas"> Etiquetas a asignar (Opcional) </label>
									<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="etiquetas" name="etiquetas[]">
										<option value="0" disabled> Seleccione las etiquetas a asociar... </option>
										<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
										<option value="<?php echo $Etiqueta->id; ?>" id="op<?php echo $Etiqueta->id; ?>"> <?php echo $Etiqueta->nombre; ?> </option>
										<?php endforeach; ?>
									</select>
									<span class="text-danger" id="erretiquetas"> </span>
									<div id="dvEtiquetas" style="padding-top: 10px;"></div>
								</div>
								<?php endif; ?>
							<?php endif; ?>

							<div class="form-group dvProductoServicio" style="display: none;">
								<label for="slProducto"> Producto/Servicio a asignar </label>
								<select class="form-control selectpicker" data-live-search="true" id="producto" name="productoServicio">
									<option value=""> Seleccione el producto/servicio a asignar... </option>
									<?php $ProductosServicio = ProductoServicio::select('id', 'nombre', 'tipo')->where('clientes_id', '=', $idC)->get(); ?>
									<?php foreach($ProductosServicio as $indice => $PS): ?>
									<option value="<?php echo $PS->id; ?>" id="opPS<?php echo $PS->id; ?>"> <?php echo $PS->nombre; ?> </option>
									<?php endforeach; ?>
								</select>
								<span class="text-danger" id="errproductoServicio"> </span>
							</div>

							<div class="form-group">
								<label for="rdQueHacer"> ¿Que hacer al finalizar el registro? </label>
								<br>
								<div class="radio-inline">
									<label>
										<input type="radio" value="0" name="rdQueHacer" id="rdQueHacerRedireccionar" class="rdInline">
											Dirigirlos a...
										</input>
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" value="1" name="rdQueHacer" id="rdQueHacerPermanecer" class="rdInline">
											Cerrar ventana y permanecer en página de captura
										</input>
									</label>
								</div>
								<br>
								<span id="errrdQueHacer" class="text-danger"></span>
							</div>
							<div id="dvSitioWeb">
								<div class="form-group">
									<label for="txtSitioWeb"> Sitio web a dirigirlos </label>
									<input type="text" id="txtSitioWeb" class="form-control"></input>
									<span id="errtxtSitioWeb" class="text-danger"></span>
								</div>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button class="btn btn-primary btn-lg btn-block" id="btnCrearVentanaEmergente" type="button"> Crear ventana emergente </button>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-subscribe">
	<div id="ventanaDeSuscripcionTemporal" tabindex="-1" role="dialog" aria-labelledby="subscribeModalLabel" class="modal subscribe-modal fade" data-keyboard="false" data-backdrop="static">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					<?php /* <form id="subscribeForm-<%= modalId %>" method="" action="" class="subscribeForm"> */ ?>
					<form 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="progress editable progresoBarra" id="pbimpresa" style="height: 30px; text-align:center;">
										<div id="pBarraModal" class="progress-bar progress-bar-success progress-bar-striped active porcentaje" data-percent-pb="50" data-color-pb="verde" data-title-pb="Progreso 50%" data-altura-pb="30" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">	
										</div>
										<span id="titulo-Pb" class="text" style="line-height: 25px; font-size: 21px; color: #363b3f; position: absolute; right: 0; left: 0; text-shadow: rgb(255, 255, 255) 0 1px 1px; margin-top: 1px;">Progreso 50%</span>
									</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">!Estas por terminar! Por favor completa el formulario y haz clic en el botón para obtener acceso instantaneo.</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">¡Descarga tu guía GRATUITA para crear tu primera página de captura hoy mismo!</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">Valoramos tu privacidad y nunca te enviaremos spam</p>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-prompt">
	<div id="modalPrompt" tabindex="-1" role="dialog" aria-labelledby="modalPromptLabel" class="modal fade" data-keyboard="false" data-backdrop="static">
		<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 text-danger"></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>
<script type="text/template" id="tmp-modal-video">
	<div tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" class="modal video-modal fade" data-keyboard="false" data-backdrop="static">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header" style="border-bottom: none;">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close sc-modal_close"><span aria-hidden="true">&#215;</span></button>
				</div>
				<div class="modal-body" style="padding: 0;">
					<div class="sc-modal el-sortable" style="padding: 10px;">
						<div class="row el-movable">
							<div class="col-xs-12 col-sm-12 col-md-12">
								<div class="center-block text-center editable video">
									<div class="videocontent">
										<img class="img-responsive imgvideo" src="/gentemplate/images/PlayPlayer.png" data-autoplay="" data-controls="controls" data-player="youtube" data-src="https://www.youtube.com/watch?v=-vdmQMUzcwY">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-importarFormulario">
	<div id="modalImportarFormulario" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade" data-keyboard="false" data-backdrop="static">
		<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">Agregar formulario a una lista de suscripción</h4>
				</div>
				<div class="modal-body">
					<form id="frmImportarFormulario">
						<div class="form-group">
							<label for="slListaDeSuscriptores"> Lista de suscriptores </label>
							<select id="slListaDeSuscriptores" class="form-control" name="slListaDeSuscriptores">
								<option value=""> Seleccione una lísta de suscripción... </option>
							</select>
							<span id="errslListaDeSuscriptores" class="text-danger"></span>
						</div>
						<div class="form-group">
							<label for="chCamposPersonalizados"> Campos personalizados </label>
							<div id="dvChCamposPersonalizados"></div>
							<br>
							<span id="errchCamposPersonalizados" class="text-danger"></span>
						</div>
						<div class="form-group">
							<label for=""> Nombre del formulario </label>
							<input type="text" name="nombre_formulario" class="form-control">
							<span id="errnombre_formulario" class="text-danger"></span>
						</div>
						<div class="form-group">
							<label for=""> Página de agradecimiento </label>
							<input type="text" name="pagina_de_agradecimiento" class="form-control">
							<span id="errpagina_de_agradecimiento" class="text-danger"></span>
						</div>
						<input type="hidden" name="codigoEditable" id="codigoEditable">
						<input type="hidden" name="codigoFinal" id="codigoFinal">
						<div id="codigoForm" style="display: none;"></div>
					</form>
				</div>
				<div class="modal-footer">
					<button class="btn btn-primary btn-lg btn-block" id="btnImportarFormulario" type="button"> Agregar </button>
				</div>
			</div>
		</div>
	</div>
</script>