<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/plantilla_adminprueba.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sin título</title>
<style type="text/css">
<!--
/*scroll*/
div#contenido.dummy #div1.dummy1 {
overflow-x:hidden; overflow-y:scroll;
height:270px;
width:789px;
margin: 0 auto;
background:#EEF4FB;
padding: 7px 7px 5px 7px;
position: absolute;
left: 89px;
top: 213px;
}
#div1 table {
width:770px;
background-color:#FFFFFF;
}
a.botoneliminar {
color: #254B72;
border: 0px #FFFFFF solid;
padding: 4px 20px 3px 20px;
background-image: url(imagenes/iconoelimina.png);
background-repeat: no-repeat;
border-radius: 4px;
}
a.botoneliminar:hover {
background-image: url(imagenes/iconoeliminar01.png);
}
a.botonmodificar {
color: #254B72;
border: 0px #FFFFFF solid;
padding: 4px 20px 3px 20px;
background-image: url(imagenes/iconoeditar.png);
background-repeat: no-repeat;
border-radius: 4px;
}
a.botonmodificar:hover {
background-image: url(imagenes/iconoeditar01.png);
}
table th {
background-image: -webkit-gradient(linear, left top, left bottom, from(#4886C4), to(#254B72));
background-image: -webkit-linear-gradient(top, #254B72, #4886C4);
}
/*quitar efectos de css de plantilla*/
div#contenido.dummy #div1.dummy1 table#tu.tablausuarios {border-spacing: 0; background-color: #FFFFFF; opacity: 1;}
table.list tr:hover {background-color: #BADC98; cursor: pointer;}
.bordered {border: solid #666666 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 4px 4px #666666; -moz-box-shadow: 0 4px 4px #666666; box-shadow: 0 4px 4px #666666;}
.bordered td, .bordered th {border-left: 1px solid #666666; border-top: 1px solid #666666; padding: 6px; text-align: left;}
.bordered td:first-child, .bordered th:first-child {border-left: none;}
.bordered th { box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none; }
.bordered th:first-child { -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
.bordered th:last-child { -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
.bordered tr:last-child td:first-child { -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }
.bordered tr:last-child td:last-child { -moz-border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }
.Estilo92 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #272727}
.Estilo101 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF
}
-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
background-image: url(imagenes/sao-pedro_MG_9829-copy.jpg);
background-repeat: no-repeat;
}
#menumodulos {
float: left;
width: 240px;
height: 583px;
position: absolute;
left: 63px;
top: 27px;
border: solid #254B72 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2F6091), to(#254B72));
background-image: -webkit-linear-gradient(top, #254B72, #2F6091);
opacity: 0.9;
}
#logomodulo {
width: 240px;
height: 40px;
position: relative;
}
#imagenlogo {
background-image: url(imagenes/logoprincipal.png);
background-repeat: no-repeat;
}
#moduloinicio {
float: left;
width: 240px;
height: 20px;
}
#contenido {
float:right;
width: 961px;
height: 583px;
position: absolute;
left: 337px;
top: 27px;
border: solid #254B72 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2F6091), to(#254B72));
background-image: -webkit-linear-gradient(top, #254B72, #2F6091);
opacity: 0.9;
}
-->
</style>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>
<body>
<div id="menumodulos">
<div id="logomodulo"align="center">
<p><img src="imagenes/logoprincipal.png" width="160" height="25" align="middle" /></p>
</div>
<div id="moduloinicio">
</div>
</div>
<div id="contenido" class="dummy"><!-- InstanceBeginEditable name="contenido" -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><?php
require('conexion.php');
$sql=$conexion->query("SELECT us.usuario, us.dni, us.email, us.cargo
FROM usuarios us");
?>
</p>
<p> </p>
<p> </p>
<div id="div1" class="dummy1">
<table id="tu" width="855" align="center" class="bordered list tablausuarios">
<thead>
<tr>
<th width="280" align="left" class="Estilo101">Usuario </th>
<th width="115" align="left" class="Estilo101">Dni </th>
<th width="144" align="left" class="Estilo101">Email </th>
<th width="119" align="left" class="Estilo101">Cargo </th>
<th width="118"> </th>
</tr>
</thead>
<?php while ($row = $sql->fetch_assoc()){?>
<tr>
<td><span class="Estilo92"><?php echo $row['usuario'];?></span></td>
<td><span class="Estilo92"><?php echo $row['dni'];?></span></td>
<td><span class="Estilo92"><?php echo $row['email'];?></span></td>
<td><span class="Estilo92"><?php echo $row['cargo'];?></span></td>
<td width="118" align="center" valign="middle"><div align="center"><a href="modificar_usuario.php?id_usuarios=<?php echo $row['id_usuarios'];?>"class="botonmodificar"></a> <a href="eliminar_usuario.php?id_usuarios=<?php echo $row['id_usuarios'];?>"class="botoneliminar"></a></div></td>
</tr>
<?php } ?>
</table>
</div>
<!-- InstanceEndEditable --></div>
</body>
<!-- InstanceEnd --></html>