@charset "utf-8";
/* sombra superior */

body:before
{
    content: "";
    position: fixed;
    top: -50px;
    left: 0;
    width: 100%;
    height: 10px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    z-index: 100;
    font-size: 16px;

      
}



   
  .bordes
  {
    padding: 5px ;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 7px 7px 5px #888;
  }
  .sticky
  {
    position:sticky;
    left:0;
  } 
  . table-striped thead tr .sticky
  {
    background: #fff;
    left:-10;
     
  }
  . table-striped  td .sticky
  {
    background: #fff;
     
  }
 
body{
       font-family:Arial, Helvetica, sans-serif;
       


}

 p {
     font-family:Arial, Helvetica, sans-serif;
 
}
 th {
    font-family:Arial, Helvetica, sans-serif;
 
}
tr {
    font-family:Arial, Helvetica, sans-serif;
 
}
td {
     font-family:Arial, Helvetica, sans-serif;
}
.contenedor1{
  margin:auto;
  padding:10px;
  border:1px solid rgba(192,192,192,.3);
  border-radius: 8px;
  width:90%;
  margin-bottom:5px ;
 
   
}
.contenedorinterno{
  margin:5px;
  
  padding:10px;
  border:1px solid red;
  border-radius: 8px;
  width:99%; 
   
   
  
 } 
 .contenedor__normal{
  margin:5px;
  padding:5px;
  border:1px solid rgba(192,192,192,.5);
  border-radius: 4px;
  width:99%; 
  background:rgba(192,192,192,.3);
 }
.contenedorsecundario{
  margin:auto;
  
  padding:10px;
  border:1px solid rgba(192,192,192,.7);
  border-radius: 8px;
  
  background: :blue;
  
 }  
.texto__caja
{
  display:flex;
  width:100%;
  overflow: hidden; 
  border-radius: 8px;
  justify-content: center; 
  text-align: center;
  box-sizing: border-box;
  margin: auto;
  
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal; 
  line-height: 1.5;
  
  height:auto;
  padding:10px;
  border-radius: 8px;
}  
img{
  width:100%;
   margin: auto;
  object-fit:contain;  
  float: center;  
  border-radius:8px;


} 

/* texto 12 */
  .texto__12{
  
  
  
  font-size: 12px;
  }

/* texto 14 */
  .texto__14{
   
  font-size: 14px;
  }

/* texto 16 */
  .texto__16{
  display:flex;
  width:100%;
  overflow: hidden; 
  border-radius: 8px;
  justify-content: center; 
  text-align: center;
  box-sizing: border-box;
  margin: auto;
  
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal; 
  line-height: 1.5;
  font-size: 16px;
  }

/* texto 18 */
  .texto__18{
  display:flex;
  width:100%;
  overflow: hidden; 
  border-radius: 8px;
  justify-content: center; 
  text-align: center;
  box-sizing: border-box;
  margin: auto;
  
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal; 
  line-height: 1.5;
  font-size: 18px;
  }

  /* texto 20 */
  .texto__20{
  display:flex;
  width:100%;
  overflow: hidden; 
  border-radius: 8px;
  justify-content: center; 
  text-align: center;
  box-sizing: border-box;
  margin: auto;
  
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal; 
  line-height: 1.5;
  font-size: 20px;
  }


/* botones */

  .btn.btn-verde {
    margin: 5px;
   background:#228b22;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-verde:hover {
    margin: 5px;
    background:#008000;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-rojo {
    margin: 5px;
    background:#f2003c;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-rojo:hover {
    margin: 5px;
    background:#ce2029;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-rojof {
    margin: 5px;
    background:#ff0038;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-rojof:hover {
    margin: 5px;
    background:#ed1c24 ;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-amarillo {
    margin: 5px;
    background:#1d6f42;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
    }
  .btn.btn-amarillo:hover {
    margin: 5px;
    background:#0C7139;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-naranja {
    margin: 5px;
    background:#ffa500 ;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-naranja:hover {
    margin: 5px;
    background:#ff8c00;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-morado {
    margin: 5px;
    background:#9370db ;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-morado:hover {
    margin: 5px;
    background:rgba(119,10,191);height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-azulclaro{
    margin: 5px;
    background:#4682b4;height:auto;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-azulclaro:hover {
    margin: 5px;
    background:#4169e1;height:auto;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-azul{
    margin: 5px;
    background:#003153;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-azul:hover {
    margin: 5px;
    background:#002387;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-cafe{
    margin: 5px;
    background:rgba(151,122,3,.8);height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-cafe:hover {
    margin: 5px;
    background:rgba(151,122,3);height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }

  .btn.btn-marron{
    margin: 5px;
    background:#a32638;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-marron:hover {
     margin: 5px;
    background:#8b0000;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }

  .btn.btn-gris{
      margin: 5px;
    background:rgba(134,136,133,.8);height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-gris:hover {
      margin: 5px;
    background:rgba(134,136,133);height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-azulf{
    margin: 5px;
    background:#0047ab;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-azulf:hover {
    margin: 5px;
    background:#191970;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-neutro{
    margin: 5px;
    background:rgba(140,140,142,.8);height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-neutro:hover {
    margin: 5px;
    background:rgba(140,140,142);height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }

  .btn.btn-verdev{
    margin: 5px;
    background:#009150;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-verdev:hover {
    margin: 5px;
    background:#138808;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }

  .btn.btn-verdeclaro{
    margin: 5px;
    background:#32cd32;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-verdeclaro:hover {
    margin: 5px;
    background:#8bbe1b;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }



  .bregistro
  {
    margin: 5px;
    background:rgb(2,122,13);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .bregistro:hover
  {
    margin: 5px;
    background:rgba(3,161.17);height:55px;
    color:#FFF;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
  }
  .brevisa
  {
    margin: 5px;
    background:rgb(3,145,113);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .brevisa:hover
  {
    margin: 5px;
    background:rgba(4,191,152);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .bcerrar
  {
    margin: 5px;
    background:rgb(215,5,46);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .bcerrar:hover
  {
    margin: 5px;
    background:rgba(241,5,41);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .basiste
  {
    margin: 5px;
    background:rgb(70,194,37);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .basiste:hover
  {
    margin: 5px;
    background:rgba(79,216,43);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .bnoasiste
  {
    margin: 5px;
    background:rgb(115,12,182);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .bnoasiste:hover
  {
    margin: 5px;
    background:rgba(146,16,231);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .breporte
  {
    margin: 5px;
    background:rgb(7,87,155);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .breporte:hover
  {
    margin: 5px;
     background:rgba(11,120,123);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .bnc
  {
    margin: 5px;
    background:rgb(236,115,7);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .bnc:hover
  {
    margin: 5px;
    background:rgba(245,136,40);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .bneutro
  {
    margin: 5px;
    background:rgb(145,145,146);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#060606;
  }
  .bneutro:hover
  {
    margin: 5px;
    background:rgba(177,177,181);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#060606;
  }

   
 
a:hover {
color: #17202A; !important;
}
a:link {
color: #17202A; !important;
}
a:visited {
    color:#17202A;!important;
}
 
#scroll{
  height:700px;
          width:auto;
          overflow-y:scroll;
          overflow-x:hidden;
}
     
 
.ir-arriba{
      display:none;
      padding:20px;
      background:#B38E5D;
      font-size:20px;
      color:#fff;
      cursor:pointer;
      position: fixed;
      border-radius: 10px;
      bottom:20px;
      right:20px;
   
       z-index: 1500;
  }
/* media query */
  @media (200px<= width <=767px)  
  {
    .base__general {margin:auto; padding-top:20px;  max-width: 1000px; min-width:300px; width:100%;    }
  }  
  @media (768px<= width <=1097px)  
  {
    .base__general { margin:auto;padding-top:10px;max-width: 1200px; min-width:300px;  width:100%;   }
  }  
  @media (1098px<= width <=1200px)  
  {
    .base__general { margin:auto;padding-top:20px;  max-width: 1200px; min-width:300px;  width:100%;    }
  } 
  @media (1201px<=  width>=1300px)  
  {
    .base__general { margin:auto;padding-top:20px; max-width: 1200px; min-width:300px;  width:100%;    }
  }
  
 @media (width>=1301px)  
  {
    .base__general { margin:auto;padding-top:30px; max-width: 1200px; min-width:300px;  width:100%;    }
  }