@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;

}


html {

	position: relative;
  	min-height: 100%;
  	background-color: #000;
}

body {  
  	font-family: "MyriadProLight";  
  	color: #FFF;
  	background-color: #000;
}



/*/*/

.container {
	padding: 0px;
	background-color: #000;
}


.row {
	margin: 0px;
}

.row.msgerrorconfirmation {
	margin: 15px 15px;
	text-align: left;
}

.col-xs-12, .col-sm-12 {
	padding: 0px;
}

.margintop {
	margin-top: 5px;
}

.moremargin {
	margin-top: 20px;
}

.template {
  padding: 30px 0px 0px 0px;
  text-align: center;
}

.text-left {
	padding-left: 15px;
}

.text-right {
	padding-right: 15px;
}

.tpl-cont {
	padding-top: 15px;
}

.iframeseats .tpl-cont {
	padding-top: 0px;
}

.tpl-title {
	font-size: 18px;
	font-weight: bold;
	font-family: "MyriadProBoldSemiCondensed";
}

footer img {
	margin-top: 10px;
	margin-bottom: 15px;
	/*padding-bottom: 15px;*/
}

.legend {
	font-size: 10px;
	color:#C7C7C7;
	font-family: "MyriadProLight";
}

.legend.two {
	font-size: 11px;
}

.legend.two .conditions {
	color: #e20000
}

.matinee {
	color:#3bc0f2;
}

.trasnoche {
	color:#e41111;
}

.row.margintop.cond {
	padding: 7px 15px;
	text-align: left;

}

.terms,.terms:focus,.terms:visited,.terms:active,.terms:hover {
	color:#01c5fe;
	text-decoration: none;
	font-size: 11px;
}



/*HOME*/

.template.home {
	 /*background:  url(../images/background.png) no-repeat top;*/
	 background:  url(../images/background.jpg) no-repeat top;
	 background-size:100% auto;
	 /*background-size:cover;*/
}

.img-responsive.home {
	/*max-width: 85%;*/
}

.image-home {
	margin-left: 20px;
	margin-right: 20px;
}

.template.home .form-control {
	background-color: #000;
	border-color: #000;
	color: #FFF;
	text-align: center;
	width: 100%;
}

.footer-home {
	margin-top: 130px;	
}


.home label:after {
	color:#FFF;    
}


/**/

.img-responsive {
	margin-left: auto;
	margin-right: auto;
}

.tpl-cont .main-container {
	text-align: left;
}

.confirmed .tpl-cont .main-container {
	text-align: center;
}


.main-container {

	font-family: "MyriadProBoldSemiCondensed";
	margin-top: 10px;
	
	padding: 7px 15px;
	font-size: 14px;

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #5E6164 0%, #000 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #5E6164 0%, #000 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #5E6164 0%, #000 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(, #5E6164), color-stop(1, #000));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #5E6164 0%, #000 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #5E6164 0%, #000 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5E6164', endColorstr='#000',GradientType=0 ); /* IE6-9 */

}





.main-container.back1 {
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #5E6164 0%, #404040 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #5E6164 0%, #404040 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #5E6164 0%, #404040 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(, #5E6164), color-stop(1, #404040));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #5E6164 0%, #404040 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #5E6164 0%, #404040 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5E6164', endColorstr='#404040',GradientType=1 ); /* IE6-9 */
}


.main-container.seats {
	background-color: #D0D0C6;
	background-image: none;
}

.main-container.seatsoutframe {
	background-image: none;
	margin-top: 0px;
}

.main-container.back1 .form-group {
	margin-bottom: 5px;
}

.azul {
	color: #01c5fe;
	font-weight: bold;
}

.font-light {
	font-family:"MyriadProLight";
	font-size: 17px;
}

.font-light.operation {
	font-size: 14px;
}

.font-light.operation.price {
	white-space: nowrap;
}

.confirmed .font-light {
	font-size: 18px;
}

.tpl-cont option {
	background-color: #FFF;
}

.form-control {
	font-weight: bold;
}

.form-control.highligth {
	background-color: #01c5fe;
	border-color: #01c5fe;	
}

.form-control.inputerror {
	border-color: #a94442;
}

select {
	-moz-appearance: none;
    -webkit-appearance: none;
     appearance: none;
     font-family: "MyriadProLight";  
}

input {
	 font-family: "MyriadProLight";  
}

.form-group label {	
	position:relative;
	width: 100%;
}
.form-group  label:after {
    /*content:"\f01a";
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 20px;
    color:#01c5fe;    
    right:10px; top:4px;
    padding:0 0 2px;    
    position:absolute;    
    pointer-events: none;*/
}

option {
	text-align: center;
}


.form-control.submit {
	background-color: #6DAD19;
	border-color: #6DAD19;
	color: #FFF;
	font-family: "MyriadProBoldSemiCondensed";

}

.form-control.submit i {
	font-size: 20px;
	float: right;
}

@-moz-document url-prefix() { 
  	.form-control.submit i {
    	margin-top: -20px;
  	}
}


#ajax-loader,#ajax-loader-forgot {
	float: none;
	margin-top: -4px;
}

.spin-cinema {
	margin-left: 10px;
}

.continue {
	margin-right: 10px;
}

.form-control.submit .fa-stack {
	font-size: 15px;
	float: right;
	margin-top: -5px;
}

.form-control.submit .fa-stack .fa-stack-1x {
	font-size: 1em;
}
.form-control.submit .fa-stack .fa-stack-2x {
	font-size: 2em;
}

.seatsoutframe .alert {
	margin-bottom: 0px;
}

.alert-danger {
	 font-family: "MyriadProLight";  
}

.price-title {
	float: left;
}

.price-value {
	float: right;
}

.cont-pantalla {
	background-color: #000;
	text-align: center;
	margin-bottom: 10px;
}

.row.cont-pantalla {
	margin-left: -15px;
	margin-right: -15px;
}

table.cinemaseats-grid {
  margin: auto;
}

.checkbox {
	margin: 0;
	text-align: center;
}

.checkbox label {
	padding-left: 0px;
}

.bluearrow {
	float: right;
	font-size: 20px;
	color:#01C5FE; 
	line-height: 1;
}

.upper {
	text-transform: uppercase;
}

@media (max-width: 640px) {
	.scrollable {
		width: 640px;
	}
}


/*CONFIRMED */
.strConfirmed {
	font-size: 28px;
	/*font-family:"MyriadProLight";*/
}

.confirmed .code {
	font-size: 26px;
}

.rojo {
	color: #EE1C29;
}

.small {
	margin-top: 50px;
}

.small .font-light {
	font-size: 14px;
}

.small a {
	text-decoration: none;
	color: #FFF;
}

.small a.mail{	
	color: #01c5fe;
}

#iframeseats html {
	background-color: #F00;
}



/*MI CUENTA - REGISTRO*/

.link-micuenta,.link-micuenta:hover {
	text-decoration: none;
	color: #FFF;
	font-family: "MyriadProBoldSemiCondensed";
	white-space: nowrap;
}

.m-login .pop.in {
	opacity: 1;	
  	animation-duration: 200ms;
  	-moz-animation-duration: 200ms;
  	-webkit-animation-duration: 200ms;

}

.m-login .col-sm-4 {
	padding: 0px;
}

.middle.col-sm-4 {
	padding-left:15px;
	padding-right:15px;
}


.m-login .main-container.back1 .form-group {
	margin-bottom: 10px;
}

.close-button,.close-button:hover, .close-button:focus {
	float: right;
	margin-top: -20px;
	margin-right: -15px;
	color: #01c5fe;
}

.popin-forgot {
	background-color: #000;
	border: 1px solid #FFF;
	border-radius: 5px;
	font-family:"MyriadProBoldSemiCondensed";
}

.m-login .ui-popup-container, .m-login .ui-popup {	
    width: 99%;    
    /*visibility: visible;
    clip: auto;
    overflow: visible;*/
}

.popup-forgot {
	padding: 10px 20px;
}

.message-ok {
	font-size: 16px;
}

.m-register .footer {
	padding: 15px;
	font-family: "MyriadProBoldSemiCondensed";
	text-align: left;
}

.m-register .confirmation-reg, .m-account .confirmation-reg {
	font-family: "MyriadProBoldSemiCondensed";
	font-size: 18px;
}


.ui-page-theme-a .ui-btn.button-mail-confirmation, .ui-page-theme-a .ui-btn.button-mail-confirmation:hover {
	color: #FFF;
	font-family: "MyriadProBoldSemiCondensed";
	background-color: #00658A;
	max-width: 200px;
}

.ui-page-theme-a .ui-btn.button-mail-confirmation.error, .ui-page-theme-a .ui-btn.button-mail-confirmation.error:hover {

	background-color:#9A0000;

}

.exclamation {
	color: #FF0000;
	font-size: 150px;
}

.ok-circle {
	font-size: 80px;
	color: #00658A;
}

.check {
	color: #FFF;
}

.no-op {
	text-align: center;
	padding-top: 20px;
}

.no-operations {
	font-size: 18px;
	font-family: "MyriadProBoldSemiCondensed";
	font-weight: bold;
}

.title-movie {
	font-size: 18px;
	font-family: "MyriadProBoldSemiCondensed";
	font-weight: bold;	
}

.row.text-center {
	text-align: center;
}

.line-performance {
	width: 80%;
	border-top: 1px solid #FFF;
	margin-top: 40px;
	margin-bottom: 40px;
}

.line-performance.button-tabs {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%;
}

.tickets-candy {
	padding-top: 10px;
	padding-bottom: 10px;
}

.row.moviename {
	margin-bottom: 15px;
}

.nopaddingleft {
	padding-left: 0px;
}

.nopaddingleft.left {
	padding-top: 7px;
}



.row.performance, .row.data {
	margin-top: 15px;
}

.m-account .ui-content, .m-account .ui-tabs {
	padding: 0px;
}

.myaccount {
	padding-top: 15px;
}



/***********/


@media (max-width: 767px) {
	html {
		background-color: #000
	}	

	.middle.col-sm-4 {
		padding: 0px;
	}

	.exclamation {
		font-size: 80px;
	}

	.ok-circle {
		font-size: 40px;
	}

}

@media (min-height: 560px) and (orientation: portrait) {
	.template.home {
		background-size: cover;

	}
}

@media (max-width: 403px) {
	.m-login .nopaddingleft.left,.m-register .nopaddingleft.left {
		padding-top: 0px;
	}

	.m-login .nopaddingleft.backbutton, .m-register .nopaddingleft.backbutton {
		padding-top: 7px;
	}
}


/*STYLES CON JQUERY MOBIL*/

.ui-select {
	margin: 0px;
}

.ui-checkbox {
	margin: 0px;
}

.ui-page-theme-a .ui-btn {
	background-color: #FFF;
	border: none;
	color: #000;
	text-shadow: none;
	font-size: 14px;
	font-family: "MyriadProLight";
	text-decoration: none;
	border-radius: 5px;
}

.ui-page-theme-a .close.ui-btn {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  width: 13px;
  background: transparent;
  margin: 0px;
}

.ui-page-theme-a .ui-btn.highligth {
	background-color: #01c5fe;
}

.m-home .ui-page-theme-a .ui-btn {
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
}

.m-home  .ui-page-theme-a .ui-popup .ui-btn   {
	border-radius: 0px;
}

.m-home  .ui-page-theme-a .ui-dialog-contain .ui-btn {
	border-radius: 0px;
}

.ui-dialog-contain .ui-btn {
	display: none;
} 

.ui-page-theme-a .ui-btn:hover {
	background-color: #FFF;
	border: none;
	color: #000;
	text-shadow: none;	
	text-decoration: none;
}




.ui-page-theme-a .ui-btn.highligth:hover {
	background-color: #01c5fe;
}

.m-home .ui-page-theme-a .ui-btn:hover {
	background-color: #000;	
	color: #FFF;	
	text-decoration: none;
}

.ui-btn-icon-right:after {
	content:"\f01a";
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 20px;
    color:#01c5fe;    
    /*right:10px; top:4px;*/
    padding:0 0 2px;    
    position:absolute;    
    pointer-events: none;
    margin-top: -12px;
}

.ui-popup .ui-btn:hover {
	/*border-top: 1px solid #000;*/
	background-color: transparent; 
 }

 .m-home .ui-popup .ui-btn:hover {
	border-top: 1px solid #FFF;	
 }

 .ui-page-theme-a .ui-btn.ui-btn-active { 	
 	background-color: #FFF;
 }

  .ui-page-theme-a .ui-btn.ui-btn-active.highligth {
  	background-color: #01c5fe;
  }

 .m-home .ui-page-theme-a .ui-btn.ui-btn-active { 	
 	background-color: #000;
 }

.ui-page-theme-a .ui-popup .ui-btn.ui-btn.matinee {
	color:#3bc0f2;
	border-top-color: #000;
}

.ui-page-theme-a .ui-popup .ui-btn.ui-btn.trasnoche {
	color:#e41111;
	border-top-color: #000;
}

.ui-page-theme-a .ui-popup .ui-btn.ui-btn-active.matinee {
	color:#FFF;
}

.ui-page-theme-a .ui-popup .ui-btn.ui-btn-active {
	background-color: #01c5fe;
}

.ui-page-theme-a .ui-btn.ui-btn-active {
	text-shadow:none;
	text-decoration: none;
}

 .ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
 	background: none;
 }

 .ui-selectmenu.ui-popup .ui-header, .ui-selectmenu.ui-dialog .ui-header {
 	background-color: #404040;
 	color: #FFF;
 	text-shadow: none;
 	font-weight: normal;
 }

 .ui-selectmenu .ui-header .ui-title  {
 	font-weight: normal;
 }

 .ui-listview>li>a.ui-btn {
 	 font-size: 14px;
 	 font-weight: normal;
 	 font-family: "MyriadProLight";
 	 white-space: normal;
 	 border-radius: 0px;
 }

 .ui-listview>li>a.ui-btn:hover {
 	background-color: #FFF;
 	text-shadow:none;
 	color: #000;	
 	border-top: 1px solid #000;
 }

  .ui-listview>li>a.ui-btn.highlight:hover {
  	background-color: #01c5fe;
  	text-decoration: none;
  }

 .m-home .ui-listview>li>a.ui-btn:hover {
 	border-top: 1px solid #FFF;	
 	text-decoration: none;
 }

html .ui-body-a .ui-btn.ui-btn-active {
 	background-color: #01c5fe;
 	text-shadow:none;
 	border-top: 1px solid #000;
 	text-decoration: none;
 }


 html .m-home .ui-body-a .ui-btn.ui-btn-active {
 	border-top: 1px solid #FFF;	
 	text-decoration: none;
 }


.ui-page-theme-a .submit.ui-btn {
 	background-color: #6DAD19;
	border-color: #6DAD19;
	color: #FFF;
	font-family: "MyriadProBoldSemiCondensed";	
	margin: 0px;
	padding: 6px 12px;
}

.ui-page-theme-a .back.ui-btn {
 	background-color: #5E6164;
	border-color: #5E6164;
	color: #FFF;
	font-family: "MyriadProBoldSemiCondensed";	
	margin: 0px;
	padding: 6px 12px;
}

.form-control.forgot.ui-link{
 	background-color: #24241A;
	border-color: #24241A;
	color: #92928D;
	font-family: "MyriadProBoldSemiCondensed";	
	margin: 0px;
	padding: 6px 12px;
	text-align: center;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
	color: #FFF;
}



.ui-page-theme-a .register.ui-btn {
 	background-color: #24241A;
	border-color: #24241A;
	color: #FFF;
	font-family: "MyriadProBoldSemiCondensed";	
	margin: 0px;
	padding: 6px 12px;
}



.ui-input-text {
	margin: 0px;
	border: none;
	background-color: #FFF;
	color: #000;
	border-radius: 5px;

}

.ui-input-text input {
	padding: 0px;
	padding: 6px 12px;
	height: 34px;
	line-height: 1.42857143;

}

.ui-mobile [data-role=page] {
	display: block;
}

.ui-selectmenu .ui-dialog-contain {
	border: 1px solid #000;
}

.m-home .ui-selectmenu .ui-dialog-contain {
	border: 1px solid #FFF;
}


.ui-page-theme-a .ui-btn:focus, html .ui-body-a .ui-btn:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	text-decoration: none;
	outline: none;
}

.ui-selectmenu.ui-popup {
	border: 1px solid #000;
}

.m-home .ui-selectmenu.ui-popup {
	border: 1px solid #FFF;	
}


.ui-checkbox .ui-btn,.ui-checkbox .ui-btn:hover {
	background-color: transparent;
	text-align: center;
	color: #FFF;
	text-decoration: initial;
	font-family: "MyriadProBoldSemiCondensed";
	padding: 0px;
}

.ui-checkbox input {
	width: 13px;
	
}

.checkbox input[type=checkbox] {
	margin-left: 0px;
	left: 0px;
}

.ui-mobile .ui-page-active {
	overflow-x: visible;
}

body.ui-mobile-viewport, div.ui-mobile-viewport {
	overflow-x: visible;	
}

.m-seatsselect {
	background-color: #000;
}

.viewport-pop .ui-dialog-contain {
	display: none;
}

.ui-page-theme-a .tab.ui-btn {
	background: transparent;
	color: #FFF;
	text-transform: uppercase;
	font-family: "MyriadProLight";
	font-size: 15px;	
	border-radius: 0px;

}
.ui-page-theme-a .tab.first.ui-btn {
	border-right: 1px solid #FFF;	
}

.ui-page-theme-a .ui-tabs-active .tab.ui-btn {
	font-family: "MyriadProBoldSemiCondensed";	
}


.m-confirmation .ui-popup-container, .m-confirmation .ui-popup {
    width: 99%;
}

.m-confirmation .pop.in {
    opacity: 1;
    animation-duration: 200ms;
    -moz-animation-duration: 200ms;
    -webkit-animation-duration: 200ms;
}

/*POP COMBOS*/

.m-combos .close-button,.close-button:hover, .close-button:focus {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	color: #01c5fe;
}

.m-combos .pop.in {
	opacity: 1;	
  	animation-duration: 200ms;
  	-moz-animation-duration: 200ms;
  	-webkit-animation-duration: 200ms;
	top: 100px !important;
}

.popin-concession {
	/*background-color: #000;
	border: 1px solid #FFF;
	border-radius: 5px;
	font-family:"MyriadProBoldSemiCondensed";*/
}

.m-combos .ui-popup-container, .m-combos .ui-popup {	
    width: 100%;    
    /*visibility: visible;
    clip: auto;
    overflow: visible;*/
}