body{
    /*background-color       :#f2f2f2 !important;*/
    background: url('../images/backgrounds/body_2021_1.jpg');
    background-size: 1200 auto;
    margin-top             :0;
    font-family            :"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size              :12px;
    font-family            :VERDANA;
    /*color                :#010341;*/
    color                  :black;
    line-height            :20px;
}

#banner{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    max-width: 1200px;
    width:                  90%;
}

.contenedorprincipal{
    background-color       :rgba(255,255,255,.75);
    width:                  90%;
    max-width: 1200px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
        padding-bottom: 50px;
}

.titulo{
    text-align:         center;
    font-weight:        bold;
    padding-right:      20px;
    padding-top:        35px;
    font-size:          20px;
    margin-bottom:      20px;
}

.pie{
    background-color: black;
    font-size              :12px;
    padding                :3px;
    color                  :white;
    font-weight            :bold;
    position               :fixed;
    width                  :100%;
    bottom                 :0px;
}

.titulo-banner{
    color: white;
    margin-top:         -30px;
    text-align:         left;
    padding-left:       116px;
    font-weight:        bold;
    height: 30px;
}



      .form-signin {
        max-width: 440px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: rgb(60, 56, 63);
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 10px rgba(0,0,0,.05);
                box-shadow: 0 1px 10px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 40px;
        color: white;
      }
      .form-signin img{
          border-radius: 50%;
          margin-bottom: 20px;
          box-shadow: 0px 0px 10px white;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        background-color: rgba(255,255,255, 0);
        color: white;
        font-weight: bold;
        font-size: 18px;
        height: auto;
        width: 100%;
        margin-bottom: 15px;
        padding: 12px 14px;
        border: none;
        border-bottom: 1px solid white;
        transition: all 1s;
      }
      .form-signin input[type="text"]:hover,
      .form-signin input[type="password"]:hover {
        background-color: rgb(44, 9, 9);
        
      }
      input:focus{
        outline:none;
      }

.notificacion th{
    text-align: right;
    padding-right: 10px;

}

.form-signin {
    width: 440px;
}