<form id="servicio_adicional" class="five column custom centered" action="javascript:void(0);" method="post">
	<fieldset>
		<legend>Nuevo servicio adicional</legend>
		<label><span class="requerido"></span> Nombre:</label>
		<input class="ten" type="text" value="" name="nombre" placeholder="Nombre del servicio adicional">
		<label><span class="requerido"></span> Valor:</label>
		<input class="three" type="number" min="0" step="1" value="0" name="valor">

		<label for="customDropdown"><span class="requerido"></span> Estado:</label>
		<select name="estado" style="display:none;" id="customDropdown">
			<option value="-1">Seleccionar</option>
			<option value="1">Activo</option>
			<option value="0">Obsoleto</option>
		</select>
		<div class="custom dropdown" style="width:380px;">
			<a href="#" class="current">
				Seleccionar
			</a>
			<a href="#" class="selector"></a>
			<ul>
				<li style="width:380px;">Seleccionar</li>
				<li style="width:380px;">Activo</li>
				<li style="width:380px;">Obsoleto</li>
			</ul>
		</div>
		<input type="submit" class="success button radius" value="Guardar" style="margin:10px;" onclick="xajax_nuevo_servicio_adicional(xajax.getFormValues('servicio_adicional'));">
		<a href="{BASE}servicios" class="alert button radius" style="margin:10px;">Cancelar</a>
	</fieldset>
</form>