body {
    /*padding-top: 0px;*/
    padding-left: 0px;
    padding-bottom: 20px;
    background: url('../imagenes/fondoBack.png') no-repeat right/95% fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

#hexa{
  height: 450px;
  background: url('../imagenes/Imagen1.png') no-repeat center/30%;
  text-align: center;
  margin: auto;
  z-index:1;
}

.titleh{
  background-color:#FFF;
  color:#000;
  filter: opacity(.7);
  margin-top:1%;
  z-index:1;
}

#backA{
  height: 100%;
  background: url('../imagenes/backA.jpg') no-repeat left/100%;
  color: #000000;
  margin: 0px auto;
  /*box-shadow: 1px 1px 15px grey;*/
  /*filter: blur(2px);*/
  /*filter: opacity(.7);*/
}

.pad{
  padding: 2rem;
}

#backB{
  height: 100%;
  background: url('../imagenes/97127.jpg') no-repeat right/100%;
  color: #000000;
  margin: 0px auto;

}

#backC{
  /*height: 380px;*/
  background: url('../imagenes/imagen17.png') no-repeat right/60%;
  color: #000000;
  margin: 0px auto;
}

#backD{
  height: 100%;
  background: url('../imagenes/edifb.png') no-repeat right/100%;
  color: #000000;
  margin: 0px auto;
}

#backE{
  height: 100%;
  background: url('../imagenes/edificioC.png') no-repeat right/100%;
  color: #000000;
  margin: 0px auto;
}

#backF{
  height: 100%;
  background: url('../imagenes/edifA.jpg') no-repeat right/100%;
  color: #000000;
  margin: 0px auto;
}

#backG{
  height: 100%;
  background: url('../imagenes/edifC.jpg') no-repeat right/100%;
  color: #000000;
  margin: 0px auto;
}

#backService{
  height: 100%;
  background: url('../imagenes/01.jpg') no-repeat right/100%;
  color: #000000;
  margin: 0px auto;
}

.loader {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 999999;
   background: no-repeat center/10% url('../imagenes/pageLoader.gif') fixed;
   opacity: .8;
}

#contLog{
   position: relative;
}


#login{
   position: absolute;
   top: 25%;
   left: 5%;
   height: 80%;
   width: 90%;
   margin: 0px auto;
   padding: 0px 7px 0px 7px;
   /*line-height: 50px; 
   /*top:100px;*/  
}

.sombra{
   -webkit-box-shadow: 0px 1px 5px 5px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 1px 5px 5px rgba(0,0,0,0.75);
   box-shadow: 0px 1px 5px 5px rgba(0,0,0,0.75);
}

.redondo{
   border-radius: 13px 13px 13px 13px;
   -moz-border-radius: 13px 13px 13px 13px;
   -webkit-border-radius: 13px 13px 13px 13px;
   border: 0px solid #000000;
}

.centrarVer {
   padding: 2% 0 0 0;
   text-align:center;
}

.tabActivo{
   color: #13322B;
   font-weight: bold;
}

nav{
   position: sticky;
   top: 0;
   background-color: #FFF;
   z-index: 5;
}

.pos{
   z-index: 99999;
}

.posicionConfirm{
   z-index: 10000000000000000000000000099999999999999;
}

.letrasm{
   font-size: 14px;
}

.mSombras{
   -webkit-box-shadow: 10px 10px 5px 0px rgba(158,155,158,1);
   -moz-box-shadow: 10px 10px 5px 0px rgba(158,155,158,1);
   box-shadow: 10px 10px 5px 0px rgba(158,155,158,1);
}

.titulo{
  font-size: 22px;
  font-weight: bold;
  color: #10312B
}

.version{
  font-size: 15px;
  font-weight: bold;
  color: #10312B
}

.siglas{
  font-size: 15px;
  font-weight: bold;
  color: #10312B
}

.mboton{
   height:100px;
   width: 80%;
   margin: auto 0px;
   display: flex;
   align-items: center;
   text-align: center;
   position: relative;
}

.hijo {
   position: absolute;
   top: 10%;
   /*left: 25%;*/
   height: 100%;
   width: 100%;
   /*margin: -15% 0 0 -25%;*/
}

.mboton:hover{
   cursor:pointer;
   background-color: #13322B;
   color:#FFF
}

.mediaSombra{
  background-color: #ddc9a3;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;
  -webkit-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.64);
  -moz-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.64);
  box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.64);
}

.mediaSombra-light{
  /*background-color: #ddc9a3;*/
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;
  -webkit-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.64);
  -moz-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.64);
  box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.64);
}

.fontCh{
  font-size: small;
}

.sombra{
  -webkit-box-shadow: 0px 1px 5px 5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 1px 5px 5px rgba(0,0,0,0.75);
  box-shadow: 0px 1px 5px 5px rgba(0,0,0,0.75);
}

.sombraEID{
 -webkit-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75);
 box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75);
}

.redondo{
  border-radius: 13px 13px 13px 13px;
  -moz-border-radius: 13px 13px 13px 13px;
  -webkit-border-radius: 13px 13px 13px 13px;
  border: 0px solid #000000;
}

.mRedondeado{
  border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  -webkit-border-radius: 25px 25px 25px 25px;
  border: 0px solid #000000;
}

.mboton{
  background-color: #BC955C;
  color: #000000;
  height:100px;
  width: 80%;
  margin: auto 0px;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
}

.redondeadoSuperior{
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border: 0px solid #000000;
}

.pestana{
  -webkit-box-shadow: 0px -3px 5px 0px rgba(219, 214, 214, 0.75);
  -moz-box-shadow: 0px -3px 5px 0px rgba(219, 214, 214, 0.75);
  box-shadow: 0px -3px 5px 0px rgba(219, 214, 214, 0.75);

  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border: 0px solid #000000;
}

.nombre{
  display: none;
}

.listaSelectGral{
  background-color: #ddc9a3;
}

.listaSelect:hover{
  background-color: #13322B;
  color: #FFF;
  cursor: pointer;
}

/* diagonal */

/**/

@media screen and (max-width: 700px) {
  body {
    /*padding-top: 0px;*/
    padding-left: 0px;
    padding-bottom: 20px;
    background: url('../imagenes/fondoBack_min.png') no-repeat top/95% fixed;
    margin: 0 auto;
  }

  #hexa{
    height: 350px;
    background: url('../imagenes/Imagen1.png') no-repeat center/50%;
    text-align: center;
    margin: auto;
    
  }

  #imgLogo {
     display: none;
  }

  #menuFijo{
    top: 10px;
    position: fixed;
    z-index: 9999999;
   }
  
   .ul {
    /*display: flex;*/
    position: flex;
    gap: 25px;
    /*color:#000;*/
  }
  
  .ul .li {
    position: relative;
    list-style: none;
    width: 15px;
    height: 15px;
    background: rgb(222, 222, 222);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
  }
  
  .ul .li::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    background: linear-gradient(45deg, var(--i), var(--j));
    opacity: 0;
    transition: 0.5s;
    color:#000;
  }
  
  .ul .li::after {
    content: "";
    position: absolute;
    top: 10px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: linear-gradient(45deg, var(--i), var(--j));
    transition: 0.5s;
    filter: blur(15px);
    z-index: -1;
    opacity: 0;
  }
  
  .ul .li:hover {
    width: 200px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0);
    color: #000;
  }
  
  .ul .li:hover::before {
    opacity: 1;
  }
  
  .ul .li:hover::after {
    opacity: 0.5;
  }
  
  .ul .li i-con {
    color: #777;
    font-size: 1em;
    transition: 0.5s;
    transition-delay: 0.25s;
  }
  
  .ul .li:hover i-con {
    transform: scale(1);
    /*color:#fff;*/
    transition-delay: 0s;
    display:none
  }
  
  .ul .li span {
    position: absolute;
  }
  
  .ul .li .title {
    color: #fff;
    font-size: 0.50em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transform: scale(0);
    transition: 0.5s;
    transition-delay: 0s;
  }
  
  .ul .li:hover .title {
    transform: scale(5);
    transition-delay: 0.25s;
  }
 }

 .cards{
    width: 100%;
    margin:0 auto;
    text-align:center; 
    padding:1%;
 }







 #menuFijo{
  top: 20px;
  position: fixed;
  z-index: 9999999;
 }

 .ul {
  /*display: flex;*/
  position: flex;
  gap: 25px;
  /*color:#000;*/
}

.ul .li {
  position: relative;
  list-style: none;
  width: 60px;
  height: 60px;
  background: rgb(222, 222, 222);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border-radius: 60px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.ul .li::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 60px;
  background: linear-gradient(45deg, var(--i), var(--j));
  opacity: 0;
  transition: 0.5s;
  color:#000;
}

.ul .li::after {
  content: "";
  position: absolute;
  top: 10px;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  background: linear-gradient(45deg, var(--i), var(--j));
  transition: 0.5s;
  filter: blur(15px);
  z-index: -1;
  opacity: 0;
}

.ul .li:hover {
  width: 230px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
  color: #000;
}

.ul .li:hover::before {
  opacity: 1;
}

.ul .li:hover::after {
  opacity: 0.5;
}

.ul .li i-con {
  color: #777;
  font-size: 1.75em;
  transition: 0.5s;
  transition-delay: 0.25s;
}

.ul .li:hover i-con {
  transform: scale(0);
  /*color:#fff;*/
  transition-delay: 0s;
  display:none
}

.ul .li span {
  position: absolute;
}

.ul .li .title {
  color: #fff;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 0s;
}

.ul .li:hover .title {
  transform: scale(1);
  transition-delay: 0.25s;
}