html{


  font-family:'Arial';


}

body{
    width: 100%;
}  


hr {
    height: 1px;
    background-color: #dc8609;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 3px;
}


.hr_2 {
    height: 1px;
    background-color: rgb(4, 0, 255);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 3px;
}



.recuadro{
  border: ridge #0064AD 2px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 20px;
  font-weight: 600;
  
}

.recursos{
    width: 130px;
    height: 110px;
    margin-right: auto;
    margin-left: auto;
    
}

.organigrma{
    height: 100%;
    width: 100%;
}

.foter{
    height:50px;
    width:140px;
    position: absolute;
   bottom: 0;
   top:95%;  
   left: 32%;   
}






  .recuadro_input{
    margin-top: 15px; 
    margin-bottom: 15px;
    border: ridge #0064AD 2px;
    font-size: 20px;
    font-weight: 600;
    width: 250px;
    margin-left: 20%;
    text-align: justify;
   
  }

  @media (min-width: 320px) {

    .titulo7{
 
      font-size:22px;

      margin-right:-15px;
      line-height: 1em;
      
    }
    .recursos{
      width: 100px;
      height: 100px;
      margin-right: 3px;
      margin-left: 3px;
      margin: -5px;
      
  }
  .boton_pdf{
    
    background: #dc8609;
    border: #dc8609 solid 1px;
    color:#ffffff;
    font-family: 'negrita';
    font-size: 12px;
    
    padding: 8px;
  }
  

  .recursos1{
    width: 20px;
    height: 20px;
    margin-right: 3px;
    margin-left: 3px;
    margin: -5px;
    
}
}
  @media (max-width: 375px) {

    .recursos{
      width: 10px;
      height: 100px;
      margin-right: 3px;
      margin-left: 3px;
      }

  .icono{
    height:70px;
    width:70px;
    float:left;
    margin-left:18%;
  }

  hr{
    margin-top: 75px;
  }
  .btn{
    margin: -6px;
    margin-left: -20px;

    }

 

    .recuadro_input{
        margin-left: 37%;
    }
  }
  @media (max-width: 425px) {

    .recursos{
      width: 150px;
      height: 130px;
     
    }
    
.titulo7{

font-size: 25;
}

    .icono{
      height:70px;
      width:70px;
      float:left;
      margin-left:17%;
      
    }


      .btn{
      margin: -5px;
      margin-left: -20px;
 
      }




    .recuadro_input{
        margin-left: 20%;
    }
  }
  @media (max-width: 768px) {
  .boton_pdf{
    
    background: #dc8609;
    border: #dc8609 solid 1px;
    color:#ffffff;
    font-family: 'negrita';
    font-size: 14px;
    
    padding: 8px;
  }
  
    .recursos{
      width: 150px;
      height: 130px;
      float: left;

     
    }
    .icono{
      height:70px;
      width:70px;
      float:left;
      margin-left:17%;
      
    }


      .btn{
      margin: -5px;
      margin-left: -20px;
 
      }


    .foter {
        left: 45%;
    }
    .titulo7{

      font-size: 28;
      }
    .recuadro_input{
        margin-left: 20%;
    }
  }
  
  @media (min-width: 1080px) {

    .recursos{
      width: 150px;
      height: 130px;
      margin-right: auto;
      margin-left: auto;
    }


    .recuadro_input{
        margin-left: 37%;
    }
  
    .icono{
      height:70px;
      width:70px;
      float:left;
      margin-left:28%;
      
    }
    .titulo7{

      font-size: 30;
      }

  }


  @media (min-width: 1024px) {
    .icono{
      height:70px;
      width:70px;
      float:left;
      margin-left:45%;
      
    }


    .recuadro_input{
        margin-left: 40%;
    }
    hr{
      margin-top: 100px;
    }
  }


  iframe{
    margin:10px;
    width: 100%; 
    height: 500px;

  }
  @media (min-width: 1200px) {

     .container{
      margin-left: 12%;
    }

  }