@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
    font-family: Roboto-Light;
    src: url(../Fonts/Roboto-Light.ttf);
}


@font-face {
    font-family: Roboto-Thin;
    src: url(../Fonts/Roboto-Thin.ttf);
}


@font-face {
    font-family: RobotoCondensed-Regular;
    src: url(../Fonts/RobotoCondensed-Regular.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../Fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../Fonts/Roboto-Medium.ttf);
}

html,
body,
form {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "RobotoCondensed-Regular","Roboto-Medium","Roboto-Regular", "Roboto-Light","Roboto-Thin", "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans", "Arial","sans-serif" !important;
    /*background: #FEFCFC;*/
    font-size: 13px;
    background: #f1f2f4;
}

.container {
    min-height: 100%;
    position: relative;
}

.allContent {
    padding-top: 60px;
    padding-bottom: 50px; /*Altura del footer*/
}

.allContent_login {
    padding-top: 90px;
    padding-bottom: 50px; /*Altura del footer*/
}

.content {
    min-width: inherit;
    max-width: 1280px;
    margin: 5px auto 0 auto;
    top: 0;
    bottom: 0;
}

.Contenedor {
    background-color: #DDD;
    width: inherit;
    min-height: 100%;
    /*padding-left: 20px;*/
    padding-right: 0px;
    margin: 0 auto 0;
}

.Header {
    position: fixed;
    top: 0;
    width: 100%;
    text-align: left;
    background: #CCCCCC;
    z-index: 2;
    border-bottom: 4px solid #404040;
    -webkit-box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.6);
    box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.6);
    opacity: 0.9;
}

.Header_height {
    height: 60px;
}

.shadowHeader {
    /*sombra*/
    -webkit-box-shadow: 0 12px 9px -7px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 12px 9px -7px rgba(0, 0, 0, 0.6);
    box-shadow: 0 12px 9px -7px rgba(0, 0, 0, 0.6);
}


.Header_Login {
    position: fixed;
    top: 0;
    width: 100%;
    text-align: left;
    background-color: #fff;
    z-index: 2;
    height: 90px;
    border-bottom: 4px solid #404040;
    -webkit-box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.6);
    box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.6);
}

.footer {
    position: absolute;
    bottom: 0 !important;
    width: 100%;
    background: #404040;
    font-size: small;
    font-family: Arial;
    text-align: center;
    height: 25px !important;
    padding-top: 10px;
    /*border-top: 3px solid #737373;*/
    -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.6);
    border-radius: 15px 15px 0 0;
}


.logospps {
    /*background: url(../images/logospps2.png) no-repeat;*/
    height: 76px;
    margin-top: 7px;
}

.logoSSS {
    background: url(../images/saludlogoh.png) no-repeat;
    height: 76px;
    margin-top: 10px;
}

.logospps_p {
    /*background: url(../images/logospps_new.png) no-repeat;*/
    height: 55px;
    /*margin: 2px 0 2px 0;*/
}

.logoSSS_p {
    background: url(../images/ssa.png) no-repeat;
    height: 40px;
    margin: 12px 0 2px 0;
    width: 180px;
    display: block;    
}

.imgFondoLogin {
    text-align: center;
    width: 630px;
    height: 330px;
    background: url(../images/loginbackground.png) no-repeat;
    display: block;
}


#contenido {
    width: 1280px;
    height: 550px;
    left: 58px;
    top: 170px;
}

#menuGral {
    position: absolute;
    margin-left: 150px;
    top: 200px;
}

    #menuGral img {
        padding-left: 50px;
    }

.logueo {
    display: block;
    position: fixed;
    /*background-color: #4BACC6;*/
    background-color:#996633;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: Arial;
    border: solid 1px #FFF;
    min-width: 150px;
    width: 350px;
    border-radius: 10px;
    opacity: 0.6;
    margin-top:20px;
}

.ContenedorLogin {
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #DDD !important;
    width: inherit;
    display: block;
    position: fixed;
    padding: 8px;
    border-radius: 4px;
}

.celdaEtiquetaSesion {
    padding-top: 8px;
    text-align: center;
}

.labelBlack {    
    font-weight: bold;
    color: #000;
}

.celdaBtnLog {
    text-align: center;
}

.btnLogin {
    width: 100% !important;
    height: 45px;
    padding: 12px !important;
    background: #E3E7EC !important;
    color: black !important;
    border: none !important;
    margin-top: 10px;
    border-radius: 4px;
}

    .btnLogin:hover {
        cursor: pointer;
        background: #b3becb !important;
    }

    .btnLogin:active {
        background: #b3becb !important;
        transform: translateY(3px) !important;
    }

.logueoLbl {
    font-weight: bolder;
    font-size: 20px;
    color:#000;
}

.FondoModal {
    background-color: #D8D8D8;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 3 !important;
}

.loadImage {
    width: 100%;
    padding-top: 10px;
    background: none;
    height: 80px;
}

.loadText {
    text-align: center;
    font-weight: bolder;
    font-size: 14px;
    width: 100%;
    background: none;
}

.buttonHiden {
    visibility: hidden;
    width: 0px;
    height: 0px;
}
/*#endregion Login*/