* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#login .container #login-row #login-column #login-box {
  margin-top: 70px;
  max-width: 600px;
  height: 300px;
  box-shadow: 2px 2px 2px 2px #343a40;
  border-radius: 3px;
}
h2 {
  font-family: arboria, sans-serif;
}
.borde {
  border-radius: 15px;
  border: solid 10px #ccc;
  box-shadow: inset 0px 0px 15px 0px #000000;
  width: 1000px;
}
header {
  width: 100%;
}
.navSis {
  width: 100px;
  margin: 5px auto;
  background: #fff;
}
.navegacion {
  width: 1000px;
  margin: 5px auto;
  background: #fff;
}

.navegacion ul {
  list-style: none;
}
.menu > li {
  position: relative;
  display: inline-block;
}

.menu > li > a {
  display: block;
  padding: 15px 15px;
  color: #353535;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

.menu li a:hover {
  color: #ce7d35;
  transition: all 0.3s;
}

/* Submenu*/

.submenu {
  position: absolute;
  background: #fff;
  width: 150%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 1.5s;
}

.submenu li a {
  display: block;
  padding: 15px;
  color: #000000;
  font-family: arboria, sans-serif;
  text-decoration: none;
}

.menu li:hover .submenu {
  visibility: visible;
  opacity: 1;
}