
      div#cont-img-inicio.col-md-12
       {
         padding: 0%;
       }
       img#imagen-principal.img-responsive
       {
         position: relative;
         width: 100%;
       }
       label#empo
       {
        position: absolute;
        margin-top: -16%;
        color: white;
        margin-left: 41%;
        font-size: 120%;
       }
       label#insi
       {
        position: absolute;
        margin-top: -14%;
        color: white;
        font-size: 540%;
        margin-left: 38%;
       }
      p#texto2
      {
        margin-left: -3%;
      }
       h1#empoderado
       {
        margin-top: 5%;
        color: #000;
       }
        p#texto
        {
          font-size: 120%;
        }
        ul#lista
        {
          font-size: 120%;
        }
        section#seccion1
        {
          margin-top: 3%;
        }
        div#informacion
        {
          width: 50%;
        }
        p#frase
        {
          color: black;
          font-size: 120%;
        }

        div#contiene
        {
          padding: 5%;
          width: 75%;
          margin-left: 12%;
          border: 1px solid #E0E0E0;
          background: #FAFAFA;
          padding: 20px 20px;
          box-shadow: 0 0 20px rgba(0,0,0,0.15);
          padding-top: 3%;
          padding-bottom: 3%;
        }
        section#informacion_activo
        {
           margin-bottom: 7%;
        }
        h4#principal
        {
          color: #5040ae;
        }
        section#principal
        {
          margin-bottom: 3%;
        }
        p#p1
        {
          font-size: 130%;
        }
        label#etiqueta
        {
          font-size: 130%;
          font-weight: 100;
        }
        button#boton1.btn.btn-primary
        {
         color: #4f4f4e;
         background-color: white;
         border: 1px solid #4f4f4e;
         margin-bottom: 2%;
         font-weight: bold;
         padding-left: 20%;
         padding-right: 20%;
         padding-top: 8%;
         padding-bottom: 8%
        }
       button#boton1.btn.btn-primary:hover
       {
          color: white;
          background-color: #4f4f4e;
          font-weight: bold;
       }
       h3#desarrolla
       {
         color: rgb(80, 64, 174);
       }
       hr#linea1
       {
          width: 65%;
          margin-top: 4%;
       }
       hr#linea2
       {
          width: 65%;
          margin-bottom: 3%;
       }
       section#botones
       {
         margin-top: 4%;
         margin-bottom: 4%;
       }
       @media only screen and (max-width: 991px) {
         button#boton1.btn.btn-primary
        {
         padding-left: 0%;
         padding-right: 0%;
         padding-top: 0%;
         padding-bottom: 0%
        }
      }
      section#clientes
      {
        margin-bottom: 10%;
      }


      @media only screen and (max-width: 1200px) {

           label#empo
          {
            margin-left: 42%;
            font-size: 100%;
          }

          label#insi
          {
             font-size: 440%;
             margin-left: 37%;
          }
        }


      @media only screen and (max-width: 992px) {
         
          label#empo
          {
            margin-left: 44%;
           font-size: 85%;
          }

          label#insi
          {
            margin-left: 39%;
            font-size: 400%;
          }

        } 

         @media only screen and (max-width: 768px) {

           label#empo
          {
            font-size: 78%;
            margin-left: 40%;
          }

          label#insi
          {
            font-size: 350%;
            margin-left: 34%;
          }

        } 


         @media only screen and (max-width: 600px) {

           label#empo
          {
            font-size: 70%;
            margin-left: 39%;
          }

          label#insi
          {
            font-size: 300%;
            margin-left: 33%;
          }


        } 

        @media only screen and (max-width: 476px) {

         
           label#empo
          {
            font-size: 58%;
            margin-left: 37%;
          }

          label#insi
          {
            font-size: 250%;
            margin-left: 30%;
          }


        } 