/* Estilos de espaciados generales */
.cmx-gen-div-row {
	padding-top: 15px;
	padding-bottom: 15px;
}

.cmx-gen-div-row-top {
	padding-top: 15px;
}

.btn-info:disabled {
    color: #fff;
    background-color: #ddd;
    border-color: #17a2b8;
    cursor: no-drop;
}

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

.bg-green-header {
    background-color: #006847 !important;
}
.site-header a {
    color: #f1f2f3;
    border-radius: 3px;
}

.site-header a:hover {
    color: #f1f2f3;
    background-color: rgba(241,255,255,0.2) !important;
}

.content-section {
    margin-top: 3em;
}

#carouselCMX {
    background-position: center;
    max-height: 36rem;
    overflow: hidden;
}
.image-loading-container {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    background-color: #eef;
    opacity: 0.4;
}

.image-loading {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.causas-body {
    background-color: whitesmoke;
    padding-bottom: 150px;
}

.causas-header {
    padding-top: 120px;
    padding-bottom: 80px;
    text-align: center;
    background-color: #3a8ebf;
    color: white;
    margin-bottom: 20px;
}

.causas-content {
    background-color: white;
    border-radius: 20px;
    padding: 80px 120px;
    line-height: 200%;
}

    .causas-content div {
        margin-bottom: 30px;
        padding: 36px 40px;
        border-style: solid;
        border-width: 1px;
        border-color: rgba(0, 0, 0, .07);
        border-radius: 5px;
        background-color: #e7eeff;
        box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .21);
    }

    .causas-content table {
        font-size: 11px;
        line-height: 100%;
    }

    .causas-content td {
        border: 1px solid lightgrey;
        padding: 5px;
        vertical-align: top;
    }

.causas-text {
    background-color: white;
    border-radius: 20px;
    padding: 80px 120px;
    line-height: 200%;
}

    .causas-text .row {
        margin-bottom: 40px;
    }

    .causas-text h2, .causas-text h3, .causas-text h4 {
        margin-bottom: 40px;
        text-align: center;
    }

    /*.causas-text cell-centered {
    }*/

.main {
    background-color: white !important;
}

.blog {
    padding: 125px 0 125px 0;
}

    .blog a {
        display: block;
    }

.fb-banner {
    background-image: url(/Content/Images/carousel-bg.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: repeat;
    padding-top: 125px;
    padding-bottom: 125px;
}

.fb-card {
    display: block;
    padding: 70px 80px;
    border-radius: 4px;
}

.fb-card-bg {
    margin-bottom: -1px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.fb-btn {
    border: 1px solid #4b6fb8;
    background-color: #4b6fb8;
    color: #fff;
    margin: 30px 0 10px 0;
    display: block;
}

.font-largest {
    font-size: 44px;
}

.font-xlarge {
    font-size: 28px;
}

.font-large {
    font-size: 22px;
}

.font-medium {
    font-size: 18px;
}

.font-small {
    font-size: 16px;
    line-height: 150%;
}

.font-smallest {
    font-size: 13px;
    line-height: 150%;
}

.font-secondary {
    color: #79808b;
}

#navBar ul li a {
    color: white;
    padding: .5em !important;
}

.font-bold {
    font-weight: 600;
}

.padding-zero {
    padding: 0;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.c-margin-zero {
    margin: 0;
}

.c-padding-top-3em {
    padding-top: 3em;
}

.lnkButton {
    text-decoration: none;
    border: 1px solid #A5A5A5;
    background-image: linear-gradient(#f5f5f5, #dedede);
    padding: 2px 10px 3px 10px;
    color: black;
    border-radius: 2px;
}
    .lnkButton:hover {
        text-decoration: none;
        border: 1px solid #666;
        background-image: linear-gradient(#f5f5f5, #dedede);
        padding: 2px 10px 3px 10px;
        color: black;
        border-radius: 2px;
    }
    .lnkButton:active {
        text-decoration: none;
        border: 1px solid #666;
        background-image: linear-gradient(#dedede, #f5f5f5);
        padding: 2px 10px 3px 10px;
        color: black;
        border-radius: 2px;
    }

.ease-gradient-nav {
    background-image:
        linear-gradient( to bottom, 
        hsl(0, 0%, 34%) 0%, 
        hsl(0, 0%, 34.77%) 8.3%, 
        hsl(0, 0%, 36.86%) 16.9%, 
        hsl(0, 0%, 39.87%) 25.6%, 
        hsl(0, 0%, 43.45%) 34.2%, 
        hsl(0, 0%, 47.31%) 42.8%, 
        hsl(0, 0%, 51.23%) 51.2%, 
        hsl(0, 0%, 55.08%) 59.2%, 
        hsl(0, 0%, 58.74%) 66.9%, 
        hsl(0, 0%, 62.13%) 74%, 
        hsl(0, 0%, 65.17%) 80.5%, 
        hsl(0, 0%, 67.8%) 86.3%, 
        hsl(0, 0%, 69.96%) 91.2%, 
        hsl(0, 0%, 71.6%) 95.2%, 
        hsl(0, 0%, 72.63%) 98.2%, 
        hsl(0, 0%, 73%) 100% );
}
.ease-gradient-nav2 {
    background-image:
        linear-gradient( to bottom, hsla(0, 0%, 23%, 0.53) 0%, hsla(0, 0%, 23%, 0.523) 18.1%, 
        hsla(0, 0%, 23%, 0.504) 33.3%, hsla(0, 0%, 23%, 0.475) 45.9%, hsla(0, 0%, 23%, 0.437) 56.3%,
        hsla(0, 0%, 23%, 0.393) 64.6%, hsla(0, 0%, 23%, 0.343) 71.2%, hsla(0, 0%, 23%, 0.291) 76.4%,
        hsla(0, 0%, 23%, 0.239) 80.4%, hsla(0, 0%, 23%, 0.187) 83.5%, hsla(0, 0%, 23%, 0.137) 86.1%, 
        hsla(0, 0%, 23%, 0.093) 88.3%, hsla(0, 0%, 23%, 0.055) 90.6%, hsla(0, 0%, 23%, 0.026) 93.1%, 
        hsla(0, 0%, 23%, 0.007) 96.1%, hsla(0, 0%, 23%, 0) 100% );
}

.carousel-caption {
    top: 18em;
    left: 5em;
    text-align: left;
}

.carousel-caption h2 {
    font-size: 2.5em;
    font-weight: 800;
    font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    
}

.carousel-caption h5 {
    font-size: 1.7em;
    
}

.carousel-caption p {
    font-size: .8em;
}

.carousel-caption-background {
    display: inline-block;
    padding: 20px;
    margin: -4em 0 0 5em;
    background: rgba(0,0,0,1);
    background: -moz-linear-gradient(left, rgba(0,28,125,.6) 64%, rgba(0,28,125,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(64%, rgba(0,28,125,.6)), color-stop(100%, rgba(0,28,125,0)));
    background: -webkit-linear-gradient(left, rgba(0,28,125,.6) 64%, rgba(0,28,125,0) 100%);
    background: -o-linear-gradient(left, rgba(0,28,125.6) 64%, rgba(0,28,125,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,28,125,.6) 64%, rgba(0,28,125,0) 100%);
    background: linear-gradient(to right, rgba(0,28,125,.6) 64%, rgba(0,28,125,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c7d ', endColorstr='#001c7d', GradientType=1 );
}

.btn-apoyo {
    color: #ffffff;
    background-color: #8AC3DE;
}

    .btn-apoyo:hover, .btn-apoyo:focus,
    .btn-apoyo:active, .btn-apoyo.active,
    .open .dropdown-toggle.btn-apoyo {
        color: #ffffff;
        background-color: #09A0E6;
    }

    .btn-apoyo:active, .btn-apoyo.active,
    .open .dropdown-toggle.btn-apoyo {
        background-image: none;
    }

    .btn-apoyo.disabled, .btn-apoyo[disabled], fieldset[disabled] .btn-apoyo,
    .btn-apoyo.disabled:hover, .btn-apoyo[disabled]:hover, fieldset[disabled] .btn-apoyo:hover,
    .btn-apoyo.disabled:focus, .btn-apoyo[disabled]:focus, fieldset[disabled] .btn-apoyo:focus,
    .btn-apoyo.disabled:active, .btn-apoyo[disabled]:active, fieldset[disabled] .btn-apoyo:active,
    .btn-apoyo.disabled.active, .btn-apoyo[disabled].active, fieldset[disabled] .btn-apoyo.active {
        background-color: #8AC3DE;
    }

    .btn-apoyo .badge {
        color: #8AC3DE;
        background-color: #ffffff;
    }

.g-bg-white {
    background-color: white;
    color: black !important;
}

.causas-navbar {
    display: block;
}

.causas-navbar-mobile {
    display: none;
}

@media (max-width: 991px) {
    .content-section {
        margin-top: 1em;
    }
    
    .causas-navbar {
        display: none;
    }

    .causas-navbar-mobile {
        display: block;
    }

    .causas-content {
        background-color: white;
        border-radius: 10px;
        padding: 40px 60px;
        line-height: 200%;
    }

}

@media (max-width: 576px) {
    .causas-content {
        background-color: white;
        border-radius: 0px;
        padding: 20px 10px;
        margin: 0px;
        line-height: 200%;
        max-width: 100%;
    }
}

    .enlace_desactivado {
        pointer-events: none;
        cursor: default;
    }

    .text-type-causa-name {
        color: #276626;
        font-weight: bold;
    }