* {
    font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;    
}
body {
    background-color: #e8eeef;
    font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;    
}
html {
    font-family:Calibri;
}

.row {
    max-width:none;
}

hr {
    border-bottom: 1px solid #BCCAD2;
    max-width:none;
}

/*BARRA MENU SUPERIOR*/

.logo-Muni {
    height: 60px;
    position: absolute;    
    margin-left: 20px;
    margin-top: 1px;
}

/* linea 3757 foundation.css */
.top-bar,
.top-bar ul {
    background-color:#0e395c;
    padding: 0;
}

.top-bar-title {
    margin-left: 100px;
    font-weight:bold;
    margin-top: 15px;
    padding-bottom: 0;        
    padding-top: 0px;
}

    

/* linea 2381 y 2380 foundation.css */
.menu-text {
    color: #979fa5;
    font-family: Calibri; /* Normal 15 pts */
    font-weight: normal;
    font-size: large;
    padding: 0.2rem 1rem;
}
    .menu-text.name-muni {
        font-size: 23px;
        padding-bottom: 0;
    }
    .menu-text.name-depto {
        padding-top: 0;        
        color:#b0b6b7;
        font-size: 15px;
        font-style:italic;
    }

.top-bar-left {
    font-size: 15px;    
}

.top-bar-right {
    font-size: 22px;
    
}

.menu-item {
    color:#979fa5;
}
    .menu-item.login {
        font-size: 16px;        
        opacity: 0.7;
        padding-right: 15px;
        margin-bottom: 0;
    }    
    .menu-item.submenu-vertical {        
        color:#bdccd4;
        padding-top:7px;
        padding-bottom:7px;
    }
    .menu-item.submenu-vertical:hover {
        background-color:#094d7c;
        color:#e8eeef;
    }

.menu.vertical.primero {
    margin-top: 10px;
}

@media print, screen and (min-width: 64em) {
    .menu.vertical.primero {
        margin-top: 21px;
    }
}

    .menu.vertical.submenu {
        border: 1px solid rgb(14, 57, 92);
    }

    /* linea 2541 foundation.css */
    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        border-color: #fefefe transparent transparent;
        opacity: 0.7;
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        border-color: #fefefe transparent transparent;
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
        border-color: transparent transparent transparent #fefefe;
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
        border-color: transparent #fefefe transparent transparent;
    }

    .is-drilldown-submenu-parent > a::after {
        border-color: transparent transparent transparent #fefefe;
    }


    .js-drilldown-back a {
        color: #979fa5;
    }

    .js-drilldown-back > a::before {
        border-color: transparent #fefefe transparent transparent;
    }

    .js-drilldown-back > a:hover {
        background-color: #094d7c;
        color: #e8eeef;
    }
    /* linea 3680 founbdation.css*/
    .has-tip {
        border-bottom: none;
    }

    /* linea 1383 foundation.css */
    .menu > li > a:hover, a:focus :not(.accordion) {
        color: white;
    }



    /* lineas 3693 3694 3696 foundation.css */
    .tooltip {
        border-radius: 10px;
        background-color: #fefefe;
        color: #0a0a0a;
    }
        /* linea 3706 foundation.css */
        .tooltip::before {
            border-color: transparent transparent #fefefe;
        }

    /* linea 3655 foundation.css*/
    .title-bar {
        background: #143753;
    }

    /* lines 3675 foundation.css*/
    .title-bar-title {
        color: #979fa5;
    }
    /*FIN BARRA SUPERIOR*/

    .button {
        display: inline-block;
        text-align: center;
        line-height: 1;
        cursor: pointer;
        -webkit-appearance: none;
        transition: background-color 0.25s ease-out, color 0.25s ease-out;
        vertical-align: middle;
        border: 1px solid transparent;
        border-radius: 0;
        /*padding: 0.85em 1em;*/
        padding-bottom: 8pt;
        padding-top: 8pt;
        margin: 0 1rem 1rem 0;
        font-size: 12px;
        background-color: #0e395c;
        color: #e8eeef;
    }

    .btn-primary {
        background: rgba(83,122,148,1);
        background: -moz-linear-gradient(top, rgba(83,122,148,1) 0%, rgba(52,92,123,1) 15%, rgba(14,57,92,1) 33%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(83,122,148,1)), color-stop(15%, rgba(52,92,123,1)), color-stop(33%, rgba(14,57,92,1)));
        background: -webkit-linear-gradient(top, rgba(83,122,148,1) 0%, rgba(52,92,123,1) 15%, rgba(14,57,92,1) 33%);
        background: -o-linear-gradient(top, rgba(83,122,148,1) 0%, rgba(52,92,123,1) 15%, rgba(14,57,92,1) 33%);
        background: -ms-linear-gradient(top, rgba(83,122,148,1) 0%, rgba(52,92,123,1) 15%, rgba(14,57,92,1) 33%);
        background: linear-gradient(to bottom, rgba(83,122,148,1) 0%, rgba(52,92,123,1) 15%, rgba(14,57,92,1) 33%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537a94', endColorstr='#0e395c', GradientType=0 );
    }

        .btn-primary:hover {
            background: rgba(119,163,194,1);
            background: -moz-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(119,163,194,1)), color-stop(28%, rgba(12,82,135,1)), color-stop(100%, rgba(12,82,135,1)));
            background: -webkit-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            background: -o-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            background: -ms-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            background: linear-gradient(to bottom, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77a3c2', endColorstr='#0c5287', GradientType=0 );
        }

    .btn-secondary:hover, .btn-secondary:focus {
        background: rgba(119,163,194,1);
        background: -moz-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(119,163,194,1)), color-stop(28%, rgba(12,82,135,1)), color-stop(100%, rgba(12,82,135,1)));
        background: -webkit-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
        background: -o-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
        background: -ms-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
        background: linear-gradient(to bottom, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77a3c2', endColorstr='#0c5287', GradientType=0 );
    }

    .btn-tertiary:hover, .btn-tertiary:focus {
        background: rgba(212,228,239,1);
        background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(174,205,214,1) 31%, rgba(174,205,214,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(31%, rgba(174,205,214,1)), color-stop(100%, rgba(174,205,214,1)));
        background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(174,205,214,1) 31%, rgba(174,205,214,1) 100%);
        background: -o-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(174,205,214,1) 31%, rgba(174,205,214,1) 100%);
        background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(174,205,214,1) 31%, rgba(174,205,214,1) 100%);
        background: linear-gradient(to bottom, rgba(212,228,239,1) 0%, rgba(174,205,214,1) 31%, rgba(174,205,214,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#aecdd6', GradientType=0 );
        color: #1e445e;
    }


    .button:hover, .button:focus {
        background-color: #0c5287;
    }

    .btn-primary.icon {
        /*padding-left: 3.6375rem;*/
        padding-left: 50px;
    }

    .btn-primary {
        overflow: hidden;
        position: relative;
    }

        .btn-primary.icon:before {
            /*left: 1em;*/
            left: 11px;
        }

        .btn-primary::before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 1;
            position: absolute;
            transition: all 0.3s;
            z-index: 2;
        }

        .btn-primary.icon:after {
            left: -25px; /*-15px;*/
            -webkit-transform: skewX(0deg);
            -ms-transform: skewX(0deg);
            transform: skewX(0deg);
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;
        }

        .btn-primary::after {
            background-color: rgba(255, 255, 255, 0.1);
            border: 0 solid currentColor;
            content: '';
            height: 110%;
            position: absolute;
            top: -5%;
            transition: all 0.3s;
            width: 3.6375rem;
            z-index: 1;
        }

        .btn-primary:hover:not(.disabled):not(.static)::after {
            -webkit-transform: skewX(0deg) !important;
            -ms-transform: skewX(0deg) !important;
            transform: skewX(0deg) !important;
            width: 0% !important;
        }

        .btn-primary.remove:hover:not(.disabled)::after {
            -webkit-transform: skewX(0deg) !important;
            -ms-transform: skewX(0deg) !important;
            transform: skewX(0deg) !important;
            width: 0% !important;
        }

        .btn-primary.cover:hover:not(.disabled)::after {
            -webkit-transform: skewX(0deg) !important;
            -ms-transform: skewX(0deg) !important;
            transform: skewX(0deg) !important;
            width: 112% !important;
        }

        .btn-primary.rotate-90::before {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .btn-primary.rotate-180::before {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .btn-primary.rotate-270::before {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
        }



    .btn-secondary {
        background: rgba(121,175,209,1);
        background: -moz-linear-gradient(top, rgba(121,175,209,1) 0%, rgba(76,151,199,1) 15%, rgba(23,122,186,1) 33%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(121,175,209,1)), color-stop(15%, rgba(76,151,199,1)), color-stop(33%, rgba(23,122,186,1)));
        background: -webkit-linear-gradient(top, rgba(121,175,209,1) 0%, rgba(76,151,199,1) 15%, rgba(23,122,186,1) 33%);
        background: -o-linear-gradient(top, rgba(121,175,209,1) 0%, rgba(76,151,199,1) 15%, rgba(23,122,186,1) 33%);
        background: -ms-linear-gradient(top, rgba(121,175,209,1) 0%, rgba(76,151,199,1) 15%, rgba(23,122,186,1) 33%);
        background: linear-gradient(to bottom, rgba(121,175,209,1) 0%, rgba(76,151,199,1) 15%, rgba(23,122,186,1) 33%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79afd1', endColorstr='#177aba', GradientType=0 );
    }

    .btn-tertiary {
        padding-bottom: 6px;
        padding-top: 6px;
        border-radius: 3px;
        color: #1e445e;
        border-color: #1e445e;
        font-size: 12pt;
        font-weight: 500;
        background: rgba(196,212,217,1);
        background: -moz-linear-gradient(top, rgba(196,212,217,1) 0%, rgba(216,229,233,1) 50%, rgba(196,212,217,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,212,217,1)), color-stop(50%, rgba(216,229,233,1)), color-stop(100%, rgba(196,212,217,1)));
        background: -webkit-linear-gradient(top, rgba(196,212,217,1) 0%, rgba(216,229,233,1) 50%, rgba(196,212,217,1) 100%);
        background: -o-linear-gradient(top, rgba(196,212,217,1) 0%, rgba(216,229,233,1) 50%, rgba(196,212,217,1) 100%);
        background: -ms-linear-gradient(top, rgba(196,212,217,1) 0%, rgba(216,229,233,1) 50%, rgba(196,212,217,1) 100%);
        background: linear-gradient(to bottom, rgba(196,212,217,1) 0%, rgba(216,229,233,1) 50%, rgba(196,212,217,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d4d9', endColorstr='#c4d4d9', GradientType=0 );
    }

    [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select {
        border: 1px solid #b5c3c4;
        height: 1.7rem;
        font-size: 14px;
        background-color: #f5f7f7;
    }

        input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
            background-color: #e1e9ea;
            cursor: not-allowed;
        }

    .txt-primary {
        background-color: #ffffe1;
    }

        .txt-primary:focus {
            background-color: #ffffe1;
        }

    label {
        color: #223e51;
        font-weight: 400;
        font-size: 13px;
    }

        label.middle {
            margin: 0 0 1rem;
            padding: 2px 0;
        }

            label.middle.black {
                font-weight: bold;
            }


    h1, h2, h3, h4, h5, h6 {
        color: #191f51;
    }


    .breadcrumbs {
        margin-top: 4px;
    }

        .breadcrumbs li {
            color: #8AA0AF;
            cursor: default;
            text-transform: none;
            font-size: 12px;
        }

            .breadcrumbs li:not(:last-child)::after {
                content: ">>";
                color: #8aa0a8;
            }

            .breadcrumbs li.active {
                color: #384e9e;
            }



    .home-navigation {
        color: #8aa0a8;
        position: absolute;
        font-size: 15px;
        margin-top: -4px;
    }

    .form-columns {
        margin-bottom: -10px;
    }

    .form-columns-top {
        margin-bottom: -10px;
        margin-top: -20px;
    }

    .button-group {
        font-size: inherit;
    }

    select {
        font-family: inherit;
        font-size: 12px;
        height: 29px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .select-primary {
        background-color: #e5e4e3;
    }

    span.postfix, label.postfix {
        background: #D6D8D8;
        border-left: none;
        color: #333;
        border-color: #ccc;
    }

    .prefix, .postfix {
        display: block;
        position: relative;
        z-index: 0;
        text-align: center;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        font-size: 1.6rem;
        height: 1.7rem;
        line-height: 0;
    }

    span.postfix.search-primary {
        background: #F2F1D6 !important;
        padding-top: 14px;
        font-size: 19px;
        cursor: pointer;
    }

    .input-group-button > button {
        height: 27px;
    }

    .text-danger {
        color: #b94a48;
    }

    .tabs {
        background: #e8eeef;
        border: none;
    }

.tabs-content {
    background: #e8eeef;
    border: 1px solid #BCCAD2;
    margin: 0 0 1rem 0;
}

    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
        border: 1px solid #bdccd4;
        color: #143753;
        font-weight: bold;
        background: rgba(247,249,250,1);
        background: -moz-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,249,250,1)), color-stop(100%, rgba(189,204,212,1)));
        background: -webkit-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        background: -o-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        background: -ms-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        background: linear-gradient(to bottom, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#bdccd4', GradientType=0 );
    }

    .tabs-title > a:hover {
        background: #f7f9fa;
        color: #1468a0;
    }

    .tabs-title > a {
        color: #93a5b2;
        background: #c9d2d6;
        border: 1px solid #bdccd4;
        padding: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }

    #Divloading {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -32px;
        margin-left: -64px;
        z-index: 30;
        height: 70px;
        width: 187px;
        text-align: center;
        color: #999;
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .Divloading-center {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -32px;
        margin-left: -64px;
        z-index: 30;
        height: 70px;
        width: 187px;
        text-align: center;
        color: #999;
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .reveal {
        background-color: #e8eeef;
    }

    .login-label {
        background: rgba(189,204,212,1);
        background: -moz-linear-gradient(top, rgba(189,204,212,1) 0%, rgba(103,121,140,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,204,212,1)), color-stop(100%, rgba(103,121,140,1)));
        background: -webkit-linear-gradient(top, rgba(189,204,212,1) 0%, rgba(103,121,140,1) 100%);
        background: -o-linear-gradient(top, rgba(189,204,212,1) 0%, rgba(103,121,140,1) 100%);
        background: -ms-linear-gradient(top, rgba(189,204,212,1) 0%, rgba(103,121,140,1) 100%);
        background: linear-gradient(to bottom, rgba(189,204,212,1) 0%, rgba(103,121,140,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdccd4', endColorstr='#67798c', GradientType=0 );
        color: #f5fafc;
    }

    .login-sistema {
        color: #0e395c;
        font-weight: 500;
        font-size: 20px;
    }

    .btn-login {
        letter-spacing: 1px;
        color: #f5fafc;
        font-weight: bold;
        border-radius: 5px;
        background: rgba(103,121,140,1);
        background: -moz-linear-gradient(top, rgba(103,121,140,1) 0%, rgba(34,85,117,1) 16%, rgba(14,57,92,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103,121,140,1)), color-stop(16%, rgba(34,85,117,1)), color-stop(100%, rgba(14,57,92,1)));
        background: -webkit-linear-gradient(top, rgba(103,121,140,1) 0%, rgba(34,85,117,1) 16%, rgba(14,57,92,1) 100%);
        background: -o-linear-gradient(top, rgba(103,121,140,1) 0%, rgba(34,85,117,1) 16%, rgba(14,57,92,1) 100%);
        background: -ms-linear-gradient(top, rgba(103,121,140,1) 0%, rgba(34,85,117,1) 16%, rgba(14,57,92,1) 100%);
        background: linear-gradient(to bottom, rgba(103,121,140,1) 0%, rgba(34,85,117,1) 16%, rgba(14,57,92,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67798c', endColorstr='#0e395c', GradientType=0 );
    }

        .btn-login:hover {
            background: rgba(119,163,194,1);
            background: -moz-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(119,163,194,1)), color-stop(28%, rgba(12,82,135,1)), color-stop(100%, rgba(12,82,135,1)));
            background: -webkit-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            background: -o-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            background: -ms-linear-gradient(top, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            background: linear-gradient(to bottom, rgba(119,163,194,1) 0%, rgba(12,82,135,1) 28%, rgba(12,82,135,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77a3c2', endColorstr='#0c5287', GradientType=0 );
        }


    .icon-sistema-fondo {
        background-color: #F4F7F8;
        border-radius: 50%;
        width: 101px;
        height: 98px;
        padding-top: 23px;
        padding-left: 24px;
    }

        .icon-sistema-fondo.foundation-blue {
            font-size: 52px;
            padding-top: 12px;
            color: #0e395c;
            padding-left: 14px;
        }

        .icon-sistema-fondo.foundation-grey {
            font-size: 52px;
            padding-top: 12px;
            color: #697c84;
            padding-left: 14px;
        }

    .icon-sistema-frente {
        width: 52px;
        height: 52px;
    }

        .icon-sistema-frente.adquisiciones {
            background: url(images/sistemas/blue/Adquisiciones.png);
            background-size: cover;
        }

        .icon-sistema-frente.atencion-social {
            background: url(images/sistemas/blue/Atencion_Social.png);
            background-size: cover;
        }

        .icon-sistema-frente.becas-bpr-bin {
            background: url(images/sistemas/blue/Becas_BPR_BIN.png);
            background-size: cover;
        }

        .icon-sistema-frente.bodega {
            height: 56px;
            background: url(images/sistemas/blue/Bodega.png);
            background-size: cover;
        }

        .icon-sistema-frente.cementerio {
            background: url(images/sistemas/blue/Cementerio.png);
            background-size: cover;
        }

        .icon-sistema-frente.conciliacion_bancaria {
            background: url(images/sistemas/blue/Conciliacion_Bancaria.png);
            background-size: cover;
        }

        .icon-sistema-frente.contabilidad {
            background: url(images/sistemas/blue/Contabilidad.png);
            background-size: cover;
        }

        .icon-sistema-frente.licitaciones {
            width: 70px;
            margin-left: -4px;
            background: url(images/sistemas/blue/Evaluacion_de_Licitaciones.png);
            background-size: cover;
        }

        .icon-sistema-frente.gestion_mora {
            background: url(images/sistemas/blue/Gestion_de_Mora.png);
            background-size: cover;
        }

        .icon-sistema-frente.proyectos {
            width: 59px;
            margin-left: -4px;
            background: url(images/sistemas/blue/Gestion_Proyectos_Web.png);
            background-size: cover;
        }

        .icon-sistema-frente.informacion-social {
            margin-top: -3px;
            margin-left: 1px;
            background: url(images/sistemas/blue/Informacion_Social.png);
            background-size: cover;
        }

        .icon-sistema-frente.inspeccion {
            margin-top: -17px;
            margin-left: -3px;
            height: 89px;
            background: url(images/sistemas/blue/Inspeccion.png);
            background-size: cover;
        }

        .icon-sistema-frente.navidad {
            background: url(images/sistemas/blue/Jueguetes_de_Navidad.png);
            background-size: cover;
        }

        .icon-sistema-frente.juzgado {
            background: url(images/sistemas/blue/Juzgado_de_Policia_Local.png);
            background-size: cover;
        }

        .icon-sistema-frente.licencias {
            width: 73px;
            margin-left: -10px;
            background: url(images/sistemas/blue/Licencia_de_Conducir.png);
            background-size: cover;
        }

        .icon-sistema-frente.obras {
            width: 58px;
            margin-left: -2px;
            background: url(images/sistemas/blue/Obras.png);
            background-size: cover;
        }

        .icon-sistema-frente.patentes-comerciales {
            background: url(images/sistemas/blue/Patentes_Comerciales.png);
            background-size: cover;
        }

        .icon-sistema-frente.permiso-vehicular {
            background: url(images/sistemas/blue/Permiso_de_Circulacion_Vehicular.png);
            background-size: cover;
        }

        .icon-sistema-frente.remuneraciones {
            width: 60px;
            margin-left: -3px;
            background: url(images/sistemas/blue/Remuneraciones.png);
            background-size: cover;
        }

        .icon-sistema-frente.servicios-municipales {
            width: 60px;
            margin-left: -3px;
            background: url(images/sistemas/blue/Servicios_Municipales.png);
            background-size: cover;
        }

        .icon-sistema-frente.soporte {
            width: 73px;
            margin-left: -11px;
            background: url(images/sistemas/blue/Soporte_y_Desarrollo.png);
            background-size: cover;
        }

        .icon-sistema-frente.subsidio-agua {
            height: 60px;
            margin-left: -4px;
            background: url(images/sistemas/blue/Subsidio_al_Consumo_de_Agua_Potable.png);
            background-size: cover;
        }

        .icon-sistema-frente.subsidio-familiar {
            width: 59px;
            margin-left: -2px;
            background: url(images/sistemas/blue/Subsidios_Familiares.png);
            background-size: cover;
        }

        .icon-sistema-frente.subvencion-educacion {
            width: 56px;
            margin-left: -1px;
            background: url(images/sistemas/blue/Subvencion_de_Educación.png);
            background-size: cover;
        }

        .icon-sistema-frente.web-online {
            width: 62px;
            margin-left: -4px;
            background: url(images/sistemas/blue/Web_Online.png);
            background-size: cover;
        }

        .icon-sistema-frente.web-log-tablas {
            background: url(images/sistemas/blue/Web_Registro_Log_Tablas.png);
            background-size: cover;
        }

    @media only screen {
        .form-login-logo {
            padding-top: 50px;
            padding-left: 50px;
        }

        .form-login-sombra {
            padding-top: 6rem;
        }
    }

    @media only screen and (min-width: 10em) and (max-width:49.9em) and (orientation:landscape) {
        .form-login {
            padding-top: 0px;
            margin-top: -66px;
        }

        .form-login-logo {
            padding-top: 10px;
            padding-left: 10px;
        }

        .form-login-sombra {
            display: none;
        }
    }

    @media only screen and (min-width: 50em) and (max-width:64em) and (orientation:landscape) {
        .form-login {
            padding-top: 0px;
        }

        .form-login-logo {
            padding-top: 10px;
            padding-left: 10px;
        }
    }

    @media only screen and (max-width: 40em) and (orientation:portrait) {
        .form-login {
            padding-top: 60px;
        }
    }

    @media only screen and (min-width: 40.063em) and (max-width:64em) and (orientation:portrait) {
        .form-login {
            padding-top: 140px;
        }
    }

    @media only screen and (min-width: 50.063em) and (max-width:85.4em) and (orientation:landscape) {
        .form-login {
            padding-top: 30px;
        }

        .form-login-logo {
            padding-top: 15px;
            padding-left: 15px;
        }
    }

    @media only screen and (min-width: 85.5em) and (max-width:90em) and (orientation:landscape) {
        .form-login {
            padding-top: 100px;
        }
    }

    @media only screen and (min-width: 90.063em) and (max-width:120em) {
        .form-login {
            padding-top: 100px;
        }
    }

    @media only screen and (min-width: 120.063em) {
        .form-login {
            padding-top: 120px;
        }
    }

    /*.accordion {
    border:1px solid #bdccd4;
}*/
    .accordion-item {
        background: rgba(247,249,250,1);
        background: -moz-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,249,250,1)), color-stop(100%, rgba(189,204,212,1)));
        background: -webkit-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        background: -o-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        background: -ms-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        background: linear-gradient(to bottom, rgba(247,249,250,1) 0%, rgba(189,204,212,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#bdccd4', GradientType=0 );
    }

        .accordion-item > a:hover {
            background: #f7f9fa;
            /*color: #143753;*/
        }

    .accordion-title:focus {
        background: unset;
        color: #143753;
    }

    .accordion-title {
        border: 1px solid #bdccd4;
        font-weight: bold;
        color: #143753;
    }

        .accordion-title:active {
            color: #143753;
        }

    :last-child:not(.is-active) > .accordion-title {
        border-bottom: 1px solid #bdccd4;
        border-radius: 0 0 0 0;
        border: 1px solid #bdccd4;
    }

    .accordion-content {
        border: 1px solid #bdccd4;
    }

    :last-child > .accordion-content:last-child {
        border-bottom: 1px solid #bdccd4;
    }

.form-error {
    margin-top:0px;
    margin-bottom:0px;
}