*{
        margin: 0;
        padding: 0;
    }    

/**
 *     [type=button]{        
 *             background-color: whitesmoke;
 *             border: #000000 solid 1px;
 *             color: #000000;
 *             border-radius: 25px;
 *             line-height: 32px;
 *             font-size: 1.1em;
 *             font-weight: bold;
 *             margin: 1px;
 *             padding: 5px 20px;
 *             cursor: pointer;
 *             
 *     }
 */
 
 
  /* PARA PANTALLAS DE COMPUTADORAS TAMAŅO INTERMEDIO A MAXIMIZADAS */
 
    .New{
        font-size: 30px;
        font-weight: bold;        
    } 
    .bold{
        font-weight: bold;
    }
    .colorfondo{
        background-color: #ededed;
        border-radius: 25px;   
    }
    .colorfondo1{
        background-color: #d6d6d6;
        border-radius: 25px;   
    }
    .colorfondo2{
        background-color: #d6d6d6;
        color: black;
        border-radius: 25px;                  
    }
    .M1234{
        font-size: 14px;
    }
    .M4{
        font-size: 4px;
    }
    .Ma1{
        font-size: 12px;
    }
    .M5{
        font-size: 14px;
    }    
    .M10{
        font-size: 18px;
        /*color: #000000;*/
        border: #FFFFFF solid 1px;
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/
    }
    .M11{
        font-size: 16px;
        color: #000000;
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/        
    }
    .M11-0{
        font-size: 14px;
        /*background-color: #d6d6d6;*/
        color: #000000; /* #000000 */
        border: #FFFFFF solid 1px;
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/    
    }
    .M11-5{
        font-size: 14px;
        background-color: #4c96cf;
        color: #fcfcfc;
        border: #FFFFFF solid 1px;
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/    
    }    
    .M11-20{
        font-size: 14px;
        /*background-color: #d6d6d6;*/
        color: #000000;
        border: #FFFFFF solid 1px;
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/    
    }         
    .M11-1{
        font-size: 24px;
        background-color: #f5f5f5;
        color: black;
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/    
    }
    .M11-2{
        font-size: 24px;
        background-color: #f5f5f5;
        color: #000000;
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/    
    }             
    .M12{
        font-size: 18px;
        color: #000000;
        border: #FFFFFF solid 1px;
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/    
    }
    .M14{
        font-size: 18px;
        border: #FFFFFF solid 1px;              
        /*font-weight: bold;*/
        /*font-family: 'Glass Antiqua', cursive;*/
 
    }
    .M16{
        font-size: 22px;
        border: #FFFFFF solid 1px;
        /*font-family: 'Glass Antiqua', cursive;*/
    }
    .M16a{
        color: #000000;
        font-size: 18px;
        /*font-family: 'Glass Antiqua', cursive;*/
        font-weight: bold;
    }     
    .M18{        
        /*color: #0000FF;*/
        font-size: 20px;
        border: #FFFFFF solid 1px;
        /*font-family: 'Glass Antiqua', cursive;*/    
        /*font-weight: bold;*/
    }
    .MM18{
        font-size: 20px;
        font-weight: bold;        
    }
    .M20{
        font-size: 26px;
        font-weight: bold;        
    }

    @media screen and (max-width: 1248px) and (orientation:portrait) { /* PARA PANTALLAS CELULAR PARADO */	
        /**.Malgo{
            
        }*/
        .M10{
    		display: none;
    	}
        .MUp{
            font-size: 10px;
        }
        .New{
            font-size: 30px;
            font-weight: bold;        
        }                           
        .M11{
            display: none;
        }
        .M11-1{
            font-size: 24px;
            
            /*font-family: 'Glass Antiqua', cursive;*/ 
        }        
        .M11-2{
            display: none;
        }
        .M11-0{
            font-size: 10px;
            background-color: #d6d6d6; /* #d6d6d6 */
            color: #000000   
        }
        .M11-5{
            font-size: 10px;
            background-color: #4c96cf;
            color: #fcfcfc;    
        }        
        .M11-20{
            display: none;    
        }                          
        .M12{
            font-size: 16px;
            /*font-weight: bold;*/
            border: #FFFFFF solid 1px;
            /*font-family: 'Glass Antiqua', cursive;*/        
        }
        .M1234{
            font-size: 12px;
        }
        .M14{
            /*color: #000000;*/
            font-size: 12px;
            /*font-weight: bold;*/
            border: #FFFFFF solid 1px;
            /*font-family: 'Glass Antiqua', cursive;*/       
        }        
        .M16{
            font-size: 22px;
            border: #FFFFFF solid 1px;
            /*font-family: 'Glass Antiqua', cursive;*/
        }
        .M16a{
            color: #000000;
            font-size: 22px;
            font-weight: bold;
            border: #FFFFFF solid 1px;
            /*font-family: 'Glass Antiqua', cursive;*/
        }        
        .M18{
            /*color: #0000FF;*/
            font-size: 12px;
            border: #FFFFFF solid 1px;
            /*font-family: 'Glass Antiqua', cursive;*/        
            /*font-weight: bold;*/
        }
        .M20{
            font-size: 32px;
            font-weight: bold;        
        }


/**
 *         [type=button]{                    
 *             height: 50px;
 *             background-color:whitesmoke;
 *             border: #000000 solid 1px;
 *             border-radius: 25px;
 *             line-height: 32px;
 *             font-size: 1.5em;
 *             font-weight: bold;
 *             margin: 1px;
 *             padding: 5px 20px;
 *             cursor: pointer;
 *         } 
 */
        	    	
    }    
    
    @media screen and (max-width: 1048px) and (orientation:landscape) {	 /* PARA PANTALLAS CELULAR ACOSTADO */
        /* 
           .Malgo{            
        }*/
        .M100{
    		display: none;
    	}
        .MUp{
            font-size: 14px;
        }
        .New{
            font-size: 30px;
            font-weight: bold;        
        }        
        .M123{
            display: none;
        }         
        .M18{
            font-size: 16px;    
        }
        .M11-20{
            font-size: 12px;
        }
        .M11-0{
            font-size: 12px;
            background-color: #d6d6d6;
            color: #000000; 
        }
        .M10{
            font-size: 12px;
        }
        .M14{
            /*color: #000000;*/
            font-size: 12px;
            /*font-weight: bold;*/
            border: #FFFFFF solid 1px;
            /*font-family: 'Glass Antiqua', cursive;*/       
        }            
                	    	
    }
    
        <center>
            #canvas_task {
                    background-color: whitesmoke;
                    height: 1480px;
                    width: 980px;
    
        	}
        </center> 
       
        #Header {
                background-color: whitesmoke;
                position: absolute;
                height: 80px;
                width: 860px;
                left: 0px;
                top: 0px;
        }
        #btn_home {
                background-color: whitesmoke;
                position: absolute;
                height: 50px;
                width: 50px;
                left: 10px;
                top: 15px;
        }
        #btn_search {
                background-color: whitesmoke;
                position: absolute;
                height: 45px;
                width: 45px;
                left: 75px;
                top: 15px;
        }
        #lbl_title {
                background-color: whitesmoke;
                position: absolute;
                height: 50px;
                width: 50px;
                left: 300px;
                top: 90px;
    			font-size:17px;
    			text-shadow: 1px 1px lightgray;
        }
        #btn_support {
                background-color: red;
                position: absolute;
                height: 50px;
                width: 100px;
                left: 640px;
                top: 25px;
        }
        #btn_signup {
                background-color: whitesmoke;
                position: absolute;
                height: 50px;
                width: 100px;
                left: 500px;
                top: 25px;
        }
        #btn_login {
                background-color: whitesmoke;
                position: absolute;
                height: 50px;
                width: 100px;
                left: 650px;
                top: 25px;
        }
        #btn_reset {
                background-color: whitesmoke;
                position: absolute;
                height: 50px;
                width: 100px;
                left: 780px;
                top: 25px;
        }        

        #lbl_banner {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 280px;
                width: 1000px;
                top: 150px;
                margin-left: auto;
                margin-right: auto;
        }
        #lbl_1 {
    			border-radius: 15px;
    			background-color: whitesmoke;
    			color: black;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 100px;
                top: 450px;
    			font-size:17px;
    		
    	}
    	#lbl_2 {
    			border-radius: 15px;
                background-color: whitesmoke;
    			color: black;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 310px;
                top: 450px;
    			font-size:17px;
    		
    			transform: translate(0%, 0%);
    	}
        #lbl_3 {
    			border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 520px;
                top: 450px;
    			font-size:17px;
    				
    			transform: translate(0%, 0%);
        }
        #lbl_4 {
    			border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 730px;
                top: 450px;
    			font-size:17px;
    		
    			transform: translate(0%, 0%);
        }
        #lbl_5 {
    			border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 100px;
                top: 500px;
    			font-size:17px;
    			text-shadow: 1px 1px lightgray;
    			transform: translate(0%, 0%);
        }
        #lbl_6 {
    			border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 310px;
                top: 500px;
    			font-size:17px;
    			text-shadow: 1px 1px lightgray;
    			transform: translate(0%, 0%);			
        }
        #lbl_7 {
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 520px;
                top: 500px;
    			font-size:17px;
    			text-shadow: 1px 1px lightgray;
    			transform: translate(0%, 0%);
        }
        #lbl_8 {
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 730px;
                top: 500px;
    			font-size:17px;
    			text-shadow: 1px 1px lightgray;
    			transform: translate(0%, 0%);
        }
        #lbl_9 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 100px;
                top: 600px;
        }
        #lbl_10 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 100px;
                top: 650px;
        }
        #lbl_11 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 310px;
                top: 600px;
        }
        #lbl_12 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 310px;
                top: 650px;
        }
        #lbl_13 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 520px;
                top: 600px;
        }
        #lbl_14 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 520px;
                top: 650px;
        }
        #lbl_15 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 730px;
                top: 600px;
        }
        #lbl_16 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 730px;
                top: 650px;
        }
        #lbl_17 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 100px;
                top: 750px;

        }
        #lbl_18 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 100px;
                top: 800px;
        }
        #lbl_19 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 310px;
                top: 750px;
        }
        #lbl_20 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 310px;
                top: 800px;
        }
        #lbl_21 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 520px;
                top: 750px;
        }
        #lbl_22 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 520px;
                top: 800px;
        }
        #lbl_23 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 730px;
                top: 750px;
        }
        #lbl_24 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 730px;
                top: 800px;
        }
        #lbl_25 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 100px;
                top: 900px;

        }
        #lbl_26 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 100px;
                top: 950px;
        }
        #lbl_27 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 310px;
                top: 900px;
        }
        #lbl_28 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 310px;
                top: 950px;
        }
        #lbl_29 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 520px;
                top: 900px;
        }
        #lbl_30 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 520px;
                top: 950px;
        }
        #lbl_31 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 30px;
                width: 150px;
                left: 730px;
                top: 900px;
        }
        #lbl_32 {
                border-radius: 15px;
                background-color: whitesmoke;
                position: absolute;
                height: 40px;
                width: 150px;
                left: 730px;
                top: 950px;
        }