.principal{
  margin: auto;
  margin-top: 1%;
  width: 100%;
  text-align: center;
  min-width: 600px;
}
.principalList{
  margin: auto;
  margin-top: 1%;
  width: 100%;
  text-align: center;
  min-width: 1030px;
}
.principalList2{
  margin: auto;
  margin-top: 1%;
  width: 100%;
  text-align: center;
  min-width: 1415px;
}
.listaChequeo{
  margin: auto;
  margin-top: 1%;
  width: 60%;
}
.opciones{
  border: 0.1px solid black;
  margin: auto;
  width: 100%;
  text-align: center;
  height: 80px;
  background:#ff9966;
}
.informesEnProgresoPrin, .informesTerminadosPrin, .nuevoInformePrin, .adminPrin{
  width: 20%;
  float: left;
  padding: 8px 0 0 0;
}
.informesEnProgresoPrin1, .informesTerminadosPrin1, .nuevoInformePrin1, .adminPrin1, .cerrar{
  width: 20%;
  float: left;
  padding: 8px 0 0 0;
}

.informesEnProgreso, .informesTerminados, .nuevoInforme, .cerrar{
  width: 20%;
  float: left;
  padding: 8px 0 0 0;
}
.principalInicio{
  margin: auto;
  margin-top: 1%;
  width: 100%;
  text-align: center;
  min-width: 600px;
}
.principalAct{
  margin: auto;
  margin-top: 1%;
  width: 100%;
  text-align: center;
}
.img{
  width: 30%;
  text-align: center;
  float: right;
  margin-right: 30px;
  margin-top: 20px;
}

.botonDiv{
  width: 30%;
  text-align: center;
  margin: auto;
}

.divDatosIni, .divImagen{
  width: 50%;
  float: left;
}
a{
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

input#btnContra{
  text-align: center;
  background: #ff9966;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  border: none;
  font-family: serif;
}

.divListado, .divListadoAct{
  width: 100%;
  margin: auto;
  margin-top: 1%;
  text-align: center;
}

table#listaInformes{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
  border-collapse: collapse;
}

table#listaAct{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 0 auto;;
}

table#act{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
  border-collapse: collapse;
}
table thead {
  background-color:  #ff9966;
  color: white;
}
th{
  border-bottom: 2px solid #ddd;
  text-align: center;
  padding: 12px 23px;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
}
td{
  border-bottom: 2px solid #ddd;
  background-color: white;
  text-align: center;
  padding: 12px 23px;
  font-size: 14px;
  text-align: center;
}
#boton, #botonFin, #guardar, #filtrar, #btnExportar, #btntrabajo{
  background: #ff9966;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
}

#boton:hover, #botonFin:hover, #guardar:hover, #filtrar:hover, #btnExportar:hover, #btntrabajo:hover, #btnContra:hover, #botonActividad:hover, #botonVehi:hover, #modificar:hover{
  cursor: pointer;
}

input#inicial, select#inicial{
  padding: 5px;
  box-sizing: border-box;
  font-size: 17px;
  float: right;
  width: calc(100% - 220px);
  margin-top: 12px;
}

label#inicial{
  float: left;
  width: 220px;
  text-align: right;
  padding: 5px;
  margin-top: 12px;
  font-size: 17px;
  box-sizing: border-box;
}
.formDatosTrabajo{
  width: 60%;
  margin: auto;
}

input#trabajo, select#trabajo, textarea#trabajo, input#btntrabajo{
  padding: 5px;
  box-sizing: border-box;
  font-size: 17px;
  float: right;
  width: calc(100% - 275px);
  margin-top: 8px;
}
label#trabajo{
  border: 0px solid black;
  float: left;
  width: 270px;
  text-align: right;
  padding: 5px;
  margin-top: 8px;
  font-size: 17px;
  box-sizing: border-box;
}

input#contra{
  width: 60%;
  font-size: 15px;
}
#botonActividad, #botonVehi, #modificar{
  background: #ff9966;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
}



.principal2{
  border: 2px solid #333;
  margin: auto;
  margin-top: 10%;
  width: 100%;
  height: 400px;
  max-width: 700px;
  min-width: 500px;
  text-align: center;
  font-size: 20px;
  background: #fff;
  box-shadow: 5px 5px 5px black;
}

.contLogin, .logo{
  float: left;
  width: 50%;
  height: auto;
  text-align: center;
  font-size: 20px;
  display: flex;
}

.FormLogin{
  margin: auto;
  width: 45%;
  height:300px;
  max-width: 450px;
  min-width: 250px;
}

input#txtId{
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  font-size: 17px;
  float: left;
}
input#txtContrasena{
  margin-top: 10px;
  width: 80%;
  padding: 10px;
  box-sizing: border-box;
  font-size: 17px;
  float:left;
}
button#mostrarContra{
  width:20%;
  height: 44px;
  margin-top: 10px;
  background: white;
  border: 0.01px solid gray;
}
img#imgCambioContra{
  margin: auto;
}
img{
  margin: auto;
}



label#trabajo2{
  border: 0px solid black;
  float: left;
  width: 270px;
  text-align: right;
  padding: 6px;
  margin-top: 8px;
  font-size: 19px;
  box-sizing: border-box;
}

input#trabajo2, select#trabajo2, textarea#trabajo2, input#btntrabajo2{
  padding: 6px;
  box-sizing: border-box;
  font-size: 17px;
  float: right;
  width: calc(100% - 275px);
  margin-top: 8px;
}

input#trabajo22{
  padding: 4px;
  box-sizing: border-box;
  font-size: 14px;
  float: right;
  width: calc(100% - 275px);
  margin-top: 8px;
}