@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(style_framework.css);
@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);
  /* 655F91  */
  
@-ms-keyframes spin { 
        from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotate(360deg); 
        }
    }
@-moz-keyframes spin { 
	from { 
		-moz-transform: rotate(0deg); 
	} to { 
		-moz-transform: rotate(360deg); 
	}
}
@-webkit-keyframes spin { 
	from { 
		-webkit-transform: rotate(0deg); 
	} to { 
		-webkit-transform: rotate(360deg); 
	}
}
@keyframes spin { 
	from { 
		transform: rotate(0deg); 
	} to { 
		transform: rotate(360deg); 
	}
}
	

@media all{
	body{
		margin:0;
		width:100%;
		background-color:#444156;
		font-family: 'PT Sans',sans-serif;
		font-size: 15px;
		line-height: 25px;
	}
	a{
		color:#6f5499;
		text-decoration:underline;
	}
	a:hover { text-decoration:none;}
	.hr{border-bottom: 1px solid #dddddd;margin:10px 0px 25px;}
	small {
		color:#999;
		display:block;
		font-size: 85%;
		margin:0px;
		padding:0px;
		padding-bottom:7px;
		line-height:15px;
	}
	p{
		display:block;
		margin-bottom:10px;
	}
	
	iframe, .videoplayer{
		width:100% !important;
		margin:0px 0% 5px !important;
		height:auto;
		}
		
	strong{
		font-weight:bold; 
	}
	
	li strong{
		font-weight:bold; text-transform:uppercase;
	}
	
	
	input,button,input.text,input[type="text"],input[type="button"],input[type="submit"],.input-checkbox{
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		outline: none;
	}
	
	img.round{
		border-radius: 50%;
	}
		
	.alert{padding:15px 35px 15px 15px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;}.alert h4{margin-top:0;color:inherit;}
	.alert strong{ font-weight:bold; text-transform:uppercase;}
	.alert hr{border-top-color:#f8e5be;}
	.alert .alert-link{font-weight:bold;color:#a47e3c;}
	.alert .close{position:relative;top:-2px;right:-21px;color:inherit;}
	.alert>p,.alert>ul{margin-bottom:0;}
	.alert>p+p{margin-top:5px;}
	.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}.alert-success hr{border-top-color:#c9e2b3;}
	.alert-success .alert-link{color:#356635;}
	.alert-danger{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}.alert-danger hr{border-top-color:#e6c1c7;}
	.alert-danger .alert-link{color:#953b39;}
	.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}.alert-info hr{border-top-color:#a6e1ec;}
	.alert-info .alert-link{color:#2d6987;}
	.alert-load{background-color:#E6E6E6;border-color:#CCC;color:#666;}

	.label{
		display: inline-block;
		margin:5px 0 2px;
	}
	section.html5{
		display: none;
	}
	.nohtml5{
		color:#000;
		font-size:50px;
		line-height:75px;
	}
	.nohtml5 a{
		color:#000;
	}
	
	.hide{
		display:none;
	}
	
	.organizador{
		
	}
	.organizador img.logo{
		float: left;
		width: 75px !important;
		margin-right: 15px;
	}
	
	.color-web{color:#6f5499 !important;}
	.color-twitter{color:#4099FF !important;}
	.color-instagram{color:#517fa4 !important;}
	.color-facebook{color:#3B5998 !important;}
	.color-youtube{color:#FF3333 !important;}
	.color-vine{color:#00a478 !important;};}
	.color-whatsapp{color:#25D366 !important;}
	
	.background-web{background-color:#6f5499 !important;color: #000 !important; }
	.background-twitter{background-color:#4099FF !important;color: #FFF !important; }
	.background-instagram{background-color:#517fa4 !important;color: #FFF !important; }
	.background-facebook{background-color:#3B5998 !important;color: #FFF !important;}
	.background-youtube{background-color:#FF3333 !important;color: #FFF !important;}
	.background-vine{background-color:#00a478 !important;color: #FFF !important;}
	.background-whatsapp{background-color:#25D366 !important;color: #FFF !important;}

	section.slider{
		color: #FFF;
		position: relative;
		margin: 0px;
		height: 330px;
		-webkit-clip-path: polygon(0 0px,100% 0,100% 100%,0 100%);
    	clip-path: polygon(0 0px,100% 0,100% 100%,0 100%);
	}
	section.slider .bg {
		background-attachment:  scroll, scroll  !important;
		background-size: cover, cover !important;
		background-position: center center, center center ;
		background-repeat: no-repeat,no-repeat !important;
		transition: all 1000ms ease-in-out;	
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		mix-blend-mode: multiply;
		z-index: -1;
		border-image: fill 0 linear-gradient(#3000, #6f5499AA);
	}
	section.slider .bg-back {
		background: #000;
		opacity: 0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		z-index: -2;
	}
	section.slider .title{
		position:absolute;
		left:20px;
		right:20px;
		text-align: center;
		bottom: 20px;
		margin: 0px;
	}
	section.slider .title h1{
		line-height: 50px;
		margin: 0px;
		padding: 0px;
		font-size: 50px;
		font-weight:700;
		text-transform: uppercase;
		color:#FFF;
		text-shadow: 3px 3px  #6f5499;
	}
	section.slider .title h1:after,section.slider .title h1:before{
		display: none;
	}
	section.slider .title span{
		display: block;
		line-height: 30px;
		font-size: 160%;
		font-weight:400;
		font-family: 'Barlow', sans-serif;
		text-transform: uppercase;;
		text-shadow: 2px 2px  #6f5499;
	}

	section.infoevento{
		margin:0px 0px 30px;
		position: relative;
        line-height:23px;
		padding: 20px 20px 10px;
		background-color: #6f5499;
		color: #FFF;
	}
	section.infoevento .cuarto, section.infoevento .mitad, section.infoevento .tercio, section.infoevento .quinto, {
		margin-bottom:0px;
		padding-bottom:10px;
	}

	.datoevento{
		margin:0px 0px;
		position: relative;
        line-height:23px;
	}
	
  	
	.datoevento h3,.datoevento h4{
		margin-bottom:0px;
		margin-left:0px;
		font-weight: 700;
		color: #FFF;
	}
	
    .datoevento .datos{
		margin-left:33px;
	}
	
	.datoevento span.icon{
		color: #fff;
		position: absolute;
		top: -2px;
		left: 0px;
		font-size: 20px;
		line-height: 30px;
	}
	
	.infoevento small{
		display: inline;
		text-transform: uppercase;
    	font-size: 80%;
		padding-bottom: 0;
		line-height: inherit;
		font-weight: 700;
		letter-spacing: 0.4px;
		
	}

	.btn{
		font-size: 16px;
		margin: 0px;
		border: none;
		overflow: hidden;
		-webkit-transition: background-color 0.3s ease,color 0.3s ease;
		transition: background-color 0.3s ease,color 0.3s ease;
		display: inline-block;
		text-decoration: none;
		cursor: pointer;
		padding: 5px 35px 5px 20px;
		text-transform: uppercase;
		background-color: #6f5499;
		font-family: "Open Sans",sans-serif;
		font-weight: 700;
		color: #FFF;
		display: inline-block;
		position: relative;
		line-height:35px;
		height:35px;
		z-index: 1;
		text-decoration:none;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.btn:after{
		content: ">";
		position: absolute;
		top: 50%;
		margin-top: -18px;
		right: 15px;
		font-size:18px;
		font-family: "Open Sans",sans-serif;
		font-weight: 700;
		color:#FFF;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.btn:hover:after{
		right: 10px;
	}
	
	.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
		cursor: default;
		pointer-events: none;
		opacity: 0.65;
		filter: alpha(opacity=65);
		padding: 5px 20px 5px 20px;
	}
	
	.btn.btn-sm.disabled, .btn.btn-sm[disabled], fieldset[disabled] .btn.btn-sm{
		padding: 0px 15px 0px 15px;
	}
	
	.btn.disabled:after, .btn[disabled]:after, fieldset[disabled] .btn:after{
		display:none;
	}
	
	.btn-success {
		background-color: #5cb85c;
	}
	.btn-danger{
		background-color: #d9534f
	}
	.btn-warning{
		background-color: #f0ad4e;
	}
	.btn-info{
		background-color: #5bc0de;
	}

	.btn.btn-sm{
		font-size: 14px;
		padding: 0px 30px 0px 15px;
	}
	.btn:hover, .btn:hover a{
 		background-color: #444156;
	}
	.btn a{
		color:#FFF;
		text-decoration: none;
	}
	
	.input-group .btn{
		padding: 0px 20px;
		margin: 3px 0px 15px;
		line-height:42px;
		height:42px;
		font-size:30px;
	}
	.input-group .btn:after{
		display:none;
	}
	
	.label{display:inline;padding:.2em .7em .2em;font-size:85%;line-height:1;color:#ffffff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}.label[href]:hover,.label[href]:focus{color:#ffffff;text-decoration:none;cursor:pointer;}
	.label:empty{display:none;}
	.label-default{background-color:#999999;}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080;}
	.label-primary{background-color:#428bca;}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9;}
	.label-success{background-color:#5cb85c;}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44;}
	.label-info{background-color:#5bc0de;}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5;}
	.label-warning{background-color:#f0ad4e;}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f;}
	.label-danger{background-color:#d9534f;}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c;}
	
	
	.tabletymovil{
		display:none;
	}
	
	
	label.option {
		position: relative;
		padding-right: 7px;
		display: inline-block;
		cursor:pointer;
	}
	label.option > input {
		position: absolute;
		height: inherit;
		width: inherit;
		opacity: 0;
		left: 0;
	}
	label.option > span{
		cursor: pointer;
		position: relative;
		background: #fff;
		display: inline-block;
		border: 3px solid #A3A3A3;
		height: 16px;
		width: 16px;
		top: 5px;
		margin-right: 8px;
	}
	label.option > span:before {
		content: '';
		display: none;
	}
	label.option > input:checked + span:before {
		display: block;
	}
	label.option > input[type="checkbox"] + span:before {
		position: absolute;
		top: 3px;
		left: 3px;
		width: 6px;
		height: 3px;
		border: solid #FFF;
		border-width: 0 0 4px 4px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	label.option > input:checked + span {
		border: 3px solid #A3A3A3;
		background-color:#A3A3A3;
	}
	label.option > input[type="radio"] + span {
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
	}
	label.option > input[type="radio"] + span:before {
		margin: 4px;
		width: 9px;
		height: 9px;
		background: #A3A3A3;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}
	
	
	
	/*main styles*/
	
	.adjust{
		width:970px;
		padding:0;
		margin:0px auto;
	}
	
	
	
	h1{
		padding:0px;
		display:block;
		margin: 0px;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		font-size:40px;
		line-height:60px;
		color:#6f5499;
		text-transform:uppercase;
	}
	h1 span{
		color:#A3A3A3;
		font-weight:700;
		font-size:60%;
	}
	h1 strong{
		font-weight:700;
		font-size:30px;
		color:#000;
	}
	 h1 a{
		color:#6f5499;
		text-decoration:none;
	}
	h1 a:hover{
		color: #555;
	}
	h2{
		padding:0px;
		display:block;
		margin: 30px 0px 5px;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		font-size:30px;
		line-height:60px;
		color:#383838;
		text-transform:uppercase;
	}
	h2 a{
		color:#383838;
	}
	h2 strong{
		font-weight:700;
		text-transform:initial;
	}
	h2 span{
		font-weight:700;
		font-size:60%;
	}
	h2 a:hover{
		color: #555;
	}
	h3{
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		margin:10px 0px 5px;
		font-size:25px;
		line-height:35px;
		color:#000;
		padding:0px;
		text-transform:uppercase;
	}
	h3 a{
		color:#383838;
	}
	h4{
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		font-size:20px;
		line-height:30px;
		color:#000;
		margin:0px 0px 7px;
		padding:0px;
		text-transform:uppercase;
	}
	h4 a{
		text-decoration:none;
		color:#000;
	}
	h5{
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		font-size:17px;
		line-height:27px;
		color:#555;
		margin:0px;
		padding:0px;
		color:#CCC;
		text-transform:uppercase;
	}
	h5 a{
		text-decoration:none;
		color:#CCC;
	}
	
	
	header{
		width:100%;
		padding:0;
		margin:0px auto;
		background-color:#6f5499;
	}
	
	header i.fa-ticket-alt {
		overflow:hidden;
		float:left;
		font-size: 80px;
		line-height: 80px;
		display:block;
		color: #FFF;
		transform: scale(1.5);
		transform: rotate(135deg);
	}
	header i.fa-ticket-alt:before {    	
		overflow:hidden;
	}
	header h1{
		color: #FFF;
		font-size: 50px;
		line-height: 80px;
		font-family: 'Open Sans';
		font-weight:300;
		display:block;
		float:left;
		margin-left:20px;
		text-transform:inherit;
	}
	header h1 a{
		color: #FFF !important;
		line-height: 80px;
		text-decoration:none;
	}
	header nav{
		float:right;
	}
	header nav ul {
		list-style:none;
		margin:0px;
		padding: 0px;
		display:block;
		border:none;
	}
	header nav ul li{
		display:block;
		margin:0px;
		padding:0px;
		float:left;
		position:relative;
		font-size:17px;
		line-height:80px;
		font-weight:normal;
	}
	header nav ul li a{
		color:#FFF;
		display:block;
		padding: 0px 20px 0px 10px;
		margin:0px;
		font-family: 'Open Sans';
		font-weight:700;
		line-height:80px;
		text-decoration:none;
		-webkit-font-smoothing: antialiased;
    	text-transform: uppercase;
	}
	header nav ul li a:after {
		content: "/";
		position: absolute;
		right: 0px;
		top: 0px;
		font-family: 'Open Sans';
		font-weight:300;
		font-size:28px;
		color:#AAA;
	}
	header nav ul li:last-child a:after {
		display:none;
	}
	header nav ul li:hover a, header nav ul li.active a {
		color:#A3A3A3;
	}
	
	header nav #btnmenu {
		display: none;
	}
	
	header.scrolled div.logo{
		height:40px;
		padding:5px;
	}
	header.scrolled div.logo img{
		height:40px;
	}
	header.scrolled h1{
		font-size: 30px;
		line-height: 50px;
	}
	header.scrolled nav ul li{
		line-height:50px;
		font-size:18px;
	}
	header.scrolled nav ul li ul {
		top:50px;
	}
	header.scrolled nav ul li ul li{
		line-height:40px;
	}
	
		
	#slider{
		width:100%;
		padding:0;
		margin:0;
		background-color:#ECE9E2;
		list-style:none;
		position:relative;
		overflow:hidden;
	}
	
	#slider .title{
		text-align: center;
		color: #6f5499;
		font-size: 30px;
		line-height: 50px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		display:block;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin:100px auto 0px;
	}
	
	#slider .subtitle{
		text-align: center;
		color: #6f5499;
		font-size: 20px;
		line-height: 70px;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 1px;
		font-weight: 300;
		display:block;
		margin:0px auto 100px;
	}
	#slider .menu{
		background-color:#FFF;
		overflow:hidden;  
		-webkit-box-shadow: 0 0 4px rgba(164,164,164,.5);
    	box-shadow: 0 0 4px rgba(164,164,164,.5);
	}
	
	#slider .menu a{
		text-align: center;
		color:#6f5499;
		font-size: 16px;
		line-height: 25px;
		text-transform:uppercase;
		text-decoration:none;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		display:block;
		margin-top:10px;
		position:relative;
	}
	#slider .menu a:after{
		content:"";
		position:absolute;
		right:-4%;
    	border-left: 1px solid #EBEBEB;
		height:100%;
		top:0px;
	}
	#slider .menu a:last-child:after{
		display:none;
	}
	#slider .menu a .icon{
		text-align: center;
		font-size: 35px;
		margin:10px 0px;
		color: #A3A3A3;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s ;
		-o-transition: all 0.2s;
		-ms-transition: all 0.2s;
		transition: all 0.2s;
	}
	
	#slider .menu a:hover .icon{
		transform:scale(1.3);
		color:#6f5499;
	}
	
	
	.evento{
		margin-top:20px;
		background-color:#ECE9E2;
	}
	
	.evento img{
		width:100%;
	}
	.evento span.type{
		display:block;
		margin:10px 30px;
		color: #b7a57a;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		font-size: 13px;
		text-transform: uppercase;
	}
	.evento span.date{
		display:block;
		text-align:center;
		margin:10px 30px;
		color: #000;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		text-transform: uppercase;
	}
	.evento h3{
		display:block;
		margin:10px 30px;
		color: #6f5499;
		font-size: 18px;
		line-height:25px;
		margin-top: 5px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
	}
	.evento p{
		display:block;
		margin:10px 30px;
	}
	.evento .footer {
		margin: 0;
		padding: 20px 30px;
		background: #f5f5f5;
		font-size: 90%;
		line-height: 1.6;
		color: #aaa;
	}
	.evento .footer span{
		display:block;
	}
	
	
	ul.info-evento{
		list-style:none;
		margin:0px;
		padding: 0px;
		display:block;
		border:none;
	}
	
	ul.info-evento li {
		padding: 0px;
		margin: 0px;
		list-style: none;
		display:block;
		line-height:30px;
	}
	
	ul.info-evento li i{
		color:#A3A3A3;
		font-size:20px;
		padding-right:5px;
	}
	
	ul.info-evento li strong{
		font-weight:bold;
		text-transform:uppercase;
	}
	
	ul.info-evento li big{
		color:#6f5499;
		font-size:20px;
		font-weight: 700;
		text-transform:uppercase;
	}
	
	ul.info-evento2{
		list-style:none;
		margin:0px;
		padding: 0px;
		display:block;
		border:none;
	}
	
	ul.info-evento2 li {
		padding: 0px;
		margin: 0px;
		list-style: none;
		display:block;
		float: left;
		line-height:30px;
		width: 50%;
		text-align: center;
	}
	
	ul.info-evento2 li i{
		color:#A3A3A3;
		font-size:20px;
		padding-right:5px;
	}
	
	ul.info-evento2 li strong{
		font-weight:bold;
		text-transform:uppercase;
	}
	
	ul.info-evento2 li big{
		color:#6f5499;
		font-size:20px;
		font-weight: 700;
		text-transform:uppercase;
	}
	
	.img-evento{
		margin-bottom:20px;
	}
	
	.sesion-evento{
		padding: 0px 10px 10px;
		border-bottom: 1px solid #e9eef1;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s ;
		-o-transition: all 0.2s;
		-ms-transition: all 0.2s;
		transition: all 0.2s;
	}
	
	.sesion-evento:hover{
		background-color:#f6f6f6;
	}
	
	.sesion-evento .fecha, .sesion-evento .hora, .sesion-evento .text, .sesion-evento .boton{
		display:inline-block;
		line-height:35px;
		height:35px;
		margin-top:10px;
	}
	
	.sesion-evento .fecha, .sesion-evento .hora{
		font-size:20px;
		color:#6f5499;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		margin-right:10px;
		text-transform:uppercase;
	}
	
	.sesion-evento .fecha{
		color:#6f5499;
	}
	
	.sesion-evento .fecha span{
		font-weight: 400;
	} 
	
	.sesion-evento .fecha span.codigo-reserva{
		font-size:70%;
	} 
	.sesion-evento .hora{
		color:#000;
	}
	
	.sesion-evento .text, .sesion-evento .boton{
		float:right;
		margin-left:10px;
	}
	.sesion-evento .text{
		padding:0px 15px;
		height:initial;
	}
	
	.sesion-evento .text strong{
		text-transform:uppercase;
		font-weight: bold;
	}
	
	.sesion-evento .text.info-warning{
		background-color:#f0ad4e;
		color :#FFF;
	} 
	
	.sesion-evento .text.info-danger{
		background-color:#d9534f;
		color :#FFF;
	} 
	
	.sesion-evento .text.info-success{
		background-color:#5cb85c;
		color :#FFF;
	} 
	
	.sesion-evento .text.info-info{
		background-color:#5bc0de;
		color :#FFF;
	}
	
	.sesion-evento .boton .btn{
		margin:0px;
	}
	
	#butacas{
		position:relative;
		overflow:hidden;
	}
	
	#butacas table{
		text-align: center;
		padding:0px;
		margin:0px;
		width:100%;
	}
	#butacas table tr{
		text-align: center;
		padding:0px;
		margin:0px;
	}
	#butacas table tr td{
		text-align: center;
		width:20px;
		height:20px;
		padding:2px 1px;
		margin:0px;
		text-align:center;
		font-family: 'Open Sans';
		font-weight: 300;
	}
	
	#butacas table tr td.escenario{
		color:#FFFFFF;
		background-color:#A3A3A3;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
		padding:20px 0;
		font-weight: 700;
		margin:0px;
	}
	
	#butacas input[type=checkbox].check_butaca {display: none; margin:0px; padding:0px;}
	#butacas input[type=checkbox].check_butaca + label{background: #fff; display: inline-block; text-indent: -1000em; text-align:center;  width: 22px; height:22px; cursor:pointer; background-color:#5cb85c;  -webkit-border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0;  margin:0px; padding:0px; border:0px solid #444; border-bottom:none;}
	
	#butacas input[type=checkbox].check_butaca:checked + label{ background-color:#428bca; }
	
	#butacas input[type=checkbox].check_butaca:disabled + label{  background-color:#d9534f; cursor: default;}
	
	#butacas input[type=checkbox].check_butaca.disabled:disabled + label{  background-color:#999999; cursor: default;}
	
	
	.loading:before {
		content: "";
		display: block;
		position:absolute;
		text-align:center;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		width:100%;
		height:100%;
		background: rgba(255, 255, 255, 0.80);
		z-index:901; 
	}
	.loading:after {
		content: "\f021";
		display: block;
		position:absolute;
		text-align:center;
		line-height:4000%;
		margin-left:-9px;
		margin-top:-9px;
		font-size:25px;
		line-height:25px;
		height:25px;
		width:25px;
		top:50%;
		left:50%;
		font-family: 'FontAwesome';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-moz-osx-font-smoothing: grayscale;
		z-index:902;
		
		-webkit-animation-name: spin;
		-webkit-animation-duration: 4000ms;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;

		-moz-animation-name: spin;
		-moz-animation-duration: 4000ms;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;

		-ms-animation-name: spin;
		-ms-animation-duration: 4000ms;
		-ms-animation-iteration-count: infinite;
		-ms-animation-timing-function: linear;

		animation-name: spin;
		animation-duration: 4000ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	
	
	section, footer{
		padding:20px 0px 20px;
	}
	
	section{
		background-color: #FFF;
	}
	
	.heading:after {
		display: block;
		content: "";
		background: #000;
		width: 150px; 
		height: 1px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: -1px;
	}
	.heading.black:after {
		background: #000;
	}
	
	
	
	footer article, section article{
		border-bottom:1px dotted #DDD;
		margin-bottom:10px;  
		padding:5px 0px;
	}
	
	footer article h2, section article h2{
		font-size:17px;
		margin:0px;
		padding:0px;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		line-height:25px;
		color:#555;
	}
	footer article h2 a, section article h2 a{
		text-decoration:none;
		color:#6f5499;
	}
	footer article h2 a:hover, section article h2 a:hover{
		text-decoration:none;
		color: #555;
	}
	
	footer article p, section article p{
		display:block;
		margin-bottom:7px;
	}
	
	footer article footer, section article footer{
		text-align:right;
		margin:3px 0;
		padding:0px;
		border:none;
		color:#999;
		font-size:85%;
		background-color:transparent;
	}
	footer article footer a, section article footer a{
		font-weight:bold;
		color:#777;
		font-size:85%;
	}
	footer ul li, section ul li, .panel ul li{
		padding:0px;
		margin: 0 0 5px;
		margin-left:25px;
		list-style: disc !important;
	}
	
		
	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		border-left: 5px solid #eeeeee;
	}
	blockquote p {
		font-weight: 300;
		line-height: 1.25;
	}
	blockquote small {
		display: block;
		line-height: 1.428571429;
		color: #999999;
	}
	blockquote small:before {
		content: '\2014 \00A0';
	}
	
	.navigation{
		padding:0 2%;
		margin-bottom:20px;
		clear:both;
		overflow:hidden;
		zoom:1;
		text-align:center;
		}
	
	.prev {float:left; }
	.next {float:right;}
	
	
	form{
		padding:0px;
		margin:0px;
		position:relative;
	}
	form label{
		font-weight:bold;
		text-transform:uppercase;
	}
	form .btn {
		margin-left:10px;
	}	
	form .input-block {
		display: block;
		text-transform:none;
		width: calc(100% - 30px);
		padding: 10px 15px;
		margin:3px 0px 15px;
		line-height: 20px;
		font-size: 15px;
		vertical-align: middle;
		color: #000;
		outline:0px;
		background-color: #FFF;
		border:1px solid #E7E7E7;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		font-family: 'PT Sans',sans-serif;
	}
		
	form select.input-block {
		height:42px;
		width:100%;
		padding:0px;
	}
	form .input-block:focus{
	  background: rgba(236, 233, 226, 0.25);
	  border-color: #A3A3A3;
	}
	form .input-block.input-lg {
		line-height: 56px;
		padding: 10px;
		font-size: 20px;
	}
	form .help-block {
		display: block;
		margin-top: -10px;
		margin-bottom: 15px;
		color: #737373;
		font-size:90%
	}
	.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
		float: left;
		margin-left: -20px;
	}
	
	form.search{
		margin-bottom:10px;
		margin-top:10px;
	}
	
	form.search input[type="search"]{
		border: 2px solid #E7E7E7;
		width: calc(100% - 66px);
		height: 56px;
		padding: 10px;
		font-size: 20px;
		outline: 0;
		background-color: #FFF;
		float: left;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	form.search input[type="search"]:focus{
	  background: rgba(236, 233, 226, 0.25);
	  border-color: #A3A3A3;
	}
	form.search input[type="search"]:focus + a.btn-search{
	  background: #A3A3A3;
	}
	form.search input[type="search"]:focus + a.btn-search:after{
	  color: #FFF;
	}
	form.search .btn-search{		
		font-size: 25px;
		float: left;
		display: block;
		height: 56px;
		width: 66px;
		line-height: 56px;
		background-color:#E7E7E7;
		position: relative;
		text-align: center;
		border:0;
		outline: 0;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	

	.progress-step {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  display: table;
	  table-layout: fixed;
	  width: 100%;
	  color: darken(#DFE3E4, 33%);
	}
	.progress-step > li {
		position: relative;
		display: table-cell;
		text-align: center;
		font-size: 0.8em;
		text-transform:uppercase;
	}
	.progress-step > li:before {
		content: attr(data-step);
		display: block;
		margin: 0 auto;
		background: #DFE3E4;
		width: 3em;
		height: 3em;
		text-align: center; //IE8 doesn't inherit this style
		margin-bottom: 0.25em;
		line-height: 3em;
		border-radius: 100%;
		position: relative;
		z-index: 1000;
	}
	.progress-step > li:after {
		content: '';
		position: absolute;
		display: block;
		background: #DFE3E4;
		width: 100%;
		height: 0.5em;
		top: 1.25em;
		left: 50%;
		margin-left: 1.5em\9;
	}
	.progress-step > li:last-child:after {
		display: none;
	}
	.progress-step > li.is-complete {
		color: #2ECC71;
	}
	.progress-step > li.is-complete:before,
	.progress-step > li.is-complete:after {
		color: #FFF;
		background: #2ECC71;
	}
	.progress-step > li.is-active {
		color: #3498DB;
	}
	.progress-step > li.is-active:before {
		color: #FFF;
		background: #3498DB;
	}

  /**
   * Needed for IE8
   */
  .progress__last:after {
    display: none!important;
  }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  white-space: nowrap;
}
.input-group-btn:first-child > .btn {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn {
  margin-left: -1px;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -4px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
}



		
	footer{
	    background-color: #6f5499;
   		border-top: 7px solid #ECE9E2;
		padding: 20px 0;
		color:#FFF;
		margin:0px auto;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		}
	footer.dark{
		padding: 0;
		background-color: #444156;
   		border-top: 0px;
		padding-top: 20px;
		color:#A3A3A3;
	}
	footer p{
		margin:0px;
	}
	footer a{
		color:#A3A3A3;
	}
	footer .hr{
		margin:30px 33%;}
	footer h3{
		color:#FFF;
		font-size:20px;
		margin:0px;
		text-transform:uppercase;
	}
	footer h3:after {
		display: none;
	}
	footer .mail{
		line-height:30px;
		color:#6f5499;
		font-size:120%;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
	}
	footer .copyright{
		color: #A3A3A3;
		font-size: 80%;
		text-align:center;
		padding-top:20px;
	}
	
	footer ul {
		list-style:none;
		margin:0px;
		padding: 0px;
		display:block;
		border:none;
	}
	footer ul li{
		display: inline-block;
		margin: 0px;
		padding: 0px;
		position:relative;
		font-size:15px;
		line-height:30px;
		font-weight:normal;
	}
	footer ul li a{
		color:#FFF;
		display:block;
		padding: 0px 20px 0px 10px;
		margin:0px;
		font-family: 'Open Sans';
		font-weight:700;
		line-height:30px;
		text-decoration:none;
		-webkit-font-smoothing: antialiased;
	}
	footer ul li a:after {
		content: "/";
		position: absolute;
		right: 0px;
		top: 0px;
		font-family: 'Open Sans';
		font-weight:300;
		font-size:20px;
		color:#AAA;
	}
	footer ul li:last-child a:after {
		display:none;
	}
	footer ul li:hover a, footer ul li.active a {
		color:#A3A3A3;
	}
	
	
	
	#fadebox {
		display: none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:9001;
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=70);
	}
		
	#overbox {
		position: fixed;
		z-index:9002  !important;
	}
		
	#next{
		position: fixed; 
		z-index:9004  !important;
		overflow:hidden;
		display:none;
		right: 1% ;
		top: 50%;
		height: 93px;
		margin-top:-46px;
		width:45px;
		text-align:center;
		cursor:pointer;
		background-image: url(http://ticktoar.es/images/right-arrow.png);
		background-position:center right;
		background-repeat: no-repeat;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		filter: alpha(opacity=50); 
		-khtml-opacity: 0.5; 
		-moz-opacity: 0.5; 
		opacity: 0.5; 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	
	
	#previous{
		position: fixed;
		z-index:9003  !important;
		overflow:hidden;
		display:none;
		left: 1%;
		top: 50%;
		height: 93px;
		margin-top:-46px;
		width:45px;
		text-align:center;
		cursor:pointer;
		background-image: url(http://ticktoar.es/images/left-arrow.png);
		background-position:center left;
		background-repeat: no-repeat;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		filter: alpha(opacity=50); 
		-khtml-opacity: 0.5; 
		-moz-opacity: 0.5; 
		opacity: 0.5; 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	
	#previous:hover, #next:hover{
		-khtml-opacity: 1; 
		-moz-opacity: 1; 
		opacity: 1; 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
	#previous:hover{
		left: 1.5%;
	}
	
	#next:hover{
		right:1.5%;
	}
	
	#close{
		position: fixed;
		z-index:9005  !important;
		overflow:hidden;
		display:none;
		right: 1%;
		top: 0%;
		text-align:center;
		cursor:pointer;
		background-color:#6f5499;
		color:#FFF; 
		margin:0;
		padding:10px 15px;
		font-size:20px;
		line-height:27px;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		text-align:center;
		cursor:pointer;		
		-webkit-border-radius:0 0 4px 4px;
		-moz-border-radius:0 0 4px 4px;
		border-radius:0 0 4px 4px;
	}
	
	
	.modal-open {
		overflow: hidden;
		margin-right:5px;
	}
	.modal {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1050;
		display: none;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		outline: 0;
		background-color: rgba(0, 0, 0, .8);
		padding:30px 0px;
	}
	.modal-open .modal {
		overflow-x: hidden;
		overflow-y: auto;
	}
	.modal-content {
		display: none;
		position: relative;
		margin:00px 5% 0px;
		outline: 0;
	}
	
	.modal-content .panel{
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  		box-shadow: 0 3px 9px rgba(0,0,0,.5);
	}
	
	.panel{
		background-color: #ffffff;
		color: #616f77;
		filter: alpha(opacity=100);
		opacity: 1;
		transition: opacity .25s ease-out;
		position:relative;
		overflow:hidden;
	}
	.panel .panel-header {
		color: #646464;
		padding: 10px 15px;
		border-bottom: 1px solid #f0f0f0;
	}
	.panel .panel-header h1, .panel .panel-header h2, .panel .panel-header h3, .panel .panel-header h4 {
		display:inline-block;
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 25px;
		color:#000;
	}
	.panel .panel-header .controls {
		float: right;
		position: relative;
		display: block;
		cursor: pointer;
	}
	.panel .panel-header .btn {
		margin-bottom:0px;
	} 
	.panel .panel-header .alignRight {
		line-height:25px;
	}
	.panel .panel-header .controls>li {
		display: inline-block;
		float: left;
	}
	.panel .panel-header .controls>li>a {
		display: inline-block;
		line-height:20px;
		font-size: 18px;
		font-weight: normal;
		text-align: center;
		color: #646464;
		margin-top:3px;
		padding:0px 7px;
		opacity: 0.6;
	}
	
	.panel .panel-header .controls>li>a:hover {
		opacity: 1;
	}
	.panel .panel-header+.panel-body {
	  border-top: 0;
	}
	
	.panel .panel-menu {
		padding: 10px 15px;
		border-bottom: 1px solid #f0f0f0;
	}
	.panel .panel-body {
		overflow: auto;
		padding:15px;
		margin:0px;
	}	
	.panel .panel-body+.panel-footer {
	  border-top: 0;
	}
	.panel .panel-footer {
		padding: 10px;
		text-align:right;
		background-color: #fafafa;
	}
	.panel .panel-footer .btn{
		margin:0px;
	}
	
	.has-warning {
		color: #c09853;
		border-color: #c09853;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}
	.has-error  {
		color: #b94a48 !important;
		border-color: #b94a48 !important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
	}
	.has-success {
		color: #468847;
		border-color: #468847;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}
	.text-warning {
		color: #c09853;
	}
	.text-error  {
		color: #b94a48 !important;
	}
	.text-success {
		color: #468847;
	}
	
	.badge {
		display: inline-block;
		min-width: 10px;
		padding: 3px 7px;
		color: #FFF;
		line-height: 1;
		vertical-align: baseline;
		white-space: nowrap;
		text-align: center;
		background-color: #999999;
		border-radius: 10px;
	}
	
}
@media all and (max-width: 990px){
	.adjust{ 
		width:748px; 
	}
	
	
	header h1{
		font-size: 35px;
		line-height:80px;
	}
	header nav ul li{
		font-size:15px;
	}
	header nav ul li a{
		padding:0px 10px 0px 5px;
	}
	header nav ul li a:after {
		right: -2px;
		top: 0px;
	}
	
	#slider .title{
		font-size: 26px;
		line-height: 40px;
		margin: 60px auto 0px;
	}
	
	#slider .subtitle{
		font-size: 17px;
		line-height: 40px;
		margin: 0px auto 60px;
	}
	
	
	ul.info-evento2 li {
		width: 100%;
		text-align: left;
	}
	

}
@media all and (max-width: 767px){
	body {font-size:14px;}
	
	h1{
		font-size:25px;
		line-height:30px;
	}
	
	h2, h3{
		font-size:20px;
		line-height:25px;
	}
	
	h4, h5{
		font-size:14px;
		line-height:20px;
	}
	
	.tabletymovil{
		display:block;
	}
	
	.adjust{
		width:96%;
		margin:0 2%;
	}
	
	header {
		width:100%;
		padding-bottom:10px;
	}
	#slider .title{
		font-size: 18px;
    	line-height: 30px;
	    margin: 50px auto 0px;
	}
	#slider .subtitle{
		font-size: 14px;
    	line-height: 30px;
	    margin: 0px auto 50px;
	}
	
	
	header .fa-ticket{
		float: none;
		display:block;
	}
	header h1{
		float: none;
		display:block;
		margin:0px;
		padding:0px;
		margin-left:110px;
	}
	header nav{
		float: none;
		display:block;
		width:96%;
		padding:0;
		margin: 25px 2% 0px;
	}	
	header nav ul {
		display:block; 
		width:100%;
		padding:0px;
		margin:0px;
	}	
	header nav ul li ul{
		box-shadow: none;
	   -webkit-box-shadow: none;
	   -moz-box-shadow: none;
	}
	header nav ul li{
		float:none;
		display:block;
		text-align:center;
		line-height: none;
		background-color:#444156;
		margin-bottom:10px;
	}
	header nav ul li a{
		display:block;
		text-align:center;
		width:94%;
		padding:0px 3%;
		font-size:20px;
		line-height:50px;
		color:#FFF;	
	}
	header nav ul li.active a, header nav ul li a:hover {
		background-color:#FFF;
		color:#6f5499;
	}
	header nav ul li a:after {
		display:none;
	}

	
	#close{
		font-size:16px;
		line-height:20px;
		padding:5px 7px;
		margin-right:7px;
	}
	#previous, #next{
		background-size:25px auto;
	}
	.modal{ 
		left: 0%;
		width: 100%;
		margin:0px;
	}
	
	#butacas{
		position:relative;
		overflow:auto;
	}
	
}
@media all and (max-width: 504px){
	
	
	
	
}