@charset "utf-8";
/* sombra superior */
.titulo_grande{

  
  color:<?php echo $_SESSION['color_letra_secundaria'];?>;
  text-align: center; 
  overflow: hidden; 
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal;   
  text-align: center;
  padding:5px; 
  margin:5px;
   color:<?php echo $_SESSION['color_letra_secundaria'];?>;
  border-radius:5px;height:100%;
}
 
.subtitulo_grande{

   
  
   overflow: hidden; 
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal;   
  text-align:let;
  padding:5px; 
  margin:5px;
}
.muestra_texto{

 
  height:60px;
  overflow: hidden; 
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal;   
  text-align: center;
  padding:5px; 
  margin:5px;
  
} 
.solo_texto{

   
   
  overflow: hidden; 
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal;   
   
  padding:5px; 
  margin:5px;
  
} 
.leer{

  
   
  overflow: hidden; 
  white-space: normal; 
  word-break: normal; 
  overflow-wrap: normal;    
  word-wrap: normal;   
  text-align: center;
  padding:5px; 
  margin:5px;
  font-style: italic;
  
}
.bordes
  {
    padding: 5px ;
    border: 1px solid rgba(105,105,105,.7);
    border-radius: 5px;
    box-shadow: 7px 7px 5px rgba(105,105,105,.7);
  }
  .sticky
  {
    position:sticky;
    left:0;
  } 
  . table-striped thead tr .sticky
  {
    background: #fff;
    left:-10;
     
  }
  . table-striped  td .sticky
  {
    background: #fff;
     
  }

/* botones */

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

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

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

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

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

   
 
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 (min-width: 768px) {
    /* Ajusta el padding del body solo para este rango de pantalla */
    body {
        padding-top:150px; 
       
        position: relative;
    }
}

@media (min-width: 1154px) {
    /* Ajusta el padding del body solo para este rango de pantalla */
    body {
        padding-top:25px; 
      
        position: static;
    }
}
 
 
 @media (max-width: 767px) {
    /* Ajusta el padding del body solo para este rango de pantalla */
    body {
        padding-top:25px; 
       
        position: relative;
    }
}