/*!
 * CSS CINES UNIDOS // www.cinesunidos.com
 * Desarrollo: Daniel Garzón | Soluciones Medianet C.A...
 * Noviembre 2015
 */

.row {
    margin: 0px;
}

body {
    font-family: 'cinesu', Tahoma, Geneva, sans-serif, Verdana;
}

a {
    color: #e4e4e4;
}

    a:hover {
        color: #fff;
        text-decoration: none;
    }

    *:focus, a:focus {
        color: #000 !important;
    }

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    box-shadow: 0px 0px 7px -1px rgb(0, 122, 255);
    color: #000;
}

.field-validation-error {
    display: block;
    width: 100% !important;
    margin: 0px !important;
    color: #999 !important;
    float: right;
}

span[data-valmsg-for="EmptyCaptcha"],
span[data-valmsg-for="Comment"] {
    display: initial;
    float: initial;
}

textarea {
    color: #000;
}

.redes_sociales {
    float: right;
}

    .redes_sociales li {
        float: left;
        text-align: left;
        list-style: none;
        font-size: 20px;
        padding-top: 3px;
    }

    .redes_sociales > ul > li > a:hover {
        color: #D4D400;
    }

.botonera_ppal {
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 2px solid #4A4A4A;
    border-top: 2px solid #4A4A4A;
    min-height: 40px;
}

    .botonera_ppal ul > li > a {
        padding: 7px 12px;
        font-size: .916em;
    }

.botonera_ppal2 {
    float: left;
    padding-left: 0px;
}

.nopadding_laterales {
    padding-left: 0px;
    padding-right: 0px;
}

.nopadding_lateral_r {
    padding-right: 0px;
}

.nopadding_lateral_l {
    padding-left: 0px;
}

.fondo_top {
    background-color: #c02328;
    -moz-box-shadow: 0px 0px 200px #000000;
    -webkit-box-shadow: 0px 0px 200px #000000;
    box-shadow: 0px 0px 200px #000000;
    margin-bottom: 10px;
    padding: 8px;
    margin-top: 40px;
}

#myAccountMenu-Login {
    max-height: 0px;
    overflow: hidden;
}

li#myAccountMenu:hover > div {
    max-height: 100px;
}

.cuenta-menu {
    width: 180px;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/stripe_ini-sesion.png);
    background-repeat: repeat-x;
    position: absolute;
    top: 35px;
    left: 0;
    background-color: #FFF;
    opacity: .9;
    filter: alpha(opacity=90);
    overflow: hidden;
    z-index: 999;
    transition: .8s;
    max-height: 0px;
}

.is-cuenta-menu {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #900;
    text-align: center;
    padding: 5px;
    margin-top: 3px;
    background-color: #c02328;
    color: #e4e6e5;
    text-decoration: none;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/stripe_ini-sesion02.png);
}

.reg-cuenta-menu {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #424242;
    text-decoration: none;
    padding: 5px;
}

    .reg-cuenta-menu > a {
        color: #424242;
    }

        .reg-cuenta-menu > a:hover {
            color: #C02328;
        }

.logo {
    float: left;
}

.ciudad > a:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.ciudad > a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.dropdown-ciudades > li {
    border-bottom: 1px solid #C02328;
    color: #C02328;
}

    .dropdown-ciudades > li > a {
        color: #C02328;
    }

        .dropdown-ciudades > li > a:hover {
            color: #FFFFFF;
            background-color: #C02328;
        }

    .dropdown-ciudades > li:last-child {
        border-bottom: none;
    }

.boton_lateral_list {
    margin-bottom: 0px;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.thumbnail img {
    width: 100%;
}

.boton_lateral {
    background: #c02328;
    background: -moz-linear-gradient(top, #c02328 1%, #c02328 15%, #890406 100%);
    background: -webkit-linear-gradient(top, #c02328 1%,#c02328 15%,#890406 100%);
    background: linear-gradient(to bottom, #c02328 1%,#c02328 15%,#890406 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c02328', endColorstr='#890406',GradientType=0 );
    border: 1px solid #A55757;
    font-size: 22px;
    text-transform: uppercase;
    padding: 26px 15px;
    height: 141.5px;
    transition: .2s;
}

    .boton_lateral:hover {
        background-color: #C02328;
        box-shadow: 0px 0px 20px 1px #000;
        z-index: 10;
        text-shadow: 0px 0px 10px;
    }

    .boton_lateral img {
        transition: .2s;
        border: 0px solid rgba(255, 255, 255,0);
        border-radius: 100%;
        padding: 0px;
    }

    .boton_lateral:hover img {
        border: 2px solid rgba(255, 255, 255,1);
        border-radius: 100%;
        padding: 4px;
        box-shadow: 0px 0px 6px;
    }

a.list-group-item {
    color: #fff;
}

    a.list-group-item:hover {
        color: #fff;
    }

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
    height: 280px;
}

    .thumbnail .caption-full {
        padding: 9px;
        color: #333;
    }

footer {
    background: #414141; /* Old browsers */
    background: -moz-linear-gradient(top, #414141 1%, #414141 15%, #252525 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #414141 1%,#414141 15%,#252525 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #414141 1%,#414141 15%,#252525 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#252525',GradientType=0 ); /* IE6-9 */
    margin-top: 10px;
    color: #888787;
    font-size: 12px;
    padding: 15px;
}

.nav-container {
    margin-left: auto;
    margin-right: auto;
}

.redes_sociales_footer {
    text-align: center;
}

    .redes_sociales_footer ul {
        padding: 0px;
    }

    .redes_sociales_footer li {
        list-style: none;
        font-size: 20px;
        padding: 0 2%;
        display: inline-block;
    }

    .redes_sociales_footer > ul > li > a:hover {
        color: #D4D400;
    }

.red-title {
    background: #C02328;
    padding: 10px 30px;
    color: #FFFFFF;
}

    .red-title > h3 {
        margin: 0;
    }

.estrenos-info {
    padding: 12px;
    text-align: center;
    background-color: #FFF;
    border-bottom: 1px solid #C02328;
    color: #555;
}

.next_movies {
    margin: 20px 0;
}

.movie_separator {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    border-color: #ccc;
}

.comerce {
    width: 90%;
    margin: 0px auto 20px auto;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

    .comerce > h2 {
        color: #C02328;
    }

    .comerce > p {
        font-size: 20px;
        font-weight: 100;
    }

.movie-month {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b2b2b2+0,ffffff+50,b2b2b2+100 */
    background: #b2b2b2; /* Old browsers */
    background: -moz-linear-gradient(top, #b2b2b2 0%, #ffffff 50%, #b2b2b2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b2b2b2 0%,#ffffff 50%,#b2b2b2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b2b2b2 0%,#ffffff 50%,#b2b2b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
    text-align: center;
    color: #666;
    padding: 5px;
}

.movie-date {
    background-color: #C02328;
    color: #FFF;
    padding: 5px;
    text-align: center;
}

.movie-details > div {
    border-bottom: 1px dotted #C02328;
    padding: 4px;
}

    .movie-details > div > span {
        margin: 0 10px;
    }

.next-movie {
    margin-bottom: 30px;
}

.img-movie-prox {
    width: 100%;
}

.bg-pattern {
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pattern.png);
    box-shadow: 0px 1px 4px 0px;
}

.pub-text {
    text-align: left;
    margin-bottom: 10px;
    color: #C02328;
}

    .pub-text > h4 {
        text-align: left;
    }

    .pub-text > p {
        font-size: 12px;
        font-weight: 100;
        color: #666;
    }

.btn-info {
    font-size: 16px;
    background-color: #c02328;
    border-color: #c02328;
}

    .btn-info:hover {
        background-color: #aea79f;
        border-color: #aea79f;
    }

.margin-top-20 {
    margin-top: 20px;
}

.anchor {
    background-color: #fff;
    border-color: #999;
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
}

    .anchor:hover {
        background-color: #999;
        color: #FFF;
    }

.panel-promociones {
    text-align: left;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

    .panel-promociones > h4 {
        color: #C02328;
    }

    .panel-promociones > p {
        color: #999;
        font-size: 13px;
    }

.more-info-prom {
    position: absolute;
    top: 15px;
    right: 15px;
}

.tab-info {
    padding: 10px;
    color: #999;
}

.img-pub {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    max-width: 100%;
}

.light-text {
    color: #999;
    font-size: 13px;
}

.pub-lobby-caja > a {
    color: #333;
    border-top: 1px solid rgba(192, 35, 40, 0.3);
    border-bottom: 1px solid rgba(192, 35, 40, 0.0);
    display: block;
    height: 100px;
    transition: 0.2s;
}

.pub-lobby-caja span:first-child {
    height: 90px;
    line-height: 4;
    display: block;
    font-size: 17px;
    opacity: 0.8;
    transition: 0.2s;
    border-bottom: 1px solid rgba(192, 35, 40, 0.0);
}

/*=================================================================*/
/*=================================================================*/
/*=================================================================*/

.release-box {
    background: url('https://cinesunidosweb.blob.core.windows.net/img/detalle-pelicula_pattern.png');
    box-shadow: 0px 3px 11px -3px;
    font-size: 11px;
    margin: 10px 0px;
    min-height: 300px;
    color: #555;
}

    .release-box > div {
        padding: 0px;
    }

    .release-box img {
    }

.movie-details {
    padding: 5px;
    text-align: left;
}

.movie-desc {
    padding: 10px;
}

.navbar-nav {
    z-index: 99999999999999;
}

*:focus, a:focus {
    outline: none;
    color: #fff;
    text-decoration: none;
}

button.subir {
    position: fixed;
    bottom: 0;
    right: 50px;
    background: linear-gradient(to bottom, #414141 1%,#414141 15%,#252525 100%);
    border: none;
    color: #fff;
    padding: 10px 18px 0px;
    font-size: 21px;
    border-radius: 40px 40px 0px 0px;
    display: none;
}

.no-padding {
    padding: 0px !important;
}

.peliculas-bottom .no-padding .nopadding_laterales {
    padding: 0 2px;
    height: 246px;
}

.botonera_ppal {
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
}

a.margin-top-20 {
    margin: 40px 0px;
}



/*==========================*/
/*       DATE PICKER        */
/*===========================*/

.ui-datepicker-month {
    color: #000;
}

/*==========================*/
/*          INDEX           */
/*==========================*/
.carousel-inner .item {
    padding: 0px;
}

#detalle-modal .modal-dialog {
    width: 75%;
}

#detalle-modal .otras img {
    padding: 30px;
}

#detalle-modal .modal-dialog img {
    margin: 0 auto;
}

#detalle-modal.detalle .nav-tabs > li {
    float: left;
}

.peliculas-bottom img, .publicidad div:first-child {
    margin: 2px 0px;
    box-shadow: 0px 0px 4px;
    overflow: hidden;
}

.carousel_2 .carousel-indicators .active {
    background: #c02328;
}

.carousel_2 .carousel-indicators li {
    border: 1px solid #c02328;
    box-shadow: 0px 1px 10px #000;
}

.peliculas-bottom {
    margin-top: 5px;
}

    .peliculas-bottom .movie img {
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        position: relative;
        top: 0;
        left: 0;
        box-shadow: 0px 0px 6px 1px #666;
    }

        .peliculas-bottom .movie img:hover {
            opacity: 0.8;
            z-index: 99;
            left: 4px;
            top: -4px;
            width: auto;
        }

.publicidad div:first-child {
    width: 352px;
    height: 250px;
}


/*==========================*/
/*          FOOTER          */
/*==========================*/
footer {
    max-height: 190px;
}

    footer .logo-foot {
        margin: 0 auto;
    }

.col-lg-4.4 {
    padding: 0px !important;
}
/*==========================*/
/*         PUBLICIDAD       */
/*==========================*/
.estrenos-info.bg-pattern .img-responsive {
    min-width: 53px;
}

.pub-lobby-caja span:last-child {
    opacity: 0;
    display: block;
    color: #c02328;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    transform: translateY(-270%);
}

.pub-lobby-caja:hover a {
    border-top: 4px solid #c02328;
    opacity: 1;
}

.pub-lobby-caja:hover span:last-child {
    opacity: 1;
    transform: translateY(-220%);
}

.pub-lobby-caja:hover span:first-child {
    opacity: 1;
    border-bottom: 1px solid rgba(192, 35, 40, 0.8);
    height: 97px;
}

/*==========================*/
/*         PROMOCIONES      */
/*==========================*/

.estrenos-info.bg-pattern .container, .bg-grey .container {
    width: 100%;
}

.panel-promociones .nav-tabs > li.active > a:focus, .panel-promociones .nav-tabs > li.active > a:hover {
    background: transparent;
    box-shadow: none;
    color: #868686;
    padding: 10px;
    border-radius: 3px 3px 0px 0px;
}

.left-tabs {
    text-align: left;
}

    .left-tabs .nav-tabs {
        border-bottom: 0;
        padding-right: 0;
        margin-right: 0;
        position: relative;
        float: left;
        width: 30%;
    }

        .left-tabs .nav-tabs > li {
            float: none;
            margin-bottom: 3px;
        }

    .left-tabs .tab-content {
        -moz-border-radius-topleft: 0;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        float: left;
        width: 70%;
        padding: 20px;
        border: 1px solid #cfcfcf;
    }

    .left-tabs .nav-tabs > li.active > a, .left-tabs .nav-tabs > li.active > a:hover, .left-tabs .nav-tabs > li.active > a:focus {
        color: #555;
        background-color: transparent;
        border: 1px solid #ddd;
        border-right: 1px solid #fff;
        border-bottom-color: #ddd;
        cursor: default;
        box-shadow: none;
        border-radius: 4px 0 0 4px;
        padding: 10px;
    }

    .left-tabs .nav-tabs > li > a {
        color: #555;
        margin-right: -1px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 0 0 4px;
    }

    .left-tabs .tab-content .panel.panel-default {
        border-color: #ddd;
        background: #F7F7F7;
        color: #555;
    }

        .left-tabs .tab-content .panel.panel-default a {
            color: #8C8C8C;
        }
/*==========================*/
/*        	 SESION         */
/*==========================*/
.sesion .box {
    padding: 30px;
    background: #fff;
    box-shadow: 0px 0px 10px -3px;
    margin-bottom: 20px;
    min-height: 364px;
}

#rememberemail span,
#rememberpass span,
.sesion form span,
form .registro span {
    color: #c02428;
    font-size: 17px;
    width: 100% !important;
    text-align: right;
    margin-right: 5px;
}

#rememberemail input,
#rememberpass input,
.sesion .box input[type="text"],
.sesion .box input[type="password"],
.sesion .box input[type="email"] {
    border: solid 1px #999;
    width: 68%;
    height: 45px;
    margin-bottom: 40px;
    color: #000;
}

    .sesion .box form input[type="submit"],
    .registro button,
    form .registro input[type="submit"],
    #rememberemail input[type="button"],
    #rememberpass input[type="button"] {
        background-color: transparent;
        background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_barraroja.jpg);
        background-repeat: repeat-x;
        cursor: pointer;
        color: #fff;
        padding: 10px;
        margin: 0 auto 30px;
        width: 180px;
        font-size: 16px;
        border: 0px solid #333;
        display: block;
    }

.error-register {
    font-size: 18px;
    padding-top: 2em;
    padding-bottom: 2.5em;
}

.sesion .btn-bottom {
    width: 168px;
    text-align: left;
    background: #fff;
    border: 0px;
    border-right: 1px solid;
    color: #3e3e3e;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    .sesion .btn-bottom:hover {
        opacity: 1;
    }

    .sesion .btn-bottom img {
        float: left;
    }

.sesion .box p {
    font-size: 22px;
}

    .sesion .box p a {
        color: #989898;
    }

.registro h2 {
    text-align: left;
    padding-left: 30px;
}

form .registro input[type="text"],
form .registro select,
form .registro input[type="password"] {
    height: 36px;
    color: #000;
    width: 100%;
    max-width: 290px;
    margin: 5px 0px;
    border: rgba(0, 0, 0, 0.21) 1px solid;
    position: relative;
    left: 4px;
}

.registro .sexo input[type="radio"] {
    height: 20px;
    width: 20px;
    margin: 0px 6px;
}

.registro #dir {
    vertical-align: top;
}

form .registro textarea {
    width: 100%;
    max-width: 290px;
    height: 80px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    left: 8px;
    position: relative;
}

#rememberpass select,
#rememberemail select {
    height: 45px;
    width: 37px;
    position: relative;
    top: 1px;
}

.registro .ide select {
    height: 36px;
    width: 41px;
}

.registro .phone input {
    width: 45% !important;
    max-width: 249px !important;
    display: inline;
}

.registro .email span, .registro .cedula span, .registro .nombre span {
    margin-right: 0px !important;
}

.registro .phone span {
    margin-right: 0px !important;
}

.registro .ide input {
    width: 72% !important;
    max-width: 249px !important;
}

.bg-grey {
    background-color: rgba(78, 78, 78, 0.29);
    border-bottom: 1px solid #C02328;
    padding: 10px 40px;
}

.registro .bg-grey .info {
    text-align: center;
}

    .registro .bg-grey .info input[type="checkbox"] {
        height: 20px;
        width: 20px;
        margin: 4px 10px 0;
    }

    .registro .bg-grey .info p {
        padding: 0px 130px;
        font-size: 16px;
    }

#IdCardNumber {
    left: 1px;
}
/*==========================*/
/*         CONTACTO         */
/*==========================*/

.registro #Enviar {
    float: right;
}

.contacto_pad {
    margin-top: 30px;
}

.contacto textarea {
    left: 4px !important;
    margin: 0 auto;
    max-width: inherit !important;
    width: 58% !important;
    top: 20px;
}

.g-recaptcha {
    margin: 30px 0px;
}

    .g-recaptcha > div > div {
        margin: 0 auto;
    }

#span-hora {
    position: relative;
    top: 10px;
}

#span-comentario {
    position: relative;
    top: 20px;
}

#contacto_phone {
    max-width: 80% !important;
}

#contacto_code {
    max-width: 12.5% !important;
}

/*==========================*/
/*          CINES           */
/*==========================*/
.tab-boot {
    /*display: none;*/
}

.cines {
    margin-bottom: 60px;
}

    .cines .navbar-header {
        background: #c02328;
    }

        .cines .navbar-header .text-left.title {
            float: left;
            color: #fff;
            padding-left: 20px;
            display: none;
        }

.navbar-default .navbar-toggle {
    -webkit-transition: .1s;
    -o-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
}

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

    .navbar-default .navbar-toggle:hover {
        background-color: rgba(84, 11, 11, 0.33);
    }

.cines .navbar-default {
    background: none;
    border: none;
    margin: 0px;
    min-height: inherit;
}

.cines .tab-nav-2 {
    padding: 0px;
}

.cines .head_1.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #FFF;
    cursor: default;
    background-color: #C02328;
    border: 0px;
    border-bottom-color: transparent;
    box-shadow: inset 0px 1px 20px -3px #420F10;
    border-radius: 0px;
    padding: 6px;
}

.cines .head_1 {
    background: #eaeaea;
    box-shadow: inset 0px 12px 14px -10px #8A8A8A, inset 0px -12px 8px -10px #8A8A8A;
    height: 32px;
    border: 0px;
}

.cines .mod_salapeliico {
    padding: 0px;
    height: 35px;
    margin: 0;
}

.cines .head_1.nav-tabs > li > a {
    width: 100%;
    padding: 6px;
    background: #eaeaea;
    color: #545454;
    border-radius: 0px;
    border: 0px;
    margin: 0px;
    border-right: 1px solid rgba(154, 154, 154, 0.6);
    box-shadow: inset 0px 12px 14px -10px #8A8A8A, inset 0px -12px 8px -10px #8A8A8A;
}

    .cines .head_1.nav-tabs > li > a:hover {
        color: #C02328;
    }

.cines .head_1.nav-tabs > li.active > a:hover {
    color: #fff;
}

.head_2 {
    margin-top: 30px;
}

.tab_2 {
    text-align: center;
    background: #C02328;
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pix01.jpg");
    border: 0px;
    height: 42px;
}

    .tab_2 li.mes {
        background: #eaeaea;
        box-shadow: inset 0px 12px 14px -10px #8A8A8A, inset 0px -12px 8px -10px #8A8A8A;
    }

        .tab_2 li.mes p {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            margin-top: 10px;
        }

.cines .bg-pattern.estrenos-info {
    margin-bottom: 200px;
}

.cines ul.nav.nav-tabs.tab_2 li {
    height: 42px;
}

    .cines ul.nav.nav-tabs.tab_2 li a {
        padding: 0px;
    }

        .cines ul.nav.nav-tabs.tab_2 li.active a, .cines ul.nav.nav-tabs.tab_2 li a:hover {
            color: #FFF;
            cursor: default;
            background-color: #C02328;
            border: 0px;
            border-right: 1px solid rgba(154, 154, 154, 0.0);
            border-bottom-color: transparent;
            box-shadow: inset 0px 1px 20px -3px #420F10;
            border-radius: 0px;
            padding: 1px 4px;
            margin: 0px;
        }

    .cines ul.nav.nav-tabs.tab_2 li a {
        width: 100%;
        padding: 1px 4px;
        background: #eaeaea;
        color: #545454;
        border-radius: 0px;
        border: 0px;
        margin: 0px;
        border-right: 1px solid rgba(154, 154, 154, 0.6);
        box-shadow: inset 0px 12px 14px -10px #8A8A8A, inset 0px -12px 8px -10px #8A8A8A;
    }

.cines .tab_2 li.censura {
    float: right;
    margin: 7px 5px;
    padding: 1px 5px;
    color: #fff;
    border-left: 1px solid;
    height: 26px !important;
    font-size: 18px;
}

.cines .tab-content .peliculas {
    padding: 12px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
}

    .cines .tab-content .peliculas .nombre a, .cines .tab-content .peliculas .nombre a:hover {
        color: #000;
    }

.peliculas .peli-hover {
    /*display: none;*/
    position: absolute;
    left: 100px;
    top: -100%;
    background: #333;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    z-index: 90;
    opacity: 0;
    max-width: 203px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    z-index: 10;
}

    .peliculas .peli-hover:hover {
        display: none;
    }

.peliculas .nombre {
    font-size: 16px;
}

img.hidde-img {
    display: none;
    margin: 0 auto;
    width: 190px;
    height: 270px;
}

.peliculas .peli-hover span {
    display: block;
    text-align: center;
    color: #fff;
}

.peliculas .nombre:hover .peli-hover {
    /*display: inherit;*/
    opacity: 1;
    z-index: 51;
}

.peliculas .horario, .peliculas .nombre {
    text-align: left;
}

    .peliculas .horario a {
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        -o-transition: 0.1s;
        transition: 0.1s;
        background: rgba(192, 35, 40, 0.0);
        padding: 5px;
        border: 1px solid rgba(0,0,0,0.6);
        color: #000;
        position: relative;
        top: 0px;
        z-index: 50;
    }

        .peliculas .horario a:hover {
            position: relative;
            cursor: pointer;
            background: #c02328;
            text-decoration: none;
            color: #fff;
            top: -7px;
        }

            .peliculas .horario a:hover:after, .peliculas .horario a:after:hover {
                display: block;
                -webkit-transform: translateY(5px);
                transform: translateY(5px);
            }

        .peliculas .horario a:after {
            content: '';
            pointer-events: none;
            position: absolute;
            top: 100%;
            left: 5%;
            height: 10px;
            width: 90%;
            background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%);
            -webkit-transition: 0.1s;
            -moz-transition: 0.1s;
            -o-transition: 0.1s;
            transition: 0.1s;
            display: none;
        }

.cines .peliculas .clasificacion span {
    text-transform: uppercase;
    color: #FFF;
    background: #c02328;
    padding: 4px 8px;
}

.cines .info-salas ul {
    list-style: none;
}

    .cines .info-salas ul li {
        display: inline;
    }

        .cines .info-salas ul li span {
            display: none;
        }

.cines .sala_dir {
    margin-top: 30px;
}
/*==========================*/
/*         PELICULAS        */
/*==========================*/
.pelicula .pelicula-cartel {
    width: 190px;
    overflow: hidden;
}

    .pelicula .pelicula-cartel .cartel {
        width: 600px;
        position: relative;
    }

        .pelicula .pelicula-cartel .cartel .pel-2, .pelicula .pelicula-cartel .cartel .pel-3 {
            display: inline-block;
        }

        .pelicula .pelicula-cartel .cartel .pel-2 {
            width: 190px;
            height: 271px;
            position: absolute;
            left: 33%;
            background: #000;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }

            .pelicula .pelicula-cartel .cartel .pel-2 ul {
                background: #fff;
                margin: 2px 10px;
                height: 90%;
                list-style: none;
                padding: 4px;
            }

                .pelicula .pelicula-cartel .cartel .pel-2 ul li {
                    color: #c02328;
                    border-bottom: 1px solid #eaeaea;
                    padding: 2px;
                    font-size: 16px;
                    cursor: pointer;
                }

        .pelicula .pelicula-cartel .cartel .pel-3 {
            right: 0;
            width: 190px;
            height: 271px;
            position: absolute;
            left: 33%;
            background: #000;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }

            .pelicula .pelicula-cartel .cartel .pel-3 button {
                background: transparent;
                border: 0px;
                color: #fff;
                width: 100%;
                text-align: left;
                font-size: 12px;
                padding: 0 10px;
            }

                .pelicula .pelicula-cartel .cartel .pel-3 button img {
                    margin-right: 10px;
                }

            .pelicula .pelicula-cartel .cartel .pel-3 .clasificacion {
                background: #c02328;
                color: #fff;
                padding: 0px 14px;
                font-size: 28px;
                float: right;
                border: 1px solid;
            }

            .pelicula .pelicula-cartel .cartel .pel-3 .info-det {
                float: left;
                margin-top: 10px;
                width: 172px;
            }

                .pelicula .pelicula-cartel .cartel .pel-3 .info-det a {
                    color: #fff;
                    float: right;
                    font-size: 12px;
                    margin-top: 5px;
                }

                .pelicula .pelicula-cartel .cartel .pel-3 .info-det .cine {
                    background: #c02328;
                    color: #fff;
                    width: 100%;
                    padding: 2px 10px;
                }

                .pelicula .pelicula-cartel .cartel .pel-3 .info-det .horario {
                    background: #fff;
                    color: #fff;
                    width: 100%;
                    padding: 8px 22px;
                }

                    .pelicula .pelicula-cartel .cartel .pel-3 .info-det .horario a {
                        background: #000;
                        font-size: 12px;
                        padding: 4px;
                        float: inherit;
                        color: #fff;
                    }

            .pelicula .pelicula-cartel .cartel .pel-3 .v_titulo {
                margin: 0 10px;
                padding: 0px;
                border-bottom: #FFF dotted 1px;
                color: #FFF;
                font-size: 20px;
                display: inherit !important;
            }

            .pelicula .pelicula-cartel .cartel .pel-3 .info {
                padding: 10px;
                height: 90%;
                width: 100%;
            }

                .pelicula .pelicula-cartel .cartel .pel-3 .info div {
                    display: block;
                }

    .pelicula .pelicula-cartel:hover .pel-2 {
        left: 0px;
    }

.pelicula .v_titulo {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: #FFF dotted 1px;
    color: #FFF;
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 10px;
    display: inherit !important;
}

.pelicula .box {
    width: 190px;
    box-shadow: 0px 0px 6px 0px;
    margin: 0 auto;
}

.pelicula .box {
    margin-bottom: 40px;
}

    .pelicula .box .caption {
        background-color: #f2f3f2;
        color: #414141;
        text-align: left;
        padding: 10px 10px 20px;
        text-transform: uppercase;
        font-size: 12px;
    }
/*==========================*/
/*           COMPRA         */
/*==========================*/
.compra, .pago {
    font-family: Calibri;
}

    .compra .red-title {
        padding: 10px 0px;
    }

        .compra .red-title .info-1 ul, .compra .red-title .info-1 div {
            display: inline-block;
        }

        .compra .red-title ul {
            padding: 0px;
            list-style: none;
        }

        .compra .red-title .clasificacion {
            font-family: 'cinesu', Tahoma, Geneva, sans-serif;
            margin-left: 20%;
        }

            .compra .red-title .clasificacion span {
                font-size: 96px;
                line-height: 0px;
            }

        .compra .red-title .info-2, .compra .red-title .info-3 {
            background: #CCCCCC;
            box-shadow: inset 0px 0px 15px 1px #6F6F6F;
            color: #000;
            border-left: 4px solid #C02328;
        }

            .compra .red-title .info-2 .nombre h3 {
                margin-top: 10px;
            }

            .compra .red-title .info-2 .nombre h4 {
                display: inline;
                float: left;
            }

                .compra .red-title .info-2 .nombre h4 + h4 {
                    float: right;
                }

        .compra .red-title .info-3 {
            font-size: 20px;
            color: #C02328;
        }

            .compra .red-title .info-3 div {
                margin: 27.5px 0px;
            }

    .compra .tabla {
        font-size: 16px;
    }

        .compra .tabla .fila {
            border-bottom: 1px solid #eaeaea;
            padding: 5px 0px;
        }

            .compra .tabla .fila .cantidad button {
                background: #C02328;
                border: 0px;
                color: #fff;
                border-radius: 100%;
                height: 26px;
                width: 26px;
            }

            .compra .tabla .fila .cantidad input {
                width: 25px;
                text-align: center;
                border-radius: 4px;
                border: 1px solid #A9A9A9;
            }

    .compra .detalle-compra h4, .pago .detalle-compra h4 {
        border-bottom: 1px solid #fff;
        padding-top: 5px;
        background: #e4e6e5;
        color: #c02328;
        text-transform: uppercase;
        font-weight: 400;
        width: 265px;
        height: 31px;
        display: block;
    }

    .compra .detalle-compra .factura, .pago .detalle-compra .factura {
        border-bottom: 1px solid #fff;
        padding-top: 5px;
        background: #e4e6e5;
        font-weight: 400;
        width: 265px;
        display: block;
        text-align: left;
    }

        .compra .detalle-compra .factura p strong, .pago .detalle-compra .factura p strong {
            float: right;
        }

        .compra .detalle-compra .factura button, .pago .detalle-compra .factura button {
            margin: 10px auto;
            display: block;
            background: #c02328;
            color: #fff;
            border: 0px;
            padding: 10px 18px;
        }
    /*==========================*/
    /*           PAGO           */
    /*==========================*/
    .pago .head {
        box-shadow: inset 0px 12px 14px -10px #8A8A8A, inset 0px -12px 8px -10px #8A8A8A;
        border-left: 1px solid rgba(138, 138, 138, 0.51);
        background: #eaeaea;
    }

        .pago .head .red-title {
            padding: 0px 10px;
            box-shadow: inset 0px 12px 14px -10px #840F0F, inset 0px -12px 8px -10px #840F0F;
        }

.tiempo-restante {
    background: #c02328;
    width: 265px;
    height: 120px;
    padding: 20px 0px;
}

    .tiempo-restante .letrero {
        background: url('https://cinesunidosweb.blob.core.windows.net/img/pic_tiemporestante.png') no-repeat;
        height: 37px;
        margin: 0 auto;
        display: block;
        width: 194px;
    }

.pago .datos {
    text-align: left;
}

    .pago .datos h4 {
        margin: 0px;
    }

.pago .asiento span {
    background: #C02328;
    color: #fff;
    padding: 10px;
    border-radius: 24px;
}

.pago .asiento a {
    color: #000;
}

.pago .hr-pago {
    border: 1px dotted #C7C7C7;
    margin: 10px 0px;
}

.pago .form {
    margin-left: 30px;
    max-width: 600px;
}

    .pago .form p {
        height: 28px;
    }

    .pago .form span {
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 18px;
    }

    .pago .form input {
        margin-bottom: 10px;
        float: right;
        width: 300px;
    }

        .pago .form input[type="text"] {
            float: left;
        }

    .pago .form .radio_2 input[type="radio"] {
        display: inline;
        width: 20px;
        margin-right: 10px;
        float: left;
    }

    .pago .form .radio_2 img {
        float: left;
    }

    .pago .form .seguridad input {
        width: 50px;
        margin-right: 5px;
    }

    .pago .form .cedula select {
        height: 26px;
        margin-bottom: 10px;
    }

    .pago .form .cedula input[type="text"] {
        width: 265px;
        position: absolute;
    }

/*==========================*/
/*         PORTFOLIO        */
/*==========================*/
.carameleria ul {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    list-style: none;
    padding: 10px 0 10px 15px;
}

.carameleria #filters a {
    background: #C02328;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

    .carameleria #filters a.active, .carameleria a:hover {
        background: #9A9A9A;
    }

#portfolio .portfolio_items, #portfolio .portfolio_items img {
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
}

.portfolio_items {
    padding: 0px 130px;
}

#portfolio img {
    width: 270px;
}

#portfolio .single_items {
    max-width: 278px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin: 10px;
    box-shadow: 0px 0px 10px 0px #CCCCCC;
}

#portfolio .caption {
    padding: 0px 10px;
    color: #666;
    text-transform: uppercase;
}
/*==========================*/
/*          DETALLE         */
/*==========================*/
.detalle .red-title {
    padding: 0px;
}

    .detalle .red-title h3 {
        margin: 8px 0px;
    }

.detalle .tab_2 {
    background: inherit;
}

.detalle .nav-tabs > li {
    float: right;
}

.detalle ul.nav.nav-tabs.tab_2 li a {
    width: 100%;
    padding: 1px 4px;
    background: #eaeaea;
    color: #545454;
    border-radius: 0px;
    border: 0px;
    margin: 0px;
    border-right: 1px solid rgba(154, 154, 154, 0.6);
    box-shadow: inset 0px 12px 14px -10px #8A8A8A, inset 0px -12px 8px -10px #8A8A8A;
}

    .detalle ul.nav.nav-tabs.tab_2 li.active a, .detalle ul.nav.nav-tabs.tab_2 li a:hover {
        color: #FFF;
        cursor: default;
        background-color: #C02328;
        border: 0px;
        border-right: 1px solid rgba(154, 154, 154, 0.0);
        border-bottom-color: transparent;
        box-shadow: inset 0px 1px 20px -3px #420F10;
        border-radius: 0px;
        padding: 1px 4px;
        margin: 0px;
    }

.detalle .tab_2 li.mes {
    padding: 1px;
}

.detalle .row.info {
    padding: 0px;
}

    .detalle .row.info p {
        font-size: 12px;
    }

    .detalle .row.info .red-title {
        padding: 2px 0px;
    }

.detalle .peliculas {
    height: 35px;
    border-bottom: 1px solid rgb(192, 35, 40);
    text-transform: uppercase;
    margin-top: 15px;
}

    .detalle .peliculas .nombre {
        font-size: 14px;
    }

    .detalle .peliculas .clasificacion span {
        text-transform: uppercase;
        color: #FFF;
        background: #c02328;
        padding: 4px 8px;
    }
/*============================================*/
/*                ADMINSTRADOR                */
/*============================================*/
.fondo_top.admin {
    margin: 0;
}

.admin .box {
    background: #fff;
    box-shadow: 0px 0px 15px -5px;
    min-height: 200px;
    padding: 10px 30px;
}

    .admin .box span {
        color: #C02328;
        font-size: 16px;
    }

    .admin .box div {
        margin: 10px 0px;
    }

    .admin .box input[type="text"], .admin .box input[type="password"] {
        width: 100%;
    }

    .admin .box input[type="submit"] {
        width: 200px;
        height: 50px;
        color: #fff;
        background: #C02328;
        border: 0px;
        margin-top: 30px;
    }

.panel-heading {
    height: 40px;
    padding: 0px;
}

.admin_panel .row.shadow {
    box-shadow: 0px 21px 35px -29px;
}

.admin_panel .panel-default > .panel-heading {
    background: #404040;
    color: #fff;
    border: transparent;
    border-radius: 0px;
}

.admin_panel .panel-heading h4 {
    height: 100%;
}

    .admin_panel .panel-heading h4 a {
        display: block;
        width: 100%;
        padding: 10px;
    }

.admin_panel .panel-body ul {
    list-style: none;
}

    .admin_panel .panel-body ul button {
        background: #A2A2A2;
        border: 0px;
        padding: 5px 20px;
        color: #fff;
    }

.admin_panel .nav-tabs {
    border: 0px;
}

    .admin_panel .nav-tabs > li a {
        padding: 0px;
    }

        .admin_panel .nav-tabs > li,
        .admin_panel .nav-tabs > li:hover,
        .admin_panel .nav-tabs > li a:hover {
            background: transparent;
            border: 1px solid transparent;
            float: initial;
        }

            .admin_panel .nav-tabs > li.active a button {
                background: #555;
            }

            .admin_panel .nav-tabs > li.active a, .admin_panel .nav-tabs > li.active a:hover {
                border: 0px;
                margin: 0px;
                border: 1px solid transparent;
            }

.admin_panel .tab-content button {
    padding: 10px 40px;
    text-transform: uppercase;
    color: #fff;
    background: #C02328;
    border: 0px;
}

/*========================================================================================*/
/*====================        ESTILOS PROPIOS DEL SITIO ORIGINAL         =================*/
/*========================================================================================*/
.select_ciudad:hover {
    color: #fff;
}

.sbHolder {
    outline: 0 none;
}

#ciudad_id {
    outline: 0;
    width: 24px;
    margin-bottom: 5px;
}

.select_ciudad, .select_ciudad:hover {
    background: 0;
    color: #e4e6e5;
    font-size: 2.188em;
    font-weight: 100;
    text-align: right;
    text-transform: uppercase;
    width: auto;
    height: 40px;
}

    .select_ciudad span, .select_ciudad:hover span {
        margin-left: 2px;
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_selectciudad.png) no-repeat top;
        width: 21px;
        height: 10px;
        float: right;
        display: block;
        margin-top: 20px;
    }

.sbOptions {
    z-index: 30; /* MODIFICACIÓN DE MENÚ "CIUDADES" EN MÓVILES (EVITAR SOLAPAMIENTO) */
    position: relative;
    background-color: #fff;
    font-size: 18px;
    color: #c02328;
    width: 180px;
    margin-top: 6px;
    margin-left: -150px;
    left: 100%;
    padding: 5px;
    border: 1px solid #aaa;
    top: 0px !important;
}

    .sbOptions li {
        padding-right: 10px;
        border-bottom: 1px solid #c02328;
        font-weight: 100;
        font-size: .95em;
    }

        .sbOptions li:last-child {
            border: 0;
        }

        .sbOptions li:hover {
            background-color: #c02328;
            padding-right: 10px;
        }

            .sbOptions li:hover > a {
                color: #fff;
            }

    .sbOptions a:link {
        color: #c02328;
    }

    .sbOptions a:hover {
        color: #fff;
    }

.sbSelector {
    color: #FFF;
    background: 0;
    font-weight: 300;
    text-align: right;
    text-transform: uppercase;
    width: auto;
    height: 40px;
    right: 3px;
    font-family: 'cinesulight', Tahoma, Geneva, sans-serif;
    outline: 0;
}

    .sbSelector:hover {
        color: #e4e6e5;
    }
/*
    Created on : 17 Sep, 2014, 4:29:37 PM
    Author     : senthil
*/

.ti_tx, .mi_tx, .mer_tx {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.time, .mins, .meridian {
    width: 60px;
    float: left;
    margin: 0px 10px;
    font-size: 20px;
    color: #2d2e2e;
    font-family: 'arial';
    font-weight: 700;
}

.prev, .next {
    cursor: pointer;
    padding: 18px;
    width: 28%;
    border: 1px solid #ccc;
    margin: auto;
    background: url(../img/arrow.png) no-repeat;
    border-radius: 5px;
}

    .prev:hover, .next:hover {
        background-color: #ccc;
    }

.next {
    background-position: 50% 150%;
}

.prev {
    background-position: 50% -50%;
}

.time_pick {
    position: relative;
    width: 290px;
    float: right;
    margin-right: 4px;
}
/*input{ float:left;}*/
.timepicker_wrap {
    padding: 10px;
    border-radius: 5px;
    z-index: 2;
    display: none;
    width: 265px;
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.35);
    background: #f6f6f6;
    border: 1px solid #ccc;
    float: left;
    position: absolute;
    top: 100% !important;
    left: 0px !important;
}

.arrow_top {
    position: absolute;
    top: -10px;
    left: 20px;
    background: url(../img/top_arr.png) no-repeat;
    width: 18px;
    height: 10px;
    z-index: 3;
}

.cont_registro {
    display: block;
}

#recaptcha_area {
    margin: 0 auto;
}

#recaptcha_area, #recaptcha_table {
    height: 130px;
    overflow: hidden;
}

#recaptcha_response_field {
    height: auto;
}

#recaptcha_area tr + tr + tr + tr {
    height: 0px;
}

    #recaptcha_area tr + tr + tr + tr + tr + tr {
        height: auto;
        display: block;
    }

.cont_registro input[type="submit"] {
    width: 15%;
    border: 1px solid #000;
    height: 45px;
    text-align: center;
    padding: 10px 20px;
    font-size: 1em;
    cursor: pointer;
}

.recordar_acceso {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) #FFF;
    display: table;
    border-bottom: 1px solid #333;
    min-height: 250px;
    width: 500px;
}

.tit_rec_acc h2 {
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_barraroja.jpg);
    background-repeat: repeat-x;
    padding: 5px 10px;
    color: #FFF;
    font-weight: 100;
    text-align: left;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    font-size: 1em;
    margin: 0;
    margin-bottom: 10px;
}

#rememberpass1,
#rememberpass2,
#rememberpass3,
#rememberpass4,
#rememberemail1,
#rememberemail12,
#rememberemail13,
#rememberemail14 {
    padding: 10px 30px;
}

#txtBirthDate {
    max-width: 240px;
}

#ui-datepicker-div {
    z-index: 1010 !important;
}

#rememberemail2 {
    margin-left: 45%;
    margin-top: 5%;
}

#txtEmailRemembered, #txtMessage {
    text-align: center;
    font-family: sans-serif;
    padding-top: 2em;
}

#rem-mail, #msg-invalid {
    font-style: italic;
    font-size: 14px;
    padding-top: .5em;
}

@charset "UTF-8";

@font-face {
    font-family: cinesu;
    src: url('../fonts/OpenSans-Regular.woff'), url('../fonts/OpenSans-Regular.woff2');
}

@font-face {
    font-family: cinesulight;
    src: url('../fonts/OpenSans-Light.woff'), url('../Content/fonts/OpenSans-Light.woff2');
}

ol, ul {
    list-style: none;
}

table, table td {
    padding: 0;
    border: 0;
    border-collapse: collapse;
}



a, object {
    outline: 0;
}

    a.sbSelector, a.sbSelector:focus, a.sbSelector:hover, a.sbSelector:visited, a.sbSelector:active; {
        outline: 0;
    }

ul, li {
    list-style-type: none;
}

h1 {
    font-size: 1.875em;
}

h2 {
    font-size: 1.500em;
}

h3 {
    font-size: 1.313em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 1em;
}

h1, h2, h3, h4, h5 {
    font-weight: 100;
}

    h1 span, h2 span, h3 span, h4 span, h5 span {
        display: none;
    }

.btn-menu-mobile {
    display: none;
}

nav.mnugris_secc {
    width: auto;
    height: 30px;
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
}

    nav.mnugris_secc ul {
        width: auto;
        height: 30px;
        display: inline;
        position: relative;
    }

        nav.mnugris_secc ul li {
            padding-right: 25px;
            font-size: .938em;
            text-transform: uppercase;
            width: auto;
            height: 20px;
            display: inline;
            float: left;
        }

            nav.mnugris_secc ul li a {
                background: 0;
                color: #e4e6e5;
            }

                nav.mnugris_secc ul li a:hover {
                    background: 0;
                    color: #fff;
                }

nav.mnuredes, nav.mnuredesbott {
    width: 230px;
    height: 20px;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
}

    nav.mnuredes ul, nav.mnuredesbott ul {
        width: 235px;
        height: 20px;
        display: inline;
        position: relative;
    }

        nav.mnuredes ul li, nav.mnuredesbott ul li {
            margin-left: 15px;
            width: 22px;
            height: 20px;
            display: inline;
            float: left;
        }

            nav.mnuredes ul li.mnuredes_tw a, nav.mnuredesbott ul li.mnuredes_tw a {
                background-position: 0 0;
                width: 22px;
            }

                nav.mnuredes ul li.mnuredes_tw a:hover, nav.mnuredesbott ul li.mnuredes_tw a:hover {
                    background-position: 0 -20px;
                    width: 22px;
                }

            nav.mnuredes ul li.mnuredes_fb a, nav.mnuredesbott ul li.mnuredes_fb a {
                background-position: -40px 0;
                width: 22px;
            }

                nav.mnuredes ul li.mnuredes_fb a:hover, nav.mnuredesbott ul li.mnuredes_fb a:hover {
                    background-position: -40px -20px;
                    width: 22px;
                }

            nav.mnuredes ul li.mnuredes_yt a, nav.mnuredesbott ul li.mnuredes_yt a {
                background-position: -75px 0;
                width: 22px;
            }

                nav.mnuredes ul li.mnuredes_yt a:hover, nav.mnuredesbott ul li.mnuredes_yt a:hover {
                    background-position: -75px -20px;
                    width: 22px;
                }

            nav.mnuredes ul li.mnuredes_bb a, nav.mnuredesbott ul li.mnuredes_bb a {
                background-position: -115px 0;
                width: 22px;
            }

                nav.mnuredes ul li.mnuredes_bb a:hover, nav.mnuredesbott ul li.mnuredes_bb a:hover {
                    background-position: -115px -20px;
                    width: 22px;
                }

            nav.mnuredes ul li.mnuredes_ap a, nav.mnuredesbott ul li.mnuredes_ap a {
                background-position: -155px 0;
                width: 22px;
            }

                nav.mnuredes ul li.mnuredes_ap a:hover, nav.mnuredesbott ul li.mnuredes_ap a:hover {
                    background-position: -155px -20px;
                    width: 22px;
                }

            nav.mnuredes ul li.mnuredes_ad a, nav.mnuredesbott ul li.mnuredes_ad a {
                background-position: -195px 0;
                width: 22px;
            }

                nav.mnuredes ul li.mnuredes_ad a:hover, nav.mnuredesbott ul li.mnuredes_ad a:hover {
                    background-position: -195px -20px;
                    width: 22px;
                }

nav.mnuredesbott {
    width: 230px;
    height: 20px;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
}

nav.mnuredescenter {
    margin: 0 auto;
    position: relative;
    top: 10px;
}


.fancybox-close {
    right: 0;
    background-position: 0 0;
}

nav.mnufooter_secc {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 400px;
}

    nav.mnufooter_secc ul {
        width: auto;
        position: relative;
        font-size: 12px;
        padding: 0px;
    }

        nav.mnufooter_secc ul li {
            width: auto;
            text-transform: uppercase;
            height: 20px;
            display: block;
            float: left;
            padding-left: 12px;
            padding-right: 12px;
        }

            nav.mnufooter_secc ul li a {
                background: 0;
                color: #e4e6e5;
            }

                nav.mnufooter_secc ul li a:hover {
                    background: 0;
                    color: #fff;
                }

.mnugris_secc {
    position: relative;
}

.caja-iniciar-sesion-01 {
    height: 76px;
    width: 195px;
    margin-top: 10px;
    border-top-width: 1px;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/stripe_ini-sesion.png);
    background-repeat: repeat-x;
    position: absolute;
    top: 15px;
    left: 0;
    background-color: #FFF;
    opacity: .9;
    filter: alpha(opacity=90);
    overflow: hidden;
    height: 0;
    z-index: 999;
}

.caja-iniciar-sesion-02 {
    height: 22px;
    width: 184px;
    border: 1px solid #900;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top: 9px;
    margin-top: 3px;
    background-color: #c02328;
    font-family: cinesu, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #e4e6e5;
    text-decoration: none;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/stripe_ini-sesion02.png);
}

    .caja-iniciar-sesion-02 a:link, .caja-iniciar-sesion-02 a:visited {
        color: #FFF;
        text-decoration: none;
    }

    .caja-iniciar-sesion-02 a:hover {
        color: #FFF;
        text-decoration: none;
    }

.caja-iniciar-sesion-03 {
    height: 13px;
    width: 184px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 0;
    font-family: cinesu, sans-serif;
    font-size: 1em;
    color: #424242;
    text-decoration: none;
    padding-top: 5px;
}

    .caja-iniciar-sesion-03 a:link, .caja-iniciar-sesion-03 a:visited, .caja-iniciar-sesion-03 a:active {
        font-family: cinesu, sans-serif;
        font-size: 1.02em;
        font-weight: normal;
        color: #424242;
        text-decoration: underline;
    }

    .caja-iniciar-sesion-01 .caja-iniciar-sesion-03 a:hover, .caja-iniciar-sesion-03 a:active {
        font-family: cinesu, sans-serif;
        font-size: 1.02em;
        color: #c02328;
        text-decoration: none;
    }

.micuenta {
    position: relative;
}

.jquery-msgbox {
    width: 100% !important;
    max-width: 400px;
}

div.ui-datepicker {
    font-size: 14px;
    z-index: 100 !important;
}

@font-face {
    font-family: cinesu;
    src: url('/Content/fonts/OpenSans-Regular.ttf'), url('/Content/fonts/OpenSans-Regular.eot');
}

.mod_home {
    margin: 0 auto;
    width: 1255px;
    height: 440px;
    display: block;
    position: relative;
}

ul.mnu_home {
    margin-right: 1px;
    width: 260px;
    height: 437px;
    float: left;
    position: relative;
}

    ul.mnu_home li {
        padding-top: 25px;
        margin-bottom: 1px;
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_btnhome.png) repeat-x;
        color: #e4e6e5;
        width: 260px;
        height: 120px;
        display: block;
    }

        ul.mnu_home li span.mnu_home01, ul.mnu_home li span.mnu_home02, ul.mnu_home li span.mnu_home03 {
            margin: 0 auto;
            width: 58px;
            height: 58px;
            display: block;
            position: relative;
        }

        ul.mnu_home li span.mnu_home01 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_mnuhome.png) no-repeat 0 0;
        }

        ul.mnu_home li span.mnu_home02 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_mnuhome.png) no-repeat -58px 0;
            top: 5px;
        }

        ul.mnu_home li span.mnu_home03 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_mnuhome.png) no-repeat -116px 0;
            top: 5px;
        }

        ul.mnu_home li p {
            padding-top: 10px;
            font-size: 1.500em;
            font-weight: 100;
            text-align: center;
            text-transform: uppercase;
            width: 100%;
            height: auto;
            display: block;
            position: relative;
        }

        ul.mnu_home li a {
            color: #e4e6e5;
        }

            ul.mnu_home li a:hover {
                color: #fff;
            }

.mod_homecarr {
    width: 994px;
    height: 440px;
    float: left;
    position: relative;
}

.mod_homecarrbase {
    width: 994px;
    height: 437px;
    display: block;
    position: relative;
}

a.flant_homecarr {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/fl_homecarr.png) no-repeat 0 0;
    width: 66px;
    height: 66px;
    display: block;
    position: absolute;
    top: 190px;
    left: 10px;
    z-index: 200;
}

    a.flant_homecarr:hover {
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/fl_homecarr.png) no-repeat 0 -66px;
        width: 66px;
        height: 66px;
        display: block;
        position: absolute;
        top: 190px;
        left: 10px;
        z-index: 200;
    }

a.flsig_homecarr {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/fl_homecarr.png) no-repeat -66px 0;
    width: 66px;
    height: 66px;
    display: block;
    position: absolute;
    top: 190px;
    right: 10px;
    z-index: 200;
}

    a.flsig_homecarr:hover {
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/fl_homecarr.png) no-repeat -66px -66px;
        width: 66px;
        height: 66px;
        display: block;
        position: absolute;
        top: 190px;
        right: 10px;
        z-index: 200;
    }

ul.mod_homecarrpag {
    width: 200px;
    height: 25px;
    display: block;
    position: absolute;
    top: 405px;
    left: 400px;
}

    ul.mod_homecarrpag li {
        margin: 0 1px;
        width: 23px;
        height: 23px;
        float: left;
        display: inline;
    }

        ul.mod_homecarrpag li a {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/fl_homecarr.png) no-repeat 0 -132px;
            width: 23px;
            height: 23px;
            display: block;
        }

            ul.mod_homecarrpag li a:hover {
                background: url(https://cinesunidosweb.blob.core.windows.net:443/img/fl_homecarr.png) no-repeat -23px -132px;
                width: 23px;
                height: 23px;
                display: block;
            }

        ul.mod_homecarrpag li.mod_homecarrpagact a {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/fl_homecarr.png) no-repeat -23px -132px;
            width: 23px;
            height: 23px;
            float: left;
            cursor: default;
        }

.modulo-2 {
    margin: 0 auto;
    padding: 10px 0;
    width: 1255px;
    position: relative;
}
/*
.mod_lista_peliculas {
    margin: 0 auto;
    width: 900px;
    display: table;
    position: relative;
}*/
.barra-left {
    width: 352px;
    float: left;
}

.banner-left1, .banner-left2 {
    max-width: 352px;
    width: 352px;
    max-height: 250px;
    height: 250px;
    float: left;
    box-shadow: 0 0 2px 2px #999;
    -moz-box-shadow: 0 0 2px 2px #999;
    -webkit-box-shadow: 0 0 2px 2px #999;
    margin: 0 0 5px 0px;
}

.mod_peliculas {
    margin: 0 auto;
    width: 900px;
    height: 510px;
    display: block;
    position: relative;
    float: right;
}

    .mod_peliculas ul {
        width: 900px;
        height: 510px;
        display: block;
    }

        .mod_peliculas ul li {
            margin: 0 0 4px 4px;
            width: 175px;
            height: 250px;
            float: left;
            box-shadow: 0 0 2px 2px #999;
            -moz-box-shadow: 0 0 2px 2px #999;
            -webkit-box-shadow: 0 0 2px 2px #999;
        }

            .mod_peliculas ul li img {
                width: 175px;
                height: 250px;
                display: block;
            }

            .mod_peliculas ul li a {
                width: 175px;
                height: 250px;
                display: block;
            }

                .mod_peliculas ul li a:hover, .mod_peliculas ul li a:hover img {
                    width: 185px;
                    height: 257px;
                    display: block;
                    position: relative;
                    top: -2px;
                    left: -1px;
                }

.mod_lista_peliculas ul {
    width: auto;
    height: auto;
    display: block;
    padding: 0px;
}

    .mod_lista_peliculas ul li {
        margin: 0 auto;
        width: 190px;
        /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
        /*width: 100%;*/
        /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
        height: 271px;
        box-shadow: 0 0 2px 2px #999;
        -moz-box-shadow: 0 0 2px 2px #999;
        -webkit-box-shadow: 0 0 2px 2px #999;
    }

        .mod_lista_peliculas ul li img {
            width: 190px;
            /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
            /*width: 100%;*/
            /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
            height: 271px;
            display: block;
        }

        .mod_lista_peliculas ul li a {
            width: 190px;
            height: 271px;
            display: block;
        }

.mod_titulo_pelicula {
    background-color: #f2f3f2;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 190px;
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    /*width: 100%;*/
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    padding-top: 1px;
    padding-bottom: 5px;
    margin-top: 3px;
    position: relative;
}

    .mod_titulo_pelicula h2 {
        color: #333;
        font-size: 12px;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 4px;
        text-transform: uppercase;
        margin-right: 5px;
        font-weight: bold;
    }

.mod_velo {
    margin: 0 auto;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_velo.png) repeat;
    width: 100%;
    height: 1312px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 400;
}

.mod_pelivelo {
    background: #fff url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) repeat;
    color: #000;
    max-width: 944px;
    height: auto;
    display: block;
    position: relative;
    z-index: 500;
    overflow: hidden;
}

.mod_pelivelotop {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_barraroja.jpg) repeat-x bottom;
    max-width: 944px;
    height: 379px;
    display: block;
    position: relative;
}

    .mod_pelivelotop img.peliveloimg {
        width: 1092px;
        height: 366px;
        display: block;
        position: absolute;
        top: 0;
    }

    .mod_pelivelotop img {
        position: absolute;
        clip: rect(0px, 944px, 366px, 0px);
    }

.mod_pelivelomid {
    padding-top: 20px;
    height: auto;
    display: inline-block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .mod_pelivelomid h2 {
        padding-bottom: 15px;
        font-size: 2.500em;
        font-weight: 400;
        width: 900px;
        height: 50px;
        display: block;
        position: relative;
    }

.mod_pelivelomidbarra {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_barraroja.jpg) repeat;
    color: #fff;
    width: 100%;
    height: 42px;
    display: block;
    position: relative;
    z-index: 100;
}

.mod_pelivelomiddias {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_pelivelodias.jpg) repeat;
    color: #666;
    height: 41px;
    display: block;
    position: absolute;
    left: 0;
    z-index: 100;
}

p.barra_mes {
    padding-top: 6px;
    font-size: .813em;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    width: 35px;
    height: 30px;
    float: left;
    position: relative;
    top: 1px;
    left: 1px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

ul.barra_dias {
    height: 41px;
    float: left;
    padding: 0px;
}

    ul.barra_dias li {
        font-size: .875em;
        text-align: center;
        width: 26px;
        height: 41px;
        float: left;
    }

        ul.barra_dias li span {
            display: block;
            font-size: .750em;
        }

        ul.barra_dias li a {
            padding-top: 3px;
            color: #666;
            width: 26px;
            height: 38px;
            display: block;
        }

            ul.barra_dias li a:hover, ul.barra_dias li.barradia_act a {
                padding-top: 3px;
                background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_barradiaselect.jpg) no-repeat;
                color: #fff;
                width: 100%;
                height: 100%;
                display: block;
            }

        ul.barra_dias li.barradia_act a {
            cursor: default;
        }

.mod_pelivelomidtipo {
    padding-top: 6px;
    text-align: right;
    font-size: 1.250em;
    font-weight: 100;
    text-transform: uppercase;
    width: 525px;
    height: 35px;
    display: block;
    position: absolute;
    right: 10px;
    z-index: 100;
}

.mod_pelivelomidbox {
    padding: 10px 35px 0;
    width: 100%;
    height: auto;
    box-shadow: 0 -1px 4px 2px #ccc;
    -moz-box-shadow: 0 -1px 4px 2px #ccc;
    -webkit-box-shadow: 0 -1px 4px 2px #ccc;
    display: inline-block;
    position: relative;
    z-index: 80;
    padding: 0px;
}

ul.mod_pelivelomidlist {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding: 0px;
}

    ul.mod_pelivelomidlist li {
        padding: 8px 0 0;
        font-size: .938em;
        font-weight: 500;
        text-transform: uppercase;
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #ccc;
        display: block;
    }

        ul.mod_pelivelomidlist li:first-child {
            text-transform: uppercase;
            width: 100%;
            height: 28px;
            border: 0px;
        }

.head_censura {
    /*float: left;*/
    font-size: 14px;
    border-bottom: 2px solid #A51E25;
    padding-bottom: 1px;
    text-align: center;
    text-transform: uppercase;
}

ul.mod_pelivelomidlist li a, ul.mod_pelivelomidlist li a:hover {
    padding: 0 5px;
    color: #000;
    border-right: 1px solid;
    display: block;
    float: left;
}

ul.mod_pelivelomidlist li span.ciudad {
    width: auto;
    float: left;
    font-size: 12px;
}

ul.mod_pelivelomidlist li span.hora {
    width: auto;
    float: left;
}

ul.mod_pelivelomidlist li span.sala {
    width: auto;
    float: left;
}

ul.mod_pelivelomidlist li span.censura {
    text-align: center;
    width: auto;
    float: left;
}

    ul.mod_pelivelomidlist li span.censura b {
        margin: 0 auto;
        padding: 0 6px;
        background: #a21e23;
        color: #fff;
        text-transform: uppercase;
        width: auto;
        height: auto;
        float: left;
        position: relative;
        left: 40%;
        font-weight: 100;
    }

.mod_pelivelofin {
    padding-top: 23px;
    /*background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_gristransp.png) repeat;*/
    max-width: 944px;
    display: block;
    position: relative;
    padding: 0px;
}

ul.mod_pelivelofinlist {
    margin: 0 auto;
    width: 100%;
    height: 175px;
    display: block;
    position: relative;
    padding: 0px;
    height: 260px;
}

    ul.mod_pelivelofinlist li {
        width: 16%;
        height: 175px;
        float: left;
    }

        ul.mod_pelivelofinlist li img {
            width: 100%;
            height: auto;
            display: block;
        }
        /*ul.mod_pelivelofinlist li a:hover, ul.mod_pelivelofinlist li a:hover img {
    width: 133px;
    height: 187px;
    display: block;
    position: relative;
    top: -2px;
    left: -1px;
}*/
        ul.mod_pelivelofinlist li:first-child {
            margin-left: 0;
        }

.mod_pelivelofinlist a {
    padding: 5px;
    display: block;
}

.mod_pelivelofinlist img {
    max-height: 240px;
    max-width: 160px;
    margin: 0 auto;
    display: block;
}

.mod_salas {
    margin: 0 auto;
    background: #fff url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) repeat;
    color: #000;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    box-shadow: 0 4px 2px 2px #999;
    -moz-box-shadow: 0 -1px 4px 2px #999;
    -webkit-box-shadow: 0 -1px 4px 2px #999;
}

ul.mnu_salasciudad {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tabs.png) top repeat-x;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 30px;
    display: block;
    padding: 0px;
    z-index: 1;
}

    ul.mnu_salasciudad li {
        font-size: .8em;
        text-transform: uppercase;
        width: auto;
        height: 31px;
    }

        ul.mnu_salasciudad li a {
            padding: 5px 10px 0;
            color: #333;
            width: auto;
            height: 27px;
            float: left;
            border-right: 1px solid #999;
        }

            ul.mnu_salasciudad li a:hover {
                padding: 5px 10px 0;
                color: #a21e23;
                border-right: 1px solid #999;
                width: auto;
                height: 30px;
                float: left;
            }

        ul.mnu_salasciudad li.mnu_salasciudadact a, ul.mnu_salasciudad li.mnu_salasciudadact a:visited {
            padding: 5px 20px 0;
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tabs.png) bottom repeat-x;
            color: #fff;
            border-right: 1px solid #999;
            width: auto;
            height: 100%;
            float: left;
        }

a.select_salas {
    display: none;
}

ul.mod_salapelilist {
    width: 99%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    z-index: 10;
    top: 60px;
    margin-bottom: 40px;
    padding: 0px;
}

    ul.mod_salapelilist li {
        padding: 8px 0 0;
        font-size: .938em;
        font-weight: 500;
        width: 100%;
        height: 29px;
        border-bottom: 1px solid #ccc;
        display: table;
    }

        ul.mod_salapelilist li:first-child {
            padding: 10px 0 0;
            font-size: .750em;
            font-weight: 700;
            width: 744px;
            height: 20px;
            border-bottom: 1px solid #ccc;
            display: none;
        }

        ul.mod_salapelilist li a {
            color: #000;
            display: block;
            padding: .142em;
        }

        ul.mod_salapelilist li span.hora a, ul.mod_pelivelomidlist span.hora a, ul.mod_detalle_peli li span.hora a {
            color: #000;
            display: block;
            float: left;
            padding: .142em;
            border: 1px solid #999;
            margin-right: .5em;
            margin-bottom: .5em;
            font-size: 13px;
        }

        ul.mod_salapelilist li span.peli {
        }

        ul.mod_salapelilist li span.hora {
            text-transform: uppercase;
        }

        ul.mod_salapelilist li span.censura b {
            margin: 0 auto;
            padding: 0 6px;
            background: #a21e23;
            color: #fff;
            text-transform: uppercase;
            width: auto;
            height: auto;
            position: relative;
            /*left: 75%;*/
            /*PRUEBA PARA LA POSICION DE LA CENSURA EN LA VISTA THEATER*/
            left: 437%;
            /*PRUEBA PARA LA POSICION DE LA CENSURA EN LA VISTA THEATER*/
            font-weight: 100;
        }

.mod_salasinfo {
    position: relative;
    top: 26px;
}

ul.mod_salapeliico {
    display: block;
    position: relative;
}

    ul.mod_salapeliico li {
        margin: 0 4px 6px 3px;
        width: 25px;
        height: 25px;
        display: block;
        float: left;
        position: relative;
    }

        ul.mod_salapeliico li span {
            display: none;
        }

        ul.mod_salapeliico li.ico_1 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat 0 0;
        }

        ul.mod_salapeliico li.ico_2 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -25px 0;
        }

        ul.mod_salapeliico li.ico_3 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -50px 0;
        }

        ul.mod_salapeliico li.ico_4 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -75px 0;
        }

        ul.mod_salapeliico li.ico_5 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -100px 0;
        }

        ul.mod_salapeliico li.ico_6 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -125px 0;
        }

        ul.mod_salapeliico li.ico_7 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat 0 -25px;
        }

        ul.mod_salapeliico li.ico_8 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -25px -25px;
        }

        ul.mod_salapeliico li.ico_9 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -50px -25px;
        }

        ul.mod_salapeliico li.ico_10 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -75px -25px;
        }

        ul.mod_salapeliico li.ico_11 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -100px -25px;
        }

        ul.mod_salapeliico li.ico_12 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -125px -25px;
        }

        ul.mod_salapeliico li.ico_13 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat 0 -50px;
        }

        ul.mod_salapeliico li.ico_14 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -25px -50px;
        }

        ul.mod_salapeliico li.ico_15 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -50px -50px;
        }

        ul.mod_salapeliico li.ico_16 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -75px -50px;
        }

        ul.mod_salapeliico li.ico_17 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -100px -50px;
        }

        ul.mod_salapeliico li.ico_18 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -125px -50px;
        }

        ul.mod_salapeliico li.ico_19 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat 0 -75px;
        }

        ul.mod_salapeliico li.ico_20 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -25px -75px;
        }

        ul.mod_salapeliico li.ico_21 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -50px -75px;
        }

        ul.mod_salapeliico li.ico_22 {
            background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salasinfo.png) no-repeat -75px -75px;
        }

.mod_salasmapa {
    margin: 15px 0;
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
    width: 100%;
    height: 283px;
    display: block;
    position: relative;
}

    .mod_salasmapa img {
        width: 378px;
        height: 283px;
        display: block;
    }

.mod_salasdir {
    height: auto;
    display: block;
    position: relative;
    top: 10px;
}

    .mod_salasdir p {
        padding-bottom: 10px;
        font-size: .875em;
        line-height: 1.188em;
        font-weight: 100;
        height: auto;
        float: left;
        width: 100%;
    }

        .mod_salasdir p strong {
            font-weight: 600;
            text-transform: uppercase;
            display: block;
        }

    .mod_salasdir span.ico_geolocal {
        margin: 0 5px 10px 0;
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salascont.png) no-repeat 0 0;
        width: 36px;
        height: 36px;
        float: left;
    }

    .mod_salasdir span.ico_telef {
        margin: 0 5px 10px 0;
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_salascont.png) no-repeat 0 -36px;
        width: 36px;
        height: 36px;
        float: left;
    }

.swipe {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    max-width: 994px;
    margin: 0 auto;
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
}

    .swipe-wrap > div {
        float: left;
        width: 100%;
        position: relative;
    }

    .swipe-wrap img {
        width: 100%;
        height: auto;
    }

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -6px;
    z-index: 99999999;
}

#interno1, #interno2, #interno3, #interno4, #interno5 {
    display: none;
}

.an_mod_lista_peliculas ul li, .an_mod_lista_peliculas_v2 ul li {
    position: relative;
    overflow: hidden;
    height: auto;
}

.v_cinesj {
    width: 100%;
    height: 89.9%;
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    /*height: 100%;*/
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    background-color: #000;
    position: absolute;
    top: 0;
    left: 300px;
}

.v_titulo {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: #FFF dotted 1px;
    color: #FFF;
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 10px;
}

.v_cinesj ul {
    list-style: none;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
    background-color: #FFF;
    width: 90% !important;
    height: 80%;
}

    .v_cinesj ul li {
        margin: 5px !important;
        border-bottom: #babebe 1px solid;
        box-shadow: none;
        padding-top: 2px;
        padding-bottom: 5px;
        width: 95% !important;
        display: table;
        height: auto !important;
        color: #c02428;
        font-size: 16px;
        line-height: 12px;
        cursor: pointer;
    }

.v_ampliar {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #FFF;
    width: 100%;
    margin-top: 6px;
}

.an_mod_lista_peliculas ul li .v_cinesj .v_ampliar img, .an_mod_lista_peliculas ul li .v_cinesj2 .v_ampliar img, .an_mod_lista_peliculas_v2 ul li .v_cinesj .v_ampliar img, .an_mod_lista_peliculas_v2 ul li .v_cinesj2 .v_ampliar img {
    float: left;
    height: 14px;
    width: 10px;
}

.an_mod_lista_peliculas ul li .v_cinesj .v_ampliar a, .an_mod_lista_peliculas ul li .v_cinesj2 .v_ampliar a, .an_mod_lista_peliculas_v2 ul li .v_cinesj .v_ampliar a, .an_mod_lista_peliculas_v2 ul li .v_cinesj2 .v_ampliar a {
    color: #FFF;
    font-size: 11px;
    float: right;
    width: auto;
    height: auto;
    margin-right: 20px;
    font-weight: 500;
}

.v_cinesj2 {
    width: 100%;
    height: 89%;
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    /*height: 100%;*/
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    background-color: #000;
    position: absolute;
    top: 0;
    left: 300px;
}

    .v_cinesj2 .v_volver img {
        width: auto;
        height: auto;
        float: left;
        margin-right: 10px;
    }

.v_volver {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
    width: 90%;
    height: 8%;
    border-bottom: 1px #FFF dotted;
    color: #FFF;
    font-size: 11px;
    cursor: pointer;
}

    .v_volver span {
        cursor: pointer;
        width: 100%;
        height: 100%;
    }

.v_titulo2 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    color: #FFF;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px;
    float: left;
    width: 50%;
}

.v_clasificacion {
    float: right;
    border: solid 1px #FFF;
    background-color: #c02428;
    color: #fff;
    margin-right: 10px;
    font-size: 26px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 27px;
    margin-top: 10px;
    margin-bottom: 7px;
}

.v_horarios {
    clear: both;
    width: 90%;
    margin-left: 10px;
    background-color: #fff;
    max-width: 170px;
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    /*max-width: 100%;*/
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
}

.v_titulo_cine {
    background-color: #c02428;
    color: #FFF;
    clear: both;
    width: 100%;
    height: auto;
    font-size: 14px;
    padding-left: 5%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 5px;
}

.v_cinesj2 .v_horarios ul {
    list-style: none;
    padding-top: 5px;
    width: 100%;
    height: auto;
    display: table;
    padding-bottom: 2px;
    margin-bottom: 5px;
    max-width: 150px;
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    /*max-width: auto;*/
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    margin-left: 20px;
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
    /*margin-left: auto;*/
    /*PRUEBA TAMAÑO POSTERS DE LA VISTA PELICULAS*/
}

    .v_cinesj2 .v_horarios ul li {
        background-color: #000;
        color: #FFF;
        height: auto;
        padding: 5px;
        box-shadow: none;
        margin: 3px;
        max-width: 60px;
        float: left;
    }

    .v_cinesj2 .v_horarios ul a {
        color: #FFF;
        width: auto;
        height: auto;
        font-size: 11px;
        line-height: 12px;
    }

.poster, .v_volver {
    cursor: pointer;
}

.v_cinesj_load {
    width: 100%;
    height: 89%;
    background-color: #000;
    opacity: .9;
    filter: alpha(opacity=90);
    position: absolute;
    top: 0;
    left: 300px;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/loader2.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.mod_titulo_pelicula {
    height: 35px;
}

.mod_salas {
    display: none;
}

#vent0 {
    display: block;
}

#vent0, #vent1, #vent2, #vent3, #vent4, #vent5, #vent6, #vent7, #vent8, #vent9, #vent10, #vent11 {
    padding-bottom: 50px;
}

#v_menu {
    display: block;
    height: 30px;
}

#screenshot {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    margin-top: -50px;
}

#tooltip {
    position: absolute;
    border: 1px solid #333;
    background: #c02328;
    padding: 2px 5px;
    color: #fff;
    display: none;
    z-index: 10000;
}

.tooltip {
    cursor: pointer;
    opacity: 1;
}

.v_cine_es:hover {
    cursor: auto;
}

.barra_mesli {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_pelivelodias2.jpg) no-repeat;
}

.barra_peli_detalle {
    background-color: #921b1f;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pix01.jpg) #921b1f repeat-x;
    background-repeat: repeat-x;
    height: 41px;
    border-right: 1px solid #eee;
}

.floatright {
    float: right;
}

.tit_detalle_peli {
    color: #FFF;
    float: left;
}

    .tit_detalle_peli h2 {
        margin-left: 20px;
        font-weight: 100;
        margin-top: .2em;
    }

.cont_detalle_peli {
    background-color: #fff;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pattern.png);
    box-shadow: 0px 0px 10px 0px;
    display: table;
    max-width: 1280px;
    width: 100%; /* FIX HAYA O NO TEXTO */
}

.cont_det_peli {
    margin: 0px -8px 0px 8px;
    padding: 20px 0px;
    border-right: 1px solid #BBB;
}

.img_det_peli img {
    height: 270px;
    float: left;
    margin: 0px 15px 5px 0px;
}

.img_det_peli p {
    font-size: 11px;
    padding-right: 2%;
    text-align: justify;
}

.horarios_detalle_peli {
    /*float: left;
    width: 100%;
    padding-bottom: 20px;
    border-left: 1px #e2e2e2 groove;
    max-width: 800px;
    padding: 0px 5px;*/
}

ul.mod_detalle_peli {
    margin: 0;
    padding: 0;
    width: 100%;
}

    ul.mod_detalle_peli li {
        border-bottom: 1px solid rgba(192, 36, 40, 0.33);
        padding: 5px;
        display: table;
        width: 100%;
    }

        ul.mod_detalle_peli li span.censura b {
            margin: 0 auto;
            padding: 0 6px;
            background: #a21e23;
            color: #fff;
            text-transform: uppercase;
            width: auto;
            height: auto;
            font-weight: 100;
        }

        ul.mod_detalle_peli li span.ciudad {
            color: #333;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 600;
        }

        ul.mod_salapelilist li span.hora a:hover, ul.mod_detalle_peli li span.hora a:hover, ul.mod_pelivelomidlist li span.hora a:hover {
            margin: 0 .5em .5em 0;
            padding: .142em;
            cursor: pointer;
            background: #c02328;
            text-decoration: none;
            color: #fff;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            z-index: 5;
        }

        ul.mod_salapelilist li span.hora a:hover, ul.mod_detalle_peli li span.hora a:hover, ul.mod_pelivelomidlist li span.hora a:hover {
            display: inline-block;
            position: relative;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        }

            ul.mod_salapelilist li span.hora a:hover:before, ul.mod_detalle_peli li span.hora a:hover:before, ul.mod_pelivelomidlist li span.hora a:hover:before {
                pointer-events: none;
                position: absolute;
                z-index: -1;
                content: '';
                top: 100%;
                left: 5%;
                height: 10px;
                width: 90%;
                opacity: 0;
                background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%);
                -webkit-transition-duration: .3s;
                transition-duration: .3s;
                -webkit-transition-property: transform, opacity;
                transition-property: transform, opacity;
            }

        ul.mod_salapelilist li span.hora a:hover, ul.mod_detalle_peli li span.hora a:hover, ul.mod_pelivelomidlist li span.hora a:hover, ul.mod_salapelilist li span.hora a:focus, ul.mod_detalle_peli li span.hora a:focus, ul.mod_pelivelomidlist li span.hora a:focus, ul.mod_salapelilist li span.hora a:active, ul.mod_detalle_peli li span.hora a:active, ul.mod_pelivelomidlist li span.hora a:active {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

            ul.mod_salapelilist li span.hora a:hover:before, ul.mod_detalle_peli li span.hora a:hover:before, ul.mod_pelivelomidlist li span.hora a:hover:before, ul.mod_salapelilist li span.hora a:focus:before, ul.mod_detalle_peli li span.hora a:focus:before, ul.mod_pelivelomidlist li span.hora a:focus:before, ul.mod_salapelilist li span.hora a:active:before, ul.mod_detalle_peli li span.hora a:active:before, ul.mod_pelivelomidlist li span.hora a:active:before {
                opacity: 1;
                -webkit-transform: translateY(5px);
                transform: translateY(5px);
            }

        ul.mod_detalle_peli li span.hora {
            width: 100%;
        }

.mod_pelivelomiddias_detalle {
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/pic_pelivelodias.jpg") repeat scroll 0 0 transparent;
    color: #666;
    height: 41px;
    display: block;
    left: 0;
    z-index: 100;
    float: right;
}

.cont_funcion_detalle {
    border-bottom: 1px #a31e23 dotted;
    border-top: 1px #a31e23 dotted;
    margin-top: 20px;
    clear: both;
}

.funcion_detalle {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #a31e23;
    color: #FFF;
    padding-left: 20px;
}

.horarios_censura {
    position: absolute;
    margin-top: 20px;
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pix01.jpg");
    z-index: 20;
    width: 97%;
    height: 41px;
}

.hora a {
    border-right: 1px solid#000;
    padding-right: 5px;
    white-space: nowrap;
}

.censura_div {
    float: right;
    color: #fff;
    padding-left: 10px;
    border-left: 1px solid #fff;
    margin-top: 8px;
    margin-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.texto_estrenos {
    background-color: #FFF;
    border-bottom: 1px solid #aaa;
    text-align: center;
    padding: 15px 5% 15px 5%;
    font-size: 14px;
    margin-bottom: 20px;
}

.art_estrenos {
    clear: both;
}

.izq_estrenos {
    float: left;
    max-width: 373px;
    background-color: #fff;
    height: auto;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pattern.png);
}

.contenido_estrenos {
    width: 220px;
    height: 100%;
    padding: 10px 1% 20px 2%;
    float: left;
    border-left: 1px solid #aaa;
    display: table-row;
    min-height: 280px;
}

.fecha_estreno {
    width: 183px;
    float: left;
}

.img_estrenos {
    float: left;
}

.contenido_estrenos h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
}

.contenido_estrenos p {
    font-size: 12px;
    color: #333;
    text-align: justify;
}

.ptitulo_estrenos, .tit-internos {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pix01.jpg);
}

    .ptitulo_estrenos h2, .tit-internos h2 {
        font-size: 1.500em;
        color: #FFF;
        padding: 4px 0 3px 5%;
        font-weight: 100;
    }

.tit-internos {
    margin-top: -10px;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 15px;
}

.fecha_estreno ul li {
    float: left;
    width: 96%;
    border-bottom: 1px dotted #c02328;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 4%;
    text-align: left;
}

    .fecha_estreno ul li span {
        font-weight: normal;
        margin-left: 10px;
    }

.art_estrenosli {
    background-color: #FFF;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    display: table;
    margin-bottom: 20px;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pattern.png);
    width: 618px;
    float: left;
}

    .art_estrenosli:nth-child(2n) {
        margin-left: 1%;
    }

.mes_estreno {
    text-align: center;
    width: 100%;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_estrenos_g.jpg);
    color: #666;
    padding: 4px 0 4px 0;
    font-size: 14px;
}

.dia_estreno {
    text-align: center;
    width: 100%;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_estrenos_r.jpg);
    color: #FFF;
    margin-bottom: 20px;
    padding: 4px 0 4px 0;
    font-size: 14px;
}

.img-promo {
    display: none !important;
}

.intersticial {
    display: none;
}

#screenshot img {
    width: 190px;
    height: 270px;
}

.navbar-toggle, .navbar-toggle span {
    border: 1px solid #fff;
}

.navbar-collapse.collapse {
    padding: 0px;
}

.margin-info .text-center {
    text-align: left;
}

@charset "UTF-8";

 @font-face {
    font-family: cinesu;
    src: url('/Content/fonts/OpenSans-Regular.ttf'), url('/Content/fonts/OpenSans-Regular.eot');
    font-weight: normal;
    font-style: normal;
    font-family: 'icomoon';
    src: url('/Content/fonts/icomoon/icomoon.eot');
    src: url('/Content/fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/icomoon/icomoon.ttf') format('truetype'), url('/Content/fonts/icomoon/icomoon.woff') format('woff'), url('/Content/fonts/icomoon/icomoon.svg#icomoon') format('svg');
}

.mod_compra01 {
    background: #fff url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) repeat;
    color: #000;
    display: block;
    position: relative;
    box-shadow: 0 4px 2px 2px #999;
    -moz-box-shadow: 0 -1px 4px 2px #999;
    -webkit-box-shadow: 0 -1px 4px 2px #999;
}

.cont-qrcode {
    margin-top: 20px;
    background-color: #c3c3c3;
    border-radius: 10px;
    padding: 12px 30px 8px 30px;
}

.mod_compra01tope {
    padding: 5px 0px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_barrarojacompra01.png) repeat-x;
    color: #fff;
    border-bottom: 1px solid #000;
}

    .mod_compra01tope .pelidatos {
        width: 100%;
        display: block;
        position: relative;
    }

        .mod_compra01tope .pelidatos p {
            font-size: .750em;
            line-height: 0.5;
            width: auto;
            height: auto;
            display: block;
            position: relative;
            left: 0;
        }

.col-extend {
    padding-right: 0px;
}

.mod_compra01tope .pelidatos span {
    font-size: 4.375em;
    text-align: center;
    text-transform: uppercase;
    width: 59px;
    height: 57px;
    display: block;
    position: absolute;
    right: 8px;
    top: -18px;
}

.mod_compra01tope .pelinombre {
    width: 100%;
    background: #e4e6e5;
    color: #000;
    padding: 0px 10px;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.50);
}

    .mod_compra01tope .pelinombre p.pelinombretit {
        font-size: 1.2em;
        text-transform: uppercase;
        height: auto;
        display: block;
        top: 4px;
        left: 20px;
    }

    .mod_compra01tope .pelinombre p.pelinombrefecha {
        font-size: 1em;
        font-weight: 200;
        text-transform: uppercase;
        height: auto;
        display: inline-block;
    }

    .mod_compra01tope .pelinombre p.pelinombrelugar {
        font-size: 1em;
        font-weight: 200;
        text-align: right;
        height: auto;
        display: inline-block;
        float: right;
    }

.mod_compra01tope .peliasientos {
    padding: 12px 20px;
    background: #e4e6e5;
    color: #c02328;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.50);
}

.col-extend {
    padding-right: 0px;
}

.mod_compra01tope .peliasientos p {
    padding-left: 34px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_asientodisp.png) no-repeat 0 0;
    font-size: 1em;
    width: 187px;
    height: 30px;
    display: block;
}

    .mod_compra01tope .peliasientos p span {
        font-weight: 600;
    }

.mod_compra01info {
}

#totaltab, #detailtitle {
    font-family: cinesu;
    color: #000;
    text-align: center;
    font-weight: 900;
}

    #totaltab > p {
        font-size: 12px;
    }

ul.comprainfo {
    color: #000;
    display: block;
    position: relative;
    padding: 0px;
}

    ul.comprainfo li {
        font-size: 1em;
        width: 100%;
        height: auto;
        display: block;
        text-align: center;
    }

        ul.comprainfo li::after {
            content: '';
            clear: both;
            display: block;
        }

        ul.comprainfo li p {
            margin: 0 5px;
            padding-bottom: 10px;
            width: 660px;
            display: block;
        }

        ul.comprainfo li:first-child {
            text-transform: uppercase;
            font-size: .875em;
            /*height: 44px;*/
            padding-top: 13px;
            padding-bottom: 13px;
            border-bottom: 1px solid #dadada;
        }

            ul.comprainfo li:first-child strong {
                display: block;
            }

            ul.comprainfo li:first-child span.comprainfocant {
                margin: 0 5px;
            }

        ul.comprainfo li.comprainfo1 {
            padding-top: 5px;
            font-weight: 300;
            height: 36px;
            border-bottom: 1px solid #dadada;
        }

        ul.comprainfo li.comprainfo2 {
            background: #e4e6e5;
            padding-top: 8px;
            font-weight: 300;
            height: 32px;
            border-bottom: 1px dotted #333;
        }

        ul.comprainfo li.comprainfo3 {
            background: #e4e6e5;
            padding-top: 8px;
            font-weight: 300;
            font-size: .813em;
            height: 28px;
            border-bottom: 1px dotted #333;
        }

        ul.comprainfo li span.comprainfotipo {
            margin: 0 5px;
            width: 295px;
            height: auto;
            position: relative;
        }

            ul.comprainfo li span.comprainfotipo img {
                position: absolute;
                right: 0;
                cursor: pointer;
            }

        ul.comprainfo li span.comprainfomonto {
            margin-right: 5px;
            text-align: center;
            width: 150px;
            height: auto;
            position: relative;
        }

        ul.comprainfo li span.comprainfoboleto {
            margin: 0 5px;
            width: 500px;
            height: auto;
            float: left;
            position: relative;
        }

        ul.comprainfo li span.comprainfobalance {
            text-align: center;
            width: 140px;
        }

            ul.comprainfo li span.comprainfobalance span {
                margin-right: 0;
                background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_checkentrada.png) no-repeat;
                width: 22px;
                height: 21px;
                float: left;
                position: relative;
                left: 30px;
            }

input.campoentrada {
    margin: 0 7px;
    padding: 0 3px;
    background: #e4e6e5;
    color: #333;
    border: 1px solid#ccc;
    text-align: center;
    font-size: .875em;
    width: 23px;
    height: 22px;
    bottom: 6px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input.campocodigo {
    margin-right: 7px;
    padding: 0 3px;
    background: #fff;
    color: #333;
    border: 1px solid#ccc;
    text-align: left;
    font-size: .875em;
    width: 180px;
    height: 19px;
    float: left;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.btn_menosentrada {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_masmenos.png) no-repeat 0 0;
    width: 22px;
    height: 21px;
    display: inline-block;
    position: relative;
}

    a.btn_menosentrada:hover {
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_masmenos.png) no-repeat -22px 0;
        width: 22px;
        height: 21px;
        position: relative;
    }

a.btn_masentrada {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_masmenos.png) no-repeat 0 -21px;
    width: 22px;
    height: 21px;
    display: inline-block;
    position: relative;
}

    a.btn_masentrada:hover {
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_masmenos.png) no-repeat -22px -21px;
        width: 22px;
        position: relative;
    }

.mod_compra01det {
    background: #e4e6e5;
    color: #000;
}

    .mod_compra01det .compradet {
        background: #fff;
        display: block;
        position: relative;
    }

.compradetbox {
    background: #e4e6e5;
    width: 100%;
}

.confirm {
    background: #E4E6E5;
    margin-bottom: 8px;
}

.compradetbox1 {
    top: 5px;
}

.compradetbox h4 {
    font-size: 0.9em;
    border-bottom: 1px solid #fff;
    padding-top: 5px;
    background: #e4e6e5;
    color: #c02328;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    height: 31px;
    display: block;
}

.compradetbox h5 {
    border-bottom: 1px solid #fff;
    padding-top: 12px;
    background: #e4e6e5;
    color: #c02328;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    height: 34px;
    display: block;
}

.compradetboxint {
    padding-top: 1px;
    background: #e4e6e5;
    color: #c02328;
    border-bottom: 1px solid #fff;
    width: 100%;
    display: block;
    position: relative;
    font-size: 13px;
}

    .compradetboxint p {
        padding-bottom: 1px;
        color: #333;
        font-size: 0.9em;
        font-weight: 300;
        width: 100%;
        height: auto;
        display: table;
        margin: 0 auto;
        border-bottom: 1px solid #D6D6D6;
    }

        .compradetboxint p span:first-child {
            padding-right: 8px;
            text-align: right;
            width: 175px;
            height: auto;
            float: left;
        }

        .compradetboxint p strong {
            display: table-cell;
            width: auto;
            float: right;
        }

    .compradetboxint small {
        font-size: 0.8em;
        color: #666;
        font-weight: 600;
    }

    .compradetboxint p span:nth-child(2) {
        padding-bottom: 8px;
        margin-left: -5px;
        text-align: right;
        width: 72.5px;
        float: left;
    }

a.btn_block {
    display: none;
}

a.btn_compradetnext, a.btn_compradetnext:hover {
    margin: 0 auto;
    background: #c02328;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
    display: block;
    border-radius: 4px;
    position: relative;
    top: 12px;
    margin-top: 12px;
    padding: 10px;
}

a.btn_compradetnextbig, a.btn_compradetnextbig:hover {
    background: #c02328;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    width: 49%;
    display: block;
    border-radius: 4px;
    position: relative;
    padding: 10px;
}

.btn_compradetnext2, .btn_compradetnext2:hover {
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #c02328;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
    height: 48px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 30px;
    cursor: pointer;
}

    .btn_compradetnext2:hover {
        background: #414141;
    }

.compradetbox2 {
    display: none;
}

.mod_compra02 {
    margin: 0 auto;
    background: #fff url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) repeat;
    color: #000;
    display: block;
    position: relative;
    box-shadow: 0 4px 2px 2px #999;
    -moz-box-shadow: 0 -1px 4px 2px #999;
    -webkit-box-shadow: 0 -1px 4px 2px #999;
}

.mod_compra02tope {
    background: #e4e6e5;
    color: #333;
    border-bottom: 1px solid #000;
    display: block;
    position: relative;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
}

.comprabarrapeli {
    background: #c02328;
    color: #fff;
    left: 0;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
}

.comprabarracine, .comprabarrafecha {
    background: 0;
    color: #333;
    font-weight: 300;
    text-align: right;
    text-transform: uppercase;
}

.comprabarracine {
    border-right: 1px solid #999;
}

#map {
    width: 100%;
}

map.td {
    position: relative;
    margin: 0 auto;
}

.asientolibre {
    /*max-width: 50%;
    max-height: 50%;
    min-width: 1.8em;
    min-height: 1.8em;*/
    display: block;
    min-width: 100%;
    height: 100%;
    content: "";
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_disponible.png") no-repeat 0 0;
    background-size: 100%;
}

.asientoreserv {
    /*max-width: 50%;
    max-height: 50%;
    min-width: 1.8em;
    min-height: 1.8em;*/
    display: block;
    min-width: 100%;
    height: 100%;
    content: "";
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_ocupado.png") no-repeat 0 0;
    background-size: 100%;
}

.asientofuera {
    /*max-width: 50%;
    max-height: 50%;
    min-width: 1.8em;
    min-height: 1.8em;*/
    display: block;
    min-width: 100%;
    height: 100%;
    content: "";
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_seleccionado.png") no-repeat 0 0;
    background-size: 100%;
}

.asientolibre:before {
    display: block;
    min-width: 24px;
    min-height: 24px;
    max-height: 50%;
    max-width: 50%;
    min-height: 1.8em;
    min-width: 1.8em;
    content: "";
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_disponible.png") no-repeat 0 0;
    background-size: 100%;
}

.asientoreserv:before {
    display: block;
    min-width: 24px;
    min-height: 24px;
    max-height: 50%;
    max-width: 50%;
    min-height: 1.8em;
    min-width: 1.8em;
    content: "";
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_ocupado.png") no-repeat 0 0;
    background-size: 100%;
}

.asientofuera:before {
    display: block;
    min-width: 24px;
    min-height: 24px;
    max-height: 50%;
    max-width: 50%;
    min-height: 1.8em;
    min-width: 1.8em;
    content: "";
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_seleccionado.png") no-repeat 0 0;
    background-size: 100%;
}
/*BUTACAS SAFARI*/
_::-moz-svg-foreign-content, :root td {
    padding: 5px;
}

_::-moz-svg-foreign-content, :root .asientolibre {
    /*::root .asientolibre::after{*/
    max-width: 50%;
    max-height: 50%;
    min-width: 1.8em;
    min-height: 1.8em;
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_disponible.png") no-repeat 0 0;
    background-size: 100%;
    position: absolute;
}

_::-moz-svg-foreign-content, :root .asientoreserv {
    max-width: 50%;
    max-height: 50%;
    min-width: 1.8em;
    min-height: 1.8em;
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_ocupado.png") no-repeat 0 0;
    background-size: 100%;
    position: absolute;
}

_::-moz-svg-foreign-content, :root .asientofuera {
    max-width: 50%;
    max-height: 50%;
    min-width: 1.8em;
    min-height: 1.8em;
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_seleccionado.png") no-repeat 0 0;
    background-size: 100%;
    position: absolute;
}

.SeatNumber {
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    color: #000;
    display: block;
    padding-left: 4px;
}

.SeatLetter {
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    color: #000;
    display: block;
    text-align: center;
    padding-right: 10px;
}

.asientositems {
    /*width: 100%;
    display: table;
    margin: 20px 0 0 23px;*/
    width: 95%;
    display: table;
    margin: 20px 0 0 23px;
}

.mod_compra02det {
    background: #e4e6e5;
    color: #fff;
    display: block;
}

.compratiempo {
    padding: 8px 10px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_barrarojacompra01.png) repeat-x;
    color: #000;
    height: 74px;
    display: block;
    z-index: 1;
}

    .compratiempo p {
        margin: 0 auto;
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tiemporestante.png) no-repeat top center;
        color: #fff;
        font-size: 1.500em;
        text-align: center;
        padding-top: 34px;
        width: 200px;
        height: 40px;
        display: block;
    }

.compratiempoflota {
    display: none;
}

.compraasientos {
    margin: 0 auto;
    padding-top: 12px;
    color: #333;
    width: 225px;
    display: block;
}

    .compraasientos h5 {
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        width: 230px;
        height: 35px;
        display: block;
        position: relative;
    }

    .compraasientos ul.asientosel {
        width: 225px;
        height: 56px;
        display: block;
        position: relative;
        background-image: none;
    }

        .compraasientos ul.asientosel li {
            margin: 0 9px 12px 0;
            padding-top: 7px;
            background: #c02328;
            color: #fff;
            font-size: .875em;
            text-align: center;
            width: 35px;
            height: 28px;
            float: left;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

.mod_compra03 {
    margin: 0 auto;
    background: #fff url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) repeat;
    color: #000;
    display: block;
    position: relative;
    box-shadow: 0 4px 2px 2px #999;
    -moz-box-shadow: 0 -1px 4px 2px #999;
    -webkit-box-shadow: 0 -1px 4px 2px #999;
}

.asientosselecc {
    padding: 5px 10px;
    height: 90px;
    border-bottom: 1px solid #333;
    display: block;
}

    .asientosselecc h5 {
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
        display: block;
        position: relative;
    }

.asientosreserv + form {
    display: none;
}

.asientosselecc ul.asientosreserv {
    width: 100%;
    height: 30px;
    display: block;
    position: relative;
}

    .asientosselecc ul.asientosreserv li {
        /*margin: 0 9px 12px 0;*/
        margin: 0 9px 0 0;
        padding-top: 7px;
        background: #c02328;
        color: #fff;
        font-size: .813em;
        text-align: center;
        width: 35px;
        height: 28px;
        /*float: left;*/
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

a.btn_cambiarasiento, a.btn_cambiarasiento:hover {
    padding-top: 5px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_asientodisp.png) no-repeat right;
    color: #333;
    font-size: .875em;
    width: 150px;
    height: 25px;
    display: block;
    position: relative;
    bottom: 37px;
    float: right;
}

a.btn_cambiarcarameleria, a.btn_cambiarcarameleria:hover {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_caram.png) no-repeat right;
    color: #333;
    font-size: .875em;
    width: 150px;
    height: 25px;
    display: block;
    position: relative;
    bottom: 37px;
    float: right;
    padding-top: 3px;
}

a.btn_mostarpanel, a.btn_mostarpanel:hover {
    padding-top: 5px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_show.png) no-repeat right;
    width: 30px;
    height: 25px;
    display: inline-block;
    bottom: 37px;
}

a.btn_ocultarpanel, a.btn_ocultarpanel:hover {
    padding-top: 5px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_hide.png) no-repeat right;
    width: 30px;
    height: 25px;
    display: inline-block;
    bottom: 37px;
}

ul.comprainfodet {
    color: #000;
    width: 940px;
    height: 140px;
    position: absolute;
    top: 120px;
    left: 14px;
}

    ul.comprainfodet li {
        font-size: 1em;
        width: 670px;
        height: auto;
        display: block;
        padding-top: 8px;
        font-weight: 400;
        font-size: .813em;
        height: 28px;
        border-bottom: 1px solid #333;
    }

        ul.comprainfodet li p {
            margin: 0 5px;
            padding-bottom: 10px;
            width: 660px;
            display: block;
        }

        ul.comprainfodet li span.comprainfoboleto {
            margin: 0 5px;
            width: 500px;
            height: auto;
            float: left;
            position: relative;
        }

        ul.comprainfodet li span.comprainfobalance {
            margin: 0 5px;
            text-align: center;
            width: 140px;
            height: auto;
            float: left;
            position: relative;
        }

            ul.comprainfodet li span.comprainfobalance span {
                margin-right: 0;
                background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_checkentrada.png) no-repeat;
                width: 22px;
                height: 21px;
                float: left;
                position: relative;
                left: 30px;
            }

.pagoseguro {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
}

    .pagoseguro h5 {
        margin-bottom: 10px;
        padding: 3px 15px;
        text-align: left;
        text-transform: uppercase;
        border-bottom: 1px dotted #333;
        font-weight: 700;
        display: block;
        position: relative;
    }

    .pagoseguro p {
        padding: 0 3%;
    }

fieldset.pagopasos {
    margin: 0 auto;
    display: block;
    position: relative;
    top: 10px;
}

    fieldset.pagopasos p {
        padding-top: 4px;
        font-size: 1em;
        height: 36px;
        display: block;
        border-bottom: 1px solid #fff;
    }

        fieldset.pagopasos p label {
            text-transform: uppercase;
            width: 310px;
            height: 28px;
            float: left;
        }

input.radiobutton {
    float: left;
}

select.listapago {
    margin-right: 10px;
    border: 1px solid #999;
    background: #e4e6e5;
    float: left;
    width: 50px;
    height: 28px;
    position: relative;
    top: 0;
}

input.campopago {
    border: 1px solid #999;
    background: #e4e6e5;
    float: left;
    width: 100%;
    height: 28px;
    position: relative;
    top: 0;
}

.pagopasos div {
    margin: 5px 0px;
}

input.campopago2 {
    background: none repeat scroll 0 0 #e4e6e5;
    border: 1px solid #999;
    float: left;
    height: 28px;
    position: relative;
    top: 0;
    width: 235px;
}

input.campopagocvv {
    border: 1px solid #999;
    background: #e4e6e5;
    float: left;
    width: 30px;
    height: 28px;
    position: relative;
    top: 0;
}

.icocvv {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/icon-card-code.png) no-repeat 0 0;
    margin: 0 15px 0 5px;
    width: 61px;
    height: 41px;
    float: left;
    position: relative;
    top: 1px;
}

span.tc_visa, span.tc_mc, span.tc_amex, span.tc_giftcard {
    margin: 0 15px 0 5px;
    width: 40px;
    height: 20px;
    float: left;
}

span.tc_visa {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tarjetas.png) no-repeat 0 0;
}

span.tc_mc {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tarjetas.png) no-repeat 0 -20px;
}

span.tc_amex {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tarjetas.png) no-repeat 0 -40px;
}

span.tc_giftcard {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tarjetas.png) no-repeat 0 -60px;
}

.compranota {
    margin: 0 auto;
    padding-top: 10px;
    color: #333;
    height: 262px;
    display: block;
}

.compranotaitem {
    margin-bottom: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
    height: 55px;
    display: block;
}

    .compranotaitem h5 {
        padding-bottom: 3px;
        font-size: .875em;
        color: #c02328;
        text-align: center;
        height: auto;
        display: block;
    }

    .compranotaitem p {
        font-size: .813em;
        line-height: 1.125em;
        text-align: center;
        height: auto;
        display: block;
        padding: 0px 15px;
        margin-top: -10px;
    }

.compranotaitemmedio {
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    margin-bottom: 10px;
    padding: 10px 0;
    text-transform: uppercase;
    height: 90px;
    display: block;
}

a.btn_compraprocesar {
    margin: 0 auto 10px;
    padding-top: 8px;
    background: #c02328;
    color: #fff;
    line-height: 1.250em;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
    height: 50px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 0;
}

    a.btn_compraprocesar b {
        font-size: 1.125em;
        display: block;
        font-weight: 400;
        width: 160px;
        height: auto;
    }

    a.btn_compraprocesar:hover {
        margin: 0 auto 10px;
        padding-top: 8px;
        background: #414141;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        width: 160px;
        height: 50px;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: relative;
        top: 0;
    }

.compraprocesando {
    color: #000;
    width: 600px;
    height: 200px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/bckg_tramapuntos.gif") repeat scroll 0 0 #fff;
}

.loader_div {
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_loading.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-top: 10px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 20px;
}

.compraprocesando h5 {
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5em;
    width: 600px;
    height: 24px;
    display: block;
    position: relative;
}

.loader_div img {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    display: block;
}

.mod_compra05tope {
    background: #c02328;
    color: #fff;
    border-bottom: 1px solid #000;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    text-transform: uppercase;
    display: none;
}

    .mod_compra05tope .compraconfirm {
        padding: 2px 10px 0;
        font-size: 1.250em;
        text-transform: uppercase;
        left: 0;
    }

    .mod_compra05tope .comprapasos {
        padding: 2px 10px 0;
        text-align: right;
        font-size: 1.250em;
        text-transform: uppercase;
    }

.compraconfirmtxt {
    padding: 15px;
    border-bottom: 1px solid #333;
}

    .compraconfirmtxt .confirmtxt {
    }

        .compraconfirmtxt .confirmtxt p {
            font-size: .875em;
            line-height: 1.5em;
            text-transform: uppercase;
        }

    .compraconfirmtxt .confirmpasos {
    }

        .compraconfirmtxt .confirmpasos li {
            text-align: left;
            font-size: .875em;
            line-height: 1.5em;
            text-transform: uppercase;
            list-style-type: disc;
        }

    .compraconfirmtxt .confirmtxtfin {
    }

        .compraconfirmtxt .confirmtxtfin p {
            font-size: .813em;
            line-height: 1.5em;
            text-transform: uppercase;
        }

.compraresumen {
}

    .compraresumen p {
        padding: 6px 15px 4px;
        font-size: 1.2em;
        border-bottom: 1px dotted #333;
    }

        .compraresumen p label {
            margin-right: 10px;
            font-size: 1.250em;
            font-weight: 300;
            text-transform: uppercase;
            width: 50%;
            text-align: left;
            float: left;
        }

        .compraresumen p span.resumenpeli {
            text-transform: uppercase;
            font-size: 0.72em;
        }

            .compraresumen p span.resumenpeli strong {
                margin: 0 9px 12px 0;
                padding: 5px;
                background: #c02328;
                color: #fff;
                text-align: center;
                font-size: .700em;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                font-weight: normal;
                width: 100%;
            }

        .compraresumen p span.resumenlocal {
            text-transform: uppercase;
            color: #c02328;
            font-size: 1.375em;
        }

.compraresumeninfo {
    margin-top: 30px;
    padding: 15px 1px;
    background: #e4e6e5;
    color: #000;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    margin-bottom: 5px;
    border: 0;
}

    .compraresumeninfo p {
        padding: 4px 15px 4px;
        font-size: 1.2em;
        border: none;
    }

        .compraresumeninfo p.compraresumeninfotit {
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            font-size: 1em;
            background-color: #c02328;
        }

        .compraresumeninfo p span.titresumen {
            text-align: center;
            font-weight: 600;
            font-size: .5em;
            line-height: 1em;
            text-transform: uppercase;
            float: left;
            width: 16%;
        }

        .compraresumeninfo p span.txtresumen {
            text-align: center;
            font-weight: 300;
            font-size: .5em;
            line-height: 1em;
            text-transform: uppercase;
            float: left;
            width: 16%;
        }

.sum-title {
    background-color: #d30d0d;
    background: linear-gradient(to bottom, #c02328, #c02328, #e3392b);
    font-size: .7em;
    text-align: center;
    color: #fff;
}

.sum-body {
    background-color: #cccccc;
    font-size: .82em;
    font-stretch: expanded;
    font-style: italic;
    text-align: center;
    color: #171717;
}

.sum-total {
    background-color: #9f9f9f;
    font-size: 1.2em;
    font-stretch: expanded;
    font-style: italic;
    text-align: center;
    color: #525252;
}

#cant {
    display: table-cell;
    vertical-align: middle;
    font-size: 2em;
}

.compravoucher {
    padding: 60px 80px 0 80px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_voucher.png) no-repeat;
    color: #666;
    width: 330px;
    height: 490px;
    /* display: block; */
    /* position: absolute; */
    /* top: 128px; */
    /* right: 130px; */
    margin: 0 auto;
}

    .compravoucher p.voucher_txtppal {
        padding-bottom: 15px;
        font-family: "Times New Roman", Times, serif;
        font-size: .875em;
        color: #000;
        text-transform: uppercase;
        width: 180px;
        height: auto;
        display: block;
    }

    .compravoucher p {
        padding-bottom: 20px;
        font-family: "Times New Roman", Times, serif;
        font-size: .6em;
        text-align: left;
        /* text-transform: uppercase; */
        width: 180px;
        /* height: auto; */
        display: block;
    }

.compraconfirmtxt2 {
    padding: 15px;
    width: 1220px;
    height: 65px;
    display: block;
    border-bottom: 1px solid #333;
    position: absolute;
    top: 32px;
}

.compraconfirmtxt .confirmtxtfin {
    width: 1200px;
    height: 65px;
    display: block;
    position: absolute;
    left: 15px;
}

    .compraconfirmtxt .confirmtxtfin p {
        font-size: .813em;
        line-height: 1.5em;
        text-transform: uppercase;
        width: 1200px;
        height: auto;
        display: block;
        padding-top: 10px;
    }

.compramensaje {
    padding: 20px 10px;
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    width: 530px;
    height: auto;
    display: block;
    position: relative;
    top: 170px;
    left: 150px;
}

    .compramensaje p {
        padding-bottom: 7px;
        font-size: 1em;
        font-weight: 300;
        text-transform: uppercase;
        width: 530px;
        height: auto;
        display: block;
    }

a.btn_compraprocesar {
    margin: 0 auto 10px;
    padding-top: 8px;
    background: #c02328;
    color: #fff;
    line-height: 1.250em;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
    height: 50px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 0;
}

    a.btn_compraprocesar:hover {
        background: #414141;
    }

a.btn_compraprocesar2 {
    /* margin: 0; */
    /* position: relative; */
    /* top: 200px; */
    /* left: 350px; */
}

    a.btn_compraprocesar2:hover {
        /*margin: 0; */
        /* position: relative; */
        /* top: 200px; */
        /* left: 350px; */
    }

#compraprocesando {
    display: none;
}

.mod_compra01_ex {
    margin: 0 auto;
    background: #fff url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) repeat;
    color: #000;
    width: 100%;
    height: 200px;
    display: block;
    position: relative;
    box-shadow: 0 4px 2px 2px #999;
    -moz-box-shadow: 0 -1px 4px 2px #999;
    -webkit-box-shadow: 0 -1px 4px 2px #999;
    max-width: 390px;
}

.compraconfirm_ex {
    background: #c02328;
    color: #fff;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 31px;
    display: block;
    position: relative;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    padding-left: 10px;
    padding-top: 10px;
    font-size: 16px;
}

.btn_compradetnext_ex {
    margin: 0 0 0 66px;
    padding-top: 12px;
    background: #c02328;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 33px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 55px;
    cursor: pointer;
    float: left;
    text-align: center;
    border: 10px solid red;
}

.loader_compra {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_loading.png);
    padding: 35px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
/******************************** BOTON LOADING DE COMPRA **************************************************/
/* General styles for all types of buttons */
.progress-button {
    position: relative;
    display: block;
    padding: 0 25px;
    outline: none;
    border: none;
    background: #c02328;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1em;
    line-height: 4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    top: 20px;
    width: 160px;
    margin: 0px auto;
}

    .progress-button[disabled],
    .progress-button[disabled].state-loading {
        cursor: default;
    }

    .progress-button .content {
        position: relative;
        display: block;
    }

        .progress-button .content::before,
        .progress-button .content::after {
            position: absolute;
            right: 5px;
            color: #8A191C;
            font-family: "icomoon";
            opacity: 0;
            -webkit-transition: opacity 0.3s 0.3s;
            transition: opacity 0.3s 0.3s;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

        .progress-button .content::before {
            content: "\e600"; /* Checkmark for success */
        }

        .progress-button .content::after {
            content: "\e601"; /* Cross for error */
        }

    .progress-button.state-success .content::before,
    .progress-button.state-error .content::after {
        opacity: 1;
    }

.notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

.progress-button .progress {
    background: #B72126;
}

.progress-button .progress-inner {
    position: absolute;
    left: 0;
    background: #8A191C;
}

.progress-button[data-horizontal] .progress-inner {
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 0.3s, opacity 0.3s;
    transition: width 0.3s, opacity 0.3s;
}

.progress-button[data-vertical] .progress-inner {
    bottom: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height 0.3s, opacity 0.3s;
    transition: height 0.3s, opacity 0.3s;
}

/* Necessary 3d styles for buttons with perspective */

.progress-button[data-perspective] {
    position: relative;
    display: block;
    padding: 0;
    background: transparent;
    -webkit-perspective: 900px;
    perspective: 900px;
}

    .progress-button[data-perspective] .content {
        padding: 0 25px;
        background: #c02328;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .progress-button[data-perspective] .progress-wrap {
        display: block;
        -webkit-transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .progress-button[data-perspective] .content,
    .progress-button[data-perspective] .progress {
        outline: 1px solid rgba(0,0,0,0); /* Smoothen jagged edges in FF */
    }

/* Individual styles */
/* Choose the effect(s) you want, delete the rest */

/* Rotate back 3d */
/* ====================== */

.progress-button[data-style="rotate-back"] .progress-wrap {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.progress-button[data-style="rotate-back"] .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.progress-button[data-style="rotate-back"] .progress {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.progress-button[data-style="rotate-back"].state-loading .progress-wrap {
    -webkit-transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
    transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
}

#screen {
    margin-top: 60px;
}
/*============================================*/
/*                PURCHASELIST                */
/*============================================*/
.purchase-list table.table {
    background: #fff;
    box-shadow: 0px -11px 26px 5px;
}

.purchase-list table tr.head {
    background: #eaeaea;
}

.purchase-list table .head td {
    border-left: 1px solid #DADADA;
    border-right: 1px solid #Dadada;
}

.purchase-list table .head > tr {
    border-bottom: 1px solid #Dadada;
}

.red-font {
    color: #C02328;
}

.peliculas-bottom .col-lg-10 .col-lg-3 {
    width: 174px;
    padding: 0px 2px;
}

.carousel_2 .fa {
    position: absolute;
    top: 46%;
    font-size: 34px;
}

.carousel_2 .carousel-inner {
    max-height: 423px;
}

.comercio .custom-col .col-sm-4,
.comercio .custom-col .col-lg-4 {
    width: 390px;
    padding: 10px 18px;
    margin: auto;
}

.an_mod_lista_peliculas .col-lg-3 {
    /*width:210px;*/
    text-align: center;
}

.ui-datepicker-year {
    color: #000;
}

.select_ciudad div {
    display: inline-block;
}

.carousel_2 .left,
.carousel_2 .right {
    background-image: none;
}

#title_cine {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}

#v_menu .navbar-toggle {
    margin-top: 12px;
}

.jquery-msgbox-wrapper {
    min-height: 100px !important;
}

.jquery-msgbox-buttons button,
.jquery-msgbox-buttons input {
    color: #000;
}

.promociones,
.sesion,
.registro {
    color: #444;
}

#rememberpass3 img {
    display: block;
    margin: 0 auto;
}


/* Concessions */


.carameleria_table tbody tr {
    background-color: transparent !important;
}

    .carameleria_table tbody tr td {
        text-align: right;
        color: #333;
        font-size: 0.9em;
        font-weight: 300;
    }


#carameleriatab {
    padding-top: 1px;
    color: #c02328;
    width: 100%;
    display: block;
    position: relative;
    font-size: 13px;
}


    #carameleriatab p {
        padding-bottom: 1px;
        color: #333;
        font-size: 0.9em;
        font-weight: 300;
        width: 100%;
        height: auto;
        display: table;
        margin: 0 auto;
        border-bottom: 1px solid #D6D6D6;
    }

        #carameleriatab p span:first-child {
            padding-right: 8px;
            text-align: right;
            width: 175px;
            height: auto;
            float: left;
        }

        #carameleriatab p span:nth-child(2) {
            padding-bottom: 8px;
            margin-left: -5px;
            text-align: right;
            width: 72.5px;
            float: left;
        }


@media screen and (min-width: 1200px) {
    .censura_test {
        top: -30px;
    }
}

/******** NUEVA VISTA PUBLICIDAD PELICULAS (HOME) ********/
.peliculas-bottom {
    margin-top: 9px;
}

.advertising {
    padding-right: 20px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -20px 12px;
}

.advertising-item {
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
}

    .advertising-item:last-child {
        margin-bottom: 0;
    }

    .advertising-item:nth-child(even) {
        flex-grow: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .advertising-item img {
        width: 100%;
        max-width: 436px;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

/******** VENTANA MODAL (HOME) ********/
/*VENTANA MODAL*/
.modal-home {
    max-width: calc(472px / 2.5); /*Ancho de la imágen*/
    height: calc(675px / 2.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

    .modal-home .modal-content {
        background-color: transparent;
    }

        .modal-home .modal-content .modal-header {
            padding-right: 0; /*Alinear botón cerrar a la imágen*/
            border: none;
            position: absolute;
            top: 0;
            right: 0;
            padding-top: 0 !important; /*Reescribe estilo en linea*/
        }
/*IMÁGEN*/
.modal-image {
    width: 100%;
    height: auto;
}

/******** NUEVA VISTA CUADRÍCULA PELICULAS (HOME) ********/
.movies-grid {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px;
}

| .movies-grid__item {
    width: 50%;
    height: auto;
    margin-right: 0; /*Sobre escribe reset de Bootstrap*/
}

.movies-grid__item .poster {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    position: relative;
    box-shadow: 0px 0px 6px 1px #666;
    transition: all 0.3s;
}

    .movies-grid__item .poster:hover {
        opacity: 0.8;
        z-index: 99;
        left: 10px;
        top: -10px;
        /*width: calc(100% + 10px);*/
        transition: all 0.2s;
        /*max-height: 406.5px;*/
    }

@media screen and (min-width: 370px) {
    .movies-grid__item {
        width: 50%;
        margin-right: 0; /*Sobre escribe reset de Bootstrap*/
    }
}

@media screen and (min-width: 480px) {
    .movies-grid__item {
        width: 33.33%;
    }
}

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

    .advertising-item:first-child {
        margin-left: 0;
        margin-right: auto;
    }

    .advertising-item:last-child {
        margin-left: auto;
        margin-right: 0;
        order: 0;
    }

    .advertising-item:nth-child(even) {
        margin-bottom: 0;
        order: 1;
    }

    .movies-grid__item {
        width: 33.33%;
    }

    .advertising-item img {
        max-width: 100%;
        height: auto;
    }

    .movies-grid__item:last-child {
        margin-right: auto;
        margin-left: 0;
    }

    .modal-home {
        margin: auto;
        max-width: calc(472px / 1.5); /*Ancho de la imágen*/
        height: calc(675px / 1.5);
    }
}

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

    .advertising-item:first-child {
        margin-left: auto;
        margin-right: 5px;
    }

    .advertising-item:last-child {
        margin-left: 5px;
        margin-right: auto;
    }

}

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

    .advertising-item {
        width: 33.33333%;
    }

        .advertising-item:first-child,
        .advertising-item:last-child {
            display: block;
            max-width: 352px;
            height: 250px;
            margin: 0;
            overflow: hidden;
        }

        .advertising-item:nth-child(even) {
            order: 0;
        }

        .advertising-item:nth-child(even) img {
            max-width: 436px;
            height: 250px;
        }

    .movies-grid {
        margin-top: 0;
    }

    .movies-grid__item {
        width: 25%;
    }

    .modal-home {
        max-width: 472px; /*Ancho de la imágen*/
        height: 675px;
    }
}

/******** OVERRIDE PARA ANCHO DE PELÍCULAS (PELÍCULAS) ********/
/*CONTENEDOR CUADRÍCULA PELICULAS*/
.container-movies {
    margin-top: 5px;
}
/*POSTER*/
.an_mod_lista_peliculas ul li,
.an_mod_lista_peliculas_v2 ul li {
    width: 100%; /*Para que ocupe todo el espacio disponible de su padre*/
}

/*ETIQUETA DESCRIPTIVA*/
.mod_titulo_pelicula {
    min-height: 35px;
    max-height: 50px;
    width: 100%;
}

.mod_lista_peliculas ul li a {
    width: auto;
    text-align: center;
}

/*TABLA DE FUNCIONES*/
.v_horarios {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.v_cinesj,
.v_cinesj2 {
    height: 100%;
    left: 100%;
}

    .v_cinesj ul {
        height: 85%;
    }

    .v_cinesj2 .v_horarios ul {
        margin-right: auto;
        margin-left: auto;
    }

.an_mod_lista_peliculas ul li .v_cinesj .v_ampliar a, .an_mod_lista_peliculas ul li .v_cinesj2 .v_ampliar a, .an_mod_lista_peliculas_v2 ul li .v_cinesj .v_ampliar a, .an_mod_lista_peliculas_v2 ul li .v_cinesj2 .v_ampliar a.other {
    float: none;
}

/*CONTENEDOR TÍTULO*/
.mod_titulo_pelicula {
    margin-top: 0;
}

@media screen and (min-width: 481px) {
    .container-movies {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    /******** VISTA CUADRÍCULA PELICULAS (HOME) ********/
    /*IMÁGENES (VISTA CUADRÍCULA HOME)*/
    .peliculas-bottom .movie img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 140px;
        height: 205px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    /******** VISTA CUADRÍCULA PELICULAS (HOME) ********/
    /*IMÁGENES (VISTA CUADRÍCULA HOME)*/
    .peliculas-bottom .movie img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 140px;
        height: 205px;
    }
    /* PARA CENTRAR CONTENEDOR DE PELICULAS*/
    .container-movies--home div.col5 {
        padding-right: 0;
        padding-left: 0;
    }

    .container-movies--home .col5 {
        left: 0;
    }
}

@media screen and (min-width: 1026px) and (max-width: 1199px) {
    .container-movies--home div.col5 {
        left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .peliculas-bottom .movie img {
        width: 160px;
    }
}

/******** SOBREESCRIBIENDO POSICIÓN QUE GENERA BUG EN LA CENSURA ********/
ul.mod_salapelilist li span.censura {
    display: block;
}

    ul.mod_salapelilist li span.censura b {
        left: 0;
    }

@media screen and (min-width: 1024px) {
    ul.mod_salapelilist li span.censura {
        text-align: right;
    }
}

/******** PÁGINA DE COMPRAS (PAGO) ********/
.pagopasos {
    /*background-color: lightblue;*/
}

.hide-js {
    display: none;
}

/******** NUEVA ESTRUCTURA PÁGINA (PRÓXIMOS ESTRENOS) ********/
/*MENSAJE*/
.message {
    /*background-color: lightblue;*/
    padding: 0 23px;
}

    .message p {
        color: #555;
        margin: 0;
    }

.message-title {
    /*background-color: tomato;*/
}

.message-content {
    background-color: #FFF;
    padding: 12px;
    border-bottom: 1px solid #C02328;
    text-align: center;
}
/*CUADRÍCULA*/
.release {
    /*background-color: steelblue;*/
    margin-top: 10px;
    padding-right: 23px;
    padding-left: 23px;
}

.release-item {
    background-color: #FFF;
    margin: 0 0 20px; /*SOBREESCRIBIENDO RESET BOOTSTRAP (EN EL LADO DERECHO)*/
}

.release-item__image {
    /*background-color: orange;*/
}

    .release-item__image img {
        display: block;
        width: 190px; /*Mantener mismo tamaño en móviles (independiente de las dimensiones)*/
        height: auto;
        margin-right: auto;
        margin-left: auto;
    }

.release-item__content {
    /*background-color: brown;*/
    font-size: 11px;
}

    .release-item__content p {
        margin-bottom: 0; /*SOBREESCRIBIENDO RESET BOOTSTRAP*/
    }

.release-data {
    /*background-color: beige;*/
    margin-right: 0; /*SOBREESCRIBIENDO RESET BOOTSTRAP*/
}

.release-month {
    background: linear-gradient(to bottom, #b2b2b2 0%,#ffffff 50%,#b2b2b2 100%);
    color: #666;
    text-transform: uppercase;
}

.release-date {
    background-color: #C02328;
    color: #FFF;
    text-transform: capitalize;
}

.release-month,
.release-date {
    text-align: center;
    padding: 5px;
}

.release-details {
    /*background-color: burlywood;*/
}

.release-details__container {
    /*background-color: cadetblue;*/
    padding-left: 0px; /*APLICANDO RESET A LA LISTA*/
    margin-bottom: 0; /*SOBREESCRIBIENDO RESET BOOTSTRAP*/
}

.release-details__item {
    /*background-color: chartreuse;*/
    color: #555;
    padding: 4px;
    border-bottom: 1px dotted #C02328;
    text-transform: capitalize;
}

    .release-details__item:last-child {
        text-transform: uppercase;
    }

    .release-details__item span {
        /*background-color: tomato;*/
        font-weight: 700;
        text-transform: uppercase;
        margin-right: 10px;
    }

.release-synopsis {
    /*background-color: coral;*/
    color: #555;
    padding-bottom: 10px;
    text-align: justify;
}

.release-details,
.release-synopsis {
    padding-right: 10PX;
    padding-left: 10px;
}

/******** NUEVA ESTRUCTURA PÁGINA (PUBLICIDAD Y EVENTOS) ********/
.advertising-container {
    border: 1px solid #ddd;
    margin: 6px 15px auto;
    padding-bottom: 5px;
}

.advertising-title__content {
    color: #C02328;
    font-size: 21px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 100;
    height: auto;
    height: 75px;
    line-height: 75px;
}

.advertising-item__content {
    margin-bottom: 0;
}

.list-contact {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.list-contact__item:last-child a {
    margin-bottom: 0;
}

.list-contact__link {
    color: #555;
    background-color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    height: 45px;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: none;
    width: 100%;
    border: none;
    border-top: 1px solid #ddd;
}

.list-contact__item:last-child {
    border-bottom: 1px solid #ddd;
}

.list-contact__link:hover {
    cursor: pointer;
    background-color: #F7F7F7;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding-left: 10px;
    color: #000;
}

.rightadv {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.rightadv-title__content {
    color: #8C8C8C;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
}

.rightadv-title {
    height: auto; /*SOBRE ESCRIBIENDO BOOTSTRAP*/
    margin-bottom: 0; /*SOBRE ESCRIBIENDO BOOTSTRAP*/
}

/*SE USÓ ESPECIFICIDAD PORQUE LA CLASE ".ADVERTISING-ITEM" ES UTILIZADA EN LA CUADRÍCULA DE LA PÁGINA (PELÍCULAS)*/
.grid-advertising .advertising-item {
    width: 100%;
}

.advertising-item,
.advertising-text {
    color: #555;
}

a.advertising-text:hover {
    color: #000;
}

.advertising-item__title {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 100;
    margin-bottom: 10px;
    text-align: center;
}

.advertising-item__content {
    font-size: 14px;
    font-style: normal;
}

.advertising-text {
    color: #555;
    text-decoration: none;
    display: block;
}

    .advertising-text:first-child {
        margin-bottom: 10px;
    }

.advertising-item__footer a {
    color: #8C8C8C;
    text-decoration: none;
    font-size: 12px;
}

    .advertising-item__footer a:hover {
        text-decoration: underline;
    }

/******** TÍTULOS & SUBTÍTULOS ********/
.title-1 {
    margin: 0; /*SOBREESCRIBIENDO MÁRGENES POR DEFECTO*/
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
    background-color: #C02328;
    padding: 10px 30px;
    text-transform: uppercase;
}

.title-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.15;
    font-size: 12px;
    font-weight: 700;
    color: #555;
}

/******** MEDIASQUERYS ********/
@media screen and (min-width: 768px) {
    /*CONTENEDOR CUADRÍCULA*/
    .release {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /*menuitem CUADRPICULA*/
    .release-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1; /* Me parece que hay que realizar pequeñas modificaciones. -ms-flex: 0 1 auto;*/
        flex: 0 1 auto;
    }

    .release-item__image {
        flex: 1 0 250px; /*SOLUCIONA BUG DE ENCOGIMIENTO DE IMÁGENES EN GOOGLE CHROME*/
        /*background-color: tomato;*/
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 250px;
        -ms-flex: 1 0 250px;
        flex: 1 0 250px;
    }

    .release-item__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .release-item__image img {
        width: 100%;
        height: 100%;
    }

    .release-synopsis {
        padding-bottom: 0;
    }

    /* CONTACTOS (PUBLICIDAD & EVENTOS) */
    .advertising-container {
        padding-bottom: 0;
    }

    .advertising-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #ddd;
    }

    .leftadv {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px;
        border-right: 1px solid #ddd;
    }

    .list-contact__item:first-child .list-contact__link {
        border-top: 0;
    }

    .list-contact__link:active {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    .rightadv {
        /* POR IE 9+ */
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .rightadv-title {
        width: 100%;
    }

    .grid-advertising {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 5px;
        padding-right: 5px;
    }
        /*SE USÓ ESPECIFICIDAD PORQUE LA CLASE ".ADVERTISING-ITEM" ES UTILIZADA EN LA CUADRÍCULA DE LA PÁGINA (PELÍCULAS)*/
        .grid-advertising .advertising-item {
            background-color: #F7F7F7;
            border: 1px solid #ddd;
            width: calc(33.33% - 10px); /* FOR IE 9+ */
            padding: 5px;
            margin: 5px;
            border-radius: 4px;
            text-align: center;
        }

    .advertising-item.item-auto {
        width: 100%;
        min-height: 100px;
    }

    .advertising-item.item-auto--two {
        width: calc(50% - 10px); /* FOR IE 9+ */
        min-height: 100px;
    }

    .advertising-item__footer a {
        font-size: 10px;
    }
}

@media screen and (min-width: 1024px) {
    .fix-scroll {
        overflow-x: hidden; /*SOLUCIONA UN PEQUEÑO SCROLL HORIZONTAL POR LOS MARGENES NEGATIVOS DE CONTENIDOR DE LA CUADRÍCULA*/
    }
    /*CONTENEDOR CUADRÍCULA*/
    .release {
        margin-top: 5px;
        margin-right: -5px;
        margin-left: -5px;
    }
    /*ITEM CUADRÍCULA*/
    .release-item {
        width: calc(50% - 10px);
        margin: 5px;
    }

    /* CONTACTOS (PUBLICIDAD & EVENTOS) */
    .advertising-container {
        margin: 20px 55px auto;
    }

    .leftadv {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        text-align: left;
    }

    .list-contact__link {
        font-size: 14px;
    }

        .list-contact__link:active {
            -webkit-transform: scale(0.98);
            -ms-transform: scale(0.98);
            transform: scale(0.98);
        }

    .rightadv {
        padding: 10px 5px;
    }

    .grid-advertising .advertising-item {
        width: calc(33.33% - 20px); /* FOR IE 9+ */
        padding: 15px 5px;
        margin: 10px;
    }

    .grid-advertising .advertising-item.max-width {
        max-width: 100%; /* OCUPA EL ESPACIO DISPONIBLE */
    }

    .advertising-item.item-auto {
        width: 100%;
    }

    :root .advertising-item.item-auto--two { width: calc(50% - 20px); } /* IE 9+ (and old Firefox) */

    .advertising-item.item-auto--two {
        width: calc(50% - 15px) !important; /* PARA SOBREESCRIBIR EL ":root" */
    }

    .advertising-item__footer a {
        font-size: 11.5px; /*NÚMERO MÁGICO PERO NO ES RECOMENDABLE.*/
    }
}

/*MEDIAQUERY (MINOR BRAKPOINT) sÓLO param REALIZAR AJUSTE a label FUENTE del CORREO (PUBLICIDAD & EVENTOS)*/
@media screen and (min-width: 1100px) {
    .advertising-item__footer a {
        font-size: 16px; /*NÚMERO MÁGICO PERO NO ES RECOMENDABLE.*/
    }
}

@media screen and (min-width: 1600px) {
    /*ITEM CUADRÍCULA*/
    .release-item {
        width: calc(calc(100% / 3) - 10px);
    }
}

@media screen and (min-width: 2400px) {
    /*ITEM CUADRÍCULA*/
    .release-item {
        width: calc(calc(100% / 4) - 10px);
    }
}

/*ESTILOS TICKET*/
/*FIX*/

ul.comprainfo li.comprainfo1 { /*FIX AL FLOAT*/
    height: auto;
    display: flex;
    align-center: center;
}

    /*FIX AL FLOAT*/
    /*ul.comprainfo li.comprainfo1::after { 
        content: "13";
        display: block;
        opacity: 0;
    }*/

    ul.comprainfo li.comprainfo1 span {
        width: auto;
    }

/******** ESTILOS REFERENTE A LA PÁGINA (MIS COMPRAS) ********/
.wellr {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.voucher2 {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    width: 100%;
    padding: 5px 10px;
    z-index: 1500;
    -moz-transition: all ease;
    -o-transition: all ease;
    -webkit-transition: all ease;
    transition: all ease;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 0;
}

    .voucher2 p {
        /*border-bottom: 1px solid #8A8A8A;*/
        margin: 0;
        line-height: 1.5;
        font-weight: 700;
    }

        .voucher2 p:last-child {
            border-bottom: none;
        }

.visiblev {
    display: block;
}


/*VENTANA MODAL*/
.cajaexterna {
    background-color: rgba(0,0,0,0.5);
    bottom: 0;
    display: none;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.cajainterna {
    background: #fff;
    margin: 15px auto 0;
    position: relative;
    width: 90%;
    max-width: 250px;
    box-shadow: 3px 3px 10px #414141;
}

.cajacentrada {
    margin: 0 auto;
    padding: 0;
}

    .cajacentrada h2 {
        background-color: #c02328;
        box-sizing: border-box;
        color: white;
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 1.3;
    }

        .cajacentrada h2 span {
            display: block;
        }

    .cajacentrada p {
        color: #333;
    }

.cierramodal {
    position: absolute;
    display: block;
    right: 10px;
    top: 5px;
    width: 10px;
    height: 20px;
    text-align: center;
}

/* ANIMACIONES */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@media screen and (min-width: 1024px) {
    .cajainterna {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 1280px) {
    .cajainterna {
        margin-top: 80px;
        margin-bottom: 0;
    }
}

/*loader de mis compras*/
/* Center the loader */
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000000000;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #C02328;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: none;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/********************* ESTILOS PARA "MIS COMPRAS" (NUEVA ESTRUCTURA) *********************/
.grid-purchases {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .grid-purchases img {
        width: 100%;
        display: block;
    }

.purchases-item {
    position: relative;
    z-index: 10;
    width: 190px;
    height: 272px;
    margin: 12px;
    -webkit-box-shadow: 0px 0px 20px -1px rgb(192, 35, 40);
    -moz-box-shadow: 0px 0px 20px -1px rgb(192, 35, 40);
    box-shadow: 0px 0px 20px -1px rgb(192, 35, 40);
    perspective: 1000px;
    position: relative;
    transition: transform 1.5s;
    transform-style: preserve-3d;
}

    .purchases-item:hover {
        transform: rotateY( 180deg );
        transition: all .7s;
    }

        .purchases-item:hover .purchases-item__content {
            background-color: rgba(0,0,0,.8);
            opacity: 1;
            transition: all .25s;
        }

        .purchases-item:hover .purchases-item__table {
            display: none;
        }

.purchases-item__image {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.purchases-item__table {
    background-color: rgba(0,0,0,.8);
    position: absolute;
    bottom: 0;
    height: 89px;
    color: #FFF;
    font-size: 10px;
    width: 100%;
}

.purchases-item__content {
    position: absolute;
    z-index: 20;
    top: 0;
    height: 272px;
    opacity: 0;
    transform: rotateY( -180deg );
}

    .purchases-item__content img {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

.container-button {
    display: flex;
    justify-content: space-between;
    height: 72.5px;
}

.button-item {
    border: none;
    padding: 7.5px 0;
    width: 95px;
    display: block;
    margin: auto auto 0;
}

    .button-item span {
        display: block;
    }

    .button-item:hover,
    .button-item:focus {
        background-color: #C02328;
        color: #FFF !important; /*SÓLO PARA SOBREESCRIBIR EL ESTADO FOCUS (NO RECOMENDABLE).*/
        transition: all .5s;
    }

.button-item__icon {
    font-size: 20px;
}

.button-item__text {
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.25;
}

.alone {
    width: 190px;
    height: 272px;
}

.alone-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
}

/*TÍTULOS & SUBTÍTULOS*/
.subtitle--1 {
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.15;
    text-align: center;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
/*tabla responsive - seccion precios de la pagina promociones y precios*/
.show-scroll {
    overflow-x: auto;
}

/********************* SOBREESCRIBIENDO MODAL BOOTSTRAP *********************/
.container-promo {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    top: 25%;
    height: 100%;
    overflow: hidden !important;
}

.modal-fade.promo-3x2 {
    background-color: transparent;
}

.promo-close {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    font-size: 20px;
    background-color: transparent;
    color: white;
}

@media screen and (min-width: 768px) {
    .container-promo {
        top: 25%;
        transform: translateY(0);
        max-width: 691px; /* NUMERO MAGICO PARA TENER DIMENSIONES SIN DECIMALES */
        height: auto;
    }
}

@media screen and (min-width: 1280px) {
    .container-promo {
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
    }

    .promo-close {
        /*right: 15px;*/
    }
}

/********************* ESTILOS PARA "ENLACES DENTRO DEL BANNER" *********************/
.position-relative {
    position: relative;
}

.link-left,
.link-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 25%;
    /*opacity: .8;*/
    /*border-radius: 50%;*/
    /*border: 1px solid #fff;*/
}

.link-left {
    /*background-color: tomato;*/
}

.link-right {
    /*background-color: steelblue;*/
    right: 0;
}

/**********************Estilos Promo Desorden Publico para la Vista Desorden del Home*****************/
.desorden {
    background-color: #fff;
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/detalle-pelicula_pattern.png);
    padding: 20px 10px;
}

    .desorden [class*="col-md"] {
        padding-top: 20px;
        text-align: center;
    }

.desorden-description {
    font-size: 18px;
}

.desorden-step {
    position: relative;
    /*background-color: steelblue;*/
}

.desorden .img-circle {
    margin-bottom: 10px;
}

.desorden-logo {
    display: block;
    width: 150px;
    height: auto;
    margin: 20px auto;
}

.desorden [class*="col-md"] input {
    font-size: 18px;
    border: 1px solid #ccc;
    width: 100px;
    height: 34px;
}

.desorden [class*="col-"]:nth-child(even) {
    /*background-color: orange;*/
}

.desordentarget {
    background-color: white;
    border: 1px solid #c02328;
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 100;
    padding: 5px;
    transform: translateY(-50%)
}

    .desordentarget img {
        width: 80px;
    }

.title-3,
.subtitle-2 {
    background-color: #c02328;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto 15px;
    text-align: center;
}

.title-3 {
    width: 390px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

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

    .desorden {
        flex-grow: 1;
        padding: 30px 10px 30px 60px;
    }

    .desorden-logo {
        margin-bottom: 0;
    }

    .desorden [class*="col-md"] {
        padding-top: 0;
    }
}

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

    .desorden-logo {
        margin-top: -80px;
    }

    .banner-large a img {
        width: 626px;
        margin-right: auto;
        margin-left: auto;
    }
}

/*estilos de la vita consulta boletos*/
.consultaboleto {
    background-color: white;
    height: 500px;
}

.banner-large img {
    height: 250px;
    margin-right: auto;
    margin-left: auto;
}

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

    .banner-large a img {
        width: 788px;
    }
}




.container-message {
    position: relative;
    width: 100%;
    max-width: 250px;
    box-shadow: 3px 3px 10px #414141;
}

.container-message__bar {
    padding: 50px 10px 20px;
    background-color: #c02328;
    box-sizing: border-box;
    color: white;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.3;
}

/********************* ESTILOS PREVENTA *********************/
.presale {
    margin-top: 10px;
    position: relative;
}

    .presale img {
        width: 100%;
    }

.presale-buttons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .25%;
    width: auto;
    height: 48px;
}

.presale-buttons__top,
.presale-buttons__bottom {
    position: relative;
}

.presale-buttons__top {
    top: 0;
}

.presale-buttons__bottom {
    bottom: -1.5em;
}

.button-presale {
  width: 70px;
  background-color: #E57A1C;
  font-weight: bold;
  border: 2px solid #E57A1C;
  font-size: 14px;
  position: relative;
  border-radius: 0;
}

    .button-presale:first-child {
        top: -20px;
    }

    .button-presale:last-child {
        margin-bottom: 0 !important;
        bottom: -60px;
    }

  .button-presale:hover,
  .button-presale:focus {
    color: #fff !important; /* SOBREESCRIBIENDO BOOSTRAP */
    background-color: #E54A5A;
    border-color: #E54A5A;
    transition: .5s;
  }

.nsm {
    display: none !important; /* SOBREESCRIBIENDO PARALLAX.JS */
}

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

    .button-presale {
        width: 100px;
        height: 40px;
        line-height: 28px; /*NUMERO MAGIO (NO SE RECOMIENDA) */
        font-size: 18px;
    }

}

@media screen and (min-width: 768px) {
    .presale-buttons {
        right: 2.5%;
        margin-top: -15px;
    }

    .button-presale {
        width: 115px;
    }

    .presale-buttons__top {
        top: -.5em;
    }

    .presale-buttons__bottom {
        bottom: -.5em;
    }

    .button-presale:first-child,
    .button-presale:last-child {
        top: -30px;
        right: 20px;
        bottom: 0;
    }

    .nsm {
        display: block !important; /* SOBREESCRIBIENDO PARALLAX.JS */
    }
}

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

    .presale-buttons {
        right: 3%;
        margin-top: -25px;
    }

    .button-presale {
        width: 150px;
        height: 50px;
        line-height: 35px; /* NUMERO MAGICO (NO SE RECOMIENDA) */
        text-transform: uppercase;
    }

}

/********************** VENTANA MODAL VIPPO *****************/
.modal-vippo {
    padding-right: 0 !important;
}

    .modal-vippo .modal-dialog {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        min-width: 400px;
        width: 100%;
        height: 175px;
        max-width: 600px;
    }

    .modal-vippo .modal-content {
        background-color: #fff;
    }

    .modal-vippo .modal-title {
        text-align: center;
    }

    .modal-vippo .modal-header {
        padding: 0 15px 10px;
    }

    .modal-vippo .modal-content {
        padding: 10px;
    }

.input-vippo {
    margin: 15px auto;
    display: block;
    width: 100px;
}

.modal_response {
    border: none;
    outline: none;
    width: 100%;
}

/********************** ESTILOS DE LA ANTIGUA HOJA "styles_cinesunidosx_v0.0.1.css" *****************/

::-moz-svg-foreign-content, :root .asientoreserv {
    max-width: 50%;
    max-height: 50%;
    min-width: 1.8em;
    min-height: 1.8em;
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_ocupado.png") no-repeat 0 0;
    background-size: 100%;
    position: absolute;
}

_::-moz-svg-foreign-content, :root .asientofuera {
    max-width: 50%;
    max-height: 50%;
    min-width: 1.8em;
    min-height: 1.8em;
    background: url("https://cinesunidosweb.blob.core.windows.net:443/img/asiento_seleccionado.png") no-repeat 0 0;
    background-size: 100%;
    position: absolute;
}

.SeatNumber {
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    color: #000;
    display: block;
    padding-left: 4px;
}

.SeatLetter {
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    color: #000;
    display: block;
    text-align: center;
    padding-right: 10px;
}

.asientositems {
    /*width: 100%;
    display: table;
    margin: 20px 0 0 23px;*/
    width: 95%;
    display: table;
    margin: 20px 0 0 23px;
}

.mod_compra02det {
    background: #e4e6e5;
    color: #fff;
    display: block;
}

.compratiempo {
    padding: 8px 10px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_barrarojacompra01.png) repeat-x;
    color: #000;
    height: 74px;
    display: block;
    z-index: 1;
}

    .compratiempo p {
        margin: 0 auto;
        background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tiemporestante.png) no-repeat top center;
        color: #fff;
        font-size: 1.500em;
        text-align: center;
        padding-top: 34px;
        width: 200px;
        height: 40px;
        display: block;
    }

.compratiempoflota {
    display: none;
}

.compraasientos {
    margin: 0 auto;
    padding-top: 12px;
    color: #333;
    width: 225px;
    display: block;
}

    .compraasientos h5 {
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        width: 230px;
        height: 35px;
        display: block;
        position: relative;
    }

    .compraasientos ul.asientosel {
        width: 225px;
        height: 56px;
        display: block;
        position: relative;
        background-image: none;
    }

        .compraasientos ul.asientosel li {
            margin: 0 9px 12px 0;
            padding-top: 7px;
            background: #c02328;
            color: #fff;
            font-size: .875em;
            text-align: center;
            width: 35px;
            height: 28px;
            float: left;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

.mod_compra03 {
    margin: 0 auto;
    background: #fff url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) repeat;
    color: #000;
    display: block;
    position: relative;
    box-shadow: 0 4px 2px 2px #999;
    -moz-box-shadow: 0 -1px 4px 2px #999;
    -webkit-box-shadow: 0 -1px 4px 2px #999;
}

.asientosselecc {
    padding: 5px 10px;
    /*height: 90px;*/
    height: auto;
    border-bottom: 1px solid #333;
    display: block;
}

    .asientosselecc h5 {
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
        display: block;
        position: relative;
    }

    .asientosselecc ul.asientosreserv {
        width: 100%;
        /*height: 30px;*/
        height: auto;
        display: block;
        position: relative;
    }

        .asientosselecc ul.asientosreserv li {
            /*margin: 0 9px 12px 0;*/
            margin: 0 9px 0 0;
            padding-top: 7px;
            background: #c02328;
            color: #fff;
            font-size: .813em;
            text-align: center;
            width: 35px;
            height: 28px;
            display: inline-block;
            /*float: left;*/
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

a.btn_cambiarasiento, a.btn_cambiarasiento:hover {
    padding-top: 5px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_asientodisp.png) no-repeat right;
    color: #333;
    font-size: .875em;
    width: 150px;
    height: 25px;
    display: block;
    position: relative;
    bottom: 37px;
    float: right;
}

ul.comprainfodet {
    color: #000;
    width: 940px;
    height: 140px;
    display: block;
    position: absolute;
    top: 120px;
    left: 14px;
}

    ul.comprainfodet li {
        font-size: 1em;
        width: 670px;
        height: auto;
        display: block;
        padding-top: 8px;
        font-weight: 400;
        font-size: .813em;
        height: 28px;
        border-bottom: 1px solid #333;
    }

        ul.comprainfodet li p {
            margin: 0 5px;
            padding-bottom: 10px;
            width: 660px;
            display: block;
        }

        ul.comprainfodet li span.comprainfoboleto {
            margin: 0 5px;
            width: 500px;
            height: auto;
            float: left;
            position: relative;
        }

        ul.comprainfodet li span.comprainfobalance {
            margin: 0 5px;
            text-align: center;
            width: 140px;
            height: auto;
            float: left;
            position: relative;
        }

            ul.comprainfodet li span.comprainfobalance span {
                margin-right: 0;
                background: url(https://cinesunidosweb.blob.core.windows.net:443/img/ico_checkentrada.png) no-repeat;
                width: 22px;
                height: 21px;
                float: left;
                position: relative;
                left: 30px;
            }

.pagoseguro {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
}

    .pagoseguro h5 {
        margin-bottom: 10px;
        padding: 3px 15px;
        text-align: left;
        text-transform: uppercase;
        border-bottom: 1px dotted #333;
        font-weight: 700;
        display: block;
        position: relative;
    }

    .pagoseguro p {
        padding: 0 3%;
    }

fieldset.pagopasos {
    margin: 0 auto;
    display: block;
    position: relative;
    top: 10px;
}

    fieldset.pagopasos p {
        padding-top: 4px;
        font-size: 1em;
        height: 36px;
        display: block;
        border-bottom: 1px solid #fff;
    }

        fieldset.pagopasos p label {
            text-transform: uppercase;
            width: 310px;
            height: 28px;
            float: left;
        }

input.radiobutton {
    float: left;
}

select.listapago {
    margin-right: 10px;
    border: 1px solid #999;
    background: #e4e6e5;
    float: left;
    width: 50px;
    height: 28px;
    position: relative;
    top: 0;
}

input.campopago {
    border: 1px solid #999;
    background: #e4e6e5;
    float: left;
    width: 100%;
    height: 28px;
    position: relative;
    top: 0;
}

.pagopasos div {
    margin: 5px 0px;
}

input.campopago2 {
    background: none repeat scroll 0 0 #e4e6e5;
    border: 1px solid #999;
    float: left;
    height: 28px;
    position: relative;
    top: 0;
    width: 235px;
}

input.campopagocvv {
    border: 1px solid #999;
    background: #e4e6e5;
    float: left;
    width: 30px;
    height: 28px;
    position: relative;
    top: 0;
}

.icocvv {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/icon-card-code.png) no-repeat 0 0;
    margin: 0 15px 0 5px;
    width: 61px;
    height: 41px;
    float: left;
    position: relative;
    top: 1px;
}

span.tc_visa, span.tc_mc, span.tc_amex, span.tc_giftcard, span.Vippo {
    margin: 0 15px 0 5px;
    width: 40px;
    height: 20px;
    float: left;
}

span.tc_visa {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tarjetas.png) no-repeat 0 0;
}

span.tc_mc {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tarjetas.png) no-repeat 0 -20px;
}

span.tc_amex {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tarjetas.png) no-repeat 0 -40px;
}

span.tc_giftcard {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_tarjetas.png) no-repeat 0 -60px;
}

span.Vippo {
    background-image: url(/Content/img/Vippo.png);
    background-size: 40px, 20px;
    background-repeat: no-repeat;
    margin: 5px 15px 0 5px;
}

.compranota {
    margin: 0 auto;
    padding-top: 10px;
    color: #333;
    height: 262px;
    display: block;
}

.compranotaitem {
    margin-bottom: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
    height: 55px;
    display: block;
}

    .compranotaitem h5 {
        padding-bottom: 3px;
        font-size: .875em;
        color: #c02328;
        text-align: center;
        height: auto;
        display: block;
    }

    .compranotaitem p {
        font-size: .813em;
        line-height: 1.125em;
        text-align: center;
        height: auto;
        display: block;
        padding: 0px 15px;
    }

.compranotaitemmedio {
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    margin-bottom: 10px;
    padding: 10px 0;
    text-transform: uppercase;
    height: 90px;
    display: block;
}

a.btn_compraprocesar {
    margin: 0 auto 10px;
    padding-top: 8px;
    background: #c02328;
    color: #fff;
    line-height: 1.250em;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
    height: 50px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 0;
}

    a.btn_compraprocesar b {
        font-size: 1.125em;
        display: block;
        font-weight: 400;
        width: 160px;
        height: auto;
    }

    a.btn_compraprocesar:hover {
        margin: 0 auto 10px;
        padding-top: 8px;
        background: #414141;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        width: 160px;
        height: 50px;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: relative;
        top: 0;
    }

.compraprocesando {
    color: #000;
    width: 600px;
    height: 200px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/bckg_tramapuntos.gif") repeat scroll 0 0 #fff;
}

.loader_div {
    background-image: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_loading.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-top: 10px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 20px;
}

.compraprocesando h5 {
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5em;
    width: 600px;
    height: 24px;
    display: block;
    position: relative;
}

.loader_div img {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    display: block;
}

.mod_compra05tope {
    background: #c02328;
    color: #fff;
    border-bottom: 1px solid #000;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    text-transform: uppercase;
    display: none;
}

    .mod_compra05tope .compraconfirm {
        padding: 2px 10px 0;
        font-size: 1.250em;
        text-transform: uppercase;
        left: 0;
    }

    .mod_compra05tope .comprapasos {
        padding: 2px 10px 0;
        text-align: right;
        font-size: 1.250em;
        text-transform: uppercase;
    }

.compraconfirmtxt {
    padding: 15px;
    border-bottom: 1px solid #333;
}

    .compraconfirmtxt .confirmtxt {
    }

        .compraconfirmtxt .confirmtxt p {
            font-size: .875em;
            line-height: 1.5em;
            text-transform: uppercase;
        }

    .compraconfirmtxt .confirmpasos {
    }

        .compraconfirmtxt .confirmpasos li {
            text-align: left;
            font-size: .875em;
            line-height: 1.5em;
            text-transform: uppercase;
            list-style-type: disc;
        }

    .compraconfirmtxt .confirmtxtfin {
    }

        .compraconfirmtxt .confirmtxtfin p {
            font-size: .813em;
            line-height: 1.5em;
            text-transform: uppercase;
        }

.compraresumen {
}

    .compraresumen p {
        padding: 6px 15px 4px;
        font-size: 1.2em;
        border-bottom: 1px dotted #333;
    }

        .compraresumen p label {
            margin-right: 10px;
            font-size: 1.250em;
            font-weight: 300;
            text-transform: uppercase;
            width: 50%;
            text-align: left;
            float: left;
        }

        .compraresumen p span.resumenpeli {
            text-transform: uppercase;
            font-size: 0.72em;
        }

            .compraresumen p span.resumenpeli strong {
                margin: 0 9px 12px 0;
                padding: 5px;
                background: #c02328;
                color: #fff;
                text-align: center;
                font-size: .700em;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                font-weight: normal;
                width: 100%;
            }

        .compraresumen p span.resumenlocal {
            text-transform: uppercase;
            color: #c02328;
            font-size: 1.375em;
        }

.compraresumeninfo {
    margin-top: 30px;
    padding: 15px 1px;
    background: #e4e6e5;
    color: #000;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    margin-bottom: 5px;
    border: 0
}

    .compraresumeninfo p {
        padding: 4px 15px 4px;
        font-size: 1.2em;
        border: none;
    }

        .compraresumeninfo p.compraresumeninfotit {
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            font-size: 1em;
            background-color: #c02328;
        }

        .compraresumeninfo p span.titresumen {
            text-align: center;
            font-weight: 600;
            font-size: .5em;
            line-height: 1em;
            text-transform: uppercase;
            float: left;
            width: 16%;
        }

        .compraresumeninfo p span.txtresumen {
            text-align: center;
            font-weight: 300;
            font-size: .5em;
            line-height: 1em;
            text-transform: uppercase;
            float: left;
            width: 16%;
        }

.sum-title {
    background-color: #d30d0d;
    background: linear-gradient(to bottom, #c02328, #c02328, #e3392b);
    font-size: .7em;
    text-align: center;
    color: #fff;
}

.sum-body {
    background-color: #cccccc;
    font-size: .82em;
    font-stretch: expanded;
    font-style: italic;
    text-align: center;
    color: #171717;
}

.sum-total {
    background-color: #9f9f9f;
    font-size: 1.2em;
    font-stretch: expanded;
    font-style: normal;
    text-align: center;
    color: #525252;
}

#cant {
    display: table-cell;
    vertical-align: middle;
    font-size: 2em;
}

.compravoucher {
    padding: 60px 80px 0 80px;
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_voucher.png) no-repeat;
    color: #666;
    width: 330px;
    height: 490px;
    /* display: block; */
    /* position: absolute; */
    /* top: 128px; */
    /* right: 130px; */
    margin: 0 auto;
}

    .compravoucher p.voucher_txtppal {
        padding-bottom: 15px;
        font-family: "Times New Roman", Times, serif;
        font-size: .875em;
        color: #000;
        text-transform: uppercase;
        width: 180px;
        height: auto;
        display: block;
    }

    .compravoucher p {
        padding-bottom: 20px;
        font-family: "Times New Roman", Times, serif;
        font-size: .6em;
        text-align: left;
        /* text-transform: uppercase; */
        width: 180px;
        /* height: auto; */
        display: block;
    }

.compraconfirmtxt2 {
    padding: 15px;
    width: 1220px;
    height: 65px;
    display: block;
    border-bottom: 1px solid #333;
    position: absolute;
    top: 32px;
}

.compraconfirmtxt .confirmtxtfin {
    width: 1200px;
    height: 65px;
    display: block;
    position: absolute;
    left: 15px;
}

    .compraconfirmtxt .confirmtxtfin p {
        font-size: .813em;
        line-height: 1.5em;
        text-transform: uppercase;
        width: 1200px;
        height: auto;
        display: block;
        padding-top: 10px;
    }

.compramensaje {
    padding: 20px 10px;
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    width: 530px;
    height: auto;
    display: block;
    position: relative;
    top: 170px;
    left: 150px;
}

    .compramensaje p {
        padding-bottom: 7px;
        font-size: 1em;
        font-weight: 300;
        text-transform: uppercase;
        width: 530px;
        height: auto;
        display: block;
    }

a.btn_compraprocesar {
    margin: 0 auto 10px;
    padding-top: 8px;
    background: #c02328;
    color: #fff;
    line-height: 1.250em;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
    height: 50px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 0;
}

    a.btn_compraprocesar:hover {
        background: #414141;
    }

a.btn_compraprocesar2 {
    /* margin: 0; */
    /* position: relative; */
    /* top: 200px; */
    /* left: 350px; */
}

    a.btn_compraprocesar2:hover {
        /*margin: 0; */
        /* position: relative; */
        /* top: 200px; */
        /* left: 350px; */
    }

#compraprocesando {
    display: none;
}

.mod_compra01_ex {
    margin: 0 auto;
    background: #fff url(https://cinesunidosweb.blob.core.windows.net:443/img/bckg_tramapuntos.gif) repeat;
    color: #000;
    width: 100%;
    height: 200px;
    display: block;
    position: relative;
    box-shadow: 0 4px 2px 2px #999;
    -moz-box-shadow: 0 -1px 4px 2px #999;
    -webkit-box-shadow: 0 -1px 4px 2px #999;
    max-width: 390px;
}

.compraconfirm_ex {
    background: #c02328;
    color: #fff;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 31px;
    display: block;
    position: relative;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.50);
    padding-left: 10px;
    padding-top: 10px;
    font-size: 16px;
}

.btn_compradetnext_ex {
    margin: 0 0 0 66px;
    padding-top: 12px;
    background: #c02328;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 33px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 55px;
    cursor: pointer;
    float: left;
    text-align: center;
    border: 10px solid red;
}

.loader_compra {
    background: url(https://cinesunidosweb.blob.core.windows.net:443/img/pic_loading.png);
    padding: 35px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
/******************************** BOTON LOADING DE COMPRA **************************************************/
/* General styles for all types of buttons */
.progress-button {
    position: relative;
    display: block;
    padding: 0 25px;
    outline: none;
    border: none;
    background: #c02328;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1em;
    line-height: 4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    top: 20px;
    width: 160px;
    margin: 0px auto;
}

    .progress-button[disabled],
    .progress-button[disabled].state-loading {
        cursor: default;
    }

    .progress-button .content {
        position: relative;
        display: block;
    }

        .progress-button .content::before,
        .progress-button .content::after {
            position: absolute;
            right: 5px;
            color: #8A191C;
            font-family: "icomoon";
            opacity: 0;
            -webkit-transition: opacity 0.3s 0.3s;
            transition: opacity 0.3s 0.3s;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

        .progress-button .content::before {
            content: "\e600"; /* Checkmark for success */
        }

        .progress-button .content::after {
            content: "\e601"; /* Cross for error */
        }

    .progress-button.state-success .content::before,
    .progress-button.state-error .content::after {
        opacity: 1;
    }

.notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

.progress-button .progress {
    background: #B72126;
}

.progress-button .progress-inner {
    position: absolute;
    left: 0;
    background: #8A191C;
}

.progress-button[data-horizontal] .progress-inner {
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 0.3s, opacity 0.3s;
    transition: width 0.3s, opacity 0.3s;
}

.progress-button[data-vertical] .progress-inner {
    bottom: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height 0.3s, opacity 0.3s;
    transition: height 0.3s, opacity 0.3s;
}

/* Necessary 3d styles for buttons with perspective */

.progress-button[data-perspective] {
    position: relative;
    display: block;
    padding: 0;
    background: transparent;
    -webkit-perspective: 900px;
    perspective: 900px;
}

    .progress-button[data-perspective] .content {
        padding: 0 25px;
        background: #c02328;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .progress-button[data-perspective] .progress-wrap {
        display: block;
        -webkit-transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .progress-button[data-perspective] .content,
    .progress-button[data-perspective] .progress {
        outline: 1px solid rgba(0,0,0,0); /* Smoothen jagged edges in FF */
    }

/* Individual styles */
/* Choose the effect(s) you want, delete the rest */

/* Rotate back 3d */
/* ====================== */

.progress-button[data-style="rotate-back"] .progress-wrap {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.progress-button[data-style="rotate-back"] .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.progress-button[data-style="rotate-back"] .progress {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.progress-button[data-style="rotate-back"].state-loading .progress-wrap {
    -webkit-transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
    transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
}

#screen {
    margin-top: 60px;
}
/*============================================*/
/*                PURCHASELIST                */
/*============================================*/
.purchase-list table.table {
    background: #fff;
    box-shadow: 0px -11px 26px 5px;
}

.purchase-list table tr.head {
    background: #eaeaea;
}

.purchase-list table .head td {
    border-left: 1px solid #DADADA;
    border-right: 1px solid #Dadada;
}

.purchase-list table .head > tr {
    border-bottom: 1px solid #Dadada;
}

.red-font {
    color: #C02328
}

.peliculas-bottom .col-lg-10 .col-lg-3 {
    width: 174px;
    padding: 0px 2px;
}

.carousel_2 .fa {
    position: absolute;
    top: 46%;
    font-size: 34px;
}

.carousel_2 .carousel-inner {
    max-height: 423px;
}

.comercio .custom-col .col-sm-4,
.comercio .custom-col .col-lg-4 {
    width: 390px;
    padding: 10px 18px;
    margin: auto;
}

.an_mod_lista_peliculas .col-lg-3 {
    /*width:210px;*/
    text-align: center;
}

.ui-datepicker-year {
    color: #000;
}

.select_ciudad div {
    display: inline-block;
}

.carousel_2 .left,
.carousel_2 .right {
    background-image: none;
}

#title_cine {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}

#v_menu .navbar-toggle {
    margin-top: 12px;
}

.jquery-msgbox-wrapper {
    min-height: 100px !important;
}

.jquery-msgbox-buttons button,
.jquery-msgbox-buttons input {
    color: #000;
}

.promociones,
.sesion,
.registro {
    color: #444;
}

#rememberpass3 img {
    display: block;
    margin: 0 auto;
}

#BtnUpdateUser, #BtnIndex {
    width: 75px;
    font-size: 14px;
}

#qrCode {
    height: 240px;
    width: 240px;
}

.qr-bullet {
    background-color: #e3e3e3;
    border-radius: 10px;
    padding: 1em 2em 1.5em 2em;
    margin-top: 5%;
    margin-bottom: 10%;
}

    .qr-bullet i {
        color: #1a1a1a;
    }

    .qr-bullet li {
        text-align: justify;
        color: #1a1a1a;
        font-weight: 300;
        text-transform: uppercase;
        padding-top: 3%;
    }

#qr-printer {
    display: none;
}

#qr_ws {
    color: #ffffff;
    background-color: #26DE5C;
}

.msg {
    background-color: #ff9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: justify;
}

.aler {
    background-color: #ff9;
    text-align: justify;
}

.platform {
    display: flex;
    justify-content: center;
}