*{
    margin: 0;padding:0;
    box-sizing: border-box;
  }
  html{
        scroll-behavior: smooth;
    }
    body{          
      font-family: "Lato", sans-serif;
      background-color: rgb(16, 12, 29);
    }
    
    .sidebar {
      margin: 0;
      padding-top: 20px;
      width: 200px;
      background-color: black;
      position: fixed;
      height: 100%;
      overflow: auto;          
    }
    
    .sidebar a {
      display: block;          
      padding: 10px;
      text-decoration: none;
      color:white;
      text-align: center;
    }
     
    .sidebar a.active {
      background-color: #04AA6D;
      color: white;
      /* margin-top:90px; */
    }
    
    .sidebar a:hover:not(.active) {
      /* background-color: #555; */
      color:rgb(230, 230, 14);
      font-weight: bold;
      
    }

    .espe{
      color:rgb(212, 209, 10);margin-top:30px;text-align: center;padding:20px;line-height: 25px;
    }
    
    .contenido{
      margin-left: 200px;
      
    }
    .contenido1 {
      margin-left: 200px;
      /* padding: 1px 16px; */
      background-color: white;
      /* height: 1000px; */
    }
    .foto{
        width:70%;
        height: auto;         	
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
    .ltexto{
      padding: 10px;
        color:white;
       /*  margin-right:10vw; */
        font-size:20px;
        display:none;
    }
    /* Contenido */
    .titulo{          
      width:100%; padding:30px;text-align:center;background-color: rgb(163, 1, 1);
      color:white;
    }

    #mibtn{
        display:none;
        position:fixed;
        bottom: 20px;
        right:30px;
        z-index:99;
        font-size:35px;
        border:none;
        outline:none;
        background-color:rgb(38, 38, 112,0.6);
        cursor:pointer;
        padding:15px;
        border-radius:4px;
        color:white;
    }
    #mibtn:hover{
        background-color: rgba(60, 60, 175, 0.6)
    }

    #miwat{
        /* display:none; */
        position:fixed;
        bottom: 20px;
        left:60px;
        z-index:99;
        font-size:35px;
        border:none;
        outline:none;
        background-color:rgb(2, 128, 2,0.7);
        cursor:pointer;
        padding:15px;
        border-radius:4px;
        color:white;
        border-radius: 100%;
    }
    #miwat:hover{
        background-color:rgb(26, 165, 26,.06);
        color:red;
    }
    textarea {
      resize: none;
    }
    .area{     
      width:80%;
    }
    .miarea{
      width:100%;
    }
  
    /* Contenido */
          .row{
            width:90%;
            margin:auto;
            display:flex;
            flex-wrap: wrap;
          }

        .column {  
          flex: 50%;
          margin-bottom: 16px;
          padding: 0 8px;
        }

        .card {
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        }

        .container {
          padding: 8px 16px;
        }   

     @media screen and (max-width: 900px) {
          .column {    
            flex: 50%;  
            margin-bottom: 16px;
            padding: 0 8px;  
          }
        }

    @media screen and (max-width: 700px) {
      .sidebar {
        padding-top: 0;  
        width: 100%;
        height: auto;            
        /* position: relative; */
        top:0;
        position:sticky;
       /*  padding:15px;   */
        display:flex;
        justify-content: flex-end;
        align-items: center;
      }
      .contenido, .contenido1 {margin-left: 0;}
       .logo{display:none;}
       .sidebar a.active{margin-top:0;}
       .espe{display:none;}
       .ltexto{display:inline;}
     
    }

      .imagenpc{
    /*     background: rgb(41,36,119);
        background: linear-gradient(90deg, rgba(41,36,119,1) 5%, rgba(66,64,169,1) 48%, rgba(89,89,214,0.9528186274509804) 100%, rgba(0,212,255,1) 100%); */
        background: linear-gradient(170deg, #bc5bff 0, #9651ff 25%, #6e46f9 50%, #423be0 75%, #0031c7 100%);
        width:90%;margin:auto;
        border-radius:20px;
      }
      .imagenlaptop{
        background: rgb(41,36,119);
        background: linear-gradient(90deg, rgba(41,36,119,1) 5%, rgba(66,64,169,1) 48%, rgba(89,89,214,0.9528186274509804) 100%, rgba(0,212,255,1) 100%);
          width:90%;margin:auto;
          border-radius: 15px 50px;

        }
        .imagenimpre{
          width:90%;background-color: #103068;margin:auto;
          border-radius: 50px 15px;
        }
        .imagenmoni{
          width:90%;background-color: #103068;margin:auto;
          border-radius: 15px 50px;

        }
        .imagenredes{
          width:90%;background-color: #103068;margin:auto;
          border-radius: 50px 15px;

        }
    .button {
      border: none;
      outline: 0;
      display: inline-block;
      padding: 8px;
      color: white;
      background-color: #000;
      text-align: center;
      cursor: pointer;
      width: 100%;
    }

    .button:hover {
      background-color: #555;
    }

    /* Formato para texto de cursos */
    .textocurso{
      color:white;
      text-align: center;
    }
    .boton{
        /* background-color:#4CAF50; */
        background-color: #002d8b;
        border:none;
        color:white;
        padding: 10px 25px;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        cursor: pointer;
        width: 100%;
       
    }        
    .boton:hover{
        /* background-color:darkolivegreen; */
        background-color: #0044b6;
    }
    .informapc{
      width:90%;margin:auto;display:flex;
    }
    .informapctexto{
      font-size:2.5vw;color:white;padding:20px;
    }

    .solicitud{
      width:100%;
      height:250px;   
      background-color: rgb(143, 126, 199);       
      background-image: url(rw-graphic01-10p.png);            
   /*    background-repeat:no-repeat;  */
      /* background-size:cover; 
      background-attachment: fixed;   */
  }
  .caja{
    width:100%;
    padding:8px;
    margin-top:10px;
}
  
    @media screen and (max-width: 650px) {
      .contenido, .contenido1 {margin-left: 0;}
       .logo{display:none;}
       .sidebar a.active{margin-top:0;}
       .ltexto{display:inline;font-size:16px;}
       /*  .ltexto{display:none;} */
        
        .espe{display:none;}    
       .caja1,footer,.informa{
         flex-direction: column;
         /* text-align: center; */
           width: 100%;  
        }
      /*  .caja1text, .caja2text{
         width: 100%;
         font-size:4.5vw;
       } */
     
       .informapc{
          flex-direction: column;
           text-align: center;               
       }       
       .informapctexto{
           font-size:5vw;              
      }
       .column {
            flex: 100%;
            display: block;
          }
     
    }
    @media screen and (max-width: 400px) {
      .sidebar a {
        text-align: center;
        float: none;
        padding: 5px;
      }
      .ltexto{display:inline;font-size:16px;}
    
    /*  .ltexto{display:none;} */
    }

    .marcoimagen{
      width: 100%;margin-top:30px;
    }
    h3 {padding-bottom: 10px;}
    .mistemas{
        list-style-type:disc;
        
    }
    .mistemas li{
        padding-bottom: 15px;
    }
    
   
/* TABS PARA TEMAS */
    .tab{
       overflow: hidden; /* Oculta las barras de desplazamiento */    
      background-color: #f1f1f1;             
    }
    .tab button{
        background-color: inherit; /* Indico que tome el mismo color del contenedor padre */
        border:none; /* Quito el borde a los botones */
        outline:none;
        cursor:pointer;
        padding:14px 16px;
        font-size:22px; 
         /* color:white; */
        
        float:left; /* Une los botones */
    }
    .tab button:hover{
         background-color: #ddd;
        /* background-color: rgb(68, 56, 107); */
    }
    .tabcontenido{
        display:none; 
        padding:12px 25px;
        clear:both;
        font-size:18px;
        border:1px solid #ccc;
    }

    .tab button.active{
        /* background-color: #ddd; */
        background-color: rgb(15, 179, 15);
        /* background-color: rgb(34, 27, 58); */
    }