@media (min-width: 576px)
.container {
    max-width: 767px !important;
}
    .row {
    margin-right: inherit !important;
    margin-left: inherit !important;
} 
    body {
        background: #fff7f1;
    }

   

    .columna-semana {
        background: #fff7f1;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .nombres-semana {
        text-align: center;
        width: 100%;
        background: #fff;
        padding: 10px 0 11px 0;
        font-family: PTSansNarrow, sans-serif;
        background-position-y: -120px;
        border-bottom: solid 1px #e8e4e4;
        background-size: 40px;
        border-right: solid #e6e6e6 1px;
        color: #444;
        font-size: 18px;
        font-weight: bold;
    }

    .nombres-semana-destacado {
        text-align: center;
        width: 100%;
        background: #247d99;
        padding: 10px 0 11px 0;
        font-family: PTSansNarrow, sans-serif;
        background-position-y: -120px;
        background-size: 40px;
        border-right: solid #e6e6e6 1px;
        color: #fff;
        font-size: 20px;
        font-weight: bold; 
    }

    .evento-caja {
        background: #fff;
        width: 100%;
        padding: 0;
        color: #999;
        border: solid 10px #fff7f1;
        overflow: hidden;
        position: relative;
        border-radius: 15px;
    }

    .nombre-evento-caja {
        text-align: center;
        font-size: 18px;
        padding: 0 14px;
        color: #666;
        font-family: PTSans, Verdana, Geneva, sans-serif;
        font-weight: bold; 
    }

    .fecha-calendario {
        background: #ff931c;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        padding: 8px;
        z-index: 1;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 0 0 10px;
    }

    /*.separacion-titulo-calendario { border-top: solid 2px #ff931c; width: 100%;  }*/
    .datos-calendario {
        color: #444;
        font-size: 15px;
        padding-top: 10px;
        line-height: 16px;
        font-family: PTSans, Verdana, Geneva, sans-serif;
    }

    .datos-calendario2 {
        color: #444444;
        font-size: 15px;
        padding-top: 0;
        margin: 0;
        font-family: PTSans, Verdana, Geneva, sans-serif;
        padding-bottom: 10px;
    }

    .datos-calendario3 {
        color: #444444;
        font-size: 15px;
        padding-top: 0;
        margin: 0;
        font-family: PTSans, Verdana, Geneva, sans-serif;
    }

    .datos-calendario3:hover {
        color: #444444;
        font-size: 15px;
        padding-top: 0;
        margin: 0;
        font-family: PTSans, Verdana, Geneva, sans-serif;
    }

    .columna-datos {
        padding-right: 24px !important;
        padding-left: 0px !important;
    }

    .foto-evento-calendario {
        width: 100%;
    }

    .foto-evento-calendario2 {
        width: 100%;
        margin-top: 15px;
    }

    .icono-calendario {
        width: 15px;
        margin: 0;
    }

    .reloj-icono {
        width: 15px;
    }

    .ubicacion-icono {
        width: 15px;
    }

    .lista-datos-evento {
        list-style: none;
        margin-top: 10px;
        padding-left: 10px;
    }


    .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: none !important;
        border-radius: .25rem;
        margin-top: 0;
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem;
        padding-top: 0 !important;
    }

    .boton-acordion {
        color: #444;
        margin: 10px;
        text-align: center;
        padding: 2px;
        /* clear: both; */

        display: block;
        font-size: 14px;
        font-family: PTSans, Verdana, Geneva, sans-serif;
        font-weight: bold; 
    }

    .boton-acordion:hover {
        color: #ff931c;

    }

    p:last-child {
        margin-bottom: 0px;
    }


    .logo-auspiciador {
        width: 43%;
        max-width: 120px;
        display: block;
        margin: 0 auto;
        padding: 0px 0 10px 10px;
    }

    .auspiciado-por {
        font-size: 11px;
        color: #fff;
        padding: 5px;
        margin: 0 auto;
        display: block;
        /*text-align: center;*/
        width: 100%;
        /*border-top: 1px solid #FFF;*/
    }

    .publicidad-calendario {
        background: #999;
    }

    .cabecera-columna {
        background: #fff;
        padding-top: 10px;
        padding-bottom: 2px;
    }

    .cabecera-columna-destacado {
        background: #f1f1f1;
        padding-top: 10px;
        padding-bottom: 2px;
    }

    col-md-6 .dos-columnas-datos2 {
        padding: 0;
        margin: 0;
        border: 0;
    }

    .lista-datos-evento2 {
        list-style: none;
        margin-top: 10px;
        padding-left: 0;
    }

    .titulo-logo {
        font-family: MartelBold, Georgia, "Times New Roman", Times, serif;
        font-size: 40px;
        text-align: center;
    }

    .logo-tamano {
        width: 50px;
    }

    .txt-cabecera {
        font-family: MartelBold, Georgia, "Times New Roman", Times, serif;
        font-size: 15px;
        text-align: center;
        color: #ff931c;
        margin: 10px 0 10px 0;
        display: block;
    }

    .txt-cabecera:hover {
        font-family: MartelBold, Georgia, "Times New Roman", Times, serif;
        font-size: 15px;
        text-align: center;
        color: #ff931c;
        margin: 10px 0 10px 0;
        display: block;
    }

    .txt-hora {
        font-family: MartelBold, Georgia, "Times New Roman", Times, serif;
        font-size: 18px;
        text-align: center;
        color: #444;
        margin: 10px 0 10px 0;
        display: block;
    }

    #calendar {
        font-family: Arial;
        font-size: 12px;
    }

    #calendar caption {
        text-align: left;
        padding: 5px 10px;
        background-color: #999;
        color: #fff;
        font-weight: bold;
        font-size: medium;
    }

    #calendar caption div:nth-child(1) {
        float: left;
    }

    #calendar caption div:nth-child(2) {
        float: right;
    }

    #calendar caption div:nth-child(2) a {
        cursor: pointer;
    }

    #calendar th {
        background-color: #444;
        color: #fff;
        width: 40px;
    }

    #calendar td {
        text-align: right;
        padding: 2px 5px;
        background-color: silver;
    }

    #calendar .hoy {
        background-color: #ff931c;
    }

    .fondo-footer-calendario {
        background: #fff;
        padding: 30px 30px 60px;
        border-top: 3px #ff921c solid;
    }

    .fecha-destacada-calendario {
        color: #ff931c;
        font-size: 20px;
        font-weight: bold;
    }

    .nombre-calendario-footer {
        text-align: left;
        font-size: 18px;
        padding-right: 38px;
        color: #444;
        font-family: PTSans, Verdana, Geneva, sans-serif;
        font-weight: bold;
        padding-top: 12px;
    }

    .color-blanco {
        color: #999;
    }

    .calendario-ubicacion {
        max-width: 500px;
        display: block;
        float: right;
        margin-bottom: 30px;
    }

    .titulo-logo2 {
        font-family: PTSans, Verdana, Geneva, sans-serif;
        font-size: 25px;
        text-align: left;
        color: #444;
        margin-bottom: 70px;
        float: left;
        padding-top: 20px;
    }

    @media (max-width: 768px) {
        .calendario-ubicacion {
            float: left;
        }
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 0 !important;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .boton-cabecera-suscribirse2 {
        background: #247d99;
        font-family: PTSans, Verdana, Geneva, sans-serif;
        font-size: 12px;
        color: #fff;
        padding: 4px;
        border-radius: 3px;
        margin-top: 30px;
        display: inline-block;
    }

    .boton-cabecera-newsletter2 {
        background: #DE7600;
        font-family: PTSans, Verdana, Geneva, sans-serif;
        font-size: 12px;
        color: #fff;
        padding: 4px;
        border-radius: 3px;
        margin-top: 30px;
        display: inline-block;
    }

    .boton-cabecera-suscribirse2:hover {
        color: #fff !important;
    }

    .boton-cabecera-newsletter2:hover {
        color: #fff !important;
    }

    .botones-cabecera {
        display: inline-block;
        text-align: center;
    }

    .logo-cabecera-calendario {
        display: block;
        text-align: center;
        padding: 20px 0 2px 0;
    }

    .logo-diario-calendario {
        width: 90%;
    }

    .cabecera-botones-calendario {
        background: #f5f5f5;
    }

    .boton-papel-digital {
        margin-top: 26px;
    }

    .boton-papel-digital:hover {
        opacity: 0.8;
    }

    .menu-calendario {
        display: inline-block;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 14px !important;
    }

    .foto-editor-agenda {
        width: 100px;
        border-radius: 50px;
        margin-right: 20px;
        float: left;
        height: 100%;
    }

    .caja-destacado-mes {
        background: #f1f1f1;
    }






    body>div.container-fluid.cabecera-botones-calendario>div>nav {
        background-color: transparent !important;
        margin-top: 0 auto;
    }
    
    #navbarNav > ul {  text-align: center; margin: 0 auto;  }

    @media (max-width: 768px) {
        .boton-cabecera-suscribirse2 {
            margin-top: 0px;
            margin-bottom: 20px;
        }

        .boton-cabecera-newsletter2 {
            margin-top: 0px;
            margin-bottom: 20px;
        }
    }