@media only screen and (max-width: 1400px) and (min-width: 991px) 
    {
         .grillaProcesosDobles
         {
                Width : 400px;
         }    


        .tablaMantenedor
            {
                width:700px;
                height:50px;
            }

         .grillaInformes
         {
                width:800px;
         }

    }

    @media only screen and (max-width: 980px) and (min-width: 691px)
    {

        .radMenu
            {
                width:200px;
            }

            .BarraLateral {
                width:200px;
            }

            div.RadPanelBar_PanelManager
            {
                width:200px;
            }

            .qsf-demo-canvas {
                 width: 200px;
            }


            .tdLogo
            {
                width:50%;
            }

            .tdizquierdamaster
            {
                width:200px;
            }

            .tdizquierda
            {
                width:200px;
            }

            .tdderechamaster
            {
                width:780px;
            } 

            .imgManager{
                 width:400px;
                 height:100px;
            }

            .tdimagen
            {
                width: 700px;
            }


            .tdderecha
            {
                width:780px;
            } 
             
            .body
            {
                  width: auto;
                   height:620px;
            }

            .bodygeneral
            {
                  width: auto;
                  height:620px;
            }

            .tdsuperior
            {
                width:auto;
            }

            .tablamaestra 
            {
                width:auto;
            }

            .grillaInformes
            {
                width:600px;
            }


        .tablaMantenedor
            {
                width:600px;
            }

         .grillaProcesos
         {
                Width :600px;
                Height:320px;
         }

         .grillaProcesosDobles
         {
                Width : 300px;
         }    

 
    }
 

    @media only screen and (max-width: 690px) and (min-width: 521px)
    {
            .tdizquierdamaster
            {
                width:0%;
                visibility:hidden;
            }

            .radMenu
            {
                width:100px;
            }

            .BarraLateral {
                width:100px;
            }

            div.RadPanelBar_PanelManager
            {
                width:100px;
            }

            .qsf-demo-canvas {
                 width: 100px;
            }


            .tdLogo
            {
                width:0%;
                visibility:hidden;
            }

            .tdizquierdamaster
            {
                width:0px;
            }

            .tdizquierdamaster
            {
                width:0%;
                visibility:hidden;
            }

            .tdderechamaster
            {
                width:380px;
            } 

            .tdimagen
            {
                width: 300px;
            }


            .imgManager{
                 width:260px;
                 height:50px;
            }


            .tdderecha
            {
                width:380px;
            } 
             
            .body
            {
                  width: auto;
                   height:620px;
            }

            .bodygeneral
            {
                  width: 640px;
                  height:auto;
            }

            .tdsuperior
            {
                width:auto;
            }

            .tablamaestra 
            {
                width:auto;
            }

            .textousuario
            {
                width: 150px;
            }

            .textoclave
            {
                width: 100px;
            }


            .grillaInformes
            {
                width:400px;
            }

            .tablaMantenedor
                {
                    width:300px;
                }

             .grillaProcesos
             {
                    Width : 300px;
                    Height:320px;
             }

             .grillaProcesosDobles
             {
                    Width : 200px;
             }    
 
    }


 @media only screen and (max-width: 519px) and (min-width: 315px)
    {

            .tdizquierda
            {
                width:0%;
                visibility:hidden;
            }

            .tdizquierdamaster
            {
                width:0%;
                visibility:hidden;
            }

            .radMenu
            {
                width:100px;
            }

            .BarraLateral {
                width:100px;
            }

            div.RadPanelBar_PanelManager
            {
                width:100px;
            }

            .qsf-demo-canvas {
                 width: 100px;
            }


            .tdLogo
            {
                width:0%;
                visibility:hidden;
            }

     
            .tdderechamaster
            {
                width:380px;
            } 

            .tdimagen
            {
                width: 300px;
            }


            .imgManager{
                 width:260px;
                 height:50px;
            }


            .tdderecha
            {
                width:380px;
            } 
             
            .body
            {
                  width: auto;
                   height:620px;
            }

            .bodygeneral
            {
                  width: 640px;
                  height:auto;
            }

            .tdsuperior
            {
                width:auto;
            }

            .tablamaestra 
            {
                width:auto;
            }

            .textousuario
            {
                width: 150px;
            }

            .textoclave
            {
                width: 100px;
            }


            .grillaInformes
            {
                width:400px;
            }

            .tablaMantenedor
                {
                    width:300px;
                }

             .grillaProcesos
             {
                    Width : 300px;
                    Height:320px;
             }

             .grillaProcesosDobles
             {
                    Width : 200px;
             }    

    }


    @media only screen and (min-device-width:100px) and (max-device-width:800px) and (orientation:portrait)
    {

            .tdizquierda
            {
                width:0%;
                visibility:hidden;
            }
            .tdizquierdamaster
            {
                width:0%;
                visibility:hidden;
            }

 

            .tdderecha
            {
                width:580px;
            } 

                .body
            {
                  width: 580px;
                   height:620px;
            }

            .textousuario
            {
                width: 250px;
            }

            .textoclave
            {
                width: 200px;
            }

            .tablamaestra 
            {
                width:380px;
            }


            .grillaInformes
            {
                width:200px;
            }

            .tablaMantenedor
                {
                    width:150px;
                }

             .grillaProcesos
             {
                    Width : 150px;
                    Height:320px;
             }

            .label{
                font-weight:bold; 
                font-family: Arial, sans-serif ;
                font-size:large;
                color:#303e4f
            }


    }