@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/lato-black-webfont.eot');
    src: url('../fonts/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black-webfont.woff') format('woff'), url('../fonts/lato/lato-black-webfont.ttf') format('truetype'), url('../fonts/lato/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/lato-bold-webfont.eot');
    src: url('../fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold-webfont.woff') format('woff'), url('../fonts/lato/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/lato-bolditalic-webfont.eot');
    src: url('../fonts/lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic-webfont.woff') format('woff'), url('../fonts/lato/lato-bolditalic-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/lato-italic-webfont.eot');
    src: url('../fonts/lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic-webfont.woff') format('woff'), url('../fonts/lato/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/lato-light-webfont.eot');
    src: url('../fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light-webfont.woff') format('woff'), url('../fonts/lato/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/lato-regular-webfont.eot');
    src: url('../fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular-webfont.woff') format('woff'), url('../fonts/lato/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.login {
    margin-top: 100px;
}

.login .logo {
    text-align: center;
}

.login .logo img {
    max-width: 100%;
}

.login .lang a {
    text-transform: uppercase;
}


#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#footer p.credit {
    text-align: center;
}

.downloadLogo  {
    max-width: 100%;
}

.oneDownload {
    background: -moz-linear-gradient(-45deg,  rgba(88,189,239,1) 0%, rgba(95,188,238,0) 20%, rgba(125,185,232,0) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(88,189,239,1)), color-stop(20%,rgba(95,188,238,0)), color-stop(100%,rgba(125,185,232,0)));
    background: -webkit-linear-gradient(-45deg,  rgba(88,189,239,1) 0%,rgba(95,188,238,0) 20%,rgba(125,185,232,0) 100%);
    background: -o-linear-gradient(-45deg,  rgba(88,189,239,1) 0%,rgba(95,188,238,0) 20%,rgba(125,185,232,0) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(88,189,239,1) 0%,rgba(95,188,238,0) 20%,rgba(125,185,232,0) 100%);
    background: linear-gradient(135deg,  rgba(88,189,239,1) 0%,rgba(95,188,238,0) 20%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58bdef', endColorstr='#007db9e8',GradientType=1 );
}

.oneDownload .panel-info {
    background: url(../../images/eldu/img-documentos.jpg) no-repeat;
    background-size: auto 100%;
}

.oneDownload .panel-body {
    background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 767px) {
    .login {
        margin-top: 10px;
    }
}