/* Minification failed. Returning unminified contents. (6365,37): run-time error CSS1039: Token not allowed after unary operator: 'xml' (6366,11): run-time error CSS1035: Expected colon, found ',' : run-time error CSS1036: Expected expression, found '' (6406,41): run-time error CSS1039: Token not allowed after unary operator: 'xml' (6407,15): run-time error CSS1035: Expected colon, found ',' : run-time error CSS1036: Expected expression, found '' (6427,41): run-time error CSS1039: Token not allowed after unary operator: 'xml' (6428,15): run-time error CSS1035: Expected colon, found ',' : run-time error CSS1036: Expected expression, found '' (9155,26): run-time error CSS1030: Expected identifier, found ' ' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (11049,37): run-time error CSS1039: Token not allowed after unary operator: 'xml' (11050,11): run-time error CSS1035: Expected colon, found ',' : run-time error CSS1036: Expected expression, found '' (11779,26): run-time error CSS1030: Expected identifier, found ' ' (11870,35): run-time error CSS1030: Expected identifier, found ' ' (11970,42): run-time error CSS1030: Expected identifier, found ' ' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (61373,57): run-time error CSS1030: Expected identifier, found '.' (61373,82): run-time error CSS1031: Expected selector, found ')' (61373,82): run-time error CSS1025: Expected comma or open brace, found ')' (66585,1): run-time error CSS1019: Unexpected token, found '@import' (66585,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700')' (68384,1): run-time error CSS1019: Unexpected token, found '}' (70780,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (70780,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (70782,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (70782,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (70786,2): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (70786,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (70788,2): run-time error CSS1019: Unexpected token, found '@keyframes' (70788,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (72697,1): run-time error CSS1019: Unexpected token, found '@keyframes' (72698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (72701,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (72702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (72705,1): run-time error CSS1019: Unexpected token, found '@keyframes' (72706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (72717,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (72718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ========================================================================== Index 1 - FONTFACES 2 - BASESTYLES 3 - GENERAL 4 - MENUMOVIL 5 - POPUP 6 - 1280 7 - skin 8 - 1024 9 - 800 10 - 768 11 - 640 12 - 480 13 - Browse Happy prompt 14 - IE HACKS 15 - Helper classes 16 - Print styles 17 - DEV ========================================================================== */ /* ========================================================================== 1 - FONTFACES ========================================================================== */ @font-face { font-family: 'dinbold'; src: url('fonts/din-bold-webfont.eot'); src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/din-bold-webfont.woff') format('woff'), url('fonts/din-bold-webfont.ttf') format('truetype'), url('fonts/din-bold-webfont.svg#dinbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINCond-Medium'; src: url('fonts/DINCond-Medium.eot'); src: url('fonts/DINCond-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/DINCond-Medium.woff2') format('woff2'), url('fonts/DINCond-Medium.woff') format('woff'), url('fonts/DINCond-Medium.ttf') format('truetype'), url('fonts/DINCond-Medium.svg#DINCond-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinmedium'; src: url('fonts/din-medium-webfont.eot'); src: url('fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/din-medium-webfont.woff') format('woff'), url('fonts/din-medium-webfont.ttf') format('truetype'), url('fonts/din-medium-webfont.svg#dinmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinengschriftstd'; src: url('fonts/DINEngschriftStd.eot'); src: url('fonts/DINEngschriftStd.eot?#iefix') format('embedded-opentype'), url('fonts/DINEngschriftStd.woff') format('woff'), url('fonts/DINEngschriftStd.ttf') format('truetype'), url('fonts/DINEngschriftStd.svg#dinengschriftstd') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dincondensedcregular'; src: url('fonts/din_condensed-webfont.eot'); src: url('fonts/din_condensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/din_condensed-webfont.woff') format('woff'), url('fonts/din_condensed-webfont.ttf') format('truetype'), url('fonts/din_condensed-webfont.svg#dincondensedcregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sue_ellen_franciscoregular'; src: url('fonts/sue_ellen_francisco-webfont.eot'); src: url('fonts/sue_ellen_francisco-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sue_ellen_francisco-webfont.woff2') format('woff2'), url('fonts/sue_ellen_francisco-webfont.woff') format('woff'), url('fonts/sue_ellen_francisco-webfont.ttf') format('truetype'), url('fonts/sue_ellen_francisco-webfont.svg#sue_ellen_franciscoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'komika_display'; src: url('fonts/kmkdspw-webfont.eot'); src: url('fonts/kmkdspw-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kmkdspw-webfont.woff2') format('woff2'), url('fonts/kmkdspw-webfont.woff') format('woff'), url('fonts/kmkdspw-webfont.ttf') format('truetype'), url('fonts/kmkdspw-webfont.svg#komika_display_wideregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'adlib'; src: url('fonts/adlibn-webfont.eot'); src: url('fonts/adlibn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/adlibn-webfont.woff2') format('woff2'), url('fonts/adlibn-webfont.woff') format('woff'), url('fonts/adlibn-webfont.ttf') format('truetype'), url('fonts/adlibn-webfont.svg#adlib_btregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gustanlight'; src: url('fonts/dolbygustan-light-webfont.eot'); src: url('fonts/dolbygustan-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dolbygustan-light-webfont.woff2') format('woff2'), url('fonts/dolbygustan-light-webfont.woff') format('woff'), url('fonts/dolbygustan-light-webfont.ttf') format('truetype'), url('fonts/dolbygustan-light-webfont.svg#dolby_gustanlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gustanbook'; src: url('fonts/dolbygustan-book-webfont.eot'); src: url('fonts/dolbygustan-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dolbygustan-book-webfont.woff2') format('woff2'), url('fonts/dolbygustan-book-webfont.woff') format('woff'), url('fonts/dolbygustan-book-webfont.ttf') format('truetype'), url('fonts/dolbygustan-book-webfont.svg#dolby_gustanbook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'caeciliabold'; src: url('fonts/CaeciliaLTStd-Bold.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'caecilialight'; src: url('fonts/CaeciliaLTStd-Light.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'caeciliaroman'; src: url('fonts/CaeciliaLTStd-Roman.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneue'; src: url('fonts/HelveticaNeue.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ========================================================================== 2 - BASESTYLES ========================================================================== */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* ========================================================================== 3 - GENERAL ========================================================================== */ ul, li { list-style: none; } a { text-decoration: none; } .not_background { background: none !important; } body, header #header { background-color: #ffffff !important; } /* SPLITs IMG */ /* HOME */ header #logo_header, .n_cc .sb-toggle-right, .ir-arriba, #home .tecnologia .dolby, #home .tecnologia .imax, #home .tecnologia .isens, #home .tecnologia .screenX, #home .pelicula_principal .principal-info a.trailer span, #home .cartelera .shadow_right .img_right span, #home .cartelera .shadow_left .img_left span, #home .pelicula_principal .img_left span, #home .pelicula_principal .img_right span, #header #cinefavorito_header.nuevo_logged.logged .disp_logged .logged_img, header #cinefavorito_header.logged .cc_cuenta, header #menu_movil .btn_menu_movil, .radios a, #separador-top, #separador-bottom, .submenucines li span, header #menu_movil .btn_menu_movil, header #menu > #menu_web > ul li.semueve a { background-image: url("../img/split_home.png"); } /*HEADER*/ header #cinefavorito_header a { text-decoration: none; } header #logo_header { z-index: 1000; } /* login */ header #cinefavorito_header { position: absolute; vertical-align: top; width: auto; display: inline; text-align: right; } header .btn_cinefav .img_cinefav { background-color: #ffffff; position: relative; display: inline-block; vertical-align: top; height: 46px; line-height: 40px; width: 39px; text-align: center; margin-top: 3px; left: 3px; } header .lbl_cinefav { /*texto del cine favorito*/ font-family: "dinengschriftstd", "Another Font", generic; font-size: 23px; color: #FFF; margin-left: 10px; vertical-align: middle; } header .lbl_cinefav:after { /*flecha del cine favorito*/ content: ">"; color: #FFF; margin: 0 5px 0 15px; } header #cinefavorito_header .cinefav { position: relative; display: inline-block; background-color: #FED801; z-index: 10; vertical-align: top; } header #cinefavorito_header .cc_cuenta { position: absolute; right: 0px; transition: 0.5s; z-index: 12; top: 0; } header #cinefavorito_header .cc_cuenta.open { transition: 0.5s; } header #cinefavorito_header .disp_login { position: absolute; width: 0px; background-color: #ffffff; z-index: 11; text-align: left; white-space: nowrap; overflow: hidden; transition: 0.5s; border: 1px solid #0f99fe; } header #cinefavorito_header .disp_login.open { transition: 0.5s; } header #cinefavorito_header .text { border: 0; border-right: 2px solid #dfdfdf; position: relative; display: inline-block; margin-left: 10px; font-family: 'dinengschriftstd'; color: #999999; } header #cinefavorito_header .pass { border: 0; position: relative; display: inline-block; margin-left: 7px; font-family: 'dinengschriftstd'; color: #999999; } header #cinefavorito_header .disp_login .btn { border: none; position: relative; display: inline-block; margin-left: 3px; text-align: center; font-family: 'dinengschriftstd'; color: #ffffff; background-color: #0f99fe; } header #cinefavorito_header .disp_login a.btn { background-color: #004c95; } header #cinefavorito_header .recordar { position: relative; display: inline-block; vertical-align: top; } header #cinefavorito_header .recordar a { font-family: 'dinengschriftstd'; color: #cccccc; border-bottom: 1px solid #cccccc; } header #cinefavorito_header .close_login { position: absolute; background: #0f99fe url("../img/login_close.png") no-repeat center; cursor: pointer; } header #cinefavorito_header .disp_logged { display: none; } .no-touch header #cinefavorito_header .disp_logged:hover div { position: absolute; background: #666666 url("../img/login_close.png") no-repeat center; z-index: 20; border-radius: 24px; cursor: pointer; } header #cinefavorito_header.logged .disp_login { display: none; } header #cinefavorito_header.logged .disp_logged { display: inline-block; position: absolute; right: 0; top: 0; } #header #cinefavorito_header.nuevo_logged.logged .cc_cuenta { display: none; } #header #cinefavorito_header.nuevo_logged.logged .disp_logged { position: relative; display: inline-block; height: 52px; width: 110px; background: #0f99fe; padding-left: 54px; text-align: left; } #header #cinefavorito_header.nuevo_logged.logged .disp_logged a { display: block; font-family: 'dinengschriftstd'; color: #ffffff; font-size: 17px; } #header #cinefavorito_header.nuevo_logged.logged .disp_logged .logged_msg { margin-top: 5px; margin-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #header #cinefavorito_header.nuevo_logged.logged .disp_logged .logged_logout { font-size: 13px; text-decoration: underline; } #header #cinefavorito_header.nuevo_logged.logged .disp_logged .logged_logout { font-size: 13px; text-decoration: underline; } #header #cinefavorito_header.nuevo_logged.logged .disp_logged .logged_img { position: absolute; top: 0; left: 0; width: 52px; height: 52px; background-position: -565px -28px; } /* /login */ #cartelera_pelicula header nav ul li span.colorbutton a.peliculas, #proximos_estrenos header nav ul li span.colorbutton a.peliculas, #dolby header nav ul li span.colorbutton a.peliculas, #imax header nav ul li span.colorbutton a.peliculas, #screenX header nav ul li span.colorbutton a.peliculas, #isens header nav ul li span.colorbutton a.peliculas, #ciclos header nav ul li span.colorbutton a.peliculas, #ficha_pelicula header nav ul li span.colorbutton a.peliculas, #colegios header nav ul li span.colorbutton a.peliculas, #infantil header nav ul li span.colorbutton a.peliculas, #cumpleanos header nav ul li span.colorbutton a.peliculas, #eventos header nav ul li span.colorbutton a.eventos, #ficha_eventos header nav ul li span.colorbutton a.eventos, #promos header nav ul li span.colorbutton a.promos, #promos_landing header nav ul li span.colorbutton a.promos, #mapa header nav ul li span.colorbutton a.cines, #ficha_cine header nav ul li span.colorbutton a.cines, #cinesacheck header nav ul li span.colorbutton a.cinesacheck, #trailers_cartelera header nav ul li span.colorbutton a.trailers, #trailers_estrenos header nav ul li span.colorbutton a.trailers, #cinesacard header nav ul li span.colorbutton a.cinesacard, #cc_form header nav ul li span.colorbutton a.cinesacard, #cc_form_activar header nav ul li span.colorbutton a.cinesacard, #cc_form_error header nav ul li span.colorbutton a.cinesacard, #cc_form_mail header nav ul li span.colorbutton a.cinesacard, #cc_form_finpedir header nav ul li span.colorbutton a.cinesacard, #cc_form_finactivar header nav ul li span.colorbutton a.cinesacard, #games header nav ul li span.colorbutton a.games, #apps header nav ul li span.colorbutton a.games { color: #ffffff !important; } #cartelera_pelicula header nav ul li span.colorbutton a.peliculas, #proximos_estrenos header nav ul li span.colorbutton a.peliculas, #dolby header nav ul li span.colorbutton a.peliculas, #imax header nav ul li span.colorbutton a.peliculas, #screenX header nav ul li span.colorbutton a.peliculas, #isens header nav ul li span.colorbutton a.peliculas, #ciclos header nav ul li span.colorbutton a.peliculas, #colegios header nav ul li span.colorbutton a.peliculas, #infantil header nav ul li span.colorbutton a.peliculas, #cumpleanos header nav ul li span.colorbutton a.peliculas, #ficha_pelicula header nav ul li span.colorbutton a.peliculas { background-color: #0076EC !important; border-color: #0076EC !important; } #mapa header nav ul li span.colorbutton a.cines { background-color: #fed801 !important; border-color: #fed801 !important; } #ficha_cine header nav ul li span.colorbutton a.cines { background-color: #fed801 !important; border-color: #fed801 !important; } #eventos header nav ul li span.colorbutton a.eventos { background-color: #fba300 !important; border-color: #fba300 !important; } #ficha_eventos header nav ul li span.colorbutton a.eventos { background-color: #fba300 !important; border-color: #fba300 !important; } #cinesacheck header nav ul li span.colorbutton a.cinesacheck { background-color: #719eb5 !important; border-color: #719eb5 !important; } #games header nav ul li span.colorbutton a.games, #apps header nav ul li span.colorbutton a.games { background-color: #314b86 !important; border-color: #314b86 !important; } #promos header nav ul li span.colorbutton a.promos, #promos_landing header nav ul li span.colorbutton a.promos { background-color: #ff0033 !important; border-color: #ff0033 !important; } #trailers_cartelera header nav ul li span.colorbutton a.trailers, #trailers_estrenos header nav ul li span.colorbutton a.trailers { background-color: #7c01eb !important; border-color: #7c01eb !important; } #cinesacard header nav ul li span.colorbutton a.cinesacard, #cc_form header nav ul li span.colorbutton a.cinesacard, #cc_form_activar header nav ul li span.colorbutton a.cinesacard, #cc_form_error header nav ul li span.colorbutton a.cinesacard, #cc_form_mail header nav ul li span.colorbutton a.cinesacard, #cc_form_finpedir header nav ul li span.colorbutton a.cinesacard, #cc_form_finactivar header nav ul li span.colorbutton a.cinesacard { background-color: #0f99fe !important; border-color: #0f99fe !important; } /*SUBMENUS*/ #trailers_cartelera nav li.cartelera span { background-color: #7c01eb !important; } #trailers_cartelera nav li.cartelera span a { color: #ffffff !important; } #trailers_estrenos nav li.estrenos span { background-color: #7c01eb !important; } #trailers_estrenos nav li.estrenos span a { color: #ffffff !important; } #eventos main nav li.activo span { background-color: #fba300 !important; } #eventos main nav li.activo span a { color: #ffffff !important; } #cartelera_pelicula nav li.selected span { background-color: #0076EC !important; } #cartelera_pelicula nav li.selected span a { color: #ffffff !important; } #imax nav li.imax span { background-color: #0076EC !important; } #imax nav li.imax span a { color: #ffffff !important; } #screenX nav li.imax span { background-color: #0076EC !important; } #screenX nav li.imax span a { color: #ffffff !important; } #isens nav li.isens span { background-color: #0076EC !important; } #isens nav li.isens span a { color: #ffffff !important; } #dolby nav li.dolby span { background-color: #0076EC !important; } #dolby nav li.dolby span a { color: #ffffff !important; } #proximos_estrenos nav li.proximos span { background-color: #0076EC !important; } #proximos_estrenos nav li.proximos span a { color: #ffffff !important; } #ciclos nav li.ciclos span { background-color: #0076EC !important; } #ciclos nav li.ciclos span a { color: #ffffff !important; } .cartelera_peliculas_pelicula nav li.selected span { background-color: #0076EC !important; } .cartelera_peliculas_pelicula nav li.selected span a { color: #ffffff !important; } #colegios nav li.infantil span { background-color: #0076EC !important; } #colegios nav li.infantil span a { color: #ffffff !important; } #infantil nav li.infantil span { background-color: #0076EC !important; } #infantil nav li.infantil span a { color: #ffffff !important; } #cumpleanos nav li.infantil span { background-color: #0076EC !important; } #cumpleanos nav li.infantil span a { color: #ffffff !important; } header nav#menu_web ul li a.cines:after { background: none repeat scroll 0 0 #fed801; } header nav#menu_web ul li a.peliculas:after { background: none repeat scroll 0 0 #0076EC; } header nav#menu_web ul li a.eventos:after { background: none repeat scroll 0 0 #fba300; } header nav#menu_web ul li a.promos:after { background: none repeat scroll 0 0 #ff0033; } header nav#menu_web ul li a.trailers:after { background: none repeat scroll 0 0 #7c01eb; } header nav#menu_web ul li a.cinesacard:after { background: none repeat scroll 0 0 #0f99fe; } header nav#menu_web ul li a.cinesacheck:after { background: none repeat scroll 0 0 #719eb5; } header nav#menu_web ul li a.games:after { background: none repeat scroll 0 0 #314b86; } #separador-top { background-position: center 0; } #separador-bottom { /*background-position: center -12px;*/ background: none; } /*/ HEADER*/ /*BODY*/ main { background-color: #f0f0f0; } main nav ul li { color: #9a9a9a; } main #bajo_menu #ruta { color: #999999; font-size: 12px; } main #bajo_menu #ruta a { color: #999999; text-decoration: none; } main #bajo_menu #orden { color: #0076EC; font-size: 12px; } main #bajo_menu #orden a { /*Botones ordenar*/ font-family: "dinengschriftstd"; text-decoration: none; font-size: 17px; color: #999999; background-color: #FFF; } #cartelera_pelicula main #bajo_menu #orden a { color: #0076EC; } #cartelera_pelicula main #bajo_menu #orden a.selected { background-color: #0076EC; color: #ffffff; } footer { background: #ffffff; } main section .cartelera_peliculas > ul > li { /*estilo de los carteles*/ /*esquinas redondeadas*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ffffff; vertical-align: top; } #cartelera .listado-peliculas-item.promo h3, #cartelera .listado-peliculas-item.promo h3 a { color: #F03 !important; width: 169px; } #cartelera .listado-peliculas-item.promo span { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; margin-top: -34px; display: inline; vertical-align: top; height: 21px; width: 46px; position: relative; float: right; } #cartelera .listado-peliculas-item.promo a img.cartel { outline: 4px solid #f03; outline-offset: -4px; } .cartelera_peliculas .fecha, .cartelera_peliculas .mashorarios, .cartelera_peliculas .tipo_evento { display: none; } #eventos .cartelera_peliculas .fecha, #eventos .cartelera_peliculas .mashorarios, #eventos .cartelera_peliculas .tipo_evento { display: block; } main section .cartelera_peliculas > ul > li img { /*imagen del cartel*/ width: 200px; height: 280px; } main section .cartelera_peliculas div.contenedor_verficha { background: #eeeeee; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } main section .cartelera_peliculas ul li h3 { /*título del cartel*/ color: #0076EC; font-family: "dinengschriftstd", "Another Font", generic; font-size: 20px; font-weight: 100; } div.puntuacion ul li, div.compartir { cursor: pointer; } main section .cartelera_peliculas ul li div.compartir_opt a { text-decoration: none; border: 0; } @media all and (max-width: 799px) { #cartelera .listado-peliculas-item.promo h3, #cartelera .listado-peliculas-item.promo h3 a { color: #F03 !important; width: 100px; } #cartelera .listado-peliculas-item.promo span { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; margin-top: -29px; display: inline; vertical-align: top; height: 21px; width: 45px; position: relative; float: right; } } /* SUBMENU CARTELERA/EVENTOS/TRAILERS/CONTACTO */ main nav { /*MENÚ*/ position: relative; margin: 5px auto 10px; text-align: left; } main nav ul { margin: 0; padding: 0; } main nav ul li { position: relative; display: inline-block; vertical-align: top; height: 40px; line-height: 40px; margin-right: 3px; cursor: pointer; text-align: center; text-decoration: none; color: #0076EC; background-color: #d3d3d3; font-family: "dinengschriftstd"; font-size: 20px; transition: 0.3s; } main nav ul li a { color: inherit; position: relative; display: inline-block; width: 100%; height: 40px; } .no-touch main nav ul li:hover { color: #ffffff; background-color: #0076EC; } main nav ul li.selected { background-color: #0076EC; } #trailers_cartelera main nav ul li.selected, #trailers_estrenos main nav ul li.selected { background-color: #7C01EB; } #eventos main nav ul li.selected { background-color: #fba300; } main nav ul li.selected a { color: #ffffff !important; } #trabajaconnosotros main nav main nav ul li.selected, #clientes main nav ul li.selected, #acercade main nav ul li.selected, #proveedores main nav ul li.selected, #expansion main nav ul li.selected, #semueve main nav ul li.selected, .no-touch #trabajaconnosotros main nav ul li:hover, .no-touch #clientes main nav ul li:hover, .no-touch #acercade main nav ul li:hover, .no-touch #proveedores main nav ul li:hover, .no-touch #expansion main nav ul li:hover, .no-touch #semueve main nav ul li:hover { background-color: #004C95; } /* /SUBMENU CARTELERA/EVENTOS/TRAILERS/CONTACTO */ /*ESTRELLAS CINE FAV EN EL MAPA DE CINES*/ #mapa-cines span.nofav, #mapa-cines span.fav { margin-right: 4px; background-image: url(../img/mapstar.png); background-repeat: no-repeat; width: 15px; height: 15px; display: inline-block; cursor: pointer; } #mapa-cines span.nofav { background-position: -15px 0; } #mapa-cines span.fav { background-position: 0 0; } #mapa-cines span.promo { margin: 0px 7px -1px; background: url(../img/IconPromo/promo_sin_circulo.png) no-repeat; width: 31px; height: 15px; display: inline-block; } @media all and (max-width: 767px) { /*ESTRELLAS CINE FAV EN EL MAPA DE CINES MOBIL*/ span.nofav, span.fav, span.promo { margin-right: 4px; background-image: url(../img/mapstar-m.png); background-repeat: no-repeat; width: 23px; height: 21px; display: inline-block; cursor: pointer; } span.nofav { background-position: -46px 0; } span.fav { background-position: 0 0; } span.promo { background-position: -69px 0; } } /*ESTRELLAS DE PUNTUACIÓN*/ .estrella_100, .estrella_75, .estrella_50, .estrella_25, .estrella_0, div.puntuacion ul li.notselected, div.puntuacion ul li.selected { background-image: url(../img/estrella.png); width: 19px; height: 19px; background-repeat: no-repeat; cursor: pointer; display: inline-block; margin-right: -4px; } .estrella_100 { background-position: -76px 0; } .estrella_75 { background-position: -57px 0; } .estrella_50 { background-position: -38px 0; } .estrella_25 { background-position: -19px 0; } .estrella_0 { background-position: 0 0; } div.puntuacion ul li.notselected { background-position: 0 0; } div.puntuacion ul li.selected { background-position: -95px 0; } /*/ ESTRELLAS DE PUNTUACION*/ /*ICONOS COMPARTIR*/ .com_facebook, .com_twitter, .com_gplus, .com_pinterest, .com_close { background-image: url(../img/iconossociales.png); width: 20px; height: 20px; background-repeat: no-repeat; cursor: pointer; display: inline-block; } .com_facebook { background-position: 0 0; } .com_twitter { background-position: -20px 0; } .com_gplus { background-position: -40px 0; } .com_pinterest { background-position: -60px 0; } .com_close { background-position: -80px 0; } div.inactivo, div.inactivo2, div.activo { background-image: url(../img/iconossociales.png); width: 19px; height: 20px; background-repeat: no-repeat; display: inline-block; } div.inactivo2 { background-position: -80px 0; } div.inactivo { background-position: -99px 0; } div.activo { background-position: -118px 0; } div.s_zona, div.s_zona.activo { background: url(../img/cinesentuzona.png) no-repeat center center; width: 92px; height: 38px; background-repeat: no-repeat; display: inline-block; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } div.s_zona { background-position: 0 0; } div.s_zona.activo { background-position: -92px 0; } div.s_zona.z1 { background: none; width: 42px; } /*/ ICONOS COMPARTIR*/ #ficha_pelicula .left, #ficha_eventos .left { float: left; } #ficha_pelicula .right, #ficha_eventos .right { float: right; } /*/ BODY*/ .ir-arriba { display: none; width: 42px; height: 53px; background-position: -958px -36px; cursor: pointer; position: fixed; bottom: 40px; right: 40px; } .header-promotion { height: 24px; width: 99%; background-color: #FFF; display: inline-block; position: relative; padding-right: 6px; } .header-promotion-fixed { height: 24px; width: 100%; background-color: #FFF; display: inline-block; position: fixed; z-index: 1999; top: 0px; left: 0px; } .header-promotion span { background: url(../img/IconPromo/promo_circulo.png) no-repeat; margin-top: -3px; display: inline-block; vertical-align: top; height: 33px; width: 40px; float: left; margin-left: 8px; } .header-promotion label { font-family: 'DINCond-Medium'; font-size: 20px; color: #F03; margin: -2px 17px 4px 9px; display: inline-block; float: left; } .header-promotion label.exit { font-size: 15px; color: #F03; vertical-align: top; margin-top: 3px; margin-left: 5px; float: right; cursor: pointer; text-decoration: underline; display: block; } .header-promotion label.promoActivaOff { display: none; } .header-promotion label.promoActivaOn { font-family: 'DINCond-Medium'; font-size: 20px; color: #F03; margin: -2px 17px 4px 9px; display: inline-block; float: left; } .header-promotion img.exit { background: url(../img/salir.png) no-repeat; display: none; margin-top: 2px; left: 102px; vertical-align: top; height: 20px; width: 20px; float: right; margin-right: 3px; } .footer-promotion { position: fixed; bottom: 20px; left: 20px; z-index: 100; } .footer-promotion a { background: gray url("../img/menuclose.png") no-repeat 13px 13px; display: inline-block; color: white; font-weight: bold; text-align: center; width: 55px; height: 55px; border: 1px solid white; border-radius: 24px; margin: 0 -10px -20px 0; } .footer-promotion span { font: 22px "dinengschriftstd", "Another Font", generic; border-width: 1px 1px 1px 0; border-style: solid; border-color: white; border-radius: 0 6px 6px 0; padding: 4px 10px 5px 1px; background-color: gray; color: white; } /* FICHA PELICULA */ /* FICHA EVENTOS */ #ficha_pelicula article#info .cinta { background-color: #ffdf0f; color: #333968; } #ficha_eventos article#info .cinta { background-color: #fba303; color: #ffffff; } #ficha_pelicula article#navegacion_fichas div#center a { color: #0076EC; } #ficha_eventos article#navegacion_fichas div#center a { color: #fba303; } #ficha_eventos article#navegacion_fichas div#center { color: #fba303; } #ficha_pelicula article#navegacion_fichas div#right, #ficha_pelicula article#navegacion_fichas div#left, #ficha_eventos article#navegacion_fichas div#right, #ficha_eventos article#navegacion_fichas div#left { color: #999999; } /* /FICHA PELICULA */ /* /FICHA EVENTOS */ .img_left, .img_right { background: url(../img/fletxes_carrousel_left.png) no-repeat center; width: 49px; height: 57px; cursor: pointer; display: inline-block; } .img_right { background: url(../img/fletxes_carrousel_right.png) no-repeat center; } #home .img_left, #home .img_right { background: none; } .radios a { background-position: -761px -64px; cursor: pointer; display: inline-block; font-size: 0; height: 16px; margin-left: 3px; margin-right: 3px; width: 17px; } .radios a.selected { background-position: -745px -64px; width: 16px; } .radio_active, .radio_inactive { background-image: url(../img/radiobuttons.png); width: 16px; height: 15px; background-repeat: no-repeat; cursor: pointer; display: inline-block; } .radio_active { background-position: 0 0; } .radio_inactive { background-position: -16px 0; } .infocine_fleft, .infocine_fright { background: url(../img/fletxes_carrousel_left.png) no-repeat center; width: 49px; cursor: pointer; display: inline-block; } .infocine_fright { background: url(../img/fletxes_carrousel_right.png) no-repeat center; } .calificacion_1, .calificacion_2, .calificacion_3, .calificacion_4, .calificacion_5, .calificacion_6, .calificacion_7, .calificacion_22, .calificacion_28, .calificacion_29, .calificacion_31, .calificacion_32, .calificacion_33, .calificacion_34, .calificacion_35, .calificacion_36, .calificacion_37 { background-image: url(../img/PICTOGRAMES.png); width: 23px; height: 27px; padding: 0 !important; background-repeat: no-repeat; display: inline-block; background-color: #ffffff !important; } .calificacion_1 { background-position: 0 0; } .calificacion_2 { background-position: -46px 0; } .calificacion_3 { background-position: -92px 0; } .calificacion_4 { background-position: -138px 0; } .calificacion_5 { background: none; } /*blanco*/ .calificacion_6 { background-position: -23px 0; } .calificacion_7 { background-position: -115px 0; } .calificacion_22 { background-position: -46px 0; } .calificacion_28 { background-position: -138px 0; } .calificacion_29 { background-position: -92px 0; } .calificacion_31 { background-position: -69px 0; } .calificacion_32 { background-position: -161px 0; background-color: #ffffff !important; } .calificacion_33 { background-position: -69px 0; } .calificacion_34 { background-position: -92px 0; } .calificacion_35 { background-position: -115px 0; } .calificacion_36 { background-position: -46px 0; } .calificacion_37 { background-position: -161px 0; background-color: #ffffff !important; } .calificacion_33:after, .calificacion_34:after, .calificacion_35:after, .calificacion_36:after { content: "a"; display: inline-block; width: 23px; height: 27px; position: relative; margin-left: 27px; font-size: 0; vertical-align: top; background: url(../img/PICTOGRAMES.png) no-repeat -161px 0; } #ficha_pelicula .calificacion_33, #ficha_eventos .calificacion_33, #ficha_pelicula .calificacion_34, #ficha_eventos .calificacion_34, #ficha_pelicula .calificacion_35, #ficha_eventos .calificacion_35, #ficha_pelicula .calificacion_36, #ficha_eventos .calificacion_36 { right: 20px !important; } /* BANNERS PARA STAR WARS VII */ #ficha_pelicula .ficha_banners { text-align: center; margin-top: 25px; } #ficha_pelicula .ficha_banners > div { display: inline-block; vertical-align: top; position: relative; width: 30%; margin: 0 10px 20px; font-family: "Trebuchet MS"; font-size: 13px; color: #666666; } #ficha_pelicula .ficha_banners .ico { background: url("../img/splitficha.png") no-repeat; position: relative; height: 75px; margin: 0 auto; } #ficha_pelicula .ficha_banners .reloj .ico { width: 50px; background-position: -10px -3px; } #ficha_pelicula .ficha_banners .pato .ico { width: 97px; background-position: -76px -3px; } #ficha_pelicula .ficha_banners .regalo .ico { width: 98px; background-position: -187px -3px; } #ficha_pelicula .ficha_banners p { margin: 10px 0 0 0; } #ficha_pelicula .ficha_banners strong { color: #0c99fe; } #ficha_pelicula .ficha_banners p span { font-size: 10px; } @media all and (max-width:767px) { #ficha_pelicula .ficha_banners > div { width: 90%; } } /* /BANNERS PARA STAR WARS VII */ /*/ ICONOS COMPARTIR*/ article.horarios .isens .col-3 { background-color: #00234c !important; } article.horarios .dolby .col-3 { background-color: #000000 !important; } article.horarios .imax .col-3 { background-color: #0196d8 !important; } article.horarios a.hora { color: #666666; } /* ################################################################################################################################## */ article.select_cinefav div#select, article.select_cinefav div#select2, article.select_cinefav div#select3, article.select_cinefav div#select4, .cc_select { position: relative; margin: 0 auto; height: 39px; width: 370px; text-align: left; background: #ffffff url(../img/select-btn.jpg) no-repeat left; cursor: pointer; display: inline-block; z-index: 100; } article.select_cinefav div#select ul.select-group, article.select_cinefav div#select2 ul.select-group, article.select_cinefav div#select3 ul.select-group, article.select_cinefav div#select4 ul.select-group, .cc_select ul.select-group { margin: 0px 10px 0 42px; left: 50px; width: 298px; height: 32px; list-style: none; background-color: #ffffff; padding: 0; color: #888888; font-size: 18px; } article.select_cinefav div#select ul.select-group li, article.select_cinefav div#select2 ul.select-group li, article.select_cinefav div#select3 ul.select-group li, article.select_cinefav div#select4 ul.select-group li, .cc_select ul.select-group li { background-color: #ffffff; width: 298px; height: 32px; padding: 6px 0 0 30px; border-bottom: 1px solid #dddddd; display: none; list-style: none; } article.select_cinefav div#select ul.select-group li.selected, article.select_cinefav div#select2 ul.select-group li.selected, article.select_cinefav div#select3 ul.select-group li.selected, article.select_cinefav div#select4 ul.select-group li.selected, .cc_select ul.select-group li.selected { display: block; background: #ffffff; } article.select_cinefav div#select.open ul.select-group > li, article.select_cinefav div#select2.open ul.select-group > li, article.select_cinefav div#select3.open ul.select-group > li, article.select_cinefav div#select4.open ul.select-group > li, .cc_select.open ul.select-group > li { cursor: pointer; } article.select_cinefav div#select ul.select-group > li a, article.select_cinefav div#select2 ul.select-group > li a, article.select_cinefav div#select3 ul.select-group > li a, article.select_cinefav div#select4 ul.select-group > li a, .cc_select ul.select-group > li a { color: #B0A6A6; } .no-touch article.select_cinefav div#select.open ul.select-group > li:hover, article.select_cinefav div#select.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select2.open ul.select-group > li:hover, article.select_cinefav div#select2.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select3.open ul.select-group > li:hover, article.select_cinefav div#select3.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select4.open ul.select-group > li:hover, article.select_cinefav div#select4.open ul.select-group > li.selected, .no-touch .cc_select.open ul.select-group > li:hover, .cc_select.open ul.select-group > li.selected { border-left: 6px solid #FED801; padding-left: 24px; } .no-touch article.select_cinefav div#select.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select2.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select3.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select4.open ul.select-group > li:first-child:hover, .no-touch .cc_select.open ul.select-group > li:first-child:hover { border-left: none; padding-left: 30px; } article.select_cinefav div#select, article.select_cinefav div#select2, article.select_cinefav div#select3, article.select_cinefav div#select4 { background: #ffffff url(../img/select-btn-act.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #promos article.select_cinefav div#select, #promos article.select_cinefav div#select2, #promos article.select_cinefav div#select3, #promos article.select_cinefav div#select4 { background: #ffffff url(../img/select-btn-act-promo.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #cc_form article.activo .cc_select, #trabajaconnosotros article.activo .cc_select, #clientes article.activo .cc_select { background: #ffffff url(../img/select-btn-act-cc_form.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #cc_form_activar article.activo .cc_select, #cc_micuenta article.movimientos .cc_select, #cc_micuenta article.frm .cc_select, #colegios article.activo .cc_select { background: #ffffff url(../img/select-btn-act-cc_form_activar.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } article .cc_select, #cc_micuenta .frm .cc_select.bloqueado { background: #ffffff url(../img/select-btn-cc_form.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #cc_micuenta .frm .cc_select.bloqueado { cursor: initial; } article.select_cinefav div#select.open, article.select_cinefav div#select2.open, article.select_cinefav div#select3.open, article.select_cinefav div#select4.open, .cc_select.open { background: #ffffff url(../img/select-btn.jpg) no-repeat left; } article.select_cinefav div#select .inner, article.select_cinefav div#select2 .inner, article.select_cinefav div#select3 .inner, article.select_cinefav div#select4 .inner, .cc_select .inner { position: absolute; z-index: 2; width: 370px; } article.select_cinefav .open .inner, #cc_form .open .inner, #cc_form_activar .open .inner { height: 273px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article.select_cinefav div#select li span, article.select_cinefav div#select2 li span, article.select_cinefav div#select3 li span, article.select_cinefav div#select4 li span, .cc_select li span { float: right; margin-right: 20px; margin-top: 3px; } @media all and (min-width: 640px) and (max-width: 767px) { article.select_cinefav div#select, article.select_cinefav div#select2, article.select_cinefav div#select3, article.select_cinefav div#select4, .cc_select { height: 59px; width: 100%; background-size: 64px !important; } article.select_cinefav div#select ul.select-group, article.select_cinefav div#select2 ul.select-group, article.select_cinefav div#select3 ul.select-group, article.select_cinefav div#select4 ul.select-group, .cc_select ul.select-group { margin: 0px 10px 0 64px; width: 556px; height: 59px; background-color: #ffffff; font-size: 32px; color: #444444; } article.select_cinefav div#select ul.select-group li, article.select_cinefav div#select2 ul.select-group li, article.select_cinefav div#select3 ul.select-group li, article.select_cinefav div#select4 ul.select-group li, .cc_select ul.select-group li { background-color: #ffffff; width: 540px; height: 52px; padding: 6px 0 0 30px; border-bottom: 1px solid #dddddd; display: none; list-style: none; } article.select_cinefav div#select ul.select-group li.selected, article.select_cinefav div#select2 ul.select-group li.selected, article.select_cinefav div#select3 ul.select-group li.selected, article.select_cinefav div#select4 ul.select-group li.selected, .cc_select ul.select-group li.selected { display: block; background: #ffffff; } article.select_cinefav div#select.open ul.select-group > li, article.select_cinefav div#select2.open ul.select-group > li, article.select_cinefav div#select3.open ul.select-group > li, article.select_cinefav div#select4.open ul.select-group > li, .cc_select.open ul.select-group > li { cursor: pointer; } article.select_cinefav div#select ul.select-group > li a, article.select_cinefav div#select2 ul.select-group > li a, article.select_cinefav div#select3 ul.select-group > li a, article.select_cinefav div#select4 ul.select-group > li a, .cc_select ul.select-group > li a { color: #706060; } .no-touch article.select_cinefav div#select.open ul.select-group > li:hover, article.select_cinefav div#select.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select2.open ul.select-group > li:hover, article.select_cinefav div#select2.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select3.open ul.select-group > li:hover, article.select_cinefav div#select3.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select4.open ul.select-group > li:hover, article.select_cinefav div#select4.open ul.select-group > li.selected, .no-touch .cc_select.open ul.select-group > li:hover, #cc_form .cc_select.open ul.select-group > li.selected { border-left: 6px solid #FED801; padding-left: 24px; } .no-touch article.select_cinefav div#select.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select2.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select3.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select4.open ul.select-group > li:first-child:hover, .no-touch .cc_select.open ul.select-group > li:hover { border-left: none; padding-left: 30px; } article.select_cinefav div#select, article.select_cinefav div#select2, article.select_cinefav div#select3, article.select_cinefav div#select4, .cc_select { background: #ffffff url(../img/select-btn-act.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #promos article.select_cinefav div#select, #promos article.select_cinefav div#select2, #promos article.select_cinefav div#select3, #promos article.select_cinefav div#select4 { background: #ffffff url(../img/select-btn-act-promo.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } article.select_cinefav div#select.open, article.select_cinefav div#select2.open, article.select_cinefav div#select3.open, article.select_cinefav div#select4.open, .cc_select.open { background: #ffffff url(../img/select-btn.jpg) no-repeat left; } article.select_cinefav div#select .inner, article.select_cinefav div#select2 .inner, article.select_cinefav div#select3 .inner, article.select_cinefav div#select4 .inner, .cc_select .inner { position: absolute; z-index: 2; width: 634px; } article.select_cinefav .open .inner, #cc_form .open .inner, #cc_form_activar .open .inner { height: 473px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article.select_cinefav div#select li span, article.select_cinefav div#select2 li span, article.select_cinefav div#select3 li span, article.select_cinefav div#select4 li span, .cc_select li span { float: right; margin-right: 30px; margin-top: 13px; } } @media all and (max-width: 639px) { article.select_cinefav div#select, article.select_cinefav div#select2, article.select_cinefav div#select3, article.select_cinefav div#select4 { height: 59px; width: 100%; background-size: 64px !important; } article.select_cinefav div#select ul.select-group, article.select_cinefav div#select2 ul.select-group, article.select_cinefav div#select3 ul.select-group, article.select_cinefav div#select4 ul.select-group { margin: 0px 10px 0 64px; width: 392px; height: 59px; background-color: #ffffff; font-size: 32px; color: #444444; } article.select_cinefav div#select ul.select-group li, article.select_cinefav div#select2 ul.select-group li, article.select_cinefav div#select3 ul.select-group li, article.select_cinefav div#select4 ul.select-group li { background-color: #ffffff; width: 362px; height: 52px; padding: 6px 0 0 30px; border-bottom: 1px solid #dddddd; display: none; list-style: none; } article.select_cinefav div#select ul.select-group li.selected, article.select_cinefav div#select2 ul.select-group li.selected, article.select_cinefav div#select3 ul.select-group li.selected, article.select_cinefav div#select4 ul.select-group li.selected { display: block; background: #ffffff; } article.select_cinefav div#select.open ul.select-group > li, article.select_cinefav div#select2.open ul.select-group > li, article.select_cinefav div#select3.open ul.select-group > li, article.select_cinefav div#select4.open ul.select-group > li { cursor: pointer; } article.select_cinefav div#select ul.select-group > li a, article.select_cinefav div#select2 ul.select-group > li a, article.select_cinefav div#select3 ul.select-group > li a, article.select_cinefav div#select4 ul.select-group > li a { color: #706060; } .no-touch article.select_cinefav div#select.open ul.select-group > li:hover, article.select_cinefav div#select.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select2.open ul.select-group > li:hover, article.select_cinefav div#select2.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select3.open ul.select-group > li:hover, article.select_cinefav div#select3.open ul.select-group > li.selected, .no-touch article.select_cinefav div#select4.open ul.select-group > li:hover, article.select_cinefav div#select4.open ul.select-group > li.selected { border-left: 6px solid #FED801; padding-left: 24px; } .no-touch article.select_cinefav div#select.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select2.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select3.open ul.select-group > li:first-child:hover, .no-touch article.select_cinefav div#select4.open ul.select-group > li:first-child:hover { border-left: none; padding-left: 30px; } article.select_cinefav div#select, article.select_cinefav div#select2, article.select_cinefav div#select3, article.select_cinefav div#select4 { background: #ffffff url(../img/select-btn-act.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #promos article.select_cinefav div#select, #promos article.select_cinefav div#select2, #promos article.select_cinefav div#select3, #promos article.select_cinefav div#select4 { background: #ffffff url(../img/select-btn-act-promo.jpg) no-repeat left; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } article.select_cinefav div#select.open, article.select_cinefav div#select2.open, article.select_cinefav div#select3.open, article.select_cinefav div#select4.open { background: #ffffff url(../img/select-btn.jpg) no-repeat left; } article.select_cinefav div#select .inner, article.select_cinefav div#select2 .inner, article.select_cinefav div#select3 .inner, article.select_cinefav div#select4 .inner { position: absolute; z-index: 2; width: 456px; } article.select_cinefav .open .inner { height: 473px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article.select_cinefav div#select li span, article.select_cinefav div#select2 li span, article.select_cinefav div#select3 li span, article.select_cinefav div#select4 li span { float: right; margin-right: 20px; margin-top: 13px; } } .cc_select.icoclose { background: url("../img/select-btn.jpg") no-repeat scroll left center #ffffff !important; z-index: 101; } article#cartel .cartel { vertical-align: top; } /* ################################################################################################################################## */ /* EVENTOS */ #eventos main nav span { position: relative; display: inline-block; vertical-align: top; width: 34px; font-family: "Trebuchet MS"; color: #faa300; font-size: 16px; line-height: 30px; } #eventos main nav ul { position: relative; display: inline-block; vertical-align: top; } #eventos main nav ul li { height: 30px; line-height: 30px; font-size: 17px; background-color: #ffffff; color: #aaaaaa; } #eventos main nav ul li:first-child { margin-right: 10px; } .no-touch #eventos main nav ul li:hover, #eventos main nav ul li.activo { background-color: #fba300; } .no-touch #eventos main nav ul li a:hover, #eventos main nav ul li.activo a { color: #ffffff; } #eventos .tipo_evento { position: absolute; width: 67px; height: 67px; z-index: 40; background: url("../img/tipoeventos.png") no-repeat; left: 16px; top: 52px; } #eventos .te-1 { background-position: 0 0; } /* BALLET */ #eventos .te-2 { background-position: -67px 0; } /* COMEDIA */ #eventos .te-3 { background-position: -134px 0; } /* CONCIERTO */ #eventos .te-4 { background-position: -201px 0; } /* DESPORTIVO */ #eventos .te-5 { background-position: -268px 0; } /* DOCUMENTAL */ #eventos .te-6 { background-position: -335px 0; } /* MUSICAL */ #eventos .te-7 { background-position: -402px 0; } /* OPERA */ #eventos .te-8 { background-position: -469px 0; } /* OTROS */ #eventos .linkcartel .stick-va { position: absolute; width: 67px; height: 67px; z-index: 40; background: url("../img/tipoeventos.png") no-repeat; left: 16px; top: 52px; } #eventos .listado-peliculas-item[data-preferencia*="Ballet"] .linkcartel .stick-va { background-position: 0 0; } /* BALLET */ #eventos .listado-peliculas-item[data-preferencia*="Comedia"] .linkcartel .stick-va { background-position: -67px 0; } /* COMEDIA */ #eventos .listado-peliculas-item[data-preferencia*="Concierto"] .linkcartel .stick-va { background-position: -134px 0; } /* CONCIERTO */ #eventos .listado-peliculas-item[data-preferencia*="Deportivo"] .linkcartel .stick-va { background-position: -201px 0; } /* DEPORTIVO */ #eventos .listado-peliculas-item[data-preferencia*="Documental"] .linkcartel .stick-va { background-position: -268px 0; } /* DOCUMENTAL */ #eventos .listado-peliculas-item[data-preferencia*="Musical"] .linkcartel .stick-va { background-position: -335px 0; } /* MUSICAL */ #eventos .listado-peliculas-item[data-preferencia*="Ópera"] .linkcartel .stick-va { background-position: -402px 0; } /* OPERA */ #eventos .listado-peliculas-item .linkcartel .stick-va { background-position: -469px 0; } /* OTROS */ /* /EVENTOS */ /* ################################################################################################################################## */ #dolby .container { display: block; margin: 10px auto 30px; border: none; width: 420px; height: 237px; } /* ################################################################################################################################## */ #ficha_cine .evento_destacado div.menudias > ul > li.menudias_selected > a, #ficha_cine .horario_eventos div.menudias > ul > li.menudias_selected > a { border-color: #fba300 !important; } #ficha_cine #bajo_menu { display: none; } #ficha_cine .select_cinefav { margin-top: 10px; } /* TRAILERS */ #trailers_cartelera main nav ul li, #trailers_estrenos main nav ul li { background-color: #d3d3d3; } #trailers_cartelera main nav ul li a, #trailers_estrenos main nav ul li a { color: #7C01EB; } .no-touch #trailers_cartelera main nav ul li:hover, .no-touch #trailers_estrenos main nav ul li:hover { background-color: #7C01EB; } .no-touch #trailers_cartelera main nav ul li a:hover, .no-touch #trailers_estrenos main nav ul li a:hover { color: #ffffff; } #trailers_cartelera #bajo_menu #orden, #trailers_estrenos #bajo_menu #orden { color: #7C01EB; } #trailers_cartelera #bajo_menu #orden > a, #trailers_estrenos #bajo_menu #orden > a { color: #7C01EB; } #trailers_cartelera #bajo_menu #orden > a.selected, #trailers_estrenos #bajo_menu #orden > a.selected { background-color: #7C01EB; color: #ffffff; } .no-touch #trailers_cartelera #bajo_menu #orden > a:hover, .no-touch #trailers_estrenos #bajo_menu #orden > a:hover { background-color: #7C01EB; color: #ffffff; } #trailers_cartelera section .cartelera_peliculas > ul > li h3, #trailers_estrenos section .cartelera_peliculas > ul > li h3 { color: #7C01EB; } #trailers_cartelera section .cartelera_peliculas > ul > li a.vf, .no-touch #trailers_cartelera section .cartelera_peliculas > ul > li a.vf:hover, #trailers_estrenos section .cartelera_peliculas > ul > li a.vf, .no-touch #trailers_estrenos section .cartelera_peliculas > ul > li a.vf:hover { color: #7C01EB; } #trailers_cartelera main section .cartelera_peliculas ul li a.verficha, #trailers_estrenos main section .cartelera_peliculas ul li a.verficha { color: #7C01EB; } #trailers_cartelera main section .cartelera_peliculas ul li a.verficha:after, #trailers_estrenos main section .cartelera_peliculas ul li a.verficha:after { content: ""; background: none repeat scroll 0 0 #7C01EB; } .no-touch #trailers_cartelera section .cartelera_peliculas ul li a.verficha:hover, #trailers_cartelera section .cartelera_peliculas ul li a.verficha:active, .no-touch #trailers_estrenos section .cartelera_peliculas ul li a.verficha:hover, #trailers_estrenos section .cartelera_peliculas ul li a.verficha:active { border: 2px solid #7C01EB; color: #FFFFFF; } #trailers_cartelera section .cartelera_peliculas ul li a.vf, .no-touch #trailers_cartelera section .cartelera_peliculas ul li a.vf:hover, #trailers_estrenos section .cartelera_peliculas ul li a.vf, .no-touch #trailers_estrenos section .cartelera_peliculas ul li a.vf:hover { color: #7C01EB; } .no-touch #trailers_cartelera section .cartelera_peliculas > ul > li a:hover .play { width: 200px; height: 280px; z-index: 90; background: rgba(200, 200, 200, 0.5) url(../img/play_web.png) no-repeat center; } .no-touch #trailers_estrenos section .cartelera_peliculas > ul > li a:hover .play { z-index: 90; background: rgba(200, 200, 200, 0.5) url(../img/play_m.png) no-repeat center; } /* /TRAILERS */ /*menudias */ .flecha_right.disabled, .flecha_left.disabled { display: none !important; } .evento_destacado .menudias .menudias_selected a, .horario_eventos .menudias .menudias_selected a { border-color: #fba300 !important; } /* sombra s_zona*/ article.select_cinefav div.s_zona { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } /* slide de los banners*/ ul.slide { padding: 0; } ul.slide > li { display: inline; } /* banner_seccion*/ #banner_seccion ul { padding: 0; } #banner_seccion ul li { display: inline-block; } #banner_seccion img { width: 100%; } #isens article.titulo, #imax article.titulo, #screenX article.titulo { text-align: left; } #isens article.titulo h3, #imax article.titulo h3, #screenX article.titulo h3 { display: inline-block; font-family: "dinengschriftstd"; font-weight: 100; padding: 0 40px; position: relative; vertical-align: top; font-size: 23px; height: 40px; line-height: 40px; margin: 0 0 10px; background-color: #f5f5f5; color: #0076ec; } #imax #banner_seccion img, #isens #banner_seccion img, #screenX #banner_seccion img { width: 100%; } #imax #banner_seccion .col, #isens #banner_seccion .col, #screenX #banner_seccion .col { position: relative; display: inline-block; vertical-align: top; width: 50%; } #imax #banner_seccion .col .container, #isens #banner_seccion .col .container, #screenX #banner_seccion .col .container { position: absolute; top: calc(50% - 107px); left: calc(50% - 190px); width: 380px; height: 214px; border: none; } /* MENUS y SUBMENUS ACTIVOS ################################################################################### */ /* PELICULAS --------------------------------------------------------------- */ .cartelera_peliculas_pelicula header #menu_web .colorbutton.categoria_act a, #isens header #menu_web .colorbutton.categoria_act a, #imax header #menu_web .colorbutton.categoria_act a, #screenX header #menu_web .colorbutton.categoria_act a, #dolby header #menu_web .colorbutton.categoria_act a, #ficha_pelicula header #menu_web .colorbutton.categoria_act a { background: none repeat scroll 0 0 #0076EC; border-color: #0076ec; color: #ffffff; } .cartelera_peliculas_pelicula main nav ul li a.subcategoria_act, #isens main nav ul li a.subcategoria_act, #imax main nav ul li a.subcategoria_act, #screenX main nav ul li a.subcategoria_act, #dolby main nav ul li a.subcategoria_act, #ficha_pelicula main nav ul li a.subcategoria_act { background-color: #0076EC; color: #ffffff; height: 34px; } /* EVENTOS --------------------------------------------------------------- */ #eventos header #menu_web .colorbutton.categoria_act a, #ficha_eventos header #menu_web .colorbutton.categoria_act a { background: none repeat scroll 0 0 #fba300; border-color: #fba300; color: #ffffff; } #eventos main nav ul li a.subcategoria_act, #ficha_eventos main nav ul li a.subcategoria_act { background-color: #fba300; color: #ffffff; height: 34px; } /* TRAILERS --------------------------------------------------------------- */ #trailers_estrenos header #menu_web .colorbutton.categoria_act a, #trailers_cartelera header #menu_web .colorbutton.categoria_act a { background: none repeat scroll 0 0 #7C01EB; border-color: #7C01EB; color: #ffffff; } #trailers_estrenos main nav ul li a.subcategoria_act, #trailers_cartelera main nav ul li a.subcategoria_act { background-color: #7C01EB; color: #ffffff; height: 34px; } /* CINES --------------------------------------------------------------- */ #ficha_cine header #menu_web .colorbutton.categoria_act a { background: none repeat scroll 0 0 #FED801; border-color: #FED801; color: #ffffff; } /* /MENUS y SUBMENUS ACTIVOS ################################################################################### */ article.horarios div.menudias ul li { margin: 0 !important; } /* ############################################################################################################################# */ /* ISENS IMAX*/ #imax .select_cinefav .btn_zona, #isens .select_cinefav .btn_zona, #screenX .select_cinefav .btn_zona { position: relative; display: inline-block; vertical-align: top; background: none repeat scroll 0 0 #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); color: #999999; cursor: pointer; font-family: "dinengschriftstd"; font-size: 15px; height: 42px; line-height: 21px; padding-left: 40px; text-align: left; } #imax .select_cinefav .btn_zona span, #isens .select_cinefav .btn_zona span, #screenX .select_cinefav .btn_zona span { background: url("../img/ficha_masmenos.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 26px; left: 6px; position: absolute; top: 7px; width: 26px; } #imax .select_cinefav .btn_zona.open, #isens .select_cinefav .btn_zona.open, #screenX .select_cinefav .btn_zona.open { background: none repeat scroll 0 0 #999999; color: #ffffff; } /* /ISENS IMAX*/ /* ############################################################################################################################# */ /* ############################################################################################################################# */ /* FICHA PELICULA HORARIOS */ .horarios { position: relative; margin-bottom: 20px !important; font-family: "Trebuchet MS"; font-size: 15px; color: #08262c; } .horarios ul { position: relative; padding: 0; margin: 0; text-align: left; background: #ffffff; } .horarios ul.promo { border: 1px solid #f03; } .horarios > ul > li { position: relative; display: inline-block; width: 100%; } .horarios .lista_horarios { position: relative; width: 98%; min-height: 76px; margin: 0 auto; } .horarios > ul > li:last-child .lista_horarios { border: none; } .horarios .sala p { margin: 7px 0 10px; } .horarios .sala ul { margin: 0px; background: none; } .horarios .sala li { display: inline-block; position: relative; vertical-align: top; width: 60px; height: 32px; line-height: 32px; text-align: center; margin: 0 8px 8px 0; } .horarios .sala li a { display: inline-block; position: relative; width: 60px; height: 32px; background: #ffdf0f; color: #08262c; } .horarios .sala .promo { display: inline-block; position: relative; width: 60px; height: 32px; background: #F03; color: #fff !important; } .horarios .sala span.rb_promo { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; width: 64px; position: absolute; top: -7px; height: 21px; right: -31px; } .horarios .isens .lista_horarios, .horarios .imax .lista_horarios, .horarios .screenx .lista_horarios, .horarios .dolby .lista_horarios, .horarios .whatscine .lista_horarios { border: none; color: #ffffff; } .horarios > ul > li.sala.isens { background: #211916 url("../img/isens.jpg") no-repeat right 3px; } .horarios > ul > li.sala.imax { background: #0196d8 url("../img/imax.jpg") no-repeat right 3px; } .horarios > ul > li.sala.dolby { background: #000000 url("../img/dolby.jpg") no-repeat right 3px; } .horarios > ul > li.sala.screenx { background: #000000 url(" ../img/screenx_logo_noluxe.png") no-repeat right 8px center; background-size:8%; } .horarios > ul > li.sala.whatscine { background: #f32837 url("../img/whatscine.jpg") no-repeat right 8px; } @media all and (max-width: 570px) { .horarios > ul > li.sala.isens, .horarios > ul > li.sala.imax, .horarios > ul > li.sala.dolby, .horarios > ul > li.sala.whatscine { background-size: 13%; } } .horarios .sala.isens li a, .horarios .sala.imax li a, .horarios .sala.dolby li a, .horarios .sala.whatscine li a { color: #00224c; } .horarios .cine { background: #ffdf0f; } .horarios .cine p { margin: 0 0 0 10px; height: 33px; line-height: 33px; color: #666666; } .horarios .sala li a.pasada { background: #f0f0f0 !important; color: #a4a4a4 !important; cursor: default; } .horarios .sala li a.noPromo { background: #f0f0f0 !important; color: #a4a4a4 !important; cursor: default; } /* /FICHA PELICULA HORARIOS */ /* ############################################################################################################################# */ /* FICHA V.3 08/2015 */ .horarios .lista_horarios { min-height: 50px; } .horarios li .lista_horarios .tipo, .horarios li .lista_horarios ul { display: inline-block; vertical-align: top; position: relative; margin-top: 10px; } .horarios li .lista_horarios .tipo { width: 100px; height: 32px; line-height: 30px; } .horarios li.dolby .lista_horarios .tipo { line-height: 16px; } .horarios li .lista_horarios ul { width: calc(100% - 110px); } .horarios .sala_patrocinada { width: 355px; margin-left: 113px; font-size: 13px; min-height: 30px; border: 1px solid #ffffff; } .horarios .sala_patrocinada.gnf { background: url("../img/sala_gnf.png") no-repeat right 6px; } .horarios .sala_patrocinada.cdv { width: auto !important; } .horarios .sala_patrocinada.ikea { width: 432px; /*margin-left:36px;*/ min-height: 40px; background: url("../img/ikeasalapatrocinada.jpg") no-repeat; } .horarios .golfa { font-family: "Trebuchet MS"; font-size: 13px; /* color: #f22737; */ padding-left: 22px; background: url("../img/golfas.png") no-repeat left; margin: 0 0 20px 10px; } /* ############################################################################################################################## */ /* ############################################################################################################################# */ /* FICHA CINE HORARIOS */ .horarios ul { margin-bottom: 20px; } .horarios .pelicula { position: relative; } .horarios .pelicula .poster { position: relative; display: inline-block; vertical-align: top; width: 105px; } .horarios .pelicula.warner .poster span { position: absolute; width: 102px; height: 20px; bottom: 1px; left: 0; background: url("../img/gifwarnerhorarios.gif") no-repeat bottom center; background-size: 100%; } .horarios .pelicula .poster img { width: 87px; height: 121px; margin: 5px 7px; } .horarios .pelicula .peli_info { position: relative; display: inline-block; vertical-align: top; width: calc(100% - 130px); } .horarios .pelicula .peli_info h4 { margin: 3px 0; font-size: 18px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .horarios .pelicula .peli_info h4 a { color: inherit; } .horarios .pelicula .peli_info p { margin: 4px 0; font-size: 13px; color: #999999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .horarios .pelicula .peli_info p span { color: #666666; } .horarios .pelicula .verhorarios { display: none; position: absolute; bottom: 0; right: 0; width: 100px; height: 38px; line-height: 38px; text-align: center; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; cursor: pointer; font-size: 16px; color: #666666; } .horarios .pelicula .verhorarios span { position: absolute; width: 20px; height: 16px; left: 13px; top: 12px; background: url("../img/ficha_flechas.png") no-repeat 0 0; } .horarios .pelicula .verhorarios.open span { background-position: -20px 0; } .horarios .pelicula .tecnologia { position: relative; display: none; vertical-align: top; width: 80px; height: 30px; margin: 12px 0 0 10px; } .horarios .pelicula.isens .tecnologia { background: url("../img/isens.jpg") no-repeat; } .horarios .pelicula.imax .tecnologia { background: url("../img/imax.jpg") no-repeat; } .horarios .pelicula.dolby .tecnologia { background: url("../img/dolby.jpg") no-repeat; } .horarios .pelicula.isens.imax .tecnologia { background: url("../img/isens.jpg"), url("../img/imax.jpg"); background-repeat: no-repeat; background-position: left, right; background-size: 70px, 70px; width: 145px; margin-left: 3px; } .horarios .pelicula.isens.dolby .tecnologia { background: url("../img/isens.jpg"), url("../img/dolby.jpg"); background-repeat: no-repeat; background-position: left, right; background-size: 70px, 70px; width: 145px; margin-left: 3px; } .horarios ul.destacado li.destacado { background: #ffdf0f; text-align: center; } .horarios ul.destacado li.destacado p { font-family: "dinengschriftstd"; font-size: 20px; color: #ffffff; height: 33px; line-height: 33px; margin: 0; text-align: left; padding-left: 10px; /*font-weight: bold;*/ } .horarios ul.destacado { border: 3px solid #ffdf0f; } .horarios ul.destacado.evento { border: 3px solid #FBA300; } .horarios ul.destacado .pelicula { border: none; height: 52px; line-height: 52px; width: calc(100% - 20px); margin-left: 10px; } .horarios ul.destacado .peli_info { width: 100%; height: 52px; } .horarios ul.destacado .peli_info > * { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; } .horarios ul.destacado .peli_info h4 { width: 59%; } .horarios ul.destacado .peli_info p { width: 18%; font-size: 15px; color: #666666; } .horarios ul.destacado .peli_info > a { width: 163px; height: 32px; line-height: 32px; text-align: center; background-color: #ffdf0f; border-radius: 10px; position: absolute; right: 0; margin-top: 5px; font-family: "dinengschriftstd"; font-size: 17px; color: #666666; cursor: pointer; } .horarios ul.destacado.evento .peli_info > a { background-color: #fba300; color: #ffffff; } .no-touch .horarios .sala li a:hover { background-color: #f4d600; } .no-touch .horarios .sala .promo:hover { background-color: #f03; color: #f4d600; } .no-touch .horarios .evento .sala li a:hover { background-color: #ea9800; } /* /FICHA CINE HORARIOS */ /* ############################################################################################################################# */ /* ############################################################################################################################# */ /* EVENTO HORARIOS */ .horarios .evento .cine { background-color: #fba300; } .horarios .evento .cine p { color: #ffffff; } .horarios .evento .sala li a { background-color: #fba300; color: #ffffff; } .horarios ul.evento.destacado li.destacado { background-color: #fba300; } .horarios ul.evento.destacado { border-color: #fba300; } .horarios .evento .pelicula .verhorarios span { background: url("../img/ficha_flechas_evento.png") no-repeat 0 0; } .horarios .evento .pelicula .verhorarios.open span { background-position: -20px 0; } /* /EVENTO HORARIOS */ /* ############################################################################################################################# */ /* ############################################################################################################################# */ /* FICHA PELICULA ZONA */ article.zona { position: relative; width: 100%; margin: 0 auto 20px; text-align: center; } article.zona .btn_zona { position: relative; display: inline-block; width: 210px; height: 40px; line-height: 40px; padding-left: 32px; text-align: center; background: #ffffff; color: #999999; font-family: "dinengschriftstd"; font-size: 18px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); cursor: pointer; } article.zona .btn_zona span { position: absolute; width: 26px; height: 26px; left: 15px; top: 7px; background: url("../img/ficha_masmenos.png") no-repeat 0 0; } article.zona .btn_zona.open { background: #999999; color: #ffffff; } article.zona .btn_zona.open span { background-position: -26px 0; } /* /FICHA PELICULA ZONA */ /* ############################################################################################################################# */ /* ############################################################################################################################## */ /* FICHA CINE */ #ficha_cine .select_cinefav { width: 100%; padding: 0; margin-bottom: 0px; text-align: left; } #ficha_cine .select_cinefav > * { position: relative; display: inline-block; vertical-align: top; } #ficha_cine .select_cinefav .field { margin: 0 auto 10px; } #ficha_cine .select_cinefav .field .radiobox:first-child { margin-bottom: 10px; } #ficha_cine .select_cinefav .maps { width: 42px; height: 42px; background: #ffffff url("../img/cine_zona.png") no-repeat center; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); cursor: pointer; } #ficha_cine .select_cinefav .btn_zona { height: 42px; line-height: 21px; background: #ffffff; text-align: left; padding-left: 40px; font-family: "dinengschriftstd"; font-size: 15px; color: #999999; cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); } #ficha_cine .select_cinefav .btn_zona span { position: absolute; width: 26px; height: 26px; left: 6px; top: 7px; background: url("../img/ficha_masmenos.png") no-repeat 0 0; } #ficha_cine .select_cinefav .btn_zona.open { background: #999999; color: #ffffff; } #ficha_cine .select_cinefav .btn_zona.open span { background-position: -26px 0; } #ficha_cine .select_cinefav .print_btn { background: url("../img/prints.png") no-repeat 8px center #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); cursor: pointer; height: 42px; width: 42px; margin-left: 10px; } article.select_cinefav .btn_promos { height: 42px; line-height: 42px; text-align: center; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); background: #ff0033; font-family: "dinengschriftstd"; color: #ffffff; margin-left: 25px; cursor: pointer; } #ficha_cine article > h3 { position: relative; margin: 5px 0; text-align: center; background: #f5f5f5; font-family: "dinengschriftstd"; font-weight: 100; color: #999999; } #ficha_cine article h3.ev { color: #fba300; } #ficha_cine article h3.promo { color: #ff0033; } article.promociones { position: relative; width: 100%; margin-bottom: 40px; } article.promociones .banners_promo { background-image: url("../img/cine_shadow_left.png"), url("../img/cine_shadow_right.png"), url("../img/cine_shadow_top.png"); background-color: #ffffff; background-repeat: repeat-y, repeat-y, repeat-x; background-position: left, right, top; height: 165px; position: relative; } article.promociones .banners_promo ul { position: relative; margin: 0 auto 20px; top: 20px; padding: 0; width: 98%; white-space: nowrap; overflow: hidden; text-align: center; } article.promociones .banners_promo li { display: inline-block; margin: 0 7px 0 0; } article.promociones .banners_promo #next, article.promociones .banners_promo #prev { position: absolute; top: 55px; width: 42px; } article.promociones .banners_promo #next { right: 4px; } article.promociones .banners_promo #prev { left: 4px; } article.precios, article.calif { position: relative; margin: 0 auto 20px; text-align: center; } article .btn_mostrar { position: relative; display: inline-block; text-align: center; background: #a8a8a8; color: #ffffff; font-family: "Trebuchet MS"; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); cursor: pointer; } article.precios .div_precios, article.calif .div_calificaciones { position: relative; background: #ffffff; } article.precios .div_precios ul, article.calif .div_calificaciones ul { padding: 0; } article.precios .div_precios li { position: relative; display: inline-block; vertical-align: top; } article.calif .div_calificaciones li { position: relative; display: inline-block; vertical-align: top; } .infocine_col { font-family: 'Trebuchet MS'; } .infocine_col > h3 { background-color: #a8a8a8; color: #ffffff; font-weight: normal; } .infocine_col > p { width: 100%; text-align: left; color: #666666; } .infocine_col > p > span { float: right; background-color: #e5e5e5; border-radius: 5px; } article.precios .infocine_col p { padding-right: 70px; width: calc(100% - 70px); position: relative; line-height: 20px; height: 40px; padding-top: 10px; } article.precios .infocine_col > p > span { position: absolute; right: 0; top: 0; background-color: #e5e5e5; border-radius: 5px; } .infocine_col > p.infocine_sub { background-color: #e5e5e5; text-align: center; } article.precios .infocine_col > p.infocine_sub { width: 100%; padding: 0; height: auto; } .div_calificaciones p { position: relative; } .cinesaplan { margin-bottom: 10px; } .cinesaplan .plan { position: relative; display: inline-block; vertical-align: top; } .cinesaplan .plan .titulo { position: relative; display: inline-block; background-color: #e9e9e9; border: 2px solid #ffffff; border-bottom: none; } .cinesaplan .plan .titulo p { margin: 0; padding-left: 10px; font-family: 'dinengschriftstd'; color: #999999; } .cinesaplan .plan .titulo img { position: absolute; } .cinesaplan .plan > img { border: 2px solid #ffffff; } .cinesaplan .plan a { position: relative; display: inline-block; text-align: center; font-family: 'dinengschriftstd'; color: #ffffff; background-color: #047fcb; border: 2px solid #047fcb; transition: 0.2s; box-shadow: 2px 3px 6px 0px rgba(50, 50, 50, 0.55); } .no-touch .cinesaplan .plan a:hover { background-color: #024B77; border-color: #024B77; transition: 0.2s; } .solo_movil { display: none; } #ficha_cine .seleccionardia { width: calc(100% - 310px); } #ficha_cine .container_rb { width: 370px; margin: 0 10px 10px; } /* /FICHA CINE */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROMOS LANDING */ #promos .bb_tlf { display: none; } #promos_landing section article { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #promos_landing section article.cartel-promo { background-color: #ffffff; } #promos_landing section div.info-promo { background-color: #ffffff; color: #666666; font-family: "Trebuchet MS"; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #promos_landing section div.info-promo p { line-height: 18px; padding-bottom: 5px; } #promos_landing section div.info-promo p.titulo { border-bottom: 1px solid #dfdfdf; padding-bottom: 12px; } #promos_landing section div.info-promo span { color: #ff0033; width: 60px; padding-right: 15px; } /* /PROMOS LANDING */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROXIMOS ESTRENOS */ #proximos_estrenos article.cartelera_peliculas > ul > li { margin-bottom: 70px; } #proximos_estrenos article.cartelera_peliculas .fechaestreno { position: absolute; left: 0px; background-color: #0076ec; } #proximos_estrenos article.cartelera_peliculas .fechaestreno.fe-last { width: 100%; } #proximos_estrenos article.cartelera_peliculas .fechaestreno span { color: #ffffff !important; font-family: dinengschriftstd !important; margin-left: 10px !important; background: none; float: none; } article.cartelera_peliculas li.warner a .stick-va, article.cartelera_peliculas li.ventaanticipada a .stick-va { position: absolute; left: 16px; width: 67px; height: 67px; z-index: 50; margin-top: 4px; } article.cartelera_peliculas li.warner a .stick-va { background: url(../img/gifwarnercartelera.gif) no-repeat; } article.cartelera_peliculas li.ventaanticipada a .stick-va { background: url(../img/ventaanticipada.png) no-repeat; } article.cartelera_peliculas li a .cartel { border: 3px solid #ffffff; } article.cartelera_peliculas li.warner a .cartel { border: 3px solid #004b96; } article.cartelera_peliculas li.ventaanticipada a .cartel { border: 3px solid #f3d801; } main section .cartelera_peliculas ul li div.contenedor_premium { position: absolute; width: calc(100% - 2px); height: 20px; left: 1px; bottom: 0; z-index: 30; } main section .cartelera_peliculas ul li div.contenedor_premium div { position: relative; height: 20px; z-index: 31; } main section .cartelera_peliculas ul li div.contenedor_premium .isens { background-color: #00234c; } main section .cartelera_peliculas ul li div.contenedor_premium .imax { background-color: #0196d8; } main section .cartelera_peliculas ul li div.contenedor_premium .dolby { background-color: #000000; } main section .cartelera_peliculas ul li div.contenedor_premium div { display: none; } main section .cartelera_peliculas ul li.isens div.contenedor_premium .isens, main section .cartelera_peliculas ul li.imax div.contenedor_premium .imax, main section .cartelera_peliculas ul li.dolby div.contenedor_premium .dolby { display: inline-block; width: 100%; } main section .cartelera_peliculas ul li.isens.imax div.contenedor_premium .isens, main section .cartelera_peliculas ul li.isens.imax div.contenedor_premium .imax, main section .cartelera_peliculas ul li.isens.dolby div.contenedor_premium .isens, main section .cartelera_peliculas ul li.isens.dolby div.contenedor_premium .dolby, main section .cartelera_peliculas ul li.imax.dolby div.contenedor_premium .dolby, main section .cartelera_peliculas ul li.imax.dolby div.contenedor_premium .imax { display: inline-block; width: 50%; } main section .cartelera_peliculas ul li.isens.imax.dolby div.contenedor_premium div { display: inline-block; width: 33.33%; } main section .cartelera_peliculas ul li.isens div.contenedor_premium .isens span { position: absolute; width: 43px; height: 20px; background: url("../img/tecno_cartelera.jpg")no-repeat -70px 4px; left: calc(50% - 22px); } main section .cartelera_peliculas ul li.imax div.contenedor_premium .imax span { position: absolute; width: 70px; height: 20px; background: url("../img/tecno_cartelera.jpg")no-repeat 0px 4px; left: calc(50% - 35px); } main section .cartelera_peliculas ul li.dolby div.contenedor_premium .dolby span { position: absolute; width: 62px; height: 20px; background: url("../img/tecno_cartelera.jpg")no-repeat -113px 4px; left: calc(50% - 31px); } /* /PROXIMOS ESTRENOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* HOME */ #home article { position: relative; margin: 10px 0 20px 0; } /*general*/ #home .pelicula_principal ul { margin: 0; padding: 0; } #home .pelicula_principal .topo3d { background: url(../img/topo3d.png) no-repeat; position: absolute; } #home .pelicula_principal .principal-info { position: absolute; background: rgba(255,255,255,0.4); } #home .pelicula_principal .principal-info a { background-color: #ffffff; font-family: dinengschriftstd; color: #666666; } #home .pelicula_principal .principal-info a.trailer { padding-left: 45px; position: relative; } #home .pelicula_principal .principal-info a.trailer span { position: absolute; width: 21px; height: 25px; background-position: -843px -32px; left: 10px; top: 12px; } #home .pelicula_principal .img_left, #home .pelicula_principal .img_right { position: absolute; } #home .pelicula_principal .img_left { background-position: 0 50%; left: 7px; } #home .pelicula_principal .img_right { right: 12px; } #home .pelicula_principal .img_left span, #home .pelicula_principal .img_right span { position: absolute; width: 32px; height: 40px; top: 230px; left: 0 !important; } #home .pelicula_principal .img_left span { background-position: -877px -32px; } #home .pelicula_principal .img_right span { background-position: -915px -32px; } #home .promociones span { position: absolute; color: #ff0033; font-family: dinengschriftstd; } .no-touch #home .promociones span:hover { border-bottom: 2px solid #ff0033; cursor: pointer; } #home .promociones div { position: relative; } #home .promociones > div, #home .carteles-carrusel, #home .tecnologia .tecno, #ciclos .carteles-carrusel, #ficha_cine .carteles-carrusel { background: #ffffff url("../img/cine_shadow_top.png") repeat-x top; } #home .promociones > div h3 { background-color: #f5f5f5 !important; } #home .promociones { white-space: nowrap; overflow: hidden; padding-bottom: 4px; } #home .promociones ul { position: absolute; padding: 0; white-space: nowrap; overflow: hidden; } #home .promociones ul li { margin: 0 5px; } #home .promociones .caroufredsel_wrapper, #home .promociones ul { min-height: 128px; } #home .cartelera ul, #home .cartelera .caroufredsel_wrapper { min-height: 280px; } #home .promociones .shadow_left, #home .promociones .shadow_right, #home .cartelera .shadow_left, #home .cartelera .shadow_right, #home .tecnologia .shadow_left, #home .tecnologia .shadow_right, #ciclos .ciclo .shadow_left, #ciclos .ciclo .shadow_right, #ficha_cine .ciclo .shadow_left, #ficha_cine .ciclo .shadow_right { position: absolute; } #ciclos .ciclo .shadow_left { left: 0; } #home .promociones .shadow_left, #home .cartelera .shadow_left, #home .tecnologia .shadow_left, #ficha_cine .ciclo .shadow_left { left: 0; background: url("../img/cine_shadow_left.png") repeat-y left top; } #ciclos .ciclo .shadow_right { right: 0; } #home .promociones .shadow_right, #home .cartelera .shadow_right, #home .tecnologia .shadow_right, #ficha_cine .ciclo .shadow_right { right: 0; background: url("../img/cine_shadow_right.png") repeat-y right top; } #home .promociones .shadow_left .img_left, #home .promociones .shadow_right .img_right { background: url(../img/fletxes_carrousel_left.png) no-repeat center; width: 49px; } #home .promociones .shadow_right .img_right { background: url(../img/fletxes_carrousel_right.png) no-repeat center; } #home .tecnologia .shadow_left, #home .tecnologia .shadow_right { height: 269px; width: 40px; top: 0; } /* ----------------------------- */ #home .promociones .infopromo { background-color: #ff0033; } #home .promociones .infopromo p { font-family: dinengschriftstd; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #home .promociones .infopromo .mas { text-align: center; background-color: #ffffff; border-radius: 6px; font-family: dinengschriftstd; color: #666666; } /* ----------------------------- */ #home .cartelera .cart-menu a { background-color: #ffffff; font-family: dinengschriftstd; color: #9a9a9a; position: relative; display: inline-block; margin: 0 0 0 20px; border: 2px solid #dfdfdf; font-size: 23px; width: 140px; height: 40px; line-height: 44px; text-align: center; } #home .cartelera .cart-menu a.pelicula.selected { background-color: #0076ec; border-color: #0076ec; color: #ffffff; } #home .cartelera .cart-menu a.eventos.selected { background-color: #fba303; border-color: #fba303; color: #ffffff; } #home .cartelera span.vercartelera { color: #0076ec; font-family: dinengschriftstd; } .no-touch #home .cartelera .vercartelera:hover { border-bottom: 2px solid #0076ec; cursor: pointer; } #home .cartelera span.vereventos { color: #fba303; font-family: dinengschriftstd; } .no-touch #home .cartelera span.vereventos:hover { border-bottom: 2px solid #fba303; cursor: pointer; } #home .carteles-carrusel ul, #ciclos .carteles-carrusel ul, #ficha_cine .carteles-carrusel ul { white-space: nowrap; overflow: hidden; } #ciclos .carteles-carrusel ul span.rb_promo { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; width: 81px; position: absolute; top: 6px; height: 21px; left: 151px; } #home .cartelera .shadow_left .img_left, #home .cartelera .shadow_right .img_right { width: 49px !important; } #home .cartelera .shadow_right .img_right span, #home .cartelera .shadow_left .img_left span { position: absolute; top: 140px; left: 8px; height: 40px; width: 32px !important; } #home .cartelera .shadow_right .img_right span { background-position: -915px -32px; } #home .cartelera .shadow_left .img_left span { background-position: -877px -32px; } #ciclos .ciclo .shadow_left .img_left, #ficha_cine .ciclo .shadow_left .img_left { background: url(../img/fletxes_carrousel_left.png) no-repeat center; width: 49px !important; } #ciclos .ciclo .shadow_right .img_right, #ficha_cine .ciclo .shadow_right .img_right { background: url(../img/fletxes_carrousel_right.png) no-repeat center; width: 49px !important; } #home .cartelera .infopeli, #ciclos .ciclo .infopeli, #ficha_cine .ciclo .infopeli { transition: 0.5s; } #home .cartelera .infopeli.pelicula, #ciclos .ciclo .infopeli.pelicula, #ficha_cine .ciclo .infopeli.pelicula { background-color: #0076ec; } #home .cartelera .infopeli.eventos { background-color: #fba303; } .no-touch #home .cartelera li:hover .infopeli, .no-touch #ficha_cine .ciclo li:hover .infopeli { transition: 0.5s; } #home .cartelera .infopeli h4, #ciclos .ciclo .infopeli h4, #ficha_cine .ciclo .infopeli h4 { font-family: dinengschriftstd; color: #ffffff; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; } #home .cartelera .infopeli p, #ciclos .ciclo .infopeli p, #ficha_cine .ciclo .infopeli p { font-family: dinengschriftstd; color: #ffffff; text-transform: uppercase; font-weight: normal; } #home .cartelera .infopeli .mas, #ciclos .ciclo .infopeli a, #ficha_cine .ciclo .infopeli a { text-align: center; background-color: #ffffff; border-radius: 6px; font-family: dinengschriftstd; color: #666666; } #home .tecnologia p { font-family: dinengschriftstd; color: #999999; } #home .tecnologia p span { color: #0076eb; } #home .tecnologia .dolby, #home .tecnologia .imax, #home .tecnologia .isens, #home .tecnologia .screenX { background-position: -535px -126px; position: absolute; margin: 0 auto; height: 238px; width: 170px; margin-left: 16px; transition: 0.5s; } #home .tecnologia .dolby { background-position: -898px -126px; } #home .tecnologia .screenX { background-position: -1045px -126px; } #home .tecnologia .isens { background-position: -713px -126px; } #home .clientes { background-color: #e1e1e1; } #home .clientes .toppeliculas ul { overflow: hidden; white-space: nowrap; } #home .clientes .toppeliculas .img_left, #home .clientes .toppeliculas .img_right { background: url(../img/fletxes2.png) no-repeat; } #home .clientes .toppeliculas .img_left { background-position: 0 50%; left: 10px; } #home .clientes .toppeliculas .img_right { background-position: -29px 50%; right: 5px; } #home .home-row { background: none !important; border: none !important; position: relative; height: auto !important; text-align: left; } #home .home-row h3 { position: relative; display: inline-block; vertical-align: top; padding: 0 20px; font-family: "dinengschriftstd"; font-weight: 100; } #home .home-row .btn { position: absolute; display: inline-block; vertical-align: top; font-family: "dinengschriftstd"; padding: 0 13px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.52); } #home .promociones .home-row h3 { color: #ff0033; background-color: #eeeeee; } #home .promociones .home-row a { color: #ffffff; background-color: #ff0033; } #home .cartelera .home-row h3 { color: #0076ec; background-color: #f5f5f5; } #home .cartelera .home-row a { color: #ffffff; background-color: #0076ec; } #home .tecnologia .home-row h3 { color: #999999; background-color: #f5f5f5; } #home .tecnologia .home-row span { color: #0076ec; } #home .promociones > div, #home .listacines { position: relative; display: none; margin-bottom: 14px !important; margin-top: 14px !important; width: 100%; text-align: center; } #home .listacines .btnlistacines { position: relative; display: inline-block; width: 250px; height: 44px; line-height: 44px; background-color: #ffdf0f; color: #000; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; cursor: pointer; border-radius: 4px; } #home .radios { width: 350px; position: absolute; bottom: 5px; right: 10px; text-align: right; } /* /HOME */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROMOS */ #promos main #bajo_menu { height: 14px; margin-bottom: 10px; } #promos .select_cinefav { padding: 0; } #promos .select_cinefav .row { position: relative; text-align: center; } #promos .select_cinefav .row .field { margin: 0 auto; } #promos .select_cinefav .row:first-child { margin-bottom: 20px; } #promos .select_cinefav .row:last-child > p { position: relative; display: inline-block; vertical-align: top; font-family: "Trebuchet MS"; color: #ff0033; } #promos .select_cinefav .row:last-child .field { position: relative; display: inline-block; vertical-align: top; } #promos article.select_cinefav .btn_borrar { position: relative; display: inline-block; vertical-align: top; background-color: #ffffff; color: #333333; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.30); } /* /PROMOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MAPA */ #mapa .cine_seleccionado { position: absolute; top: 370px; left: 121px; z-index: 2000; background: #9a9a9a; color: #ffffff; border-radius: 5px; width: 138px; height: 37px; line-height: 37px; text-align: center; padding-right: 10px; font-family: "Trebuchet MS"; font-size: 15px; } #mapa .cine_seleccionado p { margin: 0; } #mapa .cine_seleccionado span { position: absolute; background: url("../img/mapstar.png") no-repeat 0 0; height: 15px; width: 15px; top: 11px; margin-left: 5px; } #mapa .cine_seleccionado .flecha { position: absolute; margin-top: -5px; left: 10px; width: 0px; height: 0px; border-style: solid; border-width: 7px; border-top-width: 0px; border-color: transparent transparent #9a9a9a transparent; } /* /MAPA*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CICLOS */ #ciclos .ciclo .titulo, #ficha_cine .ciclo .titulo { color: #0076eb; font-family: dinengschriftstd; background-color: #eeeeee; } #ciclos .ciclo .carteles-carrusel .shadow_left, #ciclos .ciclo .carteles-carrusel .shadow_right { top: 0; } /* /CICLOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CINESACARD */ #cinesacard .ccard .micuenta, #cinesacard .ccard .ventajas_ccard { display: inline-block; vertical-align: top; } #cinesacard .micuenta img { text-align: center; border: 6px solid #ffffff; border-radius: 250px; z-index: 10; } #cinesacard .micuenta h3 { font-family: 'dinengschriftstd'; color: #e5e5e5; font-weight: 100; } #cinesacard .formlogin { background-color: #ffffff; text-align: center; } #cinesacard .formlogin form { text-align: center; } #cinesacard .formlogin input[type="email"], #cinesacard .formlogin input[type="password"] { background-color: #e5e5e5; font-family: 'dinengschriftstd'; color: #999999; } #cinesacard .formlogin input[type="submit"] { background-color: #0f99fe; border: none; color: #ffffff; font-family: 'dinengschriftstd'; font-weight: 100; } #cinesacard .formlogin a { text-align: center; font-family: 'dinengschriftstd'; color: #999999; } #cinesacard .ventajas_ccard { background-color: #ffffff; text-align: center; } #cinesacard .ventajas_ccard h3 { font-family: 'dinengschriftstd'; font-size: 45px; color: #0c99fe; margin: 5px 0 0 0; font-weight: 100; } #cinesacard .ventajas_ccard p { font-family: 'dinengschriftstd'; color: #999999; } #cinesacard .ventajas_ccard .lista_ventajas { display: table; } #cinesacard .ventajas_ccard .lista_ventajas ul { display: table-row; } #cinesacard .ventajas_ccard .lista_ventajas li { display: table-cell; } #cinesacard .lista_ventajas li div.jueves, #cinesacard .lista_ventajas li div.vip, #cinesacard .lista_ventajas li div.promociones, #cinesacard .lista_ventajas li div.puntos, #cinesacard .lista_ventajas li div.eventos { background: url(../img/ico_ccard_ventajas.png) no-repeat; width: 128px; height: 105px; } #cinesacard .lista_ventajas li div.jueves { background-position: 0 0; } #cinesacard .lista_ventajas li div.vip { background-position: -128px 0; } #cinesacard .lista_ventajas li div.promociones { background-position: -256px 0; } #cinesacard .lista_ventajas li div.puntos { background-position: -384px 0; } #cinesacard .lista_ventajas li div.eventos { background-position: -512px 0; } #cinesacard .lista_ventajas a { background-color: #0f99fe; z-index: 20; font-family: 'dinengschriftstd'; color: #ffffff; font-weight: 100; } #cinesacard .conseguirccard > div { vertical-align: top; } #cinesacard .conseguirccard .cc_header { background-color: #004c95; text-align: center; font-family: 'dinengschriftstd'; } #cinesacard .conseguirccard .cc_header p { color: #0e99fe; font-weight: 100; } #cinesacard .conseguirccard .activala .cc_header { background-color: #0e99fe; } #cinesacard .conseguirccard .activala .cc_header p { color: #004c95; } #cinesacard .conseguirccard .cc_header h3 { color: #ffffff; font-weight: 100; } #cinesacard .conseguirccard .cc_pasos { background-color: #ffffff; text-align: center; } #cinesacard .conseguirccard .circ-b, #cinesacard .conseguirccard .circ-g, #cinesacard .conseguirccard .circ-y { border-radius: 60px; } #cinesacard .conseguirccard .pidela .circ-b { background-color: #004c95; } #cinesacard .conseguirccard .activala .circ-b { background-color: #0f99fe; } #cinesacard .conseguirccard .circ-g { background-color: #e5e5e5; } #cinesacard .conseguirccard .circ-y { background-color: #ffdf0f; } #cinesacard .conseguirccard .pidela .flecha-1, #cinesacard .conseguirccard .activala .flecha-2 { width: 40px; background: url(../img/ico_ccard_pasos.png) no-repeat -300px 50%; } #cinesacard .conseguirccard .activala .flecha-2 { background-position: -335px 50%; } #cinesacard .conseguirccard .cc_pasos ul li .pc, #cinesacard .conseguirccard .cc_pasos ul li .taquilla, #cinesacard .conseguirccard .cc_pasos ul li .tarjeta { background: url(../img/ico_ccard_pasos.png) no-repeat; position: absolute; width: 100px; height: 90px; left: 50%; margin-left: -50px; top: 50%; margin-top: -42px; } #cinesacard .conseguirccard .cc_pasos ul li .pc { background-position: 0 0; } #cinesacard .conseguirccard .cc_pasos ul li .taquilla { background-position: -100px 0; } #cinesacard .conseguirccard .cc_pasos ul li .tarjeta { background-position: -200px 0; } #cinesacard .conseguirccard .cc_pasos > div { text-align: left; font-family: arial; color: #666666; } #cinesacard .conseguirccard .cc_pasos .popcorn { background: url(../img/ico_ccard_puntos.png) no-repeat; } #cinesacard .conseguirccard .cc_btn { background-color: #ffffff; } #cinesacard .conseguirccard .cc_btn a { text-align: center; background-color: #004c95; font-family: 'dinengschriftstd'; color: #ffffff; } #cinesacard .conseguirccard .activala .cc_btn a { background-color: #0f99fe; } #cinesacard .conseguirccard .cc_aviso { text-align: center; font-family: arial; color: #999999; } #cinesacard .conseguirccard .cc_aviso a { color: #999999; border-bottom: 1px solid #999999; } #cinesacard .aviso > div { background: #ffffff url(../img/ico_danger.png) no-repeat 15px center; text-align: center; } #cinesacard .aviso > div p { font-family: 'dinengschriftstd'; color: #666666; } #cinesacard .aviso > div a { background-color: #d3d3d3; color: #666666; font-family: 'arial'; } .no-touch #cinesacard .aviso > div a:hover { background-color: #aaaaaa; color: #ffffff; } #cinesacard .puntos .puntos_menu li { background-color: #d3d3d3; font-family: 'dinengschriftstd'; color: #0e99fe; cursor: pointer; } #cinesacard .puntos .puntos_menu li.selected { color: #ffffff; background-color: #0e99fe; } #cinesacard .puntos .div-1, #cinesacard .puntos .div-2, #cinesacard .puntos .div-3 { background-color: #ffffff; } #cinesacard .puntos .div-1 li, #cc_micuenta .puntos .div-1 li { text-align: center; cursor: pointer; } #cinesacard .puntos .div-1 li .tiporegalos, #cc_micuenta .puntos .div-1 li .tiporegalos { background-color: #e8e8e8; font-family: "Trebuchet MS"; color: #9a9a9a; font-weight: bold; text-align: left; } #cinesacard .regalo-puntos, #cc_micuenta .regalo-puntos { text-align: center; font-family: 'dinengschriftstd'; color: #0f99fe; } #cinesacard .puntos .div-1 li .regalo-info, #cc_micuenta .puntos .div-1 li .regalo-info { background-color: #d3d3d3; font-family: "Trebuchet MS"; text-align: left; white-space: nowrap; overflow: hidden; } #cinesacard .puntos .div-1 li .regalo-info p, #cc_micuenta .puntos .div-1 li .regalo-info p { color: #004c95; } #cinesacard .puntos .div-1 li .regalo-info p:first-child, #cc_micuenta .puntos .div-1 li .regalo-info p:first-child { color: #0e99fe; } #cinesacard .imagenregalo, #cc_micuenta .imagenregalo { background-image: url(../img/ico_ccard_puntos.png); width: 118px; height: 105px; margin-top: 5px; background-repeat: no-repeat; display: inline-block; } .regalo-1 { background-position: 0 0; } .regalo-2 { background-position: -118px 0; } .regalo-3 { background-position: -236px 0; } .regalo-4 { background-position: -354px 0; } .regalo-5 { background-position: -472px 0; } .regalo-6 { background-position: 0 -105px; } .regalo-7 { background-position: 0 -210px; } .regalo-8 { background-position: -118px -210px; } .regalo-9 { background-position: -236px -210px; } .regalo-10 { background-position: -354px -210px; } .regalo-11 { background-position: -472px -210px; } .regalo-12 { background-position: -590px -210px; } .regalo-13 { background-position: -708px -210px; } .regalo-14 { background-position: -826px -210px; } .regalo-15 { background-position: 0 -315px; } .regalo-16 { background-position: -118px -315px; } .regalo-17 { background-position: -236px -315px; } .regalo-18 { background-position: -354px -315px; } .regalo-19 { background-position: -472px -315px; } .regalo-20 { background-position: -590px -315px; } .regalo-21 { background-position: -708px -315px; } .regalo-22 { background-position: -826px -315px; } #cinesacard .puntos .div-2 { text-align: center; } #cinesacard .puntos .div-3 { text-align: left; } #cinesacard .puntos .div-3 li, #cc_micuenta .faq .div-3 li { cursor: pointer; background-color: #e8e8e8; font-family: "Trebuchet MS"; color: #666666; } #cinesacard .puntos .div-3 .mas, #cinesacard .puntos .div-3 .menos, #cc_micuenta .faq .div-3 .mas, #cc_micuenta .faq .div-3 .menos { position: absolute; width: 35px; height: 30px; background: url(../img/faq.png) no-repeat; margin-left: -55px; } #cinesacard .puntos .div-3 .mas, #cc_micuenta .faq .div-3 .mas { background-position: 0 0; } #cinesacard .puntos .div-3 .menos, #cc_micuenta .faq .div-3 .menos { background-position: -35px 0; } #cinesacard .puntos .div-3 li.respuesta, #cc_micuenta .faq .div-3 li.respuesta { background: none; cursor: initial; } #cinesacard .puntos .div-3 li.respuesta ul li, #cc_micuenta .faq .div-3 li.respuesta ul li { background: #ffffff url(../img/li_gris.png) no-repeat 0px 10px; cursor: initial; } #cinesacard .puntos .div-3 li.respuesta ul li.stitulo, #cc_micuenta .faq .div-3 li.respuesta ul li.stitulo { color: #0e99fe; ; background: none; } #cinesacard .puntos .div-3 li.respuesta ul li.sresumen, #cc_micuenta .faq .div-3 li.respuesta ul li.sresumen { background: none; } #cinesacard .puntos .div-3 li.respuesta ul li a, #cc_micuenta .faq .div-3 li.respuesta ul li a { color: #666666; } #cinesacard .puntos .div-3 li.respuesta ul li.sresp, #cc_micuenta .faq .div-3 li.respuesta ul li.sresp { background: none; } #cinesacard #sb-site { min-height: 2000px !important; } /* /CINESACARD */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CINESACARD FORMULARIO + ACTIVACION*/ #cc_form .titulo h3, #cc_form_activar .titulo h3, #cc_form_finactivar .titulo h3, #cc_form_finpedir .titulo h3, #colegios .titulo h3, #recuperarmail .titulo h3, #recuperarpass .titulo h3 { background-color: #004c95; font-family: "dinengschriftstd"; font-weight: normal; color: #ffffff; } #cc_form .frm1, #cc_form .frm2, #cc_form .frm3, #cc_form .frm4, #cc_form .inf, #cc_form_activar .frm1, #cc_form_activar .frm2, #cc_form_activar .frm3, #cc_form_activar .frm4, #cc_form_activar .inf, #colegios .frm1, #colegios .frm2, #colegios .inf, #recuperarmail .frm1, #recuperarpass .frm1 { background-color: #ffffff; } #cc_form article h4, #cc_form_activar article h4, #cc_micuenta .frm h4, #clientes article h4, #colegios article h4, #recuperarmail article h4, #recuperarpass article h4 { font-family: "dinengschriftstd"; font-weight: normal; color: #d3d3d3; } #cc_form article .num, #cc_form_activar article .num, #clientes article .num, #colegios article .num { background-color: #d3d3d3; font-family: "dinengschriftstd"; font-weight: normal; color: #ffffff; text-align: center; border-radius: 30px; } #cc_form article.activo .num, #cc_form_activar article.activo .num, #clientes article.activo .num, #colegios article.activo .num { background-color: #004c95; cursor: pointer; } #cc_form article.activo h4, #cc_form article.inactivo h4, #cc_form_activar article.activo h4, #cc_form_activar article.inactivo h4, #cc_micuenta .frm h4, #clientes article.inactivo h4, #clientes article.activo h4, #colegios article.activo h4, #colegios article.inactivo h4, #recuperarmail article.activo h4, #recuperarpass article.activo h4 { color: #004c95; cursor: pointer; } #cc_form article.inactivo .num, #cc_form_activar article.inactivo .num, #clientes article.inactivo .num, #colegios article.inactivo .num { background-color: #004c95; } #cc_form article.inactivo h4, #cc_form_activar article.inactivo h4, #clientes article.inactivo h4, #colegios article.inactivo h4 { color: #004c95; } #cc_form .row input.text, #cc_micuenta input.text, #cc_form_activar .row input.text, #cc_micuenta .row input.text, #trabajaconnosotros .row input.text, #clientes .row input.text, #colegios .row input.text, #recuperarmail .row input.text, #recuperarpass .row input.text { border: none; border-left: 5px solid #d3d3d3; -webkit-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.20); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.20); font-family: "Trebuchet MS"; color: #909090; } #cc_form article.activo input.text, #cc_form_activar article.activo input.text, #trabajaconnosotros article.activo input.text, #clientes article.activo input.text, #colegios article.activo input.text, #recuperarmail article.activo input.text, #recuperarpass article.activo input.text { border-left: 5px solid #004c95; } #cc_form article.inactivo input.text, #cc_form_activar article.inactivo input.text, #colegios article.inactivo input.text { border-left: 5px solid #d3d3d3; } #cc_form .row span, #cc_form_activar .row span, #trabajaconnosotros .row span, #colegios .row span { font-family: "Trebuchet MS"; color: #999999; } #cc_form input[type="checkbox"], #cc_form_activar input[type="checkbox"], #trabajaconnosotros input[type="checkbox"], #colegios input[type="radio"] { display: none; } #cc_form input[type="checkbox"] + label span, #cc_form_activar input[type="checkbox"] + label span, #trabajaconnosotros input[type="checkbox"] + label span, #colegios input[type="radio"] + label span.ico { background: url(../img/ico_check.png) left top no-repeat; font-family: "Trebuchet MS"; color: #909090; } #cc_form .activo input[type="checkbox"]:checked + label span, #trabajaconnosotros .activo input[type="checkbox"]:checked + label span { background: url(../img/ico_check.png) left -37px no-repeat; } #cc_form_activar .activo input[type="checkbox"]:checked + label span, #colegios .activo input[type="radio"]:checked + label span.ico { background: url(../img/ico_check.png) left -76px no-repeat; } #cc_form .inactivo input[type="checkbox"]:checked + label span, #cc_form_activar .inactivo input[type="checkbox"]:checked + label span, #colegios .inactivo input[type="radio"]:checked + label span { background: url(../img/ico_check.png) left -113px no-repeat; } #cc_form .row a, #cc_form_activar .row a, #colegios .row a { color: #909090; } #cc_form input[type="submit"], #cc_form_activar input[type="submit"], #trabajaconnosotros input[type="submit"], #clientes input[type="submit"], #colegios input[type="submit"], #recuperarmail input[type="submit"], #recuperarmail input[type="button"], #recuperarpass input[type="submit"], #cc_form .btn, #cc_form_activar .btn, #colegios .btn { font-family: "dinengschriftstd"; color: #ffffff; background-color: #d3d3d3; cursor: pointer; } #cc_form article.activo input[type="submit"], #cc_form_activar article.activo input[type="submit"], #trabajaconnosotros article.activo input[type="submit"], #clientes article.activo input[type="submit"], #colegios article.activo input[type="submit"], #recuperarmail article.activo input[type="submit"], #recuperarmail article.activo input[type="button"], #recuperarpass article.activo input[type="submit"], #cc_form .btn, #cc_form_activar .btn, #colegios .btn { background-color: #004c95; } #cc_form .inf p, #cc_form_activar .inf p, #colegios .inf p { font-family: "Trebuchet MS"; color: #999999; } #cc_form .cc_select .select-group li, #cc_form_activar .cc_select .select-group li, #clientes .cc_select .select-group li, #colegios .cc_select .select-group li { border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; font-size: 16px; line-height: 30px; padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #recuperarmail input[type="submit"], #recuperarpass input[type="submit"] { font-family: "dinengschriftstd" !important; } /* /CINESACARD FORMULARIO + ACTIVACION*/ /* ############################################################################################################################## */ #cc_form_activar .titulo h3 { background-color: #0f99fe; } #cc_form_activar article.activo .num { background-color: #0f99fe; } #cc_form_activar article.activo h4, #cc_form_activar article.inactivo h4 { color: #0f99fe; } #cc_form_activar article.inactivo .num { background-color: #0f99fe; } #cc_form_activar article.inactivo h4 { color: #0f99fe; } #cc_form_activar article.activo input.text, #cc_micuenta .row input.text { border-left: 5px solid #0f99fe; } #cc_form_activar input[type="checkbox"]:checked + label span { background: url(../img/ico_check.png) left -37px no-repeat; } #cc_form_activar article.activo input[type="submit"], #cc_form_activar .btn { background-color: #0f99fe; } #cc_form_activar article.activo .num { border: 4px solid #b9e1ff !important; } #colegios .titulo h3 { background-color: #0f99fe; } #colegios article.activo .num { background-color: #0f99fe; } #colegios article.activo h4, #cc_form_activar article.inactivo h4 { color: #0f99fe; } #colegios article.inactivo .num { background-color: #0f99fe; } #colegios article.inactivo h4 { color: #0f99fe; } #colegios article.activo input.text, #cc_micuenta .row input.text, #cc_micuenta input.text { border-left: 5px solid #0f99fe; } #colegios input[type="checkbox"]:checked + label span { background: url(../img/ico_check.png) left -37px no-repeat; } #colegios article.activo input[type="submit"], #cc_form_activar .btn { background-color: #0f99fe; } #colegios article.activo .num { border: 4px solid #b9e1ff !important; } #colegios .btn { background-color: #0f99fe; } #recuperarmail .titulo h3 { background-color: #0f99fe; } #recuperarmail article.activo h4 { color: #0f99fe; } #recuperarmail article.activo input.text { border-left: 5px solid #0f99fe; } #recuperarmail article.activo input[type="submit"], #recuperarmail article.activo input[type="button"] { background-color: #0f99fe; } /* ############################################################################################################################## */ /* CINESACARD FORMU - MAIL + FIN*/ #cc_form .mail, #cc_form_activar .mail, #cc_form_finactivar .inf, #cc_form_finpedir .inf, #cc_form_error .error { background-color: #ffffff; font-family: "Trebuchet MS"; color: #909090; font-size: 15px; margin-bottom: 40px; padding: 15px 30px !important; } #cc_form .mail span, #cc_form_activar .mail span { padding: 0 !important; color: #004c95; } #cc_form_activar .mail span { color: #0f99fe; } #cc_form .mail a { color: #004c95; } #cc_form_activar .mail a { color: #0f99fe; } #cc_form_finactivar .inf { min-height: 240px; text-align: left; } #cc_form_finactivar .inf p { line-height: 18px; } #cc_form_finactivar .frm_btn, #cc_form_finpedir .inf .frm_btn { position: absolute; background-color: #0f99fe; width: 250px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; font-family: "dinengschriftstd"; font-size: 22px; margin-top: 35px; } #cc_form_finactivar .titulo h3 { background-color: #0f99fe; } #cc_form_finpedir .titulo h3 { background-color: #004c95; } @media all and (max-width: 799px) { #cc_form .mail, #cc_form_activar .mail, #cc_form_finactivar .inf, #cc_form_finpedir .inf { font-size: 18px; } #cc_form_finpedir .inf { padding-left: 0px !important; } #cc_form_finpedir .inf p { margin-left: 20px; } } #cc_form_finpedir .inf { margin-bottom: 20px; position: relative; text-align: left; } #cc_form_finpedir .inf > ul li { position: relative; margin-bottom: 17px; padding-left: 40px; font-size: 13px; font-style: italic; line-height: 27px; } #cc_form_finpedir .inf > ul li:last-child { margin-bottom: 35px; } #cc_form_finpedir .inf > ul li span { position: absolute; left: 0; width: 25px; height: 25px; text-align: center; border-radius: 25px; color: #ffffff; background-color: #004c95; font-family: "dinengschriftstd"; font-size: 16px; font-style: normal; } #cc_form_finpedir .inf p { margin-bottom: 30px; } #cc_form_finpedir .inf .cupon { position: relative; border: 1px solid rgba(50, 50, 50, 0.20); border-top-color: #0f99fe; border-left: 7px solid #0f99fe; width: 610px; height: 400px; margin: 20px 10px; -webkit-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.20); box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.20); } #cc_form_finpedir .inf .cupon .header { position: relative; background-color: #0f99fe; height: 130px; } #cc_form_finpedir .inf .cupon .header p { position: absolute; right: 10px; top: 5px; color: #ffffff; width: 420px; font-size: 17px; } #cc_form_finpedir .inf .cupon img { position: absolute; width: 150px; height: 150px; border-radius: 100px; top: 18px; left: 13px; } #cc_form_finpedir .inf .cupon .datos { position: relative; top: 60px; } #cc_form_finpedir .inf .cupon .datos li { position: relative; font-family: "Trebuchet MS"; font-size: 17px; padding-left: 180px; margin-bottom: 35px; } #cc_form_finpedir .inf .cupon .datos li span { color: #0f99fe; font-weight: bold; position: absolute; left: 0; } #cc_form_finpedir .inf .cupon .datos li span.doble { left: 300px; } #cc_form_finpedir .inf .cupon .datos li span.doble_resp { left: 350px; color: #909090; } #cc_form_finpedir .inf .frm_btn { top: 0px; left: 58%; width: 200px; background-color: #004c95; } @media all and (max-width: 1149px) { #cc_form_finpedir .inf .frm_btn { position: relative; display: inline-block; left: 10px; top: -20px; } } @media all and (max-width: 639px) { #cc_form_finpedir .inf > ul li { font-size: 15px; } #cc_form_finpedir .cupon { width: 440px !important; margin: 20px auto !important; left: 10px; } #cc_form_finpedir .cupon .header { height: 160px !important; } #cc_form_finpedir .cupon .header p { width: 250px !important; margin-top: 0px; } #cc_form_finpedir .cupon img { top: 5px !important; left: 10px !important; } #cc_form_finpedir .cupon .datos { top: 30px !important; left: -10px; } #cc_form_finpedir .inf .cupon .datos li span.doble { left: 250px; } #cc_form_finpedir .inf .cupon .datos li span.doble_resp { left: 300px; } #cc_form_finpedir .frm_btn { left: 50% !important; margin-left: -210px !important; } } #cc_form_error .titulo { background-color: #ff3300; font-family: "dinengschriftstd"; font-weight: normal; color: #ffffff; width: 350px; } #cc_form_error .error > div { margin: 15px 0 40px 0; text-align: left; } #cc_form_error .error .problema { margin-bottom: 40px; } #cc_form_error .error .opcion { font-size: 13px; font-style: italic; margin-bottom: 20px; } #cc_form_error .error p span, #cc_form_error .error p a { color: #0f99fe; } /* /CINESACARD FORMULARIO - MAIL + FIN*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* /CINESACARD MI CUENTA*/ #cc_micuenta aside { position: relative; vertical-align: top; } #cc_micuenta aside .cuenta { position: relative; background-color: #ffffff; text-align: center; } #cc_micuenta aside .cuenta img { width: 150px; height: 150px; border-radius: 100px; border: 5px solid #ffffff; } #cc_micuenta aside .cuenta p { font-family: "dinengschriftstd"; color: #9a9a9a; } #cc_micuenta aside .cuenta h3 { font-family: dinengschriftstd; color: #0f99fe; margin: 0; } #cc_micuenta aside .cuenta ul { padding: 0; text-align: left; } #cc_micuenta aside .cuenta ul li { background-color: #d4d4d4; text-align: center; font-family: "Trebuchet MS"; color: #ff3300; } #cc_micuenta aside .logout { position: relative; } #cc_micuenta aside .logout a { position: absolute; background-color: #004c95; font-family: "dinengschriftstd"; color: #ffffff; text-align: center; border-radius: 3px; } #cc_micuenta aside .info, #cc_micuenta .asideM .info { background-color: #ececec; text-align: center; border-radius: 3px; } #cc_micuenta aside .info p, #cc_micuenta .asideM .info p { font-family: "Trebuchet MS"; color: #999999; } #cc_micuenta aside .info a, #cc_micuenta .asideM .info a { color: #999999; } #cc_micuenta aside .infocc, #cc_micuenta .asideM .infocc { background-color: #ffffff; position: relative; border-radius: 3px; } #cc_micuenta aside .infocc .header, #cc_micuenta .asideM .infocc .header { position: relative; background: #d3d3d3 url("../img/cctrj.png") no-repeat 216px 6px; border-radius: 3px 3px 0 0; font-family: "Trebuchet MS"; font-weight: bold; color: #0f99fe; } #cc_micuenta aside .infocc p, #cc_micuenta .asideM .infocc p { font-family: "Trebuchet MS"; color: #999999; } #cc_micuenta section { vertical-align: top; } #cc_micuenta article.menu li { position: relative; font-family: "dinengschriftstd"; color: #0f99fe; background-color: #d3d3d3; vertical-align: top; text-align: center; cursor: pointer; } #cc_micuenta article.menu li.selected { color: #ffffff; background-color: #0f99fe; } #cc_micuenta .caducan, #cc_micuenta .movimientos, #cc_micuenta .frm, #cc_micuenta .puntos, #cc_micuenta .faq, #cc_micuenta .listapromos { background-color: #ffffff; } #cc_micuenta .caducan p, #cc_micuenta .movimientos p { font-family: "Trebuchet MS"; color: #909090; } #cc_micuenta .caducan ul { background: url("../img/caducidadpuntos.png") no-repeat 30px top; min-height: 100px; } #cc_micuenta .caducan ul li { font-family: "Trebuchet MS"; color: #909090; } #cc_micuenta .caducan ul li div { background-color: #e5e5e5; position: relative; text-align: center; } #cc_micuenta .caducan ul li div span { color: #f05439; } #cc_micuenta .movimientos .cc_select { vertical-align: top; } #cc_micuenta .movimientos .rangofechas span { font-family: "Trebuchet MS"; color: #909090; } #cc_micuenta .movimientos .rangofechas .btn { position: relative; background-color: #0f99fe; vertical-align: top; font-family: "dinengschriftstd"; color: #ffffff; text-align: center; } #cc_micuenta .movimientos .lista_movimientos .row { position: relative; } #cc_micuenta .movimientos .lista_movimientos .row div { position: relative; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Trebuchet MS"; color: #909090; } #cc_micuenta .movimientos .lista_movimientos .titulos > div { font-family: "Trebuchet MS"; color: #999999; font-weight: bold; background-color: #e8e8e8; } #cc_micuenta .movimientos .mostrarmas { font-family: "dinengschriftstd"; color: #ffffff; background: #0f99fe url("../img/flecha_abajo_btn.png") no-repeat 123px center; cursor: pointer; } #cc_micuenta .frm { position: relative; } #cc_micuenta .frm .frm1 { position: relative; } #cc_micuenta .frm .cc_select { vertical-align: top; } #cc_micuenta .frm h4 { color: #0f99fe; } #cc_micuenta input.text { vertical-align: top; } #cc_micuenta .frm span { font-family: "Trebuchet MS"; color: #999999; } #cc_micuenta .frm .rowbtn { text-align: center; } #cc_micuenta .frm input[type="submit"] { position: relative; font-family: "dinengschriftstd"; color: #ffffff; background-color: #0f99fe; text-align: center; border: none; } #cc_micuenta .frm input.text.bloqueado { border-left-color: #d0d0d0; cursor: initial; } #cc_micuenta .puntos { position: relative; } #cc_micuenta .puntos .div-1 { position: relative; } #cc_micuenta .puntos .div-1 ul { padding: 0; text-align: left; } #cc_micuenta .puntos .div-2 { background-color: #e5e5e5; text-align: center; font-family: "Trebuchet MS"; color: #999999; } #cc_micuenta .faq, #cc_micuenta .listapromos { position: relative; } #cc_micuenta .listapromos { } #cc_micuenta .listapromos ul { text-align: left; } #cc_micuenta .listapromos ul li h3 { background-color: #e5e5e5; } #cc_micuenta .listapromos ul li h3 a { font-family: "Trebuchet MS"; color: #666666; } #cc_micuenta .rangofechas input.btn { border: none; } #cc_micuenta .row { margin-bottom: 15px !important; } #cc_micuenta .micuenta_campo { position: relative; display: inline-block; vertical-align: top; width: 32%; } #cc_micuenta .mc2 { vertical-align: bottom; width: 33%; } #cc_micuenta .micuenta_campo.mc_small { width: 16%; } #cc_micuenta .micuenta_campo label, #cc_micuenta .micuenta_campo .mc_label { display: block; margin-bottom: 7px; font-family: "Trebuchet MS"; font-size: 15px; color: #909090; line-height: 20px; } /* /CINESACARD MI CUENTA*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* TRABAJA CON NOSOTROS */ /* CLIENTES */ #trabajaconnosotros main nav, #clientes main nav, #acercade main nav, #proveedores main nav, #expansion main nav, #semueve main nav { text-align: left; } #trabajaconnosotros main nav ul li a, #clientes main nav ul li a, #acercade main nav ul li a, #proveedores main nav ul li a, #expansion main nav ul li a, #semueve main nav ul li a { color: #9a9a9a; } .no-touch #trabajaconnosotros main nav ul li a:hover, .no-touch #clientes main nav ul li a:hover, .no-touch #acercade main nav ul li a:hover, .no-touch #proveedores main nav ul li a:hover, .no-touch #expansion main nav ul li a:hover, .no-touch #semueve main nav ul li a:hover { color: #ffffff; } .no-touch #trabajaconnosotros main nav ul li span:hover, .no-touch #clientes main nav ul li span:hover, .no-touch #acercade main nav ul li span:hover, .no-touch #proveedores main nav ul li span:hover, .no-touch #expansion main nav ul li span:hover, .no-touch #semueve main nav ul li span:hover { background-color: #004c95; } #trabajaconnosotros main nav ul li.trabaja a, #clientes main nav ul li.clientes a, #acercade main nav ul li.acercade a, #proveedores main nav ul li.proveedores a, #expansion main nav ul li.expansion a, #semueve main nav ul li.semueve a { color: #ffffff; } #trabajaconnosotros main nav ul li.trabaja, #clientes main nav ul li.clientes, #acercade main nav ul li.acercade, #proveedores main nav ul li.proveedores, #expansion main nav ul li.expansion, #semueve main nav ul li.semueve { background-color: #004c95; } #trabajaconnosotros article, #clientes section { background-color: #ffffff; margin-bottom: 50px; } #clientes article { margin-bottom: 50px; } #trabajaconnosotros article p, #clientes article p { font-family: "Trebuchet MS"; color: #666666; text-align: justify; } #trabajaconnosotros article a, #clientes article a { color: #999999; border-bottom: 1px solid #999999; } #trabajaconnosotros article h3, #clientes article h3 { font-family: "dinengschriftstd"; color: #004c95; font-weight: 100; } #trabajaconnosotros .cc_select, #clientes .cc_select { vertical-align: top; } #trabajaconnosotros .cc_select ul.select-group, #clientes .cc_select ul.select-group { } #trabajaconnosotros input[type="file"], #clientes input[type="file"] { display: none; } #trabajaconnosotros input[type="file"] + label span, #clientes input[type="file"] + label span { background-color: #004c95; color: #ffffff; display: inline-block; position: relative; text-align: center; cursor: pointer; font-family: "Trebuchet MS"; } #trabajaconnosotros textarea, #clientes textarea { border: none; border-left: 5px solid #004c95; -webkit-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.20); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.20); font-family: "Trebuchet MS"; color: #909090; } #trabajaconnosotros .frm1 .btn_siguiente, #clientes .frm1 .btn_siguiente, #proveedores .btn, #expansion .btn { background-color: #004c95; color: #ffffff; text-align: center; cursor: pointer; font-family: "dinengschriftstd"; } #clientes #canned_response, #clientes #canned_response a { font-family: "Trebuchet MS"; color: #666666; } #trabajaconnosotros .frm1 .btn_siguiente a, #clientes .frm1 .btn_siguiente a, #proveedores .btn a, #expansion .btn a { color: #FFF; } /* /TRABAJA CON NOSOTROS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* ACERCADE */ #acercade article { margin-bottom: 70px; } #acercade article .historia, #proveedores article div, #expansion article div, #avisolegal article .historia { margin-bottom: 30px; background-color: #ffffff; position: relative; width: calc(100% - 30px); padding: 10px 15px; } #acercade article .historia h3, #avisolegal article .historia h3 { font-family: "dinengschriftstd"; font-weight: 100; font-size: 18px; color: #004c95; } #acercade article .historia, #avisolegal article .historia { font-family: "Trebuchet MS"; color: #666666; font-size: 12px; text-align: justify; margin-top: 0; } #avisolegal article .historia { text-align: left; } #proveedores article, #expansion article { margin-bottom: 230px; text-align: left; } #proveedores article p, #expansion article p { font-family: "Trebuchet MS"; color: #666666; font-size: 12px; } #proveedores .btn, #expansion .btn { position: relative; width: 300px; height: 30px; line-height: 30px; margin-left: calc(50% - 160px); margin-top: 50px; margin-bottom: 130px; font-size: 26px; } /* /ACERCADE */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SITEMAP */ #sitemap article { background-color: #ffffff; text-align: left; } #sitemap .mapaweb { padding: 30px; margin-bottom: 50px; } #sitemap .mapaweb div { position: relative; display: inline-block; width: 150px; vertical-align: top; margin: 0 3px 15px 3px; font-family: 'dinengschriftstd'; } #sitemap .mapaweb div > a { position: relative; display: inline-block; font-size: 22px; text-align: center; color: #ffffff; height: 38px; width: 150px; line-height: 38px; } #sitemap .map_general > a { background-color: #9a9a9a; } #sitemap .map_home > a { background-color: #d3d3d3; } #sitemap .map_cines > a { background-color: #fed801; } #sitemap .map_peliculas > a { background-color: #0C7BEB; } #sitemap .map_eventos > a { background-color: #FBA300; } #sitemap .map_promos > a { background-color: #ff0033; } #sitemap .map_trailers > a { background-color: #7C01EB; } #sitemap .map_cinesacard > a { background-color: #0f99fe; } #sitemap .map_yomvi > a { background-color: #e93d8b; } #sitemap .mapaweb ul { padding: 0; margin-bottom: 50px; } #sitemap .mapaweb li { margin-bottom: 8px; } #sitemap .mapaweb li a { position: relative; display: inline-block; width: 150px; height: 30px; line-height: 30px; background-color: #d3d3d3; text-align: center; font-size: 16px; } #sitemap .map_peliculas li a { color: #0C7BEB; } #sitemap .map_eventos li a { color: #FBA300; } #sitemap .map_trailers li a { color: #7C01EB; } #sitemap .map_cinesacard li a { color: #0f99fe; } /* /SITEMAP */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* AJUSTES CC_SELECT */ #cc_form .cc_select ul.open, #cc_form_activar .cc_select ul.open, #trabajaconnosotros .cc_select ul.open, #clientes .cc_select ul.open, #colegios .cc_select ul.open { height: auto; max-height: 234px; overflow-x: hidden; overflow-y: auto; } #cc_form .cc_select ul.open, #cc_form_activar .cc_select ul.open, #colegios .cc_select ul.open { width: 224px !important; } #cc_form .cc_select.small ul.open, #cc_form_activar .cc_select.small ul.open, #colegios .cc_select.small ul.open { height: auto; max-height: 234px; overflow-x: hidden; overflow-y: auto; width: 99px !important; } #trabajaconnosotros .cc_select ul li, #clientes .cc_select ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; } /* /AJUSTES CC_SELECT */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SUBMENUPELIS */ .tabla .col-1 a { color: #707070; } .tabla.isens .col-3, .tabla.imax .col-3, .tabla.dolby .col-3 { color: #ffffff; } .submenucines { position: relative; border-radius: 0 0 6px 6px; border: 0px solid #fed801; transition: 0.6s; white-space: nowrap; overflow: hidden; } .submenucines.open { display: inline-block; border: 1px solid #fed801; transition: 0.6s; margin-bottom: 15px; } .submenucines .titulo { background-color: #fed801; line-height: 40px; font-family: "Trebuchet MS"; color: #666666; font-weight: bold; } .submenucines .lista { position: relative; } .submenucines .lista ul { padding: 0; margin: 0; } .submenucines .lista .col { position: relative; display: inline-block; vertical-align: top; } .submenucines li { position: relative; font-family: "Trebuchet MS"; color: #666666; } .submenucines li.poblacion { background-color: #fed801; padding-left: 5px; } .submenucines li.cine a { color: #666666; padding-left: 20px; } .submenucines li.last { margin-bottom: 7px; } .submenucines li span { position: absolute; width: 15px; height: 15px; top: 3px; } .submenucines li .nofav { background-position: -452px -86px; } .submenucines li .fav { background-position: -422px -86px; } .submenucines li span.promo { width: 66px; margin-left: 3px; background: url(../img/IconPromo/promo_sin_circulo.png) no-repeat; } .submenucines li a.promo { color: #F03; font-weight: bold; } /* /SUBMENUPELIS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* COLEGIOS */ #colegios .frm1 label span { width: auto !important; text-align: left; padding: 0 5px 0 0 !important; } #colegios .frm1 label span.ico { width: 35px !important; top: 10px; } #colegios .row .col { position: relative; display: inline-block; vertical-align: top; } #colegios .row .col input, #colegios .row .col .cc_select { margin-bottom: 20px; display: block; } #colegios textarea { border: none; border-left: 5px solid #0f99fe; -webkit-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.20); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.20); font-family: "Trebuchet MS"; color: #909090; } #colegios input[type="submit"] { position: relative; display: inline-block; } #colegios .inf { font-family: "Trebuchet MS"; color: #666666; } #colegios .inf p { line-height: 20px; } #colegios .frm1 h4, #colegios .frm2 h4, #colegios .inf h3 { font-family: 'sue_ellen_franciscoregular'; color: #0f99fe; font-weight: normal; } /* /COLEGIOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* INFANTIL */ /* CUMPLEAÑOS */ #infantil article#banner_seccion .img_left { position: absolute; z-index: 10; left: 10px; } #infantil article#banner_seccion .img_right { position: absolute; z-index: 10; right: 10px; } #infantil article.cartelera_peliculas h2, #cumpleanos article.cartelera_peliculas h2 { font-family: 'sue_ellen_franciscoregular'; background-color: #0f99fe; color: #ffffff; font-weight: normal; position: relative; display: inline-block; border-radius: 7px 7px 0 0; text-align: center; margin-bottom: 0; } #cumpleanos .info_cumples { background: #ffffff url("../img/supernena.jpg") no-repeat 96%; margin-bottom: 20px; margin-top: -40px; position: relative; text-align: left; } #cumpleanos .info_cumples .parrafo { position: relative; } #cumpleanos .info_cumples .parrafo h3 { font-family: 'sue_ellen_franciscoregular'; color: #0f99fe; font-weight: normal; } #cumpleanos .info_cumples .parrafo p { font-family: "Trebuchet MS"; color: #666666; margin: 0; line-height: 20px; } #cumpleanos .info_cumples .btn { position: relative; display: inline-block; background-color: #0f99fe; font-family: 'dinengschriftstd'; font-weight: 100; color: #ffffff; text-align: center; cursor: pointer; } /* /INFANTIL */ /* /CUMPLEAÑOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* FORMULARIOS RECUPERACIÓN */ #recuperarmail .conf, #recuperarmail .conf_fin, #recuperarpass .conf { background-color: #ffffff; margin-top: 5px; padding-top: 20px; text-align: left; } #recuperarmail .conf h4, #recuperarpass .conf h4 { font-family: 'dinengschriftstd'; color: #0f99fe; } #recuperarmail .conf p, #recuperarmail .conf_fin p, #recuperarpass .conf p { font-family: 'Trebuchet MS'; color: #909090; margin-left: 10px; margin-bottom: 20px; } #recuperarmail .conf p.dest, #recuperarmail .conf_fin p.dest, #recuperarpass .conf p.dest { color: #0f99fe; } #recuperarmail article.activo input[type="button"] { font-family: 'dinengschriftstd'; } /* SEMUEVE */ #semueve article { width: calc(100% - 20px); margin: 0 auto 20px; text-align: left; } #semueve article.info { background-color: #ffffff; } #semueve article.info img { display: inline-block; vertical-align: top; } #semueve article.info div { position: relative; display: inline-block; vertical-align: top; font-family: "Trebuchet MS"; color: #666666; } #semueve article.info div h3 { font-family: 'dinengschriftstd'; color: #004c93; font-weight: 100; } #semueve .proyectos_titulo { background: url("../img/separador_top.jpg") no-repeat bottom; background-size: 100%; text-align: center; } #semueve .proyectos_titulo h4 { font-family: 'dinengschriftstd'; color: #666666; font-weight: 100; } #semueve .videos_actuales ul, #semueve .carrusel_semueve ul { padding: 0; } #semueve .videos_actuales li, #semueve .carrusel_semueve li { position: relative; display: inline-block; vertical-align: top; border-radius: 3px; background-color: #ffffff; font-family: "Trebuchet MS"; color: #666666; } #semueve .videos_actuales li .video, #semueve .carrusel_semueve li .video { position: relative; border: none; } #semueve .videos_actuales li h5, #semueve .carrusel_semueve li h5 { font-family: 'dinengschriftstd'; color: #004c93; } #semueve .carrusel_semueve { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data: image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 10px, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.33)), color-stop(10px,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 10px, rgba(0,0,0,0) 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 10px, rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 10px, rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 10px, rgba(0,0,0,0) 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6e000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */ } #semueve .carrusel_semueve .carrusel { position: relative; overflow: hidden; white-space: nowrap; } #semueve .carrusel_semueve li h5 { white-space: normal; } #semueve .carrusel_semueve li p { white-space: normal; } #semueve .carrusel_semueve .shadow_left, #semueve .carrusel_semueve .shadow_right { position: absolute; top: 0; } #semueve .carrusel_semueve .shadow_left { left: 0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data: image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 11%, rgba(0,0,0,0) 84%, rgba(0,0,0,0) 91%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(11%,rgba(0,0,0,0.2)), color-stop(84%,rgba(0,0,0,0)), color-stop(91%,rgba(0,0,0,0))); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 11%, rgba(0,0,0,0) 84%, rgba(0,0,0,0) 91%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 11%, rgba(0,0,0,0) 84%, rgba(0,0,0,0) 91%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 11%, rgba(0,0,0,0) 84%, rgba(0,0,0,0) 91%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 11%, rgba(0,0,0,0) 84%, rgba(0,0,0,0) 91%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */ } #semueve .carrusel_semueve .shadow_right { right: 0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data: image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(left, rgba(0,0,0,0) 8%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(8%,rgba(0,0,0,0)), color-stop(15%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 8%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 8%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 8%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.2) 99%, rgba(0,0,0,0.2) 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-8 */ } #semueve .carrusel_semueve .shadow_right a { background-position: -42px 50%; width: 43px; margin-right: 5px; } #semueve .carrusel_semueve .shadow_left a { background-position: 0 50%; width: 43px; margin-left: 5px; } #semueve .ver_mas { text-align: center; } #semueve .ver_mas .btn { position: relative; display: inline-block; text-align: center; cursor: pointer; color: #ffffff; background-color: #004c95; } /* /SEMUEVE */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* BAJANEWS*/ /*LANDING ACTIVAR CCARD*/ /* /BAJANEWS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* GAMES */ #games article { position: relative; display: inline-block; width: calc(100% - 20px) !important; margin: 0 auto 20px; } #games .descarga .desc, #games .descarga .faqs { position: relative; display: inline-block; vertical-align: top; background-color: #ffffff; border-radius: 3px; } #games .descarga .faqs { text-align: center; } #games .desc img { position: relative; display: inline-block; vertical-align: top; } #games .desc .info { position: relative; display: inline-block; vertical-align: top; font-family: "Trebuchet MS"; color: #666666; } #games .desc .info a { position: relative; font-family: 'adlib'; color: #d83345; } #games .desc .qr { position: relative; display: inline-block; vertical-align: top; text-align: center; } #games .desc .qr a { position: relative; display: inline-block; vertical-align: top; background: url("../img/games_2.png") no-repeat 0 0; } #games .desc .qr a.appstore { background-position: -8px 0; } #games .desc .qr a.playstore { background-position: -150px 0; } #games .descarga .faqs p { font-family: 'dinengschriftstd'; color: #00448e; } #games .premio_1 { background-color: #d83345; text-align: center; color: #ffffff; } #games .premio_1 h3 { border-top: 1px dashed #ffffff; border-bottom: 1px dashed #ffffff; } #games .premio_1 .puntos { font-family: "Trebuchet MS"; color: #ffe610; } #games .premio_1 .destacado { color: #ffe610; } #games .premio_2 { background-color: #219d9d; text-align: center; color: #ffe610; } #games .premio_2 h3 { border-top: 1px dashed #ffffff; border-bottom: 1px dashed #ffffff; } #games .premio_3 .top { position: relative; display: inline-block; vertical-align: top; border-radius: 3px; background-color: #ffffff; } #games .premio_3 .top h3 { color: #219d9d; } #games .premio_3 .top h5 { color: #999999; } #games .premio_3 .top img { position: absolute; } #games .ganadores { text-align: center; } #games .ganadores .btn { position: relative; display: inline-block; text-align: center; color: #ffffff; background-color: #d83345; border: 5px solid #e0a7ad; border-radius: 10px; font-family: 'dinengschriftstd'; } #games .como_jugar > h3 { background-color: #ffffff; text-align: center; font-family: 'dinengschriftstd'; color: #d83345; font-weight: 100; } #games .como_jugar ul { padding: 0; } #games .como_jugar li.instruct { position: relative; display: inline-block; vertical-align: top; background-color: #ffffff; font-family: "Trebuchet MS"; color: #666666; text-align: center; } #games .como_jugar li.instruct h3 { text-align: left; font-family: 'dinengschriftstd'; font-weight: 100; } #games .como_jugar li.instruct p { text-align: left; } #games .como_jugar li.last_li { position: relative; display: inline-block; vertical-align: top; color: #00448e; font-family: 'dinengschriftstd'; text-align: center; } #games .como_jugar li.last_li .developers { position: absolute; } #games .f_game { font-family: "komika_display"; } #games .fin1 { background: #ffffff; position: relative; padding: 10px 0; } #games .fin1 div { display: inline-block; position: relative; vertical-align: top; margin: 0; width: 50%; } #games .fin1 div:first-child { text-align: center; } #games .fin1 div h3 { font-family: 'adlib'; font-weight: 100; font-size: 22px; color: #D93347; margin: 25px 0 10px; } #games .fin1 div p { font-family: "Trebuchet MS"; font-size: 20px; color: #909090; margin: 5px 0; } #games .fin1 div a { position: relative; display: inline-block; font-family: 'dinengschriftstd'; font-size: 25px; color: #ffffff; background: #d93347; border-radius: 10px; border: 5px solid #f6b7c2; text-align: center; width: 320px; height: 45px; line-height: 45px; margin-top: 25px; } #games .fin2 { position: relative; height: 160px; } #games .fin2 img { position: absolute; top: 20px; right: 0; } /* /GAMES */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SELECTS */ .cc_select .select-group.open { border: 1px solid #bbbbbb !important; } /* /SELECTS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* APPS */ #apps #bajo_menu { height: 30px; } #apps article { position: relative; text-align: center; margin-bottom: 20px; font-family: 'dinengschriftstd'; font-weight: 100; color: #0076ec; } #apps .titulo h2, #apps .titulo h3 { font-size: 65px; margin: 0; font-weight: 100; } #apps .titulo h3 { font-size: 40px; } #apps .apps ul { padding: 0; } #apps .apps li { position: relative; display: inline-block; vertical-align: bottom; width: 32%; min-width: 300px; margin: 0 5px 20px; } #apps .apps li a { position: relative; display: block; font-size: 27px; color: #666666; } #apps .apps li .inf { position: relative; background-color: #ffffff; height: 240px; } #apps .apps li .inf p { position: relative; display: inline-block; margin: 40px 0 30px; } /* /APPS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA RESUMEN*/ #ma_resumen main { text-align: left; } #ma_resumen aside { position: relative; display: inline-block; vertical-align: top; text-align: center; font-family: "Trebuchet MS"; } #ma_resumen .tucuenta { position: relative; background-color: #ffffff; } #ma_resumen .tucuenta .foto { position: relative; display: inline-block; border: 5px solid #ffffff; border-radius: 100px; white-space: nowrap; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 155px; } #ma_resumen .tucuenta p { font-family: "dinengschriftstd"; color: #9a9a9a; } #ma_resumen .tucuenta h2 { font-family: "dinengschriftstd"; color: #0e99fe; } #ma_resumen .tucuenta .editar { position: absolute; width: 33px; height: 33px; background: #e5e5e5 url("../img/ma_001.png") no-repeat 8px 6px; border-radius: 17px; } #ma_resumen .tucuenta .logout { left: 5px; top: 5px; } #ma_resumen .tucuenta .logout { background: url("../img/ma_008.png") no-repeat 9px 9px #e5e5e5; border-radius: 17px; height: 33px; position: absolute; width: 33px; } #ma_resumen .golden img { cursor: pointer; width: 100%; } #ma_resumen .ma_menu { background: none; } #ma_resumen .ma_menu ul { padding: 0; } #ma_resumen .ma_menu li { position: relative; display: inline-block; vertical-align: top; width: 120px; margin-bottom: 10px; text-align: center; margin-right: 10px; } #ma_resumen .ma_menu li a { position: relative; display: inline-block; width: 100%; background-color: #ffffff; font-family: "dinengschriftstd"; color: #0e99fe; } #ma_resumen .ma_menu li.selected a, #ma_resumen .ma_menu li a:hover { background-color: #0e99fe; color: #ffffff; } #ma_resumen .ma_menu li.logout { margin-top: 40px; } #ma_resumen aside li.logout a { border-radius: 5px; background-color: #004c95; font-family: "dinengschriftstd"; color: #ffffff; } #ma_resumen section { position: relative; display: inline-block; vertical-align: top; } #ma_resumen article { background-color: #f5f5f5; margin-bottom: 15px; } #ma_resumen .ma_bienvenida h3 { position: relative; display: inline-block; width: calc(100% - 20px); padding-left: 20px; font-family: "dinengschriftstd"; font-weight: normal; color: #999999; background-color: #ffffff; } #ma_resumen .noconfirm { background: #ffffff url("../img/ma_002.png") no-repeat 20px center; color: #f05439; } #ma_resumen .noconfirm p { position: relative; } #ma_resumen section a { color: inherit; } #ma_resumen .noconfirm a { border-bottom: 1px solid #f05439; } #ma_resumen .newsletter input { display: none; } #ma_resumen .newsletter input[type="checkbox"] + label span { position: relative; display: inline-block; background: url("../img/ico_check.png") no-repeat 0 0; cursor: pointer; } #ma_resumen .newsletter input[type="checkbox"]:checked + label span { background-position: 0 -74px; } #ma_resumen .newsletter p { position: relative; display: inline-block; vertical-align: top; font-family: "Trebuchet MS"; color: #999999; } #ma_resumen .newsletter p a { border-bottom: 1px solid #999999; } #ma_resumen article h4 { background-color: #ffffff; color: #666666; padding-left: 20px; font-family: "Trebuchet MS"; font-weight: normal; } #ma_resumen .misentradas { text-align: right; } #ma_resumen .misentradas table, #ma_resumen .misentradas h4 { text-align: left; } #ma_resumen .misentradas table { position: relative; } #ma_resumen .misentradas table tr { position: relative; } #ma_resumen .misentradas table th, #ma_resumen .misentradas table td { position: relative; vertical-align: top; font-family: "Trebuchet MS"; color: #666666; } #ma_resumen .misentradas table th { color: #0e99fe; } #ma_resumen .misentradas table tr:first-child { border-bottom: 2px solid #d7d7d7; } #ma_resumen .misentradas table td p { margin: 7px 0; } #ma_resumen .misentradas table td .table_btn { position: relative; display: inline-block; text-align: center; background-color: #0e99fe; color: #ffffff; font-family: "Trebuchet MS"; cursor: pointer; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #ma_resumen .misentradas > a, #ma_resumen .movimientos > a { position: relative; display: inline-block; color: #0e99fe; font-family: "Trebuchet MS"; border-bottom: 1px solid #0e99fe; } #ma_resumen .micinesacard .tarjeta, #ma_resumen .micinesacard .puntos { position: relative; display: inline-block; vertical-align: top; font-family: "Trebuchet MS"; color: #666666; } #ma_resumen .micinesacard .tarjeta { margin-right: 1%; } #ma_resumen .micinesacard .puntos { margin-left: 1%; } #ma_resumen .micinesacard .movimientos { position: relative; display: inline-block; vertical-align: top; font-family: "Trebuchet MS"; color: #666666; } #ma_resumen .micinesacard .tarjeta h5, #ma_resumen .micinesacard .puntos h5, #ma_resumen .micinesacard .movimientos h5 { background: #ffffff; font-size: 15px; font-weight: normal; } #ma_resumen .micinesacard .ma_row * { display: inline-block; } #ma_resumen .micinesacard .ma_row p { position: relative; color: #909090; } #ma_resumen .micinesacard .ma_row p span { display: block; color: #0e99fe; font-family: "dinengschriftstd"; } #ma_resumen .micinesacard .ma_saldoact, #ma_resumen .micinesacard .ma_puntoscad { position: relative; display: inline-block; vertical-align: top; } #ma_resumen .micinesacard .ma_saldoact > p, #ma_resumen .micinesacard .ma_puntoscad > p { border-bottom: 2px solid #d7d7d7; } #ma_resumen .micinesacard .ma_saldoact ul, #ma_resumen .micinesacard .ma_puntoscad ul { padding: 0; } #ma_resumen .micinesacard .ma_saldoact li, #ma_resumen .micinesacard .ma_puntoscad li { position: relative; border-bottom: 1px solid #d7d7d7; color: #909090; } #ma_resumen .micinesacard .ma_saldoact li:last-child, #ma_resumen .micinesacard .ma_puntoscad li:last-child { border: none; } #ma_resumen .micinesacard .ma_saldoact li .pnts, #ma_resumen .micinesacard .ma_puntoscad li .pnts { font-family: "dinengschriftstd"; } #ma_resumen .micinesacard .ma_saldoact li .pnts, #ma_resumen .micinesacard .ma_saldoact > p { color: #0e99fe; } #ma_resumen .micinesacard .ma_puntoscad li .pnts, #ma_resumen .micinesacard .ma_puntoscad > p { color: #f05339; } #ma_resumen .micinesacard .puntos > p { font-family: "Trebuchet MS"; color: #909090; margin-left: 10px; } #ma_resumen .movimientos { text-align: right; } #ma_resumen .movimientos table, #ma_resumen .movimientos h5 { text-align: left; } #ma_resumen .movimientos table { position: relative; } #ma_resumen .movimientos table tr { position: relative; } #ma_resumen .movimientos table th, #ma_resumen .movimientos table td { position: relative; vertical-align: top; font-family: "Trebuchet MS"; color: #666666; } #ma_resumen .movimientos table th { color: #0e99fe; } #ma_resumen .faq { background: #f5f5f5 url("../img/ma_005.png") no-repeat 270px 64px; } #ma_resumen .faq > .btn_faq { position: relative; display: inline-block; text-align: center; background-color: #d3d3d3; color: #0e99fe; font-family: "dinengschriftstd"; } #ma_resumen .misentradas > h4, #ma_resumen .micinesacard > h4, #ma_resumen .faq > h4 { color: #0f99fe; } /* /MI AREA RESUMEN */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA ENTRADAS */ #ma_resumen.ma_entradas .misentradas table tr { border-bottom: 1px solid #d7d7d7; } #ma_resumen.ma_entradas .misentradas table tr:first-child { border-bottom: 2px solid #d7d7d7; } #ma_resumen.ma_entradas .misentradas table tr:last-child { border-bottom: none; } #ma_resumen.ma_entradas .misentradas { margin-bottom: 100px; } #ma_resumen.ma_entradas .misentradas .pag { text-align: center; margin-bottom: 20px; border: 1px solid #f5f5f5; } #ma_resumen.ma_entradas .misentradas .pag ul { padding: 0; } #ma_resumen.ma_entradas .misentradas .pag li { position: relative; display: inline-block; vertical-align: top; } #ma_resumen.ma_entradas .misentradas .pag li a { position: relative; display: inline-block; width: 100%; font-family: "dinengschriftstd"; color: #b4b4b4; background-color: #ffffff; } #ma_resumen.ma_entradas .misentradas .pag li.selected a, #ma_resumen.ma_entradas .misentradas .pag li:hover a { color: #ffffff; background-color: #0e99fe; } #ma_resumen.ma_entradas .misentradas .pag li:first-child { margin-right: 10px; } #ma_resumen.ma_entradas .misentradas .pag li:last-child { margin-left: 10px; } #ma_resumen.ma_entradas .misentradas .pag li:first-child a, #ma_resumen.ma_entradas .misentradas .pag li:last-child a { color: #0e99fe; font-weight: bold; } #ma_resumen.ma_entradas .misentradas .pag li:first-child:hover a, #ma_resumen.ma_entradas .misentradas .pag li:last-child:hover a { color: #ffffff; } /* /MI AREA ENTRADAS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA CINESACARD */ #ma_resumen.ma_ccard .sinccard { background-color: #ffffff; text-align: center; padding: 20px 0; font-family: "Trebuchet MS"; font-size: 18px; } #ma_resumen.ma_ccard .ma_dest span { color: #666666; } #ma_resumen.ma_ccard .asociada .ma_dest { margin: 0; } #ma_resumen.ma_ccard .asociada .ma_dest2 { margin: 5px 0 40px; } #ma_resumen.ma_ccard .sinccard .btn { position: relative; display: block; margin: 15px auto; width: 276px; height: 40px; line-height: 42px; text-align: center; border: 4px solid #abdbff; border-radius: 10px; background-color: #0f99fe; padding: 0; font-family: "dinengschriftstd"; font-size: 23px; color: #ffffff; cursor: pointer; } #ma_resumen.ma_ccard .sinccard form p { margin-top: 50px; } #ma_resumen.ma_ccard .sinccard .field { text-align: left; width: 300px; margin: 0 auto; } #ma_resumen.ma_ccard .sinccard .text { position: relative; width: 270px; padding-left: 20px; background: #ffffff; border: 1px solid #e0e0e0; border-left: 6px solid #0f99fe; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); font-family: "Trebuchet MS"; color: #909090; height: 37px; line-height: 37px; font-size: 15px; margin-bottom: 15px; } #ma_resumen.ma_ccard .sinccard input.btn { height: 48px; } #ma_resumen.ma_ccard .sinccard label { display: block; margin: 0 0 3px; font-size: 15px; } #ma_resumen.ma_ccard .sinccard .mini { font-size: 12px; color: #999999; } #ma_resumen.ma_ccard .sinccard > p:not(.ma_dest) { margin-bottom: 0; margin-top: 20px; } #ma_resumen.ma_ccard .noasociada h4, #ma_resumen.ma_ccard .noactivada h4 { text-align: center; } @media all and (max-width:800px) { #ma_resumen.ma_ccard .noasociada h4, #ma_resumen.ma_ccard .noactivada h4 { height: auto; line-height: 40px; } } #ma_resumen.ma_ccard .noactivada p { font-size: 16px; } #ma_resumen.ma_ccard .noactivada .ma_dest { font-size: 18px; } #ma_resumen.ma_ccard .noactivada .ma_dest.mid { font-size: 15px; } #ma_resumen.ma_ccard .noactivada .ma_dest span { color: inherit; margin: 0 15px; } #ma_resumen.ma_ccard .noactivada .code { margin: 25px auto; width: 60%; min-width: 400px; } #ma_resumen.ma_ccard .noactivada .mini { display: block; margin: 15px 0 30px; } #ma_resumen.ma_ccard .noactivada .sinccard > img { margin-bottom: 20px; } #ma_resumen.ma_ccard .noactivada .code .code_container, #ma_resumen.ma_ccard .noactivada .code img { display: inline-block; } #ma_resumen.ma_ccard .noactivada .code .code_container { width: 320px; height: 60px; line-height: 60px; text-align: center; background: #f5f5f5; margin: 20px 20px; color: #0e99fe; font-size: 28px; } #ma_resumen.ma_ccard .rangofechas { position: relative; width: 97%; text-align: left; } #ma_resumen.ma_ccard .rangofechas span { font-family: "Trebuchet MS"; color: #909090; } #ma_resumen.ma_ccard .rangofechas .text { position: relative; display: inline-block; vertical-align: top; width: 20%; min-width: 130px; padding: 0 0 0 10px; font-family: "Trebuchet MS"; color: #909090; border: 1px solid #e0e0e0; border-left: 6px solid #0f99fe; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #ma_resumen.ma_ccard .rangofechas .btn { display: inline-block; margin-bottom: 25px; position: relative; background-color: #0f99fe; vertical-align: top; font-family: "dinengschriftstd"; color: #ffffff; text-align: center; border: none; } #ma_resumen.ma_ccard .lista { background-image: none; } #ma_resumen.ma_ccard article.lista ul { padding: 0; width: 98%; margin: 0 auto 30px; text-align: center; } #ma_resumen.ma_ccard article.lista li { position: relative; display: inline-block; vertical-align: top; width: 128px; height: 103px; margin: 0 10px 10px; background: url("../img/ico_ccard_ventajas.png") no-repeat; } #ma_resumen.ma_ccard article.lista li.ventaja_1 { background-position: 0 0; } #ma_resumen.ma_ccard article.lista li.ventaja_2 { background-position: -128px 0; } #ma_resumen.ma_ccard article.lista li.ventaja_3 { background-position: -256px 0; } #ma_resumen.ma_ccard article.lista li.ventaja_4 { background-position: -386px 0; } #ma_resumen.ma_ccard article.lista li.ventaja_5 { background-position: -514px 0; } #ma_resumen.ma_ccard article.lista li span { display: none; } #ma_resumen.ma_ccard article.lista li:hover span { display: block; background-color: #0f99fe; width: 114px; height: 103px; font-family: "Trebuchet MS"; color: #ffffff; font-size: 15px; padding: 0 7px; } #ma_resumen .faq .btn_faq { position: relative; display: inline-block; text-align: center; background-color: #d3d3d3; color: #0e99fe; font-family: "dinengschriftstd"; cursor: pointer; } #ma_resumen.ma_ccard .faq.puntos { background: url("../img/ma_006.png") no-repeat scroll 270px 60px #f5f5f5; } #ma_resumen.ma_ccard .puntos .puntos_menu li { display: inline-block; padding: 0 25px; } #ma_resumen.ma_ccard .puntos .div-1 { padding: 10px 0 10px 0; } #ma_resumen.ma_ccard .puntos .div-1 ul { padding: 0 0 0 15px; } #ma_resumen.ma_ccard .puntos .div-1 li { position: relative; display: inline-block; border: 2px solid #efefef; text-align: center; cursor: pointer; background-color: #ffffff; } #ma_resumen.ma_ccard .puntos .div-1 li .tiporegalos { position: absolute; padding-left: 5px; background-color: #e8e8e8; font-family: "Trebuchet MS"; color: #9a9a9a; font-weight: bold; text-align: left; } #ma_resumen.ma_ccard .regalo-puntos { position: absolute; bottom: 0; border-top: 2px solid #efefef; text-align: center; font-family: 'dinengschriftstd'; color: #0f99fe; } #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info { position: absolute; transition: 0.5s; background-color: #d3d3d3; font-family: "Trebuchet MS"; text-align: left; white-space: nowrap; overflow: hidden; } .no-touch #ma_resumen.ma_ccard .puntos .div-1 li:hover .regalo-info { transition: 0.5s; } #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info p { color: #004c95; } #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info p:first-child { color: #0e99fe; } #ma_resumen.ma_ccard .imagenregalo { background-image: url(../img/ico_ccard_puntos.png); background-repeat: no-repeat; display: inline-block; } .regalo-1 { background-position: 0 0; } .regalo-2 { background-position: -118px 0; } .regalo-3 { background-position: -236px 0; } .regalo-4 { background-position: -354px 0; } .regalo-5 { background-position: -472px 0; } .regalo-6 { background-position: 0 -105px; } .regalo-7 { background-position: 0 -210px; } .regalo-8 { background-position: -118px -210px; } .regalo-9 { background-position: -236px -210px; } .regalo-10 { background-position: -354px -210px; } .regalo-11 { background-position: -472px -210px; } .regalo-12 { background-position: -590px -210px; } .regalo-13 { background-position: -708px -210px; } .regalo-14 { background-position: -826px -210px; } .regalo-15 { background-position: 0 -315px; } .regalo-16 { background-position: -118px -315px; } .regalo-17 { background-position: -236px -315px; } .regalo-18 { background-position: -354px -315px; } .regalo-19 { background-position: -472px -315px; } .regalo-20 { background-position: -590px -315px; } .regalo-21 { background-position: -708px -315px; } .regalo-22 { background-position: -826px -315px; } #ma_resumen .faq .div-3 { padding-bottom: 20px; } #ma_resumen .faq .div-3 li { position: relative; padding-left: 10px; cursor: pointer; background-color: #e8e8e8; font-family: "Trebuchet MS"; color: #666666; } #ma_resumen .faq .div-3 .mas, #ma_resumen .faq .div-3 .menos { position: absolute; background: url(../img/faq.png) no-repeat; } #ma_resumen .faq .div-3 .mas { background-position: 0 0; } #ma_resumen .faq .div-3 .menos { background-position: -35px 0; } #ma_resumen .faq .div-3 li.respuesta { height: auto; border: 2px solid #e8e8e8; background: #ffffff; cursor: initial; } #ma_resumen .faq .div-3 li.respuesta ul li { background: #ffffff url(../img/li_gris.png) no-repeat 0px 10px; cursor: initial; } #ma_resumen .faq .div-3 li.respuesta ul li.stitulo { color: #0e99fe; ; background: none; } #ma_resumen .faq .div-3 li.respuesta ul li.sresumen { background: none; } #ma_resumen .faq .div-3 li.respuesta ul li a { border-bottom: 1px solid #666666; color: #666666; } #ma_resumen .faq .div-3 li.respuesta ul li.sresp { background: none; } /* MI AREA CINESACARD */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA MIS DATOS */ #ma_resumen.ma_datos .row { position: relative; margin: 0 auto; } #ma_resumen.ma_datos h5 { font-family: 'dinengschriftstd'; color: #0f99fe; font-weight: normal; padding-left: 18px; } #ma_resumen.ma_datos h5:first-child { margin-top: 0; } #ma_resumen.ma_datos .field { position: relative; display: inline-block; vertical-align: top; } #ma_resumen.ma_datos .field label, #ma_resumen.ma_datos .field .p_label { display: block; font-family: "Trebuchet MS"; color: #909090; } #ma_resumen.ma_datos .field .text { position: relative; width: calc(100% - 27px); padding-left: 20px; background: #ffffff; border: 1px solid #e0e0e0; border-left: 6px solid #0f99fe; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); font-family: "Trebuchet MS"; color: #666666; } #ma_resumen.ma_datos .field .text:disabled { border-color: #d0d0d0; color: #a0a0a0; } #ma_resumen.ma_datos .field .box_inactivo { border: 1px solid #e0e0e0; background: #ffffff url("../img/select-btn-cc_form.jpg") no-repeat; cursor: default; } #ma_resumen.ma_datos .field .text_inactivo { border-color: #e0e0e0; cursor: default; } #ma_resumen.ma_datos .btn_edit { position: relative; display: inline-block; vertical-align: top; text-align: center; font-family: "Trebuchet MS"; color: #ffffff; background-color: #0f99fe; cursor: pointer; } #ma_resumen.ma_datos .validar_correo { position: relative; display: inline-block; vertical-align: top; background: url("../img/ma_007.png") no-repeat 0 0; color: #f05439; font-family: "Trebuchet MS"; } #ma_resumen.ma_datos .validar_correo p a { border-bottom: 1px solid #f05439; } #ma_resumen.ma_datos .row .sub_row { position: relative; display: inline-block; text-align: right; } #ma_resumen.ma_datos .row .sub_row p { position: relative; display: inline-block; text-align: center; font-family: "Trebuchet MS"; color: #999999; } #ma_resumen.ma_datos .row .sub_row p.error { color: #ff0000; } #ma_resumen.ma_datos .row .text.text_ok { background: url("../img/pop_ok.png") no-repeat 95% center; } #ma_resumen.ma_datos .row .text.text_bad { background: url("../img/pop_bad.png") no-repeat 95% center; } #ma_resumen.ma_datos .row .mini { font-family: "Trebuchet MS"; color: #999999; } #ma_resumen.ma_datos .row_center { text-align: center; } #ma_resumen.ma_datos .row .f_checkbox { width: 400px; } #ma_resumen.ma_datos .row .f_checkbox p { font-size: 15px; margin-left: 44px; color: #909090; } #ma_resumen.ma_datos .row .f_checkbox input { display: none; } #ma_resumen.ma_datos .row .f_checkbox label span { position: absolute; width: 38px; height: 37px; background: url("../img/ico_check.png")no-repeat 0 0; left: 0; top: 7px; cursor: pointer; } #ma_resumen.ma_datos .row .f_checkbox input:checked + label span { background-position: 0 -74px; } /* /MI AREA MIS DATOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* NUEVA CC_FORM */ #cc_form.n_cc article.frm1 h4, #cc_form_activar.n_cc article.frm1 h4 { margin-bottom: 20px; } #cc_form.n_cc article, #cc_form_activar.n_cc article, #recuperarmail.n_cc article { font-family: "Trebuchet MS"; font-size: 15px; color: #909090; } #cc_form.n_cc article.frm1 .form_container > p, #cc_form.n_cc article.frm1 > p, #cc_form.n_cc article_activar.frm1 .form_container > p, #cc_form_activar.n_cc article.frm1 > p { margin: 5px 0; } .n_cc .cc_btn, #cc_form_activar.n_cc input[type="submit"].cc_btn, #cc_form.n_cc input[type="submit"].cc_btn { position: relative; display: inline-block; width: 268px; height: 38px; line-height: 38px; text-align: center; border: 5px solid #a6c1da; border-radius: 7px; background: #004c95; font-family: 'dinengschriftstd'; font-size: 23px; color: #ffffff; cursor: pointer; margin: 20px 0; } .n_cc .inf .cc_btn { display: block; } #cc_form_activar.n_cc .cc_btn, #cc_form_activar.n_cc input[type="submit"].cc_btn, #recuperarmail.n_cc .cc_btn { background: #0f99fe; border-color: #abdbff; } .n_cc .m_login .cc_btn { background: #0f99fe !important; border: 5px solid #abdbff !important; font-size: 23px !important; width: 268px !important; } /*.n_cc input.cc_btn { height: 48px !important; }*/ #cc_form_activar.n_cc input[type="submit"].cc_btn:disabled, #cc_form.n_cc input[type="submit"].cc_btn:disabled { background-color: #aaaaaa; border-color: #dfdfdf; cursor: default; } #cc_form.n_cc article.frm1 .form_container > p span, #cc_form_activar.n_cc article.frm1 .form_container > p span, #cc_form_activar.n_cc article.frm2 .form_container > p span, .n_cc .m_login .container > p span { margin: 0 38px; } #cc_form.n_cc article .field, #cc_form_activar.n_cc article .field, #recuperarmail.n_cc article .field { position: relative; display: inline-block; vertical-align: top; margin-right: 15px; width: 271px; } #cc_form.n_cc article .field p, #cc_form_activar.n_cc article .field p, #recuperarmail.n_cc article .field p { margin: 0 0 8px; } #cc_form_activar.n_cc article .form_container .field { min-width: 272px; } #cc_form.n_cc article p.mini, #cc_form_activar.n_cc article p.mini, #recuperarmail.n_cc article p.mini { width: 49%; text-align: center; font-size: 12px; color: #999999; } #cc_form.n_cc article .field p.mini, #cc_form_activar.n_cc article .field p.mini { width: 98%; margin-top: 5px; } #cc_form.n_cc article .field.mini, #cc_form_activar.n_cc article .field.mini { width: 110px; } #cc_form.n_cc article .field.mini_2, #cc_form_activar.n_cc article .field.mini_2 { width: 140px; } #cc_form.n_cc article .field.mini_3, #cc_form_activar.n_cc article .field.mini_3 { width: 170px; } #cc_form.n_cc article.frm2 .row > p, #cc_form_activar.n_cc article.frm3 .row > p { display: inline-block; line-height: 12px; margin-right: 20px; } #cc_form.n_cc article .f_checkbox, #cc_form_activar.n_cc article .f_checkbox { width: auto; } #cc_form.n_cc article .f_checkbox p, #cc_form_activar.n_cc article .f_checkbox p { padding-left: 50px; height: 37px; line-height: 37px; } #cc_form.n_cc article .f_checkbox p .dest, #cc_form_activar.n_cc article .f_checkbox p .dest { font-size: 15px; border-bottom: 1px solid #909090; } #cc_form.n_cc article .f_checkbox input + p .ico, #cc_form_activar.n_cc article .f_checkbox input + p .ico { position: absolute; width: 38px; height: 37px; background: url("../img/ico_check.png")no-repeat 0 0; left: 0; cursor: pointer; } #cc_form.n_cc article .f_checkbox input:checked + p .ico, #cc_form_activar.n_cc article .f_checkbox input:checked + p .ico { background-position: 0 -111px; } #cc_form.n_cc article.activo .f_checkbox input:checked + p .ico { background-position: 0 -37px; } #cc_form_activar.n_cc article.activo .f_checkbox input:checked + p .ico { background-position: 0 -74px; } .n_cc article .pop_ok { background: url("../img/pop_ok.png") no-repeat 97% center; } .n_cc article .pop_bad { background: url("../img/pop_bad.png") no-repeat 97% center; } #cc_form.n_cc article.mail, #cc_form_activar.n_cc article.mail { padding-right: 0 !important; } #cc_form.n_cc span.pop_bad, #cc_form_activar.n_cc span.pop_bad { position: relative; display: inline-block; vertical-align: top; width: 30px; height: 40px; line-height: 40px; background-position: 0 center !important; } #cc_form.n_cc .field > a, #cc_form_activar.n_cc .field > a { font-size: 12px; color: #666666; } #cc_form.n_cc .field .error, #cc_form_activar.n_cc .field .error { font-size: 12px; color: #ff0000; text-align: center; } #recuperarmail.n_cc article.conf { margin: 5px 0; } #recuperarmail.n_cc article h4 { margin-bottom: 10px; } /**/ #cc_form.n_cc .inf { margin-bottom: 20px; position: relative; text-align: left; } #cc_form.n_cc .inf > ul li { position: relative; margin-bottom: 17px; padding-left: 40px; font-size: 13px; font-style: italic; line-height: 27px; } #cc_form.n_cc .inf > ul li:last-child { margin-bottom: 35px; } #cc_form.n_cc .inf > ul li span { position: absolute; left: 0; width: 25px; height: 25px; text-align: center; border-radius: 25px; color: #ffffff; background-color: #004c95; font-family: "dinengschriftstd"; font-size: 16px; font-style: normal; } #cc_form.n_cc .inf p { margin-bottom: 30px; } #cc_form.n_cc .inf .cupon { position: relative; border: 1px solid rgba(50, 50, 50, 0.20); border-top: none; border-left: none; width: 610px; height: 400px; margin: 20px auto; box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.20); } #cc_form.n_cc .inf .cupon .logo { position: relative; display: inline-block; vertical-align: top; width: 67px; height: 400px; background: #ffdf0f url("../img/logov.jpg") no-repeat center; } #cc_form.n_cc .inf .cupon .header { position: relative; display: inline-block; vertical-align: top; background-color: #0f99fe; height: 130px; width: calc(100% - 67px); } #cc_form.n_cc .inf .cupon .header p { position: absolute; right: 10px; top: 5px; color: #ffffff; width: 370px; font-size: 16px; margin: 15px 0 0; } #cc_form.n_cc .inf .cupon img { position: absolute; width: 150px; height: 150px; border-radius: 100px; top: 18px; left: 74px; } #cc_form.n_cc .inf .cupon .datos { position: absolute; bottom: 15px; right: 10px; background: #e6e6e6; width: 520px; height: 205px; } #cc_form.n_cc .inf .cupon .datos li { position: relative; font-family: "Trebuchet MS"; font-size: 17px; padding-left: 180px; margin-bottom: 35px; } #cc_form.n_cc .inf .cupon .datos li span { color: #0f99fe; font-weight: bold; position: absolute; left: 0; } #cc_form.n_cc .inf .cupon .datos li span.doble { left: 300px; } #cc_form.n_cc .inf .cupon .datos li span.doble_resp { left: 350px; color: #909090; } #cc_form.n_cc .inf .cc_btn { left: 50%; margin-left: -138px; } #cc_form_activar.n_cc p.opciones { border-bottom: 1px solid #0f99fe; color: #0f99fe; display: inline-block; margin-left: 5px; max-width: 570px; position: relative; text-align: left; width: calc(100% - 20px); } /* POR AHORA SOLO EN #CC_FORM.N_CC*/ .n_cc #cinefavorito_header .cc_cuenta, .n_cc #cinefavorito_header .disp_login { display: none; } .n_cc .sb-toggle-right { position: relative; vertical-align: top; display: inline-block; width: 132px; height: 52px; background-position: -422px -28px; cursor: pointer; } .n_cc .nuevo_logged.logged .sb-toggle-right { display: none !important; } .n_cc #cinefavorito_header .cinefav { right: 3px; } #cc_form_activar.n_cc .frm1 > p { font-family: "Trebuchet MS"; font-size: 15px; color: #909090; position: relative; left: 10px; margin-bottom: 20px !important; } /* /NUEVA CC_FORM */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* NEW CINESACARD HOME */ /* LOGIN */ #cinesacard.n_cc .micuenta { width: 495px; } #cinesacard.n_cc .micuenta .formlogin { width: 495px; height: 274px; } #cinesacard.n_cc .micuenta img { border: none; width: 138px; height: 138px; left: 20px; top: 30px; } #cinesacard.n_cc .micuenta h3 { background: #0f99fe; color: #ffffff; width: calc(100% - 130px); height: 55px; margin: 0 0 40px 0; padding: 25px 0 0 130px; top: 0; left: 0; font-size: 30px; } #cinesacard.n_cc .micuenta input[type="email"], #cinesacard.n_cc .micuenta input[type="password"] { border: 1px solid #efefef; border-left: 5px solid #0f99fe; background: #ffffff; color: #909090; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); width: 200px; height: 40px; margin: 0 10px 20px; } #cinesacard.n_cc .micuenta input[type="submit"] { border: 4px solid #abdbff; border-radius: 10px; height: 48px; width: calc(100% - 20px); } /* VENTAJAS */ #cinesacard.n_cc .ventajas_ccard { height: 274px; width: calc(100% - 515px); } #cinesacard.n_cc .ventajas_ccard .lista_ventajas { margin-top: 40px; } #cinesacard.n_cc .ventajas_ccard li { vertical-align: top; position: relative; } #cinesacard.n_cc .ventajas_ccard li div div { display: none; position: relative; vertical-align: top; width: calc(100% - 10px); height: 100px; padding: 5px; background: #0f99fe; color: #ffffff; font-family: "Trebuchet MS"; font-size: 14px; cursor: default; } #cinesacard.n_cc .ventajas_ccard li:hover div div { display: inline-block; } /* CONSEGUIR CINESACARD */ #cinesacard.n_cc .conseguirccard .cc_btn { border-radius: 0; border: none; width: 100%; cursor: initial; } #cinesacard.n_cc .conseguirccard .cc_btn a { border: 4px solid #a6c1da; border-radius: 10px; top: 6px; } #cinesacard.n_cc .conseguirccard .activala .cc_btn a { border-color: #abdbff; } #cinesacard.n_cc .puntos .div-1 > p { font-family: "Trebuchet MS"; font-size: 15px; color: #909090; margin-left: 50px; } /* /NEW CINESACARD HOME */ /* ############################################################################################################################## */ #landingplantilla section img { margin: 20px auto; width: 100%; max-width: 678px; } /* ############################################################################################################################## */ /* GANA ENTRADAS */ #ganaentradas section { background: #ffffff; margin-bottom: 50px; padding-bottom: 20px; text-align: left; } #ganaentradas form > img { margin: 20px 30px; } #ganaentradas span.num { position: relative; display: inline-block; vertical-align: top; width: 35px; height: 35px; line-height: 35px; text-align: center; font-family: "dinengschriftstd"; font-size: 22px; color: #ffffff; background-color: #fc4203; border: 4px solid #ffffff; border-radius: 40px; margin: 10px 10px 20px 30px; } #ganaentradas article.activo span.num { background-color: #fc4203; border: 4px solid #fec8b6; } #ganaentradas article.inactivo span.num { background-color: #d3d3d3; border: 4px solid #ffffff; } #ganaentradas h4 { position: relative; display: inline-block; vertical-align: top; font-family: "dinengschriftstd"; height: 44px; line-height: 44px; margin: 10px 0; font-size: 22px; color: #909090; } #ganaentradas h4 span { color: #fc4203; } #ganaentradas .row { width: calc(100% - 60px); margin: 0 auto 20px; } #ganaentradas .field { position: relative; display: inline-block; vertical-align: top; width: 270px; margin-right: 20px; } #ganaentradas .field > p { font-family: "Trebuchet MS"; font-size: 15px; color: #909090; margin: 0 0 5px 0; } #ganaentradas .btn_ge { position: relative; display: inline-block; width: 270px; text-align: center; height: 40px; line-height: 40px; background-color: #d3d3d3; font-family: "dinengschriftstd"; font-size: 26px; color: #ffffff; margin: 10px 0; border: none; cursor: pointer; } #ganaentradas article.activo .btn_ge { background-color: #fc4203; } .no-touch #ganaentradas article.activo .btn_ge:hover { background-color: #b73002; } #ganaentradas .btn_ge:disabled, #ganaentradas .btn_ge.disabled { background-color: #d3d3d3 !important; cursor: default; } #ganaentradas .text { position: relative; display: inline-block; width: 248px; text-align: left; padding-left: 15px; height: 40px; line-height: 40px; border: 1px solid #dddddd; border-left: 6px solid #dddddd; box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.2); color: #666666; } #ganaentradas article.activo .text { border-left-color: #fc4203; } #ganaentradas .row > ul { padding: 0; margin: 0; } #ganaentradas .row > ul li { padding-left: 30px; margin-bottom: 10px; background: url("../img/ge_04.png") no-repeat 10px center; font-family: "Trebuchet MS"; font-size: 15px; color: #909090; } #ganaentradas .row .mini { font-family: "Trebuchet MS"; font-size: 11px; color: #666666; } #ganaentradas .ge_ok .row_cuaac { height: 160px; background: url("../img/ge_02.png") no-repeat 180px 0; margin-top: -100px; } #ganaentradas .ge_nok .row_cuaac { height: 160px; background: url("../img/ge_03.png") no-repeat 180px 0; margin-top: -100px; } #ganaentradas .ge_nok .row_cuaac p { margin-top: 90px; } #ganaentradas .row_cuaac h3 { top: 80px; position: relative; font-family: "dinengschriftstd"; font-size: 35px; color: #fc4203; } #ganaentradas .row > p { font-family: "Trebuchet MS"; font-size: 15px; color: #909090; } #ganaentradas .row > p span { color: #fc4203; } #ganaentradas .row > ul li span { color: #fc4203; } #ganaentradas .row strong { color: #333333; font-weight: 100; } #ganaentradas .row_aviso { background-color: #fed0c0; text-align: center; padding: 10px 0; } #ganaentradas .row_aviso p { margin: 0; font-family: "Trebuchet MS"; font-size: 13px; color: #333333; } #ganaentradas .row_aviso span { font-family: "Trebuchet MS"; font-size: 13px; color: #fc4203; line-height: 30px; } /* /GANA ENTRADAS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* EMPHATICA */ #emphatica #bajo_menu { height: 30px; } #emphatica article { background: #ffffff; margin-bottom: 5px; margin-top: 5px; text-align: left; } #emphatica article.img_container { background: url("../img/emphatica.jpg") no-repeat; height: 139px; } #emphatica article.txt_container { padding: 30px; } #emphatica article.txt_container h3 { margin: 0; font-family: "dinengschriftstd"; font-size: 21px; color: #004c92; font-weight: 100; } #emphatica article.txt_container p { font-family: "Trebuchet MS"; font-size: 15px; color: #909090; } #emphatica article.txt_container p a { color: #004c92; text-decoration: underline; } #emphatica article.txt_container p.titulo_lista { margin-top: 34px; margin-bottom: 10px; } #emphatica article.txt_container p .dest { color: #004c92; } #emphatica article.txt_container ul { padding: 0; margin: 0; } #emphatica article.txt_container li { color: #909090; font-size: 15px; } /* /EMPHATICA */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* FAQ GAMES*/ #games .game_faq { text-align: left; padding: 10px 0 10px 0; } #games .game_faq > ul { margin: 0; padding: 0; } #games .game_faq li { cursor: pointer; background-color: #e8e8e8; font-family: "Trebuchet MS"; color: #666666; position: relative; min-height: 30px; width: calc(100% - 55px); line-height: 30px; margin: 0 0 10px 45px; padding-left: 10px; font-size: 13px; } #games .game_faq .mas, #games .game_faq .menos { position: absolute; width: 35px; height: 30px; background: url(../img/faq.png) no-repeat; margin-left: -55px; } #games .game_faq .mas { background-position: 0 0; } #games .game_faq .menos { background-position: -35px 0; } #games .game_faq li.respuesta { background: none; cursor: initial; height: auto; border: 2px solid #e8e8e8; margin-left: 0px; width: 99%; background: #ffffff; } #games .game_faq li.respuesta ul li { background: #ffffff url(../img/li_gris.png) no-repeat 0px 10px; cursor: initial; margin-left: -10px; margin-bottom: 10px; line-height: 20px; height: auto; width: 95%; } #games .game_faq li.respuesta ul li.stitulo { color: #0e99fe; background: none; line-height: 20px; margin-left: -35px; } #games .game_faq li.respuesta ul li.sresumen { background: none; line-height: 20px; margin-left: -35px; } #games .game_faq li.respuesta ul li a { color: #666666; border-bottom: 1px solid #666666; } #games .game_faq li.respuesta ul li.sresp { background: none; } /* /FAQ GAMES*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* GOLDEN QUESTION*/ .golden_mask { position: fixed; background: #000000; top: 0; left: 0; bottom: 0; right: 0; z-index: 300000; opacity: 0.5; } .pop_golden { position: fixed; z-index: 300001; background: #ffffff; width: 960px; min-height: 493px; left: 50%; margin-left: -490px; top: 170px; text-align: center; border: 10px solid rgba(255, 255, 255, .4); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } .pop_golden .col { position: relative; display: inline-block; vertical-align: top; width: 50%; height: 493px; } .pop_golden .col.golden_img { background: #ffdf00 url("../img/golden_2.png") no-repeat center bottom; } .pop_golden p { font-family: "dinengschriftstd"; font-size: 25px; color: #005191; width: 60%; margin: 0 auto; } .pop_golden .p_principal { margin: 100px auto 70px; } .pop_golden .p_secundario { margin: 50px auto; } .no-ccard.pop_golden .p_principal { margin: 70px auto 40px; } .no-ccard.pop_golden .p_secundario { margin: 50px auto; } .pop_golden .golden_btn { font-family: "dinengschriftstd"; font-size: 30px; color: #005191; cursor: pointer; background: #ffdf00; border: 5px solid #fff299; border-radius: 10px; width: 300px; height: 46px; line-height: 46px; margin: 0 auto; } .pop_golden .row { margin: 0; display: block; } .pop_golden .row.golden_img { height: 204px; background: #ffdf00 url("../img/golden_3.png") no-repeat center bottom; } .pop_golden .titulo { font-family: "dinengschriftstd"; font-size: 18px; color: #21201b; margin: 0 auto 40px; height: 43px; padding-top: 8px; position: relative; } .pop_golden .titulo span { position: absolute; margin-left: -50px; top: 0; background: #004c95; color: #ffffff; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 30px; border: 4px solid #b5cbe0; } .pop_golden form { width: 75%; margin: 15px auto 0; border: none; } .pop_golden .field { position: relative; display: inline-block; vertical-align: top; margin: 0 10px 20px; min-height: 40px; padding-left: 45px; font-family: "Trebuchet MS"; font-size: 15px; color: #666666; cursor: pointer; text-align: left; padding-top: 7px; border: none; } .pop_golden .field input[type="radio"] { display: none; } .pop_golden .field input[type="radio"] + .ico { width: 38px; height: 37px; background: url("../img/ico_check.png") no-repeat 0 0; position: absolute; left: 0; top: 0; } .pop_golden .field input[type=radio]:checked + .ico { background-position: 0 -37px; } .pop_golden button { position: relative; display: block; margin: 20px auto; width: 270px; height: 40px; text-align: center; background: #004c95; border: 0; color: #ffffff; font-family: "dinengschriftstd"; font-size: 22px; } .pop_golden button:disabled { background: #cccccc !important; } .pop_golden.golden-final_form .titulo { color: #004c95; font-size: 35px; line-height: auto; margin: 30px auto; } .pop_golden.golden-final_form .p_principal { margin: 60px auto 0; font-size: 25px; color: #0076eb; width: 45%; } .pop_golden .close { color: #707070; position: absolute; z-index: 100; right: 10px; top: 5px; cursor: pointer; } /* /GOLDEN QUESTION*/ /* ############################################################################################################################## */ #ficha_cine .banners_promo .img_left, #ficha_cine .banners_promo .img_right { position: absolute; top: 58px; z-index: 1000; } #ficha_cine .banners_promo .img_left { left: 10px; } #ficha_cine .banners_promo .img_right { right: 10px; } /* ############################################################################################################################## */ /* TRENDING TOPICS */ #home .trending_container { position: relative; background-color: #ffffff; height: 40px; line-height: 40px; margin: 6px 0 15px !important; text-align: left; } #home .trending_titulo { font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; font-style: italic; color: #999999; margin-left: 15px; width: 80px; display: none; } #home .trending_marquee { position: absolute; top: 0; right: 10px; /*width: calc(100% - 105px); */ width: calc(100% - 20px); height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Trebuchet MS"; font-size: 13px; font-style: italic; color: #6e91aa; } #home .trending_marquee span:after { content: "·"; position: absolute; margin-left: 15px; font-size: 30px; padding: 0; line-height: 40px; color: #6e91aa; } #home .trending_marquee span:last-child:after { content: ""; } #home .trending_marquee span { display: inline; color: #6e91aa; padding: 0 20px; height: 40px; line-height: 40px; } #home .trending_marquee span a { color: inherit; } #home .trending_marquee span a:hover { color: #0076eb; text-decoration: underline; } /* ############################################################################################################################## */ /* SOCIAL LOGIN */ .sb-right .container.first_c { border-bottom: 2px solid #f0f0f0; padding: 25px 0; } .sb-right .container.last_c { border-top: 2px solid #f0f0f0; padding: 5px 0; } .popup.pop_registro_1 .vinculo_fb { margin-bottom: 25px; } #cc_form.n_cc #formalta > p, #cc_form_activar.n_cc #formalta > p { color: #909090; margin: 0 0 25px 10px; } #cc_form_activar.n_cc #formalta > p { margin-top: 20px; } .sociallogin_btn { cursor: pointer; } /* ***** */ .onoffswitch { position: relative; width: 102px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #FFFFFF; border-radius: 7px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 34px; padding: 0; line-height: 34px; font-size: 17px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .onoffswitch-inner:before { content: "SI"; font-family: "Trebuchet MS"; font-size: 17px; font-weight: 100; padding-left: 10px; background-color: #0F99FE; color: #FFFFFF; } .onoffswitch-inner:after { content: "NO"; font-family: "Trebuchet MS"; font-size: 17px; font-weight: 100; padding-right: 10px; background-color: #D3D3D3; color: #FFFFFF; text-align: right; } .onoffswitch-switch { display: block; margin: 5px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 48px; border: 2px solid #FFFFFF; border-radius: 7px; transition: all 0.3s ease-in 0s; width: 40px; height: 24px; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .vinculo_fb { background-color: #ffffff; position: relative; display: block; margin: 10px 20px; width: calc(100% - 60px); padding: 5px 0 5px 20px; color: #666666; font-family: "Trebuchet MS"; font-size: 15px; } .vinculo_fb > p { width: calc(100% - 47px); background: url("../img/ico_facebook.png") no-repeat 0 0; height: 32px; line-height: 32px; padding-left: 47px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vinculo_fb .vfb > * { display: inline-block; vertical-align: top; } .vinculo_fb .vfb > p { margin: 8px 10px 25px; } .vinculo_fb .vfb > p:first-child { margin-left: 0; } @media all and (max-width:919px) { .vinculo_fb .vfb > p: last-child { display: block; margin-left: 0; } } .pop_entrar .sociallogin_btn { margin: 30px 0 10px; } .pop_entrar .pop_separador_slfb { color: #666666; font-size: 15px; margin: 30px 0; } #cc_form.n_cc .vinculo_fb, #cc_form_activar.n_cc .vinculo_fb { margin: 0; padding: 0; } .vinculo_fb > p .vfb_info { position: absolute; width: 16px; height: 17px; margin: 7px 5px 0 10px; background: url("../img/FB_info_btn.png")no-repeat 0 0; white-space: nowrap; overflow: hidden; color: transparent; cursor: pointer; transition: 0.4s; } .vinculo_fb > p .vfb_info.open { width: 260px; height: 70px; background-color: #dddddd; color: #666666; padding: 5px 10px 5px 25px; z-index: 1000; white-space: normal; overflow: visible; line-height: 20px; border: 1px solid #aaaaaa; border-radius: 4px; transition: 0.4s; } @media all and (max-width:1024px) { .vinculo_fb > p .vfb_info.open { margin-left: -100px; } } @media all and (max-width:480px) { .vinculo_fb > p .vfb_info.open { right: 0px; } } #cinesacard.n_cc .ccard { padding-top: 10px; } #cinesacard.n_cc .ccard > div { vertical-align: top; } #cinesacard.n_cc .ccard .micuenta { width: 405px; } #cinesacard.n_cc .ccard .ventajas_ccard { margin-top: 60px; } @media all and (min-width:1024px) { #cinesacard.n_cc .ccard .ventajas_ccard { width: calc(100% - 425px); } } #cinesacard.n_cc .micuenta > * { display: block; margin-bottom: 5px; position: relative; } #cinesacard.n_cc .micuenta h3 { height: 52px; line-height: 52px !important; padding: 0 40px 0 0; text-align: center; width: calc(100% - 40px); background-image: url("../img/02_micuenta.png"); background-repeat: no-repeat; background-position: center right 15px; margin-bottom: 8px; } #cinesacard.n_cc .micuenta .row { background-color: #ffffff; height: 267px; text-align: center; padding: 1px 0; } #cinesacard.n_cc .micuenta .row.formlogin { width: auto; margin-top: 0; } #cinesacard.n_cc .micuenta .row.formlogin a { border: none; } #cinesacard.n_cc .micuenta .row.ls { height: 77px; line-height: 77px; margin-bottom: 3px; } #cinesacard.n_cc .micuenta .row img { border-radius: 0; width: 278px !important; height: 40px !important; position: relative; left: auto !important; top: auto !important; } #cinesacard.n_cc .micuenta input[type=email], #cinesacard.n_cc .micuenta input[type=password] { width: 256px !important; display: block; margin: 20px auto; padding-left: 15px; } #cinesacard.n_cc .micuenta .row:not(.ls) a { position: relative; display: block; margin: 23px; font-size: 12px; color: #666666; text-decoration: underline; } #cinesacard.n_cc .micuenta input[type=submit] { width: 278px; background-color: #0f99fe; color: #ffffff; font-family: "dinengschriftstd"; font-size: 22px; } #cinesacard.n_cc .ventajas_ccard .cc_aviso p { margin-top: 70px; font-size: 11px; color: #999999; font-family: arial; text-align: center; line-height: 14px; } #cinesacard.n_cc .ventajas_ccard .cc_aviso p a { border: none; color: inherit; text-decoration: underline; } .skin #cinesacard.n_cc .micuenta .row.formlogin { margin-top: 0; } .skin #cinesacard.n_cc .micuenta .row.formlogin input[type=email], .skin #cinesacard.n_cc .micuenta .row.formlogin input[type=password] { border-left: 5px solid #0f99fe; margin: 20px auto; ; } .skin #cinesacard.n_cc .micuenta input[type=submit] { width: 278px; } .skin #cinesacard.n_cc .ventajas_ccard { width: auto; margin-bottom: 100px !important; } @media all and (max-width:1024px) { #cinesacard.n_cc .ccard { margin-bottom: 60px; } } @media all and (max-width:639px) { #cinesacard.n_cc .micuenta .formlogin { height: 260px !important; } #cinesacard.n_cc .ventajas_ccard .cc_aviso p { margin-top: 30px; } } /* ############################################################################################################################## */ /* PERSONALIZE (PERSONALIZAR LA WEB PARA PELÍCULAS TOP20)*/ @media all and (min-width:1024px) { .skin .pers_logo header #logo_header, .pers_logo header #logo_header { /* background: url("../img/selligent/201612_logo_passengers2.jpg") no-repeat; */ background: no-repeat; height: 140px !important; /*background-size: 9%;*/ bottom: 0; } } .pers_cursor * { cursor: url("../img/selligent/201612_cursor_canta.png") 3 2, auto !important; } /* CONTADOR */ #home.pers_count article.article_cont { width: 100%; height: 135px; margin-bottom: 10px !important; position: relative; } .skin #home.pers_count article.article_cont { height: auto; } .skin #home.pers_count article.article_cont img { width: 100%; } .pers_count .pers_background { position: relative; display: block; width: 100%; max-width: 1188px; height: 135px; margin: 0 auto; background: url("../img/personalize/count_50sombras2.jpg") no-repeat; } .pers_count .pers_background .clock { position: absolute; width: 369px; height: 121px; top: 7px; right: 20px; } @media all and (max-width:1000px) { .pers_count .pers_background { width: 100%; background-size: 100%; } .pers_count .pers_background .clock { right: 2px; } } @media all and (max-width:937px) { #home.pers_count article.article_cont { height: 230px; } .pers_count .pers_background { width: 600px; background-size: 160%; height: 230px; } .pers_count .pers_background .clock { bottom: 10px; top: auto; right: auto; left: 50%; margin-left: -185px; height: 70px; } } @media all and (max-width:769px) { .pers_count .pers_background { background-size: 160%; } } @media all and (max-width:610px) { .pers_count .pers_background { width: 470px; } } /*@media all and (min-width:1024px) { .skin .pers_count .pers_background{ background-size: 96%; background-position: 20px 10px; } }*/ /* FIX NO CONTADOR - TARGET ------------------------------------------------------------------------------------------------------------ */ #home.pers_count article.article_cont { height: auto; } #home.pers_count article.article_cont a img { width: 100%; } #home.pers_count article.article_cont .clock, #home.pers_count article.article_cont .count_text { display: none; } @media all and (max-width:937px) { .pers_count .pers_background { background-size: 100%; height: 80px; } } @media all and (max-width:767px) { .pers_count .pers_background { background-size: 100%; height: 80px; } } @media all and (max-width:610px) { .pers_count .pers_background { background-size: 100%; height: 63px; } } /* /FIX NO CONTADOR - TARGET ----------------------------------------------------------------------------------------------------------- */ /* Get the bourbon mixin from http://bourbon.io */ /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul { list-style: none; } .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ .flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } .flip-clock-meridium a { color: #313333; } .flip-clock-wrapper { text-align: center; position: relative; padding-top: 25px; } .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both; } /* Skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 5px 1px; width: 30px; /*60*/ height: 60px; /*90*/ font-size: 40px; /*80*/ font-weight: bold; line-height: 58px; /*87*/ border-radius: 6px; background: #000; } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 58px; /*87*/ text-decoration: none !important; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 40px; /*80*/ overflow: hidden; outline: 1px solid transparent; } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 29px; /*44*/ left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 35px; /*70*/ } .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .flip-clock-divider { float: left; display: inline-block; position: relative; width: 10px; height: 100px; } .flip-clock-divider:first-child { width: 0; } .flip-clock-dot { display: block; background: #323434; width: 5px; height: 5px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 3px; } .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -50px; color: black; text-shadow: none; color: #ffffff; } .flip-clock-divider.minutes .flip-clock-label { right: -58px; } .flip-clock-divider.seconds .flip-clock-label { right: -61px; } .flip-clock-dot.top { top: 25px; } .flip-clock-dot.bottom { bottom: 55px; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } /* ############################################################################################################################## */ /* ############################################################################################################################## */ .new_dolby main #main { left: 0; } .new_dolby main #main section { left: 0; width: 100%; margin: 0; border-top: 2px solid #444; padding-bottom: 0; } .new_dolby .dolby_home { position: relative; width: 100%; } .new_dolby .dolby_home img { width: 100%; } .new_dolby .dolby_home nav { position: absolute; top: 10px; left: 40px; } .new_dolby .dolby_home .dolby_logo { position: absolute; width: 396px; height: 100px; background: url("../img/dolby_bg_logo.png") no-repeat; top: 200px; left: calc(50% - 198px); } .new_dolby .dolby_tech { background: #1a1a1a; padding: 10px 10px 50px; text-align: center; } .new_dolby .dolby_tech > h3 { font-family: "gustanlight"; font-size: 45px; color: #ffffff; margin: 20px 0; } .new_dolby .dolby_tech > p { font-family: "gustanlight"; font-size: 25px; color: #888888; width: 90%; max-width: 883px; margin: 10px auto 20px; } .new_dolby .dolby_tech ul { width: 98%; margin: 30px auto; padding: 0; } .new_dolby .dolby_tech li { position: relative; display: inline-block; vertical-align: top; width: 31%; margin: 0 1%; color: #ffffff; font-family: "gustanbook"; font-size: 14px; } .new_dolby .dolby_tech li a { color: inherit; display: inline-block; } .new_dolby .dolby_tech li h5 { font-family: "gustanlight"; font-size: 16px; margin: 0; } .new_dolby .dolby_tech li .tech_img_container { width: 280px; height: 280px; margin: 20px auto; overflow: hidden; border-radius: 50%; -webkit-transition: transform 2s ease-in-out; transition: transform 0.2s linear; } .new_dolby .dolby_tech li .t_i_1 { background: url("../img/dolby_circle_1.jpg") no-repeat center; } .new_dolby .dolby_tech li .t_i_2 { background: url("../img/dolby_circle_2.jpg") no-repeat center; } .new_dolby .dolby_tech li .t_i_3 { background: url("../img/dolby_circle_3.jpg") no-repeat center; } .new_dolby .dolby_tech li .tech_img { margin: 0 auto; position: relative; width: 280px; height: 280px; border-radius: 50%; background-size: cover; -webkit-transition: transform 2s ease-in-out; transition: transform 0.2s linear; } .new_dolby .dolby_tech li .tech_arrow { width: 36px; height: 36px; background: #16ACBC url("../img/dolby_arrow.png") no-repeat center; position: absolute; top: 235px; left: calc(50% - 18px); border-radius: 50%; border: 3px solid #16acbc; transition: 0.5s; } .new_dolby .dolby_tech li:hover .tech_img_container { transform: scale(1.05); -webkit-transform: scale(1.05); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; border-radius: 100%; } .new_dolby .dolby_tech li:hover .tech_img { transform: scale(1.1); -webkit-transform: scale(1.05); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; } .new_dolby .dolby_tech li:hover .tech_arrow { border-color: #8e1c59; } .new_dolby .dolby_now { background-color: #231f20; padding: 1px; text-align: center; } .new_dolby .dolby_now h3 { font-family: "gustanbook"; font-size: 30px; color: #ffffff; margin-bottom: 0; } .new_dolby .dolby_now a { color: #ffffff; } .new_dolby .dolby_now .row { position: relative; display: block; width: 98%; max-width: 900px; margin: 0 auto 40px; ; } .new_dolby .dolby_now .col { position: relative; display: inline-block; vertical-align: top; text-align: left; } .new_dolby .dolby_now .c30 { width: 30%; text-align: right; } .new_dolby .dolby_now .c70 { width: 69%; margin-bottom: 30px; } .new_dolby .dolby_now img { border: 7px solid #ffffff; width: 95%; max-width: 200px; } .new_dolby .dolby_now ul { margin: 0; } .new_dolby .dolby_now li { font-family: "gustanbook"; font-size: 16px; color: #d4e4e5; margin-bottom: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new_dolby .dolby_now li.titulo { font-family: "gustanlight"; font-size: 26px; } .new_dolby .dolby_now li.link { margin-top: 25px; } .new_dolby .dolby_now li.link span { position: relative; display: inline-block; width: 270px; height: 40px; line-height: 40px; text-align: center; background-color: #16acbc; border: 4px solid #1e5056; border-radius: 10px; } .new_dolby .dolby_video { margin-bottom: 100px; } .new_dolby .dolby_video .row h3 { text-align: center; font-family: "gustanbook"; font-size: 30px; color: #221f1f; } .new_dolby .dolby_video .dolby_carrousel { position: relative; display: block; margin: 0 auto; width: 96%; } .new_dolby .dolby_video .dolby_carrousel .img_left, .new_dolby .dolby_video .dolby_carrousel .img_right { position: absolute; width: 66px; height: 66px; background: url("../img/dolby_carrousel.png") -12px -16px; top: 40%; left: 15px; opacity: 0; transition: 0.2s; } .new_dolby .dolby_video .dolby_carrousel .img_right { background-position: -220px -16px; right: 15px; left: auto; } .new_dolby .dolby_video .dolby_carrousel:hover .img_left, .new_dolby .dolby_video .dolby_carrousel:hover .img_right { opacity: 0.6; } .new_dolby .dolby_video .dolby_carrousel:hover .img_left:hover, .new_dolby .dolby_video .dolby_carrousel:hover .img_right:hover { opacity: 1; } .new_dolby .dolby_video .dolby_carrousel ul { margin: 0; padding: 0; position: relative; } .new_dolby .dolby_video .dolby_carrousel li { display: block; float: left; position: relative; } .new_dolby .dolby_video .dolby_carrousel li img { width: 100%; z-index: 1; } .new_dolby .dolby_video li .d_text { position: relative; width: calc(92%); margin: -34px 4% 0; height: 68px; color: #ffffff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0, 000000+100& 0.6+0, 1+36, 1+100 */ background: -moz-linear-gradient(top, rgba(35,31,32,0.6) 0%, rgba(22,20,20,1) 36%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,31,32,0.6)), color-stop(36%,rgba(22,20,20,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, rgba(35,31,32,0.6) 0%, rgba(22,20,20,1) 36%, rgba(0,0,0,1) 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, rgba(35,31,32,0.6) 0%, rgba(22,20,20,1) 36%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(35,31,32,0.6) 0%, rgba(22,20,20,1) 36%, rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(35,31,32,0.6) 0%, rgba(22,20,20,1) 36%, rgba(0,0,0,1) 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99231f20', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .new_dolby .dolby_video li .d_text p { margin: 0; position: absolute; left: 20px; top: 10px; width: 80%; height: 50px; white-space: initial; overflow: initial; font-family: "gustanbook"; font-size: 16px; } .new_dolby .dolby_video .radios { position: absolute; bottom: 22px; right: 5%; width: 150px; height: 34px; line-height: 32px; text-align: center; } .new_dolby .dolby_video .radios a { color: #ffffff; width: 32px; height: 32px; border-radius: 50%; position: relative; display: inline-block; margin: 0 5px; border: 1px solid #ffffff; background-color: #221f1f; } .new_dolby .dolby_video .radios a.selected { background-color: #ffffff; color: #221f1f; } .new_dolby .dolby_video li .play { position: absolute; width: 88px; height: 88px; cursor: pointer; opacity: 0.5; white-space: initial; overflow: initial; } .new_dolby .dolby_video .dolby_carrousel:hover li .play { opacity: 1; } .new_dolby .dolby_video li .play { position: absolute; width: 88px; height: 88px; left: calc(50% - 44px); top: calc(40% - 12px); cursor: pointer; opacity: 0.5; background: url("../img/dolby_carrousel.png") -105px -6px; } .new_dolby .dolby_video .dolby_carrousel:hover li .play { opacity: 1; } @media all and (max-width:1024px) { .new_dolby .dolby_tech li .tech_img_container { width: 230px; height: 230px; } .new_dolby .dolby_tech li .tech_img { width: 230px; height: 230px; } .new_dolby .dolby_tech li .tech_arrow { top: 200px; } } @media all and (max-width:768px) { .new_dolby .dolby_home .dolby_logo { top: 100px; } .new_dolby .dolby_tech li .tech_img_container { width: 200px; height: 200px; } .new_dolby .dolby_tech li .tech_img { width: 200px; height: 200px; } .new_dolby .dolby_tech li .tech_arrow { top: 170px; width: 30px; height: 30px; left: calc(50% - 15px); } .new_dolby .dolby_video li .d_text p { width: 70%; font-size: 14px; } } @media all and (max-width:767px) { .new_dolby .dolby_tech li .tech_img_container { width: 150px; height: 150px; } .new_dolby .dolby_tech li .tech_img { width: 150px; height: 150px; } .new_dolby .dolby_tech li .tech_arrow { top: 126px; } } @media all and (max-width:640px) { .new_dolby .dolby_home .dolby_logo { width: 200px; height: 50px; background-size: 100%; left: calc(50% - 100px); } .new_dolby .dolby_tech li { display: block; width: 100%; margin: 0 0 10px; background-color: #6f6f6f; text-align: left; } .new_dolby .dolby_tech li > * { vertical-align: top; display: inline-block; } .new_dolby .dolby_tech li .tech_img_container { margin: 20px 20px 10px 10px; width: 70px; height: 70px; display: inline-block; } .new_dolby .dolby_tech li .tech_img { width: 70px; height: 70px; } .new_dolby .dolby_tech li:hover .tech_img_container, .new_dolby .dolby_tech li:hover .tech_img { transform: scale(1); -webkit-transform: scale(1); } .new_dolby .dolby_tech li .techo_text { display: inline-block; width: 70%; font-size: 12px; margin-top: 15px; vertical-align: top; } .new_dolby .dolby_tech li h5 { font-size: 15px; } .new_dolby .dolby_tech li p { margin: 5px 0 20px; } .new_dolby .dolby_tech li .tech_arrow { top: 50px; right: 10px; left: auto; margin: 0; position: absolute; width: 12px; height: 12px; border-width: 2px; background-size: 30%; } .new_dolby .dolby_video li .d_text p { font-size: 13px; } } @media all and (max-width:480px) { .new_dolby .dolby_home .dolby_logo { top: 40px; } .new_dolby .dolby_now .col { display: block; } .new_dolby .dolby_now .c30, .new_dolby .dolby_now .c70 { width: 90%; margin: 0 auto; } .new_dolby .dolby_now .c30 { text-align: center; margin-bottom: 20px; } .new_dolby .dolby_video .radios { position: absolute; bottom: 22px; right: 5%; width: 100px; height: 22px; line-height: 22px; text-align: center; } .new_dolby .dolby_video .radios a { width: 20px; height: 20px; border-radius: 50%; position: relative; display: inline-block; margin: 0 5px; } } /* ************************************************************************** */ /* LORD BOBINA */ #lordbobina #bajo_menu { display: none; } #lordbobina .form { background: #ffffff; max-width: 596px; width: calc(100% - 50px); margin: 30px auto 100px; text-align: center; padding: 20px; font-family: "Trebuchet MS"; font-size: 15px; color: #666666; } #lordbobina .form span { color: #0c99fe; } #lordbobina .form img { margin-top: -60px; max-width: 340px; width: 98%; } #lordbobina .form img + p { margin-top: -50px; } #lordbobina .row .field { display: inline-block; vertical-align: top; position: relative; width: 270px; margin: 10px 5px 15px; text-align: left; } #lordbobina .row .field p { margin: 0 0 3px; color: #909090; } #lordbobina .row .field input { width: calc(100% - 25px); padding-left: 15px; height: 40px; line-height: 40px; border: 1px solid #e0e0e0; border-left: 4px solid #0c99fe; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } #lordbobina .mini { font-size: 11px; color: #999999; } #lordbobina input[type=submit] { width: 270px; height: 48px; text-align: center; background: #0c99fe; border: 4px solid #abdbff; border-radius: 8px; margin: 20px 0; font-family: "dinengschriftstd"; font-size: 23px; color: #ffffff; } #lordbobina input[type=checkbox] { display: inline-block; vertical-align: top; margin-top: 20px; margin-right: 10px; } #lordbobina .check p { display: inline-block; vertical-align: top; text-align: left; width: 88%; } /* ************************************************************************** */ /* MAQUINISTA - DOLBY */ #ficha_cine.maquinista main, #ficha_cine.maquinista_film main { background: url("../img/dolby/ficha_1.jpg") no-repeat top; padding-top: 10px; } #ficha_cine.maquinista_film main { background-image: url("../img/dolby/ficha_2.jpg"); } #ficha_cine.maquinista main #separador-top, #ficha_cine.maquinista_film main #separador-top { display: none; } #ficha_cine.maquinista main .select_cinefav { margin-bottom: 150px; } #ficha_cine.maquinista_film main .select_cinefav { margin-bottom: 270px; } #ficha_cine.maquinista #publicidad_body { top: 218px; } #ficha_cine.maquinista_film #publicidad_body { top: 335px; } #ficha_cine.maquinista .pers_dolby { display: none !important; } #ficha_cine.maquinista_film .pers_dolby { position: absolute; width: calc(100% - 80px); top: 70px; text-align: center; } #ficha_cine.maquinista_film .pers_dolby h3 { background: none; width: auto; font-family: "gustanlight"; font-size: 25px; color: #ffffff; text-shadow: 0px 0px 12px rgba(27, 36, 47, 0.65); } #ficha_cine.maquinista_film .pers_dolby .clock { width: 380px; margin: 3px auto; } @media all and (max-width:1024px) { #ficha_cine.maquinista_film .pers_dolby { margin-left: 20px; width: calc(100% - 40px); } #ficha_cine.maquinista #publicidad_body { top: 236px; } #ficha_cine.maquinista_film #publicidad_body { top: 335px; } } @media all and (max-width:800px) { #ficha_cine.maquinista #publicidad_body { top: auto; } #ficha_cine.maquinista_film #publicidad_body { top: auto; } } @media all and (max-width:640px) { #ficha_cine.maquinista main .select_cinefav { margin-bottom: 120px; } #ficha_cine.maquinista main, #ficha_cine.maquinista_film main { background: url("../img/dolby/ficha_1b.jpg") no-repeat top; background-size: 100%; } #ficha_cine.maquinista_film main { background-image: url("../img/dolby/ficha_2b.jpg"); background-size: 170%; } } /* ========================================================================== 4 - MENUMOVIL ========================================================================== */ /* Slidebars 0.9.4 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt */ html, body, #sb-site, .sb-slidebar { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { width: 100%; } html { height: 100%; } body { min-height: 100%; position: relative; } #sb-site { width: 100%; position: relative; z-index: 1; background-color: #fff; } .sb-slidebar { height: 100%; position: fixed; top: 0; visibility: hidden; background: none; } .sb-slidebar .fondo { position: absolute; width: 100%; height: 100%; opacity: 0.7; background-color: #000000; } .sb-slidebar .close_menu_left { position: absolute; left: 385px; top: 0px; background: url("../img/btn_menu_movil.jpg") no-repeat; cursor: pointer; height: 52px; width: 60px; } #home .sb-slidebar .close_menu_left { background-position: 0 0; } #mapa .sb-slidebar .close_menu_left, #ficha_cine .sb-slidebar .close_menu_left { background-position: 0 -52px; } .cartelera_peliculas_pelicula .sb-slidebar .close_menu_left, #ficha_pelicula .sb-slidebar .close_menu_left, #imax .sb-slidebar .close_menu_left, #screenX .sb-slidebar .close_menu_left, #isens .sb-slidebar .close_menu_left, #dolby .sb-slidebar .close_menu_left, #ciclos .sb-slidebar .close_menu_left, #colegios .sb-slidebar .close_menu_left, #infantil .sb-slidebar .close_menu_left, #cumpleanos .sb-slidebar .close_menu_left, #proximos_estrenos .sb-slidebar .close_menu_left { background-position: 0 -104px; } #eventos .sb-slidebar .close_menu_left, #ficha_eventos .sb-slidebar .close_menu_left { background-position: 0 -156px; } #promos .sb-slidebar .close_menu_left, #promos_landing .sb-slidebar .close_menu_left { background-position: 0 -208px; } #trailers_estrenos .sb-slidebar .close_menu_left, #trailers_cartelera .sb-slidebar .close_menu_left { background-position: 0 -260px; } #cinesacard .sb-slidebar .close_menu_left, #cc_form .sb-slidebar .close_menu_left, #cc_form_activar .sb-slidebar .close_menu_left, #cc_form_mail .sb-slidebar .close_menu_left, #cc_form_finactivar .sb-slidebar .close_menu_left, #cc_form_finpedir .sb-slidebar .close_menu_left, #cc_form_error .sb-slidebar .close_menu_left, #cc_form_micuenta .sb-slidebar .close_menu_left { background-position: 0 -312px; } #games .sb-slidebar .close_menu_left { background-position: 0 -416px; } .sb-slidebar .menu_left, .sb-slidebar .ml_submenu_peliculas { position: absolute; left: 0; top: 0; width: 385px; height: 100%; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 95%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(95%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 95%, #e5e5e5 100%); background: -o-linear-gradient(left, #ffffff 0%, #ffffff 95%, #e5e5e5 100%); background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 95%, #e5e5e5 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 95%, #e5e5e5 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); white-space: nowrap; overflow: hidden; z-index: 8001; } .sb-slidebar .menu_left ul, .sb-slidebar .ml_submenu_peliculas ul { position: relative; margin: 0 10px; padding: 0; } .sb-slidebar .menu_left li, .sb-slidebar .ml_submenu_peliculas li { position: relative; width: 100%; height: 65px; line-height: 65px; font-family: "dinengschriftstd"; font-size: 35px; border-bottom: 1px solid #9a9a9a; cursor: pointer; color: #999999; } .sb-slidebar .menu_left li a, .sb-slidebar .menu_left li.peliculas, .sb-slidebar .ml_submenu_peliculas li a { position: relative; display: inline-block; width: 100%; height: 65px; color: #999999; } .sb-slidebar .menu_left li span, .sb-slidebar .menu_left li.peliculas span, .sb-slidebar .ml_submenu_peliculas li a span { position: absolute; width: 18px; height: 23px; background: url("../img/flechas_menu.png") no-repeat; right: 20px; top: 21px; } .sb-slidebar .menu_left li.home span { background-position: 0 0; } .sb-slidebar .menu_left li.cines span { background-position: -18px 0; } .sb-slidebar .menu_left li.peliculas span { background-position: -36px 0; } .sb-slidebar .ml_submenu_peliculas li span { background-position: -36px 0; } .sb-slidebar .menu_left li.eventos span { background-position: -54px 0; } .sb-slidebar .menu_left li.promos span { background-position: -72px 0; } .sb-slidebar .menu_left li.trailers span { background-position: -90px 0; } .sb-slidebar .menu_left li.cinesacard span { background-position: -108px 0; } .sb-slidebar .menu_left li.cinesacheck span { background-position: -126px 0; } .sb-slidebar .menu_left li.games span { background-position: -144px 0; } .sb-slidebar .ml_submenu_peliculas { z-index: 8002; width: 0; transition: 0.4s; } .sb-slidebar .ml_submenu_peliculas.open { width: 385px; transition: 0.4s; } .sb-slidebar .ml_submenu_peliculas .menu_btn { position: relative; width: calc(100% - 40px); height: 60px; line-height: 60px; margin: 10px 10px 3px; padding-left: 20px; text-align: center; font-family: "dinengschriftstd"; font-size: 30px; color: #ffffff; cursor: pointer; background-color: #0076ec; } .sb-slidebar .ml_submenu_peliculas .menu_btn span { position: absolute; width: 18px; height: 23px; top: 18px; margin-left: -30px; background: url("../img/flechas_menu.png") no-repeat -162px 0; } .sb-slidebar .ml_submenu_peliculas[data-submenu="trailers"] .menu_btn { background-color: #7c01eb; } .sb-right .fondo { right: 0; } .sb-right .close_menu_left { right: 385px; left: auto; width: 65px; height: 52px; background: #0f99fe url("../img/menuclose.png") no-repeat center !important; } .m_login { position: absolute; right: 0; top: 0; width: 385px; height: 100%; min-height: 600px; background: rgb(211,211,211); background: url(data: image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(211,211,211,1)), color-stop(6%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=1 ); white-space: nowrap; overflow: hidden; z-index: 400001; text-align: center; } .sb-right .m_login h3 { position: relative; background-color: #0e99fe; color: #ffffff; font-size: 36px; font-family: "dinengschriftstd"; font-weight: 100; margin: 10px; width: calc(100% - 40px); height: 52px; line-height: 52px; text-align: left; padding-left: 20px; } .sb-right .m_login h3 span { position: absolute; width: 192px; height: 29px; margin-left: 14px; top: 10px; background: url("../img/logocinesacard.png") no-repeat; background-size: 88%; } .sb-right div.m_login > form > input[type="email"], .sb-right div.m_login > form > input[type="password"] { position: relative; display: block; width: calc(100% - 70px); margin: 0 auto; border: none; border-bottom: 2px solid #dfdfdf; background: none; height: 70px; line-height: 70px; padding-left: 30px; color: #666666; font-size: 24px; font-family: "dinengschriftstd"; } .sb-right .m_login input[type="password"] { border: none !important; } .sb-right div.m_login > form > input[type="submit"], .sb-right .m_login .l_btn { position: relative; display: block; color: #ffffff; font-size: 33px !important; font-family: "dinengschriftstd"; width: 350px !important; height: 60px !important; line-height: 60px; text-align: center; background-color: #0f99fe !important; border: 0; margin: 10px auto !important; } .sb-right .m_login .l_btn { background-color: #004c95 !important; } .sb-right .m_login .link { color: #666666; border-bottom: 2px solid #cccccc; font-size: 21px; font-family: "dinengschriftstd"; text-transform: capitalize; line-height: 55px; margin: 0 20px; } /**/ /*/ ESTILO DEL MENÚ*/ .sb-right { right: 0; } html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; } .sb-slidebar.sb-active { visibility: visible; z-index: 499998; } .sb-slidebar.sb-style-overlay { z-index: 9999; } /*para resoluciones de 480 a 800 px*/ @media all and (min-width:460px) { .sb-slidebar { width: 385px; } .sb-width-thin { width: 55%; } .sb-width-wide { width: 85%; } } @media(min-width:800px) { .sb-slidebar { width: 0%; } .sb-width-thin { width: 15%; } .sb-width-wide { width: 45%; } } .sb-slide, #sb-site, .sb-slidebar { -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden; } .sb-hide { display: none; } @media all and (max-width:639px) { .sb-slidebar .fondo { width: 640px; } } @media all and (max-width:767px) { .sb-slidebar .fondo { width: 768px; } } /* ############################################################################################################################## */ /* LOGGIN MOVIL NUEVO */ /* SE HA DE MOVER A MENUMOVIL.CSS*/ .n_cc .m_login { background: #f0f0f0; box-shadow: -10px 0px 10px 0px rgba(0, 0, 0, 0.30); white-space: initial; } .n_cc .m_login .container { position: relative; display: block; margin: 0 auto; width: 95%; background-color: #ffffff; padding: 10px 0 25px; } .n_cc .m_login .container.last_c { padding: 0; } .n_cc .m_login .container.first_c { padding: 25px 0; } .n_cc .m_login h3 { margin-top: 109px; font-size: 30px; background: #0e99fe url("../img/02_micuenta.png") no-repeat 314px 4px; } .n_cc .close_menu_left { margin-top: 0px; background-color: #9a9a9a !important; z-index: 8001; } .n_cc .sb-left.sb-slidebar.sb-active .close_menu_left { background: #9a9a9a url("../img/menuclose.png") no-repeat scroll center !important; } .n_cc .m_login form .text { position: relative; display: block; width: 249px; height: 40px; line-height: 40px; text-align: left; padding-left: 15px; border: 1px solid #f0f0f0 !important; border-left: 6px solid #0e99fe !important; background: #ffffff; color: #909090; font-family: "Trebuchet MS"; font-size: 15px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); margin: 20px auto 0; } .n_cc.sb-right .m_login .link { display: block; width: 122px; text-decoration: underline; border: none; font-family: "Trebuchet MS"; font-size: 12px; line-height: 16px; margin: 30px auto 0; } .n_cc.sb-right .m_login form .mini { font-style: italic; color: #0f99fe; font-family: "Trebuchet MS"; font-size: 12px; margin: 20px 0 0; } .n_cc.sb-right .container > p { margin: 0; } /* ========================================================================== 5 - POPUP ========================================================================== */ /* ========================================================================== POPUPS ========================================================================== */ .popup ul { padding: 0; } .pop_mask, .alert_mask, .pop_mask_new { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: 499999; } .pop_mask_new { background: url("../img/fondoMGM.jpg"); background-position: 50% 0%; background-repeat: no-repeat; background-attachment: fixed; opacity: 1; } .popup { position: absolute; width: calc(100% - 20px); min-width: 460px; z-index: 5000000; background-color: #f0f0f0; margin-left: 10px; top: 100px; text-align: center; } .popup .pop_close { position: absolute; top: 3px; right: 10px; color: #666666; cursor: pointer; } .popup .pop_field { position: relative; display: block; margin: 0 auto 20px; width: 270px; text-align: left; } .popup .pop_field label { display: block; margin-bottom: 5px; font-size: 15px; color: #909090; } .popup .pop_field .pop_text { width: calc(100% - 22px); height: 40px; line-height: 40px; padding-left: 15px; background: #ffffff; border: 1px solid #e0e0e0; border-left: 6px solid #0f99fe; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); font-size: 15px; color: #afafaf; } .popup .pop_field .pop_text.pop_ok { background: url("../img/pop_ok.png") no-repeat 95% center; } .popup .pop_field .pop_text.pop_bad { background: url("../img/pop_bad.png") no-repeat 95% center; } .popup p.pop_mini { font-size: 12px; color: #0e99fe; font-style: italic; margin-bottom: 5px; } .popup a.pop_mini { font-size: 12px; color: #666666; border-bottom: 1px solid #666666; } .pop_registro_1.popup .pop_btn { height: 40px !important; } .popup input.pop_btn:disabled { background-color: #909090 !important; border-color: #e5e5e5 !important; color: #eeeeee !important; cursor: default !important; } .popup > p { font-size: 15px; color: #666666; } .popup > ul { position: relative; margin: 20px auto 40px; width: calc(100% - 20px); max-width: 640px; } .popup > ul li { position: relative; display: inline-block; vertical-align: top; width: 30%; } .popup > ul li.pop_ico_2 { margin: 0 4%; } .popup li .pop_img { background-color: #ffffff; position: relative; width: 100%; height: 110px; margin-bottom: 3px; } .popup li .pop_img span { position: absolute; width: 90px; height: 90px; left: calc(50% - 45px); top: 10px; background: url("../img/popico.png") no-repeat; } .popup li.pop_ico_2 .pop_img span { background-position: -90px 0; } .popup li.pop_ico_3 .pop_img span { background-position: -180px 0; } .popup li .pop_txt { background-color: #ffffff; position: relative; width: 100%; line-height: 16px; padding: 7px 0; font-size: 14px; color: #ababab; } .popup li .pop_txt strong { display: block; color: #666666; } .popup input[type="checkbox"] { display: none; } .pop_cinesacard .pop_field { width: 400px; margin-bottom: 5px; } .popup h5 { font-size: 24px; color: #0e99fe; margin: 0 0 20px 0; line-height: 20px; font-family: "dinengschriftstd"; font-weight: 100; } .popup .pop_field input[type=checkbox] + label { width: 355px; height: 40px; line-height: 20px; padding-left: 45px; font-size: 13px; color: #909090; } .popup .pop_field input[type=checkbox] + label span { position: absolute !important; width: 38px; height: 37px; left: 0; top: -7px; background: url("../img/popcheck.png") no-repeat 0 0; } .popup .pop_field input[type=checkbox]:checked + label span { background-position: 0 -37px !important; } .popup .pop_field input[type=checkbox] + label a { border-bottom: 1px solid #909090; } .pop_registro_1 .pop_field { width: 380px; } .popup .pop_btn_fb, .popup .pop_btn_gp { position: relative; display: inline-block; vertical-align: top; margin: 20px 10px; width: 163px; height: 40px; background: url("../img/pop_facebook.png") no-repeat; } .popup .pop_btn_gp { background: url("../img/pop_google.png") no-repeat; } .pop_registro_2 .pop_field, .pop_registro_3 .pop_field { display: inline-block; vertical-align: top; margin: 0 10px 20px; } .pop_registro_2 .pop_frm > p, .pop_registro_2 .pop_frm > form > p, .pop_registro_3 .pop_frm > p, .pop_registro_3 .pop_frm > form > p { font-size: 15px; color: #0e99fe; } .pop_registro_2 .pop_frm > form > p.pop_mini, .pop_registro_3 .pop_frm > form > p.pop_mini { font-size: 12px; color: #999999; font-style: normal; } .popup .pop_select p { font-size: 15px; color: #909090; margin: 0 0 5px; } .popup .pop_row .pop_field_check { width: 360px; } .popup .pop_row > p { margin: 5px auto; width: 380px; text-align: left; color: #909090; } .popup .pop_select_small { width: 120px; } .popup p.pop_error { font-size: 12px !important; color: #ff0000 !important; margin: -10px 0 20px; } .pop_cinesacard .pop_frm .pop_mini { font-size: 12px; color: #999999; font-style: normal; } .popup .pop_mini.pop_sep { margin: 15px 0 30px; } .pop_confirmacion img { margin: 20px 0; } .pop_confirmacion .pop_frm p { margin: 7px 0; font-size: 15px; color: #909090; } .pop_confirmacion .pop_frm p.pop_curs { font-style: italic; margin: 40px 0 30px; } .pop_confirmacion .pop_frm p .pop_dest { color: #0f99fe; } .pop_entrar .sl_btn { line-height: 48px !important; } .pop_password .pop_mini { color: #909090 !important; } .pop_password form { padding-top: 25px; } .new_popup .row .pop_field_check + .row { display: block; margin-top: 30px !important; margin-left: 35px !important; width: 87% !important; } /* ========================================================================== RADIOBOX ========================================================================== */ .radiobox { position: relative; width: 100%; height: 46px; line-height: 40px; z-index: 1000; } .radiobox.open { z-index: 401000; } .radiobox ul { padding: 0; } .radiobox ul { background-color: #ffffff; border: 1px solid #e0e0e0; left: 43px; margin: 0; max-height: 300px; overflow-y: auto; position: relative; top: -40px; transition: all 0.4s ease 0s; width: calc(100% - 45px); z-index: 900; } .radiobox .rb_selected { position: relative; border: 1px solid #e0e0e0; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); padding: 0 0 0 60px; color: #666666; cursor: pointer; z-index: 1000; font-size: 15px; text-align: left; background: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .radiobox .rb_selected.promo { color: #f03; font-weight: bold; } .radiobox .rb_selected .rb_ico { position: absolute; top: 0; left: 0; width: 42px; height: 40px; background: #0f99fe url("../img/pop_flechaselect.jpg") no-repeat center; } .radiobox.open .rb_selected .rb_ico { background: #999999 url("../img/pop_flechaselect_des.jpg") no-repeat center !important; } /*.radiobox ul { position: relative; width: calc(100% - 45px); left: 43px; background-color: #ffffff; border: 1px solid #e0e0e0; z-index: 900; top: -40px; transition: 0.4s; max-height: 300px; overflow-y: auto; margin: 0 !important; }*/ .radiobox.open ul { top: 0; transition: 0.4s; } .radiobox .rb { position: relative; width: 100%; height: 0px; transition: 0.4s; border-bottom: none; white-space: nowrap; overflow: hidden; font-size: 15px; } .radiobox .rb:last-child { border: none; } .radiobox.open .rb { border-bottom: 1px solid #e0e0e0; height: 40px; transition: 0.4s height; } .radiobox input[type="radio"] { display: none; } .radiobox label { text-align: left; color: #909090; display: block; width: calc(100% - 23px); padding: 0 0 0 18px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-left: 5px solid #ffffff; } .radiobox label.promo { color: #f03; font-weight: bold; } .radiobox span.rb_promo { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; width: 64px; position: absolute; top: 9px; height: 22px; right: -17px; z-index: 9999; } .radiobox li.disabled label { background-color: #f5f5f5 !important; border-left-color: #f5f5f5 !important; cursor: not-allowed; } .radiobox.disabled .rb_selected .rb_ico { background: #999999 url("../img/radiobox_gris.jpg") no-repeat center !important; } @media all and (min-width: 1024px) { .radiobox.open label: hover { border-left: 5px solid #0e99fe; } } @media all and (max-width: 767px) { .radiobox { height: 58px; line-height: 52px; } .radiobox .rb_selected { height: 52px; font-size: 24px; } .radiobox .rb_selected .rb_ico { height: 52px; width: 52px; } .radiobox ul { width: calc(100% - 54px); left: 52px; } .radiobox.open .rb { height: 52px; font-size: 24px; } } /* ========================================================================== RADIOBOX con STAR de cine favorito ========================================================================== */ .radiobox.rb_star .rb_selected { padding-right: 30px; } .radiobox.rb_star .rb_selected.promo { color: #f03; font-weight: bold; } .radiobox.rb_star label { padding-right: 30px; width: calc(100% - 48px); } .radiobox.rb_star label.promo { color: #f03; font-weight: bold; } .radiobox.rb_star .rb_starfav { position: absolute; right: 6px; top: 9px; width: 23px; height: 21px; background: url("../img/mapstar-m.png") no-repeat; cursor: pointer; z-index: 1001; } .radiobox.rb_star .rb_nofav { background-position: -46px 0; } .radiobox.rb_star .rb_fav { background-position: 0 0; } .radiobox.rb_star .rb_promo { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; width: 64px; position: absolute; top: 9px; height: 22px; right: 9px; z-index: 9999; } .radiobox.selectdias .rb_promo { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; width: 66px; position: absolute; right: -16px; top: 9px; height: 21px; z-index: 9999; } @media all and (min-width: 1024px) { .radiobox.rb_star .rb_starfav: hover { background-position: 0 0; } } @media all and (max-width: 767px) { .radiobox.rb_star .rb_starfav { top: 8px; } } /* ========================================================================== ICONO DEL RADIOBOX ========================================================================== */ /* ficha pelicula */ #ficha_pelicula article .radiobox .rb_selected .rb_ico { background: #fdd901 url("../img/select-btn-act.jpg") no-repeat center; } /* ficha cine */ #ficha_cine article .radiobox .rb_selected .rb_ico { background: #fdd901 url("../img/select-btn-act.jpg") no-repeat center; height: 42px; width: 42px; } /* ficha eventos */ #ficha_eventos article .radiobox .rb_selected .rb_ico { background: #fba300 url("../img/eventos_radiobox.jpg") no-repeat center; } /* promos */ #promos article .radiobox .rb_selected .rb_ico { background: #999999 url("../img/radiobox_gris.jpg") no-repeat center; } #promos article .radiobox.selected .rb_selected .rb_ico { background: #ff0033 url("../img/promos_radiobox_rojo_blanco_1.jpg") no-repeat center; } #promos article .radiobox.open .rb_selected .rb_ico { background: #999999 url("../img/radiobox_close.jpg") no-repeat center !important; } /* gana entradas */ #ganaentradas article .radiobox .rb_selected .rb_ico { background: #999999 url("../img/radiobox_gris.jpg") no-repeat center; } #ganaentradas article.activo .radiobox .rb_selected .rb_ico { background: #FC4203 url("../img/ge_radiobox_naranja_blanco_1.jpg") no-repeat center; } #ganaentradas article .radiobox.open .rb_selected .rb_ico { background: #999999 url("../img/radiobox_close.jpg") no-repeat center !important; } /* ficha eventos */ #cc_form article .radiobox .rb_selected .rb_ico, #cc_form_activar article .radiobox .rb_selected .rb_ico { background: #999999 url("../img/radiobox_gris.jpg") no-repeat center; } #cc_form article.activo .radiobox .rb_selected .rb_ico { background: #004c95 url("../img/cc_radiobox_azuloscuro_blanco_1.jpg") no-repeat center; } #cc_form_activar article.activo .radiobox .rb_selected .rb_ico { background: #0f99fe url("../img/cc_radiobox_azul_blanco_1.jpg") no-repeat center; } #cc_form article .radiobox.open .rb_selected .rb_ico, #cc_form_activar .radiobox.open .rb_selected .rb_ico { background: #999999 url("../img/radiobox_close.jpg") no-repeat center !important; } @media all and (max-width: 767px) { /* ficha pelicula */ #ficha_pelicula article .radiobox .rb_selected .rb_ico { background: #ffffff url("../img/cine_radiobox_blanco_amarillo_1.jpg") no-repeat center; } #ficha_pelicula article .radiobox.open .rb_selected .rb_ico { background: #ffffff url("../img/cine_radiobox_blanco_amarillo_2.jpg") no-repeat center !important; } /* ficha eventos */ #promos article .radiobox.selected .rb_selected .rb_ico { background: #ffffff url("../img/promos_radiobox_blanco_rojo_1.jpg") no-repeat center; } #promos article .radiobox.selected.open .rb_selected .rb_ico { background: #ffffff url("../img/promos_radiobox_blanco_rojo_2.jpg") no-repeat center !important; } #promos article .radiobox .rb_selected .rb_ico { background: #ffffff url("../img/radiobox_blanco_gris_1.jpg") no-repeat center; } #promos article .radiobox.open .rb_selected .rb_ico { background: #ffffff url("../img/radiobox_blanco_gris_2.jpg") no-repeat center !important; } } @media all and (min-width: 1024px) { /* ficha pelicula */ #ficha_pelicula .radiobox.open label: hover { border-left: 5px solid #ffdf0f; } /* ficha eventos */ #ficha_eventos .radiobox.open label:hover { border-left: 5px solid #fda300; } /* ficha cine */ #ficha_cine .radiobox.open label:hover { border-left: 5px solid #ffdf0f; } /* promociones */ #promos .radiobox.open label:hover { border-left: 5px solid #ff0033; } /* gana entradas */ #ganaentradas .radiobox.open label:hover { border-left: 5px solid #FC4203; } } /* ========================================================================== MODIFICACIONES FICHA_PELICULA, FICHA_EVENTOS Y FICHA_CINE ========================================================================== */ @media all and (max-width: 767px) { #ficha_pelicula article .radiobox .rb_selected, #ficha_eventos article .radiobox .rb_selected, #ficha_cine article .radiobox .rb_selected, #promos article .radiobox .rb_selected { box-shadow: none; border: none; } #ficha_pelicula .radiobox ul, #ficha_eventos .radiobox ul, #ficha_cine .radiobox ul, #promos .radiobox ul { width: calc(100% - 2px); left: 0; } } /* ========================================================================== MODIFICACIONES CINESACARD ========================================================================== */ #cc_form .radiobox .rb_selected, #cc_form_activar .radiobox .rb_selected { color: #909090; } /* ========================================================================== POPUPS MEDIAQUERYS ========================================================================== */ @media all and (min-width: 480px) { .popup .pop_select_small { width: 130px; } } @media all and (min-width: 640px) { .popup .pop_row > p { display: inline; line-height: 40px; } .popup .pop_select_small { width: 130px; } } @media all and (min-width: 768px) { .popup { width: 720px; left: 50%; margin-left: -360px; } } @media all and (min-width: 1024px) { .popup { width: 840px; left: 50%; margin-left: -420px; } } /* ========================================================================== POPUPS RADIOBOX ========================================================================== */ .popup .radiobox .rb_selected { color: #afafaf; } /* ========================================================================== ALERTS ========================================================================== */ .alert_mask { z-index: 5010000; } .alert { position: fixed; width: 420px; max-width: 420px; min-height: 200px; left: 50%; margin-left: -210px; top: 200px; z-index: 5010001; background-color: #f0f0f0; font-family: "Trebuchet MS"; font-size: 15px; color: #666666; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.62); } .alert .alert_close { position: absolute; top: 5px; right: 7px; cursor: pointer; } .alert .alert_btn { font-family: "dinengschriftstd"; font-size: 26px; color: #ffffff; position: absolute; bottom: 10px; right: 20px; width: 98px; height: 40px; line-height: 40px; text-align: center; background: #0f99fe; border: 4px solid #a1d2f5; border-radius: 7px; cursor: pointer; } .alert > p { width: 70%; margin: 30px 20px; } /* ========================================================================== NEW POPUPS ========================================================================== */ main #main { padding-bottom: 1px; } /* ========================================================================== 6 - 1280 ========================================================================== */ @media all and (min-width: 1280px) { /*FONDO DEL BODY*/ main { width: 100%; background-color: #f0f0f0; } /*/ FONDO DEL BODY*/ /*HEADER*/ header #header { position: relative; width: 1270px; left: calc(50% - 638px); } header #menu { position: relative; height: 120px; padding: 10px 0 10px 0; background-color: #ffffff; } header #logo_header { /*logo cinesa del header*/ position: absolute; height: 119px; width: 170px; left: 40px; background-position: 0 -28px; } /* login */ header #cinefavorito_header { right: 40px; height: 52px; } header #cinefavorito_header .cinefav { height: 52px; line-height: 52px; right: 110px; } header #cinefavorito_header .cc_cuenta.open { right: 750px; } header #cinefavorito_header .disp_login { right: 0; top: 0; height: 50px; } header #cinefavorito_header .disp_login.open { width: 748px; } header #cinefavorito_header .text { top: 4px; width: 170px; height: 40px; font-size: 18px; } header #cinefavorito_header .pass { top: 4px; width: 170px; height: 40px; font-size: 18px; } header #cinefavorito_header .disp_login .btn { width: 115px; height: 40px; line-height: 40px; top: 4px; font-size: 22px; } header #cinefavorito_header .recordar { width: 80px; height: 40px; } header #cinefavorito_header .recordar a { font-size: 12px; } header #cinefavorito_header .close_login { width: 46px; height: 50px; top: 0; right: 0; } .no-touch header #cinefavorito_header .disp_logged:hover div { width: 44px; height: 44px; top: 4px; left: 4px; } header #cinefavorito_header.logged .cinefav { right: 163px; } header #cinefavorito_header.logged .cc_cuenta { right: 52px; } header #cinefavorito_header.logged.nuevo_logged .cinefav { right: auto; margin-right: 2px; } /* /login */ /* menú 3.0*/ header #menu { position: relative; } header #menu > #menu_web { position: absolute; right: 44px; bottom: 15px; margin: 0; padding: 0; width: calc(100% - 270px); height: 50px; } header #menu > #menu_web > ul { margin: 0; padding: 0; position: relative; width: 100%; height: 50px; text-align: right; } header #menu > #menu_web > ul li { position: relative; display: inline-block; vertical-align: top; width: 13%; margin-left: 7px; } header #menu > #menu_web > ul li > span { right: 0; top: 0; } header nav#menu_web ul li img { /*img logo yomvi*/ margin: -2px 3px 0 0; } /*-----------------------------------------------------------------------------------------------------------------------------------------*/ /*EFECTO BOTONES MENÚ*/ header nav#menu_web ul li span.colorbutton { width: 130px; height: 43px; position: absolute; top: 20px; z-index: 1; background: none repeat scroll 0 0 #ffffff; padding: 0px 0 10px 0; } header nav#menu_web ul li a { width: 130px; height: 40px; position: relative; display: inline-block; cursor: pointer; text-align: center; padding-top: 10px; text-decoration: none; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); outline: medium none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header nav#menu_web ul li a:after { content: ""; position: absolute; z-index: -1; background: none repeat scroll 0 0 #0076EC; height: 0; left: 0; top: 0; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .no-touch header nav#menu_web ul li a:hover, header nav#menu_web ul li a:active { color: #ffffff; } .no-touch header nav#menu_web ul li a:hover:after, header nav#menu_web ul li a:active:after { height: 100%; } /*/ EFECTO BOTONES MENÚ*/ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ header nav#menu_web ul li a div { position: relative; height: 40px; display: inline-block; margin-left: 10px; padding-left: 10px; } header nav#menu_movil { visibility: hidden; display: none !important; } /*/ HEADER*/ /*BODY*/ #separador-top { /*Sombra bajo el header*/ position: relative; width: 1220px; height: 12px; left: calc(50% - 610px); } main #main { position: relative; width: 1270px; height: auto; left: calc(50% - 638px); } /* SUBMENU CARTELERA/EVENTOS/TRAILERS/CONTACTO */ main nav { /*MENÚ*/ width: calc(100% - 80px); } main nav ul li { width: 122px; } /* /SUBMENU CARTELERA/EVENTOS/TRAILERS/CONTACTO */ main #bajo_menu { /* panel bajo el menu con la ruta conde nos encontramos y los botones para ordenar peliculas*/ position: relative; margin: 0 0 0 42px; width: calc(100% - 70px); height: 60px; } main #bajo_menu #ruta { position: absolute; } main #bajo_menu #orden { position: absolute; right: 10px; bottom: 10px; } main #bajo_menu #orden a { /*Botones ordenar*/ padding: 10px; margin: 0 5px 0 5px; } main section { height: auto; width: calc(100% - 80px); margin-left: 40px; } main section #publicidad_body { /*la publicidad flota a la derecha de la cartelera*/ float: right; margin: 50px 0px 20px 0; } main section .cartelera_peliculas { min-height: 750px; } main section .cartelera_peliculas > ul { /*la cartelera ocupa todo el ancho del
, se adapta a la publicidad.*/ margin-left: -40px; } main section .cartelera_peliculas > ul > li { /*estilo de los carteles*/ position: relative; width: 220px; height: 380px; margin: 0 0 15px 4px; list-style: none; display: inline-block; padding: 5px; } main section .cartelera_peliculas > ul > li h3 { /*título del cartel*/ margin: 5px 0 10px 10px; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } main section .cartelera_peliculas > ul > li img { /*imagen del cartel*/ margin: 0 10px 0 7px; } main section .cartelera_peliculas div.contenedor_verficha { position: absolute; width: 100%; height: 60px; left: 0; bottom: 0px; } main section .cartelera_peliculas > ul > li a.vf, .no-touch main section .cartelera_peliculas > ul > li a.vf:hover { text-decoration: none; border: 0; color: #0076EC; } /*----------------------------------------------------------------------------------------------------------------------VER_FICHA-------------------*/ /*DIV PUNTUACION Y COMPARTIR*/ main section .cartelera_peliculas ul li div.puntuacion { float: left; position: relative; margin: 7px 0 0 10px; width: 152px; height: 25px; } main section .cartelera_peliculas ul li div.puntuacion ul.stars { left: 0px; top: 0px; margin: 0 !important; padding: 0 !important; } main section .cartelera_peliculas ul li .num_votos { position: absolute; top: 5px; right: 0; margin: 0; font-family: "Trebuchet MS"; font-size: 10px; color: #666666; } main section .cartelera_peliculas ul li div.compartir { position: absolute; bottom: 30px; right: 15px; } main section .cartelera_peliculas ul li div.compartir_opt { position: absolute; bottom: 27px; right: 15px; } main section .cartelera_peliculas ul li div.compartir_opt > a { margin: 0 1px; } /*/ DIVS PUNTUACION Y COMPARTIR*/ /* ========================================================================== */ /*/ BODY*/ /* ############################################################################################################################## */ /* IMAX ISENS DOLBY */ main #banner_seccion { position: relative; margin: 0 0 20px 0; width: 100%; } main #banner_seccion img.banner { width: 100%; } #imax section #publicidad_body, #isens section #publicidad_body, #screenX section #publicidad_body { float: right; margin: 100px 20px 20px 0; } article#info_rollover { position: relative; width: 100%; height: 162px; padding: 0; margin-top: 15px; margin-bottom: 40px; display: table; } /* ****************************** */ /*#dolby .infodolby { position: relative; background-color: #000000; text-align: center; width: 100%; padding-bottom: 24px; } #dolby .infodolby img { margin: 30px 0 10px; } #dolby h3 { position: relative; width: 75%; margin: 24px auto; color: #008996; font-family: "gustanbook"; font-weight: 100; font-size: 50px; line-height: 56px } #dolby .infodolby .d_col { position: relative; display: inline-block; vertical-align: top; width: 340px; text-align: justify; margin: 0 25px 20px 25px; color: #ffffff; font-family: "gustanlight"; font-size: 18px; } #dolby .infodolby a { display: block; } #dolby article#banner_seccion { margin: 0; } #dolby .btn_dolby { position: relative; display: inline-block; font-family: "Trebuchet MS"; font-size: 22px; color: #ffffff; background-color: #008996; width: 350px; height: 50px; line-height: 50px; text-align: center; border: 2px solid #ffffff; margin: 0 auto; } #dolby .proximamente { background-color: #000000; text-align: center; padding: 10px 0 20px 0; margin-bottom: 24px; } #dolby .proximamente h3 { margin: 0 auto; } #dolby .footer_dolby { margin-bottom: 70px; text-align: center; } #dolby div.rollover { position: absolute; bottom: 0px; width: 228px; height: 162px; background-color: #008b98; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #dolby .roll_1 { left: 0; } #dolby .roll_2 { left: 240px; } #dolby .roll_3 { left: 480px; } #dolby .roll_4 { left: 720px; } #dolby .roll_5 { left: 961px; } #dolby div.roll_img { position: absolute; top: 0px; height: 162px; width: 228px; background-color: #000000; text-align: center; z-index: 10; font-family: "dinengschriftstd", "Another Font", generic; font-size: 23px; color: #ffffff; line-height: 25px; } #dolby div.roll_img > p { margin-top: 0px; padding: 0 5px 0 5px; } .no-touch #dolby div.rollover:hover { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .no-touch #dolby .roll_1:hover { height: 375px; } .no-touch #dolby .roll_2:hover { height: 270px; } .no-touch #dolby .roll_3:hover { height: 285px; } .no-touch #dolby .roll_4:hover { height: 335px; } .no-touch #dolby .roll_5:hover { height: 260px; } #dolby div.roll_span { position: absolute; bottom: 0; padding: 10px; text-align: justify; font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #ffffff; font-size: 12px; opacity: 0; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .no-touch #dolby div.rollover:hover > .roll_span { opacity: 1; height: auto; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #dolby div.rollover > .roll_span > p { margin: 10px 0 0 0; } */ #isens #info_rollover, #imax #info_rollover, #screenX #info_rollover { top: 10px; } #isens div.rollover, #imax div.rollover, #screenX div.rollover { position: absolute; bottom: 0px; width: 290px; height: 180px; background-color: #cfcfcf; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #isens .roll_1, #imax .roll_1, #screenX .roll_1 { left: 0; } #isens .roll_2, #imax .roll_2, #screenX .roll_2 { left: 300px; } #isens .roll_3, #imax .roll_3, #screenX .roll_3 { left: 600px; } #isens .roll_4, #imax .roll_4 { left: 900px; } #isens div.roll_img, #imax div.roll_img, #screenX div.roll_img { position: absolute; top: 0px; height: 170px; width: 290px; padding-top: 10px; background-color: #ffffff; text-align: center; z-index: 10; font-family: "dinengschriftstd", "Another Font", generic; font-size: 23px; color: #bfbfbf; line-height: 25px; } #isens div.roll_img > p, #imax div.roll_img > p, #screenX div.roll_img > p { margin-top: 15px; padding: 0 5px 0 5px; color: #0076ec; font-size: 20px; } .no-touch #isens div.rollover:hover, .no-touch #imax div.rollover:hover, .no-touch #screenX div.rollover:hover { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .no-touch #isens .roll_1:hover { height: 375px; } .no-touch #isens .roll_2:hover { height: 355px; } .no-touch #isens .roll_3:hover { height: 340px; } .no-touch #isens .roll_4:hover { height: 320px; } #isens div.roll_span, #imax div.roll_span, #screenX div.roll_span { position: absolute; bottom: 0; padding: 10px; font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #0076EC; font-size: 12px; opacity: 0; z-index: 1; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .no-touch #isens div.rollover:hover > .roll_span, .no-touch #imax div.rollover:hover > .roll_span, .no-touch #screenX div.rollover:hover > .roll_span { opacity: 1; height: auto; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #isens div.rollover > .roll_span > div { margin: 10px 0 0 0; } #isens .roll_span h6, #isens .roll_span span { font-family: "Trebuchet MS"; color: #0076eb; font-size: 12px; margin: 0 0 5px 0; } #isens .roll_span .estandarinf { border-top: 1px dashed #999999; padding-top: 10px; } #isens .roll_span .estandarinf h6, #isens .roll_span .estandarinf span { color: #999999; } #imax .select_cinefav .field, #isens .select_cinefav .field, #screenX .select_cinefav .field { position: relative; display: inline-block; vertical-align: top; margin: 0 auto; } #imax .select_cinefav .btn_zona, #isens .select_cinefav .btn_zona, #screenX .select_cinefav .btn_zona { margin-left: 15px; width: 54px; } #imax div.rollover { background-color: #000000; } #imax div.roll_img { background-color: #0297D9; } #imax div.roll_img > p { color: #ffffff; width: 55%; margin: 0 auto; } .no-touch #imax .roll_1:hover { height: 270px; } .no-touch #imax .roll_2:hover { height: 370px; } .no-touch #imax .roll_3:hover { height: 385px; } .no-touch #imax .roll_4:hover { height: 370px; } #imax div.roll_span { color: #ffffff; } #screenX div.rollover { background-color: #000000; } #screenX div.roll_img { background-color: #0297D9; } #screenX div.roll_img > p { color: #ffffff; width: 55%; margin: 0 auto; } .no-touch #screenX .roll_1:hover { height: 270px; } .no-touch #screenX .roll_2:hover { height: 370px; } .no-touch #screenX .roll_3:hover { height: 385px; } .no-touch #screenX .roll_4:hover { height: 370px; } #screenX div.roll_span { color: #ffffff; } /* /IMAX /ISENS /DOLBY */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /*FICHAS PELICULA*/ /*FICHAS EVENTOS*/ /*BODY*/ #ficha_pelicula main, #ficha_eventos main { position: relative; } #ficha_pelicula section, #ficha_eventos section { position: relative; margin-top: -30px; } article#navegacion_fichas { position: relative; width: 100%; height: 35px; margin: 0 0 20px 0px; } article#navegacion_fichas div { display: inline; width: 150px; height: 36px; line-height: 36px; background-color: #f2f2f2; text-align: center; padding: 0 15px 0 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } article#navegacion_fichas div#left, article#navegacion_fichas div#right { font-family: "dinengschriftstd", "Another Font", generic; font-size: 18px; color: #999999; } article#navegacion_fichas div#left { float: left; } article#navegacion_fichas div#right { float: right; } article#navegacion_fichas div#left span#spmovl { position: absolute; left: 5px; line-height: 30px; } article#navegacion_fichas div#right span#spmovr { position: absolute; right: 5px; line-height: 30px; } article#navegacion_fichas #left a #spwebl { margin-left: 5px; } article#navegacion_fichas div#center { float: left; width: calc(100% - 410px); margin: 0 10px 0 10px; background-color: #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-family: "dinengschriftstd"; font-size: 25px; color: #0076EC; } article#navegacion_fichas div a { font-family: "dinengschriftstd", "Another Font", generic; font-size: 25px; text-decoration: none; color: #999999; line-height: 25px; } article#navegacion_fichas #left a #spwebl, article#navegacion_fichas #right a #spwebr { font-size: 18px !important; } article.cuadros_ficha { padding: 20px 15px 0 20px; margin-bottom: 20px; background-color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } article#cartel { position: relative; width: 740px; height: 360px; } article#cartel img.cartel { position: relative; height: 320px; width: 222px; } article#cartel img.trailer, article#cartel .trailer { margin-left: 15px; height: 320px; width: 494px; } article#cartel div.puntuacion { position: absolute; width: 224px; height: 25px; bottom: 6px; } div.puntuacion ul.stars { left: 0px; top: 0px; margin: 0 !important; padding: 0 !important; } article#cartel div.puntuacion p { position: absolute; top: 0; right: 0; margin: 0; font-family: "Trebuchet MS"; font-size: 13px; color: #999999; } article#cartel div.compartir { position: absolute; bottom: 10px; right: 20px; } article#cartel div.compartir_opt { position: absolute; bottom: 7px; right: 20px; width: 48px; } article#cartel div.compartir_opt a { margin: 0 0 0 4px; } article#cartel div.cinta { position: absolute; right: 20px; bottom: 40px; } article#cartel div.cinta img { display: block; margin-top: 1px; } article#info { position: absolute; top: 55px; right: 0px; width: 360px; height: 370px; padding-top: 10px; } article#info .calificacion { position: absolute; right: 0; top: -5px; } article#info div.datos { position: relative; } article#info div.datos p { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 13px; color: #666666; margin: 7px 0; } article#info div.datos p span { color: #333333; } article#info .tecnologias { position: relative; display: inline-block; width: 100%; height: 40px; line-height: 25px; margin: 0 0 5px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #333333; } article#info .tecnologias p { position: relative; display: inline-block; vertical-align: top; width: 65px; line-height: 18px; font-size: 10px !important; color: #333333 !important; height: 36px; margin: 0 !important; text-align: left; padding-top: 3px; } article#info .tecnologias .imax, article#info .tecnologias .isens, article#info .tecnologias .dolby, article#info .tecnologias .whatscine, article#info .tecnologias .screenX { position: relative; display: inline-block; vertical-align: top; width: 68px; height: 30px; margin-top: 8px; background-size: 100% !important; } article#info .tecnologias .imax { background: url("../img/imax.jpg") no-repeat; } article#info .tecnologias .isens { background: url("../img/isens.jpg") no-repeat; } article#info .tecnologias .dolby { background: url("../img/dolby.jpg") no-repeat; } article#info .tecnologias .screenX { background: url("../img/alucinaScreenX.jpg") no-repeat; } article#info .euro, article#info .euro img { width: 100%; } article.descripcion { position: relative; width: calc(100% - 30px); height: auto; padding: 10px 15px 10px 15px; } article.descripcion.d2 { display: none; } article.descripcion div.datos { display: none; } article.descripcion p { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 13px; color: #666666; } article.descripcion p span { color: #333333; } article.select_cinefav { position: relative; width: calc(100% - 37px); height: auto; padding: 18px; margin-bottom: 20px; text-align: center; } article.select_cinefav div.s_zona { position: absolute; margin-left: 10px; display: inline-block; cursor: pointer; } #ficha_pelicula .field { width: 370px; margin: 0 auto 10px; } /* ############################################################################################################################# */ article#banners { position: relative; margin-bottom: 20px; width: 100%; padding: 0; height: auto; text-align: center; } article#banners div#banner1 { width: 400px; display: inline-block; margin-right: 20px; vertical-align: top; margin-top: 60px; } article#banners div#banner2 { width: 400px; display: inline-block; } article#banners div#banner3 { display: inline-block; margin-left: 20px; } article#banners div#banner1 img, article#banners div#banner2 img { width: 100%; } /*/ BODY*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* EVENTOS */ #eventos main nav ul { width: calc(100% - 45px); } #eventos main nav ul li { width: 100px; } /*/ EFECTO BOTONES MENÚ PELICULAS*/ #eventos main #bajo_menu { /* panel bajo el menu con la ruta conde nos encontramos y los botones para ordenar peliculas*/ position: relative; margin: 0 0 0 42px; width: calc(100% - 70px); height: 30px; } #eventos main #bajo_menu #ruta { position: absolute; } #eventos main section .cartelera_peliculas > ul > li { /*estilo de los carteles*/ position: relative; width: 220px; height: 390px; margin: 0 2px 15px 2px; list-style: none; display: inline-block; padding: 5px; } #eventos main section .cartelera_peliculas ul li h3, #eventos main section .cartelera_peliculas ul li h3 a { /*título del cartel*/ color: #fba300; } #eventos main section .cartelera_peliculas ul li a.verficha { /*botón "ver ficha"*/ color: #fba300; } #eventos main section .cartelera_peliculas ul li a.verficha:after { content: ""; background: none repeat scroll 0 0 #fba300; } .no-touch #eventos main section .cartelera_peliculas ul li a.verficha:hover, #eventos main section .cartelera_peliculas ul li a.verficha:active { border: 2px solid #fba300; color: #FFFFFF; } #eventos main section .cartelera_peliculas ul li a.vf, .no-touch #eventos main section .cartelera_peliculas ul li a.vf:hover { color: #fba300; } #eventos main section .cartelera_peliculas ul li div.fecha { position: relative; margin: 5px 12px; width: calc(45%); height: 30px; text-align: left; font-family: "dinengschriftstd", "Another Font", generic; color: #999999; font-size: 18px; } #eventos .cartelera_peliculas .mashorarios { position: absolute; bottom: 37px; right: 12px; padding: 0 5px; background-color: #999999; color: #ffffff; font-family: "dinengschriftstd"; font-size: 18px; border: 0; } #eventos main section .cartelera_peliculas ul li div.puntuacion { position: absolute; margin: 35px 0 0 10px; width: 150px; height: 25px; } #eventos section .cartelera_peliculas ul li div.compartir { bottom: 10px; } #eventos section .cartelera_peliculas ul li div.compartir_opt { bottom: 7px; } #ficha_eventos .field { margin: 0 auto 10px; width: 370px; } /* /EVENTOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* FICHA CINE */ #ficha_cine section { margin-bottom: 60px; } .select_cinefav .field { width: 370px; } #ficha_cine .select_cinefav .maps { margin-left: 10px; } #ficha_cine .select_cinefav .btn_zona { width: 54px; margin-left: 10px; } article.select_cinefav .btn_promos { width: 192px; font-size: 18px; } #ficha_cine article#publicidad_body { position: absolute; margin: 0; right: 40px; top: 192px; } #ficha_cine article > h3 { width: 74px; height: 40px; line-height: 40px; font-size: 22px; } #ficha_cine article h3.promo { width: 120px; } article .btn_mostrar { width: 260px; height: 30px; line-height: 30px; font-size: 16px; } article.precios .div_precios li { width: 24%; } article.calif .div_calificaciones li { width: 40%; margin: 0 30px; } .infocine_col { width: 90%; margin: 5px auto; font-size: 15px; } .infocine_col > h3 { line-height: 31px; } .infocine_col > p { line-height: 40px; } .infocine_col > p > span { line-height: 40px; padding: 0 10px 0 10px; } .infocine_col > p.infocine_sub { font-size: 11px; line-height: 15px; } .div_calificaciones p { width: 90%; padding-left: 30px; margin-bottom: 40px; line-height: 18px; font-size: 13px; } /* BANNER -------------------------------------------- BANNER */ #ficha_cine article#banner_seccion, #promos article#banner_seccion { margin-top: 0; } #ficha_cine article#banner_seccion .img_left, #promos article#banner_seccion .img_left, #eventos article#banner_seccion .img_left { position: absolute; z-index: 10; top: calc(65% - 48px); left: 10px; } #ficha_cine article#banner_seccion .img_right, #promos article#banner_seccion .img_right, #eventos article#banner_seccion .img_right { position: absolute; z-index: 10; top: calc(65% - 48px); right: 10px; } #banner_seccion div.radios { position: absolute; padding: 5px 0 5px 0; text-align: center; bottom: 10px; width: 100%; } #ficha_cine article#banner_seccion { width: 874px; } /* /BANNER -------------------------------------------- /BANNER */ /* CINESAPLAN ----------------------------------------- CINESAPLAN */ .cinesaplan { width: 874px; } .cinesaplan .plan { width: 420px; margin: 0 14px 20px 0px; } .cinesaplan .plan:last-child { margin: 0 0 20px 14px; } .cinesaplan .plan .titulo { width: 100%; height: 33px; line-height: 33px; } .cinesaplan .plan .titulo p { font-size: 20px; } .cinesaplan .plan .titulo img { top: 5px; right: 10px; } .cinesaplan .plan > img { width: 100%; } .cinesaplan .plan a { margin-top: 8px; width: 100%; height: 38px; line-height: 38px; font-size: 18px; } /* /CINESAPLAN ----------------------------------------- /CINESAPLAN */ /* /FICHA CINE */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* TRAILERS */ #trailers_cartelera main #bajo_menu, #trailers_estrenos main #bajo_menu { height: 25px; } #trailers_cartelera main #orden, #trailers_estrenos main #orden { top: -42px; } .no-touch #trailers_cartelera section .cartelera_peliculas > ul > li a:hover .play { position: absolute; top: 51px; left: 15px; } #trailers_estrenos section .cartelera_peliculas > ul > li { height: 322px; width: 377px; } #trailers_estrenos section .cartelera_peliculas > ul > li .cartel { width: 360px; height: 233px; margin-left: 8px; } #trailers_estrenos section .cartelera_peliculas > ul > li h3 { width: 355px; } #trailers_estrenos section .cartelera_peliculas ul li div.compartir { bottom: 11px; } #trailers_estrenos section .cartelera_peliculas ul li div.compartir_opt { bottom: 8px; } #trailers_estrenos section .cartelera_peliculas > ul > li.trailer_publi { background: none; text-align: center; height: auto; } #trailers_estrenos section .cartelera_peliculas > ul > li.trailer_publi img { width: auto; margin-top: 30px; } /* /TRAILERS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MAPA */ #mapa section { min-height: 500px; /* general */ } #mapa #bajo_menu { /* general */ height: 30px; } #mapa #publicidad_body { /* general */ margin: 0px 0px 20px 0; } #mapa #mapa-cines { background-color: #FFFFFF; width: 875px; height: 850px; margin-bottom: 40px; } #mapa #mapa-cines img#mapa { position: absolute; top: 215px; left: 135px; } #menu_mapa { position: absolute; top: 210px; left: 65px; } #menu_mapa li.titulo { font-family: "dinengschriftstd"; font-size: 15px; color: #333333; background-color: #e5e5e5; padding: 0 5px; } #menu_mapa ul.listado { padding: 2px 0 2px 5px; } #menu_mapa ul.listado li { line-height: 19px; } #menu_mapa li { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 12px; color: #666; } #menu_mapa ul li a { cursor: pointer; color: #666; } #menu_mapa ul li a.promo { color: #f03 !important; font-weight: bold; } #menu_mapa ul li.promo span { color: #00559A; } .no-touch #menu_mapa li ul li a:hover { /*decoracion hover de cada enlace*/ } .no-touch #menu_mapa .listado:hover { background-color: #dddddd; } #menu_mapa div { position: absolute; z-index: 9; background-position: top left; background-repeat: no-repeat; } .ie7 #menu_mapa { z-index: 10; } #menu_canarias { width: 199px; height: 78px; background-image: url(../img/mapa/flecha_canarias.png); left: 180px; top: 600px; } #menu_canarias .listado { margin-left: 23px; } #menu_canarias .titulo { margin-left: 43px; margin-top: -40px; } #menu_sevilla { background-image: url("../img/mapa/flecha_sevilla.png"); height: 163px; left: 119px; top: 362px; width: 182px; } #menu_sevilla .listado { position: absolute; bottom: -18px; left: 0; margin-left: -15px; } #menu_sevilla .titulo { position: absolute; bottom: 27px; left: 0; width: 80px; } #menu_malaga { width: 110px; height: 58px; background-image: url(../img/mapa/flecha_malaga.png); left: 356px; top: 356px; } #menu_malaga .listado { margin-left: -25px; margin-top: 10px; width: 121px; } #menu_malaga .titulo { margin-top: -4px; margin-left: -20px; width: 70px; } #menu_murcia { width: 175px; height: 90px; background-image: url(../img/mapa/flecha_murcia.png); left: 480px; top: 285px; } #menu_murcia .listado { position: absolute; bottom: -34px; right: 0; } #menu_murcia .titulo { width: 95px; position: absolute; bottom: 11px; margin-left: 30px; } #menu_valencia { width: 252px; height: 120px; background-image: url(../img/mapa/flecha_valencia.png); left: 503px; top: 206px; } #menu_valencia .listado { position: absolute; bottom: 0; margin-bottom: -12px; right: 0; } #menu_valencia .titulo { width: 50px; position: absolute; right: 108px; bottom: 22px; } #menu_castellon { background-image: url("../img/mapa/flecha_castellon.png"); height: 97px; left: 517px; text-align: right; top: 155px; width: 155px; z-index: 20 !important; } #menu_castellon ul { position: absolute; bottom: -10px; right: 0; } #menu_castellon .titulo { bottom: -20px; } #menu_castellon .listado { margin-top: 10px; bottom: -45px; } #menu_mallorca { width: 159px; height: 51px; background-image: url(../img/mapa/flecha_mallorga.png); left: 605px; top: 173px; z-index: 30 !important; } #menu_mallorca .listado { position: absolute; bottom: -12px; width: 142px; margin-left: -20px; } #menu_mallorca .titulo { position: absolute; bottom: 33px; right: 0; width: 113px; } #menu_barcelona { width: 265px; height: 173px; background-image: url(../img/mapa/flecha_barcelona.png); left: 584px; top: -53px; text-align: left; z-index: 31 !important; } #menu_barcelona .listado { position: absolute; margin-top: -10px; right: 00px; } #menu_barcelona .titulo { position: absolute; right: 39px; width: 115px; margin-top: -40px; } #menu_zaragoza { width: 169px; height: 245px; background-image: url(../img/mapa/flecha_zaragoza.png); left: 470px; top: -140px; z-index: 30 !important; } #menu_zaragoza .listado { position: absolute; top: -5px; right: -21px; } #menu_zaragoza .titulo { position: absolute; top: -24px; right: 0; width: 120px; } #menu_guipuzcoa { background-image: url("../img/mapa/flecha_guipuzcoa.png"); height: 58px; left: 410px; text-align: left; top: -30px; width: 75px; z-index: 31 !important; } #menu_guipuzcoa .listado { position: absolute; right: -29px; width: 92px; top: -5px; text-align: left; } #menu_guipuzcoa .titulo { position: absolute; width: 50px; right: 1px; top: -24px; } #menu_bilbao { width: 83px; height: 78px; background-image: url(../img/mapa/flecha_bilbao.png); left: 301px; top: -56px; z-index: 10 !important; } #menu_bilbao .listado { position: absolute; right: -39px; width: 118px; top: -5px; } #menu_bilbao .titulo { position: absolute; width: 50px; right: 1px; top: -24px; } #menu_santander { width: 139px; height: 140px; background-image: url(../img/mapa/flecha_santander.png); left: 283px; top: -110px; text-align: left; } #menu_santander .listado { position: absolute; right: 0; top: -8px; width: 130px; } #menu_santander .titulo { position: absolute; width: 105px; right: 0px; top: -24px; } #menu_oviedo { width: 131px; height: 146px; background-image: url(../img/mapa/flecha_oviedo.png); left: 140px; top: -112px; } #menu_oviedo .listado { position: absolute; left: -20px; top: -8px; width: 135px; } #menu_oviedo .titulo { position: absolute; width: 115px; right: 6px; top: -24px; } #menu_acoruna { width: 133px; height: 84px; background-image: url(../img/mapa/flecha_acoruna.png); left: 62px; top: -58px; } #menu_acoruna .listado { position: absolute; left: -20px; top: -6px; width: 148px; } #menu_acoruna .titulo { position: absolute; width: 115px; right: 8px; top: -24px; } #menu_santiago { width: 116px; height: 84px; background-image: url(../img/mapa/flecha_santiago.png); left: 63px; top: 13px; } #menu_santiago .listado { position: absolute; left: -20px; top: -6px; width: 135px; } #menu_santiago .titulo { position: absolute; width: 95px; right: 10px; top: -24px; } #menu_cadiz { width: 89px; height: 64px; background-image: url(../img/mapa/flecha_cadiz.png); left: 315px; top: 396px; } #menu_cadiz .listado { position: absolute; bottom: -33px; width: 80px; left: 0; } #menu_cadiz .titulo { position: absolute; width: 55px; right: 10px; bottom: 12px; } #menu_valladolid { width: 277px; height: 44px; background-image: url(../img/mapa/flecha_valladolid.png); left: 65px; top: 70px; } #menu_valladolid .listado { position: absolute; top: -5px; left: -20px; } #menu_valladolid .titulo { position: absolute; width: 55px; left: 1px; top: -24px; } div#menu_madrid { background-image: url("../img/mapa/flecha_madrid.png"); background-position: right center; height: 40px; left: 80px; top: 127px; width: 290px; z-index: 20; } #menu_madrid ul { float: left; } #menu_madrid li { float: right; } #menu_madrid li ul li { float: none; } #menu_madrid .listado { position: absolute; top: -5px; left: -29px; } #menu_madrid .titulo { position: absolute; width: 130px; left: 1px; top: -24px; } #menu_merida { background-image: url("../img/mapa/flecha_merida.png"); height: 174px; left: 190px; top: 270px; width: 100px; z-index: 10 !important; } #menu_merida .listado { position: absolute; bottom: -35px; left: -20px; } #menu_merida .titulo { position: absolute; width: 50px; left: 1px; bottom: 7px; } /* /MAPA */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROMOS */ #promos .select_cinefav { width: 100%; } #promos .select_cinefav .row:last-child > p { margin: 0 10px 0 0; line-height: 42px; font-size: 14px; } #promos .select_cinefav .row:last-child .field { width: 200px; margin-right: 15px; } #promos article.select_cinefav .btn_borrar { height: 42px; line-height: 43px; width: 42px; margin-left: 4px; font-size: 26px; } #promos #publicidad_body { margin: 45px 7px; width: 275px; } #promos #publicidad_body img { width: 100%; } #promos main section { margin-left: 30px; width: calc(100% - 60px); } #promos .listapromos { margin-bottom: 30px; } #promos .listapromos ul { padding: 0; } #promos .listapromos ul li { display: inline-block; position: relative; width: 295px; margin: 0 4px 15px 3px; padding: 0; } #promos .listapromos li h3 { position: relative; font-size: 13px; width: 285px; line-height: 22px; margin: 0 0 5px 0 !important; padding-left: 10px; background-color: #ffffff; } #promos .listapromos li h3 a { color: #666666; } /* BORRAR DESDE AQUI -------------------------------------------------------------------------- */ #promos article.select_cinefav div#select2, #promos article.select_cinefav div#select3, #promos article.select_cinefav div#select4 { position: relative; vertical-align: top; width: 200px; margin: 0 10px; } #promos article.select_cinefav div#select2 li, #promos article.select_cinefav div#select3 li, #promos article.select_cinefav div#select4 li { font-size: 13px; line-height: 15px; padding-left: 5px; border-left: 5px solid #ffffff; width: 150px !important; } #promos article.select_cinefav div#select2 li.selected, #promos article.select_cinefav div#select3 li.selected, #promos article.select_cinefav div#select4 li.selected { line-height: 27px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #promos article.select_cinefav div#select2.opne li.selected, #promos article.select_cinefav div#select3.open li.selected, #promos article.select_cinefav div#select4.open li.selected { line-height: 15px; white-space: initial; } .no-touch #promos article.select_cinefav div#select2 li:hover, .no-touch #promos article.select_cinefav div#select3 li:hover, .no-touch #promos article.select_cinefav div#select4 li:hover { border-left-color: #fed801; } #promos article.select_cinefav div#select2 ul.select-group, #promos article.select_cinefav div#select3 ul.select-group, #promos article.select_cinefav div#select4 ul.select-group { width: 128px; } #promos article.select_cinefav div#select2 ul.select-group li, #promos article.select_cinefav div#select3 ul.select-group li, #promos article.select_cinefav div#select4 ul.select-group li { width: 128px; } #promos article.select_cinefav div#select2 .inner, #promos article.select_cinefav div#select3 .inner, #promos article.select_cinefav div#select4 .inner { width: 200px; } /* HASTA AQUI -------------------------------------------------------------------------- */ #promos article.titulo_promo div { color: #ffffff; font-size: 16px; font-family: "Trebuchet MS"; text-align: center; background-color: #999999; width: 245px; height: 45px; line-height: 45px; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } #promos article.titulo_filtro div { background-color: #ff0033; } /* /PROMOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROMOS LANDING */ #promos_landing section { margin-top: -20px; } #promos_landing section article.cartel-promo { position: relative; width: 810px; padding: 12px 0; text-align: center; margin-bottom: 60px; } #promos_landing section article.panel_right { top: 40px; right: 40px; position: absolute; width: 350px; } #promos_landing section div.info-promo { padding: 5px 10px; font-size: 12px; margin-bottom: 30px; } /* /PROMOS LANDING */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROXIMOS ESTRENOS */ #proximos_estrenos article.cartelera_peliculas .fechaestreno { width: calc(100% + 8px); height: 28px; top: -35px; line-height: 28px; } #proximos_estrenos article.cartelera_peliculas .fechaestreno span { font-size: 20px; } /* /PROXIMOS ESTRENOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* HOME */ #home #separador-bottom { width: 1220px; height: 13px; left: calc(50% - 610px); } #home .pelicula_principal ul li { position: relative; height: 505px; width: 1190px; } #home .pelicula_principal img { width: 100%; max-height: 505px; } #home .pelicula_principal .topo3d { top: 15px; right: 15px; width: 144px; height: 144px; } #home .pelicula_principal .principal-info { width: 100%; height: 61px; line-height: 60px; bottom: 0; } #home .pelicula_principal .principal-info a { margin: 0 0 0 6px; font-size: 25px; padding: 10px 15px; } #home .pelicula_principal .img_left, #home .pelicula_principal .img_right { top: 0; height: 505px; width: 29px; } #home .promociones { margin-bottom: 50px; } #home .promociones span { right: 5px; font-size: 17px; } #home .promociones > div { top: 15px; height: 165px; display: block; text-align: left; } #home .promociones .shadow_left, #home .promociones .shadow_right { top: 0; } #home .promociones ul { margin-bottom: 0; margin-top: 20px; } #home .promociones li { display: inline-block; margin: 0px 1px; position: relative; white-space: nowrap; overflow: hidden; } #home .promociones .infopromo { position: absolute; width: 100%; height: 0px; bottom: 0; top: auto; transition: 0.5s; } .no-touch #home .promociones li:hover .infopromo { height: 65px; transition: 0.5s; } #home .promociones .infopromo p { font-size: 22px; position: absolute; margin: 0; left: 15px; line-height: 65px; } #home .promociones .infopromo .mas { position: absolute; right: 10px; top: 17px; width: 30px; height: 30px; line-height: 27px; font-size: 23px; } #home .promociones .shadow_left, #home .promociones .shadow_right, #home .cartelera .shadow_left, #home .cartelera .shadow_right, #home .tecnologia .shadow_left, #home .tecnologia .shadow_right, #ciclos .cartelera .shadow_left, #ciclos .cartelera .shadow_right { top: 0; width: 34px; z-index: 4; } #home .promociones .shadow_left .img_left, #home .promociones .shadow_right .img_right { width: 49px; height: 160px; } #home .cartelera { height: 370px; } #home .cartelera .cart-menu { position: absolute; top: 10px; left: 0; } #home .cartelera span { position: absolute; right: 5px; top: 27px; font-size: 17px; } #home .pelicula_principal span.rb_promo { background: url(../img/IconPromo/icono_promo_grande_derecha_inclinado_redonda.png) no-repeat; width: 81px; position: absolute; top: 9px; height: 68px; left: 8px; z-index: 9999; } #home .cartelera span.rb_promo { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; width: 81px; position: absolute; top: 10px; height: 21px; left: 150px; z-index: 9999; } #home .cartelera ul li img.promo { outline: 4px solid #f03; outline-offset: -4px; } #home .carteles-carrusel, #ciclos .carteles-carrusel, #ficha_cine .carteles-carrusel { position: relative; top: 11px; height: 310px; } #home .carteles-carrusel ul, #ciclos .carteles-carrusel ul, #ficha_cine .carteles-carrusel ul { position: absolute; width: 100%; height: 280px; margin: 15px 0 0 0; padding: 0; } #home .carteles-carrusel ul li, #ciclos .carteles-carrusel ul li, #ficha_cine .carteles-carrusel ul li { display: inline-block; position: relative; margin: 0 5px; } #ciclos .carteles-carrusel ul li img.promo { outline: 4px solid #f03; outline-offset: -4px; } #home .cartelera li img, #ciclos .ciclo li img, #ficha_cine .ciclo li img { width: 200px; } #home .cartelera .infopeli, #ciclos .ciclo .infopeli, #ficha_cine .ciclo .infopeli { height: 0; position: absolute; width: 100%; bottom: 0; left: 0px; } .no-touch #home .cartelera li:hover .infopeli, .no-touch #ficha_cine .ciclo li:hover .infopeli { height: 80px; } #home .cartelera .infopeli h4, #ciclos .ciclo .infopeli h4, #ficha_cine .ciclo .infopeli h4 { position: absolute; font-size: 22px; top: 2px; left: 5px; margin: 0; padding: 0; width: 195px; height: 30px; } #home .cartelera .infopeli p, #ciclos .ciclo .infopeli p, #ficha_cine .ciclo .infopeli p { font-size: 18px; position: absolute; top: 40px; margin: 0; left: 5px; } #home .cartelera .infopeli .mas, #ciclos .ciclo .infopeli a, #ficha_cine .ciclo .infopeli a { position: absolute; top: 35px; right: 5px; width: 30px; height: 30px; line-height: 27px; font-size: 23px; } #home .cartelera .shadow_left .img_left, #home .cartelera .shadow_right .img_right, #ciclos .ciclo .shadow_left .img_left, #ciclos .ciclo .shadow_right .img_right, #ficha_cine .ciclo .shadow_left .img_left, #ficha_cine .ciclo .shadow_right .img_right { width: 29px; height: 305px; } #home .tecnologia p { margin-left: 100px; font-size: 19px; } #home .tecnologia .robapaginas { position: relative; float: right; margin-top: -249px; } #home .tecnologia .tecno { position: relative; width: 865px; height: 269px; } #home .tecnologia ul { position: relative; height: 230px; top: 20px; width: 790px; margin: 0 auto; padding: 0; } #home .tecnologia li { height: 230px; width: 185px; display: inline-block; position: relative; } #home .tecnologia li:nth-child(2) { border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; overflow: hidden; width: 200px; } #home .tecnologia li:nth-child(3) { border-right: 2px solid #dddddd; overflow: hidden; width: 200px; } #home .clientes { height: 280px; } #home .clientes .promos { position: relative; display: inline-block; margin-left: 10px; top: 10px; width: 589px; vertical-align: top; } #home .clientes .promobox { position: relative; width: 589px; } #home .clientes .promobox .radios { float: right; } #home .clientes .toppeliculas { position: relative; display: inline-block; width: 563px; margin-left: 10px; top: 10px; vertical-align: top; } #home .clientes .toppeliculas ul { margin: 0; padding: 0; } #home .clientes .toppeliculas li { display: inline-block; margin: 0 5px; } #home .clientes .toppeliculas img { width: 180px; } #home .clientes .toppeliculas .img_left, #home .clientes .toppeliculas .img_right { position: absolute; top: 0; width: 27px; height: 260px; } #home .clientes .toppeliculas .img_left { background-position: 0 50%; left: 10px; } #home .clientes .toppeliculas .img_right { background-position: -29px 50%; right: 5px; } #home article { margin: 0 !important; } #home article.cartelera { margin-top: 15px !important; } #home article.tecnologia { margin-top: 15px !important; margin-bottom: 50px !important; } #home .home-row h3 { height: 40px; line-height: 40px; font-size: 20px; margin: 0 0 10px 0; } #home .home-row .btn { right: 0; bottom: 0; height: 35px; line-height: 35px; font-size: 15px; margin: 0 0 10px 0; } /* /HOME */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CICLOS */ #ciclos section { min-height: 330px; } #ciclos #publicidad_body { margin: 48px 10px 0 0; } #ciclos .ciclo, #ficha_cine .ciclo { position: relative; width: 100%; margin-bottom: 30px; } #ciclos .ciclo.robapaginas { width: 72%; } #ciclos .ciclo .titulo, #ficha_cine .ciclo .titulo { position: relative; width: 232px; padding: 5px 15px; font-size: 20px; } #ciclos .ciclo .carteles-carrusel, #ficha_cine .ciclo .carteles-carrusel { position: relative; top: 10px; width: 100%; } #ciclos .ciclo .carteles-carrusel ul, #ficha_cine .ciclo .carteles-carrusel ul { position: absolute; width: 100%; top: 0; margin-top: 15px; } #ciclos .ciclo .carteles-carrusel ul li, #ficha_cine .ciclo .carteles-carrusel ul li { position: relative; } /* /CICLOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CINESACARD */ #cinesacard main #bajo_menu { height: 23px; } #cinesacard article { width: 100%; margin: 0 auto; margin-bottom: 25px; } #cinesacard .ccard .micuenta, #cinesacard .ccard .ventajas_ccard { position: relative; } #cinesacard .micuenta img { position: absolute; top: 0; left: 10px; height: 150px; width: 150px; } #cinesacard .micuenta h3 { position: relative; top: 25px; left: 80px; line-height: 30px; font-size: 65px; } #cinesacard .formlogin { position: relative; margin-top: 72px; width: 430px; height: 230px; } #cinesacard .formlogin form { position: relative; width: calc(100% - 10px); margin: 0 5px; } #cinesacard .formlogin input[type="email"], #cinesacard .formlogin input[type="password"] { width: 185px; border: none; height: 50px; line-height: 50px; font-size: 18px; padding-left: 15px; margin: 0 3px 7px 3px; } #cinesacard .formlogin input[type="submit"] { width: 406px; height: 38px; font-size: 22px; } #cinesacard .formlogin a { position: relative; top: 5px; margin: 0 10px; font-size: 16px; border-bottom: 1px solid #cccccc; } #cinesacard .ventajas_ccard { margin-top: 72px; margin-left: 15px; height: 230px; width: calc(100% - 450px); } #cinesacard .ventajas_ccard h3 { font-size: 45px; margin: 5px 0 0 0; } #cinesacard .ventajas_ccard p { font-size: 23px; margin: 0; line-height: 10px; } #cinesacard .ventajas_ccard .lista_ventajas { position: relative; margin: 20px 10px 0 20px; } #cinesacard .ventajas_ccard .lista_ventajas li { position: relative; width: 144px; } #cinesacard .lista_ventajas a { display: none; position: absolute; left: 0; top: -10px; width: 113px; height: 115px; padding: 7px; font-size: 18px; line-height: 22px; } .no-touch #cinesacard .lista_ventajas li div:hover a { display: block; } #cinesacard .conseguirccard > div { position: relative; display: inline-block; width: 47.5%; vertical-align: top; margin: 0 0.7%; } #cinesacard .conseguirccard .cc_header { position: relative; height: 95px; margin-bottom: 5px; } #cinesacard .conseguirccard .cc_header p { margin: 0; line-height: 40px; font-size: 23px; } #cinesacard .conseguirccard .cc_header h3 { margin: 0; line-height: 40px; font-size: 50px; } #cinesacard .conseguirccard .cc_pasos { position: relative; margin-top: -8px; } #cinesacard .conseguirccard .cc_pasos ul { height: 130px; padding: 0; } #cinesacard .conseguirccard .cc_pasos ul li { display: inline-block; position: relative; width: 120px; height: 120px; margin-top: 15px; } #cinesacard .conseguirccard .cc_pasos > div { margin: 0 10px; font-size: 17px; border: 1px solid #ffffff; } #cinesacard .conseguirccard .cc_pasos p { position: relative; line-height: 20px; margin: 10px 0; } #cinesacard .conseguirccard .cc_pasos .popcorn { position: absolute; width: 100px; height: 50px; top: -25px; } #cinesacard .conseguirccard .cc_btn { position: relative; margin-top: 7px; height: 60px; } #cinesacard .conseguirccard .cc_btn a { position: absolute; width: 300px; height: 40px; left: calc(50% - 150px); top: calc(50% - 20px); line-height: 40px; font-size: 22px; } #cinesacard .conseguirccard .cc_aviso { font-size: 11px; } #cinesacard .aviso > div { position: relative; width: 711px; height: 50px; margin: 0 auto; border: 1px dashed #bcbcbc; } #cinesacard .aviso > div p { display: inline-block; line-height: 14px; font-size: 19px; } #cinesacard .aviso > div a { position: absolute; width: 80px; height: 23px; font-size: 14px; top: 14px; right: 10px; line-height: 23px; } #cinesacard .puntos .puntos_menu li { display: inline-block; font-size: 16px; height: 35px; line-height: 38px; padding: 0 25px; } #cinesacard .puntos .div-1, #cinesacard .puntos .div-3 { padding: 10px 0 10px 0; } #cinesacard .puntos .div-1 li, #cc_micuenta .puntos .div-1 li { position: relative; display: inline-block; border: 2px solid #efefef; width: 121px; height: 159px; margin: 50px 7px 30px 7px; } #cinesacard .puntos .div-1 li .tiporegalos, #cc_micuenta .puntos .div-1 li .tiporegalos { position: absolute; width: 140px; height: 30px; line-height: 30px; top: -44px; left: -2px; padding-left: 5px; font-size: 15px; } #cinesacard .puntos .div-1 li .tiporegalos.tr_last, #cc_micuenta .puntos .div-1 li .tiporegalos.tr_last { width: 121px; } #cinesacard .regalo-puntos, #cc_micuenta .regalo-puntos { position: absolute; bottom: 0; width: 121px; line-height: 47px; border-top: 2px solid #efefef; font-size: 24px; } #cinesacard .puntos .div-1 li .regalo-info, #cc_micuenta .puntos .div-1 li .regalo-info { position: absolute; width: 121px; height: 0px; left: 0; bottom: 49px; font-size: 12px; transition: 0.5s; } .no-touch #cinesacard .puntos .div-1 li:hover .regalo-info, .no-touch #cc_micuenta .puntos .div-1 li:hover .regalo-info { width: 121px; height: 80px; transition: 0.5s; } #cinesacard .puntos .div-1 li .regalo-info p, #cc_micuenta .puntos .div-1 li .regalo-info p { line-height: 13px; margin-left: 4px; } #cinesacard .puntos .div-1 li .regalo-info img, #cc_micuenta .puntos .div-1 li .regalo-info img { margin-top: -7px; } #cinesacard .puntos .div-3 li, #cc_micuenta .faq .div-3 li { position: relative; height: 30px; width: 90%; line-height: 30px; margin: 0 0 10px 45px; padding-left: 10px; font-size: 13px; } #cinesacard .puntos .div-3 li.respuesta, #cc_micuenta .faq .div-3 li.respuesta { height: auto; border: 2px solid #e8e8e8; margin-left: 0px; width: calc(93% + 07px); } #cinesacard .puntos .div-3 li.respuesta ul li, #cc_micuenta .faq .div-3 li.respuesta ul li { margin-left: -10px; margin-bottom: 10px; line-height: 20px; height: auto; width: 95%; } #cinesacard .puntos .div-3 li.respuesta ul li.stitulo, #cc_micuenta .faq .div-3 li.respuesta ul li.stitulo { line-height: 20px; margin-left: -35px; } #cinesacard .puntos .div-3 li.respuesta ul li.sresumen, #cc_micuenta .faq .div-3 li.respuesta ul li.sresumen { line-height: 20px; margin-left: -35px; } #cinesacard .puntos .div-3 li.respuesta ul li a, #cc_micuenta .faq .div-3 li.respuesta ul li a { border-bottom: 1px solid #666666; } /* /CINESACARD */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CINESACARD FORMULARIO*/ #cc_form article, #cc_form_activar article, #colegios article, #recuperarmail article, #recuperarpass article { position: relative; width: 100%; margin: 0 auto; } #cc_form .titulo, #cc_form_activar .titulo, #cc_form_finactivar .titulo, #cc_form_finpedir .titulo, #cc_form_error .titulo, #colegios .titulo, #recuperarmail .titulo, #recuperarpass .titulo { margin-bottom: 12px; margin-top: -10px; } #cc_form .titulo h3, #cc_form_activar .titulo h3, #cc_form_finactivar .titulo h3, #cc_form_finpedir .titulo h3, #cc_form_error .titulo h3, #colegios .titulo h3, #recuperarmail .titulo h3, #recuperarpass .titulo h3 { font-size: 24px; line-height: 40px; width: 390px; padding-left: 15px; margin: 0; } #cc_form .frm1, #cc_form .frm2, #cc_form .frm3, #cc_form .frm4, #cc_form .inf, #cc_form_activar .frm1, #cc_form_activar .frm2, #cc_form_activar .frm3, #cc_form_activar .frm4, #cc_form_activar .inf, #cc_form .mail, #cc_form_activar .mail, #colegios .frm1, #colegios .frm2, #colegios .inf, #recuperarmail .frm1, #recuperarpass .frm1 { padding: 15px 0 15px 30px; width: calc(100% - 30px); } #cc_form article h4, #cc_form_activar article h4, #clientes article h4, #colegios article h4, #recuperarmail article h4, #recuperarpass article h4 { font-size: 24px; margin: 0; padding-left: 50px; line-height: 40px; } #cc_form article .num, #cc_form_activar article .num, #clientes article .num, #colegios article .num { position: absolute; font-size: 18px; width: 35px; height: 35px; line-height: 35px; border: 4px solid #ffffff; } #cc_form article.activo .num, #clientes article.activo .num { border: 4px solid #b5cbe0; } #cc_form article.activo h4, #cc_form article.inactivo h4, #cc_form_activar article.activo h4, #cc_form_activar article.inactivo h4, #colegios article.activo h4, #colegios article.inactivo h4, #recuperarmail article.activo h4, #recuperarpass article.activo h4 { margin-bottom: 40px; } #cc_form .row, #cc_form_activar .row, #trabajaconnosotros .row, #clientes .row, #colegios .row, #recuperarmail .row, #recuperarpass .row { position: relative; margin: 10px; margin-bottom: 20px; } #cc_form .row input.text, #cc_form_activar .row input.text, #trabajaconnosotros .row input.text, #clientes .row input.text, #colegios .row input.text, #recuperarmail .row input.text, #recuperarpass .row input.text { width: 245px; height: 38px; padding-left: 15px; margin-right: 15px; font-size: 15px; } #cc_form .row span, #cc_form_activar .row span, #clientes .row span, #colegios .row span { font-size: 12px; } #cc_form input[type="checkbox"] + label span, #cc_form_activar input[type="checkbox"] + label span, #trabajaconnosotros input[type="checkbox"] + label span, #clientes input[type="checkbox"] + label span, #colegios input[type="radio"] + label span { position: relative; display: inline-block; width: 350px; height: 37px; line-height: 35px; padding-left: 55px; font-size: 15px; } #cc_form .row a, #cc_form_activar .row a, #colegios .row a { border-bottom: 1px solid #909090; } #cc_form .cc_select, #cc_form_activar .cc_select, #clientes .cc_select, #colegios .cc_select { width: 266px; margin-right: 15px; vertical-align: top; } #cc_form .cc_select .select-group, #cc_form_activar .cc_select .select-group, #clientes .cc_select .select-group, #colegios .cc_select .select-group { width: 194px !important; } #cc_form .cc_select .select-group li, #cc_form_activar .cc_select .select-group li, #clientes .cc_select .select-group li, #colegios .cc_select .select-group li { width: 202px !important; } #cc_form .cc_select.small, #cc_form_activar .cc_select.small, #colegios .cc_select.small { width: 140px; margin-left: 5px; margin-top: -7px; vertical-align: top; } #cc_form .cc_select.small .select-group, #cc_form_activar .cc_select.small .select-group, #colegios .cc_select.small .select-group { width: 76px !important; } #cc_form .cc_select.small .select-group li, #cc_form_activar .cc_select.small .select-group lii, #ccolegios .cc_select.small .select-group li { width: 76px !important; } #cc_form input[type="submit"], #cc_form_activar input[type="submit"], #trabajaconnosotros input[type="submit"], #clientes input[type="submit"], #colegios input[type="submit"], #recuperarmail input[type="submit"], #recuperarmail input[type="button"], #recuperarpass input[type="submit"], #cc_form_activar .btn, #cc_form .btn, #colegios .btn { border: none; width: 300px; height: 40px; line-height: 40px; font-size: 22px; } #cc_form .inf, #cc_form_activar .inf, #colegios .inf { margin-bottom: 40px; } #cc_form .inf p, #cc_form_activar .inf p, #colegios .inf p { font-size: 11px; } #cc_form_activar .btn, #cc_form .btn, #colegios .btn { text-align: center; margin-left: calc(50% - 160px); cursor: pointer; } /* /CINESACARD FORMULARIO*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* /CINESACARD MI CUENTA*/ #cc_micuenta #sb-site { min-height: 1000px !important; } #cc_micuenta aside { display: inline-block; width: 290px; left: 40px; } #cc_micuenta aside .cuenta { margin-top: 50px; } #cc_micuenta aside .cuenta img { margin-top: -55px; } #cc_micuenta aside .cuenta p { font-size: 22px; margin: 5px 0; } #cc_micuenta aside .cuenta p span { font-size: 25px; } #cc_micuenta aside .cuenta h3 { font-size: 45px; } #cc_micuenta aside .cuenta ul li { display: inline-block; width: 144px; margin-top: 2px; font-size: 12px; height: 52px; padding-top: 18px; } #cc_micuenta aside .cuenta ul li:nth-child(2n+1) { border-right: 2px solid #ffffff; } #cc_micuenta aside .logout { height: 42px; margin-bottom: 18px; } #cc_micuenta aside .logout a { font-size: 25px; width: 100%; height: 42px; line-height: 42px; } #cc_micuenta aside .info { padding: 12px 12px 1px 12px; margin-bottom: 20px; ; } #cc_micuenta aside .info p { font-size: 11px; margin-bottom: 20px; } #cc_micuenta aside .info a { border-bottom: 1px solid #999999; } #cc_micuenta aside .infocc { margin-bottom: 20px; padding-bottom: 1px; } #cc_micuenta aside .infocc .header { height: 50px; line-height: 50px; padding-left: 10px; font-size: 14px; } #cc_micuenta aside .infocc .header.doblelinea { line-height: 18px; padding-top: 8px; height: 42px; } #cc_micuenta aside .infocc p { font-size: 14px; margin: 10px; } #cc_micuenta section { width: calc(100% - 400px); margin: 0 0 40px 70px; display: inline-block; } #cc_micuenta article.menu { margin-top: -22px; } #cc_micuenta article.menu ul { padding: 0; } #cc_micuenta article.menu li { display: inline-block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 5px; } #cc_micuenta article.menu li.a_ico { display: none; } #cc_micuenta .caducan, #cc_micuenta .movimientos, #cc_micuenta .frm, #cc_micuenta .puntos, #cc_micuenta .faq, #cc_micuenta .listapromos { margin-left: 5px; } #cc_micuenta .caducan p, #cc_micuenta .movimientos p { position: relative; top: 25px; font-size: 15px; margin-left: 30px; } #cc_micuenta .caducan ul { padding-left: 140px; margin-top: 50px; padding-bottom: 20px; } #cc_micuenta .caducan ul li { margin-bottom: 5px; font-size: 15px; } #cc_micuenta .caducan ul li div { display: inline-block; width: 150px; height: 40px; line-height: 40px; margin-right: 3px; } #cc_micuenta .caducan ul li div span { margin-right: 12px; } #cc_micuenta .movimientos .cc_select { width: 186px; margin-right: 15px; } #cc_micuenta .movimientos .cc_select .select-group { width: 144px !important; } #cc_micuenta .movimientos .cc_select .select-group li { width: 144px !important; } #cc_micuenta .movimientos, #cc_micuenta .frm { position: relative; padding-bottom: 1px; margin-bottom: 10px; } #cc_micuenta .movimientos .rangofechas { margin: 45px 0 0 30px; } #cc_micuenta .movimientos .rangofechas span { font-size: 15px; line-height: 38px; margin-right: 15px; } #cc_micuenta .movimientos .rangofechas .btn { display: inline-block; width: 150px; height: 39px; line-height: 39px; font-size: 22px; margin-left: 30px; margin-bottom: 25px; } #cc_micuenta .movimientos .lista_movimientos { margin: 10px 30px; } #cc_micuenta .movimientos .lista_movimientos .row { border-bottom: 1px solid #efefef; } #cc_micuenta .movimientos .lista_movimientos .row div { display: inline-block; margin-right: 7px; padding-left: 5px; font-size: 15px; margin-bottom: 10px; margin-top: 20px; } #cc_micuenta .movimientos .lista_movimientos .row:last-child { border: none; } #cc_micuenta .movimientos .row .col1 { width: 12%; } #cc_micuenta .movimientos .row .col2 { width: 24%; } #cc_micuenta .movimientos .row .col3 { width: 46%; } #cc_micuenta .movimientos .row .col4 { width: 12%; } #cc_micuenta .movimientos .lista_movimientos .titulos { border: none; } #cc_micuenta .movimientos .lista_movimientos .titulos > div { font-size: 15px; height: 25px; line-height: 25px; } #cc_micuenta .movimientos .mostrarmas { position: relative; margin: 30px auto; width: 150px; height: 40px; line-height: 42px; padding-left: 10px; font-size: 22px; } #cc_micuenta .frm > form > div { margin-bottom: 10px; } #cc_micuenta .frm .frm1 { top: 20px !important; } #cc_micuenta .frm > form > div .row { margin: 0 0 10px 10px; } #cc_micuenta .frm .cc_select { width: 264px; margin-right: 15px; } #cc_micuenta .frm .cc_select .select-group { width: 192px !important; } #cc_micuenta .frm .cc_select .select-group li { width: 192px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #cc_micuenta .frm h4 { font-size: 22px; line-height: 40px; margin: 50px 0 15px 10px; } #cc_micuenta .frm .frm1 h4 { margin-top: 0px; } #cc_micuenta .frm .frm2 h4 { margin-top: 70px; } #cc_micuenta input.text { width: 248px; height: 37px; padding-left: 10px; margin-right: 15px; } #cc_micuenta .frm .cc_select.small { width: 122px; } #cc_micuenta .frm .cc_select.small .select-group { width: 50px !important; } #cc_micuenta .frm .cc_select.small .select-group li { width: 50px !important; } #cc_micuenta .frm span { font-size: 11px; line-height: 35px; } #cc_micuenta .frm .frm3, #cc_micuenta .frm .frm4 { margin-bottom: 30px; } #cc_micuenta .frm input[type="submit"] { margin: 0 auto; font-size: 22px; width: 300px; height: 40px; line-height: 40px; } #cc_micuenta .puntos .div-1 { top: 30px; left: 15px; } #cc_micuenta .puntos .div-1 ul { padding: 0; } #cc_micuenta .puntos .div-2 { margin-top: 30px; padding-top: 15px; font-size: 11px; } #cc_micuenta .faq, #cc_micuenta .listapromos { padding: 20px 0; } #cc_micuenta .listapromos { } #cc_micuenta .listapromos ul { padding-left: 0; width: 780px; margin: 0 auto; } #cc_micuenta .listapromos ul li { display: inline-block; margin: 0 30px; margin-bottom: 20px; } #cc_micuenta .listapromos ul li h3 { padding-left: 10px; margin-bottom: 7px; } #cc_micuenta .listapromos ul li h3 a { font-size: 13px; } #cc_micuenta .asideM { display: none; } /* /CINESACARD MI CUENTA*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* TRABAJA CON NOSOTROS */ #trabajaconnosotros main nav ul li, #clientes main nav ul li, #acercade main nav ul li, #proveedores main nav ul li, #avisolegal main nav ul li, #expansion main nav ul li, #semueve main nav ul li { width: 174px; } #trabajaconnosotros article, #clientes article { padding: 15px 30px 15px 30px; width: calc(100% - 60px); } #trabajaconnosotros article p, #clientese p { font-size: 12px; line-height: 20px; margin-bottom: 30px; } #trabajaconnosotros article h3, #clientes article h3 { font-size: 18px; ; margin: 0 0 20px 0; } #trabajaconnosotros .text, #trabajaconnosotros .cc_select, #clientes .text, #clientes .cc_select { margin-right: 5px !important; } #trabajaconnosotros .cc_select { width: 266px; } #trabajaconnosotros .cc_select .select-group { width: 224px !important; } #trabajaconnosotros .cc_select .select-group li { width: 214px !important; } #trabajaconnosotros input[type="file"] + label span, #clientes input[type="file"] + label span { width: 267px; height: 40px; line-height: 40px; font-size: 15px; } #trabajaconnosotros textarea, #clientes textarea { padding: 5px; width: 800px; height: 120px; } #trabajaconnosotros .frm1 .btn_siguiente { position: absolute; display: inline-block; width: 200px; height: 45px; line-height: 45px; bottom: 30px; right: 80px; font-size: 22px; } #clientes .frm1, #clientes .frm2, #clientes .frm3, #clientes .clients_inf { padding: 10px 30px 10px 30px; width: calc(100% - 30px); } #clientes .frm3 input[type="submit"] { margin-left: calc(50% - 170px); } #clientes #canned_response { font-size: 15px; line-height: 20px; position: relative; background-color: #cdcdcd; padding: 20px; width: 90%; margin: 20px auto; } #clientes article, #clientes article h4 { margin-bottom: 20px; } #clientes #sb-site { min-height: 1000px !important; } /* /TRABAJA CON NOSOTROS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SUBMENUPELIS */ .submenucines { width: 1190px; height: 0; margin-left: calc(50% - 595px); } .submenucines.open { height: 294px; } .submenucines .titulo { height: 40px; padding-left: 30px; font-size: 15px; } .submenucines .lista { top: 15px; left: 25px; height: 230px; width: calc(100% - 50px); } .submenucines .lista .col { width: 135px; margin-right: 3px; } .submenucines li { height: 21px; line-height: 21px; font-size: 13px; } .submenucines li.cine a { font-size: 11px; } /* /SUBMENUPELIS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* COLEGIOS */ #colegios .row input.text_doble { width: 530px; } #colegios .row input.text_mitad { width: 120px; } #colegios .row .col { width: 25%; } #colegios textarea { padding-left: 10px; width: 72.7%; height: 120px; } #colegios input[type="submit"] { width: 380px; margin: 20px 0; margin-left: calc(50% - 210px); } #colegios .inf { margin-top: 25px; font-size: 12px; } #colegios .frm1 h4, #colegios .frm2 h4, #colegios .inf h3 { font-size: 32px; } /* /COLEGIOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* INFANTIL */ /* CUMPLEAÑOS */ #infantil article#banner_seccion .img_left { top: calc(50% - 48px); } #infantil article#banner_seccion .img_right { top: calc(50% - 48px); } #infantil article.cartelera_peliculas h2, #cumpleanos article.cartelera_peliculas h2 { font-size: 20px; width: 155px; height: 45px; line-height: 45px; margin-left: 10px; } #cumpleanos .info_cumples { height: 449px; } #cumpleanos .info_cumples .parrafo { margin-left: 40px; top: 10px; width: calc(100% - 321px); } #cumpleanos .info_cumples .parrafo h3 { font-size: 32px; margin-bottom: 20px; } #cumpleanos .info_cumples .parrafo p { font-size: 12px; } #cumpleanos .info_cumples .btn { font-size: 22px; width: 380px; height: 40px; line-height: 40px; margin: 30px; margin-left: calc(50% - 300px); } /* /INFANTIL */ /* /CUMPLEAÑOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* FORMULARIOS RECUPERACIÓN */ #recuperarmail article h4, #recuperarpass article h4 { font-size: 22px; padding-left: 11px; } #recuperarmail section, #recuperarpass section { margin-bottom: 200px; } #recuperarmail input[type="button"], #recuperarpass input[type="submit"] { margin-left: calc(50% - 180px); margin-top: 20px; } #recuperarmail input[type="button"] { margin-left: calc(50% - 330px); margin-right: 20px; } #recuperarmail .conf, #recuperarmail .conf_fin, #recuperarpass .conf { min-height: 180px; } #recuperarmail .conf h4, #recuperarpass .conf h4 { font-size: 22px; } #recuperarmail .conf p, #recuperarmail .conf_fin p, #recuperarpass .conf p { font-size: 15px; } /* /FORMULARIOS RECUPERACIÓN */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CINESACHECK */ /*#cinesacheck article { width: calc(100% - 20px); margin: 0 auto 20px auto; } #cinesacheck .ch-1 img { margin: 47px 0px 47px 30px; width: 325px; } #cinesacheck .ch-1 > div { width: 69%; max-width: 760px; } #cinesacheck .ch-1 h3, #cinesacheck .ch-4-5 h3 { width: 100%; max-width: 730px; height: 100px; line-height: 100px; padding-left: 30px; font-size: 50px; margin: 20px 0; } #cinesacheck .ch-1 p, #cinesacheck .ch-4 p, #cinesacheck .ch-6 p { font-size: 22px; margin: 15px 0 25px 0; width: 95% !important; } #cinesacheck .ch_btn { font-size: 22px; width: 270px; height: 40px; line-height: 40px; } #cinesacheck .ch_btn:hover { background-color: #1d2c4e; } #cinesacheck .ch-1 .condiciones, #cinesacheck .ch-4 p, #cinesacheck .ch-6 p { margin-top: 30px; width: 98%; font-size: 15px; } #cinesacheck .ch-2 .titulo, #cinesacheck .ch-3 .titulo, #cinesacheck .ch-4 .titulo, #cinesacheck .ch-6 .titulo, #cinesacheck .ch-8 .titulo { font-size: 15px; margin: 30px 40px 10px; } #cinesacheck .ch-2 ul, #cinesacheck .ch-3 ul { margin-bottom: 30px; } #cinesacheck .ch-2 li, #cinesacheck .ch-3 li { width: 70%; margin: 12px 30px; padding-left: 20px; font-size: 15px; } #cinesacheck input.text { width: 255px; height: 40px; line-height: 40px; padding-left: 15px; margin-bottom: 20px; font-size: 15px; } #cinesacheck .ch-2 input.text, #cinesacheck .ch-2 .ch_btn, #cinesacheck .ch-3 input.text, #cinesacheck .ch-4 input.text, #cinesacheck .ch-4 .ch_btn, #cinesacheck .ch-6 input.text, #cinesacheck .ch-6 .ch_btn { margin-left: 160px; } #cinesacheck .ch-2 .ch_btn, #cinesacheck .ch-3 .ch_btn, #cinesacheck .ch-4 .ch_btn { width: 278px; margin-bottom: 30px; } #cinesacheck .ch-3 .ch_btn { width: 130px; } #cinesacheck .dudas, #cinesacheck .video { width: 120px; height: 40px; line-height: 40px; padding-left: 25px; font-size: 18px; } #cinesacheck .dudas { width: 145px; margin-left: 145px; } #cinesacheck .dudas:hover, #cinesacheck .video:hover { background-color: #7a7a7a; } #cinesacheck .dudas span, #cinesacheck .video span { left: 12px; top: 12px; } #cinesacheck .ch-3 .ch_btn { margin-left: 18px; } #cinesacheck .ch-3 .atras { margin-left: 160px; } #cinesacheck .ch-3 .atras:hover { background-color: #7a7a7a; } #cinesacheck .ch-4 .titulo { margin-bottom: 25px; } #cinesacheck .ch-4 p { margin-left: 40px; } #cinesacheck .ch_recaptcha { margin-left: 140px; margin-bottom: 20px; } #cinesacheck .ch-4-5 { height: 80px; padding: 0; } #cinesacheck .ch-4-5 img { margin: 0 40px 0 20px; } #cinesacheck .ch-4-5 h3 { margin: 0; padding: 0; height: 80px; line-height: 80px; } #cinesacheck .ch-5 img, #cinesacheck .ch-7 img { margin: 50px 0px 50px 36px; width: 172px; } #cinesacheck .ch-5 .cont, #cinesacheck .ch-7 .cont { margin: 20px 0 0 60px; width: 55%; } #cinesacheck .ch-5 p { font-size: 15px; } #cinesacheck .ch-5 div > .row { margin: 40px 0; } #cinesacheck .ch-5 .row p { width: 300px; font-size: 12px; } #cinesacheck .ch-5 .dudas { margin-left: 50px; } #cinesacheck .ch-5 > .row p { margin: 40px 0 40px 270px; font-size: 15px; } #cinesacheck .ch-5 > .row .ch_btn { font-size: 18px; width: 170px; margin-left: 50px; } #cinesacheck .ch-6 .ch_btn { margin-bottom: 30px; } #cinesacheck .ch-6 .titulo { margin-bottom: 0px; } #cinesacheck .ch-6 .ch_recaptcha { margin-top: 30px; margin-bottom: 30px; } #cinesacheck .ch-6 p { margin-left: 40px; } #cinesacheck .ch-7 .ch_btn { margin: 30px 0 50px 0; } #cinesacheck .ch-8 > ul > li { font-size: 13px; height: 30px; line-height: 30px; margin: 0 0 10px 45px; padding-left: 10px; width: 90%; } #cinesacheck .ch-8 li > .mas, #cinesacheck .ch-8 li > .menos { height: 30px; margin-left: -55px; width: 35px; background-position: 0 0; } #cinesacheck .ch-8 li.respuesta { height: auto; margin-left: 0; width: calc(93% + 7px); } #cinesacheck .ch-8 > ul { padding-bottom: 35px; } #cinesacheck .ch-8 > ul > li > ul li { line-height: 20px; margin-right: 30px; } #cinesacheck .ch-8 .titulo { font-size: 21px; } #cinesacheck .ch-menu ul { margin: 0; padding: 0; } #cinesacheck .ch-menu ul li { height: 55px; line-height: 55px; padding: 0 25px 0 65px; margin-right: 12px; font-size: 21px; } #cinesacheck .ch-menu ul li span { width: 35px; height: 35px; line-height: 37px; left: 15px; top: 6px; } #cinesacheck #sb-site { min-height: 2500px !important; }*/ /* /CINESACHECK */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SEMUEVE */ #semueve article.info img { margin: 17px 40px 17px 25px; } #semueve article.info div { width: 83%; font-size: 16px; } #semueve article.info div h3 { font-size: 25px; margin: 15px 0 7px; } #semueve article.info div p { margin: 0; line-height: 24px; } #semueve .proyectos_titulo { height: 54px; margin-top: 30px; margin-bottom: 0px; } #semueve .proyectos_titulo h4 { font-size: 22px; margin: 15px 0 25px; } #semueve .videos_actuales li, #semueve .carrusel_semueve li { width: 48%; height: 490px; margin-bottom: 20px; font-size: 12px; } #semueve .videos_actuales li:nth-child(2n+1) { margin-right: 4%; } #semueve .videos_actuales li .video, #semueve .carrusel_semueve li .video { margin-top: 35px; margin-left: calc(50% - 247px); width: 494px; height: 320px; } #semueve .videos_actuales li h5, #semueve .carrusel_semueve li h5 { font-size: 22px; font-weight: 100; margin: 15px; } #semueve .videos_actuales li p, #semueve .carrusel_semueve li p { margin: 15px; } #semueve .carrusel_semueve, #semueve .carrusel_semueve .shadow_left, #semueve .carrusel_semueve .shadow_right, #semueve .carrusel_semueve .shadow_left a, #semueve .carrusel_semueve .shadow_right a { height: 415px; } #semueve .carrusel_semueve li { width: 292px; height: 380px; margin: 0 7px; } #semueve .carrusel_semueve li .video { margin-top: 20px; margin-left: calc(50% - 123px); width: 247px; height: 179px; } #semueve .carrusel_semueve li h5 { margin: 10px 22px; font-size: 18px; } #semueve .carrusel_semueve li p { margin: 10px 22px; line-height: 18px; } #semueve .not_background { height: 40px; } #semueve .ver_mas { margin: 50px 0; } #semueve .ver_mas .btn { width: 316px; height: 33px; line-height: 33px; } #semueve .ver_mas .btn:hover { background-color: #003264; } /* /SEMUEVE */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* BAJANEWS*/ #bajanews .btn:hover { background-color: #003264; } /* /BAJANEWS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* GAMES */ #games .descarga .desc { width: 74%; height: 250px; margin-right: calc(2% - 5px); } #games .descarga .faqs { width: 24%; height: 250px; } #games .desc img { margin: 50px 10px 0 30px; } #games .desc .info { width: 44%; margin-top: 36px; font-size: 16px; } #games .desc .info a { font-size: 25px; top: 20px !important; } #games .desc .info a:hover { border-bottom: 2px solid #d82245; } #games .desc .qr { width: 34%; height: 245px; } #games .desc .qr a { width: 105px; height: 160px; margin: 46px 10px 0; } #games .descarga .faqs p { font-size: 24px; } #games .descarga .faqs p span { font-size: 30px; } #games .premio_1 { font-size: 27px; } #games .premio_1 h3 { margin: 10px 0; } #games .premio_1 .destacado { font-size: 80px; line-height: 60px; } #games .premio_2 { font-size: 26px; } #games .premio_2 h3 { margin: 10px 0; line-height: 60px; } #games .premio_3 .top { width: 49%; height: 150px; margin-bottom: 20px; } #games .premio_3 .top:nth-child(2n+1) { margin-right: calc(2% - 5px); } #games .premio_3 .top h3 { font-size: 65px; margin: 30px 0 0 70px; line-height: 50px; } #games .premio_3 .top h5 { font-size: 35px; margin: 0px 0 0 70px; } #games .premio_3 .top img { right: 30px; top: 20px; } #games .ganadores .btn { width: 335px; height: 58px; line-height: 58px; font-size: 27px; } #games .ganadores .btn:hover { background-color: #9b1e2b; } #games .como_jugar { margin-bottom: 50px; } #games .como_jugar > h3 { line-height: 60px; font-size: 25px; margin-bottom: 20px; } #games .como_jugar li.instruct { width: 380px; height: 550px; font-size: 14px; margin: 0 5px 20px; } #games .como_jugar li.instruct h3 { font-size: 20px; margin: 14px 0 15px 30px; } #games .como_jugar li.instruct p { margin: 25px 15px; } #games .como_jugar li.last_li { width: 380px; height: 550px; font-size: 20px; margin: 0 5px 20px; } #games .como_jugar li.last_li p { margin-top: 80px; } #games .como_jugar li.last_li p span { font-size: 25px; } #games .como_jugar li.last_li img { margin-top: 20px; } #games .como_jugar li.last_li .developers { bottom: 0; right: 0; } /* /GAMES */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SELECTS */ .cc_select ul.open { max-height: 295px !important; } #clientes .cc_select { width: 266px; } #clientes .cc_select .select-group { width: 226px !important; } #clientes .cc_select .select-group li { width: 204px !important; } /* /SELECTS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA RESUMEN*/ #ma_resumen aside { left: 40px; width: 290px; margin-right: 10px; } #ma_resumen .tucuenta { height: 300px; margin: 40px 0 30px; } #ma_resumen .tucuenta .foto { width: 155px; margin-top: -60px; } #ma_resumen .tucuenta p { font-size: 20px; margin: 15px 0 0; } #ma_resumen .tucuenta h2 { font-size: 45px; margin-top: 10px; } #ma_resumen .tucuenta .editar { top: 5px; right: 5px; } #ma_resumen .ma_menu li { height: 40px; line-height: 40px; margin-top: -16px; } #ma_resumen .ma_menu a { font-size: 19px; } #ma_resumen .ma_menu li.selected a, #ma_resumen .ma_menu li a:hover { background-color: #0e99fe; color: #ffffff; } #ma_resumen aside li.logout a { font-size: 19px; } #ma_resumen section { width: calc(100% - 390px); margin: 0 0 0 50px; top: -26px; } #ma_resumen .ma_bienvenida h3 { height: 47px; line-height: 47px; font-size: 23px; margin: 0; } #ma_resumen .noconfirm { height: 140px; } #ma_resumen .noconfirm p { top: 25px; margin-left: 120px; width: 400px; } #ma_resumen .newsletter input[type="checkbox"] + label span { width: 38px; height: 36px; margin: 7px 0 0 15px; } #ma_resumen .newsletter p { width: 50%; margin: 15px 0; font-size: 14px; } #ma_resumen article h4 { margin: 0 0 15px 0; height: 46px; line-height: 46px; font-size: 15px; } #ma_resumen .misentradas table { width: 97%; margin: 0 auto 10px; } #ma_resumen .misentradas table th, #ma_resumen .misentradas table td { font-size: 13px; } #ma_resumen .misentradas table tr:first-child { height: 30px; } #ma_resumen .misentradas table td p { margin: 7px 0; } #ma_resumen .misentradas table th:nth-child(1), #ma_resumen .misentradas table td:nth-child(1) { width: 10%; } #ma_resumen .misentradas table th:nth-child(2), #ma_resumen .misentradas table td:nth-child(2) { width: 14%; } #ma_resumen .misentradas table th:nth-child(3), #ma_resumen .misentradas table td:nth-child(3) { width: 24%; } #ma_resumen .misentradas table th:nth-child(4), #ma_resumen .misentradas table td:nth-child(4) { width: 24%; } #ma_resumen .misentradas table th:nth-child(5), #ma_resumen .misentradas table td:nth-child(5) { width: 8%; } #ma_resumen .misentradas table th:nth-child(6), #ma_resumen .misentradas table td:nth-child(6) { width: 8%; } #ma_resumen .misentradas table td:nth-child(7) { text-align: center; width: 12%; } #ma_resumen .misentradas table td .table_btn { width: 90px; padding: 5px 0; line-height: 18px; font-size: 14px; margin-top: 10px; } #ma_resumen .misentradas > a, #ma_resumen .movimientos > a { font-size: 13px; margin: 0 10px 15px; } #ma_resumen .micinesacard .tarjeta, #ma_resumen .micinesacard .puntos { width: 48.5%; font-size: 15px; margin-bottom: 15px; float: left; } #ma_resumen .micinesacard .tarjeta { margin-right: 1%; } #ma_resumen .micinesacard .puntos { margin-left: 1%; } #ma_resumen .micinesacard .movimientos { width: 100%; font-size: 15px; margin-bottom: 15px; } #ma_resumen .micinesacard .tarjeta h5, #ma_resumen .micinesacard .puntos h5, #ma_resumen .micinesacard .movimientos h5 { margin: 0 0 15px; height: 46px; line-height: 46px; padding-left: 15px; } #ma_resumen .micinesacard .ma_row { margin: 0 auto; width: 94%; } #ma_resumen .micinesacard .ma_row img:first-child { margin: 10px 10px 0 5px; } #ma_resumen .micinesacard .ma_row img:last-child { margin: 0 0 0 30px; display: inline-block !important; } #ma_resumen .micinesacard .ma_row p { top: 20px; } #ma_resumen .micinesacard .ma_row p span { font-size: 22px; margin-top: 5px; } #ma_resumen .micinesacard .ma_saldoact, #ma_resumen .micinesacard .ma_puntoscad { width: 31%; margin: 0 5%; } #ma_resumen .micinesacard .ma_puntoscad { width: 50%; margin: 0 5%; } #ma_resumen .micinesacard .ma_saldoact > p, #ma_resumen .micinesacard .ma_puntoscad > p { height: 30px; margin-top: 0; } #ma_resumen .micinesacard .ma_saldoact li, #ma_resumen .micinesacard .ma_puntoscad li { margin: 7px 0; height: 30px; } #ma_resumen .micinesacard .ma_saldoact li .pnts, #ma_resumen .micinesacard .ma_puntoscad li .pnts { font-size: 22px; } #ma_resumen .micinesacard .ma_saldoact li .fecha_cad, #ma_resumen .micinesacard .ma_puntoscad li .fecha_cad { margin-left: 30px; } #ma_resumen .micinesacard .puntos > p { font-size: 11px; margin-left: 23px; } #ma_resumen .movimientos table { width: 97%; margin: 0 auto 10px; } #ma_resumen .movimientos table td { height: 34px; line-height: 34px; border-bottom: 1px solid #d7d7d7; } #ma_resumen .movimientos table th, #ma_resumen .movimientos table td { font-size: 13px; } #ma_resumen .movimientos table tr:first-child { border-bottom: 2px solid #d7d7d7; height: 30px; } #ma_resumen .movimientos table td p { margin: 7px 0; } #ma_resumen .faq > .btn_faq { width: 230px; height: 40px; line-height: 40px; margin: 20px 16px 35px; font-size: 20px; } /* /MI AREA RESUMEN */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA ENTRADAS */ #ma_resumen.ma_entradas .misentradas .pag li { width: 30px; height: 30px; line-height: 30px; margin: 0 2px; } #ma_resumen.ma_entradas .misentradas .pag li a { font-size: 16px; } /* /MI AREA ENTRADAS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA CINESACARD */ #ma_resumen.ma_ccard .rangofechas { margin: 25px auto 10px; } #ma_resumen.ma_ccard .rangofechas span { font-size: 15px; line-height: 41px; } #ma_resumen.ma_ccard .rangofechas .text { height: 39px; margin: 0 10px 10px; } #ma_resumen.ma_ccard .rangofechas .btn { width: 150px; height: 41px; line-height: 41px; font-size: 22px; margin-left: 30px; } #ma_resumen.ma_ccard .rangofechas .btn:hover { background-color: #004c95; } #ma_resumen .faq .btn_faq { width: 230px; height: 40px; line-height: 40px; margin: 20px 16px 35px; font-size: 20px; } #ma_resumen.ma_ccard .faq .btn_faq:hover { background-color: #c3c3c3; } #ma_resumen.ma_ccard .puntos .puntos_menu li { font-size: 16px; height: 35px; line-height: 38px; } #ma_resumen.ma_ccard .puntos .div-1 li { width: 121px; height: 159px; margin: 50px 7px 30px 7px; } #ma_resumen.ma_ccard .puntos .div-1 li .tiporegalos { width: 134px; height: 30px; line-height: 30px; top: -44px; left: -2px; font-size: 15px; } #ma_resumen.ma_ccard .puntos .div-1 li .tiporegalos.tr_last { width: 121px; } #ma_resumen.ma_ccard .regalo-puntos { width: 121px; line-height: 47px; font-size: 24px; } #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info { width: 121px; height: 0px; left: 0; bottom: 49px; font-size: 12px; } .no-touch #ma_resumen.ma_ccard .puntos .div-1 li:hover .regalo-info { width: 121px; height: 80px; } #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info p { line-height: 13px; margin-left: 4px; } #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info img { margin-top: -7px; } #ma_resumen.ma_ccard .imagenregalo { width: 118px; height: 105px; margin-top: 5px; } #ma_resumen .faq .div-3 li { width: 90%; line-height: 30px; margin: 0 0 10px 45px; font-size: 13px; } #ma_resumen .faq .div-3 .mas, #ma_resumen .faq .div-3 .menos { width: 35px; height: 30px; margin-left: -55px; } #ma_resumen .faq .div-3 li.respuesta { margin-left: 0px; width: calc(93% + 07px); } #ma_resumen .faq .div-3 li.respuesta ul li { margin-left: -10px; margin-bottom: 10px; line-height: 20px; height: auto; width: 95%; } #ma_resumen .faq .div-3 li.respuesta ul li.stitulo { line-height: 20px; margin-left: -35px; } #ma_resumen .faq .div-3 li.respuesta ul li.sresumen { line-height: 20px; margin-left: -35px; } /* MI AREA CINESACARD */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA MIS DATOS */ #ma_resumen.ma_datos .row { width: 96%; } #ma_resumen.ma_datos h5 { font-size: 21px; margin: 40px 0 10px 0; } #ma_resumen.ma_datos .field { width: 30%; margin: 0 1% 20px; } #ma_resumen.ma_datos .field label, #ma_resumen.ma_datos .field .p_label { margin: 0 0 3px; font-size: 15px; } #ma_resumen.ma_datos .field .text { height: 37px; line-height: 37px; font-size: 15px; } #ma_resumen.ma_datos .field .box_inactivo { width: calc(100% - 62px); padding-left: 60px; } #ma_resumen.ma_datos .field_ext { width: 95%; } #ma_resumen.ma_datos .field .box_small { width: 50px; margin: 0 15px 0 0; } #ma_resumen.ma_datos .btn_edit { width: 65px; height: 40px; line-height: 40px; font-size: 15px; margin-top: 25px; } #ma_resumen.ma_datos .validar_correo { width: 270px; font-size: 12px; margin-left: 20px; } #ma_resumen.ma_datos .validar_correo p { margin: 0 0 5px 90px; } #ma_resumen.ma_datos .row .sub_row { width: 100%; margin-top: -15px; } #ma_resumen.ma_datos .row .sub_row p { width: 70%; margin: 0; font-size: 12px; } #ma_resumen.ma_datos .row .mini { font-size: 11px; margin: 5px 0; } #ma_resumen.ma_datos .r_cambios input[type="submit"] { /*margin: 0 0 40px 8px; width: 254px;*/ } /* /NUEVA CC_FORM */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* HEADER MI AREA */ /* CUANDO SE ACTIVE MI AREA SE HA DE QUITAR EL .N_CC */ #cc_form.n_cc #cinefavorito_header .cc_cuenta, #cc_form.n_cc #cinefavorito_header .disp_login { display: none; } #cc_form.n_cc .sb-toggle-right { position: relative; vertical-align: top; display: inline-block; width: 132px; height: 52px; background: url("../img/ico_mi_cuenta_cinesa.jpg")no-repeat; cursor: pointer; } #cc_form.n_cc #cinefavorito_header .cinefav { right: 3px; } /* /HEADER MI AREA */ /* ############################################################################################################################## */ #landingplantilla section img { margin-left: calc(50% - 320px); } } /*fin @media 1280*/ /* ========================================================================== 7 - skin ========================================================================== */ @media all and (min-width: 1280px) { .skin .sb-site { margin: 0 auto; } /*HEADER*/ .skin header { position: relative; width: 100%; min-width: 980px; text-align: center; } .skin header #header { left: calc(50% - 490px); width: 980px; } .skin header #menu { position: relative; height: 120px; padding: 10px 0 10px 0; } .skin header #logo_header { /*logo cinesa del header*/ position: absolute; height: 120px; left: 10px; background-position: 0 -28px; position: absolute; height: 37px; width: 241px; bottom: 13px; left: 40px; background-position: 8px -156px; } /* login */ .skin header #cinefavorito_header { right: 12px; height: 52px; } .skin header #cinefavorito_header .cinefav { height: 52px; line-height: 52px; } .skin header #cinefavorito_header .cc_cuenta.open { right: 681px; } .skin header #cinefavorito_header .disp_login { right: 0; top: 0; height: 50px; } .skin header #cinefavorito_header .disp_login.open { width: 680px; } .skin header #cinefavorito_header .text { top: 4px; width: 135px; height: 40px; font-size: 18px; } .skin header #cinefavorito_header .pass { top: 4px; width: 135px; height: 40px; font-size: 18px; } .skin header #cinefavorito_header .disp_login .btn { width: 115px; height: 40px; line-height: 40px; top: 4px; font-size: 22px; } .skin header #cinefavorito_header .recordar { width: 80px; height: 40px; } .skin header #cinefavorito_header .recordar a { font-size: 12px; } .skin header #cinefavorito_header .close_login { width: 46px; height: 50px; top: 0; right: 0; } .no-touch.skin header #cinefavorito_header .disp_logged:hover div { width: 44px; height: 44px; top: 4px; left: 4px; } .skin header #cinefavorito_header.logged .cinefav { right: 163px; } .skin header #cinefavorito_header.logged .cc_cuenta { right: 52px; } .skin header #cinefavorito_header.nuevo_logged.logged .cinefav { right: 0; } /* /login */ /* menú 3.0*/ .skin header #menu { position: relative; } .skin header #menu > #menu_web { position: absolute; right: 10px; bottom: 15px; margin: 0; padding: 0; width: calc(100% - 200px); height: 50px; } .skin header #menu > #menu_web > ul { margin: 0; padding: 0; position: relative; width: 100%; height: 50px; text-align: right; } .skin header #menu > #menu_web > ul li { position: relative; display: inline-block; vertical-align: top; width: 13%; margin-left: 0px; } .skin header #menu > #menu_web > ul li > span { right: 0; top: 0; } .skin header nav#menu_web ul li img { /*img logo yomvi*/ margin: -2px 3px 0 0; } /*-----------------------------------------------------------------------------------------------------------------------------------------*/ /*EFECTO BOTONES MENÚ*/ .skin header nav#menu_web ul li span.colorbutton { width: 90%; height: 43px; position: relative; top: 0; z-index: 1; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 20px 0 11px 0; } .skin header nav#menu_web ul li a { width: 90%; height: 40px; position: relative; display: inline-block; cursor: pointer; text-align: center; padding-top: 10px; text-decoration: none; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); outline: medium none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 19px; line-height: 32px; } .skin header nav#menu_web ul li a:after { content: ""; position: absolute; z-index: -1; height: 0; left: 0; top: 0; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .no-touch.skin header nav#menu_web ul li a:hover, .skin header nav#menu_web ul li a:active { color: #ffffff; } .no-touch.skin header nav#menu_web ul li a:hover:after, .skin header nav#menu_web ul li a:active:after { height: 100%; } /*-----------------------------------------------------------------------------------------------------------------------------------------*/ .skin header nav#menu_web ul li a div { position: relative; display: inline-block; width: 40%; float: right; height: auto; margin-left: 0; padding-left: 0px; } /*/ HEADER*/ /*BODY*/ /*.skin #separador-top { position: relative; width: 100%; height: 12px; left: 0px; }*/ .skin main { position: relative; height: auto; width: 100%; min-width: 980px; text-align: center; } .skin main #main { left: calc(50% - 485px); width: 970px; margin-top:230px; } /* SUBMENU CARTELERA/EVENTOS/TRAILERS/CONTACTO */ .skin main nav { /*MENÚ*/ width: calc(100% - 20px); } .skin main nav ul li { width: 97px; } /* /SUBMENU CARTELERA/EVENTOS/TRAILERS/CONTACTO */ .skin main #bajo_menu { /* panel bajo el menu con la ruta conde nos encontramos y los botones para ordenar peliculas*/ position: relative; margin: 10px 0 0 10px; width: calc(100% - 10px); height: 40px; } .skin main #bajo_menu #ruta { position: absolute; left: 5px; } .skin main #bajo_menu #orden { position: absolute; right: 10px; bottom: 10px; } .skin main #bajo_menu #orden a { /*Botones ordenar*/ padding: 10px; margin: 0 10px 0 5px; } .skin main section { height: auto; width: 100%; margin-left: 0; } .skin main section #publicidad_body { /*la publicidad flota a la derecha de la cartelera*/ float: right; margin: 00px 0px 0 1px; } .skin main section .cartelera_peliculas { min-height: 750px; } .skin main section .cartelera_peliculas ul { /*la cartelera ocupa todo el ancho del
, se adapta a la publicidad.*/ left: 0px !important; margin-left: 10px !important; padding-left: 0 !important; text-align: left; } .skin main section .cartelera_peliculas > ul > li { /*estilo de los carteles*/ position: relative; width: 220px; height: 380px; margin: 0 0.8% 15px 2px; list-style: none; display: inline-block; padding: 5px; } .skin main section .cartelera_peliculas ul li h3 { /*título del cartel*/ margin: 5px 0 10px 10px; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .skin main section .cartelera_peliculas ul li img { /*imagen del cartel*/ margin: 0 10px 0 7px; } .skin main section .cartelera_peliculas div.contenedor_verficha { position: absolute; width: 100%; height: 60px; left: 0; bottom: 0px; } .skin main section .cartelera_peliculas ul li a.vf, .no-touch.skin main section .cartelera_peliculas ul li a.vf:hover { text-decoration: none; border: 0; color: #0076EC; } /*DIV PUNTUACION Y COMPARTIR*/ .skin main section .cartelera_peliculas ul li div.puntuacion { float: left; position: relative; margin: 7px 0 0 10px; width: 152px; height: 25px; } .skin main section .cartelera_peliculas ul li div.puntuacion ul.stars { left: 0px; top: 0px; margin: 0px !important; } .skin main section .cartelera_peliculas ul li .num_votos { position: absolute; top: 5px; right: 0; margin: 0; font-family: "Trebuchet MS"; font-size: 10px; color: #666666; } .skin main section .cartelera_peliculas ul li div.compartir { position: absolute; bottom: 30px; right: 15px; } .skin main section .cartelera_peliculas ul li div.compartir_opt { position: absolute; bottom: 27px; right: 15px; } .skin main section .cartelera_peliculas ul li div.compartir_opt > a { margin: 0 2px; } /*/ DIVS PUNTUACION Y COMPARTIR*/ /* ========================================================================== */ /*/ BODY*/ /* ############################################################################################################################## */ /* IMAX ISENS DOLBY */ .skin main #banner_seccion { position: relative; margin: 0 0 0 0; width: 100%; margin-bottom: 20px; } .skin main #banner_seccion img.banner { width: calc(100% - 20px); } .skin #imax article#select_cinefav, .skin #screenX article#select_cinefav { padding-left: 150px; width: calc(100% - 20px); } .skin #imax section #publicidad_body, .skin #isens section #publicidad_body, .skin #screenX section #publicidad_body { float: right; margin: 80px 0 0 1px; } /* ****************************** */ /* ******************************* */ .skin article#info_rollover { position: relative; width: 946px; margin: 0 auto; height: 162px; padding: 0; margin-top: 15px; margin-bottom: 40px; display: table; } .skin #isens #info_rollover, .skin #imax #info_rollover, .skin #screenX #info_rollover { margin: 30px 10px; width: calc(100% - 20px); } .skin #isens div.rollover, .skin #imax div.rollover, .skin #screenX div.rollover { position: absolute; bottom: 0px; width: 24.4%; height: 180px; background-color: #cfcfcf; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .skin #isens .roll_1, .skin #imax .roll_1{ left: 0; } .skin #isens .roll_2, .skin #imax .roll_2{ left: 25%; } .skin #isens .roll_3, .skin #imax .roll_3{ left: 50%; } .skin #screenX .roll_1 { left: 0; background:#fff; } .skin #screenX .roll_2 { left: 34%; background: #fff; } .skin #screenX .roll_3 { left: 68%; background: #fff; } .skin #isens .roll_4, .skin #imax .roll_4 { left: 75%; } .skin #isens div.roll_img, .skin #imax div.roll_img, .skin #screenX div.roll_img { position: absolute; top: 0px; height: 170px; width: 100%; padding-top: 10px; background-color: #ffffff; text-align: center; z-index: 10; font-family: "dinengschriftstd", "Another Font", generic; font-size: 23px; color: #bfbfbf; line-height: 25px; } .skin #screenX div.roll_img{ background:#fff; } .skin #isens div.roll_img > p, .skin #imax div.roll_img > p, .skin #screenX div.roll_img > p { margin-top: 15px; padding: 0 5px 0 5px; color: #0076ec; font-size: 20px; } .skin #screenX .roll_1 div.roll_img > p { width: 67.5%; color: #000; } .skin #screenX .roll_2 div.roll_img > p { width: 67.5%; color: #000; } .skin #screenX .roll_3 div.roll_img > p { width: 67.5%; color: #000; } .skin.no-touch #isens div.rollover:hover, .skin.no-touch #imax div.rollover:hover, .skin.no-touch #screenX div.rollover:hover { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .skin.no-touch #isens .roll_1:hover { height: 390px; } .skin.no-touch #isens .roll_2:hover { height: 355px; } .skin.no-touch #isens .roll_3:hover { height: 370px; } .skin.no-touch #isens .roll_4:hover { height: 340px; } .skin #isens div.roll_span, .skin #imax div.roll_span, .skin #screenX div.roll_span { position: absolute; bottom: 0; padding: 10px; font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #0076EC; font-size: 12px; opacity: 0; z-index: 1; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .skin.no-touch #isens div.rollover:hover > .roll_span, .skin.no-touch #imax div.rollover:hover > .roll_span, .skin.no-touch #screenX div.rollover:hover > .roll_span { opacity: 1; height: auto; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .skin #isens div.rollover > .roll_span > div, .skin #imax div.rollover > .roll_span > div, .skin #screenX div.rollover > .roll_span > div { margin: 10px 0 0 0; } .skin #isens .roll_span h6, #isens .roll_span span { font-family: "Trebuchet MS"; color: #0076eb; font-size: 12px; margin: 0 0 5px 0; } .skin #isens .roll_span .estandarinf { border-top: 1px dashed #999999; padding-top: 10px; } .skin #isens .roll_span .estandarinf h6, #isens .roll_span .estandarinf span { color: #999999; } .skin #imax .select_cinefav .field, .skin #screenX .select_cinefav .field, #isens .select_cinefav .field { position: relative; display: inline-block; vertical-align: top; margin: 0 auto; width: 370px; } .skin #imax .select_cinefav .btn_zona, .skin #screenX .select_cinefav .btn_zona, #isens .select_cinefav .btn_zona { margin-left: 15px; width: 54px; } .skin #imax #banner_seccion .col .container, .skin #isens #banner_seccion .col .container, .skin #screenX #banner_seccion .col .container { height: 192px; left: calc(50% - 170px); top: calc(50% - 96px); width: 340px; } .skin #screenX #banner_seccion .col .container { top: calc(50% - 17px); } .skin #imax div.rollover { background-color: #000000; } .skin #imax div.roll_img { background-color: #0297D9; } .skin #imax div.roll_img > p { color: #ffffff; width: 65%; margin: 0 auto; } .skin.no-touch #imax .roll_1:hover { height: 290px; } .skin.no-touch #imax .roll_2:hover { height: 435px; } .skin.no-touch #imax .roll_3:hover { height: 435px; } .skin.no-touch #imax .roll_4:hover { height: 420px; } .skin #screenX div.rollover { background-color: #000000; } .skin #screenX div.roll_img > p { color: #ffffff; width: 65%; margin: 0 auto; } .skin.no-touch #screenX .roll_1:hover { height: 290px; } .skin.no-touch #screenX .roll_2:hover { height: 290px; } .skin.no-touch #screenX .roll_3:hover { height: 290px; } .skin #imax div.roll_span, .skin #screenX div.roll_span { color: #ffffff; } /* /IMAX /ISENS /DOLBY */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /*FICHAS PELICULA*/ /*BODY*/ .skin #ficha_pelicula main, .skin #ficha_eventos main { position: relative; } .skin #ficha_pelicula main section, .skin #ficha_eventos main section { position: relative; margin-top: -30px; } .skin article#navegacion_fichas { position: relative; width: calc(100% - 20px); height: 35px; margin: 0 0 20px 10px; } .skin article#navegacion_fichas div { display: inline; width: 150px; height: 40px; line-height: 40px; background-color: #f2f2f2; text-align: center; padding: 0 15px 0 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .skin article#navegacion_fichas div#left, .skin article#navegacion_fichas div#right { font-family: "dinengschriftstd", "Another Font", generic; font-size: 18px; color: #999999; } .skin article#navegacion_fichas div#left { float: left; } .skin article#navegacion_fichas div#right { float: right; } .skin article#navegacion_fichas div#left span#spmovl { position: absolute; left: 5px; line-height: 36px; } .skin article#navegacion_fichas div#right span#spmovr { position: absolute; right: 5px; line-height: 36px; } .skin article#navegacion_fichas #left a #spwebl { margin-left: 5px; } .skin article#navegacion_fichas div#center { float: left; width: calc(100% - 410px); margin: 0 10px 0 10px; background-color: #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #0076ec; font-family: "dinengschriftstd"; font-size: 25px; } .skin article#navegacion_fichas div a { font-family: "dinengschriftstd", "Another Font", generic; font-size: 25px; text-decoration: none; color: #999999; line-height: 25px; } .skin article#navegacion_fichas #left a #spwebl, .skin article#navegacion_fichas #right a #spwebr { font-size: 18px !important; } .skin article.cuadros_ficha { padding: 20px 5px 0 5px; margin-bottom: 20px; background-color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .skin article#cartel { position: relative; width: 660px; left: 10px; height: 325px; } .skin article#cartel img.cartel { position: relative; width: 197px; height: 284px; } .skin article#cartel img.trailer, .skin article#cartel .trailer { width: 437px; height: 284px; } .skin article#cartel div.puntuacion { text-align: left; position: absolute; width: 170px; height: 25px; bottom: 5px; left: 10px; } .skin article#cartel div.puntuacion p { position: absolute; top: 0; right: 0; margin: 0; font-family: "Trebuchet MS"; font-size: 13px; color: #999999; } .skin article#cartel div.puntuacion ul.stars { left: 0px; top: 0px; margin: 0 !important; padding: 0 !important; } .skin article#cartel div.compartir { position: absolute; bottom: 13px; right: 10px; } .skin article#cartel div.compartir_opt { position: absolute; bottom: 10px; right: 10px; width: 48px; } .skin article#cartel div.compartir_opt a { margin: 0px 2px; } .skin article#cartel div.cinta { position: absolute; right: 11px; bottom: 41px; } .skin article#cartel div.cinta img { display: block; margin-top: 1px; } .skin article#info { position: absolute; top: 55px; right: 10px; width: calc(100% - 710px); height: 335px; text-align: left; } .skin article#info .calificacion { position: absolute; right: 0; top: 0; } .skin article#info div.datos { position: relative; top: 0px; left: 10px; width: 94%; } .skin article#info div.datos p { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 13px; color: #666666; margin: 0 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .skin article#info div.datos p span { color: #333333; } .skin article#info .tecnologias { position: relative; display: inline-block; width: 100%; height: auto; min-height: 50px; line-height: 20px; margin: 0 0 5px 0; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: left; color: #333333; } .skin article#info .tecnologias p { position: relative; display: inline-block; vertical-align: top; width: 100%; margin: 0; text-align: left; height: 20px; } .skin article#info .tecnologias .imax, .skin article#info .tecnologias .isens, .skin article#info .tecnologias .dolby, .skin article#info .tecnologias .screenX { position: relative; display: inline-block; vertical-align: top; width: 78px; height: 30px; margin-top: 5px; } .skin article#info .tecnologias .imax { background: url("../img/imax.jpg") no-repeat center; } .skin article#info .tecnologias .isens { background: url("../img/isens.jpg") no-repeat center; } .skin article#info .tecnologias .dolby { background: url("../img/dolby.jpg") no-repeat center; } .skin article#info .tecnologias .screenX { background: url("../img/alucinaScreenX.jpg") no-repeat center; } .skin article.descripcion { position: relative; width: calc(100% - 52px); height: auto; left: 10px; text-align: left; padding: 15px; } .skin article.descripcion.d2 { display: none; } .skin article.descripcion div.datos { display: none; } .skin article.descripcion p { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 13px; color: #666666; } .skin article.descripcion p span { color: #333333; } .skin article.select_cinefav { position: relative; width: calc(100% - 58px); height: auto; left: 10px; margin-bottom: 20px; text-align: center; } .skin article.select_cinefav div.s_zona { position: absolute; margin-left: 10px; display: inline-block; cursor: pointer; } .skin article.horarios { width: calc(100% - 20px); margin: 0 auto; } .skin #ficha_pelicula .field { width: 370px; margin: 0 auto 10px; } .skin .horarios ul.destacado .peli_info h4 { width: 46%; } .skin .horarios ul.destacado .peli_info p { width: 22%; } /* ############################################################################################################################# */ .skin article#banners { position: relative; margin-bottom: 20px; width: calc(100% - 22px); left: 10px; padding: 0; height: auto; text-align: center; } .skin article#banners div#banner1 { width: 400px; display: inline-block; margin-right: 20px; vertical-align: top; margin-top: 60px; } .skin article#banners div#banner2 { width: 400px; display: inline-block; margin-right: 20px; } .skin article#banners div#banner3 { display: inline-block; margin-top: 60px; } .skin article#banners div#banner1 img, .skin article#banners div#banner2 img { width: 100%; } /*/ BODY*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* EVENTOS */ .skin #eventos main nav ul { width: calc(100% - 45px); } .skin #eventos main nav ul li { width: 92px; } .skin #eventos main #bajo_menu { /* panel bajo el menu con la ruta conde nos encontramos y los botones para ordenar peliculas*/ position: relative; margin: 0 0 0 10px; width: calc(100% - 70px); height: 30px; } .skin #eventos main #bajo_menu #ruta { position: absolute; } .skin #eventos main section .cartelera_peliculas > ul > li { /*estilo de los carteles*/ position: relative; width: 220px; height: 390px; margin: 0 2px 15px 2px; list-style: none; display: inline-block; padding: 5px; } .skin #eventos main section .cartelera_peliculas ul li h3, .skin #eventos main section .cartelera_peliculas ul li h3 a { /*título del cartel*/ color: #fba300; } .skin #eventos main section .cartelera_peliculas ul li a.verficha { /*botón "ver ficha"*/ color: #fba300; } .skin #eventos main section .cartelera_peliculas ul li a.verficha:after { content: ""; background: none repeat scroll 0 0 #fba300; } .skin.no-touch #eventos main section .cartelera_peliculas ul li a.verficha:hover, .skin #eventos main section .cartelera_peliculas ul li a.verficha:active { border: 2px solid #fba300; color: #FFFFFF; } .skin #eventos main section .cartelera_peliculas ul li a.vf, .skin.no-touch #eventos main section .cartelera_peliculas ul li a.vf:hover { color: #fba300; } .skin #eventos main section .cartelera_peliculas ul li div.fecha { position: relative; margin: 5px 12px; width: calc(45%); height: 30px; text-align: left; font-family: "dinengschriftstd", "Another Font", generic; color: #999999; font-size: 18px; } .skin #eventos .cartelera_peliculas .mashorarios { position: absolute; bottom: 37px; right: 12px; padding: 0 5px; background-color: #999999; color: #ffffff; font-family: "dinengschriftstd"; font-size: 18px; border: 0; } .skin #eventos main section .cartelera_peliculas ul li div.puntuacion { position: absolute; margin: 35px 0 0 10px; width: 150px; height: 25px; } .skin #eventos section .cartelera_peliculas ul li div.compartir { bottom: 10px; } .skin #eventos section .cartelera_peliculas ul li div.compartir_opt { bottom: 7px; } .skin #ficha_eventos .field { margin: 0 auto 10px; width: 370px; } /* /EVENTOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* FICHA CINE */ .skin #ficha_cine section { margin-bottom: 60px; } .skin #ficha_cine section .select_cinefav { width: calc(100% - 20px); } .skin #ficha_cine .select_cinefav .field { width: 370px; } .skin #ficha_cine .select_cinefav .maps { margin-left: 10px; } .skin #ficha_cine .select_cinefav .btn_zona { width: 54px; margin-left: 10px; } .skin article.select_cinefav .btn_promos { width: 192px; font-size: 18px; } .skin #ficha_cine article#publicidad_body { position: absolute; margin: 0; right: -50px; top: 174px; } .skin #ficha_cine .horarios { width: calc(100% - 330px); margin: 0 0 20px 10px; } .skin #ficha_cine article > h3 { width: 74px; height: 40px; line-height: 40px; font-size: 22px; } .skin #ficha_cine article h3.promo { width: 120px; } .skin article.promociones, .skin article.precios, .skin article.calif { width: calc(100% - 0px); margin: 0 auto 20px; } .skin article .btn_mostrar { width: 260px; height: 30px; line-height: 30px; font-size: 16px; } .skin article.precios .div_precios li { width: 24%; } .skin article.calif .div_calificaciones li { width: 40%; margin: 0 30px; } .skin .infocine_col { width: 96%; margin: 5px auto; font-size: 15px; } .skin .infocine_col > h3 { line-height: 31px; } .skin .infocine_col > p { line-height: 40px; } .skin .infocine_col > p > span { line-height: 40px; padding: 0 10px 0 10px; } .skin .infocine_col > p.infocine_sub { font-size: 11px; line-height: 15px; } .skin .div_calificaciones p { width: 90%; padding-left: 30px; margin-bottom: 40px; line-height: 18px; font-size: 13px; } /* BANNER -------------------------------------------- BANNER */ .skin #ficha_cine article#banner_seccion, .skin #promos article#banner_seccion { margin-top: 0; width: calc(100% - 20px); left: 10px; } .skin #ficha_cine article#banner_seccion .img_left, .skin #promos article#banner_seccion .img_left, .skin #eventos article#banner_seccion .img_left { position: absolute; z-index: 10; top: calc(65% - 48px); left: 15px; } .skin #ficha_cine article#banner_seccion .img_right, .skin #promos article#banner_seccion .img_right, .skin #eventos article#banner_seccion .img_right { position: absolute; z-index: 10; top: calc(65% - 48px); right: 15px; } .skin #banner_seccion div.radios { position: absolute; padding: 5px 0 5px 0; text-align: center; bottom: 5px; width: 100%; } .skin #ficha_cine article#banner_seccion { width: 67%; left: 0; } /* /BANNER -------------------------------------------- /BANNER */ /* CINESAPLAN ----------------------------------------- CINESAPLAN */ .skin .cinesaplan { width: 68%; margin-left: 0; } .skin .cinesaplan .plan { width: 47%; margin: 0 12px 20px 0px; } .skin .cinesaplan .plan:last-child { margin: 0 0 20px 12px; } .skin .cinesaplan .plan .titulo { width: 100%; height: 33px; line-height: 33px; } .skin .cinesaplan .plan .titulo p { font-size: 20px; text-align: left; } .skin .cinesaplan .plan .titulo img { top: 5px; right: 10px; } .skin .cinesaplan .plan > img { width: 100%; } .skin .cinesaplan .plan a { margin-top: 8px; width: 100%; height: 38px; line-height: 38px; font-size: 18px; } /* /CINESAPLAN ----------------------------------------- /CINESAPLAN */ /* /FICHA CINE */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* TRAILERS CARTELERA*/ .skin.no-touch #trailers_cartelera section .cartelera_peliculas > ul > li a:hover .play { position: absolute; top: 51px; left: 15px; } .skin #trailers_estrenos section { width: 980px; margin: 0 auto; } .skin #trailers_estrenos section .cartelera_peliculas > ul > li { height: 300px; width: 300px; margin-right: 3px; margin-left: 3px; } .skin #trailers_estrenos section .cartelera_peliculas > ul > li .cartel { width: 294px; height: 190px; margin-left: 0px; } .skin #trailers_estrenos section .cartelera_peliculas > ul > li h3 { width: 355px; } .skin #trailers_estrenos section .cartelera_peliculas ul li div.compartir { bottom: 11px; } .skin #trailers_estrenos section .cartelera_peliculas ul li div.compartir_opt { bottom: 8px; } .skin #trailers_estrenos section .cartelera_peliculas > ul > li.trailer_publi { background: none; text-align: center; height: auto; } .skin #trailers_estrenos section .cartelera_peliculas > ul > li.trailer_publi img { width: 90%; height: 90%; margin-top: 30px; } /* /TRAILERS CARTELERA*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MAPA */ .skin #mapa section { min-height: 500px; /* general */ padding-bottom: 630px; } .skin #mapa #bajo_menu { /* general */ height: 30px; } .skin #mapa #publicidad_body { /* general */ position: absolute; bottom: 0px; width: 100%; height: 610px; text-align: center; vertical-align: top; /*left: 50%; margin-left: -150px;*/ } .skin #mapa #mapa-cines { position: relative; background-color: #FFFFFF; min-width: 723px; width: 100%; height: 850px; margin-bottom: 40px; } .skin #mapa #mapa-cines img#mapa { position: absolute; top: 200px; left: calc(50% - 360px); } .skin #menu_mapa { position: absolute; top: 195px; left: -50px; } .skin #menu_mapa li.titulo { font-family: "dinengschriftstd"; font-size: 15px; color: #333333; background-color: #e5e5e5; padding: 0 5px; } .skin #menu_mapa ul.listado { padding: 2px 0 2px 5px; } .skin #menu_mapa ul.listado li { line-height: 19px; } .skin #menu_mapa li { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 12px; color: #666; text-align: left; } .skin #menu_mapa ul li a { cursor: pointer; color: #666; } #menu_mapa ul li a.promoA { cursor: pointer; color: #00559A; } .skin.no-touch #menu_mapa li ul li a:hover { /*decoracion hover de cada enlace*/ } .skin.no-touch #menu_mapa .listado:hover { background-color: #dddddd; } .skin #menu_mapa div { position: absolute; z-index: 9; background-position: top left; background-repeat: no-repeat; } .skin .ie7 #menu_mapa { z-index: 10; } .skin #menu_canarias { width: 199px; height: 78px; background-image: url(../img/mapa/flecha_canarias.png); left: 290px; top: 600px; } .skin #menu_canarias .listado { margin-left: 23px; } .skin #menu_canarias .titulo { margin-left: 43px; margin-top: -40px; } .skin #menu_sevilla { background-image: url("../img/mapa/flecha_sevilla.png"); height: 163px; left: 229px; top: 362px; width: 182px; } .skin #menu_sevilla .listado { position: absolute; bottom: -18px; left: 0; margin-left: -15px; } .skin #menu_sevilla .titulo { position: absolute; bottom: 27px; left: 0; width: 80px; } .skin #menu_malaga { width: 110px; height: 58px; background-image: url(../img/mapa/flecha_malaga.png); left: 466px; top: 356px; } .skin #menu_malaga .listado { margin-left: -25px; margin-top: 10px; width: 119px; } .skin #menu_malaga .titulo { margin-top: -4px; margin-left: -20px; width: 70px; } .skin #menu_murcia { width: 175px; height: 90px; background-image: url(../img/mapa/flecha_murcia.png); left: 590px; top: 285px; } .skin #menu_murcia .listado { position: absolute; bottom: -34px; right: 0; } .skin #menu_murcia .titulo { width: 95px; position: absolute; bottom: 11px; margin-left: 30px; } .skin #menu_valencia { width: 252px; height: 120px; background-image: url(../img/mapa/flecha_valencia.png); left: 613px; top: 206px; } .skin #menu_valencia .listado { position: absolute; bottom: 0; margin-bottom: -12px; right: 0; } .skin #menu_valencia .titulo { width: 50px; position: absolute; right: 108px; bottom: 22px; } .skin #menu_castellon { background-image: url("../img/mapa/flecha_castellon.png"); height: 97px; left: 627px; text-align: right; top: 155px; width: 155px; z-index: 20 !important; } .skin #menu_castellon ul { position: absolute; bottom: -10px; right: 0; } .skin #menu_castellon .titulo { bottom: -20px; } .skin #menu_castellon .listado { margin-top: 10px; bottom: -45px; } .skin #menu_mallorca { width: 159px; height: 51px; background-image: url(../img/mapa/flecha_mallorga.png); left: 715px; top: 173px; z-index: 30 !important; } .skin #menu_mallorca .listado { position: absolute; bottom: -12px; width: 140px; margin-left: -20px; } .skin #menu_mallorca .titulo { position: absolute; bottom: 33px; right: 0; width: 113px; } .skin #menu_barcelona { width: 265px; height: 173px; background-image: url(../img/mapa/flecha_barcelona.png); left: 694px; top: -53px; text-align: left; z-index: 31 !important; } .skin #menu_barcelona .listado { position: absolute; margin-top: -10px; right: 00px; } .skin #menu_barcelona .titulo { position: absolute; right: 39px; width: 115px; margin-top: -40px; } .skin #menu_zaragoza { width: 196px; height: 245px; background-image: url(../img/mapa/flecha_zaragoza.png); left: 580px; top: -140px; z-index: 30 !important; } .skin #menu_zaragoza .listado { position: absolute; top: -5px; right: 0; } .skin #menu_zaragoza .titulo { position: absolute; top: -24px; right: 0; width: 120px; } .skin #menu_guipuzcoa { background-image: url("../img/mapa/flecha_guipuzcoa.png"); height: 58px; left: 520px; text-align: left; top: -30px; width: 90px; } .skin #menu_guipuzcoa .listado { position: absolute; right: -29px; width: 90px; top: -5px; text-align: left; } .skin #menu_guipuzcoa .titulo { position: absolute; width: 50px; right: 1px; top: -24px; } .skin #menu_bilbao { width: 83px; height: 78px; background-image: url(../img/mapa/flecha_bilbao.png); left: 408px; top: -56px; z-index: 20 !important; } .skin #menu_bilbao .listado { position: absolute; right: -39px; width: 118px; top: -5px; } .skin #menu_bilbao .titulo { position: absolute; width: 50px; right: 1px; top: -24px; } .skin #menu_santander { width: 139px; height: 140px; background-image: url(../img/mapa/flecha_santander.png); left: 393px; top: -110px; text-align: left; } .skin #menu_santander .listado { position: absolute; right: 0; top: -8px; width: 130px; } .skin #menu_santander .titulo { position: absolute; width: 105px; right: 0px; top: -24px; } .skin #menu_oviedo { width: 131px; height: 146px; background-image: url(../img/mapa/flecha_oviedo.png); left: 250px; top: -112px; } .skin #menu_oviedo .listado { position: absolute; left: -20px; top: -8px; width: 135px; } .skin #menu_oviedo .titulo { position: absolute; width: 115px; right: 6px; top: -24px; } .skin #menu_acoruna { width: 133px; height: 84px; background-image: url(../img/mapa/flecha_acoruna.png); left: 178px; top: -58px; } .skin #menu_acoruna .listado { position: absolute; left: -20px; top: -6px; width: 146px; } .skin #menu_acoruna .titulo { position: absolute; width: 115px; right: 8px; top: -24px; } .skin #menu_santiago { width: 116px; height: 84px; background-image: url(../img/mapa/flecha_santiago.png); left: 179px; top: 13px; } .skin #menu_santiago .listado { position: absolute; left: -20px; top: -6px; width: 135px; } .skin #menu_santiago .titulo { position: absolute; width: 95px; right: 10px; top: -24px; } .skin #menu_cadiz { width: 89px; height: 64px; background-image: url(../img/mapa/flecha_cadiz.png); left: 505px; top: 396px; } .skin #menu_cadiz .listado { position: absolute; bottom: -33px; width: 80px; left: 0; } .skin #menu_cadiz .titulo { position: absolute; width: 55px; right: 10px; bottom: 12px; } .skin #menu_valladolid { width: 277px; height: 44px; background-image: url(../img/mapa/flecha_valladolid.png); left: 181px; top: 70px; } .skin #menu_valladolid .listado { position: absolute; top: -5px; left: -20px; } .skin #menu_valladolid .titulo { position: absolute; width: 55px; left: 1px; top: -24px; } .skin div#menu_madrid { background-image: url("../img/mapa/flecha_madrid.png"); background-position: right center; height: 40px; left: 190px; top: 127px; width: 290px; z-index: 20; } .skin #menu_madrid ul { float: left; } .skin #menu_madrid li { float: right; } .skin #menu_madrid li ul li { float: none; } .skin #menu_madrid .listado { position: absolute; top: -5px; left: -29px; } .skin #menu_madrid .titulo { position: absolute; width: 130px; left: 1px; top: -24px; } .skin #menu_merida { background-image: url("../img/mapa/flecha_merida.png"); height: 174px; left: 300px; top: 270px; width: 100px; z-index: 20 !important; } .skin #menu_merida .listado { position: absolute; bottom: -35px; left: -20px; } .skin #menu_merida .titulo { position: absolute; width: 50px; left: 1px; bottom: 7px; } /* /MAPA */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROMOS */ .skin #promos .select_cinefav { width: calc(100% - 20px); } .skin #promos .select_cinefav .row:last-child > p { margin: 0 10px 0 0; line-height: 42px; font-size: 14px; } .skin #promos .select_cinefav .row .field { width: 370px; } .skin #promos .select_cinefav .row:last-child .field { width: 200px; margin-right: 15px; } .skin #promos article.select_cinefav .btn_borrar { height: 42px; line-height: 43px; width: 42px; margin-left: 4px; font-size: 26px; } .skin #promos #publicidad_body { margin: 45px 40px 0 0; width: 275px; } .skin #promos #publicidad_body img { width: 100%; } .skin #promos main section { margin-left: 0px; width: 100%; } .skin #promos .listapromos { margin-bottom: 30px; text-align: left; } .skin #promos .listapromos ul { padding: 0; } .skin #promos .listapromos ul li { display: inline-block; position: relative; width: 295px; margin: 0 1% 15px 1%; padding: 0; } .skin #promos .listapromos li h3 { position: relative; font-size: 13px; width: 285px; line-height: 22px; margin: 0 0 5px 0 !important; padding-left: 10px; background-color: #ffffff; } .skin #promos .listapromos li h3 a { color: #666666; } /* BORRAR DESDE AQUI ------------------------------------------------ */ .skin #promos article.select_cinefav div#select2, .skin #promos article.select_cinefav div#select3, .skin #promos article.select_cinefav div#select4 { position: relative; vertical-align: top; width: 200px; margin: 0 10px; } .skin #promos article.select_cinefav div#select2 li, .skin #promos article.select_cinefav div#select3 li, .skin #promos article.select_cinefav div#select4 li { font-size: 13px; line-height: 15px; padding-left: 5px; border-left: 5px solid #ffffff; width: 150px !important; } .skin #promos article.select_cinefav div#select2 li.selected, .skin #promos article.select_cinefav div#select3 li.selected, .skin #promos article.select_cinefav div#select4 li.selected { line-height: 27px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .skin #promos article.select_cinefav div#select2.opne li.selected, .skin #promos article.select_cinefav div#select3.open li.selected, .skin #promos article.select_cinefav div#select4.open li.selected { line-height: 15px; white-space: initial; } .no-touch.skin #promos article.select_cinefav div#select2 li:hover, .no-touch.skin #promos article.select_cinefav div#select3 li:hover, .no-touch.skin #promos article.select_cinefav div#select4 li:hover { border-left-color: #fed801; } .skin #promos article.select_cinefav div#select2 ul.select-group, .skin #promos article.select_cinefav div#select3 ul.select-group, .skin #promos article.select_cinefav div#select4 ul.select-group { width: 128px; } .skin #promos article.select_cinefav div#select2 ul.select-group li, .skin #promos article.select_cinefav div#select3 ul.select-group li, .skin #promos article.select_cinefav div#select4 ul.select-group li { width: 128px; } .skin #promos article.select_cinefav div#select2 .inner, .skin #promos article.select_cinefav div#select3 .inner, .skin #promos article.select_cinefav div#select4 .inner { width: 200px; } /* HASTA AQUI ------------------------------------------------ */ .skin #promos article.titulo_promo { margin-left: 20px; } .skin #promos article.titulo_promo div { color: #ffffff; font-size: 16px; font-family: "Trebuchet MS"; text-align: center; background-color: #999999; width: 245px; height: 45px; line-height: 45px; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .skin #promos article.titulo_filtro div { background-color: #ff0033; } /* /PROMOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROMOS LANDING */ .skin #promos_landing section article.cartel-promo { position: relative; width: 66.5%; padding: 12px 0; text-align: center; margin-bottom: 60px; left: 5px; } .skin #promos_landing section article.cartel-promo img { width: 630px; } .skin #promos_landing section article.panel_right { top: 20px; right: 5px; position: absolute; min-width: 305px; width: 30%; text-align: center; } .skin #promos_landing section div.info-promo { padding: 5px 10px; font-size: 12px; margin-bottom: 30px; text-align: left; } .skin #promos_landing #publicidad_body { margin-right: 10px; } .skin #promos_landing section article.cartel-promo { margin-bottom: 60px; padding: 12px 0; position: relative; text-align: center; width: 644px; } /* /PROMOS LANDING */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* PROXIMOS ESTRENOS */ .skin #proximos_estrenos article.cartelera_peliculas .fechaestreno { width: calc(100% + 18px); height: 28px; top: -35px; line-height: 28px; } .skin #proximos_estrenos article.cartelera_peliculas .fechaestreno span { font-size: 20px; } .skin #proximos_estrenos article.cartelera_peliculas li.ventaanticipada a .stick-va { left: 16px; top: 0; margin-top: 4px; } /* /PROXIMOS ESTRENOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* HOME */ .skin #home #separador-bottom { max-width: 1220px; width: 100%; height: 13px; margin: 0 auto; left: 0; } .skin #home .pelicula_principal { width: 100%; padding: 0; margin: 0 auto; } .skin #home .pelicula_principal ul li { position: relative; width: 100%; height: 413px; } .skin #home .pelicula_principal img { width: 100%; } .skin #home .pelicula_principal .topo3d { top: 15px; right: 15px; width: 144px; height: 144px; } .skin #home .pelicula_principal .principal-info { width: 100%; height: 60px; line-height: 60px; bottom: 0; text-align: left; } .skin #home .pelicula_principal .principal-info a { margin: 0 0 0 6px; font-size: 25px; padding: 10px 15px; } .skin #home .pelicula_principal .principal-info a.trailer { padding-left: 45px; } .skin #home .pelicula_principal .img_left, .skin #home .pelicula_principal .img_right { top: 0; height: 505px; width: 29px; } .skin #home .promociones { margin-bottom: 50px; } .skin #home .promociones span { right: 5px; font-size: 17px; } .skin #home .promociones div { top: 16px; height: 170px; } .skin #home .promociones ul { margin-bottom: 0; margin-top: 20px; width: 100%; white-space: nowrap; overflow: hidden; } .skin #home .promociones li { display: inline-block; margin: 0px 1px; position: relative; } .skin #home .promociones .infopromo { position: absolute; width: 100%; height: 0px; bottom: 0; top: auto; transition: 0.5s; } .no-touch.skin #home .promociones li:hover .infopromo { height: 65px; transition: 0.5s; } .skin #home .promociones .infopromo p { font-size: 22px; position: absolute; margin: 0; left: 15px; line-height: 65px; } .skin #home .promociones .infopromo .mas { position: absolute; right: 10px; top: 17px; width: 30px; height: 30px; line-height: 27px; font-size: 23px; } .skin #home .promociones .shadow_left, .skin #home .promociones .shadow_right, .skin #home .cartelera .shadow_left, .skin #home .cartelera .shadow_right, .skin #home .tecnologia .shadow_left, .skin #home .tecnologia .shadow_right { top: 0; width: 43px; z-index: 4; } .skin #home .promociones .shadow_left .img_left, .skin #home .promociones .shadow_right .img_right { width: 49px; height: 170px; } .skin #home .cartelera { height: 370px; } .skin #home .cartelera .cart-menu { position: absolute; top: 10px; left: 0; } .skin #home .cartelera span { position: absolute; right: 5px; top: 30px; font-size: 17px; } #home .pelicula_principal span.rb_promo { background: url(../img/IconPromo/icono_promo_grande_derecha_inclinado_redonda.png) no-repeat; width: 81px; position: absolute; top: 9px; height: 68px; left: 8px; z-index: 9999; } #home .cartelera span.rb_promo { background: url(../img/IconPromo/promo_sin_circulo_Inclinado.png) no-repeat; width: 81px; position: absolute; top: 10px; height: 21px; left: 150px; z-index: 9999; } #home .cartelera ul li img.promo { outline: 4px solid #f03; outline-offset: -4px; } .skin #home .carteles-carrusel, .skin #ciclos .carteles-carrusel, .skin #ficha_cine .carteles-carrusel { position: relative; top: 0px; height: 310px; } .skin #home .carteles-carrusel ul, .skin #ciclos .carteles-carrusel ul, .skin #ficha_cine .carteles-carrusel ul { position: absolute; width: 100%; height: 280px; margin: 15px 0 0 0; padding: 0; } .skin #home .carteles-carrusel ul li, .skin #ciclos .carteles-carrusel ul li, .skin #ficha_cine .carteles-carrusel ul li { display: inline-block; position: relative; margin: 0 5px; } .skin #home .cartelera li img, .skin #ciclos .ciclo li img, .skin #ficha_cine .ciclo li img { width: 200px; } .skin #home .cartelera .infopeli, .skin #ciclos .ciclo .infopeli, .skin #ficha_cine .ciclo .infopeli { height: 0; position: absolute; width: 100%; bottom: 0; left: 0px; } .no-touch.skin #home .cartelera li:hover .infopeli, .no-touch.skin #ficha_cine .ciclo li:hover .infopeli { height: 75px; } .skin #home .cartelera .infopeli h4, .skin #ciclos .ciclo .infopeli h4, .skin #ficha_cine .ciclo .infopeli h4 { position: absolute; font-size: 22px; top: 2px; left: 5px; margin: 0; padding: 0; width: 195px; height: 30px; } .skin #home .cartelera .infopeli p, .skin #ciclos .ciclo .infopeli p, .skin #ficha_cine .ciclo .infopeli p { font-size: 18px; position: absolute; top: 35px; margin: 0; left: 5px; } .skin #home .cartelera .infopeli .mas, .skin #ciclos .ciclo .infopeli a, .skin #ficha_cine .ciclo .infopeli a { position: absolute; top: 32px; right: 5px; width: 30px; height: 30px; line-height: 27px; font-size: 23px; } .skin #home .cartelera .shadow_left .img_left, .skin #home .cartelera .shadow_right .img_right, .skin #ciclos .ciclo .shadow_left .img_left, .skin #ciclos .ciclo .shadow_right .img_right, .skin #ficha_cine .ciclo .shadow_left .img_left, .skin #ficha_cine .ciclo .shadow_right .img_right { width: 29px; height: 305px; } .skin #home .tecnologia p { margin-left: 10px; text-align: left; font-size: 19px; } .skin #home .tecnologia .robapaginas { position: relative; float: right; right: 10px; margin-top: -249px; } .skin #home .tecnologia .tecno { position: relative; width: 645px; height: 269px; margin-top: -5px; } .skin #home .tecnologia .shadow_left, .skin #home .tecnologia .shadow_right { height: 269px; } .skin #home .tecnologia ul { position: relative; height: 190px; top: 30px; width: 645px; margin: 0 auto; padding: 0; } .skin #home .tecnologia li { height: 190px; width: 210px; display: inline-block; position: relative; text-align: left; } .skin #home .tecnologia li a { margin-left: 0px !important; } .skin #home .tecnologia li:nth-child(2) { border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; overflow: hidden; width: 200px; } #home .tecnologia li:nth-child(3) { border-right: 2px solid #dddddd; overflow: hidden; } .skin #home .clientes { height: 280px; text-align: left; } .skin #home .clientes .promos { position: relative; display: inline-block; margin-left: 10px; top: 10px; width: 49%; vertical-align: top; } .skin #home .clientes .promobox { position: relative; width: 100%; } .skin #home .clientes .promobox img { width: 100%; max-width: 589px; } .skin #home .clientes .promobox .radios { float: right; } .skin #home .clientes .toppeliculas { position: relative; display: inline-block; width: 47%; margin-left: 10px; top: 10px; vertical-align: top; } .skin #home .clientes .toppeliculas ul { margin: 0; padding: 0; } .skin #home .clientes .toppeliculas li { display: inline-block; margin: 0 5px; } .skin #home .clientes .toppeliculas img { width: 180px; } .skin #home .clientes .toppeliculas .img_left, .skin #home .clientes .toppeliculas .img_right { position: absolute; top: 0; width: 27px; height: 260px; } .skin #home .clientes .toppeliculas .img_left { background-position: 0 50%; left: 10px; } .skin #home .clientes .toppeliculas .img_right { background-position: -29px 50%; right: 5px; } .skin #home article { margin: 0 !important; } .skin #home article.cartelera { margin-top: 16px !important; } .skin #home article.tecnologia { margin-top: 20px !important; margin-bottom: 50px !important; } .skin #home .home-row { width: calc(100% - 20px); margin: 0 auto 13px; } .skin #home .home-row h3 { height: 40px; line-height: 40px; font-size: 20px; margin: 0 0 10px 0; } .skin #home .home-row .btn { right: 0; bottom: 0; height: 35px; line-height: 35px; font-size: 15px; margin: 0 0 10px 0; } /* /HOME */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CICLOS */ .skin #ciclos section { min-height: 330px; margin-left: 10px; width: calc(100% - 20px); } .skin #ciclos #publicidad_body { margin: 48px 10px 0 0; } .skin #ciclos .ciclo, .skin #ficha_cine .ciclo { position: relative; width: 100%; margin-bottom: 30px; } .skin #ficha_cine .ciclo { width: calc(100% - 20px); margin: 0 auto 60px auto; } .skin #ciclos .ciclo.robapaginas { width: 69%; } .skin #ciclos .ciclo .titulo, .skin #ficha_cine .ciclo .titulo { position: relative; width: 300px; padding: 5px 15px; font-size: 20px; text-align: left; } .skin #ciclos .ciclo .carteles-carrusel, .skin #ficha_cine .ciclo .carteles-carrusel { position: relative; top: 10px; width: 100%; } .skin #ciclos .ciclo .carteles-carrusel ul, .skin #ficha_cine .ciclo .carteles-carrusel ul { position: absolute; width: 100%; top: 0; margin-top: 15px; } .skin #ciclos .ciclo .carteles-carrusel ul li, .skin #ficha_cine .ciclo .carteles-carrusel ul li { position: relative; } /* /CICLOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CINESACARD */ .skin #cinesacard main #bajo_menu { height: 23px; } .skin #cinesacard article { width: 100%; margin: 0 auto; margin-bottom: 25px; } .skin #cinesacard .ccard .micuenta, .skin #cinesacard .ccard .ventajas_ccard { position: relative; display: block; margin: 0 auto; } .skin #cinesacard .ccard .micuenta { width: 430px; margin-bottom: 20px; } .skin #cinesacard .micuenta img { position: absolute; top: -80px; left: 10px; height: 150px; width: 150px; } .skin #cinesacard .micuenta h3 { position: relative; top: 25px; left: 80px; line-height: 30px; font-size: 65px; } .skin #cinesacard .formlogin { position: relative; margin-top: 72px; width: 430px; height: 230px; } .skin #cinesacard .formlogin form { position: relative; width: calc(100% - 10px); margin: 0 5px; } .skin #cinesacard .formlogin input[type="email"], .skin #cinesacard .formlogin input[type="password"] { width: 185px; border: none; height: 50px; line-height: 50px; font-size: 18px; padding-left: 15px; margin: 0 3px 7px 3px; } .skin #cinesacard .formlogin input[type="submit"] { width: 406px; height: 38px; font-size: 22px; } .skin #cinesacard .formlogin a { position: relative; top: 5px; margin: 0 10px; font-size: 16px; border-bottom: 1px solid #cccccc; } .skin #cinesacard .ventajas_ccard { margin-top: 72px; margin-left: 5px; height: 230px; width: 100%; } .skin #cinesacard .ventajas_ccard h3 { font-size: 45px; margin: 5px 0 0 0; } .skin #cinesacard .ventajas_ccard p { font-size: 23px; margin: 0; line-height: 10px; } .skin #cinesacard .ventajas_ccard .lista_ventajas { position: relative; margin: 0 auto; margin-top: 20px; left: 5px; } .skin #cinesacard .ventajas_ccard .lista_ventajas li { position: relative; width: 135px; } .skin #cinesacard .lista_ventajas li div.jueves, .skin #cinesacard .lista_ventajas li div.vip, .skin #cinesacard .lista_ventajas li div.promociones, .skin #cinesacard .lista_ventajas li div.puntos, .skin #cinesacard .lista_ventajas li div.eventos { background: url(../img/ico_ccard_ventajas_m.png) no-repeat; width: 105px; height: 105px; } .skin #cinesacard .lista_ventajas li div.jueves { background-position: 0 0; } .skin #cinesacard .lista_ventajas li div.vip { background-position: -105px 0; width: 110px; } .skin #cinesacard .lista_ventajas li div.promociones { background-position: -220px 0; width: 107px; } .skin #cinesacard .lista_ventajas li div.puntos { background-position: -330px 0; width: 113px; } .skin #cinesacard .lista_ventajas li div.eventos { background-position: -448px 0; } .skin #cinesacard .lista_ventajas a { display: none; position: absolute; left: 0; top: -5px; width: 90px; height: 105px; padding: 7px; font-size: 18px; line-height: 22px; } .skin #cinesacard .lista_ventajas li div.jueves a { width: 90px; } .skin #cinesacard .lista_ventajas li div.vip a { width: 97px; } .skin #cinesacard .lista_ventajas li div.promociones a { width: 98px; } .skin #cinesacard .lista_ventajas li div.puntos a { width: 100px; } .skin #cinesacard .lista_ventajas li div.eventos a { width: 98px; } .no-touch.skin #cinesacard .lista_ventajas li div:hover a { display: block; } .skin #cinesacard .conseguirccard { text-align: left; } .skin #cinesacard .conseguirccard > div { position: relative; display: inline-block; width: 48%; margin: 0 0.7%; } .skin #cinesacard .conseguirccard .cc_header { position: relative; height: 95px; margin-bottom: 5px; } .skin #cinesacard .conseguirccard .cc_header p { margin: 0; line-height: 40px; font-size: 18px; } .skin #cinesacard .conseguirccard .cc_header h3 { margin: 0; line-height: 40px; font-size: 40px; } .skin #cinesacard .conseguirccard .cc_pasos { position: relative; margin-top: -8px; } .skin #cinesacard .conseguirccard .cc_pasos ul { height: 130px; padding: 0; } .skin #cinesacard .conseguirccard .cc_pasos ul li { display: inline-block; position: relative; width: 120px; height: 120px; margin-top: 15px; } .skin #cinesacard .conseguirccard .cc_pasos ul li.flecha-1, .skin #cinesacard .conseguirccard .cc_pasos ul li.flecha-2 { width: 32px; } .skin #cinesacard .conseguirccard .cc_pasos > div { margin: 0 10px; font-size: 17px; border: 1px solid #ffffff; } .skin #cinesacard .conseguirccard .cc_pasos p { position: relative; line-height: 20px; margin: 10px 0; } .skin #cinesacard .conseguirccard .cc_pasos .popcorn { position: absolute; width: 100px; height: 50px; top: -25px; } .skin #cinesacard .conseguirccard .cc_btn { position: relative; margin-top: 7px; height: 60px; } .skin #cinesacard .conseguirccard .cc_btn a { position: absolute; width: 300px; height: 40px; left: calc(50% - 150px); top: calc(50% - 20px); line-height: 40px; font-size: 22px; } .skin #cinesacard .conseguirccard .cc_aviso { font-size: 11px; } .skin #cinesacard .aviso > div { position: relative; width: 711px; height: 50px; margin: 0 auto; border: 1px dashed #bcbcbc; } .skin #cinesacard .aviso > div p { display: inline-block; line-height: 14px; font-size: 19px; } .skin #cinesacard .aviso > div a { position: absolute; width: 80px; height: 23px; font-size: 14px; top: 14px; right: 10px; line-height: 23px; } .skin #cinesacard .puntos .puntos_menu { text-align: left; padding-left: 10px; } .skin #cinesacard .puntos .puntos_menu li { display: inline-block; font-size: 16px; height: 35px; line-height: 38px; padding: 0 25px; } .skin #cinesacard .puntos .div-1, .skin #cinesacard .puntos .div-3 { padding: 10px 0 10px 0; } .skin #cinesacard .puntos .div-1 ul, .skin #cc_micuenta .puntos .div-1 ul { padding-left: 10px; text-align: left; } .skin #cinesacard .puntos .div-1 li, .skin #cc_micuenta .puntos .div-1 li { position: relative; display: inline-block; border: 2px solid #efefef; width: 121px; height: 159px; margin: 50px 7px 30px 7px; } .skin #cinesacard .puntos .div-1 li .tiporegalos, .skin #cc_micuenta .puntos .div-1 li .tiporegalos { position: absolute; width: 140px; height: 30px; line-height: 30px; top: -44px; left: -2px; padding-left: 5px; font-size: 15px; } .skin #cinesacard .puntos .div-1 li .tiporegalos.tr_last, .skin #cc_micuenta .puntos .div-1 li .tiporegalos.tr_last { width: 121px; } .skin #cinesacard .regalo-puntos, .skin #cc_micuenta .regalo-puntos { position: absolute; bottom: 0; width: 121px; line-height: 47px; border-top: 2px solid #efefef; font-size: 24px; } .skin #cinesacard .puntos .div-1 li .regalo-info, .skin #cc_micuenta .puntos .div-1 li .regalo-info { position: absolute; width: 121px; height: 0px; left: 0; bottom: 49px; font-size: 12px; transition: 0.5s; } .no-touch.skin #cinesacard .puntos .div-1 li:hover .regalo-info, .no-touch.skin #cc_micuenta .puntos .div-1 li:hover .regalo-info { width: 121px; height: 80px; transition: 0.5s; } .skin #cinesacard .puntos .div-1 li .regalo-info p, .skin #cc_micuenta .puntos .div-1 li .regalo-info p { line-height: 13px; margin-left: 4px; } .skin #cinesacard .puntos .div-1 li .regalo-info img, .skin #cc_micuenta .puntos .div-1 li .regalo-info img { margin-top: -7px; } .skin #cinesacard .puntos .div-3 li, .skin #cc_micuenta .faq .div-3 li { position: relative; height: 30px; width: 90%; line-height: 30px; margin: 0 0 10px 45px; padding-left: 10px; font-size: 13px; } .skin #cinesacard .puntos .div-3 li.respuesta, .skin #cc_micuenta .faq .div-3 li.respuesta { height: auto; border: 2px solid #e8e8e8; margin-left: 0px; width: calc(93% + 07px); } .skin #cinesacard .puntos .div-3 li.respuesta ul li, .skin #cc_micuenta .faq .div-3 li.respuesta ul li { margin-left: -10px; margin-bottom: 10px; line-height: 20px; height: auto; width: 95%; } .skin #cinesacard .puntos .div-3 li.respuesta ul li.stitulo, .skin #cc_micuenta .faq .div-3 li.respuesta ul li.stitulo { line-height: 20px; margin-left: -35px; } .skin #cinesacard .puntos .div-3 li.respuesta ul li.sresumen, .skin #cc_micuenta .faq .div-3 li.respuesta ul li.sresumen { line-height: 20px; margin-left: -35px; } .skin #cinesacard .puntos .div-3 li.respuesta ul li a, .skin #cc_micuenta .faq .div-3 li.respuesta ul li a { border-bottom: 1px solid #666666; } /* /CINESACARD */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* CINESACARD FORMULARIO*/ .skin #cc_form article, .skin #cc_form_activar article, .skin #colegios article, .skin #recuperarmail article, .skin #recuperarpass article { position: relative; width: calc(100% - 20px); margin: 0 auto; } .skin #cc_form .titulo, .skin #cc_form_activar .titulo, .skin #colegios .titulo, .skin #recuperarmail .titulo, .skin #recuperarpass .titulo, .skin #cc_form_finactivar .titulo, .skin #cc_form_finpedir .titulo, .skin #cc_form_error .titulo { margin-bottom: 12px; margin-top: -10px; } .skin #cc_form .titulo h3, .skin #cc_form_activar .titulo h3, .skin #colegios .titulo h3, .skin #recuperarmail .titulo h3, .skin #recuperarpass .titulo h3, .skin #cc_form_finactivar .titulo h3, .skin #cc_form_finpedir .titulo h3, .skin #cc_form_error .titulo h3 { font-size: 24px; line-height: 40px; width: 390px; padding-left: 15px; margin: 0; } .skin #cc_form .frm1, .skin #cc_form .frm2, .skin #cc_form .frm3, .skin #cc_form .frm4, .skin #cc_form .inf, .skin #cc_form_activar .frm1, .skin #cc_form_activar .frm2, .skin #cc_form_activar .frm3, .skin #cc_form_activar .frm4, .skin #cc_form_activar .inf, .skin #cc_form .mail, .skin #cc_form_activar .mail, .skin #colegios .frm1, .skin #colegios .frm2, .skin #colegios .inf, .skin #recuperarpass .frm1, .skin #recuperarmail .frm1 { padding: 15px 0 15px 30px; width: calc(100% - 50px); text-align: left; } .skin #cc_form article h4, .skin #cc_form_activar article h4, .skin #colegios article h4, .skin #clientes article h4, .skin #recuperarmail article h4, .skin #recuperarpass article h4 { font-size: 18px; margin: 0; padding-left: 50px; line-height: 40px; } .skin #cc_form article .num, .skin #cc_form_activar article .num, .skin #colegios article .num, .skin #clientes article .num { position: absolute; font-size: 18px; width: 35px; height: 35px; line-height: 35px; border: 4px solid #ffffff; } .skin #cc_form article.activo .num, .skin #clientes article.activo .num { border: 4px solid #b5cbe0; } .skin #cc_form article.activo h4, .skin #cc_form article.inactivo h4, .skin #cc_form_activar article.activo h4, .skin #cc_form_activar article.inactivo h4, .skin #colegios article.activo h4, .skin #recuperarmail article.activo h4, .skin #recuperarpass article.activo h4, .skin #colegios article.inactivo h4, .skin #clientes article.inactivo h4 { margin-bottom: 40px; } .skin #cc_form .row, .skin #cc_form_activar .row, .skin #colegios .row, .skin #trabajaconnosotros .row, .skin #clientes .row, .skin #recuperarmail .row, .skin #recuperarpass .row { position: relative; margin: 10px; margin-bottom: 20px; } .skin #cc_form .row input.text, .skin #cc_form_activar .row input.text, .skin #colegios .row input.text, .skin #trabajaconnosotros .row input.text, .skin #clientes .row input.text, .skin #recuperarmail .row input.text, .skin #recuperarpass .row input.text { width: 20%; height: 38px; padding-left: 15px; margin-right: 15px; font-size: 15px; } .skin #cc_form .cc_select, .skin #cc_form_activar .cc_select, .skin #colegios .cc_select { position: relative; width: 22.2%; margin-right: 15px; vertical-align: top; } .skin #cc_form .cc_select .select-group, .skin #cc_form_activar .cc_select .select-group, .skin #colegios .cc_select .select-group { width: calc(100% - 42px) !important; } .skin #cc_form .cc_select .select-group li, .skin #cc_form_activar .cc_select .select-group li, .skin #colegios .cc_select .select-group li { width: calc(100% - 22px) !important; } .skin #cc_form .cc_select.small, .skin #cc_form_activar .cc_select.small, .skin #colegios .cc_select.small { width: 140px; margin-left: 5px; margin-top: -7px; vertical-align: top; } .skin #cc_form .cc_select.small .select-group, .skin #cc_form_activar .cc_select.small .select-group, .skin #colegios .cc_select.small .select-group { width: 76px !important; } .skin #cc_form .cc_select.small .select-group li, .skin #cc_form_activar .cc_select.small .select-group li, .skin #colegios .cc_select.small .select-group li { width: 76px !important; } .skin #cc_form .row span, .skin #cc_form_activar .row span, .skin #colegios .row span { font-size: 12px; } .skin #cc_form input[type="checkbox"] + label span, .skin #cc_form_activar input[type="checkbox"] + label span, .skin #colegios input[type="radio"] + label span, .skin #trabajaconnosotros input[type="checkbox"] + label span { position: relative; display: inline-block; width: 350px; height: 37px; line-height: 35px; padding-left: 55px; font-size: 15px; } .skin #cc_form .row a, .skin #cc_form_activar .row a, .skin #colegios .row a { border-bottom: 1px solid #909090; } .skin #cc_form input[type="submit"], .skin #cc_form_activar input[type="submit"], .skin #colegios input[type="submit"], .skin #trabajaconnosotros input[type="submit"], .skin #clientes input[type="submit"], .skin #recuperarmail input[type="submit"], .skin #recuperarmail input[type="button"], .skin #recuperarpass input[type="submit"], .skin #cc_form_activar .btn, .skin #colegios .btn, .skin #cc_form .btn { border: none; width: 300px; height: 40px; line-height: 40px; font-size: 22px; } .skin #cc_form .inf, .skin #cc_form_activar .inf, .skin #colegios .inf { margin-bottom: 40px; } .skin #cc_form .inf p, .skin #cc_form_activar .inf p, .skin #colegios .inf p { font-size: 11px; } .skin #cc_form_activar .btn, .skin #colegios .btn, .skin #cc_form .btn { text-align: center; margin-left: calc(50% - 160px); cursor: pointer; } .skin #cc_form_finpedir .inf .frm_btn { left: 70%; } /* /CINESACARD FORMULARIO*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* /CINESACARD MI CUENTA*/ .skin #cc_micuenta #sb-site { min-height: 1000px !important; } .skin #cc_micuenta aside { display: inline-block; width: 290px; left: 0; } .skin #cc_micuenta aside .cuenta { margin-top: 50px; } .skin #cc_micuenta aside .cuenta img { margin-top: -55px; } .skin #cc_micuenta aside .cuenta p { font-size: 22px; margin: 5px 0; } .skin #cc_micuenta aside .cuenta p span { font-size: 25px; } .skin #cc_micuenta aside .cuenta h3 { font-size: 45px; } .skin #cc_micuenta aside .cuenta ul li { display: inline-block; width: 144px; margin-top: 2px; font-size: 12px; height: 52px; padding-top: 18px; } .skin #cc_micuenta aside .cuenta ul li:nth-child(2n+1) { border-right: 2px solid #ffffff; } .skin #cc_micuenta aside .logout { height: 42px; margin-bottom: 18px; } .skin #cc_micuenta aside .logout a { font-size: 25px; width: 100%; height: 42px; line-height: 42px; left: 0; } .skin #cc_micuenta aside .info { padding: 12px 12px 1px 12px; margin-bottom: 20px; ; } .skin #cc_micuenta aside .info p { font-size: 11px; margin-bottom: 20px; } .skin #cc_micuenta aside .info a { border-bottom: 1px solid #999999; } .skin #cc_micuenta aside .infocc { margin-bottom: 20px; padding-bottom: 1px; } .skin #cc_micuenta aside .infocc .header { height: 50px; line-height: 50px; padding-left: 10px; font-size: 14px; text-align: left; } .skin #cc_micuenta aside .infocc .header.doblelinea { line-height: 18px; padding-top: 8px; height: 42px; text-align: left; } .skin #cc_micuenta aside .infocc p { font-size: 14px; margin: 10px; text-align: left; } .skin #cc_micuenta section { width: calc(100% - 325px); margin: 0 0 40px 10px; display: inline-block; } .skin #cc_micuenta section article { text-align: left; } .skin #cc_micuenta article.menu { margin-top: -22px; } .skin #cc_micuenta article.menu ul { padding: 0; } .skin #cc_micuenta article.menu li { display: inline-block; width: 110px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 5px; } .skin #cc_micuenta article.menu li.a_ico { display: none; } .skin #cc_micuenta .caducan, .skin #cc_micuenta .movimientos, .skin #cc_micuenta .frm, .skin #cc_micuenta .puntos, .skin #cc_micuenta .faq, .skin #cc_micuenta .listapromos { margin-left: 5px; } .skin #cc_micuenta .caducan p, .skin #cc_micuenta .movimientos p { position: relative; top: 25px; font-size: 15px; margin-left: 30px; text-align: left; } .skin #cc_micuenta .caducan ul { padding-left: 140px; margin-top: 50px; padding-bottom: 20px; text-align: left; } .skin #cc_micuenta .caducan ul li { margin-bottom: 5px; font-size: 15px; } .skin #cc_micuenta .caducan ul li div { display: inline-block; width: 150px; height: 40px; line-height: 40px; margin-right: 3px; } .skin #cc_micuenta .caducan ul li div span { margin-right: 12px; } .skin #cc_micuenta .movimientos { text-align: left; } .skin #cc_micuenta .movimientos .cc_select { width: 186px; margin-right: 15px; } .skin #cc_micuenta .movimientos .cc_select .select-group { width: 144px !important; } .skin #cc_micuenta .movimientos .cc_select .select-group li { width: 144px !important; } .skin #cc_micuenta .movimientos, .skin #cc_micuenta .frm { position: relative; padding-bottom: 1px; margin-bottom: 10px; } .skin #cc_micuenta .movimientos .rangofechas { margin: 45px 0 0 30px; } .skin #cc_micuenta .movimientos .rangofechas span { font-size: 15px; line-height: 38px; margin-right: 15px; } .skin #cc_micuenta .movimientos .rangofechas .btn { display: inline-block; width: 150px; height: 39px; line-height: 39px; font-size: 22px; margin-left: 10px; margin-bottom: 25px; } .skin #cc_micuenta .movimientos .lista_movimientos { margin: 10px 30px; } .skin #cc_micuenta .movimientos .lista_movimientos .row { border-bottom: 1px solid #efefef; } .skin #cc_micuenta .movimientos .lista_movimientos .row div { display: inline-block; margin-right: 7px; padding-left: 0px; font-size: 15px; margin-bottom: 10px; margin-top: 20px; } .skin #cc_micuenta .movimientos .lista_movimientos .row:last-child { border: none; } .skin #cc_micuenta .movimientos .row .col1 { width: 14%; } .skin #cc_micuenta .movimientos .row .col2 { width: 24%; } .skin #cc_micuenta .movimientos .row .col3 { width: 44%; } .skin #cc_micuenta .movimientos .row .col4 { width: 12%; } .skin #cc_micuenta .movimientos .lista_movimientos .titulos { border: none; } .skin #cc_micuenta .movimientos .lista_movimientos .titulos > div { font-size: 15px; height: 25px; line-height: 25px; } .skin #cc_micuenta .movimientos .mostrarmas { position: relative; margin: 30px auto; width: 150px; height: 40px; line-height: 42px; padding-left: 10px; font-size: 22px; } .skin #cc_micuenta .frm { text-align: left; } .skin #cc_micuenta .frm > form > div { margin-bottom: 10px; } .skin #cc_micuenta .frm .frm1 { top: 20px !important; } .skin #cc_micuenta .frm > form > div .row { margin: 0 0 15px 10px; } .skin #cc_micuenta .frm .cc_select, .skin #cc_micuenta .frm .text { margin-bottom: 10px; } .skin #cc_micuenta .frm .cc_select { width: 264px; margin-right: 15px; } .skin #cc_micuenta .frm .cc_select .select-group { width: 192px !important; } .skin #cc_micuenta .frm .cc_select .select-group li { width: 192px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .skin #cc_micuenta .frm .frm1 span { display: block; } .skin #cc_micuenta .frm h4 { font-size: 22px; line-height: 40px; margin: 50px 0 15px 10px; } .skin #cc_micuenta .frm .frm1 h4 { margin-top: 0px; } .skin #cc_micuenta .frm .frm2 h4 { margin-top: 70px; } .skin #cc_micuenta input.text { width: 248px; height: 37px; padding-left: 10px; margin-right: 15px; } .skin #cc_micuenta .rangofechas .text { width: 24%; } .skin #cc_micuenta .frm span { font-size: 11px; line-height: 35px; } .skin #cc_micuenta .frm .frm3, .skin #cc_micuenta .frm .frm4 { margin-bottom: 30px; } .skin #cc_micuenta .frm input[type="submit"] { margin: 0 auto; font-size: 22px; width: 300px; height: 40px; line-height: 40px; } .skin #cc_micuenta .puntos .div-1 { top: 30px; } .skin #cc_micuenta .puntos .div-1 ul { padding: 0; } .skin #cc_micuenta .puntos .div-1 li { margin-left: 6px; margin-right: 6px; } .skin #cc_micuenta .puntos .div-2 { margin-top: 30px; padding-top: 15px; font-size: 11px; } .skin #cc_micuenta .faq, .skin #cc_micuenta .listapromos { padding: 20px 0; } .skin #cc_micuenta .listapromos { } .skin #cc_micuenta .listapromos ul { padding-left: 0; width: 780px; margin: 0 auto; } .skin #cc_micuenta .listapromos ul li { display: inline-block; margin: 0 30px; margin-bottom: 20px; } .skin #cc_micuenta .listapromos ul li h3 { padding-left: 10px; margin-bottom: 7px; } .skin #cc_micuenta .listapromos ul li h3 a { font-size: 13px; } .skin #cc_micuenta .asideM { display: none; } .skin #cc_micuenta .micuenta_campo { width: 32%; } .skin #cc_micuenta .mc2 { width: 33%; } .skin #cc_micuenta .micuenta_campo.mc_small { width: 16%; } .skin #cc_micuenta .micuenta_campo label, .skin #cc_micuenta .micuenta_campo .mc_label { font-size: 15px; line-height: 20px; } .skin #cc_micuenta input.text { width: calc(100% - 30px); position: relative; } .skin #cc_micuenta .frm .cc_select { width: calc(100% - 15px); } .skin #cc_micuenta .frm .cc_select .select-group { width: calc(100% - 42px) !important; } .skin #cc_micuenta .frm .cc_select .select-group li { width: calc(100% - 42px) !important; } .skin #cc_micuenta .frm .cc_select.small { width: calc(100% - 15px); } .skin #cc_micuenta .frm .cc_select.small .select-group { width: calc(100% - 42px) !important; } .skin #cc_micuenta .frm .cc_select.small .select-group li { width: calc(100% - 42px) !important; } /* /CINESACARD MI CUENTA*/ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* TRABAJA CON NOSOTROS */ .skin #trabajaconnosotros main nav ul li, .skin #clientes main nav ul li, .skin #acercade main nav ul li, .skin #proveedores main nav ul li, .skin #avisolegal main nav ul li, .skin #expansion main nav ul li, .skin #semueve main nav ul li { width: auto; padding: 0 15px; } .skin #trabajaconnosotros article, .skin #clientes article { padding: 15px 30px 15px 30px; width: calc(100% - 60px); text-align: left; position: relative; } .skin #trabajaconnosotros article p, .skin #clientes article p { font-size: 12px; line-height: 20px; margin-bottom: 30px; } .skin #trabajaconnosotros article h3, .skin #clientes article h3 { font-size: 18px; ; margin: 0 0 20px 0; } .skin #trabajaconnosotros .text, .skin #trabajaconnosotros .cc_select, .skin #clientes .text, .skin #clientes .cc_select { margin-right: 5px !important; } .skin #trabajaconnosotros .cc_select, .skin #clientes .cc_select { width: 22.2%; position: relative; } .skin #trabajaconnosotros .cc_select .select-group, .skin #clientes .cc_select .select-group { width: calc(100% - 42px) !important; } .skin #trabajaconnosotros .cc_select .select-group li, .skin #clientes .cc_select .select-group li { width: calc(100% - 10px) !important; } .skin #trabajaconnosotros input[type="file"] + label span, .skin #clientes input[type="file"] + label span { width: 22.2%; height: 40px; line-height: 40px; font-size: 15px; } .skin #trabajaconnosotros textarea, .skin #clientes textarea { padding: 5px; width: 67%; height: 120px; } .skin #trabajaconnosotros .frm1 .btn_siguiente { position: absolute; display: inline-block; width: 200px; height: 45px; line-height: 45px; bottom: 30px; right: 80px; font-size: 22px; } .skin #clientes .frm1, .skin #clientes .frm2, .skin #clientes .frm3, .skin #clientes .clients_inf { padding: 10px 30px 10px 30px; width: calc(100% - 60px); } .skin #clientes .frm3 input[type="submit"] { margin-left: calc(50% - 170px); } .skin #clientes #canned_response { font-size: 15px; line-height: 20px; position: relative; background-color: #cdcdcd; padding: 20px; width: 90%; margin: 20px auto; } .skin #clientes article, .skin #clientes article h4 { margin-bottom: 20px !important; } /* /TRABAJA CON NOSOTROS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* AJUSTES CC_SELECT */ .skin #cc_form .cc_select ul.open, .skin #cc_form_activar .cc_select ul.open { width: calc(100% - 42px) !important; } .skin #cc_form .cc_select.small ul.open, .skin #cc_form_activar .cc_select.small ul.open { width: 98px !important; } /* /AJUSTES CC_SELECT */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SUBMENUPELIS */ .skin .submenucines { text-align: left; width: calc(100% - 10px); height: 0; margin: 0 auto; } .skin .submenucines.open { height: 500px; } .skin .submenucines .titulo { height: 40px; padding-left: 30px; font-size: 15px; } .skin .submenucines .lista { top: 15px; left: 33px; height: 440px; width: calc(100% - 50px); } .skin .submenucines .lista .col { width: 23%; margin-right: 3px; position: absolute; } .skin .submenucines .lista .c1, .skin .submenucines .lista .c3, .skin .submenucines .lista .c5, .skin .submenucines .lista .c7 { top: 0; } .skin .submenucines .lista .c2, .skin .submenucines .lista .c4, .skin .submenucines .lista .c6, .skin .submenucines .lista .c8 { top: 220px; } .skin .submenucines .lista .c3, .skin .submenucines .lista .c4 { left: 25%; } .skin .submenucines .lista .c5, .skin .submenucines .lista .c6 { left: 50%; } .skin .submenucines .lista .c7, .skin .submenucines .lista .c8 { left: 75%; } .skin .submenucines .lista .c2 { top: 196px; } .skin .submenucines .lista .c4 { top: 161px; } .skin .submenucines .lista .c6 { top: 190px; } .skin .submenucines .lista .c8 { top: 170px; } .skin .submenucines li { height: 21px; line-height: 21px; font-size: 13px; } .skin .submenucines li.cine a { font-size: 11px; } /* /SUBMENUPELIS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* COLEGIOS */ .skin #colegios .frm1 label span { width: auto !important; text-align: left; padding: 0 5px 0 0 !important; } .skin #colegios .frm1 label span.ico { width: 35px !important; top: 10px; } .skin #colegios .row input.text_doble { width: 530px !important; } .skin #colegios .row input.text_mitad { width: 120px !important; } .skin #colegios .cc_select { width: 266px; margin-right: 15px; vertical-align: top; } .skin #colegios .cc_select .select-group { width: 194px !important; } .skin #colegios .cc_select .select-group li { width: 202px !important; } .skin #colegios .row .col { width: 280px; } .skin #colegios .row input.text { font-size: 15px; height: 38px; margin-right: 15px; padding-left: 15px; width: 245px; } .skin #colegios textarea { padding-left: 10px; width: 820px; height: 120px; } .skin #colegios input[type="submit"] { width: 380px; margin: 20px 0; margin-left: calc(50% - 210px); } .skin #colegios .inf { margin-top: 25px; font-size: 12px; } .skin #colegios .frm1 h4, .skin #colegios .frm2 h4, .skin #colegios .inf h3 { font-size: 32px; } /* /COLEGIOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* INFANTIL */ /* CUMPLEAÑOS */ .skin #infantil article#banner_seccion .img_left { top: calc(50% - 48px); } .skin #infantil article#banner_seccion .img_right { top: calc(50% - 48px); } .skin #infantil article.cartelera_peliculas, .skin #cumpleanos article.cartelera_peliculas { text-align: left; } .skin #infantil article.cartelera_peliculas h2, .skin #cumpleanos article.cartelera_peliculas h2 { font-size: 20px; width: 155px; height: 45px; line-height: 45px; margin-left: 15px; } .skin #cumpleanos .info_cumples { height: 449px; width: calc(100% - 20px); margin: -40px auto 20px auto; } .skin #cumpleanos .info_cumples .parrafo { margin-left: 40px; top: 10px; width: calc(100% - 321px); } .skin #cumpleanos .info_cumples .parrafo h3 { font-size: 32px; margin-bottom: 20px; } .skin #cumpleanos .info_cumples .parrafo p { font-size: 12px; } .skin #cumpleanos .info_cumples .btn { font-size: 22px; width: 380px; height: 40px; line-height: 40px; margin: 30px; margin-left: calc(50% - 300px); } /* /INFANTIL */ /* /CUMPLEAÑOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* FORMULARIOS RECUPERACIÓN */ .skin #recuperarmail article h4, .skin #recuperarpass article h4 { font-size: 22px; padding-left: 11px; } .skin #recuperarmail section, .skin #recuperarpass section { margin-bottom: 200px; } .skin #recuperarmail input[type="button"], .skin #recuperarpass input[type="submit"] { margin-left: calc(50% - 180px); margin-top: 20px; } .skin #recuperarmail input[type="button"] { margin-left: calc(50% - 330px); margin-right: 20px; } .skin #recuperarmail .conf, .skin #recuperarmail .conf_fin, .skin #recuperarpass .conf { min-height: 180px; } .skin #recuperarmail .conf h4, .skin #recuperarpass .conf h4 { font-size: 22px; } .skin #recuperarmail .conf p, .skin #recuperarmail .conf_fin p, .skin #recuperarpass .conf p { font-size: 15px; } /* /FORMULARIOS RECUPERACIÓN */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SEMUEVE */ .skin #semueve article.info img { margin: 17px 40px 17px 25px; } .skin #semueve article.info div { width: 80%; font-size: 16px; } .skin #semueve article.info div h3 { font-size: 25px; margin: 15px 0 7px; } .skin #semueve article.info div p { margin: 0; line-height: 24px; } .skin #semueve .proyectos_titulo { height: 54px; margin-top: 30px; margin-bottom: 0px; } .skin #semueve .proyectos_titulo h4 { font-size: 22px; margin: 15px 0 25px; } .skin #semueve .videos_actuales li, .skin #semueve .carrusel_semueve li { width: 48%; height: 490px; margin-bottom: 20px; font-size: 12px; } .skin #semueve .videos_actuales li:nth-child(2n+1) { margin-right: 1%; } .skin #semueve .videos_actuales li .video, .skin #semueve .carrusel_semueve li .video { margin-top: 35px; margin-left: calc(50% - 237px); width: 474px; height: 307px; } .skin #semueve .videos_actuales li h5, .skin #semueve .carrusel_semueve li h5 { font-size: 22px; font-weight: 100; margin: 15px; } .skin #semueve .videos_actuales li p, .skin #semueve .carrusel_semueve li p { margin: 15px; } .skin #semueve .carrusel_semueve, .skin #semueve .carrusel_semueve .shadow_left, .skin #semueve .carrusel_semueve .shadow_right, .skin #semueve .carrusel_semueve .shadow_left a, .skin #semueve .carrusel_semueve .shadow_right a { height: 415px; } .skin #semueve .carrusel_semueve li { width: 292px; height: 380px; margin: 0 7px; } .skin #semueve .carrusel_semueve li .video { margin-top: 20px; margin-left: calc(50% - 123px); width: 247px; height: 179px; } .skin #semueve .carrusel_semueve li h5 { margin: 10px 22px; font-size: 18px; } .skin #semueve .carrusel_semueve li p { margin: 10px 22px; line-height: 18px; } .skin #semueve .not_background { height: 40px; } .skin #semueve .ver_mas { margin: 50px 0; } .skin #semueve .ver_mas .btn { width: 316px; height: 33px; line-height: 33px; } .skin.no-touch #semueve .ver_mas .btn:hover { background-color: #003264; } /* /SEMUEVE */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* BAJANEWS*/ .skin #bajanews .btn:hover { background-color: #003264; } /* /BAJANEWS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* GAMES */ .skin #games article { text-align: left; } .skin #games #banner_seccion img { width: 100%; } .skin #games .descarga .desc { width: 74%; height: 250px; margin-right: calc(2% - 5px); } .skin #games .descarga .faqs { width: 24%; height: 250px; } .skin #games .desc img { margin: 50px 10px 0 30px; } .skin #games .desc .info { width: 35%; margin-top: 36px; font-size: 16px; } .skin #games .desc .info a { font-size: 24px; top: 20px !important; } .skin #games .desc .info a:hover { border-bottom: 2px solid #d82245; } .skin #games .desc .qr { width: 37%; height: 245px; } .skin #games .desc .qr a { width: 105px; height: 160px; margin: 46px 0px 0; } .skin #games .descarga .faqs p { font-size: 24px; } .skin #games .descarga .faqs p span { font-size: 30px; } .skin #games .premio_1 { font-size: 27px; } .skin #games .premio_1 h3 { margin: 10px 0; } .skin #games .premio_1 .destacado { font-size: 80px; line-height: 60px; } .skin #games .premio_2 { font-size: 26px; } .skin #games .premio_2 h3 { margin: 10px 0; line-height: 60px; } .skin #games .premio_3 .top { width: 49%; height: 150px; margin-bottom: 20px; } .skin #games .premio_3 .top:nth-child(2n+1) { margin-right: calc(2% - 5px); } .skin #games .premio_3 .top h3 { font-size: 65px; margin: 30px 0 0 30px; line-height: 50px; } .skin #games .premio_3 .top h5 { font-size: 35px; margin: 0px 0 0 30px; } .skin #games .premio_3 .top img { right: 20px; top: 10px; } .skin #games .ganadores .btn { width: 335px; height: 58px; line-height: 58px; font-size: 27px; } .skin #games .ganadores .btn:hover { background-color: #9b1e2b; } .skin #games .como_jugar { margin-bottom: 50px; } .skin #games .como_jugar > h3 { line-height: 60px; font-size: 25px; margin-bottom: 20px; } .skin #games .como_jugar li.instruct { width: 32%; height: 550px; font-size: 14px; margin: 0 5px 20px; } .skin #games .como_jugar li.instruct img { width: 96%; } .skin #games .como_jugar li.instruct h3 { font-size: 20px; margin: 14px 0 15px 30px; } .skin #games .como_jugar li.instruct p { margin: 25px 15px; } .skin #games .como_jugar li.last_li { width: 32%; height: 550px; font-size: 20px; margin: 0 5px 20px; } .skin #games .como_jugar li.last_li p { margin-top: 80px; } .skin #games .como_jugar li.last_li p span { font-size: 25px; } .skin #games .como_jugar li.last_li img { margin-top: 20px; } .skin #games .como_jugar li.last_li .developers { bottom: 0; right: 0; } /* /GAMES */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* SELECTS */ .skin .cc_select ul.open { max-height: 295px !important; } .skin #clientes .cc_select { width: 266px; } .skin #clientes .cc_select .select-group { width: 226px !important; } .skin #clientes .cc_select .select-group li { width: 204px !important; } /* /SELECTS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA RESUMEN*/ .skin #ma_resumen aside { left: 10px; width: 290px; margin-right: 10px; } .skin #ma_resumen .tucuenta { height: 250px; margin: 40px 0 30px; } .skin #ma_resumen .tucuenta .foto { width: 155px; margin-top: -60px; } .skin #ma_resumen .tucuenta p { font-size: 20px; margin: 15px 0 0; } .skin #ma_resumen .tucuenta h2 { font-size: 45px; margin-top: 10px; } .skin #ma_resumen .tucuenta .editar { top: 5px; right: 5px; } .skin #ma_resumen .ma_menu li { height: 40px; line-height: 40px; } .skin #ma_resumen .ma_menu li a { font-size: 19px; } .skin #ma_resumen .ma_menu li.selected a, .skin.no-touch #ma_resumen .ma_menu li a:hover { background-color: #0e99fe; color: #ffffff; } .skin #ma_resumen .ma_menu li.logout a { font-size: 19px; } .skin #ma_resumen section { width: calc(100% - 330px); margin: 0 0 0 15px; top: -26px; } .skin #ma_resumen .ma_bienvenida h3 { height: 47px; line-height: 47px; font-size: 23px; margin: 0; } .skin #ma_resumen .noconfirm { height: 140px; } .skin #ma_resumen .noconfirm p { top: 25px; margin-left: 120px; width: 400px; } .skin #ma_resumen .newsletter input[type="checkbox"] + label span { width: 38px; height: 36px; margin: 7px 0 0 15px; } .skin #ma_resumen .newsletter p { width: 50%; margin: 15px 0; font-size: 14px; } .skin #ma_resumen article h4 { margin: 0 0 15px 0; height: 46px; line-height: 46px; font-size: 15px; } .skin #ma_resumen .misentradas table { width: 97%; margin: 0 auto 10px; } .skin #ma_resumen .misentradas table th, .skin #ma_resumen .misentradas table td { font-size: 13px; } .skin #ma_resumen .misentradas table tr:first-child { height: 30px; } .skin #ma_resumen .misentradas table td p { margin: 7px 0; } .skin #ma_resumen .misentradas table th:nth-child(1), .skin #ma_resumen .misentradas table td:nth-child(1) { width: 10%; } .skin #ma_resumen .misentradas table th:nth-child(2), .skin #ma_resumen .misentradas table td:nth-child(2) { width: 14%; } .skin #ma_resumen .misentradas table th:nth-child(3), .skin #ma_resumen .misentradas table td:nth-child(3) { width: 24%; } .skin #ma_resumen .misentradas table th:nth-child(4), .skin #ma_resumen .misentradas table td:nth-child(4) { width: 24%; } .skin #ma_resumen .misentradas table th:nth-child(5), .skin #ma_resumen .misentradas table td:nth-child(5) { width: 8%; } .skin #ma_resumen .misentradas table th:nth-child(6), .skin #ma_resumen .misentradas table td:nth-child(6) { width: 8%; } .skin #ma_resumen .misentradas table td:nth-child(7) { text-align: center; width: 12%; } .skin #ma_resumen .misentradas table td .table_btn { width: 90px; padding: 5px 0; line-height: 18px; font-size: 14px; margin-top: 10px; } .skin #ma_resumen .misentradas > a, .skin #ma_resumen .movimientos > a { font-size: 13px; margin: 0 10px 15px; } .skin #ma_resumen .micinesacard .tarjeta, .skin #ma_resumen .micinesacard .puntos { /*width: 48.5%;*/ width: 28%; font-size: 14px; margin-bottom: 15px; float: left; } .skin #ma_resumen .micinesacard .tarjeta, .skin #ma_resumen .micinesacard .tarjeta { /*width: 48.5%;*/ width: 69%; float: left; } .skin #ma_resumen .micinesacard .tarjeta { margin-right: 1%; } .skin #ma_resumen .micinesacard .puntos { margin-left: 1%; } .skin #ma_resumen .micinesacard .movimientos { width: 100%; font-size: 15px; margin-bottom: 15px; } .skin #ma_resumen .micinesacard .tarjeta h5, .skin #ma_resumen .micinesacard .puntos h5, .skin #ma_resumen .micinesacard .movimientos h5 { margin: 0 0 15px; height: 46px; line-height: 46px; padding-left: 15px; } .skin #ma_resumen .micinesacard .ma_row { margin: 0 auto; width: 94%; } .skin #ma_resumen .micinesacard .ma_row img:first-child { margin: 10px 5px 0 5px; width: 85px; } .skin #ma_resumen .micinesacard .ma_row img:last-child { margin: 12px 0 0 5px; width: 90px; } .skin #ma_resumen .micinesacard .ma_row p { top: 20px; } .skin #ma_resumen .micinesacard .ma_row p span { font-size: 22px; margin-top: 5px; } .skin #ma_resumen .micinesacard .ma_saldoact, .skin #ma_resumen .micinesacard .ma_puntoscad { width: 100%; margin: 0 3%; } .skin #ma_resumen .micinesacard .ma_puntoscad { width: 48%; margin: 0 4%; } .skin #ma_resumen .micinesacard .ma_saldoact > p, .skin #ma_resumen .micinesacard .ma_puntoscad > p { height: 30px; margin-top: 0; } .skin #ma_resumen .micinesacard .ma_saldoact li, .skin #ma_resumen .micinesacard .ma_puntoscad li { margin: 7px 0; height: 30px; } .skin #ma_resumen .micinesacard .ma_saldoact li .pnts, .skin #ma_resumen .micinesacard .ma_puntoscad li .pnts { font-size: 20px; } .skin #ma_resumen .micinesacard .ma_saldoact li .fecha_cad, .skin #ma_resumen .micinesacard .ma_puntoscad li .fecha_cad { margin-left: 10px; } .skin #ma_resumen .micinesacard .puntos > p { font-size: 11px; margin-left: 10px; } .skin #ma_resumen .movimientos table { width: 97%; margin: 0 auto 10px; } .skin #ma_resumen .movimientos table td { height: 34px; line-height: 34px; border-bottom: 1px solid #d7d7d7; } .skin #ma_resumen .movimientos table th, .skin #ma_resumen .movimientos table td { font-size: 13px; } .skin #ma_resumen .movimientos table tr:first-child { border-bottom: 2px solid #d7d7d7; height: 30px; } .skin #ma_resumen .movimientos table td p { margin: 7px 0; } .skin #ma_resumen .faq > .btn_faq { width: 230px; height: 40px; line-height: 40px; margin: 20px 16px 35px; font-size: 20px; } /* /MI AREA RESUMEN */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA ENTRADAS */ .skin #ma_resumen.ma_entradas .misentradas .pag li { width: 30px; height: 30px; line-height: 30px; margin: 0 2px; } .skin #ma_resumen.ma_entradas .misentradas .pag li a { font-size: 16px; } /* /MI AREA ENTRADAS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA CINESACARD */ .skin #ma_resumen.ma_ccard .rangofechas { margin: 25px auto 10px; } .skin #ma_resumen.ma_ccard .rangofechas span { font-size: 15px; line-height: 41px; } .skin #ma_resumen.ma_ccard .rangofechas .text { height: 39px; margin: 0 10px 10px; } .skin #ma_resumen.ma_ccard .rangofechas .btn { width: 150px; height: 41px; line-height: 41px; font-size: 22px; margin-left: 30px; } .skin #ma_resumen.ma_ccard .rangofechas .btn:hover { background-color: #004c95; } .skin #ma_resumen.ma_ccard .lista li { margin: 0 2px 10px; } .skin.no-touch #ma_resumen.ma_ccard .lista li:hover span { display: block; background-color: #0f99fe; width: 114px; height: 103px; font-family: "Trebuchet MS"; color: #ffffff; font-size: 15px; padding: 0 7px; } .skin #ma_resumen .faq .btn_faq { width: 230px; height: 40px; line-height: 40px; margin: 20px 16px 35px; font-size: 20px; } .skin #ma_resumen .faq .btn_faq:hover { background-color: #c3c3c3; } .skin #ma_resumen.ma_ccard .puntos .puntos_menu li { font-size: 16px; height: 35px; line-height: 38px; } .skin #ma_resumen.ma_ccard .puntos .div-1 li { width: 121px; height: 159px; margin: 50px 7px 30px 7px; } .skin #ma_resumen.ma_ccard .puntos .div-1 li .tiporegalos { width: 134px; height: 30px; line-height: 30px; top: -44px; left: -2px; font-size: 15px; } .skin #ma_resumen.ma_ccard .puntos .div-1 li .tiporegalos.tr_last { width: 121px; } .skin #ma_resumen.ma_ccard .regalo-puntos { width: 121px; line-height: 47px; font-size: 24px; } .skin #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info { width: 121px; height: 0px; left: 0; bottom: 49px; font-size: 12px; } .no-touch.skin #ma_resumen.ma_ccard .puntos .div-1 li:hover .regalo-info { width: 121px; height: 80px; } .skin #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info p { line-height: 13px; margin-left: 4px; } .skin #ma_resumen.ma_ccard .puntos .div-1 li .regalo-info img { margin-top: -7px; } .skin #ma_resumen.ma_ccard .imagenregalo { width: 118px; height: 105px; margin-top: 5px; } .skin #ma_resumen.ma_ccard .faq .div-3 li { width: 90%; line-height: 30px; margin: 0 0 10px 45px; font-size: 13px; } .skin #ma_resumen .faq .div-3 .mas, .skin #ma_resumen .faq .div-3 .menos { width: 35px; height: 30px; margin-left: -55px; } .skin #ma_resumen .faq .div-3 li.respuesta { margin-left: 0px; width: calc(93% + 07px); } .skin #ma_resumen .faq .div-3 li.respuesta ul li { margin-left: -10px; margin-bottom: 10px; line-height: 20px; height: auto; width: 95%; } .skin #ma_resumen .faq .div-3 li.respuesta ul li.stitulo { line-height: 20px; margin-left: -35px; } .skin #ma_resumen .faq .div-3 li.respuesta ul li.sresumen { line-height: 20px; margin-left: -35px; } /* MI AREA CINESACARD */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* MI AREA MIS DATOS */ .skin #ma_resumen.ma_datos .row { width: 96%; } .skin #ma_resumen.ma_datos h5 { font-size: 21px; margin: 40px 0 10px 0; } .skin #ma_resumen.ma_datos .field { width: 30%; margin: 0 1% 20px; } .skin #ma_resumen.ma_datos .f_checkbox { width: 80%; } .skin #ma_resumen.ma_datos .field label, .skin #ma_resumen.ma_datos .field .p_label { margin: 0 0 3px; font-size: 15px; } .skin #ma_resumen.ma_datos .field .text { height: 37px; line-height: 37px; font-size: 15px; } .skin #ma_resumen.ma_datos .field .box_inactivo { width: calc(100% - 62px); padding-left: 60px; } .skin #ma_resumen.ma_datos .field_ext { width: 95%; } .skin #ma_resumen.ma_datos .field .box_small { width: 50px; margin: 0 15px 0 0; } .skin #ma_resumen.ma_datos .btn_edit { width: 65px; height: 40px; line-height: 40px; font-size: 15px; margin-top: 25px; } .skin #ma_resumen.ma_datos .validar_correo { width: 270px; font-size: 12px; margin-left: 20px; } .skin #ma_resumen.ma_datos .validar_correo p { margin: 0 0 5px 90px; } .skin #ma_resumen.ma_datos .row .sub_row { width: 100%; margin-top: -15px; } .skin #ma_resumen.ma_datos .row .sub_row p { width: 70%; margin: 0; font-size: 12px; } .skin #ma_resumen.ma_datos .row .mini { font-size: 11px; margin: 5px 0; } .skin #ma_resumen.ma_datos .row input[type="submit"] { /*width: 244px; height: 40px; line-height: 40px; margin: 40px 0 60px; font-size: 22px;*/ } .skin #ma_resumen.ma_datos .r_cambios input[type="submit"] { /*margin: 0 0 40px 8px !important; width: 183px !important;*/ } /* /MI AREA MIS DATOS */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* NUEVA CC_FORM */ #cc_form.n_cc article .field .text, #cc_form_activar.n_cc article .field .text, #recuperarmail.n_cc article .field .text { width: calc(100% - 21px); } #recuperarmail.n_cc article.conf { margin: 5px auto; } /* /NUEVA CC_FORM */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* NEW CINESACARD HOME */ /* LOGIN */ .skin #cinesacard.n_cc .micuenta .formlogin { height: 300px; margin-top: 22px; } .skin #cinesacard.n_cc .micuenta h3 { top: 0; left: 0; font-size: 34px; } .skin #cinesacard.n_cc .micuenta img { width: 135px; height: 135px; top: -35px; } .skin #cinesacard.n_cc .micuenta input[type="submit"] { height: 54px; margin-top: 10px; margin-bottom: 10px; } /* VENTAJAS */ .skin #cinesacard.n_cc .ventajas_ccard li div div { font-size: 13px; } /* /NEW CINESACARD HOME */ /* ############################################################################################################################## */ /* ############################################################################################################################## */ /* HEADER MI AREA */ /* CUANDO SE ACTIVE MI AREA SE HA DE QUITAR EL .N_CC */ .skin #cc_form.n_cc #cinefavorito_header .cc_cuenta, .skin #cc_form.n_cc #cinefavorito_header .disp_login { display: none; } .skin #cc_form.n_cc .sb-toggle-right { position: relative; vertical-align: top; display: inline-block; width: 132px; height: 52px; background: url("../img/ico_mi_cuenta_cinesa.jpg")no-repeat; cursor: pointer; } .skin #cc_form.n_cc #cinefavorito_header .cinefav { right: 3px; } /* /HEADER MI AREA */ /* ############################################################################################################################## */ } /*fin media skin*/ /* ========================================================================== 8 - 1024 ========================================================================== */ @media all and (min-width: 1024px) and (max-width: 1279px) { /*HEADER*/ header { position: relative; width: 100%; min-width: 1024px; text-align: center; } header #menu { position: relative; height: 120px; padding: 10px 0 10px 0; } header #logo_header { /*logo cinesa del header*/ position: absolute; height: 120px; width: 170px; left: 10px; background-position: 0 -28px; } /* login */ header #cinefavorito_header { right: 12px; height: 52px; } header #cinefavorito_header .cinefav { height: 52px; line-height: 52px; right: 110px; } header #cinefavorito_header .cc_cuenta.open { right: 710px; } header #cinefavorito_header .disp_login { right: 0; top: 0; height: 50px; } header #cinefavorito_header .disp_login.open { width: 708px; } header #cinefavorito_header .text { top: 4px; width: 135px; height: 40px; font-size: 18px; } header #cinefavorito_header .pass { top: 4px; width: 135px; height: 40px; font-size: 18px; } header #cinefavorito_header .disp_login .btn { width: 115px; height: 40px; line-height: 40px; top: 4px; font-size: 22px; } header #cinefavorito_header .recordar { width: 80px; height: 40px; } header #cinefavorito_header .recordar a { font-size: 12px; } header #cinefavorito_header .close_login { width: 46px; height: 50px; top: 0; right: 0; } .no-touch header #cinefavorito_header .disp_logged:hover div { width: 44px; height: 44px; top: 4px; left: 4px; } header #cinefavorito_header.logged .cinefav { right: 163px; } header #cinefavorito_header.logged .cc_cuenta { right: 52px; } header #cinefavorito_header.logged.nuevo_logged .cinefav { right: auto; margin-right: 2px; } /* /login */ header nav#menu_web { /*MENÚ*/ position: absolute; vertical-align: top; text-align: right; top: 75px; left: 17%; display: table; /*