<!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="text/html; charset=utf-8" />
<meta name="keywords" content="css, fondo, fondo web" />
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<title>Venta de Pasajes</title>
</head>
<style type="text/css">
body{
font-family: 'Architects Daughter', cursive;
color:#333;
font-size:25px;
font-weight:bold;
}
a{
text-decoration:none;
font-family: 'Black Ops One', cursive;
font-size:20px;
color:#0F0C0C;
}
a:hover{
color:#71FE7A;
}
.nsc{
position:absolute;
bottom:0;
right:10px;
}
.center{
position:absolute;
padding:0 10px 0 10px;
width:500px;
top:45%;
left:50%;
margin-left:-250px;
margin-top:-250px;
background-color: rgba(0, 148, 255, 0.5);
}
h1{
font-size:20px;
}
h1 p{
background:#222;
color:#fff;
padding:10px;
}
html {
background: url(http://www.streamingonline.cl/wp-content/uploads/2014/04/Fondo-negro-con-estructura-en-lineas-746551.jpg) no-repeat fixed center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
<body>
<div class="center">
<h1 align="center"><p>Elija sus preferencias</p></h1>
<center>
<form id="form1" name="form1" method="post" action="detalles.php">
<p>
<label for="sexo"></label>
<select name="sexo" id="sexo">
<option value="Sr." selected="selected">Sr.</option>
<option value="Sra.">Sra.</option>
</select>
</p>
<p>Nombre:
<label for="nombre"></label>
<input type="text" name="nombre" id="nombre" />
</p>
<p>Apellido:
<label for="apellido"></label>
<input type="text" name="apellido" id="apellido" />
</p>
<p>Elija su destino:
<label for="destino"></label>
<select name="destino" id="destino">
<option value="Destino 1">Destino 1</option>
<option value="Destino 2">Destino 2</option>
<option value="Destino 3">Destino 3</option>
<option value="Destino 5">Destino 4</option>
</select>
</p>
<p>Elija el puesto que desea:
<label for="puesto"></label>
<select name="puesto" id="puesto">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
</select>
</p>
<p>Fecha: <label for="dia"></label>
<select name="dia" required="required" size="1" id="dia">
<option value="" selected="selected">Día</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<label for="mes"></label>
<select name="mes" required="required" size="1" id="mes">
<option value="" selected="selected">Mes</option>
<option value="Enero">Enero</option>
<option value="Febrero">Febrero</option>
<option value="Marzo">Marzo</option>
<option value="Abril">Abril</option>
<option value="Mayo">Mayo</option>
<option value="Junio">Junio</option>
<option value="Julio">Julio</option>
<option value="Agosto">Agosto</option>
<option value="Septiembre">Septiembre</option>
<option value="Octubre">Octubre</option>
<option value="Noviembre">Noviembre</option>
<option value="Diciembre">Diciembre</option>
</select>
<label for="ano"></label>
<select name="ano" required="required" size="1" id="ano">
<option value="" selected="selected">Año</option>
<option value="2014">2014</option>
<option value="2015">2013</option>
</select>
</p>
<p>
<input type="submit" name="button" id="button" value="Separar Puesto" />
</p>
</form>
</center>
</div>
</div>
</body>
</html>