@font-face {
    font-family:'UniviaPro-Regular';
    src: url(../fonts/univia/UniviaPro-Regular.otf);
}
html{background:radial-gradient(ellipse at center, rgba(255,255,255,1) 30%,rgba(240,240,240,1) 100%);}
body{
    background: url(../img/bg_sefip_gris.png) top left fixed;
}
.login{
    max-width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -200px;
    margin-left: -250px;
    padding: 25px;
    background:rgba(255,255,255,0.9);
    box-shadow: 1px 1px 70px rgba(255,255,255,0.9),
                -1px -1px 70px rgba(255,255,255,0.9);
    border-radius: 25px;
    }
.login img.img-responsive{
    width: 150px;
    margin: 0 auto;   
    }
.login input{
    border: 0;
    box-shadow: inset 0px 0px 10px 1px rgba(200,200,200,0.4);
    border-radius:12px;     
    }
.login .btn-captcha{
    background-color: #828282;
    color:#fff;
    border:0;
    border-bottom:3px solid #ddd;
    border-image: linear-gradient(to right,
        #e8550d 0%, #e8550d 50%,
        #E6AD2F 50%, #E6AD2F 100%
        )100% 1 ;
    }
.login .btn-captcha.active,
.login .btn-captcha:hover,
.login .btn-captcha:focus{
    background-color: #e8550d;
    color:#fff;
    border:0;
    border-bottom:3px solid #ddd;
    border-image: linear-gradient(to right,
        #C4131B 0%, #C4131B 50%,
        #E6AD2F 50%, #E6AD2F 100%
        )100% 1 ;
    }
.login .btn-login{
    background-color: #828282;
    color:#fff;
    border:0;
    border-bottom:3px solid #ddd;
    border-image: linear-gradient(to right,
        #8cc026 0%, #8cc026 50%,
        #1F934C 50%, #1F934C 100%
        )100% 1;
    }
.login .btn-login:focus,
.login .btn-login:hover{
    background-color: #1F934C ;
    color:#fff;
    border:0;
    border-bottom:3px solid #ddd;
    border-image: linear-gradient(to right,
        #E6AD2F 0%, #E6AD2F 50%,
        #8cc026 50%, #8cc026 100%
        )100% 1;
    }
.borfer-radius-right{
    border-radius: 0 12px 12px 0;
    }
.borfer-radius-left{
    border-radius:12px 0 0 12px;
    }
.login .input-ur{
    border-radius:12px 0 0 0px!important;
    background:#eee;
    min-width: 50px;
    text-align: center;
    border:0;
    border-bottom:3px solid #553276;
    }
.login .input-user{
    border-radius: 0 12px 0 0;
    border:0;
    border-bottom:3px solid #ddd;
    border-image: linear-gradient(to right,
        #8D3B88 0%, #8D3B88 50%,
        #d60071 50%, #d60071 100%
        )100% 1;
    }
.login .input-pass{
    border-radius:12px 12px 0 0;
    border:0;
    border-bottom:3px solid #ddd;
    border-image: linear-gradient(to right,
        #d60071 0%, #d60071 50%,
        #e8550d 50%, #e8550d 100%
        )100% 1;
    }
/*.login {
    font-family:'UniviaPro-Regular';
    display: block;
    width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -250px;
    padding: 20px !important;
    background: #ffffff;
    border:0;
    border-bottom:2px solid #ddd;
    border-image: linear-gradient(to right,
        #553276 0%, #553276 10%,
        #8D3B88 10%, #8D3B88 20%,
        #C4131B 20%, #C4131B 30%,
        #d60071 30%, #d60071 40%,
        #e8550d 40%, #e8550d 50%,
        #E6AD2F 50%, #E6AD2F 60%,
        #8cc026 60%, #8cc026 70%,
        #1F934C 70%, #1F934C 80%,
        #00a097 80%, #00a097 90%,
        #553276 90%, #553276 100%
        )100% 1 ;
    box-shadow: 0px 15px 15px -10px rgba(100,100,100,0.9);
}
.login form input {
    font-size: 11px;
}
.login form {
    border-radius: 10px;
    background: rgba(255,255,255,0.5);
    padding: 10px;
}
#login-form input{
    border-color: #ccc;
    border-radius: 3px 3px 0px 0px;
    border-bottom:3px solid;
    box-shadow: inset 0px 0px 7px rgba(200,200,200,0.9);	}
#login-form .btn-default{
    background:#B7156D;
    border-color:#a0125f;
    color:#FFF;
}
#login-form .btn-default:hover{
    background:#a0125f;
}
.login #claveUr{ 
    width: 50px;	
    border-radius: 3px 0px 0px 0px;
    border-right:3px solid #579A8D;	
    border-bottom:3px solid #C4131B;
    box-shadow: inset 0px 0px 7px rgba(183, 21, 109,0.2);
}
.login #usuario{
    border-bottom-color:#9DBF3B;
    border-left:0px;
    border-radius: 0px 3px 0px 0px;
    box-shadow: inset 0px 0px 7px rgba(157, 191, 59,0.5);
}
.login #pass{
    border-bottom-color:#E6AD2F;
    box-shadow: inset 0px 0px 7px rgba(230, 173, 47,0.5);
}
.login #captcha{
    border-bottom-color:#8D3B88;
    border-radius: 0px 3px 0px 0px;
    border-left:0px;
    box-shadow: inset 0px 0px 7px rgba(183, 21, 109,0.2);	
}
.login #refrescaCaptcha {
    background:#553276;
    border-color:#553276;
    height:34px;
}

#siimage {
    border:0px solid;
    border-top:1px solid #999;
    cursor: pointer;
    width: 100%;
}
textarea, input {
    text-transform: uppercase;
}
#login-form small {
    font-size: 8px;
}
#login-form button.sis:nth-child(1){
    background:#B7156D;
}
#login-form button.sis:nth-child(2){
    background:#579A8D;
}
#login-form button.sis:nth-child(3){
    background:#9DBF3B;
}
#login-form button.sis:nth-child(4){
    background:#1F934C;
}
#login-form button.sis:nth-child(5){
    background:#8D3B88;
}
#login-form button.sis:nth-child(6){
    background:#553276;
}
#login-form button.sis:nth-child(7){
    background:#E6AD2F;
}
#login-form button.sis:nth-child(8){
    background:#CD581F;
}
#login-form button.sis:nth-child(9){
    background:#C4131B;
}
*/
ul.sefip-modulos{
    list-style: none;
    margin:0; 
    padding:0;
    /*border-radius:15px;
    border:1px solid #555;*/
    overflow: hidden;
    background-color: rgba(255,255,255,0.8);
    }
ul.sefip-modulos li{
    display:block;
    border-bottom:1px solid #eee;
    overflow:hidden;
    height:40px;
    line-height:40px;
}
ul.sefip-modulos li span,
ul.sefip-modulos li a{
    float: right;
    }
ul.sefip-modulos li span{
    display: inline-block;
    color:#fff;
    text-align:center;
    margin-left:5px;
    width:50px;
    font-size: 14px;
    border-radius: 0px 10px 10px 0px;
    }
ul.sefip-modulos li a{
    display: inline-block;
    text-align: right;
    font-size: 10px;
    color: #555;
    }
.modulo-poa span{/*rosa*/
    background-color:#d60071;
    }
.modulo-scg span{/*morado*/
    background-color:#553276;
    }
.modulo-si span{/*ginda*/
    background-color:#8D3B88;
    }
.modulo-mga span{/*rojo*/
    background-color:#C4131B;
    }
.modulo-sop span{/*naranja*/
    background-color:#e8550d;
    }       
.modulo-scp span{/*amarillo*/
    background-color:#E6AD2F;
    }   
.modulo-tes span{/*limon*/
    background-color:#8cc026;
    }
.modulo-srv span{/*verde*/
    background-color:#1F934C;
    }       
.modulo-mcs span{/*turquesa*/
    background-color:#00a097;
    }