﻿/* Todos los elementos de tipo "p" con atributo class="aviso"
p.aviso { ... }
 
Todos los elementos con atributo class="aviso" que estén dentro
de cualquier elemento de tipo "p"
p .aviso { ... }
 
Todos los elementos "p" de la página y todos los elementos con
atributo class="aviso" de la página 
p, .aviso { ... }*/


    #logo {
        background-repeat: no-repeat;
        display: block;
        height: 65px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        position: relative;
        width: auto;
    }

    #cuerpo {
        display: block;
        float: left;
        width: 100%;
    }

    #info {
        margin: auto auto;
        text-align: justify;
        width: 60%;
    }

    #regresar {
        margin: auto auto;
        width: 25%;
    }

    .notificacion {
        font-weight: bold;
        font-size: 15px;
        color: rgb(240, 89, 89);
        text-align: right;
        padding: 0;
        margin: 0;
        visibility: visible;
    }

    body,
    form .input {
        font-family: "Open Sans", "Helvetica Neue", "Arial", sans;
    }

    .login input[type="text"] {
        margin-bottom: 5px;
    }

    .login {
        font-size: 13px;
        margin: 5px 0 0 0;
        padding: 0 24px 0;
        vert-align: middle;
        horiz-align: center;
    }

    input {
        box-sizing: border-box;
    }

    body,
    html {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    body {
        background: #f1f1f1;
        color: #444;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        font-size: 13px;
        line-height: 1.4em;
        min-width: 0;
    }

    a {
        -webkit-transition-duration: .05s;
        -webkit-transition-property: border, background, color;
        -webkit-transition-timing-function: ease-in-out;
        color: #0073aa;
        outline: 0;
        transition-duration: .05s;
        transition-property: border, background, color;
        transition-timing-function: ease-in-out;
    }

        a:active,
        a:hover {
            color: #0980a5;
        }
        
    p.submit {
        border: none;
        margin: -10px 0 20px;
    }

    .login * {
        margin: 0;
        padding: 0;
    }

    .login form {
        -webkit-box-shadow: 0 1px 3px #000000;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
        background: #fff;
        box-shadow: 0 1px 3px #000000;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
        margin-left: 0;
        margin-top: 20px;
        padding: 26px 24px 46px;
    }

    #login form p {
        margin-bottom: 0;
    }

        #login form p.submit {
            margin: 0;
            padding: 0;
        }

    .login label {
        color: #72777c;
        font-size: 14px;
    }

    #login {
        margin: auto;
        /*Altura del logo DNM*/
        padding: 5% 0 0;
        vertical-align: middle;
        width: 310px;
    }

    .login h1 {
        height: 35px;
        left: 0;
        /*background-color: #1e8cbe;
	border-top: 1px solid #0079aa;*/
        position: absolute;
        right: 0;
        text-align: left;
        top: 0;
    }

        .login h1 a,
        .login h1 a:hover {
            background: none;
            color: #ffffff;
            display: inline-block;
            font-size: 18px;
            font-weight: 300;
            height: auto;
            letter-spacing: -0.5px;
            line-height: 46px;
            margin: 0;
            overflow: auto;
            padding: 0 12px;
            text-indent: 0;
            width: auto;
        }
            /*Imagen de la cabecera*/

            .login h1 a:before {
                background-position: left center;
                background-repeat: no-repeat;
                background-size: 28px 28px;
                content: '';
                display: inline-block;
                height: 28px;
                position: relative;
                top: 7px;
                width: 28px;
            }

    #login form p {
        margin-bottom: 16px;
    }

    .login label {
        color: #2e4453;
        /* font-family: OpenSans-Semibold; */
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 5px;
    }

        .login label br {
            content: '';
            display: block;
            height: 4px;
        }

    .login input.input {
        -webkit-box-shadow: none;
        background-color: white;
        border: 1px solid #c8d7e1;
        box-shadow: none;
        color: #2e4453;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.5;
        margin: 0;
        padding: 7px 14px;
        transition: all .15s ease-in-out;
        width: 100%;
    }

        .login input.input:hover {
            border-color: #a8bece;
        }

        .login input.input:focus {
            border-color: #0087be;
            box-shadow: 0 0 0 2px #78dcfa;
            outline: none;
        }

    .login p.submit input.wpsubmit2:hover {
        background: #0cbdf2;
    }

    .login p.submit input.wpsubmit2 {
        -webkit-appearance: none;
        background: #00aadc;
        border-color: #00aadc;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px 1px 2px;
        box-sizing: border-box;
        clear: both;
        color: white;
        cursor: pointer;
        display: block;
        float: none;
        font-size: 14px;
        font-weight: 600;
        height: auto;
        line-height: 1.3;
        margin: 0;
        outline: 0;
        overflow: hidden;
        padding: 10px 16px;
        text-decoration: none;
        text-overflow: ellipsis;
        vertical-align: top;
        width: 100%;
    }

    .login #nav {
        font-size: 13px;
        padding: 0;
        margin: 0;
        color: transparent;
        margin-top: 1px;
        padding: 0;
    }

        .login #nav a {
            color: #555d66;
            text-decoration: none;
            border-bottom: 1px solid #c8d7e1;
            border-bottom: 1px solid rgba(200, 215, 225, 0.5);
            color: #87a6bc;
            display: block;
            padding: 10px 5px;
        }

            .login #nav a:hover,
            .login h1 a:hover {
                color: #00a0d2;
            }

            .login #nav a:focus,
            .login h1 a:focus {
                color: #124964;
            }

    #letrerosesionconcluida {
        text-align: center;
        font-size: large;
        color: rgb(240, 89, 89);
    }

    #loginform2 {
        width: 265px;
        height: 70px;
    }