html, body
{
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: tahoma;
    font-size: 11px;
}

.cssbody0 *
{
    font-size: 9px;
}
.cssbody1 *
{
    font-size: 11px;
}
.cssbody2 *
{
    font-size: 13px;
}
.cssbody3 *
{
    font-size: 15px;
}


ul
{
    list-style: none;
    padding: 0px;
    clear: both;
    height: auto;
}

li
{
    padding: 5px;
    float: left;
}

.divpaginainicio
{
    width: 1600px;
    height: 855px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    margin-top: -426px; /* half main elements height*/
    left: 50%;
    margin-left: -800px; /* half main elements height*/
    background-image: url('/Imagenes/logoinicio.jpg');
    background-repeat: no-repeat;
}

.cajatexto
{
    width: 200px;
}

.areahabil
{
    /*border-top: solid 1px black;*/
    margin: 10px;
}

.areahabilconfusuario
{
    border-top: solid 1px black;
    margin: 10px;
}

.areahabilazure {
    border-top: solid 1px black;
    margin:10px;
    padding-top:10px;
    
}

.cssbody3 .areahabil
{
    top: 80px;
    height: 170px;
}

.cssbody2 .areahabil
{
    top: 78px;
    height: 160px;
}

.lietiqueta
{
    width: 100px;
}

.liboton
{
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}


input[type="submit"]
{
    font-family: tahoma;
}

.lierror
{
    color: red;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.lblusuariovalidado
{
    font-size: 20px;
    font-weight: bold;
}

.dividioma
{
    float: right;
    margin-right: 10px;
}

.dividioma select
{
    width: 140px;
}

.tamletra
{
    margin-left: 10px;
    float: left;
}


.lblenlace
{
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
}



.cssbody3 #divcajavalidacion
{
    height: 460px;
}

.cssbody2 #divcajavalidacion
{
    height: 440px;
}
.cssbody1 #divcajavalidacion
{
    height: 420px;
}
.cssbody0 #divcajavalidacion
{
    height: 410px;
}

.cssbody3 #divcajavalidacionlocal
{
    height: 410px;
}
.cssbody2 #divcajavalidacionlocal
{
    height: 390px;
}
.cssbody1 #divcajavalidacionlocal
{
    height: 370px;
}
.cssbody0 #divcajavalidacionlocal
{
    height: 360px;
}

.areahabil
{
    height: 150px;
}




.logo
{
    position: fixed; left: 50%; margin-left: -175px; top: 8%; width: 350px; z-index: 1820; height:140px;
    box-shadow: 0px 1px 22px rgb(87,85,85);
    border-radius: 10px;
    background-color:white;
    text-align:center;
    padding-top:10px;
}

.logoaula1
{
    top:10%;
    left:10%;
    position:absolute;
    width:420px;
    height:140px;
    z-index: 1000;


}

.logossl
{
    margin: 0 auto;
    position: absolute;
    top: 50%;
    margin-top: 260px; /* half main elements height*/
    margin-left: 50px; /* half main elements height*/
    background-repeat: no-repeat;
    z-index: 200;
}


.botonweb
{
    border: 1px solid black;
    width: 80px;
    height: 30px;
    text-align: center;
    margin: 25px;
    border-radius: 10px;
    -webkit-border-radius: 10x;
    -moz-border-radius: 10px;
    background-color: black;
}

.botonweb a {
    display: block;
    text-decoration: none;
    height: 100%;
    width: 100%;    
    padding-top:9px;
    font-weight:bold;
    font-size:12px;
    color:White;
}

#divcajavalidacion
{
    position: fixed; left: 50%; margin-left: -175px; top: 270px; width: 350px; z-index: 1900;
    box-shadow: 0px 1px 22px rgb(87,85,85);
    border-radius: 10px;
    display: none;
    
}




.show-password {
    border-color: transparent;
    border-style: solid;
    border-top-color: transparent;
    border-width: 4px;
    color: transparent;
    display: inline-block;
    height: 20px;
    right: 10px;
    position: absolute;
    top: 5px;
    transition: all .2s;
    vertical-align: middle;
    width: 20px;
}

    .show-password::after {
        background-color: #34495e;
        border-radius: 7px;
        content: "";
        display: block;
        height: 8px;
        left: 6px;
        opacity: 0.5;
        position: relative;
        top: 2px;
        transition: all .2s;
        width: 8px;
    }

    .show-password:hover {
        border-radius: 20px;
        border-top-color: #34495e;
    }

        .show-password:hover::after {
            opacity: 1;
        }