/* $$$$$$$$$$$$$$$$$$$$$$$$ ESTILO DEL CONTENIDO DE PAGINA INDEX $$$$$$$$$$$$$$$$$$$$$$$$$*/
  .mainppal {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 1100px;
    max-width: 1100px;
    padding: 13px 0px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin:0 auto;
    /*background-color: rgb(241, 20, 12);*/
  
  }
/* $$$$$$$$$$$$$$$$$$$$$$$$ INICIO SECTION CONTENIDO $$$$$$$$$$$$$$$$$$$$$$$$$*/
  .seccion_contenido {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-basis: 75%;
    max-width: 75%;
    padding: 5px auto;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin:0px 4px;
    /*background-color: violet;*/

  }

/* $$$$$$$$$$$$$$$$$$$$$$$$ INICIO SECTION ART PRINCIPAL $$$$$$$$$$$$$$$$$$$$$$$$$*/
  .sect_art_principal {
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:0px 0px;
    flex-basis:auto;
    width: 96%;
    max-width: 96%;
    padding: 10px 0px;
    font-size: 1.2rem;
    line-height: 1.3rem;
    /*background-color: yellow;*/

  }
/* $$$$$$$$$$$$$$$$$$$$$$$$ INICIO ARTICULO PRINCIPAL $$$$$$$$$$$$$$$$$$$$$$$$$*/
  .articuloppal {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin:0 0;
    flex-basis: 96%;
    max-width: 96%;
    padding: 0px 0px;
    font-size: 1.2rem;
    line-height: 1.3rem;
    /*background-color: rgb(80, 58, 16);*/
  }

  #resumen_noti_ppal{ 
 font-size: 1rem;
    
  }
  
  .spanartppal{ /* $$$$$$$$$$$$$$$$$ SPAN REFERENCIA ARTICULO PRINCIPAL $$$$$$$$$$$$$$$$$$$$$$$$$*/
    display: flex;
    width: 96%;
    margin-top:7px;
    margin-bottom:15px;
    height: 25px;
    padding: 7px 0;
    line-height: 0.9em;
    font-size: 0.8em;
    word-wrap: break-word;
    color: rgb(148, 144, 144);
    background-color: rgb(247, 241, 241);

  }

  .imgnotippal {
    display: flex;
    width: 320px;
    height: 400px;
    max-width: 320px;
    max-height: 400px;
            
  }

  .documentopdfsie{
    display: flex;
    width: 100%;
    height: 430px;

  }

   
  #linea_separa_artic_ppal{ /*LINEA SEPARA NOTICIA PPAL DE TRES ARTICULOS*/
    display: flex;
    width: 96%;
    margin: 20px 0px 20px 0px;
    border: 0.3px solid rgb(204, 198, 198);
    height: 0.5px;
    
  }

  /* $$$$$$$$$$$$$$$$$$$$$$$$ INICIO SECTION PPAL TRES ARTICULOS $$$$$$$$$$$$$$$$$$$$$$$$$*/
  .sect_tresarticulos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:0px 0px;
    width: 96%;
    max-width: 96%;
    padding: 5px 0px;
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.6rem;
    /*background-color: tomato;*/

    }

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ - INICIO TRES ARTICULOS - $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$-*/

  .articulos {
    display: flex;
    flex-direction: column;
    flex-basis: 31%;
    max-width: 31%;
    padding: 0px 0px 0px 0px;
    font-size: 0.9rem;
    word-wrap: break-word;
    line-height: 1.2rem;
    margin:0 0;
    word-wrap: break-word;
    /*background-color: yellowgreen;*/
  }

  .linea_articulos {  /*LINEA SECCION ARTICULOS*/
  
    display: flex;
    height: 0.5px;
    max-width: 98%;
    margin-top: 12px;
    margin-bottom: 5px;
    border: 0.3px solid rgb(223, 216, 216);


  }

  #tit_ppal { /*TITULOS PPLES*/
    display: flex;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    color: rgba(33, 23, 90, 0.993);
    text-align: left;

    }

    #subtit_tarea { /*SUBTITULOS TAREAS*/
      display: flex;
      display: inline;
      font-size: 1.1rem;
      color: rgb(247, 9, 9);
      text-align: left;

    }
    
    #refer_tarea {  /*cita de la tarea, circulares  y resolucones*/
      display: flex;
      display: inline;
      margin:5 0;
      width: auto;
      max-width: 240px;
      height: 32px;
      padding: 4px 0px;
      line-height: 1.2em;
      font-size: 0.7rem;
      word-wrap: break-word;
      color: rgb(148, 144, 144);
      background-color:  rgb(247, 241, 241);

    }

    /* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ - INICIO SECCION ENLACES - $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$-*/
    
    .seccion_enlaces{
      
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      width: auto;
      margin:5px 0px;
      max-width: 96%;
      padding: 0px 0px;
      font-size: 1.2rem;
      line-height: 1.6rem;
      /*background-color: rgb(231, 224, 228); */}

      .div_tutoriales {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 370px;
        padding: 0;
        margin: auto;
        /*background-color: rgb(140, 197, 27);*/
      }

    
    .imgcenter{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;

    }


    .div_enlaces {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 140px;
      height: 130px;
      max-width: 140px;
      max-height: 130px;
      margin:10px 7px;
      padding: 5px 2px;
      font-size: 0.9rem;
      line-height: 1.2rem;
      text-align: center;
      background-color: rgb(243, 245, 239);

    }

    .img_enlaces {
      display: flex;
      position: relative;
      align-self: centers;
      width: 93px;       
      height:100px; 
      max-width: 93px;
      max-height: 100;
      margin-bottom: 3px;
      
    }

   /*fomato para enlacess */
   .linkdescarga {
     display: flex;
     overflow: hidden;
     font-size: 1.5rem;
   }

   .descarga { /* FORMATO IMAGEN DE DESCARGA */
    display: flex;
    /*align-content: flex-end;  ## se quito el 05/04/2020
    position: relative;*/
    float: right;
    width: 21px;       
    height:21px;       
    max-width: 21px;
    max-height: 21px;
         
  }

  /*Comienza fomato para el encabezados */

   h1  { /* titulo noticia ppal */
    display: flex;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.5rem;
      line-height: 1.5rem;
      /*color: rgb(52, 50, 54);*/
      color: rgba(33, 23, 90, 0.993);
 
   }

   h2 { /* titulo enlaces */
    display: flex;
    display: inline;
    width: 96%;
    height: 33px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color:rgba(33, 23, 90, 0.993);
    /*color: rgb(52, 50, 54);*/
    line-height: 1.4rem;
    padding-top: 0.2rem;
    /*background-color:rgba(33, 23, 90, 0.993);*/
     }

   h3 { /* titulo principal del asaid */
    display: flex;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: rgb(52, 50, 54);
    
    }

  h4 { /* titulo de articulos */
      display: flex;
      display: inline;
      width: 100%;
      height: 35px;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.1rem;
      color: rgb(244, 242, 247);
      line-height: 1rem;
      padding-top: 0.6rem;
      background-color: rgb(6, 87, 192);
       }

  h5 {  /* subtitulos del articulos y asaid */
      display: flex;
      display: inline;
      font-size: 1.1rem;
      color: rgb(52, 50, 54);
      text-align: left;
      line-height: 1.3rem;
      }
 .documentopdf {
        display: flex;
        width: 103%;
        height: 1000px;
  
      }

      .documentopdf2 {
        display: flex;
        width: 99%;
        height: 920px;
  
      }
      .documentopdfdiapositiva {
        display: flex;
        width: 96%;
        height: 400px;
  
      }