﻿body {
    margin:0;
    padding:0;
    font-family:sans-serif;
}

.contenedor-login {
    width: 500px;
    height: 420px;
    background: #ffffff;
    color: #000000;
    top: 50%;
    left: 30%;
    position: absolute;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 70px 30px;
}

    .contenedor-login .logo-GosemImport {
        width: 320px;
        height: 70px;
        position: absolute;
        top: -50px;
        left: calc(28% - 50px);
    }

    .contenedor-login span {
        margin: 0;
        padding: 0;
        font-weight: bold;
        display: block;
        color: #5D5D5D;
    }

    .contenedor-login select {
        outline:none;
        border-radius: 20px;
        height: 40px;
        font-size: 16px;
    }

    .contenedor-login input {
       width:100%;
       margin-bottom:35px;      
    }

        .contenedor-login input[type=text],
        .contenedor-login input[type=password] {
            border:none;
            border-bottom:2px solid #808080;
            background:transparent;
            outline:none;
            height:40px;
            color:#000000;
            font-size:16px;
        }

        .contenedor-login input[type=submit] {
            border: none;
            outline: none;
            height: 40px;
            background: #3B8EDA;
            color: #ffffff;
            font-size: 18px;
            border-radius: 20px;
        }

            .contenedor-login input[type=submit]:hover {
                background: #0360BD;
            }

.contenedor-login hr {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 400px;
    position: absolute;
    top: 8%;
    right: -10%;
}

/*-----------------------------------------------------------------------*/

    .logo-login {
        width: 530px;
        height: 425px;
        top: -5%;
        left: 120%;
        position: absolute;
    }

