﻿* {
    background: center;
}

body {
    background-image: url('../Content/Images/SitioPublico.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.text-log {
    color: #26272B !important;
}

.Ajusta {
    padding: 50px 0;
}

.Text-Blanco {
    color: #fff;
    font-family: Calibri;
}

/*.Login-Footer {
    background-color: #2b5c7a !important;
    font-family: Calibri;
}*/

.navbar-default{
    background: #2b5c7a !important;
}

.btn-Login {
    background-color: #646569;
    color: #fff;
    font-family: Calibri;
}

    .btn-Login:hover {
        background-color: #606161;
        color: #eee;
        font-family: Calibri;
        font-size: 15px;
    }

.padding-label {
    text-align: right;
    padding-top: 12px;
}

.btn-noFondo {
    background-color: #728472;
    color: #FFF;
    font-family: Calibri;
}

.Application-footer-header {
    background-color: #2b5c7a;
    font-family: Calibri;
}

.Tipografia{
    font-family: Calibri;
}

.back{
    background: rgba(12,25,50,0.8);
    border-radius: 10px;
    color: #FFF;
}

a{
    color: #FF611F;
}

a:hover{
    color: #FF611F;
}

.span-align{
    padding: 1% 0 1% 5% ;
}

.span-align-tittle{
    padding: 4% 0;
}

.border-input{
    border: 1px black solid;
}

.logo {
    margin-top: 1%;
    height: auto;
    width: 12%;
}

.logoLetras {
    margin-top: 1%;
    height: auto;
    width: 40%;
    padding-top: 2%;
}

strong, span{
    color: rgb(0,29,95);
    -webkit-text-stroke: .5px rgb(0,29,95);
}              

.color-text{
    color: #FFF !important;
}

@media screen and (max-width: 991px) {
    .padding-label {
        text-align: left;
        padding-top: 12px;
        margin-left: 4px;
    }

    .logo {
        margin-top: 1%;
        height: auto;
        width: 20%;
    }

    .logoLetras {
        margin-top: 1%;
        height: auto;
        width: 60%;
    }
}

@media screen and (max-width: 360px) 
{
    .logo {
        margin-top: 1%;
        height: auto;
        width: 30%;
    }

    .logoLetras {
        margin-top: 1%;
        height: auto;
        width: 70%;
    }
}

@media screen and (max-width: 430px) 
{
    .logo {
        margin-top: 1%;
        height: auto;
        width: 20%;
    }

    .logoLetras {
        height: auto;
        width: 80%;
    }
}