<!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>

<title>Colegio Rep&uacute;blica De Francia</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/animate-custom.css" />
<style type="text/css">

<!--
body {
	background-image: url(Images/bg.jpg);
}
#contenedor {
	position: absolute;
	width: 547px;
	height: 573px;
	z-index: 1;
	margin-left: -300px;
	left: 50%;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
}
#cabecera {
	position: absolute;
	width: 603px;
	height: 79px;
	z-index: 1;
	background-color: #BAD5D9;
	top: 2px;
}
#Titulo {
	position: absolute;
	width: 238px;
	height: 38px;
	z-index: 1;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	left: 196px;
	top: 24px;
	color: #006;
	font-style: inherit;
}
#contenedor2 {
	position: absolute;
	width: 297px;
	height: 199px;
	z-index: 2;
	left: 135px;
	top: -12px;
	background-color: #FFFFFF;
}
#contenedor3 {
	position: absolute;
	width: 425px;
	height: 248px;
	z-index: 1;
	left: -68px;
	top: 227px;
	background-color: #0F5DD4;
}
#login {
	position: absolute;
	width: 142px;
	height: 41px;
	z-index: 1;
	left: 118px;
	top: 7px;
	background-color: #354C70;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
}
#apDiv1 {
	position: absolute;
	width: 292px;
	height: 143px;
	z-index: 3;
	top: 92px;
	left: 307px;
	background-color: #FFFFFF;
}
#pie {
	position: absolute;
	width: 427px;
	height: 34px;
	z-index: 4;
	left: 65px;
	top: 471px;
	background-color: #2855BD;
	color: #FFF;
}
#mensaje {
	position: absolute;
	width: 298px;
	height: 143px;
	z-index: 1;
	left: -5px;
	top: 44px;
	background-color: #3571EC;
	color: #FFF;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
}
#logo {
	position: absolute;
	width: 422px;
	height: 204px;
	z-index: 2;
	top: 15px;
	left: -65px;
	background-color: #FCFBFB;
}
#mensajeerror {
	position: absolute;
	left: 2px;
	top: 194px;
	width: 422px;
	height: 45px;
	z-index: 2;
	color: #FFF;
	background-color: #14399C;
}
#Titulo2 {	position: absolute;
	width: 372px;
	height: 38px;
	z-index: 1;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	left: 16px;
	top: 19px;
	color: #006;
	font-style: inherit;
}
#Titulo3 {
	position: absolute;
	width: 422px;
	height: 41px;
	z-index: 4;
	left: 2px;
	top: 145px;
	background-color: #2456A4;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
}
-->
</style></head>
<body>
<div id="contenedor">
  <div id="contenedor2">
    <div id="contenedor3">
      <div id="login">
        <form id="form1" name="form1" method="post" action="seguridad/control.php">
             <input id="txtusuario" name="txtusuario" required="required" type="text" placeholder="Ingresa su usuario"/>
            <br />
          <input id="txtclave" name="txtclave" required="required" type="password" placeholder="Ingresa su contrase&ntilde;a" /> 
          <p>
            <br />
          <p align="center"><input type="submit" name="button" id="button" value="Iniciar Sesion" /></p>
          </p>
          
        </form>
      </div>
      <div id="Titulo3" align="center"><a href="frmmail.php" style="color: #FBFBFB;">&iquest;No puedes acceder a tu cuenta?</a></div>
    <div id="mensajeerror">
<? if($_GET["errorusuario"]=="si"){?>
<h5 align="center">Lo Sentimos pero no tienes acceso al sistema</h5>
	<?} ?>
</div>
    </div>
    <div id="logo"><img src="Images/logo.gif" width="400" height="195" alt=""/></div>
    <a href="frmmail.php" style="color: #FBFBFB;">&iquest;No puedes acceder a tu cuenta?</a> 
  </div>
  <div id="pie" align="center"><strong>CopyRight Guayaquil 2023</strong></div>
</div>


</body>
</html>
