@charset "ISO8859-1";

    body{
        background          : #4F8DB9;
       /* background          : -moz-radial-gradient(center, ellipse cover, rgba(0,91,143,1) 0%, rgba(0,60,121,1) 100%);
        background          : -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,91,143,1)), color-stop(100%, rgba(0,60,121,1)));
        background          : -webkit-radial-gradient(center, ellipse cover, rgba(0,91,143,1) 0%, rgba(0,60,121,1) 100%);
        background          : -o-radial-gradient(center, ellipse cover, rgba(0,91,143,1) 0%, rgba(0,60,121,1) 100%);
        background          : -ms-radial-gradient(center, ellipse cover, rgba(0,91,143,1) 0%, rgba(0,60,121,1) 100%);
        background          : radial-gradient(ellipse at center, rgba(0,91,143,1) 0%, rgba(0,60,121,1) 100%);*/
        font-family         : Verdana,sans-serif,Tahoma;
    }

    .DivNotify {
        width: 100%;
        text-align: center;
    } 
          
    .mytext{
        color               : #333;
        font-weight         : bold;
        text-shadow         : 1px 1px 1px #FFF;
        font-family         : Verdana,sans-serif,Tahoma;        
    }    
            
    .DivLogin{
        width               : 300px;
	    height              : 95px;
	    position            : absolute;
	    left                : 50%;
	    top                 : 50%;
        background          : #ff7300;
        padding             : 10px 0 10px 10px ;
	    margin              : -85px 0 0 -150px;
        font-size           : 14px;
        border-radius       : 5px;
        -webkit-box-shadow  : inset 0 1px 4px #FFF, 1px 1px 3px #333;
        box-shadow          : inset 0 1px 4px #FFF, 1px 1px 3px #333;                      
    }
    
    .ContentField {
        position            : relative;                
        float               : left;
        width               : 100%;
        height              : 50px;
    }
                       
    .FieldImage{              
        position            : absolute;
        top                 : 0;
        left                : 0;
        width               : 25px;
        height              : 35px; 
        padding             : 5px 15px 0 5px;
        background          : #DDD;
        border              : 0;
        border-radius       : 5px 0 0 5px;
        -webkit-box-shadow  : inset 0 1 4px #333, 0 1px #999;
        box-shadow          : inset 0 1px 4px #999, 0 1px #999;                 
    } 
    
    .FieldDiv{
        position            : absolute;
        top                 : 0;
        left                : 40px;
        width               : 250px;
        height              : 40px;              
    } 
            
    input[type=text],
    input[type=password]{
        padding             : 0 10px 0 10px;
        width               : 230px;
        height              : 40px;
        background          : #DDD;
        font-size           : 14px;    
        border              : 0;
        border-radius       : 0px 5px 5px 0;
        -webkit-box-shadow  : inset 0 1px 4px #333, 0 1px #999;
        box-shadow          : inset 0 1px 4px #999, 0 1px #999;                  
    }

    input[type=text]:focus,
    input[type=password]:focus{
        border              : 0px #333; 
        background          : #EEE;    
        padding             : 0 10px 0 10px;
        width               : 230px;                    
    }
    
    .FieldDiv2{
        padding             : 0 16px 0 4px;
        position            : absolute;    
        top                 : 0;
        left                : 40px;
        width               : 230px;
        height              : 40px;
        background          : #DDD;
        border              : 0;
        border-radius       : 0px 5px 5px 0;
        -webkit-box-shadow  : inset 0 1px 4px #333, 0 1px #999;
        box-shadow          : inset 0 1px 4px #999, 0 1px #999;           
    }       
            
    select{                
        position            : relative;
        width               : 240px;
        margin              : 0;
        padding             : 10px 5px 6px 0px;
        height              : 40px;
        line-height         : 14px;
        font-size           : 14px;   
        background          : #f2f2f2; /* Fallback for IE 8 */   
        background          : rgba(0, 0, 0, 0) !important;/* "transparent" doesn't work with Opera */
        border              : 0;
        border-radius       : 0;
        -webkit-appearance  :none;
        -moz-appearance     :none;                     
    } 
          
    select:focus {
        z-index             : 3;
        border              : 0px #333; 
        background          : #EEE;        
    }  
                        
    option {
        height              : 20%;      
        margin              : 3px;
        padding             : 3px 3px;
        font-size           : 10px;
        border-radius       : 5px;
        color               : #333;
        cursor              : pointer; 
        -webkit-appearance  :none;
        -moz-appearance     :none;       
    } 
             
    @-moz-document url-prefix() {/* Dirty fix for Firefox adding padding where it shouldn't. */
      select {
        padding-left: 6px;
      }
    } 
                                     
    .DivBoton{
        position            : absolute;
        top                 : 20px;
        left                : 273px;
        width               : 45px;
        height              : 45px;
        padding             : 11px;
        background          : #ff7300;
        border-radius       : 50%;
        -webkit-box-shadow  : inset 0 1px 4px #FFF, 1px 1px 3pX #333;
        box-shadow          : inset 0 1px 4px #FFF, 1px 1px 3px #333; 
 
    } 
    
    .login-button {
        position            : relative;
        z-index             : 2;
        width               : 45px;
        height              : 45px;
        padding             : 0px ;
        background          : rgb(217 92 92 / 95%) url("images/flecha.png") ;
        background-repeat   : no-repeat;
        background-position : 7px 7px;
        background-size     : 32px 32px;
        text-indent         : 120%; /*Fix wrong positioning in Firefox 9 & older (bug 450418)*/
        white-space         : nowrap;
        overflow            : hidden;
        border              : 0;
        border-radius       : 24px;
        cursor              : pointer;
        -webkit-box-shadow  : inset 1px 1px 2px #FFF, 1px 1px 2px #333;
        box-shadow          : inset 1px 1px 2px #FFF, 1px 1px 2px #333;
    }
    
    .CuadritoBlanco1{
        background          : #ff7300;
        border              : 0;
        width               : 10px;
        height              : 10px;
        position            : absolute;
        top                 : 15px;
        left                : 300px;
        z-index             : 5;   
    }
    
    .CuadritoBlanco2{
        background          : #ff7300;
        border              : 0;
        width               : 20px;
        height              : 9px;
        position            : absolute;
        top                 : 51px;
        left                : 255px;
        z-index             : 5;    
    }
    
    .CuadritoBlanco3{
        background          : #ff7300;
        border              : 0;
        width               : 20px;
        height              : 9px;
        position            : absolute;
        top                 : 73px;
        left                : 270px;
        z-index             : 5;  
    }
    
    .CuadritoBlanco4{
        background          : #ff7300;
        border              : 0;
        width               : 10px;
        height              : 10px;
        position            : absolute;
        top                 : 85px;
        left                : 300px;
        z-index             : 5;   
    }
    
    .DivRecordar{
        font-size           : 11px;
        padding             : 0 10px 0 0;         
    }

    .loguin-error{
        width               : 290px;
	    height              : 60px;
	    position            : absolute;
	    left                : 50%;
	    top                 : 50%;
        padding             : 10px 0px 10px 10px ;
	    margin              : 120px 0 0 -150px;
        font-size           : 14px;
        text-align          : center;
        color               : #FFF;
        font-weight         : bold;
        text-shadow         : 1px 1px 1px #333;
        font-family         : Verdana,sans-serif,Tahoma;             
    }

    .LogoLogin{
        width               : 594px;
	    height              : 124px;
	    position            : absolute;
	    left                : 50%;
	    top                 : 50%;
	    margin              : -240px 0 0 -285px;
        font-size           : 14px;
        text-align          : center;
        color               : #FFF;
        font-weight         : bold;
        text-shadow         : 1px 1px 1px #333;
        font-family         : Verdana,sans-serif,Tahoma; 
        background          : url("images/registrese.png?v2") ;
        background-repeat   : no-repeat;
        background-size     : 100% auto ;          
    }