<!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">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=ISO-8859-1" />
<link type="text/css" rel="stylesheet" media="all" href="../style.css"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
<!-- include jQuery library -->
<script type="text/javascript" src="../js/jquery.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="../js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="../js/vanadium.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});

$(document).ready(function() { 
$('a.item_menu2').hover(function() { //mouse in 
$(this).stop().animate({ paddingLeft: '40px' }, 400);
   }, function() { //mouse out 
   $(this).stop().animate({ paddingLeft: 0 }, 400); 
   }); 
});

$(document).ready(function() { 
$('a.item_menu').hover(function() { //mouse in 
$(this).stop().animate({ paddingTop: '20px' }, 400);
   }, function() { //mouse out 
   $(this).stop().animate({ paddingTop: 0 }, 400); 
   }); 
});

</script>

<title>CECOM - Centro de Cirugía Oral y Maxilofacial - La Paz B.C.S.</title>
</head>

<body>
    <div align="center">
    	<div id="container">
        	<div id="cuerpo">
            <!--- Header --->
                <div id="arribapagina"></div>
                <div id="arriba">
                    <div id="fondo_izq"></div>
                    <div id="logo"><img alt="cecom" src="../img/logo_CECOM.jpg" width="400" height="150" /></div>
                    <div id="fondo_izq_sistema">
                    	<h2 align="center">Sistema Consultorio</h2>
                    </div>
                <div id="alturamedia">
                    <div id="alturamedia_fondo"></div>
                    <div id="menu2">
                    </div>
                    <div id="alturamedia_fondo2"></div>
                    <div id="frase">
                    	<form method="post" action="validate.php">
                            <table width="350" border="0" align="center">
                              <tr>
                                <td width="100">Usuario:</td>
                                <td width="250" align="right"><input name="txt_usuario" type="text" size="30"  /></td>
                                
                              </tr>
                              <tr>
                                <td>Contraseña:</td>
                                <td align="right"><input name="txt_contrasena" type="password" size="30"  /></td>
                              </tr>
                              <tr>
                                <td></td>
                                <td align="right"><input name="Entrar" type="submit" value="Entrar" /></td>
                              </tr>
                            </table>
                         </form>   
                    </div>
                    <div class="slideshow">
                        <img alt="cecom" src="../img/img01.jpg" width="160" height="200" />
                        <img alt="cecom" src="../img/img02.jpg" width="160" height="200" />
                        <img alt="cecom" src="../img/img03.jpg" width="160" height="200" />
                        <img alt="cecom" src="../img/img04.jpg" width="160" height="200" />
                    </div>

                </div>
                <div id="separacion_linea"></div>
        	<div id="footer">
            <p>CECOM Centro de Cirugía Oral y Maxilofacial</p>
            </div>
       </div>
	</div>
</body>
</html>
