/* ESTILO EN EL CUERPO------------------------------------ */
 body {
   margin: 0;
   padding: 0;
   font-family: "Roboto", sans-serif;
   text-align: center;
   background-color: rgb(12, 183, 242);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 100vh;
 }

 .sub1{
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
  float:  left;
  height: 200px;
  width: 400px;
  background:  cyan;
}
/* estilo del input -------- */

input[type="text"], input[type="password"] {
 outline: thick;
 padding: 20px;
 display: block;
 width: 240px;
 border-radius: 3px;
 border: 1px solid #eee;
 margin: 20px auto;
 Background-color: yellow;
 hover: {
   background-color: #00b8eb;
 }

}


 /*
 estilo del botón de submit
 el background: #0098cb tiene el color de fondo normal
 */

input[type="submit"] {
 padding: 10px;
 color: #fff;
 background: #0098cb;
 width: 280px;
 margin: 20px auto;
 margin-top: 0;
 border: 0;
 border-radius: 3px;
 cursor: pointer;
}
a.caja {
  position:static;
  background-color:red;
  width:2000px;
  top:600px;

}

/*
la clase hover permite que cambie el color de fondo del submit
al pasar el mouse por encima. background-color: #00b8eb. es un poco mas
claro que el background normal background: #0098cb
*/
input[type="submit"]:hover {
 background-color: #00b8eb;
}

 /*
estilo del header
 */

header {
 border-bottom: 2px solid #eee;
 padding: 20px 0;
 margin-bottom: 10px;
 width: 100%;
 text-align: center;
}

header a {
 text-decoration: underline;
 color: black;
}

/* estilo de tabla -------- */
/* DivTable.com */
.divTable{
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}
.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
}
.divTableCell, .divTableHead {
  border: 1px solid #999999;
  display: table-cell;
  padding: 3px 10px;
}
.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold;
}
.divTableFoot {
  background-color: #EEE;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}
td / * Todas las celdas de la tabla ... * /
{
  border: 2px solid black; / * tienen un borde de 1 píxel * /
}