----------------------HTML-------------------------------

<div id="contenedor">
    <div id="cuerpo">
         <div id="tabla">
             <table  border=0 cellpadding=0 cellspacing=0 class="estilo_tabla">
                  <tr>
                      <th colspan="4" class="titulo">Informaicion Funcionario</th>
                  </tr>
                      <tr class="modo1">
                          <th>Editar</th>

                          <th>Borrar</th>
                          <th>N&uacute;mero Documento</th>
                          <th>Fecha Nacimiento</th>
                          <th>Primer Apellido</th>
                          <th>Segundo Apellido</th>
                          <th>Primer Nombre</th>

                          <th>Segundo Nombre</th>
                          <th>G&eacute;nero</th>
                          <th>Fecha Vinculacion</th>
                          <th>Tipo Documento</th>
                          <th>Nivel Educativo Aprobado</th>
                          <th>Municipio Nacimiento</th>

                      </tr>
                      <tr class="modo1">
                           <td class="centro"><a href="http://localhost/tesis/index.php/info_funcionario        /update/1" class="link_ed_borrar">Editar</a></td>
                          <td class="centro"><a href="http://localhost/tesis/index.php/info_funcionario/delete/1" class="link_ed_borrar">Borrar</a></td>
                          <td>34555555</td>
                          <td>22/05/58</td>
                          <td>Ortiz</td>

                          <td>Ricardo</td>
                          <td>Ana</td>
                          <td>Nelly</td>
                          <td>F</td>
                          <td>05/04/90</td>
                          <td>Cedula de ciudadania </td>

                          <td>Sin titulo </td>
                          <td>ZAPATOCA </td>
                      </tr>
                       <tr class="modo2">
                       <td class="centro"><a href="http://localhost/tesis/index.php/info_funcionario/update/2" class="link_ed_borrar">Editar</a></td>
                          <td class="centro"><a href="http://localhost/tesis/index.php/info_funcionario/delete/2" class="link_ed_borrar">Borrar</a></td>
                          <td>10526666</td>

                          <td>18/04/55</td>
                          <td>Nanez</td>
                          <td>Martinez</td>
                          <td>Jose</td>
                          <td>Antonio</td>
                          <td>M</td>

                          <td>05/04/70</td>
                          <td>Cedula de ciudadania </td>
                          <td>Tecnico o tecnologo en educacion </td>
                          <td>SIACHOQUE </td>
                      </tr>
                </table>
                <h2>
                    <a href="http://localhost/tesis/index.php/info_funcionario/load_create" class="link_pie_tabla">Crear Registros</a>                 
                </h2>
        </div>
    </div>

    <div id="lateral">
    <h2 class="titlat">Buscar</h2>
	<div id="fdbuscar" class="cuerpolateral">
          <form action="http://localhost/tesis/index.php/info_funcionario/search" method="post">          
           <div id="campotexto">
            <input type="text" name="search" value="" />
           </div>
           <div id="botonbuscar">
            <input type="image" name="buscar" value="Buscar" src="http://localhost/tesis/images/search.png"  />
           </div>
          </form>
	</div>

    <h2 class="titlat2">Acciones Administrador</h2>
       <div id="lista_adm" class="cuerpolateral">
       <ul>
           <li>
             <a href="http://localhost/tesis/index.php/site/members_area" class="link_adm">Volver al panel de  administracion</a>
           </li>
       </ul>
       </div>
   </div>



---------------------CSS----------------------------------

body{
    background: url(../images/textura.jpg);
    font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000;    
    margin:0 auto;
    text-align: center;
}

#contenedor{
    text-align:left;
    width:1000px;
    background-color: #FFFFCC;
    margin: 0 auto;
    border: 2px solid #2F2F2F;
}

#cuerpo{
    width:775px;
    padding: 12px 10px 10px 5px;
    background-color : #FFFFCC;
    float:left;
}


#tabla{	
    /*margin: 0 auto;*/
    padding: 0px;
    width: 500px;
    margin-left: 120px;
    margin-top:20px;
}

.estilo_tabla {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align: right;
    width: 500px;
}

.estilo_tabla .titulo{
	font-size: 20px;
	background: #e2ebef;
	color: #1F4554;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #e2ebef;
}

.estilo_tabla th {
    padding: 5px;
    font-size: 16px;
    background-color: #83aec0;
    background-image: url(../images/fondo_th.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #558FA6;
    border-bottom-color: #558FA6;
    font-family: "Trebuchet MS", Arial;
    text-transform: uppercase;
    text-align:center;
}

.estilo_tabla .modo1 {
    font-size: 15px;
    font-weight:bold;
    background-color: #e2ebef;
    background-image: url(../images/fondo_tr01.png);
    background-repeat: repeat-x;
    color: #34484E;
    font-family: "Trebuchet MS", Arial;
}

.estilo_tabla .modo1 td {
    padding: 5px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #A4C4D0;
    border-bottom-color: #A4C4D0;
    text-align:left;
}

.estilo_tabla .modo1 .centro{
	text-align: center;
}

.estilo_tabla .modo2 {
    font-size: 15px;
    font-weight:bold;
    background-color: #eeeeee;
    background-repeat: repeat-x;
    color: #34484E;
    font-family: "Trebuchet MS", Arial;
    text-align:left;
}

.estilo_tabla .modo2 td {
    padding: 5px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #A4C4D0;
    border-bottom-color: #A4C4D0;
}

.centro {
	text-align:center;
}

#lateral{
    width:210px;
    background: #7DABB2;
    float:right;
}