.login-page
{
    /*background:url(../Imagenes/Metso-portada.png) no-repeat center center #fff;*/    
}   

.img-responsive
{
    display:inline;
}
.login-header img
{
    margin:5px 0px 10px 0px;
}

.login-footer
{
    font-size:14px;
    margin-top:15px;
    padding-bottom:5px;
    border-bottom:1px solid #286090;
}

.login-footer2
{
    font-size:14px;
    padding:5px 0px 5px 0px;
    border-bottom:1px solid #286090;
}
.login-footer2 a
{
    color:#333!important;
}

.login-header p
{
    font-size:14px;    
    border-bottom:1px solid #286090;
    border-top:1px solid #286090;
}

.label-error
{
    font-size:13px;
    font-weight:200;
    padding-left:10px;
    color:#EA4335;
    /*color:#150E66;*/
}

.errors-container
{
    font-size:13px;
    font-weight:200;
    color:#EA4335;
    margin-bottom:5px;
}

#NodoHijo{
    background: #464A48;
}

#NodoHijo >li > a{
    color: white;    
}

#NodoHijo >li :hover{
    background: white;
    color: #f00;
}

.myClass > ul >li {    
    padding: 10px 0 10px 5px;    
    width: 155px;
}
    .myClass > ul > li > button {
        text-align: center;
        border: 1px solid #7eb9d0;
        -webkit-box-shadow: #b4b5b5 4px 4px 4px;
        -moz-box-shadow: #b4b5b5 4px 4px 4px;
        box-shadow: #b4b5b5 4px 4px 4px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size: 15px;
        font-family: arial, helvetica, sans-serif;        
        text-decoration: none;
        display: inline-block;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        color: #FFFFFF;
        background-color: #a7cfdf;
        background-image: linear-gradient(to bottom, #a7cfdf, #23538a);
        }
        .myClass > ul > li > button :hover {
            border: 1px solid #5d7fbc;
            background-color: #819bcb;
            background-image: linear-gradient(to bottom, #819bcb, #536f9d);
            }

@media only screen and (min-device-width : 60px) and (max-device-width : 480px) {

    .myClass > ul >li {    
        padding: 0 5px;
        padding-bottom: 20px;
        width: 100%;        
    }   
}

@media only screen and (min-device-width : 481px) and (max-device-width : 991px) {
    .myClass > ul > li {
        display: inline-block;
    }   

}