<div class="sky-tabs sky-tabs-pos-left sky-tabs-anim-flip sky-tabs-response-to-icons">

	<input type="radio" name="sky-tabs" checked="" id="sky-tab1" class="sky-tab-content-1">
	<label for="sky-tab1"><span><span><i class="fa fa-th-list"></i>Tr&aacute;mite</span></span></label>
									
	<input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
	<label for="sky-tab2"><span><span><i class="fa fa-user"></i>Servicio</span></span></label>
																		
	<ul>
		<li class="sky-tab-content-1">					
			<div class="typography">
				<span class="titulo">Tr&aacute;mite</span>
				<p>Es toda una serie de pasos o acciones regulados por el Estado que pueden realizar los usuarios con el fin de adquirir cualquier derecho u obligaci&oacute;n. Los tr&aacute;mites son aquellos que est&aacute;n amparados por una o m&aacute;s leyes, es decir, que es obligatorio que el municipio los ponga al alcance de los ciudadanos. El proceso se inicia a trav&eacute;s de las leyes cuando se activa el dispositivo al p&uacute;blico a trav&eacute;s de una petici&oacute;n o solicitud y termina cuando se recibe respuesta de la Administraci&oacute;n P&uacute;blica, aceptando o rechazando la solicitud.</p>
			</div>
		</li>
										
		<li class="sky-tab-content-2">
			<div class="typography">
				<span class="titulo">Servicio</span>
				<p>Es un conjunto de acciones o actividades dise&ntilde;adas para aumentar la satisfacci&oacute;n de los ciudadanos, lo que a&ntilde;adir&aacute; valor a las funciones de la entidad. Los servicios hacen parte del plan de acci&oacute;n de la alcald&iacute;a.</p>
			</div>
		</li>
										
	</ul>
</div>

<style type="text/css">
.sky-tabs-pos-left > label, .sky-tabs-pos-right > label {
    display: block;
   /* width: 20%;*/
    float: left;
    clear: left;
    margin-right: 0;
    font-size: 20px;
    font-family: 'Oswald', sans-serif !important;
}

.sky-tabs .typography p {
    margin: 20px 0 0 0;
    padding: 0;
    line-height: 20px;
    text-align: justify;
    font-size: 16px;
font-family: 'Oswald', sans-serif !important;
}

.titulo {
    font-size: 20px;
    color: #333;
    text-transform: uppercase;
    line-height: 30px;
font-family: 'Oswald', sans-serif !important;
}
</style>