/* CSS INVITACIONES - JLP */




/****************************************************************/
/************************* SCREEN ******************************/
/****************************************************************/
/****************************************************************/

/*
strong {font-weight: 500;}
    */

/* cabecera */

.cabecera-sede { 
    display: block;
    margin: 0 auto; 
    width: 100%;
    height: auto;
}

.cabecera-sede span,
.sede-select span.ticket-madrid {
    font-family: BrownStd, sans-serif;
    font-size: 26px;
    line-height: 120%;
    text-transform: uppercase;
    display: block; 
    text-align: center;
}

#informacion .cabecera-sede a,
#informacion .masInfoLink a {
    font-family: BrownStd, sans-serif;
    font-size: 16px;
    line-height: 120%;
    text-transform: none;
    font-weight: 100;
    text-decoration: underline;
    display: block;
    text-align: center;
    color: #000;
    margin-top: 12px;
    letter-spacing: 0.5px;
}

.reserva_cerrada {
   margin-bottom: 2px;
    color: #e81d33;
}


.nota-pie-info {
    font-family: BrownStd, sans-serif;
    font-weight: 100;
    font-size: 16px;

}

.nota-pie-info sup {font-size: 120%;}

/* filete */
.c-espacio__linea {
    margin-top: 20px;
    margin-bottom: 30px
}
p1-m {margin: 60px 0 50px 0}
.sub-header-drupal__link:hover, .sub-header-drupal__link[aria-page="current"] {
    color: #29dbff !important;
}

/* Encabezados */
#informacion.reservas #contppalsin h1 {
    margin-top: 50px;
    text-align: center;
    font-size: 58px;
    line-height: 58px;
    margin-bottom: 10px;
    color: #151515 !important;
    width: 100%;
    text-align: center;
}



#informacion.reservas.listado-actos h2 {
    font-family: BrownStd, sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #151515
}



#informacion.reservas.listado-actos .center-position {
    text-align: center;
    width: 200px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    height: 45px;
}

#informacion.reservas #ppal ul li.acto a {
    color: #000000;  
}



#informacion.reservas #ppal ul li.ciclo.last a {
    color: #000000;
}



#informacion.reservas.listado-actos .center-position-sub {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    height: 76px;
    padding: 0;
}
    #informacion.reservas.listado-actos .center-position-sub h2 {
        border-top: 1px solid #ccc;
        width: 70%;
        text-align: center;
        padding: 20px 5px;
        margin: 0 auto;
    }
    /* barra azul interactiva*/
    .acceso-syst a {
        color: #000 !important;
        transition: all 0.3s ease;
    }

    .acceso-syst a span {
        position: relative;
        border-bottom: none;
        box-shadow: none;
        background-image: linear-gradient(#009fd3, #009fd3);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 68px 4px;
        transition: background-size .3s;
        padding-bottom: 3px;
        line-height: 140%;
        text-transform: none;
        font-size: 18px;
        font-weight: 500;
    }

  

.acceso-syst.list a span {
    background-size: 147px 4px;
}


.acceso-syst a span.tablon {
    background-size: 150px 4px;
}

.acceso-syst a span:hover {
    background-size: 100% 4px;
}
/* texto inferior */

#informacion.reservas .aclarativo ul li {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding: 1px 0;
    font-family: 'Noe-Text', serif;
    margin: 10px 0;
}
/* compartir */

#informacion.reservas #compartir ul {
    width: 100%;
}

    #informacion.reservas #compartir ul li {
        /* display: inline; */
        display: inline;
        vertical-align: middle;
        font-size: 15px;
        font-family: 'BrownStd', sans-serif;
        font-weight: 100;
        line-height: 160%;
        text-transform: uppercase;
    }

#compartir a, #compartir a:hover {
    margin-left: 5px;
    width: 25px;
    height: 25px;
}

#informacion.reservas #compartir img {
    width: 22px;
    height: 22px;
    background-color: #ccc;
    padding: 11px;
    border-radius: 50%;
}


#informacion.reservas.sms-layout .acceso-syst {
    margin-top: 90px;
}

#informacion.reservas.error .contenedor p {
    text-align: center;
}

.sutitulo-misreservas .acto-cancelled {
    font-family: 'Noe Display', serif;
    padding: 12px 0 0 0;
    font-weight: 300;
    font-size: 23px;
    line-height: 25px;
    color: #000;
    text-align: center;
}


    .sutitulo-misreservas .acto-cancelled span {
        font-family: BrownStd, sans-serif;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #666566;
        display: block;
        text-align: center;
        padding-top: 7px;
    }


.daily {
    position: absolute;
    top: 7px;
    left: 7px;
    background-color: #009fd3;
    padding: 7px 11px 2px 11px;
    color: #fff;
    font-family: BrownStd;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    border: solid 1px #fff;
    letter-spacing: 0.5px;
   
    
}

p.register-button {width: auto; display: inline-block; margin-top: 15px;  letter-spacing: 0.5px; font-weight: 400;}
    p.register-button a {
        color: #009fd3 !important;
        font-size: 15px;
    }
        p.register-button a:hover {
            text-decoration: underline !important;
        }

.centrado a.solicitud-lead {
    color: #808589 !important;
    text-decoration: underline !important;
    ;
}


        /***************************************************/
        /***************************************************/
        /***************                       *************/
        /***************  PÁGINA INFORMACIÓN   *************/
        /***************                       *************/
        /***************************************************/
        /***************************************************/
        /* Desktop */
        @media only screen and (min-width: 960px) {
            #informacion.reservas .centrado {
        margin: 0 auto;
        max-width: 1500px;
        width: 100%;
    }

    #profundidad {
        padding: 13px 10px 5px 20px;
        font-size: 13px;
    }

    #informacion.reservas .contenedor {
        margin: 0 auto;
        max-width: 1220px;
        width: 96%;
    }


    #informacion.reservas.error .contenedor {
        padding: 40px 0 80px 0;
    }

        #informacion.reservas.error .contenedor p {
            font-size: 17px;
            text-align: center;
            line-height: 28px;
            font-family: BrownStd, sans-serif;
            font-weight: 100;
        }



    #informacion.reservas #contppal {
        width: 100%;
        height: auto;
        display: block;
        box-sizing: border-box;
        margin: 0 !important;
    }

        #informacion.reservas #contppal #ppal {
            width: 100%;
            max-width: 960px;
            display: block;
            margin: 0 auto 30px auto;
            height: auto;
            float: none;
            position: relative;
            box-sizing: border-box;
        }

    #informacion.reservas.informativo #cuerpo01 {
        width: 960px;
        max-width: 960px;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    #informacion.reservas #ppal ul {
        margin-bottom: 15px;
        margin: 0 auto;
        max-width: 760px;
    }

    #informacion.reservas.informativo #ppal ul {
        margin-bottom: 15px;
        margin: 0 auto;
        max-width: 960px;
    }


    #informacion.reservas.misreservas #ppal ul {
        margin: 20px auto 50px auto;
        max-width: 760px;
        width: 100%;
        border-top: solid 1px #ececec;
        padding: 8px 0 0 0;
    }

    #informacion.reservas #cuerpo01 .access-content p, #informacion.reservas .intro-reservar {
        font-size: 22px;
        line-height: 28px;
        font-family: 'NoeText', serif;
        color: #808589;
        text-align: center;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 20px;
    }

        #informacion.reservas #cuerpo01 .access-content p {margin-bottom: 20px}
            #informacion.reservas #cuerpo01 .access-content p:last-of-type {
                font-size: 19px;
                line-height: 25px;
                font-family: 'NoeText', serif;
                color: #808589;
                text-align: center;
                max-width: 820px;
               
                margin: 26px auto;
            }

    #informacion.reservas .important-warnig {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 150px 60px 150px;
        text-align: center;
        margin: 0 0 30px 0;
        border-bottom: solid 1px #ccc;
    }

        #informacion.reservas .important-warnig h3 {
            font-family: BrownStd, sans-serif;
            font-weight: 500;
            font-size: 20px;
        }

        #informacion.reservas .important-warnig p {
            font-size: 18px;
            line-height: 24px;
            font-family: BrownStd, sans-serif;
            font-weight: 300;
        }


        #informacion.reservas.localizador p.reservas-Aviso {
            padding: 0 5px 30px 5px;
            margin-bottom: 50px;
            text-align: center;
            width: 100%;
            border-bottom: solid 1px #ededed;
            box-sizing: border-box;
        }

    #informacion.reservas.listado-actos.reservar .border-single {
        max-width: 760px;
        display: flex;
        justify-content: space-between;
    }



        #informacion.reservas.listado-actos.reservar .border-single .img-acto {
            width: 39%;
            height: auto;
            position: relative;
        }

      



            #informacion.reservas.listado-actos.reservar .border-single .img-acto img {
                width: 100%
            }

    #informacion.reservas .intro-reservar {
        margin: 6px auto 30px auto
    }

    #informacion.reservas.info-lista-espera p.reservas-Aviso {
        border-bottom: solid 1px #ececec;
        padding: 0 0 40px 0;
        width: 760px;
        margin: 0 auto;
        font-size: 19px;
        line-height: 25px;
        font-family: 'NoeText', serif;
        color: #808589;
        text-align: center;
        max-width: 800px;
        margin: 0 auto;
    }

        #informacion.reservas #contppal h1 {
            margin-top: 50px;
            text-align: center;
            font-size: 58px;
            line-height: 58px;
            margin-bottom: 10px;
            color: #151515 !important;
            width: 100%;
            text-align: center;
        }

    #informacion.reservas #cuerpo01 .access-content {
        overflow: hidden;
        display: block;
        max-width: 960px;
        margin: 0 auto;
    }

        #informacion.reservas .new-content h2, #informacion.reservas .faqs-content h2, #informacion.reservas .safety-tit h2,
        #informacion.reservas .aclarativo h2 {
            font-size: 42px;
            line-height: 42px;
            font-family: 'Noe-Display', serif;
            color: #000;
            padding-bottom: 50px;
            text-align: center;
        }

            #informacion.reservas .aclarativo h2 {padding-bottom:30px;}

            #informacion.reservas .faqs-content p a {
                text-decoration: underline;
                color: #000;
            }


    #informacion.reservas .new-content {
        border-top: solid 1px #ccc;
        padding-top: 30px;
        max-width: 960px;
        margin: 40px auto;
    }

    #informacion.reservas.informativo #cuerpo01 .new-content ul li img {
        width: auto;
    }

    #informacion.reservas .new-content ul li p, #informacion.reservas .safety-tit ul li p {
        color: #5c6568;
        font-size: 15px;
        line-height: 21px;
        font-family: BrownStd, sans-serif;
    }

    #informacion.reservas .safety-tit {
        border-top: solid 1px #ccc;
        padding-top: 30px;
        width: 960px;
        margin: 70px auto;
    }

        #informacion.reservas .aclarativo {
            border-top: solid 1px #ccc;
            padding: 30px 0 70px 0;
            width: 960px;
            margin: 50px auto 0 auto;
            text-align: center;
        }

    #informacion.reservas .faqs-content {
        width: 760px;
        margin: 0 auto;
        font-family: 'NoeText', serif;
    }

    #informacion.reservas #ppal ul li {
        margin-left: 0;
    }

    #informacion.reservas .new-content ul, #informacion.reservas .safety-tit ul {
        display: flex;
        justify-content: space-around;
        width: 990px;
        margin: 0 -20px;
        padding-bottom: 10px;
        border-bottom: none;
        margin-bottom: 50px;
       
    }

        #informacion.reservas .new-content ul li, #informacion.reservas .safety-tit ul li {
            width: 24%;
            padding: 0 20px;
            border-right: solid 1px #eee;
            font-family: BrownStd, sans-serif;
            font-weight: 100;
        }

    #informacion.reservas .safety-tit ul {
        display: flex;
        justify-content: space-around;
        width: 1060px;
        margin: 0 -20px;
        padding-bottom: 80px;
       /* border-bottom: solid 1px #ccc;*/
        margin-bottom: 50px;
    }

    #informacion.reservas .faqs-content p {
        font-size: 17px;
        line-height: 24px;
        padding-bottom: 26px;
    }

    #informacion.reservas .acceso-syst {
        text-align: center;
        display: block;
        margin: 30px auto 10px auto;
        font-family: BrownStd, sans-serif;
        font-size: 14px;
        font-weight: 100;
        width: 500px;
        letter-spacing:0.5px
    }



    #informacion.reservas .new-content ul li span, #informacion.reservas .safety-tit ul li span {
        font-family: 'NoeText', sans-serif;
        font-size: 22px;
        line-height: 26px;
        display: block;
        color: #000;
        padding: 20px 0 15px 0;
        font-weight: 100;
    }

    #informacion.reservas .new-content ul li:last-child, #informacion.reservas .safety-tit ul li:last-child {
        border-right: none;
    }

    #informacion.reservas #compartir {
        width: 100%;
        max-width: 980px;
        text-align: right;
        margin: 20px auto 40px auto;
        box-sizing: border-box;
    }
}




/* Tablet  */

@media only screen and (min-width: 580px) and (max-width: 959px) {
    #compartir {
        border-top: none;
        clear: both;
        color: #666;
    }

    #informacion h1#tituloActo {
        width: 100%; /* margin: 0.6em 0 0.4em 0; */
    }

    #informacion.reservas #contppal {
        max-width: 780px;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        /*border: solid 1px blue;*/
        float: none;
    }

        #informacion.reservas #contppal #ppal {
            max-width: 780px;
            width: 100%;
            display: block;
            margin: 0 auto;
            height: auto;
            float: none;
            padding-right: 0 !important;
        }




    #informacion.reservas #cuerpo01 {
        max-width: 780px;
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 1em;
    }

    #informacion.reservas #contppal h1 {
        margin-top: 3rem;
        text-align: center;
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 25px;
    }

    #informacion.reservas #compartir {
        width: 90%;
        display: block;
        margin: 30px auto 0 auto;
        text-align: right;
    }

        #informacion.reservas #compartir ul {
            width: 100%;
            float: right;
        }

            #informacion.reservas #compartir ul li {
                display: inline-block;
                vertical-align: bottom;
                font-size: 15px;
                font-family: 'BrownStd', sans-serif;
                font-weight: 100;
                line-height: 160%;
                text-transform: uppercase;
                width: auto;
                padding: 0;
                vertical-align: middle;
            }

    #informacion.reservas .new-content, #informacion.reservas .safety-tit {
        border-top: dotted 1px #ccc;
        padding-top: 20px;
        max-width: 780px;
        width: 100%;
        margin: 40px auto;
    }

        #informacion.reservas .new-content h2, #informacion.reservas .faqs-content h2, #informacion.reservas .safety-tit h2 {
            font-size: 40px;
            line-height: 40px;
            font-family: 'Noe Display', serif;
            color: #000;
            padding-bottom: 10px;
            text-align: center;
        }

    #informacion.reservas .important-warnig {
        padding: 0 2rem;
        display: block;
        text-align: center;
        font-size: 15px;
        font-family: 'BrownStd', sans-serif;
        font-weight: 100;
    }
        #informacion.reservas .important-warnig
        h3 {
            font-size: 24px;
            line-height: 40px;
            font-family: 'BrownStd', sans-serif;
            color: #000;
            padding-bottom: 10px;
            text-align: center;
            margin: 0.4em 0 0.5em 0;
            text-transform: capitalize;
        }
        .faqs-content p a {
            color: #00889a
        }
    /* rejilla de iconos */
    #informacion.reservas .new-content ul, #informacion.reservas .safety-tit ul {
        display: flex;
        flex-wrap: wrap;
        max-width: 780px;
        width: 100%;
        padding-bottom: 0px;
        border-bottom: none;
        margin-bottom: 0px;
        justify-content: flex-start;
    }

        #informacion.reservas .new-content ul li, #informacion.reservas .safety-tit ul li {
            width: 25%;
            padding: 0 20px;
            border-right: solid 1px #eee;
            font-family: BrownStd, sans-serif;
            font-weight: 100;
            margin-top: 20px;
        }

    #informacion.reservas .safety-tit ul {
        display: flex;
        flex-wrap: wrap;
        max-width: 780px;
        padding-bottom: 50px;
       /* border-bottom: solid 1px #ccc;*/
        margin-bottom: 50px;
    }

    #informacion.reservas .faqs-content {
        padding: 1rem 2rem;
        /* border-top: solid 1px #ccc; */
        margin: 2rem 2rem 0 0;
    }

        #informacion.reservas .faqs-content p {
            font-size: 17px;
            line-height: 24px;
            padding-bottom: 26px;
            font-family: 'NoeText', serif;
        }

    #informacion.reservas .acceso-syst {
        text-align: center;
        display: block;
        margin: 30px 0 10px 0;
        font-family: BrownStd, sans-serif;
        font-size: 18px;
        font-weight: 100;
    }


    #informacion.reservas #cuerpo01 img {
        width: 130px;
        height: auto;
        display: block;
        margin: 10px 0;
        height: auto;
    }

    #informacion.reservas .acceso-syst a {
        /*border-bottom: solid 5px #009fd3;*/
        padding: 0 0 2px 0;
        font-weight: 300;
        display: inline-block;
        color: #000;
    }

    #informacion.reservas .new-content ul li span, #informacion.reservas .safety-tit ul li span {
        font-family: 'NoeText', sans-serif;
        font-size: 22px;
        line-height: 26px;
        display: block;
        color: #000;
        padding: 20px 0 15px 0;
        font-weight: 100;
    }

    #informacion.reservas .new-content ul li.no-border, #informacion.reservas .safety-tit ul li.no-border {
        border: none;
    }

    #informacion.reservas .new-content ul li:last-child, #informacion.reservas .safety-tit ul li:last-child {
        border-right: none;
    }

    #informacion #cuerpo01 p {
        font-size: 18px;
        line-height: 26px;
    }

    #informacion.reservas #contppal h1, #informacion.reservas.listado-actos #contppal h1 {
        margin-top: 3rem;
        text-align: center;
        font-size: 48px;
        line-height: 55px;
        margin-bottom: 25px;
    }

    #informacion.reservas .new-content h2, #informacion.reservas .faqs-content h2, #informacion.reservas .safety-tit h2 {
        font-size: 40px;
        line-height: 40px;
        font-family: 'Noe Display', serif;
        color: #000;
        padding-bottom: 10px;
        text-align: center;
        margin: 0.4em 0 0.5em 0;
    }

    #informacion.reservas #cuerpo01 p.nota-pie-info {
        padding: 19px 0;
        border-top: dotted 1px #ccc;
        width: 39%;
        display: block;
        margin: 0 auto;
        font-size: 15px;
        line-height: 21px;
        text-align: center;
        box-sizing: border-box;
    }

}

/* Mobile */

@media only screen and (max-width: 579px) {
    #informacion.reservas #contppal h1 {
        text-align: center;
        padding-top: 20px;
        font-size: 32px
    }

    #informacion.reservas h2
     {
        margin: 0.4em 0 0.6em 0;
        font-size: 2em;
    }

    #informacion.reservas .new-content ul li, #informacion.reservas .safety-tit ul li {
        width: 36%;
        padding: 0 6px;
        border: none;
    }

    #informacion.reservas #cuerpo01 .access-content p {
        font-size: 18px;
        line-height: 24px;
        font-family: BrownStd, sans-serif;
        color: #000;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding: 1rem;
        box-sizing: border-box;
        font-weight: 100;
    }

    #informacion.reservas .acceso-syst {
        text-align: center;
        display: block;
        margin: 30px 0 10px 0;
        font-family: BrownStd, sans-serif;
        font-size: 18px;
        font-weight: 100;
    }

    #informacion.reservas .new-content, #informacion.reservas .safety-tit {
        border-top: dotted 1px #ccc;
        padding-top: 20px;
        text-align: center;
        width: 100%;
        margin: 40px auto 0 auto;
    }

    #informacion.reservas .acceso-syst a {
        /*border-bottom: solid 5px #009fd3;*/
        padding: 0 0 2px 0;
        font-weight: 300;
        display: inline-block;
        color: #000;
        width: auto;
    }

    #informacion.reservas .new-content ul li span, #informacion.reservas .safety-tit ul li span {
        font-family: 'NoeText', sans-serif;
        font-size: 22px;
        line-height: 26px;
        display: block;
        color: #000;
        padding: 20px 0 15px 0;
        font-weight: 100;
    }

    #informacion.reservas .new-content ul li:last-child, #informacion.reservas .safety-tit ul li:last-child {
        border-right: none;
    }

    #informacion.reservas .new-content h2 {
        font-size: 26px;
    }

    #informacion.reservas .new-content ul, #informacion.reservas .safety-tit ul {
        display: flex;
        flex-wrap: wrap;
        max-width: 569px;
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
        justify-content: flex-start;
    }

        #informacion.reservas .new-content ul li, #informacion.reservas .safety-tit ul li {
            width: 85%;
            padding: 0 20px;
            border: none;
            font-family: BrownStd, sans-serif;
            font-weight: 100;
            margin-top: 0;
        }

    #informacion.reservas #cuerpo01 img {
        width: 83px;
        height: auto;
        display: block;
        margin: 45px auto 0 auto;
    }

    /*#informacion.reservas #ppal ul li {
        margin-left: 15px;
    }*/

    #informacion.reservas .faqs-content,
    #informacion.reservas .aclarativo {
        padding: 0 1rem;
    }


    .sede-select span.ticket-madrid {
       padding-bottom: 20px;
    }

        #informacion.reservas .important-warnig {
            margin: 0 auto;
            padding: 1rem;
            text-align: left;
            background-color: #f2f2f2;
            margin-bottom: 3rem;
        }

        #informacion.reservas .important-warnig h3 {
            font-family: BrownStd, sans-serif;
            font-weight: 500;
            font-size: 20px;
            text-align: center;
            width: 100%;
        }

        #informacion.reservas .important-warnig p {
            font-size: 18px;
            line-height: 24px;
            font-family: BrownStd, sans-serif;
            font-weight: 300;
        }


        #informacion.reservas .faqs-content p {
            font-size: 17px;
            line-height: 24px;
            padding-bottom: 26px;
            font-family: BrownStd, serif;
            font-weight: 100
        }
}


/* mobility */


@media only screen and (max-width: 959px) {

    #informacion.reservas .aclarativo ul li, #informacion.reservas #cuerpo01 .access-content p {
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        max-width: 660px;
        margin: 0 auto 1rem;
        padding: 0 3rem;
        font-weight: 100;
    }

    #informacion.reservas #cuerpo01 img {
        width: auto;
        height: auto;
    }
}

@media only screen and (max-width: 579px) {

    #informacion.reservas #contppal h1 {
        padding-top: 2rem;
    }

    #informacion.reservas .new-content ul, #informacion.reservas .safety-tit ul {
        border-bottom: none;
    }

    #informacion.reservas .aclarativo ul li, #informacion.reservas #cuerpo01 .access-content p {
        padding: 1rem;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }

    #informacion.reservas .aclarativo ul li {
        padding: 0.4rem 0;
        font-size: 1.2em;
        line-height: 150%;
        margin-left: 0 !important;
    }

    #informacion.reservas #cuerpo01 img {
        width: auto;
        height: auto;
    }

    #informacion.reservas .acceso-syst {
        margin: 0
    }

    #informacion.reservas #cuerpo01 p.nota-pie-info {
        padding: 19px 0;
        border-top: dotted 1px #ccc;
        width: 94%;
        display: block;
        margin: 0 auto;
        font-size: 15px;
        line-height: 21px;
        text-align: center;
        box-sizing: border-box;
    }

}


/***************************************************/
/***************************************************/
/***************                       *************/
/***************   LISTADO DE ACTOS    *************/
/***************                       *************/
/***************************************************/
/***************************************************/

/********     LISTADO DE ACTOS - SCREEN  ************/


/* Tabs de sede */

.sede-select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    margin: 10px 0 20px 0;

}

    .sede-select ul {
        display: flex;
        width: 50%;
        
        flex-direction: row;
        justify-content: center;
        
    }


        .sede-select ul li {margin: 0 20px;}

            .sede-select ul li.palma,
            .sede-select ul li.madrid {
                width: 190px;
                text-align: center;
                font-family: BrownStd, sans-serif;
                font-weight: 300;
                text-transform: uppercase;
                font-size: 20px;
                letter-spacing: 1px; 
                background-color: #009fd3;
                display: block;
                padding: 20px 0;
                box-sizing: border-box;
                color: #fff !important;
            }


                .sede-select ul li.madrid a {
                    background-color: #f2f2f2;
                    padding: 20px 60px;
                    color: #000 !important;
                    width: 100%;
                    box-sizing: border-box;
                   
                }

                .sede-select ul li.palma a {
                    background-color: #f2f2f2;
                    padding: 20px 62px;
                    color: #000 !important;
                    width: 100%;
                    box-sizing: border-box;
                }
          





            /* calendario */
            #informacion.reservas .addeventatc_dropdown {
                width: 100%;
                position: relative !important;
                z-index: 99999;
                padding: 0;
                background-color: #ededed !important;
                text-align: left;
                display: none;
                margin: 10px 0;
                margin-left: -1px;
                border: none;
                box-shadow: 0;
            }

#informacion.reservas .listadoactos span, .listadoactoslibres span {
    display: block;
}

.theme2.addeventatc .icon {
    background: none;
}



.theme2.addeventatc,
.theme2.addeventatc:hover,
a.bton-action-area-invitacion,
a.bton-action-area-invitacion:hover {
    background-color: #ededed;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    border: none;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    border: solid 3px #12100b;
    padding: 20px 20px 18px 20px;
    text-align: center;
    color: #12100b;
    box-sizing: border-box;
}

    .theme2.addeventatc:hover, .bton-action-area-solicita:hover {
        background-color: #f2f2f2;
    }


#informacion.reservas.listado-actos .action-area-calendario,
#informacion.reservas.listado-actos .action-area-solicita {
    background-color: #ededed;
}

    #informacion.reservas.listado-actos .action-area-calendario span,
    #informacion.reservas.listado-actos .action-area-solicita span,
    #informacion.reservas.listado-actos .action-ver-invitacion span {
        font-size: 17px;
        line-height: 20px;
        font-weight: 100;
        font-family: BrownStd, sans-serif;
    }

    #informacion.reservas.listado-actos .action-area-solicita span {
        padding: 8px 0 5px 0;
    }



    #informacion.reservas.listado-actos .action-area-calendario span span
    {
        font-size: 16px;
        line-height: 20px;
        font-weight: 100;
        font-family: BrownStd, sans-serif;
        color: #151515;
        
    }
        #informacion.reservas.listado-actos .action-area-calendario span span.txt_gray {
            padding-top: 0;
        }

    #informacion.reservas.listado-actos .action-area-calendario .addeventatc_dropdown > span {
        font-size: 12px;
        padding: 5px 19px 5px 25px;
        font-weight: 300;
    }

/* Desktop y superdesktop */

@media only screen and (min-width: 1220px) {


    /* layout */
    #informacion.reservas.listado-actos #contppalsin, #informacion.reservas.listado-actos #ppal {
        background: none;
        float: none;
        overflow: hidden;
        width: 1000px;
        margin: 0 auto;
    }
}

/* intro */


#informacion.reservas.listado-actos .access-content {
   /* border-bottom: solid 1px #ececed;*/
    padding-bottom: 30px;
    margin-bottom: 0;
}


    #informacion.reservas.listado-actos .access-content p {
        font-size: 19px;
        line-height: 25px;
        font-family: 'NoeText', serif;
        color: #808589;
        text-align: center;
        max-width: 820px;
        margin: 25px auto 20px auto;
    }

        #informacion.reservas.listado-actos .access-content p.salon-azul {
            margin: 0 auto;
            font-size: 16px;

        }


/* lista */
#informacion.reservas.listado-actos ul.listadoactos {
    margin: 0 auto;
    width: 100%;
    display: block;
}

#informacion.reservas.listado-actos #ppal ul {
    margin-bottom: 15px;
    margin: 0 auto;
    max-width: 1000px;
}

#informacion.reservas.listado-actos .listadoactos > li {
    border-bottom: 1px solid #ececec;
    display: flex;
    justify-content: space-between;
    margin: 20px 0 40px 0;
    padding: 0 0 40px 0;
    position: relative;
    width: 100%;
    overflow: visible;
    clear: both;
}

#informacion.reservas.listado-actos .listadoactos #festival-eventos {
    border-bottom: none;
   
}

    #informacion.reservas.listado-actos .listadoactos li.acto-evento.last:last-of-type {border-bottom: none;}




#informacion.reservas.listado-actos .listadoactos > li.separador {
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
    border: none
}



/* contenedores de elemento de lista */
#informacion.reservas.listado-actos .img-acto {
    width: 30%;
    height: auto;
}
#informacion.reservas.listado-actos .content-event-list {
    width: 30%;
    box-sizing: border-box;
}
#informacion.reservas.listado-actos .text-acto {
    width: 40%;
    "acto-eventofestival height: auto;
    text-align: left;
    padding: 0 30px;
    /* outline: solid 1px orange; */
}
/* #informacion.reservas.listado-actos .listadoactos li.acto-eventofestival.last {
    flex-wrap: wrap;
} */


#informacion.reservas.listado-actos .listadoactos li#festival-eventos {
    width: 70%;
    display: block;
    float: right;
    margin: 0 0 40px 0;
    padding: 0;
}



.festival-day {
    display: block;
    width: 100%;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 10px;
    padding-top: 4px;
}

div.festival-day:last-of-type {
    
    border-bottom: solid 1px #ccc;
 
}

.festival-day.all-events {border-bottom: none;}


.festival-day ul {
    display: block;
    width: 100%;
}

#informacion.reservas.listado-actos .listadoactos li#festival-eventos .festival-day ul li,
#informacion.reservas.listado-actos .listadoactos li#festival-eventos .festival-day.all-events ul li  {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.festival-day-info {
    list-style: none;
    padding: 10px;
    margin-bottom: 5px;
    width:59%;
    display: inline;
    box-sizing: border-box;
}
.festival-day-button,
.festival-day-button-all-events {
    list-style: none;
    padding: 0;
    margin-bottom: 5px;
    width: 40%;
    display: inline;
    box-sizing: border-box;
}


  



    .fecha-single, .fecha-single-title {
        display: block;
    }

#informacion.reservas.listado-actos .listadoactos .festival-day .festival-day-button a,
#informacion.reservas.listado-actos .listadoactos  .festival-day-button-all-events a {
    text-decoration: none;
    color: #000;
    background-color: #ffffff;
    padding: 15px 12px 12px 12px;
    font-weight: bold;
    border: solid 2px #000;
    font-family: BrownStd, sans-serif;
    text-transform: uppercase;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

#informacion.reservas.listado-actos .listadoactos .festival-day-button-all-events a {
    background-color: #7bc0e5;
}
    /* Elementos de los contenedores */
    #informacion.reservas.listado-actos .text-acto .fecha {
        font-family: BrownStd, sans-serif;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #666566;
    }


    #informacion.reservas.listado-actos .text-acto .fecha {
        font-family: BrownStd, sans-serif;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #666566;
    }



        #informacion.reservas.listado-actos .text-acto .fecha.last,
        #informacion.reservas .listadoactos span.fecha-single {
            font-family: BrownStd, sans-serif;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 5px;
            text-transform: uppercase;
            line-height: 22px;
            color: #666566;
            /* padding-bottom: 20px; */
        }



        .nota-directo {
    background-position: left center;
    font-size: 13px;
    padding: 3px 10px 0px 24px;
    font-family: BrownStd, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

    .nota-directo a {
        color: #008895;
        text-decoration: none;
    }

#informacion.reservas.listado-actos .formato a {
    display: block;
    font-size: 14px;
    font-family: 'BrownStd';
    text-transform: uppercase;
    color: #000000;
    margin: 3px 0 7px 0;
    font-weight: 500;

}

#contenedor_reservas.acto-reservar ul.listadoactos span.info-formato,
#contppalsin .acto-misreservas .text-acto span.info-formato,
#contppalsin .acto-reserva span.info-formato {
    display: block;
    font-size: 14px;
    font-family: 'BrownStd';
    text-transform: uppercase;
    color: #000000;
    margin: 17px 0 0 0;
    font-weight: 500;
}

#informacion.reservas.listado-actos .text-acto .ciclo a,
/* #informacion.reservas.listado-actos .acto-eventofestival.last .text-acto .acto.last,*/
#informacion.reservas .listadoactos span.fecha-single-title {
    font-family: 'Noe-Display', serif;
    padding: 12px 0 0 0;
    font-weight: 300;
    font-size: 21px;
    line-height: 26px;
    color: #000;
}

#informacion.reservas.listado-actos .listadoactos > li.acto-eventofestival.last {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#informacion.reservas .listadoactos span.fecha-single-title {
    margin-top: 0;
    padding-top: 0

}

#informacion.reservas .listadoactos .festival-day-info span.fecha-single-title {
    margin-top: 0;
    padding-top: 0; 
    font-family: BrownStd, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #666566;
}



    #informacion.reservas .listadoactos img, .listadoactoslibres img {
        margin-bottom: 7px;
        width: 100%;
        height: auto;
    }


#informacion.reservas.listado-actos .text-acto .acto,
#informacion.reservas.listado-actos .acto-eventofestival .ciclo.last {
    font-family: BrownStd, sans-serif;
    padding: 12px 0;
    font-weight: 300 !important;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    color: #666566;
    text-align: left;
}

#informacion.reservas.listado-actos .acto-eventofestival .text-acto .acto { padding: 12px 0}
.acto-eventofestival .espaciador {
    display: none !important;
}



/* estados de eventos */
#informacion.reservas.listado-actos .action-area-calendario,
#informacion.reservas.listado-actos .action-area-solicita,
#informacion.reservas.listado-actos .action-ver-invitacion {
    width: 100%;
    height: auto;
    padding: 0px 5px 10px 10px;
    box-sizing: border-box;
    min-height: 159px;
    overflow: hidden;
}



#informacion.reservas.listado-actos .text-acto .acto,
#informacion.reservas.listado-actos .acto-eventofestival .ciclo.last {
   
    padding: 12px 0 0 0;
    
}

#informacion.reservas .listadoactos span, .listadoactoslibres span {
    display: block;
    margin: 13px 0 0 0;
}



    #informacion.reservas .listadoactos span.daily {
        margin: 2px 0 0 0 !important;
      
    }

    #informacion.reservas.listado-actos .action-area-solicita {
        background-color: #8bc5e9;
        background-color: #8bc5e9;
        padding-bottom: 15px;
    }

    #informacion.reservas.listado-actos .action-area-solicita.eventbrite {
        background-color: #eea496;
    }

#informacion.reservas.listado-actos .action-ver-invitacion {
    background-color: #ededed
}


/* botón de acción */
.edge-around {
    background-color: #12100b;
    overflow: hidden;
    padding: 3px;
    margin-top: 30px;
    display: block;
}

#informacion.reservas.listado-actos .edge-around a {
    background-color: #12100b;
    border: solid 1px #8bc5e9;
    color: #fff;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    padding: 17px 0 13px 0;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 0px;
}





#informacion.reservas.listado-actos .action-area-solicita.eventbrite .edge-around a {
    background-color: #12100b;
    border: solid 1px #eea496;
    color: #fff;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    padding: 17px 0 13px 0;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 0px;
}
    .edge-around-margin {
    margin-top: 10px;
}



#informacion.reservas.listado-actos .action-ver-invitacion a {
    background-color: #ededed;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    border: none;
    display: block;
    margin-top: 48px;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    border: solid 3px #12100b;
    padding: 20px 20px 16px 20px;
    text-align: center;
    color: #12100b;
    box-sizing: border-box;
}


.double-buttom {
    margin-top: 17px !important;
}

/* < 1200px to 780px*/

@media only screen and (max-width: 1219px) and (min-width: 781px) {




    #informacion.reservas #contppalsin h1 {
        margin-top: 3rem;
        text-align: center;
        font-size: 48px;
        line-height: 55px;
        margin-bottom: 25px;
    }



    #informacion.reservas.listado-actos .access-content p {
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        margin: 0 auto;
        padding: 0 3rem;
        font-weight: 100;
    }





    #informacion.reservas.listado-actos #ppal h1#Tituloreserv {
        margin-top: 3rem;
        text-align: center;
        font-size: 48px;
        line-height: 55px;
        margin-bottom: 25px;
    }


    #informacion.reservas.listado-actos .text-acto .ciclo a {
        font-size: 22px;
        line-height: 26px;
        color: #000;
    }

    #informacion.reservas.listado-actos .text-acto {
        padding: 0 20px;
    }

    #informacion.reservas.listado-actos .action-area-solicita {
        padding: 14px;
    }

    #informacion.reservas .action-ver-invitacion {
        padding-bottom: 30px;
    }

    .theme2.addeventatc {
        padding: 10px 10px 8px 10px;
        line-height: 120%;
    }

    #informacion.reservas.listado-actos .action-area-calendario span, #informacion.reservas.listado-actos .action-area-solicita span {
        font-size: 16px;
        line-height: 21px;
    }

    #contppal .aclarativo h2 {
        text-align: center;
        font-size: 27px;
        margin: 0 0 30px 0;
    } 
}


/* < 780px*/

@media only screen and (max-width: 780px) {

    .centrado > .contenedor > .contenido {
        padding-top: 0;
    }

    #informacion.reservas #contppalsin h1#Tituloreserv {
        margin-top: 3rem;
        text-align: center;
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    #informacion.reservas.listado-actos .access-content p {
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: left;
        margin: 0 auto;
        padding: 0 1rem 2rem 1rem;
        font-weight: 100;
    }

    #informacion.reservas.listado-actos #ppal ul {
        margin-bottom: 15px;
        margin: 0 auto;
        width: 100%;
    }

    #informacion.reservas.listado-actos .listadoactos > li {
        display: block;
    }

    #informacion.reservas.listado-actos .img-acto,
    #informacion.reservas.listado-actos .content-event-list,
    #informacion.reservas.listado-actos .text-acto {
        width: 100%;
        display: block;
    }

    #informacion.reservas.listado-actos .text-acto {
        padding: 20px 0 0 0;
    }

    #informacion.reservas.listado-actos .acto-eventofestival .text-acto {
        padding: 20px 0 0 0;
    }

        #informacion.reservas.listado-actos .text-acto .ciclo a {
            font-size: 23px;
            line-height: 28px;
            color: #000;
        }

    #informacion.reservas.listado-actos .action-area-calendario, #informacion.reservas.listado-actos .action-area-solicita {
        min-height: 50px;
        text-align: center;
        padding: 18px;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .theme2.addeventatc {
        padding: 15px 14px 12px 14px;
    }

    #informacion.reservas .action-ver-invitacion {
        padding-bottom: 30px;
    }

    #informacion.reservas.listado-actos .listadoactos > li {
        border-bottom: dotted 1px #ccc;
    }

    #informacion.reservas.listado-actos #compartir {
        border: none;
        text-align: right;
    }
    #informacion.reservas.listado-actos .listadoactos li#festival-eventos {
        width: 100%;
    }

    #informacion.reservas.listado-actos .acto-eventofestival .action-area-calendario {margin-top: 30px;}

    }


/***************************************************/
/***************************************************/
/***************                       *************/
/*************   LAYOUT INNER-GRAL     *************/
/***************                       *************/
/***************************************************/
/***************************************************/

/*--> JLP - quedan afectadas páginas de petición, confirmación, sms e información  */


/********     PARTICIPA EN EL SORTEO  - SCREEN  ************/

/* layout */


#informacion.reservas.inner-gral #ppal,
#informacion.reservas.sms-layout #ppal,
#informacion.reservas.rechazo #ppal {
    background: none;
    float: none;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}

#informacion.reservas.inner-gral #contppalsin,
#informacion.reservas.sms-layout #contppalsin,
#informacion.reservas.rechazo #contppalsin {
    background: none;
    float: none;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}


#informacion.reservas.sms-layout #contppalsin,
#informacion.reservas.rechazo #contppalsin {
    padding: 50px 0 100px 0
}


#informacion.reservas.inner-gral ul.listadoactos {
    background: none;
    float: none;
    overflow: hidden;
    width: 100%;
    margin: 10px auto 50px auto;
}

    #informacion.reservas.inner-gral ul.listadoactos li {
        max-width: 760px;
        display: flex;
        justify-content: space-between;
        padding: 20px 0 40px 0;
    }

        #informacion.reservas.inner-gral ul.listadoactos li .img-acto {
            width: 40%;
            height: auto;
        }

        #informacion.reservas.inner-gral ul.listadoactos li .text-acto {
            width: 60%;
            height: auto;
            text-align: left;
            padding: 0 5%;
        }

p.aviso-gener {
    text-align: center;
    font-size: 17px;
    line-height: 26px;
    font-weight: 300;
    padding: 10px 0 0 0;
    font-family: BrownStd, sans-serif;
    text-transform: none;
}

.marg-1 {
    margin-top: 0;
    padding: 10px 0 0 0
}

.marg-2 {
    margin-top: 0;
    padding: 30px 0 0 0
}

.marg-3 {
    margin-top: 0;
    padding: 30px 0 0 0
}



/*Elementos de text-acto*/
#informacion.reservas.inner-gral ul.listadoactos li .text-acto .fecha {
    font-family: BrownStd, sans-serif;
    font-size: 14px;
    color: #666566;
    text-transform: uppercase;
}

#informacion.reservas.inner-gral ul.listadoactos li .text-acto a .formato {
    display: inline-block;
    clear: both;
    font-family: 'Noe Display', serif !important;
    padding: 12px 0 0 0;
    font-weight: 300;
    font-size: 25px;
    line-height: 28px;
    color: #000;
    text-align: left;
}

#informacion.reservas.inner-gral ul.listadoactos li .text-acto .acto {
    font-family: BrownStd, sans-serif;
    padding: 12px 0;
    font-weight: 300 !important;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #666566;
    text-align: left;
}

#informacion.reservas.inner-gral p.eleccion {
    text-align: center;
    font-size: 19px;
    line-height: 24px;
    font-family: BrownStd, sans-serif;
    font-weight: 300;
}
/*****/
#informacion.reservas.inner-gral .acto-reservar {
    border-top: solid 1px #ececec;
    border-radius: 2px;
    overflow: hidden;
    display: block;
    margin: 30px auto 0 auto;
    padding: 22px 0 0 0;
    clear: both;
    width: 760px;
}


/* FORMULARIO BUTACAS BOX*/

#informacion.reservas.inner-gral form#frmreserva {
    overflow: hidden;
    width: 760px;
    margin: 30px auto 50px auto;
    /* outline: solid 1px green; */
    text-align: center;
}

#informacion.reservas.inner-gral .selec-radio {
    width: 120px;
    height: 30px;
    margin: -4px 30px 0 0;
    overflow: hidden;
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    padding-top: 5px;
}


#informacion.reservas.inner-gral #frmreserva .selec-radio input[type="radio"] {
    float: left;
    font: 12px Verdana, Geneva, sans-serif;
    margin: -1px 0px 3px 0;
    padding: 0px 0;
    width: 18px;
    height: 18px;
    color: #009fd3;
}

#informacion.reservas.inner-gral form#frmreserva .edge-around {
    width: 300px;
    margin: 10px auto;
}

#informacion.reservas.inner-gral .edge-around input {
    background-color: #000;
    border: solid 2px #ffffff;
    color: #fff;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    padding: 17px 0 14px 0;
    display: block;
    text-align: center;
    letter-spacing: 1px;
    width: 300px;
    cursor: pointer;
}



/* < 1200px to 780px*/

@media only screen and (max-width: 1219px) and (min-width: 960px) {

    #informacion.reservas.inner-gral #ppal,
    #informacion.reservas.inner-gral #contppalsin,
    #informacion.reservas.sms-layout #contppalsin,
    #informacion.reservas.sms-layout #ppal,
    #informacion.reservas.rechazo #contppalsin,
    #informacion.reservas.rechazo #contppalsin {
        width: 960px;
    }

        #informacion.reservas.inner-gral #contppalsin h1 {
            margin-bottom: 10px;
        }

    #informacion.reservas.inner-gral .intro-reservar {
        font-size: 19px;
        line-height: 25px;
        font-family: 'NoeText', serif;
        color: #808589;
        text-align: center;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 80px;
    }
}

/* < 1200px to 780px*/

@media only screen and (max-width: 959px) {

    #informacion.reservas.inner-gral #ppal,
    #informacion.reservas.inner-gral #contppalsin,
    #informacion.reservas.sms-layout #contppalsin,
    #informacion.reservas.sms-layout #ppal,
    #informacion.reservas.rechazo #contppalsin,
    #informacion.reservas.rechazo #contppalsin {
        width: 760px; 
    }

    #informacion.reservas.inner-gral .intro-reservar {
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        margin: 0 auto;
        padding: 0 1rem;
        font-weight: 100;
    }
}


@media only screen and (max-width: 760px) {

    #informacion.reservas.inner-gral #ppal,
    #informacion.reservas.inner-gral #contppalsin,
    #informacion.reservas.inner-gral .acto-reservar,
    #informacion.reservas.sms-layout #contppalsin,
    #informacion.reservas.sms-layout #ppal,
    #informacion.reservas.rechazo #contppalsin,
    #informacion.reservas.rechazo #ppal {
        max-width: 560px;
        width: 100%;
        box-sizing: border-box;
    }

    #informacion.reservas.inner-gral #contppalsin {
        padding: 0 2%;
    }


    #informacion.reservas.inner-gral .intro-reservar {
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        margin: 0 auto;
        padding: 0 1rem;
        font-weight: 100;
    }


    #informacion.reservas.inner-gral ul.listadoactos li {
        display: block;
        padding: 20px 0 0 0;
    }

        #informacion.reservas.inner-gral ul.listadoactos li .img-acto {
            width: 100%;
            display: block
        }

        #informacion.reservas.inner-gral ul.listadoactos li .text-acto {
            width: 100%;
            display: block;
            max-width: 560px;
            box-sizing: border-box;
            padding: 20px 0;
        }

    #informacion.reservas.inner-gral .acto-reservar {
        margin: 20px auto;
        padding: 0;
    }

    #informacion.reservas.inner-gral ul.listadoactos {
        margin: 0 auto;
    }

    #informacion.reservas.inner-gral form#frmreserva {
        width: 100%;
        max-width: 560px;
        margin: 0 auto 50px auto;
        box-sizing: border-box;
        text-align: center;
    }

    #informacion.reservas.inner-gral ul.listadoactos li .text-acto {
        border-bottom: solid 1px #ececec;
        margin-bottom: 30px;
    }

    #informacion.reservas.inner-gral .acto:empty {
        display: none
    }

    #informacion.reservas.inner-gral p.eleccion {
        padding-bottom: 40px;
    }
}


/***************************************************/
/***************************************************/
/***************                       *************/
/*************   CONFIRMACIÓN DE MOBILE *************/
/*************                         *************/
/***************************************************/
/***************************************************/


#informacion.reservas.info-lista-espera #ppal {
    background: none;
    float: none;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}

#informacion.reservas.info-lista-espera #contppalsin {
    background: none;
    float: none;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}


#informacion.reservas.info-lista-espera #contppalsin {
    padding: 50px 0 100px 0
}


#informacion.reservas.info-lista-espera .acto-misreservas {
    max-width: 760px;
    display: flex;
    justify-content: space-between;
    padding: 40px 0 5px 0;
    margin: 0 auto 20px auto;
    border-bottom: solid 1px #ececec;
}

    #informacion.reservas.info-lista-espera .acto-misreservas .img-acto {
        width: 40%;
        height: auto;
    }


        #informacion.reservas.info-lista-espera .acto-misreservas .img-acto img {
            width: 100%;
            height: auto;
        }

    #informacion.reservas.info-lista-espera .acto-misreservas .text-acto {
        width: 60%;
        height: auto;
        text-align: left;
        padding: 0 5%;
    }


        #informacion.reservas.info-lista-espera .acto-misreservas .text-acto .fecha {
            font-family: BrownStd, sans-serif;
            font-size: 14px;
            color: #666566;
            text-transform: uppercase;
        }

        #informacion.reservas.info-lista-espera .acto-misreservas .text-acto .formato {
            font-family: 'Noe Display', serif;
            padding: 12px 0 0 0;
            font-weight: 300;
            font-size: 24px;
            line-height: 29px;
            color: #000;
        }

        #informacion.reservas.info-lista-espera .acto-misreservas .text-acto .actor,
        #informacion.reservas.info-lista-espera p.aviso-final-ok {
            font-family: BrownStd, sans-serif;
            padding: 12px 0;
            font-weight: 300 !important;
            font-size: 17px;
            line-height: 23px;
            font-weight: 300;
            color: #666566;
            text-align: left;
        }

#informacion.reservas.info-lista-espera p.aviso-final-ok,
#informacion.reservas.info-lista-espera p.link-ch {
    text-align: center;
    line-height: 130%;
}

#informacion.reservas.info-lista-espera .mobile-area-question {
    display: block;
    margin: 0 auto 40px auto;
    height: 100px;
    overflow: hidden;
    width: 300px;
}

    #informacion.reservas.info-lista-espera .mobile-area-question a {
        background-color: #12100b;
        border: solid 2px #ffffff;
        color: #fff;
        font-family: BrownStd, sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 15px;
        display: inline-block;
        padding: 17px 0 14px 0;
        text-align: center;
        letter-spacing: 1px;
        width: 100%;
        box-sizing: border-box;
    }

#informacion.reservas.info-lista-espera .link-ch a.acceso-canal {
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: solid 4px #009fd3;
    color: #000;
    display: inline-block;
    cursor: pointer;
}







@media only screen and (max-width: 1219px) and (min-width: 761px) {


    #informacion.reservas.info-lista-espera #contppalsin, #informacion.reservas.info-lista-espera #ppal {
        width: 770px;
    }

    #informacion.reservas.info-lista-espera .breadcrumb-list {
        display: none;
    }

    #informacion.reservas.info-lista-espera .acto-info {
        /*outline: solid 1px orange;*/
        width: 685px;
        margin: 0 auto;
    }


    #informacion.reservas.info-lista-espera h1#Tituloreserv {
        margin-top: 3rem;
        text-align: center;
        font-size: 48px;
        line-height: 55px;
        margin-bottom: 25px;
    }

    #informacion.reservas.info-lista-espera .acto-info {
        /* outline: solid 1px orange;*/
        width: 685px;
        margin: 0 auto;
    }

    #informacion.reservas.info-lista-espera p.reservas-Aviso {
        max-width: 680px;
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        margin: 0 auto;
        padding: 1rem 3rem 2rem 0;
        font-weight: 100;
    }

    #informacion.reservas.info-lista-espera .acto-misreservas {
        width: 680px;
        /*outline: solid 1px green;*/
        margin: 0 auto;
    }

    #informacion.reservas.info-lista-espera #contppalsin h1#Tituloreserv {
        margin-bottom: 10px;
    }

    #informacion.reservas.info-lista-espera p.reservas-Aviso {
        max-width: 600px
    }
}






@media only screen and (max-width: 760px) {
    #informacion.reservas.info-lista-espera #contppalsin, #informacion.reservas.info-lista-espera #ppal {
        width: 100%;
        max-width: 715px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    #informacion.reservas.info-lista-espera .acto-misreservas {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }

    #informacion.reservas.info-lista-espera .acto-info {
        /* outline: solid 1px orange;*/
        width: 480px;
        margin: 0 auto;
        display: block;
    }

    #informacion.reservas.info-lista-espera .breadcrumb-list {
        display: none;
    }


    #informacion.reservas.info-lista-espera p.reservas-Aviso {
        max-width: 460px;
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        margin: 0 auto;
        padding: 1rem 3rem 2rem 0;
        font-weight: 100;
    }

    #informacion.reservas.info-lista-espera .acto-misreservas .img-acto {
        width: 100%;
        height: auto;
    }

    #informacion.reservas.info-lista-espera .acto-misreservas .text-acto {
        width: 100%;
        height: auto;
        text-align: left;
        padding: 1rem 0;
        margin: 0 0 -2rem;
    }


    #informacion.reservas.info-lista-espera .img-acto {
        width: 100%;
        display: block;
    }

        #informacion.reservas.info-lista-espera .img-acto img {
            width: 100%;
        }

    #informacion.reservas.info-lista-espera .text-acto {
        width: 100%;
        display: block;
    }

    #informacion.reservas.listado-actos .listadoactos li#festival-eventos {
        width: 100%;
       margin-top: 30px;
    }


}


@media only screen and (max-width: 480px) {
    #informacion.reservas.info-lista-espera #contppalsin, #informacion.reservas.info-lista-espera #ppal {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 2%;
    }

    #informacion.reservas.info-lista-espera .breadcrumb-list {
        display: none;
    }

    #informacion.reservas.info-lista-espera .acto-info {
        /*  outline: solid 1px orange;*/
        width: 420px;
        margin: 0 auto;
        display: block;
    }

    #informacion.reservas.info-lista-espera .acto-info {
        /*outline: solid 1px orange;*/
        max-width: 420px;
        margin: 0 auto;
        box-sizing: border-box;
        width: 100%;
    }

    #informacion.reservas.info-lista-espera p.reservas-Aviso {
        max-width: 380px;
        margin: 0 auto 20px auto;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        padding: 0 2%
    }

    #informacion.reservas.listado-actos .acto-eventofestival .text-acto {
        padding: 20px 0 0 0;
    }


}




/***************************************************/
/***************************************************/
/***************                       *************/
/*************   MIS  INVITACIONES     *************/
/***************                       *************/
/***************************************************/
/***************************************************/




#informacion.reservas.misreservas #contppalsin,
#informacion.reservas.misreservas #ppal {
    background: none;
    float: none;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    /*outline: solid 1px green;*/
}

#informacion.reservas.misreservas .acto-misreservas,
#informacion.reservas.misreservas .sorteo-misreservas {
    background: none;
    float: none;
    overflow: hidden;
    width: 100%;
    margin: 10px auto 0 auto;
    /*outline: solid 1px blue;*/
    max-width: 760px;
    display: flex;
    justify-content: space-between;
    padding: 20px 0 20px 0;
}

.breadcrumb-list {
    color: #bbb;
    font-weight: normal;
    text-transform: uppercase;
    font-family: BrownStd, sans-serif;
}

#informacion.reservas.misreservas p#LeadIntro,
#informacion.reservas.misreservas p.LeadIntro {
    font-size: 19px;
    line-height: 25px;
    font-family: 'NoeText', serif;
    color: #808589;
    text-align: center;
    max-width: 960px;
    margin: 0 auto 30px auto;
    padding: 0 50px;
}

#informacion.reservas.misreservas h2 {
    font-family: BrownStd, sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 50px;
    text-transform: uppercase;
    text-align: center;
    color: #151515;
}

#informacion.reservas.misreservas .acto-info {
    /* outline: solid 1px orange*/
}

#informacion.reservas.misreservas .acto-misreservas .img-acto {
    width: 40%;
    height: auto;
}

    #informacion.reservas.misreservas .acto-misreservas .img-acto img {
        width: 100%;
        height: auto;
    }

#informacion.reservas.misreservas .acto-misreservas .text-acto {
    width: 60%;
    height: auto;
    text-align: left;
    padding: 0 5%;
}

#informacion.reservas.misreservas #no-results {
    font-family: BrownStd, sans-serif;
    font-size: 18px;
    font-weight: 100;
    color: #666566;
    text-align: center;
}

#informacion.reservas.misreservas #no-results {
    width: 100%;
    margin: 20px auto 80px auto;
}

    #informacion.reservas.misreservas #no-results .edge-around {
        width: 300px;
        margin: 40px auto 80px auto;
    }


#informacion.reservas.inner-gral.error .list-error {
    width: 260px;
    margin: 0 auto;
}

    #informacion.reservas.misreservas #no-results a,
    #informacion.reservas.inner-gral.error .list-error a {
        background-color: #12100b;
        border: solid 2px #ffffff;
        color: #fff;
        font-family: BrownStd, sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 15px;
        display: inline-block;
        padding: 17px 0 13px 0;
        text-align: center;
        letter-spacing: 1px;
        width: 100%;
        box-sizing: border-box;
        cursor: pointer;
        margin-top: 0px;
    }
/*Elementos de text-acto*/
#informacion.reservas.misreservas .acto-misreservas .text-acto .fecha {
    font-family: BrownStd, sans-serif;
    font-size: 14px;
    color: #666566;
    text-transform: uppercase;
}


#informacion.reservas.misreservas .acto-misreservas .text-acto .formato a {
    display: inline-block;
    clear: both;
    font-family: 'Noe Display', serif !important;
    padding: 12px 0 0 0;
    font-weight: 300;
    font-size: 25px;
    line-height: 28px;
    color: #000;
    text-align: left;
}

#informacion.reservas.misreservas .acto-misreservas .text-acto .acto {
    font-family: BrownStd, sans-serif;
    padding: 12px 0;
    font-weight: 300 !important;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #666566;
    text-align: left;
}

/* tabla genérica mis invitaciones y localizador */

#informacion.reservas table.reservas-gestion {
    width: 100%;
    margin: 0 auto;
}

#informacion.reservas table.reservas-gestion {
    background-color: #ffffff;
    border-collapse: collapse;
    width: 760px;
    max-width: 760px;
    font-size: 18px;
    font-family: 'BrownStd', sans-serif;
    font-weight: 500;
}

    #informacion.reservas table.reservas-gestion th, #informacion.reservas table.reservas-gestion td {
        padding: 23px 0 19px 0;
        text-align: left;
        width: 38%;
        font-size: 17px;
        vertical-align: middle;
    }

    #informacion.reservas table.reservas-gestion tr {
        border-bottom: solid 1px #ececec;
    }

    #informacion.reservas table.reservas-gestion th {
        text-transform: uppercase;
        font-weight: normal;
        background-color: #ffffff;
    }

    #informacion.reservas table.reservas-gestion td {
        font-weight: 100;
    }

.reserv-oculto-desktop,
.reserv-oculto-desktop2 {
    display: none;
}

/* boton devolucion 

#informacion.reservas.misreservas table a.devolucion-table,
#informacion.reservas.misreservas table a.descargar-table {
    border: solid 3px #12100b;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    padding: 15px 20px 10px 20px;
    text-align: center;
    box-sizing: border-box;
}
#informacion.reservas.misreservas table a.devolucion-table {
    background-color: #fff;

    color: #12100b;
}
#informacion.reservas.misreservas table a.descargar-table {
    background-color: #12100b;
    color: #fff
}
*/

#informacion.reservas .area-download {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 1rem;
    padding-bottom: 4rem;
    /* border-bottom: dotted 1px #ccc; */
    border-bottom: dotted 1px #ccc;
    box-sizing: border-box;
}



    #informacion.reservas .area-download .edge-around-b {
        border: solid 3px #12100b;
        font-family: BrownStd, sans-serif;
        font-weight: 500;
        display: block;
        text-transform: uppercase;
        font-size: 15px;
        display: block;
        padding: 18px 0 11px 0;
        text-align: center;
        box-sizing: border-box;
        width: 222px;
        height: 55px;
        cursor: pointer;
        margin: 20px;
        color: #12100b;
    }

        #informacion.reservas .area-download .edge-around-b a {
            color: #12100b;
        }

    #informacion.reservas .area-download .edge-around {
        margin: 20px 0 0 0;
        height: 50px;
    }

        #informacion.reservas .area-download .edge-around a {
            background-color: #12100b;
            border: solid 2px #ffffff;
            color: #fff;
            font-family: BrownStd, sans-serif;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 15px;
            display: inline-block;
            padding: 16px 0 8px 0;
            text-align: center;
            letter-spacing: 1px;
            width: 222px;
            cursor: pointer;
            margin-top: 0px;
            line-height: 22px;
        }

    #informacion.reservas .area-download .edge-around-c {
        background-color: #ffffff;
        border: solid 3px #ccc;
        overflow: hidden;
        height: 56px;
        margin: 20px;
        color: #ccc;
        font-family: BrownStd, sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 15px;
        display: inline-block;
        padding: 16px 0 11px 0;
        text-align: center;
        letter-spacing: 1px;
        width: 222px;
        box-sizing: border-box;
    }



@media only screen and (max-width: 1219px) and (min-width: 761px) {


    #informacion.reservas.misreservas #contppalsin, #informacion.reservas.misreservas #ppal {
        width: 770px;
    }

    #informacion.reservas.misreservas .breadcrumb-list {
        display: none;
    }

    #informacion.reservas.misreservas .acto-info {
        /*outline: solid 1px orange;*/
        width: 685px;
        margin: 0 auto;
    }


    #informacion.reservas.misreservas h1#Tituloreserv {
        margin-top: 3rem;
        text-align: center;
        font-size: 48px;
        line-height: 55px;
        margin-bottom: 25px;
    }

    #informacion.reservas.misreservas .acto-info {
        /* outline: solid 1px orange;*/
        width: 685px;
        margin: 0 auto;
    }

    #informacion.reservas.misreservas p#LeadIntro,
    #informacion.reservas.misreservas p.LeadIntro {
        max-width: 680px;
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        margin: 0 auto;
        padding: 1rem 3rem 2rem 0;
        font-weight: 100;
    }

 

    #informacion.reservas.misreservas .acto-misreservas {
        width: 680px;
        /*outline: solid 1px green;*/
        margin: 0 auto;
    }

    #informacion.reservas.misreservas #contppalsin h1#Tituloreserv {
        margin-bottom: 10px;
    }

    #informacion.reservas.misreservas p.reservas-Aviso {
        max-width: 600px
    }

    #informacion.reservas table.reservas-gestion {
        width: 660px;
    }

    #informacion.reservas .area-download .edge-around a {
        padding: 17px 0;
    }
}






@media only screen and (max-width: 760px) {
    #informacion.reservas.misreservas #contppalsin, #informacion.reservas.misreservas #ppal {
        width: 100%;
        max-width: 715px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    #informacion.reservas.misreservas .acto-misreservas {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }

    #informacion.reservas.misreservas .acto-info {
        /* outline: solid 1px orange;*/
        width: 480px;
        margin: 0 auto;
        display: block;
    }

    #informacion.reservas.misreservas .breadcrumb-list {
        display: none;
    }


    #informacion.reservas.misreservas p#LeadIntro,
    #informacion.reservas.misreservas p.LeadIntro {
        max-width: 460px;
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        margin: 0 auto;
        padding: 1rem 3rem 2rem 0;
        font-weight: 100;
    }

    #informacion.reservas.misreservas .acto-misreservas .img-acto {
        width: 100%;
        height: auto;
    }

    #informacion.reservas.misreservas .acto-misreservas .text-acto {
        width: 100%;
        height: auto;
        text-align: left;
        padding: 1rem 0;
        margin: 0 0 -2rem;
    }


    #informacion.reservas .img-acto {
        width: 100%;
        display: block;
    }

        #informacion.reservas .img-acto img {
            width: 100%;
        }

    #informacion.reservas .text-acto {
        width: 100%;
        display: block;
    }

    #informacion.reservas .area-download .edge-around a {
        padding: 17px 0;
    }
}


@media only screen and (max-width: 480px) {
    #informacion.reservas.misreservas #contppalsin, #informacion.reservas.misreservas #ppal {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 2%;
    }

    #informacion.reservas.misreservas .breadcrumb-list {
        display: none;
    }

    #informacion.reservas.misreservas .acto-info {
        /*  outline: solid 1px orange;*/
        width: 420px;
        margin: 0 auto;
        display: block;
    }

    #informacion.reservas.misreservas .acto-info {
        /*outline: solid 1px orange;*/
        max-width: 420px;
        margin: 0 auto;
        box-sizing: border-box;
        width: 100%;
    }

    #informacion.reservas.misreservas p#LeadIntro,
    #informacion.reservas.misreservas p.LeadIntro {
        max-width: 380px;
        margin: 0 auto;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        padding: 0 2%
    }

       


        #informacion.reservas.misreservas .area-download {
            display: block;
        }

        #informacion.reservas.misreservas .area-download .edge-around-b,
        #informacion.reservas.misreservas .area-download .edge-around,
        #informacion.reservas.misreservas .area-download .edge-around-c {
            display: block;
            margin: 0 auto 2rem auto;
            width: 70%;
        }

            #informacion.reservas.misreservas .area-download .edge-around a {
                width: 99%;
                margin: 0 auto;
            }

    #informacion.reservas .area-download .edge-around {
        height: auto
    }
}





/***************************************************/
/***************************************************/
/***************                       *************/
/*************   TUS INVITACIONES      *************/
/*************    CONFIRMACION         *************/
/***************************************************/
/***************************************************/


#informacion.reservas.localizador #contppalsin,
#informacion.reservas.localizador #ppal {
    background: none;
    float: none;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}

#informacion.reservas.localizador .acto-reserva {
    max-width: 760px;
    display: flex;
    justify-content: space-between;
    padding: 20px 0 40px 0;
    margin: 0 auto;
    border-bottom: solid 1px #ececec;
}

    #informacion.reservas.localizador .acto-reserva .img-acto {
        width: 40%;
        height: auto;
    }

        #informacion.reservas.localizador .acto-reserva .img-acto img {
            width: 100%;
            height: auto;
        }


    #informacion.reservas.localizador .acto-reserva .text-acto {
        width: 60%;
        height: auto;
        text-align: left;
        padding: 0 5%;
    }

        /* Elementos de txt acto */

        #informacion.reservas.localizador .acto-reserva .text-acto .fecha {
            font-family: BrownStd, sans-serif;
            font-size: 14px;
            color: #666566;
            text-transform: uppercase;
        }

        #informacion.reservas.localizador .acto-reserva .text-acto a .reservas-ciclo {
            display: inline-block;
            clear: both;
            font-family: 'Noe Display', serif !important;
            padding: 12px 0 0 0;
            font-weight: 300;
            font-size: 25px;
            line-height: 28px;
            color: #000;
            text-align: left;
        }

        #informacion.reservas.localizador .acto-reserva .text-acto .reservas-acto {
            font-family: BrownStd, sans-serif;
            padding: 12px 0;
            font-weight: 300 !important;
            font-size: 18px;
            line-height: 24px;
            font-weight: 300;
            color: #666566;
            text-align: left;
        }

        #informacion.reservas.localizador .acto-reserva .text-acto p.eleccion {
            text-align: center;
            font-size: 19px;
            line-height: 24px;
            font-family: BrownStd, sans-serif;
            font-weight: 300;
        }


#informacion.reservas.localizador p.reservas-Aviso {
    padding: 0 5px 30px 5px;
    margin-bottom: 50px;
    text-align: center;
    width: 100%;
    border-bottom: solid 1px #ededed;
    box-sizing: border-box;
    font-size: 19px;
    line-height: 25px;
    font-family: 'NoeText', serif;
    color: #808589;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}


.download-localizador {
    width: 240px;
    margin: 20px auto;
}

.fin-invit {
    width: 280px;
    margin: 20px auto 80px auto;
}

.warning-devolucion {
    font-size: 17px;
    font-family: 'BrownStd', sans-serif;
    font-weight: 100;
    line-height: 160%;
    width: 100%;
    max-width: 760px;
    text-align: center;
    margin: 30px auto 50px auto;
}
/* buton */
#informacion.reservas.localizador .edge-around a {
    background-color: #12100b;
    border: solid 2px #ffffff;
    color: #fff;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    padding: 17px 0 14px 0;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    box-sizing: border-box;
}

/* < 1200px to 780px*/

@media only screen and (max-width: 1219px) and (min-width: 960px) {

    #informacion.reservas.localizador #ppal,
    #informacion.reservas.localizador #contppalsin {
        width: 960px;
        outline: solid 1px green;
    }

        #informacion.reservas.localizador #contppalsin h1 {
            margin-bottom: 10px;
        }

    #informacion.reservas.localizador p.reservas-Aviso {
        max-width: 760px
    }
}


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

    #informacion.reservas.localizador #ppal,
    #informacion.reservas.localizador #contppalsin,
    #informacion.reservas.localizador .acto-reservar {
        max-width: 660px;
        width: 100%;
        box-sizing: border-box;
    }

    #informacion.reservas.localizador h1#Tituloreserv {
        margin-top: 3rem;
        text-align: center;
        font-size: 48px;
        line-height: 55px;
        margin-bottom: 25px;
    }

    #informacion.reservas.localizador #contppalsin {
        padding: 0 2%;
    }

    #informacion.reservas.localizador .acto-reserva {
        padding: 20px 0 10px 0;
    }

    #informacion.reservas.localizador p.reservas-Aviso {
        max-width: 680px;
        font-size: 18px;
        line-height: 26px;
        font-family: BrownStd, serif;
        color: #808589;
        text-align: center;
        margin: 0 auto;
        padding: 1rem 3rem 2rem 0;
        font-weight: 100;
    }

    #informacion.reservas.localizador ul.listadoactos li {
        display: block;
        padding: 20px 0 0 0;
    }

        #informacion.reservas.localizador ul.listadoactos li .img-acto {
            width: 100%;
            display: block
        }

        #informacion.reservas.localizador ul.listadoactos li .text-acto {
            width: 100%;
            display: block;
            max-width: 560px;
            box-sizing: border-box;
            padding: 20px 0;
        }

    #informacion.reservas.localizador .acto-reservar {
        margin: 20px auto;
        padding: 0;
    }



    #informacion.reservas table.reservas-gestion {
        background-color: #ffffff;
        border-collapse: collapse;
        width: 100%;
        font-size: 15px;
        line-height: 16px;
        font-family: BrownStd, sans-serif;
    }



        #informacion.reservas table.reservas-gestion tr {
            border-bottom: solid 1px #ececec;
        }

    #informacion.reservas span.reserv-oculto-desktop {
        display: none;
    }

    #informacion.reservas table.reservas-gestion th, #informacion.reservas table.reservas-gestion th {
        text-transform: uppercase;
        font-weight: normal;
        background-color: #ffffff;
        padding: 22px 0 20px 0;
        text-align: left;
        width: 40%;
    }
}


@media only screen and (max-width: 480px) {

    #informacion.reservas.localizador p.reservas-Aviso {
        max-width: 480px;
        width: 100%;
        padding: 0 0.5rem 2rem 0.5rem;
        text-align: left;
        font-size: 17px;
    }

    #informacion.reservas table.reservas-gestion th, #informacion.reservas table.reservas-gestion th {
        display: none;
    }

    #informacion.reservas table.reservas-gestion td {
        padding: 22px 0 20px 0;
        text-align: center;
        width: 100%;
        display: block;
        font-size: 18px;
    }

    #informacion.reservas span.reserv-oculto-desktop,
    #informacion.reservas span.reserv-oculto-desktop2 {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0 0 8px 0;
    }

    #informacion.reservas.localizador .acto-reserva {
        display: block;
    }

        #informacion.reservas.localizador .acto-reserva .img-acto,
        #informacion.reservas.localizador .acto-reserva .text-acto {
            display: block;
            width: 100%;
        }

        #informacion.reservas.localizador .acto-reserva .text-acto {
            width: 100%;
            height: auto;
            text-align: left;
            padding: 2rem 0 0 0;
        }

    .reservas-acto:empty {
        display: none;
    }

    #informacion.reservas table.reservas-gestion tr {
        border-bottom: none;
        padding: 1rem 0;
        display: block;
    }

    #informacion.reservas table.reservas-gestion td {
        padding: 11px 0 8px 0;
    }

    #informacion.reservas .area-download {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: none;
    }
}

/***************************************************/
/***************************************************/
/***************                       *************/
/*************   SMS CONFIRMACION      *************/
/*************                         *************/
/***************************************************/
/***************************************************/




#informacion.reservas.sms-layout p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    padding: 6px 40px;
    font-family: BrownStd, sans-serif;
    font-weight: 300;
}


#informacion.reservas.sms-layout #ppal .accept-style {
    font-weight: 500;
}

#informacion.reservas.sms-layout .reservas_proc_sms {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 0 auto;
    clear: both;
    display: flex;
    justify-content: space-around;
}

#informacion.reservas.sms-layout .element-buttom {
    width: 280px;
    margin: 10px 0 80px 0;
}

/* buton */
#informacion.reservas.sms-layout .edge-around a {
    background-color: #12100b;
    border: solid 2px #ffffff;
    color: #fff;
    font-family: BrownStd, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    padding: 17px 0 14px 0;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    box-sizing: border-box;
}

#informacion.reservas.sms-layout .wrapper-sms {
    width: 70%;
    margin: 0 auto;
    padding: 14px 2%;
}



@media only screen and (max-width: 768px) {
    #informacion.reservas.sms-layout .wrapper-sms {
        width: 90%;
    }
}

@media only screen and (max-width: 480px) {
    #informacion.reservas.sms-layout .wrapper-sms {
        width: 80%;
    }

    #informacion.reservas.sms-layout .reservas_proc_sms {
        display: block;
    }

    #informacion.reservas.sms-layout .edge-around {
        height: 48px;
    }

        #informacion.reservas.sms-layout .edge-around a {
            display: block;
            margin: 0 auto;
        }

    #informacion.reservas.sms-layout #contppalsin {
        padding: 20px 0 100px 0;
    }

    #informacion.reservas.sms-layout .element-buttom {
        width: 80%;
        margin: 10px auto 30px auto;
    }
}