@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
/*
 * Variables
 */
/*
 * Mixins
 */
.marginNegativo {
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
}

#share-buttons img {
    width: 35px;
    padding: 5px;
    border: 0;
    box-shadow: 0;
    display: inline;
}

.padding-general {
    padding: 15px 0;
}

@media (min-width: 992px) {
    .padding-general {
        padding: 30px 0;
    }
}
/*
 * Landing
 */
body {
    font-family: "Lato", sans-serif;
    color: #343434;
}

    body:not(.landing) {
        padding-bottom: 55px;
    }

@media (min-width: 992px) {
    body:not(.landing) {
        padding-bottom: 0;
    }
}

html#landing {
    height: 100%;
    background-color: #fff;
}

    html#landing body {
        height: 100%;
        background-color: #fff;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        color: #fff;
    }

#landing {
    /*
    * Header
    */
}

    #landing header {
        padding: 0;
    }

    #landing .navbar {
        padding: 15px 0;
    }

    #landing .bg-dark {
        background-color: #545454 !important;
    }

@media (min-width: 1200px) {
    #landing .bg-dark {
        padding: 30px 0;
    }
}

#landing .navbar-dark .navbar-toggler {
    background-color: #c20b19;
    color: #fff;
    height: 56px;
    align-self: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

#landing .navbar-dark .navbar-brand {
    align-self: center;
}

#landing .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#landing .navbar-dark .navbar-nav .nav-link {
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    #landing .navbar-dark .navbar-nav .nav-link {
        color: #fff;
    }

        #landing .navbar-dark .navbar-nav .nav-link:hover {
            background-color: rgba(52, 52, 52, 0.2);
        }
}

@media (min-width: 1200px) {
    #landing .navbar-dark .navbar-nav .nav-item.active .nav-link {
        background-color: #c20b19;
    }
}

#landing .navbar-dark .navbar-nav .dropdown-menu {
    background-color: #3b3b3b;
    border: none;
    border-radius: 0;
    padding: 0;
}

#landing .navbar-dark .navbar-nav .dropdown-item {
    color: #fff;
    text-align: center;
}

    #landing .navbar-dark .navbar-nav .dropdown-item:hover {
        color: #fff;
        background-color: #2e2e2e;
    }

#landing .navbar-collapse {
    padding: 0;
}

@media (min-width: 992px) {
    #landing .navbar-collapse {
        padding: 0 15px;
    }
}

#landing .menu-principal,
#landing .menu-redes {
    padding: 15px 0;
}

    #landing .menu-principal section,
    #landing .menu-redes section {
        width: 100%;
    }

    #landing .menu-principal p,
    #landing .menu-redes p {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.8);
    }

@media (min-width: 992px) {
    #landing .menu-principal p,
    #landing .menu-redes p {
        margin: 0 0 0 8px;
    }
}

@media (min-width: 1200px) {
    #landing .menu-principal p,
    #landing .menu-redes p {
        margin: 0 0 15px 8px;
    }
}

@media (min-width: 992px) {
    #landing .menu-principal,
    #landing .menu-redes {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 15px;
    }
}

#landing .menu-principal {
    margin-top: 30px;
    background-color: #343434;
}

@media (min-width: 992px) {
    #landing .menu-principal {
        background-color: transparent;
        margin-top: 0;
    }

        #landing .menu-principal .navbar-nav {
            flex-direction: row;
            flex-wrap: wrap;
        }
}

#landing .menu-redes {
    padding-bottom: 0;
}

    #landing .menu-redes p {
        text-transform: uppercase;
    }

@media (min-width: 1200px) {
    #landing .menu-redes p {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

#landing .menu-redes a {
    color: #fff;
    font-size: 22px;
    padding: 0 8px;
}

@media (min-width: 992px) {
    #landing .menu-redes a {
        padding: 8px;
    }
}

@media (min-width: 1200px) {
    #landing .menu-redes a:hover {
        color: #c20b19;
    }
}

#menuArriba {
    background-color: #545454;
    font-size: 12px;
    text-transform: uppercase;
}

    #menuArriba * {
        color: #dddddd;
    }

    #menuArriba section {
        margin: 4px 0;
    }

    #menuArriba #redesTop {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }

        #menuArriba #redesTop span {
            display: block;
            align-self: center;
            margin-right: 25%;
        }

@media (min-width: 768px) {
    #menuArriba #redesTop span {
        margin: 0;
    }
}

#menuArriba #redesTop a {
    display: block;
    font-size: 22px;
    margin-left: auto;
}

header .navbar.procinal {
    padding: 15px 0;
    padding-bottom: 0;
}

@media (min-width: 992px) {
    header .navbar.procinal {
        padding: 30px 0;
    }
}

@media (min-width: 992px) {
    header .navbar.procinal {
        padding: 15px 0;
    }
}

header .navbar.procinal section.cont {
    padding-bottom: 15px;
}

@media (min-width: 992px) {
    header .navbar.procinal section.cont {
        max-width: 300px;
    }
}

header .navbar.procinal .navbar-toggler {
    background-color: #545454;
    color: #fff;
    height: 56px;
    align-self: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

header .navbar.procinal .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

header .navbar.procinal .navbar-brand {
    max-width: 200px;
    align-self: center;
}

header .navbar.procinal .navbar-collapse {
    margin-left: -25px;
    margin-right: -15px;
    width: 100%;
}

header .navbar.procinal .navbar-nav {
    border-top: 1px solid rgba(84, 84, 84, 0.05);
    border-bottom: 1px solid rgba(84, 84, 84, 0.05);
}

@media (min-width: 992px) {
    header .navbar.procinal .navbar-nav {
        border: none;
    }
}

header .navbar.procinal .navbar-nav .nav-item:nth-child(2n + 1) .nav-link {
    background-color: #fff;
}

@media (min-width: 992px) {
    header .navbar.procinal .navbar-nav .nav-item:nth-child(2n + 1) .nav-link:hover {
        color: #343434;
        background-color: rgba(84, 84, 84, 0.05);
    }
}

header .navbar.procinal .navbar-nav .nav-item.active .nav-link {
    color: #c20b19;
}

@media (min-width: 992px) {
    header .navbar.procinal .navbar-nav .nav-item.active .nav-link {
        color: #343434;
        background-color: rgba(84, 84, 84, 0.05);
    }
}

header .navbar.procinal .navbar-nav .nav-link {
    color: #545454;
    text-transform: uppercase;
    padding: 8px 15px;
    background-color: rgba(84, 84, 84, 0.05);
}

@media (min-width: 992px) {
    header .navbar.procinal .navbar-nav .nav-link {
        background-color: #fff;
    }
}

@media (min-width: 992px) {
    header .navbar.procinal .navbar-nav .nav-link:hover {
        color: #343434;
        background-color: rgba(84, 84, 84, 0.05);
    }
}

#menuMitad {
    background-color: #545454;
    padding: 8px 0 0;
    font-size: 14px;
}

@media (min-width: 992px) {
    #menuMitad {
        padding: 15px 0;
    }
}

#menuMitad #ciudad-actual {
    text-transform: uppercase;
}

    #menuMitad #ciudad-actual #ahora {
        padding: 0 0 8px;
        color: #dddddd;
    }

        #menuMitad #ciudad-actual #ahora .ciudad {
            margin-left: auto;
            color: #fff;
        }

#menuMitad #reservas a.telefono {
    padding: 8px;
    margin-bottom: 15px;
    line-height: 1.2;
    background-color: #c20b19;
    color: #fff;
}

@media (min-width: 992px) {
    #menuMitad #reservas a.telefono {
        margin-bottom: 0;
    }
}

#menuMitad #reservas a.telefono svg {
    margin-right: 8px;
}

#menuMitad #reservas a.telefono span {
    font-weight: 700;
    margin-left: auto;
    color: #fff;
}

.ciudad-seleccion {
    padding: 15px;
    background: #545454;
    width: 100%;
}

@media (min-width: 992px) {
    .ciudad-seleccion {
        padding: 0;
    }

        .ciudad-seleccion .form-group {
            margin: 0;
        }

            .ciudad-seleccion .form-group select {
                border-color: #343434;
                background-color: #343434;
                color: #fff;
            }
}

.ciudad-seleccion .form-group {
    margin: 0;
}

.linea-nacional {
    background: #343434;
    padding: 8px 15px;
    color: #fff;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .linea-nacional {
        background-color: transparent;
        padding: 0;
    }
}

.linea-nacional a {
    display: block;
    color: #fff;
}

    .linea-nacional a svg {
        margin-right: 8px;
    }

    .linea-nacional a span {
        display: block;
        margin-left: 25px;
    }

@media (min-width: 992px) {
    .linea-nacional a span {
        margin-top: 15px;
    }
}

.compra-online {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 20;
    margin: 0;
    background-color: #c20b19;
    text-transform: uppercase;
    width: 100%;
}

@media (min-width: 992px) {
    .compra-online.top {
        position: absolute;
        top: -25px;
        bottom: -25px;
    }
}

.compra-online a {
    display: block;
    padding: 15px;
    justify-content: center;
    align-content: center;
    color: #fff;
    font-size: 16px;
}

@media (min-width: 992px) {
    .compra-online a {
        flex-direction: column;
    }
}

.compra-online a svg {
    font-size: 24px;
    margin-right: 8px;
}

@media (min-width: 992px) {
    .compra-online a svg {
        display: none;
    }
}

.compra-online a span {
    display: block;
    padding: 4px 2px;
    line-height: 1;
}

@media (min-width: 992px) {
    .compra-online a span {
        margin: auto;
        padding: 0;
    }

        .compra-online a span.compra {
            font-size: 28px;
        }

        .compra-online a span.online {
            font-size: 33px;
            font-weight: 700;
        }

        .compra-online a span.de-boletas {
            font-size: 20px;
        }
}

#contenido {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #contenido {
        padding: 30px 0;
    }
}

@media (min-width: 768px) {
    #en-cartelera {
        padding: 30px 0;
    }
}

@media (min-width: 768px) {
    .titulos-principales {
        margin-bottom: 15px;
    }
}

header.titulo {
    text-transform: uppercase;
    position: relative;
    padding-left: 70px;
    margin-bottom: 15px;
}

    header.titulo h1 {
        color: #c20b19;
        margin: 0;
        font-size: 20px;
    }

@media (min-height: 768px) {
    header.titulo h1 {
        font-size: 25px;
    }
}

header.titulo p {
    color: #343434;
    margin: 0;
    font-size: 14px;
}

    header.titulo p span {
        display: block;
    }

@media (min-width: 768px) {
    header.titulo p span {
        display: inline-block;
    }
}

header.titulo:before {
    content: "";
    width: 60px;
    top: 0;
    left: 0;
    height: 60px;
    position: absolute;
    z-index: 10;
}

header.titulo.cartelera:before {
    background: url("../img/generales/ico-cartelera.png") 0 0 no-repeat;
}

header.titulo.estrenos {
    padding: 15px 0 15px 70px;
}

    header.titulo.estrenos:before {
        background: url("../img/generales/ico-estrenos.png") 0 0 no-repeat;
    }

@media (min-width: 768px) {
    header.titulo.estrenos:before {
        top: -15px;
    }
}

@media (min-width: 768px) {
    header.titulo.estrenos {
        padding: 0 0 0 70px;
        margin-bottom: 15px;
    }
}

header.titulo.imax {
    text-align: center;
    padding: 0;
}

    header.titulo.imax h1 {
        margin-bottom: 15px;
    }

@media (min-width: 768px) {
    header.titulo.imax h1 {
        font-size: 20px;
    }
}

header.titulo.principal {
    text-align: left;
}

    header.titulo.principal h1 {
        font-size: 30px;
    }

header.titulo.menu-imax {
    padding: 0;
}

    header.titulo.menu-imax img {
        max-width: 200px;
    }

header.titulo.contenido-imax {
    padding: 0;
}

    header.titulo.contenido-imax h1 {
        color: #fff;
        font-weight: 700;
        font-size: 30px;
    }

header.titulo.noico {
    padding-left: 0;
}

header.titulo.sub {
    padding-left: 60px;
}

    header.titulo.sub h2 {
        color: #c20b19;
        font-size: 22px;
        padding: 10px 0;
        margin: 0;
    }

    header.titulo.sub:before {
        width: 50px;
        height: 50px;
        background-size: cover;
    }

header.titulo.estatico {
    padding: 0;
}

    header.titulo.estatico h1 {
        color: #c20b19;
        font-weight: 700;
        font-size: 30px;
    }

#buscador-pelicula,
#teatro-seleccion {
    padding: 15px;
    margin: 0 -15px;
    /* WebKit, Blink, Edge */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10-11 */
    /* Microsoft Edge */
}

@media (min-width: 768px) {
    #buscador-pelicula,
    #teatro-seleccion {
        padding: 0;
        margin: 0;
    }
}

#buscador-pelicula .form-group,
#teatro-seleccion .form-group,
#buscador-pelicula .input-group,
#teatro-seleccion .input-group {
    margin: 0;
}

    #buscador-pelicula .form-group input,
    #teatro-seleccion .form-group input,
    #buscador-pelicula .input-group input,
    #teatro-seleccion .input-group input,
    #buscador-pelicula .form-group select,
    #teatro-seleccion .form-group select,
    #buscador-pelicula .input-group select,
    #teatro-seleccion .input-group select {
        border-color: #bababa;
        background-color: #bababa;
        color: #fff;
    }

#buscador-pelicula .form-control::-webkit-input-placeholder,
#teatro-seleccion .form-control::-webkit-input-placeholder {
    color: white;
}

#buscador-pelicula .form-control:-moz-placeholder,
#teatro-seleccion .form-control:-moz-placeholder {
    color: white;
}

#buscador-pelicula .form-control::-moz-placeholder,
#teatro-seleccion .form-control::-moz-placeholder {
    color: white;
}

#buscador-pelicula .form-control:-ms-input-placeholder,
#teatro-seleccion .form-control:-ms-input-placeholder {
    color: white;
}

#buscador-pelicula .form-control::-ms-input-placeholder,
#teatro-seleccion .form-control::-ms-input-placeholder {
    color: white;
}

#cartelera-peliculas {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #cartelera-peliculas {
        padding: 30px 0;
    }
}

.dad-etiqueta .pelicula {
    margin-top: 30px;
}

.pelicula {
    text-align: center;
    margin-bottom: 15px;
}

    .pelicula a {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        color: #343434;
        align-items: center;
        flex-direction: column;
        transition: 0.3s;
    }

        .pelicula a .poster {
            margin-bottom: 15px;
            position: relative;
            transition: 0.3s;
        }

        .pelicula a h6 {
            text-transform: uppercase;
        }

@media (min-width: 992px) {
    .pelicula a:hover {
        text-decoration: none;
    }

        .pelicula a:hover .hover {
            display: flex;
        }

        .pelicula a:hover .ver-todas * {
            color: #fff;
        }
}
/* etiquetas */
.etiqueta {
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 10;
    width: 100%;
    line-height: 1;
    padding: 8px;
    color: #fff;
    font-size: 14px;
}

.etiqueta--preventa {
    background-color: #1b8000;
}

.etiqueta--estreno {
    background-color: #db9600;
}
/* Hover películas */
.hover,
.ver-todas {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    flex-direction: column;
    z-index: 10;
    top: 0;
    left: 0;
    font-size: 22px;
    transition: 0.3s;
    display: none;
}

    .hover *,
    .ver-todas * {
        text-transform: uppercase;
        color: #fff;
    }

    .hover span,
    .ver-todas span {
        font-size: 18px;
    }

.hover--pelicula,
.ver-todas--pelicula {
    background-color: rgba(194, 11, 25, 0.7);
}

.hover--imax,
.ver-todas--imax {
    background-color: rgba(0, 86, 155, 0.7);
}

.ver-todas {
    display: flex;
}

    .ver-todas * {
        color: rgba(255, 255, 255, 0.7);
    }

#imax-peliculas {
    margin: 0 -15px;
    padding: 15px;
    background-color: #0072ce;
}

@media (min-width: 992px) {
    #imax-peliculas {
        margin: 0;
        padding: 15px 30px;
    }
}

#imax-peliculas * {
    color: #fff;
}

#proximos-estrenos {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #proximos-estrenos {
        padding: 30px 0;
    }
}

@media (min-width: 768px) {
    #proximos-estrenos {
        padding: 30px 0;
    }
}

#autopauta {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #autopauta {
        padding: 30px 0;
    }
}

#autopauta a {
    display: block;
    margin-bottom: 15px;
}

#menuBottom {
    background-color: #343434;
    padding: 15px 0;
}

@media (min-width: 992px) {
    #menuBottom {
        padding: 30px 0;
    }
}

#menuBottom h4 {
    color: #dddddd;
    font-size: 14px;
    text-transform: uppercase;
}

#menuBottom .menu {
    padding: 15px 0;
}

#menuBottom ul {
    margin: 0;
    padding: 0;
}

    #menuBottom ul li {
        list-style: none;
        display: inline-block;
        margin: 8px;
        color: #fff;
    }

@media (min-width: 992px) {
    #menuBottom ul li {
        margin: 0;
        display: block;
    }
}

#menuBottom ul li a {
    color: #fff;
    display: block;
    padding: 4px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    background-color: rgba(221, 221, 221, 0.1);
}

@media (min-width: 992px) {
    #menuBottom ul li a {
        background-color: transparent;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    #menuBottom ul.redes li {
        display: inline-block;
    }
}

#menuBottom ul.redes li a {
    background-color: transparent;
    font-size: 22px;
}

@media (min-width: 992px) {
    #menuBottom ul.tels {
        margin-top: 15px;
    }
}

@media (min-width: 992px) {
    #menuBottom ul.tels li {
        margin-bottom: 8px;
    }
}

@media (min-width: 992px) {
    #menuBottom ul.tels a {
        padding: 0;
    }
}

#menuBottom ul.tels span {
    display: block;
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    #menuBottom ul.tels span {
        margin-bottom: 0;
    }
}

#menuBottom .logo-footer {
    display: block;
    padding: 15px;
}

#legal {
    background-color: #1c1c1c;
    padding: 15px 0;
}

@media (min-width: 992px) {
    #legal {
        padding: 30px 0;
    }
}

#legal p {
    color: #fff;
    margin: 0;
}

@media (min-width: 992px) {
    #legal p {
        font-size: 14px;
    }
}

#ad {
    background-color: #343434;
    padding: 15px 0;
}

@media (min-width: 992px) {
    #ad {
        padding: 30px 0;
    }
}

#share {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #share {
        padding: 30px 0;
    }
}

#share h6 {
    font-size: 12px;
    text-transform: uppercase;
}

#share #share-buttons {
    text-align: center;
}

@media (min-width: 768px) {
    #share {
        padding: 0;
    }

        #share h6 {
            text-align: right;
        }

        #share #share-buttons {
            text-align: right;
        }
}

#carouselTeatro {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #carouselTeatro {
        padding: 30px 0;
    }
}

#dia-funcion {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #dia-funcion {
        padding: 30px 0;
    }
}

#dia-funcion .input-group {
    flex-direction: row;
}

    #dia-funcion .input-group .input-group-prepend {
        width: 100%;
        border: none;
        border-radius: 0;
        background-color: #dddddd;
    }

        #dia-funcion .input-group .input-group-prepend .input-group-text {
            font-size: 14px;
            width: 100%;
            border: none;
            background-color: #dddddd;
            border-radius: 0;
        }

@media (min-width: 768px) {
    #dia-funcion .input-group .input-group-prepend {
        width: 50%;
    }
}

#dia-funcion .input-group input[type="date"] {
    background-color: #c20b19;
    color: #fff;
    width: 100%;
    border: none;
    border-radius: 0;
    font-size: 14px;
}

@media (min-width: 768px) {
    #dia-funcion .input-group input[type="date"] {
        width: 50%;
    }
}

#contenedor-peliculas {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #contenedor-peliculas {
        padding: 30px 0;
    }
}

.pelicula-completa .info {
    margin-bottom: 30px;
    margin-left: -15px;
}

    .pelicula-completa .info h3 {
        font-size: 16px;
        text-transform: uppercase;
        border-bottom: 1px solid #dddddd;
        padding: 8px 0;
    }

.clasificacion {
    font-size: 14px;
    margin-bottom: 30px;
}

    .clasificacion label {
        text-transform: uppercase;
        color: #c20b19;
        margin: 0;
    }

    .clasificacion p {
        margin: 0;
        line-height: 1.2;
    }

    .clasificacion sub {
        bottom: 0;
        display: block;
        line-height: 1.2;
    }

.formato-horario {
    font-size: 0;
    margin-bottom: 15px;
}

    .formato-horario h4 {
        text-transform: uppercase;
        font-size: 14px;
    }

        .formato-horario h4 strong {
            font-weight: 700;
        }

    .formato-horario a {
        font-size: 14px;
        display: inline-block;
        line-height: 1;
        background-color: #dddddd;
        padding: 4px 8px;
        margin: 0;
        border: none;
        color: #343434;
    }

        .formato-horario a:nth-child(2n + 1) {
            background-color: #c4c4c4;
        }

    .formato-horario.imax h4 {
        color: #0072ce;
    }

    .formato-horario.imax a {
        background-color: #0072ce;
        color: #fff;
    }

        .formato-horario.imax a:nth-child(2n + 1) {
            background-color: #00569b;
        }

#precios-boleteria {
    margin: 0 -15px;
}

    #precios-boleteria h3 {
        font-size: 16px;
        padding: 15px;
        background-color: #c20b19;
        color: #fff;
        text-transform: uppercase;
        margin: 0;
    }

@media (min-width: 768px) {
    #precios-boleteria {
        margin: 0;
    }
}

.horario h4 {
    font-size: 16px;
    padding: 8px 15px;
    background-color: #545454;
    color: #fff;
    margin: 0;
}

.horario ul {
    margin: 0;
    padding: 0;
    background-color: #dddddd;
}

    .horario ul li {
        list-style: none;
        padding: 0 15px 0 25px;
        color: #545454;
    }

        .horario ul li.tipo {
            padding-top: 8px;
            position: relative;
        }

            .horario ul li.tipo:before {
                content: "";
                display: block;
                width: 5px;
                height: 5px;
                background-color: #343434;
                position: absolute;
                top: 18px;
                left: 12px;
                z-index: 10;
            }

        .horario ul li.precio {
            padding-bottom: 8px;
        }

    .horario ul.d2 {
        background: #6e6e6e;
    }

        .horario ul.d2 li {
            color: #fff;
        }

            .horario ul.d2 li.tipo:before {
                background-color: #c20b19;
            }

    .horario ul.d3 {
        background: #878787;
    }

        .horario ul.d3 li {
            color: #fff;
        }

            .horario ul.d3 li.tipo:before {
                background-color: #c20b19;
            }

#datos-teatro {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #datos-teatro {
        padding: 30px 0;
    }
}

#datos-teatro.int-peliculas {
    padding-top: 0;
}

dl dt {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #c20b19;
    line-height: 1.2;
}

dl dd {
    margin-bottom: 15px;
}

    dl dd iframe {
        margin-top: 8px;
    }

.btn-precios-boleteria {
    display: block;
    border-radius: 0;
    margin: 0 -15px;
    background-color: #c20b19;
    color: #fff;
}

    .btn-precios-boleteria svg {
        margin-right: 8px;
    }

@media (min-width: 768px) {
    .btn-precios-boleteria {
        margin: 0;
    }
}

#servicios-modulo {
    padding: 15px;
    margin: 15px -15px;
    background-color: #dddddd;
}

    #servicios-modulo h3 {
        font-size: 22px;
        text-transform: uppercase;
        color: #c20b19;
        margin-bottom: 15px;
    }

    #servicios-modulo .info {
        margin-left: -15px;
    }

        #servicios-modulo .info h5 {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 0;
        }

        #servicios-modulo .info p {
            font-size: 14px;
        }

@media (min-width: 768px) {
    #servicios-modulo {
        margin: 15px 0;
    }
}

#datos-pelicula {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #datos-pelicula {
        padding: 30px 0;
    }
}

@media (min-width: 768px) {
    #datos-pelicula {
        padding-top: 0;
    }
}

#trailer {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #trailer {
        padding: 30px 0;
    }
}

#trailer h5 {
    color: #c20b19;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    #trailer {
        padding-top: 0;
    }
}

#titulo-teatros {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #titulo-teatros {
        padding: 30px 0;
    }
}

#titulo-teatros h2 {
    text-transform: uppercase;
    color: #c20b19;
    font-size: 22px;
}

.int-peliculas {
    padding-top: 0;
}

    .int-peliculas h3 {
        font-size: 16px;
        text-transform: uppercase;
        padding: 8px 0;
    }

.teatro {
    padding: 15px 0;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .teatro {
        padding: 30px 0;
    }
}

.teatro:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .teatro .formato-horario:first-child {
        margin-top: 40px;
    }
}

.sinMargIzq {
    margin-left: -15px !important;
}

@media (min-width: 992px) {
    .contenido-pelicula {
        padding: 15px 0;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .contenido-pelicula {
        padding: 30px 0;
    }
}

#confiteria {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #confiteria {
        padding: 30px 0;
    }
}

.confiteria-item {
    margin: 15px 0;
}

    .confiteria-item .info .texto {
        background-color: #545454;
        padding: 15px;
    }

        .confiteria-item .info .texto h3 {
            color: #fff;
        }

        .confiteria-item .info .texto ul {
            margin: 0;
            padding: 0;
        }

            .confiteria-item .info .texto ul li {
                color: rgba(255, 255, 255, 0.5);
                list-style: none;
            }

@media (min-width: 768px) {
    .confiteria-item {
        padding-bottom: 15px;
        border-bottom: 1px solid #dddddd;
    }

        .confiteria-item:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }
}

.teatros p {
    margin: 15px 0;
}

.teatros .teatro-item {
    background-color: #dddddd;
    padding: 15px 15px 0;
    margin-bottom: 15px;
}

    .teatros .teatro-item .valor,
    .teatros .teatro-item .vip {
        margin: 0 -15px;
        padding: 8px 15px;
        color: #fff;
    }

        .teatros .teatro-item .valor span,
        .teatros .teatro-item .vip span {
            display: block;
            float: right;
        }

    .teatros .teatro-item .valor {
        background-color: #545454;
    }

    .teatros .teatro-item .vip {
        background-color: #db9600;
    }

#imax {
    background-color: #0072ce;
    padding: 15px 0;
}

@media (min-width: 992px) {
    #imax {
        padding: 30px 0;
    }
}

#imax * {
    color: #fff;
}

.tooltip .tooltip-inner {
    padding: 0;
    background-color: #c20b19;
}

    .tooltip .tooltip-inner ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .tooltip .tooltip-inner ul li {
            background-color: #343434;
            padding: 1px 5px;
        }

            .tooltip .tooltip-inner ul li.vip {
                background-color: #c20b19;
            }

.tooltip * {
    color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #c20b19;
}

.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #c20b19;
}

.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #343434;
}

#imax-menu {
    background-color: #d3d3d3;
    padding: 15px 0;
}

@media (min-width: 992px) {
    #imax-menu {
        padding: 30px 0;
    }
}

#imax-menu button {
    background-color: #0072ce;
    color: #fff;
    width: 100%;
    padding: 25px;
    text-align: center;
    border: none;
}

    #imax-menu button.active {
        background-color: #35a5ff;
    }

        #imax-menu button.active:hover {
            background-color: #35a5ff;
        }

    #imax-menu button:hover {
        background-color: #00569b;
    }

#imax-cont {
    background-color: #000;
    padding: 15px 0;
}

@media (min-width: 992px) {
    #imax-cont {
        padding: 30px 0;
    }
}

#imax-cont * {
    color: #fff;
}

#tipo-estatico {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #tipo-estatico {
        padding: 30px 0;
    }
}

.menu-estatico .nav-pills .nav-link {
    text-transform: uppercase;
    background-color: #e0e0e0;
    border-radius: 0;
    color: #545454;
}

    .menu-estatico .nav-pills .nav-link.active {
        color: #c20b19;
    }

    .menu-estatico .nav-pills .nav-link:hover {
        color: #c20b19;
    }

    .menu-estatico .nav-pills .nav-link:nth-child(2n + 1) {
        background-color: #ededed;
    }

.contenido-estatico {
    margin-top: 30px;
}

@media (min-height: 768px) {
    .contenido-estatico {
        margin-top: 0;
    }
}