.error-404 h1{
    font-size: 150px !important;
    display: inline-block;
}
.error-404 p{
        font-size: 40px !important;
    padding: 0px !important;
}
.error-404 img {
width: 200px;
}

.main-header.font-inverse .header-nav > li > a, .main-header.font-inverse .right-header-btn .search-btn a {
    color: #005D85;
}

    .main-header.font-inverse .header-nav > li > a:hover, .main-header.font-inverse .right-header-btn .search-btn a:hover {
        color: #0098DA;
    }

.main-header .header-logo {
    margin: 1px 0 1px;
    height: 85px;
}

.search-btn button {
    color: #0098DA;
    border-color: #0098DA;
}

    .search-btn button:hover {
        color: #0098DA;
        border-color: #0098DA;
    }

.text-btn-icon {
    color: #FFF;
}

    .text-btn-icon i {
        font-size: 18px;
        margin-right: 5px;
    }

.campos li {
    margin-top: 15px;
    margin-right: 30px;
}

    .campos li:nth-last-child(1) {
        margin-right: 0px;
    }

.campos-busqueda {
    height: 53px !important;
    border-width: 2px !important;
    border-color: rgba(0, 152, 218, .5) !important;
}

.campos-busqueda-result {
    height: 53px !important;
    border-width: 1px;
    border-color: #ccc;
}

.btn-busqueda {
    height: 53px !important;
    width: 100%;
    box-sizing: border-box;
}

.btn-busqueda-result {
    border-color: #0098DA;
}

    .btn-busqueda-result:hover {
        border-color: #0098DA;
    }

    .btn-busqueda-result span {
        color: #0098DA;
    }

.contenedor-busqueda {
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 150px;
    padding: 25px;
    display: table;
}

.campos {
    display: table-cell;
    vertical-align: middle;
}

.ui-autocomplete {
    border: none;
    border-radius: 0 6px 0 0;
}

    .ui-autocomplete li:hover, .ui-autocomplete li:active {
        background: rgba(0, 152, 218, 0.3);
        cursor: pointer;
    }

.bg-gradient-trans {
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
    background: -moz-linear-gradient(-65deg, rgba(0,152,218,.9) 0, rgba(0,178,156,.9) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0,152,218,.9)), color-stop(100%, rgba(0,178,156,.9)));
    background: -webkit-linear-gradient(-65deg, rgba(0,152,218,.9) 0, rgba(0,178,156,.9) 100%);
    background: -o-linear-gradient(-65deg, rgba(0,152,218,.9) 0, rgba(0,178,156,.9) 100%);
    background: -ms-linear-gradient(-65deg, rgba(0,152,218,.9) 0, rgba(0,178,156,.9) 100%);
    background: linear-gradient(154deg, rgba(0,152,218,.9) 0, rgba(0,178,156,.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,152,218,.9)', endColorstr='rgba(0,178,156,.9)', GradientType=1);
}

.bg-gradient-call {
    background: rgb(242, 242, 242);
    padding: 25px;
}

.bg-home {
    background-image: url("../img/bg-home.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

.btn-call {
    text-align: center;
}

    .btn-call a {
        border-width: 2px !important;
        border-color: rgba(0, 152, 218, 1) !important;
        background: transparent;
        height: 53px;
        border-color: #0098DA;
    }

        .btn-call a span {
            color: rgba(0, 152, 218, 1) !important;
        }

.biofile-call {
    width: 350px;
    margin: auto;
}

.call-to-action-biofile p {
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #0071a1;
}

.hero-box.font-inverse {
    color: rgba(255,255,255,1);
}

.tabla-categorias thead {
    background: rgba(0, 152, 218, 1);
    font-size: 24px;
    color: #fff;
}

.tabla-categorias > thead > tr > th {
    text-align: center;
    padding: 15px;
    border: 1px solid rgb(0, 152, 218);
}

.tabla-categorias tbody > tr > td {
    border: 1px solid rgb(242, 242, 242);
    font-size: 18px;
}

    .tabla-categorias tbody > tr > td > a {
        color: #3e4855;
    }

.footer-datos {
    margin-bottom: 25px;
}

.icon-footer-social li {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    text-align: center;
}

.icon-footer-social a {
    width: 40px;
    height: 40px;
    color: #0072a2;
    font-size: 18px;
    line-height: 40px;
}

.title-result {
    margin-top: 140px;
}

.top-detalle {
    margin-top: 160px;
}

.input-result {
    background-color: #0098DA !important;
    border: 1px solid #0098DA !important;
}

.call-top {
    padding: 5px;
    color: #fff;
    margin-bottom: 10px;
}

    .call-top p {
        margin: 0;
    }

@media only screen and (min-width : 992px) {
    .result-busqueda-home {
        padding: 9em 0 3em;
    }

    .scroller-icon {
        display: none;
    }
}

.content-resultadado, .content-agenda {
    background: rgb(242,242,242);
    padding: 10px;
}

.content-datos {
    background: rgba(255, 255, 255, 0.6);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
}

    .content-datos h4 {
        color: #0098DA;
        text-align: center;
        font-weight: 400;
    }

.overflow-ellipsis {
    width: 95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-datos p {
    color: #3e4855;
    text-align: center;
    margin-bottom: 3px;
}

.content-datos button {
    margin-bottom: 5px;
}

.content-datos-detalle {
    background: rgba(255, 255, 255, 0.6);
    padding-left: 15px;
    margin-top: 10px 0 10px !important;
}

    .content-datos-detalle p, .content-datos-detalle h4 {
        text-align: left !important;
    }

        .content-datos-detalle p i:before {
            width: 20px;
            color: #0098DA;
        }

.margintop {
    margin-top: 10px;
}


/*Estilo modificado de bootstrap*/
.input-group-addon {
    /*width: 50px !important;*/
    color: #fff;
    background-color: rgba(0, 152, 218, .5);
    border: 1px solid rgba(0, 152, 218, .5);
}

.navbar-brand {
    height: auto;
}

.navbar-default {
    background-color: rgb(242,242,242);
}
.collapse.navbar-collapse ul {
width: 70%;
}
/*estilo para el fondo del progress*/
.FondoProgress {
    background-color: rgba(0,153,218, 0.5);
    position: fixed;
    display: table;
    top: 0;
    width: 100%; /* anchura del padre */
    height: 100%; /* altura del padre */
    overflow: hidden;
    z-index: 10000;
}

.CuerpoProgress {
    padding: 17px;
    border-radius: 0px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.FondoCuerpoProgress {
    background-color: rgba(255,255,255, 1);
    margin: auto;
    padding: 15px;
    width: 400px;
}

@media only screen and (max-width : 480px) {
    .FondoCuerpoProgress {
        width: 90%;
    }

    .img-fondo {
        background-image: none;
    }
}

/*estilo para el progress*/
.cssload-fond {
    position: relative;
    margin: auto;
}

.cssload-container-general {
    animation: cssload-animball_two 1s infinite;
    -o-animation: cssload-animball_two 1s infinite;
    -ms-animation: cssload-animball_two 1s infinite;
    -webkit-animation: cssload-animball_two 1s infinite;
    -moz-animation: cssload-animball_two 1s infinite;
    width: 61px;
    height: 61px;
}

.cssload-internal {
    width: 61px;
    height: 61px;
    position: absolute;
}

.cssload-ballcolor {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4 {
    position: absolute;
    animation: cssload-animball_one 1s infinite ease;
    -o-animation: cssload-animball_one 1s infinite ease;
    -ms-animation: cssload-animball_one 1s infinite ease;
    -webkit-animation: cssload-animball_one 1s infinite ease;
    -moz-animation: cssload-animball_one 1s infinite ease;
}

.cssload-ball_1 {
    background-color: rgb(0,153,218);
    top: 0;
    left: 0;
}

.cssload-ball_2 {
    background-color: rgb(0,93,133);
    top: 0;
    left: 33px;
}

.cssload-ball_3 {
    background-color: rgb(0,93,133);
    top: 33px;
    left: 0;
}

.cssload-ball_4 {
    background-color: rgba(0,153,218,0.97);
    top: 33px;
    left: 33px;
}

@keyframes cssload-animball_one {
    0% {
        position: absolute;
    }

    50% {
        top: 17px;
        left: 17px;
        position: absolute;
        opacity: 0.5;
    }

    100% {
        position: absolute;
    }
}

@-o-keyframes cssload-animball_one {
    0%;

{
    position: absolute;
}

50% {
    top: 17px;
    left: 17px;
    position: absolute;
    opacity: 0.5;
}

100% {
    position: absolute;
}

}

@-ms-keyframes cssload-animball_one {
    0% {
        position: absolute;
    }

    50% {
        top: 17px;
        left: 17px;
        position: absolute;
        opacity: 0.5;
    }

    100% {
        position: absolute;
    }
}

@-webkit-keyframes cssload-animball_one {
    0% {
        position: absolute;
    }

    50% {
        top: 17px;
        left: 17px;
        position: absolute;
        opacity: 0.5;
    }

    100% {
        position: absolute;
    }
}

@-moz-keyframes cssload-animball_one {
    0% {
        position: absolute;
    }

    50% {
        top: 17px;
        left: 17px;
        position: absolute;
        opacity: 0.5;
    }

    100% {
        position: absolute;
    }
}

@keyframes cssload-animball_two {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(360deg) scale(1.3);
    }

    100% {
        transform: rotate(720deg) scale(1);
    }
}

@-o-keyframes cssload-animball_two {
    0%;
{
    -o-transform: rotate(0deg) scale(1);
}

50% {
    -o-transform: rotate(360deg) scale(1.3);
}

100% {
    -o-transform: rotate(720deg) scale(1);
}

}

@-ms-keyframes cssload-animball_two {
    0% {
        -ms-transform: rotate(0deg) scale(1);
    }

    50% {
        -ms-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -ms-transform: rotate(720deg) scale(1);
    }
}

@-webkit-keyframes cssload-animball_two {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -webkit-transform: rotate(720deg) scale(1);
    }
}

@-moz-keyframes cssload-animball_two {
    0% {
        -moz-transform: rotate(0deg) scale(1);
    }

    50% {
        -moz-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -moz-transform: rotate(720deg) scale(1);
    }
}


/*diseño responsive*/

@media only screen and (max-width : 480px) {
    /*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 7px;
    padding-left: 7px;
    }*/

    .contenedor-busqueda {
        padding: 25px 0;
    }

    .input-group-addon {
        width: 50px;
    }

    .header-opacity {
        background-color: rgba(242,242,242, 1);
    }

    .main-header .header-logo {
        width: 100%;
    }

    .main-header .header-logo {
        margin: 15px 0 1px;
    }

    .hero-box, .hero-box-smaller {
        padding: 8em 0;
    }

    .hero-text {
        opacity: 0.9;
    }

    .hero-heading {
        font-size: 20px;
    }

    .mrg25B {
        margin-bottom: 10px !important;
    }

    .pad25T {
        padding-top: 10px !important;
    }

    .navbar-brand img {
        height: 60px;
    }

    .mm-btn {
        margin-top: 15px;
        height: 60px;
        position: relative;
        float: right;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

        .mm-btn i {
            color: #0098DA;
            font-size: 20px;
        }

    .navbar-default .navbar-toggle {
        border-color: #0098DA;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #0098DA;
        }

    .navbar-toggle {
        width: 44px;
    }

    .navbar-collapse {
        background: #f8f8f8;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    .campos li {
        margin-right: 0px;
    }

        .campos li:nth-last-child(1) {
            margin-bottom: 15px;
        }

    .title-result {
        margin-top: 130px !important;
    }

    .p-title {
        margin: 5px 0;
        padding: 15px 0;
        text-transform: none;
        text-align: center;
        position: relative;
        font-size: 24px;
        font-weight: 300;
    }

        .p-title span {
            padding: 0px;
        }

    h2 {
        font-weight: 400;
        font-size: 20px;
    }
    h4 {
        font-size: 16px;
    }
}

/*@media only screen and (max-width : 768px) {
}*/