/*
*/

body{
        font-family: 'Roboto', sans-serif;
        background-color:#C9C9C9;
        color:#f39c12;
        margin: 0 !important;
    }
    h1{
        color:#f39c12;
        font-weight: 300;
    }
    .ingresar{
/*           background-color: #2961A9; */
          background-color: #000000;
          border: none;
          border-radius: 5px;
          border-bottom: 5px solid #f39c12;
          color: #f39c12;
          cursor: pointer;
          font-size: 20px;
          font-style: normal;
          font-weight: 300;
          height: 50px;
          vertical-align: top;
          width: 39%;
    }
    .login-input{
        border: none;
        border-bottom: 1px solid;
        width: 80%;
        margin: 2.5%;
        font-size: 20px;
        /*display: block;*/
        color: #000000;
/* 	#2961A9 azul */
    }
    .login-input::-webkit-input-placeholder { color: #f39c12; font-weight :300; }
    .login-input:-moz-placeholder { color: #f39c12; font-weight: 300; }
    .login-input::-moz-placeholder { color: #f39c12; font-weight: 300; }
    .login-input:-ms-input-placeholder { color: #f39c12; font-weight: 300; }

    .guardar{
        display: block;
        border: none;
        background-color: #f39c12;
        padding: 10px 5%;
        color: white;
        border-radius: 10px;
    }
    .login-form{
        position: absolute;
        top: 10%;
        left: 30%;
        text-align: center;
        width: 40%;
        background-color:white; 
        padding: 2%;
        box-shadow: 5px 5px 3px #888888;
    }
    .login-form-dos{
        position: absolute;
        top: 10%;
        left: 15%;
        text-align: center;
        width: 60%;
        background-color:white; 
        padding: 2%;
        box-shadow: 5px 5px 3px #888888;
    }
    .login-logo{
        width: 40%;
        height: auto;
    }