* {
  margin: 0px;
  padding: 0px;
}

.html {
  background: #004D1E url("../imagenes/fondo.jpg") no-repeat center top scroll;
  background-size: cover;
}

.html2 {
  background: #004D1E url("../imagenes/fondo2.jpg") no-repeat center top scroll;
  background-size: cover;
}

h1, h2, h3, h4, h5 {
  padding: 8px;
  text-align: center;
}

p {text-align:justify; margin-bottom:3px; color:navy !important;}

a:link, a:visited {
  color: navy !important;
}

a:hover {
  color: yellow;
}

a:active {
  color: blue;
}

.boton {
  text-decoration:none;
  display:inline-block;
  min-width:125px;
  background:#06823D;
  padding:6px;
  margin:3px;
  text-align:center;
  border-radius:7px;
  color:yellow !important;
  border:solid 1px #1A4575;
}
.boton:hover {background:yellow; color:#06823D !important; border:solid 1px #20538D;}

div#acceso {
  margin: auto;
  margin-top: 79px;
  padding: 17px 73px 28px 63px;
  width: 445px;
  border: 2px solid #ffffff;
  background-color: transparent;
  border-radius: 12px;
  color: white;
}

div#login {
  margin: auto;
  margin: 3px 12px;
  width: 435px;
  border: 2px solid #ffffff;
  border-radius: 14px;
  background-color: rgba(0, 135, 100, 0.5);
}

input#usuario, input#clave {
  padding-left: 4px;
  height: 22px;
  border: 2px solid #ffffff;
  border-radius: 6px;
}

input#usuario:focus, input#clave:focus {
  border: 2px solid #004e28;
  border-radius: 6px;
}

input#ingresar {
  width: 197px;
  border: 2px solid #ffffff;
  border-radius: 10px;
  background-color: #398073;
  color: white;
  padding: 10px;
  font-size: 14px;
  letter-spacing: 1px;
}

input#ingresar:hover, input#ingresar:focus {
  background-color: #004e28;
  color: white;
  font-variant-caps: small-caps;
}

div#info {margin:auto; margin-top:12px; width:1024px; height:125px;}
div#info-r {padding-top:8px; width:200px; height:66px; text-align:center; float:right; color: white;}
div#info-m {padding:2px; width:639px; height:75px; border:2px solid white; float:left; background-color:rgba(192, 226, 20, 0.81);}
div#info-m h1 {margin-top:10px;}


div#contenido {
  margin: auto;
  padding: 12px;
  width: 996px;
  border: 2px solid #ffffff;
  background-color: rgba(0, 135, 100, 0.5);
  border-radius: 7px;
  color: white;
}

.ver table {
  border: none;
  width: 980px;
  table-layout: fixed;
}

.ver thead, .ver tbody {
  display: block;
  overflow-y: scroll;
}

.ver thead td {
  color: white;
  background-color: #525564;
  height: 30px;
  text-align: center;
}

.ver tbody {
  height: 385px;
}

.ver tbody td {
  height: 20px;
}

.ver tbody tr:nth-child(odd) {
  background-color: #c0c0c0;
}

.ver tbody tr:hover {
  color: white;
  background-color: #c25b56;
}

th, td {
  padding: 3px;
}

.fila1 {
  color: black;
  background-color: #FEF6EB; //#96C0CE;
}

.fila2 {
  color: black;
  background-color: #c0c0c0; //#BEB9B5;
}

.fila1:hover, .fila2:hover {
  color: white;
  background-color: #C25B56;
}

div#marco {
  margin: auto;
  width: 1024px;
  height: 500px;
  background-color: rgba(255, 255, 255, 0.75);
  overflow: scroll;
}

.menu {
  margin: 10px;
  padding-top: 15px;
  border: 2px solid #7c93c8;
  display: inline-block;
  overflow: hidden;
  height: 115px;
  width: 140px;
}
.menu:hover {
  background-color: #a9c87c;
  border: 2px solid #777;
  color: white;
}
.menu a {
  text-decoration: none;
  color: black;
}
.menu a:hover {
  color: white;
}
.menu span {
  padding: 2px 40px;
  font-size: 60px;
}
.desc {
  padding: 15px 5px;
  text-align: center;
  font-size: 14px;
}

.icobot {display:table-cell; width:33px; height:30px; background-color:white; vertical-align:middle; font-size:20px; cursor:pointer; text-align:center; text-decoration:none; border-radius:10px; box-shadow:3px 4px #999;}
.icobot:hover {background-color:#3e8e41;}
.icobot:active {background-color:#3e8e41; box-shadow:3px 1px #666; transform:translateY(3px);}