/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
html, body {
margin: 0; padding: 0;
}
html {
background: url(../img/bg-tile.jpg) fixed center top;*
/*background-color:#EAEBEF !important;*/
}
body {
background: url(../img/main-bg.jpg) no-repeat fixed center top;
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
input, button, a {
outline: 0;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==|== primary styles =====================================================
Author: Estudio Bamboo para Dinamix Studio
Author URI: http://www.estudiobamboo.com.ar/
Theme Name: Mi Boletería
Theme URI: ---
Version: 2012.1
TABLE OF CONTENTS
-------------------------------------------------------------------------
01 - Global Elements
02 - Typography
03 - Header
04 - Main Content
05 - Footer
========================================================================== */
/* ----------------------------------------------*/
/* 01- Global Elements
/* ----------------------------------------------*/
.form-error {
color: #f81c1c;
background: url(../img/icon-exclamation.png) no-repeat left center;
font-size: 12px;
padding: 9px 0 9px 34px;
}
.form-info {
color: #3bc0f2;
font-weight: bold;
background: url(../img/icon-info.png) no-repeat left center;
padding-left: 34px;
}
.form .error {
color: #ff4646 !important;
}
body, html {overflow:hidden;}
body {color:#fff; overflow:auto;width:10000px; height:3676px; position:relative;overflow:hidden;}
@font-face {
font-family: 'MyriadProBoldSemiCondensed';
src: url('../fonts/myriadpro-boldsemicn-webfont.eot');
src: url('../fonts/myriadpro-boldsemicn-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/myriadpro-boldsemicn-webfont.woff') format('woff'),
url('../fonts/myriadpro-boldsemicn-webfont.ttf') format('truetype'),
url('../fonts/myriadpro-boldsemicn-webfont.svg#MyriadProBoldSemiCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MyriadProLight';
src: url('../fonts/myriadpro-light-webfont.eot');
src: url('../fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/myriadpro-light-webfont.woff') format('woff'),
url('../fonts/myriadpro-light-webfont.ttf') format('truetype'),
url('../fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
font-weight: normal;
font-style: normal;
}
#logo {width:398px; height:67px;}
#cont {width:10000px; height:3676px; position:relative;overflow:hidden;top:-1020px}
#container {width:10000px; height:3676px; position:relative;overflow:hidden; top:1020px;} /* background:url(../img/background.png) 0 -85px no-repeat; */
.container-wrapper {
background: url(../img/line.png) repeat-x left 980px;
}
div.pasos {width:960px; height:700px; position: relative; }
#p0.pasos {top:20px; left:450px; position:absolute; background: url(../img/step0-bg.png) no-repeat left top; }
#p1.pasos {top:30px; left:2030px; position:absolute; background: url(../img/step1-bg.png) no-repeat left top; }
#p2.pasos {top:20px; left:3605px; border:none; position:absolute; background: url(../img/step2-bg.png) no-repeat left top; }
#p3.pasos {top:20px; left:5205px; position:absolute; background: url(../img/step3-bg.png) no-repeat left top; }
#paso3 { }
#p3bis.pasos {top:1030px; left:5205px; position:absolute;}
#p4.pasos {top:20px; left:6810px; position:absolute; background: url(../img/step4-bg.png) no-repeat left top; }
#p5.pasos {top:20px; left:8430px; position:absolute; background: url(../img/step5-bg.png) no-repeat left top; }
#p5bis.pasos {background: url(../img/step5b-bg.png) no-repeat left top; margin: auto; margin-top: -80px;}
#confirmation.pasos {background: url(../img/confirmation-bg.png) no-repeat left top; margin: auto; margin-top: -80px;}
#login.pasos {top:0; left:450px; z-index:10; position:absolute; background:url(../img/bg_login.png) top center no-repeat; }
/*
#p0.pasos {top:1100px; left:450px;}
#p1.pasos {top:1200px; left:2030px;}
#p2.pasos {top:1100px; left:3605px; border:none;}
#p3.pasos {top:1100px; left:5205px;}
#p3bis.pasos {top:2090px; left:5205px;}
#p4.pasos {top:1100px; left:6810px;}
#p5.pasos {top:1100px; left:8430px;}
#p5bis.pasos {top:2090px; left:8430px;}
#login.pasos {top:0px; left:450px; }
*/
#paso0 {width:572px; height:500px; margin:0 auto;}
#paso0 #logo {margin:0 0 0 70px;}
#paso0 .content {width:482px; height:155px; background:url(../img/bg_inicio.jpg); margin:100px 0 0 5px; padding:40px 40px 40px 50px}
#paso0 .combo {width:360px; height:auto; margin:0 auto; margin-top:30px; height:30px;}
#paso0 label {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:16px; text-transform:uppercase; padding:3px 6px 0 0; float:left;}
#paso0 .select {border:1px solid #432a43; background:#000; width:290px; height:26px; float:left; position:relative}
#paso0 .data {float:left; width:200px; padding:5px 0 0 17px; font-family: 'MyriadProLight', sans-serif; font-size:14px; text-transform:uppercase; cursor: pointer; }
#paso0 .arrow { width:26px; height:26px; background:url(../img/combo_arrow.png) center center no-repeat; overflow:hidden; float:right; margin-right:10px; cursor:pointer;}
#paso0 .select .options { position:absolute; top:30px; left:-1px; width:290px;border:1px solid #432a43; background:#000; display:none; height: 90px; z-index: 9; }
#paso0 .select ul, #paso0 .select ul li {margin:0; padding:0; list-style-type:none;}
#paso0 .select ul {padding:10px 0;}
#paso0 .select ul li {padding:3px 0 3px 17px; font-family: 'MyriadProLight', sans-serif; font-size:14px; text-transform:uppercase; cursor:pointer;}
#paso0 .select ul li:hover {color:#ccc;}
#paso0 p {font-family:'Verdana'; font-size:9px; padding-left:125px; color:#7a5c7a;}
div.button.continuar {background:url(../img/bg_button.png) 110px 0 repeat-y; height:43px; width:155px; float:right; position:relative;}
#p5 .button {float:right; position:relative; margin-top:13px; height:30px;}
div.button.comprar {background:url(../img/btn_comprar.png) top right no-repeat; width:155px; }
div.button.anular {margin-right:0px;}
div.button.continuar button {border:none; padding:0; width:155px; background:url(../img/button_arrow.png) top right no-repeat; height:30px; padding-right:25px; position:absolute; right:0; bottom:0;}
div.button.comprar button {height:30px; background:#619d12 url(../img/ico_comprar.png) 80px 1px no-repeat; float:right; margin-right:25px; border:none; width:120px; text-align:left; font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:13px; color:#fff; text-transform:uppercase;}
div.button.anular button {border:none; background:#5b5b53; font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:13px; color:#fff; text-transform:uppercase; width:100px; height:30px;}
div.button.comprar button span {padding-left:17px;}
div.button.continuar span {width:130px; height:30px; background:#000; display:block; float:left; line-height:30px; font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:14px; color:#fff; text-transform:uppercase}
div.button.butacas {background:url(../img/bg_buttonbutacas.png) 0 0 no-repeat; height:67px; width:317px; float:right; position:relative; padding-top:13px;}
div.button.butacas button {border:none; padding:0; width:317px; background:#c111c3; height:30px; font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:14px; color:#fff; text-transform:uppercase}
div.button.butacas span {color:#000;}
#logosmall {width:127px; height:21px;}
#paso0 #logosmall {float:left; margin:10px 0 0 8px; position:absolute}
#p0 footer {margin-top:40px;}
footer {width:900px; border-top:1px solid #615b59; padding:10px 30px 0 30px; position:relative}
footer #dinamix {width:213px; height:39px; position:absolute; top:5px; right:8px;}
footer ul {margin:0; padding:0; list-style-type:none;}
footer ul li {float:left; font-family:'Arial'; font-size:12px; color:#737373}
footer ul li a {font-family:'Arial'; font-size:12px; color:#737373; text-decoration: none; }
footer ul li.sep {padding:0 3px;}
#p1 #logo {margin-left:11px; float:left;}
#p2 #logo {margin-left:10px; float:left; margin-top: -14px; }
#p3 #logo {margin-left:10px; float:left; margin-top: -14px; }
#p3bis #logo {margin-left:417px; float:left; position: relative; top: 30px; margin-top: -14px; }
#p4 #logo {margin-left:10px; float:left; margin-top: -14px; }
#p5 #logo {margin-left:10px; float:left; margin-top: -14px; }
#p5bis #logo {margin:125px 0 0 327px; float:left;}
#confirmation #logo {margin:125px 0 0 327px; float:left;}
#login #logo {padding:108px 0 0 260px; float:left;}
nav#main {float:right;}
nav#main ul {margin:0; padding:0; list-style-type:none;}
nav#main ul li {float:left; display:inline;}
nav#main ul li.sep {padding:0 13px; background:url(../img/menu_sep.png) top center no-repeat; text-indent:-9999px; }
nav#main a { font-family: 'MyriadProLight', sans-serif; font-size:16px; text-transform:uppercase; color:#fff; text-decoration:none;}
nav#main a.sm {width:27px; height:25px; float:left; display:block; margin-top:-2px; margin-left:3px;}
#p1 nav#main {margin-top:60px;}
#p2 nav#main, #p3 nav#main, #p4 nav#main, #p5 nav#main {margin-top:20px;}
#p2 .outer, #p3 .outer, #p4 .outer, #p5 .outer {padding-bottom: 20px; clear:both; margin-top:44px; float:left; background:url(../img/bg_shadow.png) center bottom no-repeat;}
#p3 .outer {padding-bottom:0px;}
#p2 .container, #p3 .container, #p4 .container, #p5 .container {width:960px; height: 470px; -moz-box-shadow:0px 0px 5px 0px #000; -webkit-box-shadow:0px 0px 5px 0px #000; box-shadow:0px 0px 5px 0px #000;}
#p2 .container .sidebar, #p3 .container .sidebar, #p4 .container .sidebar, #p5 .container .sidebar {width:227px; height: 470px; float:left; background:#000 url(../img/bg_sidebar.png) no-repeat;}
#p2 .container .main, #p3 .container .main, #p4 .container .main, #p5 .container .main {width:733px; height: 470px; float:right;}
#p2 .container .main {background:#fff url(../img/bg_paso2.jpg) no-repeat;}
#p3 .container .main {background:#fff url(../img/bg_paso3.jpg) no-repeat;overflow:overlay;}
#p4 .container .main {background:#fff url(../img/bg_paso4.jpg) no-repeat;}
#p5 .container .main {background:#fff url(../img/bg_paso5.jpg) no-repeat;}
#p2 .content, #p3 .content, #p4 .content, #p5 .content {padding:15px;}
#p2 .content .left, #p2 .content .right {display:inline; width:50%; position:relative;}
#p2 .content ul.movies {
height: 345px;
width: 340px;
}
#p2 .content .no-rows,
#p2 .content .no-dates,
#p2 .content .no-movies,
#p2 .content .no-performances {
font-style: italic;
color: #555;
}
#p2 .content .no-rows,
#p2 .content .no-dates {
text-align: center;
padding: 100px 30px 0 30px;
}
#p0 h2 {font-family: 'MyriadProLight', sans-serif; font-weight:normal; text-transform:uppercase; font-size:20px; margin:0; letter-spacing:-1px;}
#p0 h2 strong {font-family: 'MyriadProBoldSemiCondensed', sans-serif;}
.color {color:#01c5fe;}
#p1 .container {position:relative; margin-top:-6px; height:407px;}
#p1 .sidebar {width:264px; height:407px; background:url(../img/p1_sidebar.png) no-repeat; margin-left:-11px; position:absolute; z-index:9; top:0; left:0}
#p1 .co {width:723px; height:337px; position:absolute; z-index:0; top:20px; left:237px;}
#p1 ul.slides {float:right; list-style-type:none; padding-top:12px; margin-bottom:5px;}
#p1 ul.slides li {float:right; display:inline;}
#p1 ul.slides li span {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:15px; color:#fff; text-transform:uppercase; zoom:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; padding:10px 5px 0 0; float:right;}
#p1 ul.slides li a {width:27px; height:27px; display:block; background:url(../img/btn_slides.png); overflow:hidden; text-align:center;font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:24px; text-decoration:none; line-height:27px; color:#84757a}
#p1 ul.slides li a:hover,
#p1 ul.slides li.activeSlide a {color:#fff;}
#p1 ul.slides li ul {margin:0;padding:0;}
#p1 ul.slides li ul li {float:left; display:inline;}
/*#p1 ul.slides li.btns a {float:left; margin-left:4px; display:inline;}*/
#p1 div#slider {width:723px; height:279px; background:#fff; -moz-box-shadow:0px 0px 8px 2px #000; -webkit-box-shadow:0px 0px 8px 2px #000; box-shadow:0px 0px 8px 2px #000; position:relative; overflow:hidden;}
#p1 div.slides {width:723px; height:279px;overflow:hidden;}
#p1 div#slider img {display:block; margin:0; padding:0; position:relative}
#p1 div#slider a.btn {width:49px; height:49px; position:absolute;top:100px; display:block; z-index:10;}
#p1 div#slider a.prev {background:url(../img/btn_slideleft.png); left:20px;}
#p1 div#slider a.next {background:url(../img/btn_slideright.png); right:20px;}
#p1 div.button.continuar {margin-top:-43px; z-index:9;height:57px;}
#p1 div.outer { background:url(../img/bg_shadow.png) center bottom no-repeat; padding-bottom:20px;}
#p1 nav.pasos-footer {padding-top:0; margin-top:-10px;}
#p1 footer {margin-top:29px;}
div.sidebar .data {padding:0 10px 40px 20px; background:url(../img/sidebar_arrow.png) 0 2px no-repeat;}
div.sidebar .data p {font:12px 'Tahoma'; margin:0;}
div.sidebar .cinema-icon { height: 115px; }
div.sidebar .cinema-icon.icon-cca { background:url(../img/icon-cca-sidebar.png) no-repeat center center; }
div.sidebar .cinema-icon.icon-fest { background:url(../img/icon-cca-fest-wh.png) no-repeat center center; }
div.sidebar .cinema-icon.icon-delpaseo { background:url(../img/icon-delpaseo-sidebar.png) no-repeat center center; }
div.sidebar .cinema-icon.icon-miramar { background:url(../img/icon-miramar-sidebar.png) no-repeat center center; }
div.sidebar .cinema-icon.icon-sb { background:url(../img/icon-sanbernardo-sidebar.png) no-repeat center center; }
div.sidebar .cinema-icon.icon-vgesell { background:url(../img/icon-vgesell-sidebar.png) no-repeat center center; }
div.selectedmovie h3 {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:14px; text-transform:uppercase; margin:0 0 6px 0;}
#p2 h2 {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:19px; text-transform:uppercase; color:#000; letter-spacing:-1px; margin:0 0 5px 0;}
#p2 h2 span {color:#e20000;}
#p2 h2 date {float:right; font-family: 'MyriadProLight', sans-serif; font-size:14px; padding-top:5px;}
#p2 .content ul.movies, #p2 .content ul.movies ul {list-style-type:none; padding:0; margin:0; color:#000; font:13px 'Tahoma';}
#p2 .content ul.movies li {line-height:18px; text-transform:uppercase;}
#p2 .content ul.movies li a {color:#949393; text-decoration:none;}
#p2 .content ul.movies li a:hover {color:#555;}
#p2 .content ul.movies li ul li {padding:0 0 0 20px;}
#p2 .content ul.movies li ul li:hover {background:url(../img/ico_movie.png) left center no-repeat;}
#p2 .content ul.movies li ul li.active { background:url(../img/ico_movie.png) left center no-repeat;}
#p2 .content ul.movies li ul li.active a { background: #05aedf; color: #000; }
#p2 .content ul.movies li ul li.active a,
#p2 .content ul.dates ul a.active { background: #05aedf !important; color: #000 !important; }
#p2 .content ul.movies li.cinema {background:url(../img/ico_cinema.png) left center no-repeat; color:#000;}
#p2 .content ul.movies li.cinema:hover {background:url(../img/ico_cinema.png) left center no-repeat;}
#p2 .content ul.movies li.cinema .city {color:#949393; text-transform:none;}
#p2 .content ul.dates, #p2 .content ul ul {list-style-type:none; margin:0; padding:0; font-family:'Tahoma';}
#p2 .content ul.dates li {padding-bottom:10px; clear:both; float:left;}
#p2 .content ul.dates li.date {width:100%; clear:both; color:#000; cursor:text;}
#p2 .content ul.dates li ul li {float:left; display:inline; color:#949393; font-size:13px; padding:0 4px 0 0; clear:none; cursor:pointer;}
#p2 .content ul.dates li ul li a { color:#949393; text-decoration: none; }
#p2 .content ul.dates li ul li.matinee a { color: #3bc0f2; }
#p2 .content ul.dates li ul li.trasnoche a { color: #e41111; }
#p2 .content ul.dates { height: 298px;}
#p2 .content span.matinee {color:#3bc0f2;}
#p2 .content span.trasnoche {color:#e41111;}
#p2 .content .right div.hints {position:absolute; width:320px; bottom:-50px;}
#p2 .content .right div.hints p {line-height:14px; margin:0; font-size:9px; color:#949393;}
nav.pasos-footer {float:right; padding:27px 30px 0 0;}
nav.pasos-footer ul, nav.pasos-footer ul li {list-style-type:none; margin:0; padding:0;}
nav.pasos-footer ul li {float:left; display:inline; margin-right:-5px;}
nav.pasos-footer a {height:22px; display:block; background:url(../img/bg_menu.png); overflow:hidden; text-indent:-9999px; cursor: default; }
nav.pasos-footer a.uno {width:108px; background-position:0 -30px;}
/*nav.pasos-footer a.uno:hover,
nav.pasos-footer a.uno:active,*/
nav.pasos-footer a.uno.active {background-position:0 0; cursor: pointer; }
nav.pasos-footer a.dos {width:94px; background-position:-108px -30px;}
/*nav.pasos-footer a.dos:hover,
nav.pasos-footer a.dos:active,*/
nav.pasos-footer a.dos.active {background-position:-108px 0; cursor: pointer;}
nav.pasos-footer a.tres {width:99px; background-position:-202px -30px;}
/*nav.pasos-footer a.tres:hover,
nav.pasos-footer a.tres:active,*/
nav.pasos-footer a.tres.active {background-position:-202px 0; cursor: pointer;}
nav.pasos-footer a.cuatro {width:95px; background-position:-301px -30px;}
/*nav.pasos-footer a.cuatro:hover,
nav.pasos-footer a.cuatro:active,*/
nav.pasos-footer a.cuatro.active {background-position:-301px 0; cursor: pointer;}
nav.pasos-footer a.cinco {width:49px; background-position:-395px -30px;}
/*nav.pasos-footer a.cinco:hover,
nav.pasos-footer a.cinco:active,*/
nav.pasos-footer a.cinco.active {background-position:-395px 0; cursor: pointer;}
#p3 h2 {width:177px; height:40px; display:block; background:url(../img/header_paso3.png); margin:0 0 10px 0; float:left;}
#p3 .left, #p3 .right {display:inline;}
#p3 .left {width:160px;}
#p3 .left img {width:115px; height:173px; display:block; border:3px solid #adadad;}
#p3 .right {width:523px;padding-bottom:10px;}
#p3 .rating { color: #5b5b53; font: 11px 'Tahoma'; line-height: 1; margin-top: 10px; }
#p3 .rating .ratingTitle { font-weight: bold; }
#p3 .content h3,#p4 .content h3,#p5 .content h3, #p3 table thead th, #p3 table span.color {color:#e20000; font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:15px; text-transform:uppercase; line-height: 1;}
#p3 table thead th {color:#000; text-align:center; padding:2px 6px 10px 6px; vertical-align:center;}
#p3 table thead th.ar {text-align:right;}
#p3 table.data {width:100%; clear:both; border-collapse:collapse; margin:0; padding:0; font-size:11px;}
#p3 table.data thead,
#p3 table.data tbody { width:100%; clear:both; }
#p3 table.data tbody {padding:10px 0 0 0;}
#main #p3 table.data thead th a {font-weight:bold; color:#000;}
#p3 table.data td {vertical-align:middle; padding:1px 6px; text-align:center }
#p3 table.data td.ar {text-align:right;}
#p3 table.data td.costo,
#p3 table.data td.subtotal {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:13px; text-transform:uppercase;}
#p3 table.data td.costo {color:#000;}
#p3 table.data td.subtotal {color:#e20000;}
#p3 table.data td.beneficio {font:12px 'Tahoma'; text-transform:uppercase; color:#000;}
#p3 table.data td.voucher {font:9px 'Tahoma'; text-transform:uppercase; color:#000;text-align: right;}
#p3 table.data #trVoucher {display: none;}
#p3 table.data td.cant select {width:90px;}
#p3 table.data tr.last td {padding-top:10px;}
#p3 table.data td.iva {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:12px; color:#1e6b99}
#p3 .right p {color:#5b5b53; font:11px 'Tahoma';}
#p3 table.data th {font-weight:bold; color:#000; }
#p3 table.data td {vertical-align:middle;}
#p3 .trborder .LastPromo {border-bottom: 1px solid #5b5b53;}
#p3bis .butacas {width:959px; float:left; overflow:hidden;}
#p3bis .butacas .ajax-loading { padding: 130px 20px; color: #393938; }
#p3bis .top {width:959px; height:125px; background:url(../img/butacas_top.png) no-repeat;}
#p3bis .content {width:899px; height: 300px; background:url(../img/butacas_content.png) repeat-y; padding: 0 30px;}
#p3bis .bottom {width:959px; height:100px; background:url(../img/butacas_bottom.png) no-repeat; text-transform:uppercase; position: relative; }
#p3bis .bottom ul, #p3bis .bottom li {list-style-type:none; font-family: 'MyriadProLight', sans-serif; font-size:12px;}
#p3bis .bottom ul {padding:4px 0 0 30px; width:450px; float:left; margin:0;}
#p3bis .bottom li {float:left; display:inline; margin-right:20px;}
#p3bis .bottom li span {float:left; display:inline;}
#p3bis .bottom li span.text {padding:4px 0 0 3px;}
#p3bis .bottom li span.disponible {color:#04afe0; font-family: 'MyriadProBoldSemiCondensed', sans-serif;}
#p3bis div.seleccionadas {float:right; padding:7px 30px 0 0;font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:14px;}
#p3bis div.seleccionadas span {color:#04afe0;}
#p3bis .next-wrapper { position: absolute; right: 0; top: 38px; }
#p3bis .next-wrapper-cancelar { width:143px; position: absolute; left: 657px; right: 0; top: 38px; }
#p3bis .next-wrapper .next { width: 160px; padding-right: 20px; height: 40px; line-height: 40px; border: 0; background: url(../img/paso3-submit.png) no-repeat top left; color: #fff; font-family: 'MyriadProBoldSemiCondensed', sans-serif;}
#p3bis .next-wrapper-cancelar .back { width: 143px; padding-right: 1px; height: 40px; line-height: 40px; border: 0; background: url(../img/paso3-submit.png) no-repeat top left; color: #fff; font-family: 'MyriadProBoldSemiCondensed', sans-serif;}
#p3bis .go-home-wrapper .go-home { position: absolute; left: 635px; top: 38px; width: 160px; padding-right: 20px; height: 40px; line-height: 40px; border: 0; background: url(../img/paso3-go-home.png) no-repeat top left; color: #fff; font-family: 'MyriadProBoldSemiCondensed', sans-serif;}
#p3bis .form-error { position: absolute; left: 80px; top: 30px; text-transform: none; font-size: 13px;}
#p4 .content h3, #p4 table thead th {color:#e20000; font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:15px; text-transform:uppercase;}
#p4 table thead th {color:#000; text-align:center; padding:12px 6px 10px 6px; vertical-align:center;}
#p4 table thead th.ar {text-align:right;}
#p4 table.data {width:100%; clear:both; border-collapse:collapse; margin:0; padding:0; font-size:11px;}
#p4 table.data thead,
#p4 table.data tbody { width:100%; clear:both; }
#p4 table.data tbody {padding:10px 0 0 0;}
#main #p4 table.data thead th a {font-weight:bold; color:#000;}
#main #p4 table.data thead th.w60,
#p4 table.data td.w60 {width:60%;}
#p4 table.data .no-candy { padding: 120px 0; }
#p4 table span.color, #p4 table strong {color:#731a6f;}
#p4 table .candyDescription { font-size: 10px; }
#p4 table img.poster {width:84px; height:48px; display:block; border:1px solid #a0cdf4;}
#p4 table .beneficio div {}
#p4 table.data td {vertical-align:middle; padding:2px 6px; text-align:center }
#p4 table.data td.ar {text-align:right;}
#p4 table.data td.costo,
#p4 table.data td.subtotal {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:15px; text-transform:uppercase;}
#p4 table.data td.costo {color:#000;}
#p4 table.data td.subtotal {color:#e20000;}
#p4 table.data td.beneficio { font:13px 'Tahoma'; height: 42px; padding-right: 100px; text-transform:uppercase; color:#000; background: no-repeat right center;}
#p4 table.data td.cant select {width:50px;}
#p4 table.data tr.last td {padding-top:10px;}
#p4 table.data td.iva {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:12px; color:#1e6b99}
#p3 .right p {color:#5b5b53; font:11px 'Tahoma';}
#p4 table.data th {font-weight:bold; color:#000; }
#p4 table.data td {vertical-align:middle;}
#p4 table.data td.cant,
#p4 table.data td.costo,
#p4 table.data td.subtotal {}
#p4 img.combo {border:3px solid #adadad; margin-top:10px;}
#p5 h2 {font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:19px; text-transform:uppercase; color:#000; letter-spacing:-1px; margin:0 0 5px 0;}
#p5 h2 span {color:#e20000;}
#p5 .content { position: relative; }
#p5 .form-error { position: absolute; left: 180px; top: 312px; width: 390px; font-size: 12px; line-height: 22px; }
#p5 .userdata .val_m { text-align: center; padding: 15px 0; }
#p5 .content p {font:12px 'Trebuchet MS'; color:#323232; margin:0;}
#p5 div.userdata {width:437px; height:70px; margin:15px 0 10px 165px;}
#p5 table {width:100%; clear:both; border-collapse:collapse; margin:0; padding:0; font-size:12px; font-family:'Trebuchet MS'}
#p5 table td.w35 {width:35%;}
#p5 table td.w65 {width:65%;}
#p5 table td.ar {text-align:right}
#p5 table td.al {text-align:left; color:#01c5fe}
#p5 table td {vertical-align:middle; padding:0 6px; text-align:center }
.sidebar h3 {color:#fff;}
#p5 .modos {width:437px; float:right; margin-right:100px; padding-top:4px;}
#p5 .modos .radio {margin:3px 4px 0 0;}
#p5 .modos label.radios {font:12px 'Trebuchet MS'; text-transform:uppercase; color:#333; float:right; display:inline; margin-left:20px;}
#p5 .modos label a { text-decoration: none; color: #01c5fe;}
#p5 .modos p { padding:5px 0;}
#p5 .modos p span { color:#e20000;}
#p5 .logos { position: absolute; top: 210px; left: 15px; }
#p5 .modos select {width:300px;}
#p5 .modos label.check { padding:0; float:left; width:480px;}
#p5 .modos label.check input { margin:7px; line-height:14px; float:left; vertical-align: middle; }
#p5 .modos label.check p {font:12px 'Trebuchet MS'; color:#333; padding-left:27px;}
#paso6 {width:573px; height:218px; background:url(../img/bg_paso6-buy.jpg); overflow:hidden; float:left; margin:104px 0 0 182px; position: relative; }
#paso6.booking { background:url(../img/bg_paso6-book.jpg); }
#paso6-err {width:573px; height:218px; background:url(../img/bg_paso6-err.jpg); overflow:hidden; float:left; margin:104px 0 0 182px; position: relative }
#paso6-err .err-description { padding: 100px 0 0 174px; font-weight: bold; font-size: 13px; }
#paso6-err .stbyloader { width:220px; height:19px; }
#paso6-err .footer { position: absolute; top: 150px; left: 0; right: 0; color: #7d7d7d; font-size: 12px; padding: 0 20px; }
#paso6-err .footer a { font-weight: bold; color: #01c5fe; }
#paso6-stby {width:573px; height:218px; background:url(../img/bg_paso6-stby.jpg); overflow:hidden; float:left; margin:104px 0 0 182px; position: relative }
#paso6-stby .err-description { padding: 70px 0 0 174px; font-weight: bold; font-size: 13px; }
#paso6-stby .stbyloader { width:220px; height:19px; margin: 0 auto}
#paso6-stby .footer { position: absolute; top: 150px; left: 0; right: 0; color: #7d7d7d; font-size: 12px; padding: 0 20px; }
#paso6-stby .footer a { font-weight: bold; color: #01c5fe; }
#p5bis footer {margin-top:70px;}
#p5bis p {font:12px 'Tahoma'; line-height:18px; color:#7d7d7d; padding-left:20px; margin-top: 0; }
#p5bis p.footnotes { font-size: 11px; position: absolute; bottom: 10px; left: 0;}
#p5bis p.userdata { padding: 10px 30px 0 0; font-weight:bold; color:#fff; }
#p5bis .subtitle {
font-family: 'PT Sans';
text-align: right;
margin: 50px 28px 0 170px;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
font-weight: bold;
font-size: 14px;
}
#p5bis .subtitle span { color: #01c5fe; }
#p5bis .rojo {color:#ee1d25;}
#p5bis a {font-weight:bold; color:#7d7d7d}
#p5bis .mail {color:#01c5fe}
#p5bis .footer-link { display: block; position: absolute; right: 0; bottom: 0; width: 150px; height: 40px; }
#confirmation footer {margin-top:70px;}
#confirmation p {font:12px 'Tahoma'; line-height:18px; color:#7d7d7d; padding-left:20px;}
#confirmation p.userdata {padding:90px 110px 0 0; font-weight:bold; color:#fff;}
#confirmation .rojo {color:#ee1d25;}
#confirmation a {font-weight:bold; color:#7d7d7d}
#confirmation .mail {color:#01c5fe}
#confirmation .footer-link { display: block; position: absolute; right: 0; bottom: 0; width: 150px; height: 40px; }
#login .content {width:574px; height:220px; margin:100px 0 0 195px; background: url(../img/bg_box.png) #000 no-repeat top left; position: relative;}
#login .form-error,
#login .form-info { position: absolute; left: 30px; top: 8px; width: 350px; }
#login div.inputs {width:335px; height:60px; float:right; padding:71px 90px 0 0; }
#login div.inputs.lock { background: url(../img/lock.png) no-repeat 331px 56px; }
#login div.inputs p {margin:0 0 5px 0;}
#login div.inputs label {width:100px; float:left; display:block; font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:15px; text-transform:uppercase; text-align:right; padding:2px 15px 0 0;}
#login div.inputs label.user {color:#01c5fe;}
#login div.inputs input {background:#000; border:1px solid #1c1c1c; line-height:18px; padding:3px 5px; color:#fff; font:12px 'Tahoma'; width:200px;}
#login button {height:30px; font-family: 'MyriadProBoldSemiCondensed', sans-serif; font-size:13px; text-transform:uppercase; float:left; margin:0 5px 0 0; text-align:center; vertical-align:center; border:none;}
#login button.recuperar {width:240px; color:#92928d; font-family:'MyriadProLight', sans-serif; background:#24241a; margin-left:25px;}
#login button.registrar {color:#fff; background:#24241a; width:110px;}
#login button.ingresar {color:#000; background:#c111c3; width:148px;}
#login button.ingresar.ajax-sending { background: url(../img/ajax-loader-purple.gif) #c111c3 no-repeat 10px center; }
#login p.aclarar {font:10px 'Tahoma'; color:#666; padding:5px 0 0 28px;}
#login footer {margin-top:100px;}
#login .panel { position: relative; }
#login .panel .footer-logo { position: absolute; right: 20px; bottom: 0; }
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
.ar {text-align:right}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
.clearfix:before,
.clearfix:after {
content: " ";
display: block;
}
.clearfix:after {
clear: both;
}
*/
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
.clearfix { clear:both; height:1px; }
.fl {float:left;}
.fr {float:right;}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* Selector de butacas */
#seat-selector {
/* padding-top: 34px; */
}
table.cinemaseats-grid {
margin: auto;
}
/* /Selector */
/* Custom Scrollbar */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px;
border-radius: 2px;
background: #c111c3;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: #DB54DD;
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: #DB54DD;
}
.mCSB_scrollTools .mCSB_draggerRail {
background: #6e166a;
}
.mCustomScrollBox {
z-index: 100;
}
/* /Custom Scrollbar */
body.single,
body.single #cont,
body.single #container {
width: auto;
height: auto;
top: 0;
}
/* PANEL DE LOGIN */
.logged-panel {
position: absolute;
top: 60px;
left: 84px;
font-family: MyriadProLight;
font-weight: bold;
font-size: 14px;
}
.logged-panel em {
font-family: MyriadProBoldSemiCondensed;
font-style: normal;
}
.logged-panel .item {
float: left;
line-height: 28px;
padding: 0 14px;
background: #9a1599;
margin-right: 10px;
}
.logged-panel .logout {
background: #017392;
}
.logged-panel .logout a {
font-family: MyriadProLight;
font-weight: bold;
color: #fff;
text-decoration: none;
}
/* /PANEL DE LOGIN */
/* TOOLTIPS */
.pasos li {
position: relative;
}
.pasos .tooltip {
position: absolute;
left: -3px;
bottom: -34px;
font-size: 16px;
padding-top: 8px;
background: url(../img/tooltip-arrow.png) no-repeat top left;
font-family: 'MyriadProLight', sans-serif;
z-index: 99;
color: #fff;
letter-spacing: -1.5px;
}
.pasos .tooltip em {
font-family: 'MyriadProBoldSemiCondensed', sans-serif;
font-style: normal;
color: #01c5fe;
}
.pasos .tooltip-inner {
height: 22px;
line-height: 22px;
padding: 0 24px;
background: url(../img/tooltip-bg.png);
}
/* /TOOLTIPS */
/* AJAX */
.ajax-loading {
text-align: center;
padding: 50px 20px;
font-size: 20px;
color: #999;
font-style: italic;
}
.ajax-loading-large {
width: 100%;
height: 100%;
text-align: center;
min-height: 130px;
background: url(../img/ajax-loading-lg.gif) no-repeat center center;
}
/* ESTILOS PARTICULARES */
#p2 #divHorariosAjax .ajax-loading-large {
height: 340px;
}
#p3bis #seat-selector .ajax-loading-large {
height: 300px;
background: url(../img/ajax-loading-lg-dark.gif) no-repeat center center !important;
}
.popin .p-operations .ajax-loading-large {
background: url(../img/ajax-loading-lg-dark.gif) no-repeat center center !important;
}
.popin .panel.p-operations .p-operations {
height: 300px;
}
#trpromotarjetaPeajeSL2D .voucher {
font-size:10px !important;
}
#trpromotarjetaPeajeSL3D .voucher {
font-size:10px !important;
}
/* /AJAX */
.content {
position: relative;
}
.content a.close {
position: absolute;
right: 0;
top: 0;
line-height: 30px;
padding: 0 10px;
color: #fff;
text-decoration: none;
font-family: 'MyriadProBoldSemiCondensed', sans-serif;
z-index: 99;
}
.content a.close span {
color: #01c5fe;
}
.pasos .main-error {
position: absolute;
bottom: 190px;
left: 10px;
background: url(../img/icon-exclamation.png) no-repeat left center;
font-size: 12px;
padding: 9px 0 9px 34px;
color: #f55;
width: 300px;
}
#p0 .main-error {
position: static;
margin: 10px 30px 10px 120px;
}
#p5bis .print {
float: right;
margin: 0 26px 0 20px;
}
#p5bis .footer-logo {
position: absolute;
right: 20px;
bottom: 15px;
}
#confirmation .print {
float: right;
margin: 104px 0 0 0;
}
#p5bis .print a {
display: block;
padding-top: 10px;
}
.no-candy {
color: #731A6F;
font-size: 14px;
font-style: italic;
font-weight: bold;
padding: 100px 0;
}
#p5 .operation-type {
float: right;
overflow: hidden;
}
#p5 .operation-type a {
display: block;
float: left;
line-height: 24px;
height: 24px;
border-left: 9px solid #000;
border-right: 9px solid #000;
padding: 0 15px;
background: #5b5b53;
margin-left: 8px;
font-family: 'MyriadProBoldSemiCondensed', sans-serif;
color: #fff;
font-size: 14px;
text-decoration: none;
}
#p5 .operation-type a.active {
background: #951494;
cursor:default;
}
#p5 .operation-type a.disabled {
background: #ccc;
border-color: #888;
}
#p5 .loading {
float: right;
}
#p5 .loading .ajax-loading {
padding: 10px 20px;
}
/* CONFIRMACION */
#generic-step { width:573px; height:218px; overflow:hidden; float:left; margin:104px 0 0 182px; position: relative; }
#confirmation h1 {
font-family: 'PT Sans';
text-align: left;
margin: 30px 0 0 170px;
line-height: 1;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
#confirmation .description {
font-family: 'PT Sans';
text-align: left;
margin: 0 0 0 170px;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
font-weight: bold;
height: 50px;
}
#confirmation .dialog-footer {
font-family: 'PT Sans';
text-align: left;
color: #7d7d7d;
margin: 15px 0 0 20px;
font-size: 14px;
}
#confirmation .dialog-footer a {
color: #01c5fe;
text-decoration: none;
}
#confirmation .dialog {
position: relative;
}
#confirmation .actions {
text-align: center;
margin: 10px 0 0 160px;
}
#confirmation .actions .ok {
display: block;
width: 80px;
line-height: 24px;
height: 24px;
border-left: 9px solid #000;
border-right: 9px solid #000;
padding: 0 15px;
background: #00658a;
margin-left: 8px;
font-family: 'MyriadProBoldSemiCondensed', sans-serif;
color: #fff;
font-size: 14px;
text-decoration: none;
}
#confirmation.confirmation-error .actions .ok {
background: #9a0000;
}
#confirmation.confirmation-ok .dialog {
background: url(../img/bg_confirmation-ok.jpg);
}
#confirmation.confirmation-error .dialog {
background: url(../img/bg_confirmation-error.jpg);
}
#confirmation .dialog .footer-logo {
position: absolute;
right: 20px;
bottom: 15px;
}
/* /CONFIRMACION */
.sidebar .selectedTicketsTitle span { cursor: help; }
/* IMAGENES DE COMBOS */
#p4 table.data .beneficio.img_product_8001 { background-image: url(../img/combos/combo_1.jpg); }
#p4 table.data .beneficio.img_product_8002 { background-image: url(../img/combos/combo_peli.jpg); }
#p4 table.data .beneficio.img_product_8003 { background-image: url(../img/combos/combo_1bb.jpg); }
/* /IMAGENES DE COMBOS */