/*
Theme Name: Sozpic Theme Base
Theme URI: http://www.sozpic.com
Author: Fran Moreno & Roberto Marin
License: The Unlicense
License URI: LICENSE
*/

/* FUENTES */

#suggestion-container{
	display:none;
	font-weight:bold;
	cursor:pointer;
	color: #4ea7b7;
	margin:8px;
}

.tooltip-info + .tooltip > .tooltip-inner {
    
    border: 1px solid white;
    padding: 5px;
    font-size: 14px;
    text-align:left;
}

.tooltip-info{
	color: #f4364c !important;
	cursor:pointer;
}

.tooltip-container{
	font-size:13px;
}

@font-face {
    font-family: 'EffraBoldItalic';
    src: url('../fonts/effra-bolditalic.eot');
    src: url('../fonts/effra-bolditalic.eot') format('embedded-opentype'),
         url('../fonts/effra-bolditalic.woff2') format('woff2'),
         url('../fonts/effra-bolditalic.woff') format('woff'),
         url('../fonts/effra-bolditalic.ttf') format('truetype'),
         url('../fonts/effra-bolditalic.svg#EffraBoldItalic') format('svg');
}



/* General styles */



body{
	background-color: #3d393a;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	padding-top: 6.5em;
}
a,  a:hover,  a:visited{
}
.container{
	margin:0 10px;
}
body *:focus{
	outline: none;
}
ul{
	margin-bottom: .70em;
}
p {
	margin: 0 0 .8em;
}
.table{
	margin: 0;
}
.strong{
	font-weight: bold;
}
.italic{
	font-family: 'EffraBoldItalic',sans-serif;
	font-weight: normal;
}
svg{
	max-width: 100%;
	height: auto;
}

.zopim{
	bottom: 0 !important;
	right: 0 !important;
	border-radius: 0px !important;
}

.row.row-paddings{
	margin: 0 -10px;
}
.row.row-paddings > *{
	padding: 0 10px;
}

.zopim *{
	border-radius: 0px !important;
}
.dropdown.touch select{
	z-index: 1;
}
form{
	margin: 0px;
}
.display-none{
	display:none;
}
.bg-danger {
background-color: #fff;
padding: 1em;
color: #f4364c;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	min-height: 0px;
}
.separador{
	margin: 0 1.2em;
}

.font15{
	font-size: 15px;
}
.font16{
	font-size: 16px;
}
.font17{
	font-size: 17px;
}
.relative{
	position: relative;
}
.inline-block{
	display: inline-block;
}
.content.noPadding{
	padding: 0;
}
.content.noPaddingResponsive{
	padding: 0em;
}
.content.PaddingResponsive, .content.paddingResponsive,.content-padding-responsive{
	padding: 1.25em;
}
.content.content-left{
	padding: 0 0em 0 0;
}
.content.content-right{
	padding: 0 0 0 0em;
}
.padding10{
	padding:10px;
}
.padding-vertical-10{
	padding-top:10px;
	padding-bottom:10px;
}
.padding20{
	padding:20px;
}
.padding-vertical-20{
	padding-top:20px;
	padding-bottom:20px;
}
.padding30{
	padding:30px;
}
.padding-vertical-30{
	padding-top:30px;
	padding-bottom:30px;
}
.padding40{
	padding:40px;
}
.padding-vertical-40{
	padding-top:40px;
	padding-bottom:40px;
}
.padding50{
	padding:50px;
}
.padding-vertical-50{
	padding-top:50px;
	padding-bottom:50px;
}

.padding60{
	padding:60px;
}
.padding-vertical-60{
	padding-top:60px;
	padding-bottom:60px;
}

.padding70{
	padding:70px;
}
.padding-vertical-70{
	padding-top:70px;
	padding-bottom:70px;
}

.padding-1em{
	padding:1em;
}
.padding-2em{
	padding:2em;
}
.padding-3em{
	padding:3em;
}
.padding-bottom-05em{
	padding-bottom: .5em;
}
.padding-bottom-1em{
	padding-bottom: 1em;
}
.padding-bottom-2em{
	padding-bottom: 2em;
}
.padding-bottom-3em{
	padding-bottom: 3em;
}
.padding-vertical-2em{
	padding-top:2em;
	padding-bottom:2em;
}
.margin-top-06em{
	margin-top:0.6em;
}
.margin-vertical-1em{
	margin-top:1em;
	margin-bottom:1em;
}
.margin-vertical-2em{
	margin-top:2em;
	margin-bottom:2em;
}
.margin-vertical-3em{
	margin-top:3em;
	margin-bottom:3em;
}
.margin-vertical-4em{
	margin-top:4em;
	margin-bottom:4em;
}
.padding120{
	padding:120px;
}
.padding-vertical-120{
	padding-top:120px;
	padding-bottom:120px;
}
.skewX{
	-webkit-transform: skewX(-8deg);
	-moz-transform: skewX(-8deg);
	-ms-transform: skewX(-8deg);
	transform: skewX(-8deg);
}
.margin10{
	padding:10px;
}
.margin20{
	padding:20px;
}
.margin30{
	padding:30px;
}

.margin-bottom-1em{
	margin:0 0 1em;
}
.margin-bottom-2em{
	margin:0 0 2em;
}
.margin-bottom-3em{
	margin:0 0 3em;
}
.margin-top-1em{
	margin:1em 0 0;
}
.margin-top-2em{
	margin:2em 0 0;
}
.margin-top-3em{
	margin:3em 0 0;
}
.padding2060{
	padding:20px 0px 60px;
}
.section-title {
	margin: 26px 0px 26px;
	font-size: 22px;
}
.title-section a{
	text-decoration: none;
}
.staticMobile, .staticMobile .col-sm-12{
	position: static;
}

.red,a.red{
	color:#f4364c;
}


ul{
	padding-left: 0px;
}
ul li{
	list-style: none;
}
.overflow-hidden{
	overflow: hidden;
}
img{
	max-width: 100%;
	height: auto;
}
code {
	white-space: normal;
}
.alignCenter{
	text-align: center;
}
.mayusculas{
	text-transform: uppercase;
}
.bordered{
	padding-bottom:15px;
	border-bottom:1px solid;
	margin-bottom:20px;
}
.enlace{
	cursor: pointer;
}
.alignRight{
	text-align: right;
}
.subrayado{
	text-decoration: underline;
}
.noMargin{
	margin:0 !important;
}
.noMarginBottom{
	margin-bottom:0;
}
.miniMargin{
	margin:4px 0px;
}
.marginTop30{
	margin-top:30px;
}
.marginBottom30{
	margin-bottom:30px;
}
.alignRight.alignCenterMobile{
	text-align: center;
}

body .bold{
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: bold;
}
h1, h2, h3, .h1, .h2, .h3{
	
	font-family: 'EffraBoldItalic',sans-serif;
	font-weight: normal;
	clear: both;
	color: inherit;
}

h1{
	font-size: 1.8em;
}
h2{
	font-size: 1.6em;
}
h3{
	font-size: 1.4em;
}
h4{
	font-size: 1.15em;
}
h5{
	font-size: .95em;
}

h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
h1.open-sans, h2.open-sans, h3.open-sans, h4.open-sans, h5.open-sans, h6.open-sans {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}
.effrabold{
	font-family: 'EffraBoldItalic',sans-serif;
	font-weight: normal;
}

label{
	cursor: pointer;
}
span.open-sans{
	font-family: 'Open Sans' !important;
	font-weight: normal;
}
.underline{
	text-decoration: underline;
}
.alignCenter{
	text-align: center;
}
.alignRight.alignLeftMobile, 
.alignCenter.alignLeftMobile,
.alignLeft.alignLeftMobile{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.alignCenterMobile,.alignRight.alignCenterMobile, .alignLeft.alignCenterMobile{
	text-align: center;
}
.alignLeft{
	text-align: left;
}

.white, a.white{
	color:#fff;
}
.dark, a.dark{
	color:#3d393a;
}
.pink, a.pink{
	color:#af272f;
}
.black, a.black{
	color:#000;
}
.gray, a.gray{
	color:#777777;
}

ul.social li {
	display: inline-block;
	margin-right: 2.15em;
	background: #616060;
	width: 3em;
	height: 3.25em;
	text-align: center;
	padding-top: 0.45em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: skewX(-8deg);
	-moz-transform: skewX(-8deg);
	-ms-transform: skewX(-8deg);
	transform: skewX(-8deg);
}


.instagram:hover{
	background-color:#517fa4;
}
.twitter:hover{
	background-color:#55acee;
}

.facebook:hover{
	background-color:#3b5998;
}

ul.social li a {
	color: #fff;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size: 1.7em;
	text-decoration: none;
}
ul.social li:hover a{
	color:#fff;
}
ul.social li a i{
	
	-webkit-transform: skewX(8deg);
	-moz-transform: skewX(8deg);
	-ms-transform: skewX(8deg);
	transform: skewX(8deg);
}


.logo{
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.logo a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

.container{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.container.fullWidthContainer{
	width: 100%;
	padding-left:0px;
	padding-right:0px;
}

.container.fullWidthContainer .row, .container.fullWidthContainer .col-sm-12,.container.fullWidthContainer .col-sm-3{
	width: 100%;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	
}

.pink-container, .pink-content, .contenido-rosa{
	background-color:#f4364c;
	color: #fff;
}
.pink-container a, .pink-content a, .contenido-rosa a{
	color: #fff;
}

.pink-container input[type="text"],
.pink-container input[type="email"],
.pink-container input[type="password"],
.pink-container textarea,
.pink-content input[type="text"],
.pink-content input[type="email"],
.pink-content input[type="password"],
.pink-content textarea,
.contenido-rosa input[type="text"],
.contenido-rosa input[type="email"],
.contenido-rosa input[type="password"],
.contenido-rosa textarea{
	color: #3d393a;
}


.white-container,.white-content, .contenido-blanco{
	background-color:#ffffff;
}
.white-container a,
.white-content a,
.contenido-blanco a{
	color: #000;
}
.white-container a:hover,
.white-content a:hover,
.contenido-blanco a:hover,
.white-content a.red,
.white-content a.red:hover{
	color: #af272f;
}

.white-container input[type="text"],
.white-content input[type="text"],
.contenido-blanco input[type="text"],
.white-container .dropdown,
.white-content .dropdown,
.contenido-blanco .dropdown,

.white-container input[type="password"],
.white-content input[type="password"],
.contenido-blanco input[type="password"],
.white-container input[type="email"],
.white-content input[type="email"],
.contenido-blanco textarea,
.white-container textarea,
.white-content textarea,
.contenido-blanco input[type="email"],
.white-container .checkbox-container .custom-checkbox,
.white-content .checkbox-container .custom-checkbox,
.contenido-blanco .checkbox-container .custom-checkbox{
	background: #f2f1f1;
}


.white-content .checkbox-container .custom-checkbox{
	border: 2px solid #000;
}
.lightgray-container,.lightgray-content, .contenido-gris-claro{
	background-color:#dfdfdf;
	color: #000000;
}
.lightgray-container a,.lightgray-content a, .contenido-gris-claro a{
	color: #000000;
}


.input-content{
	display: inline-block;
	width: 100%;
	border:2px solid #f2f1f1;
	margin-bottom: 1.7em;
}

.input-content input[type]{
	border:4px solid #f2f1f1;
	margin: 0;
	padding: 0.45em;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
	
.input-content input[type]:focus{
	border:4px solid #fff;
}


input[type="submit"] {
	border: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	padding: 0.65em 2.7em;
	text-transform: uppercase;
	color: #fff;
	margin: 1.7em auto 0.3em;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

input[type="submit"]:hover{
	background:#af272f;
	color: #fff;
}



.flex-direction-nav a:before {
	display: none;
}


input::-webkit-input-placeholder{
	color: #999;
	font-style: italic;
}
input::-moz-placeholder{
	color: #999;
	font-style: italic;
}
input:-ms-placeholder{
	color: #999;
	font-style: italic;
}
input-placeholder{
	color: #999;
	font-style: italic;
}
.placeholder{
	color: #999;
	font-style: italic;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #999;
	font-style: italic;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #999;
	font-style: italic;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #999;
	font-style: italic;
}

.dropdown{
	text-align: left;
	padding: 0px;
	font-size: .9em;
	margin: 0 0 2em;
	color: #3d393a;
}
.dropdown .carat {
	color: transparent;
	border-color: transparent;
	background: url(../images/carat.png) no-repeat center center;
	background-size: 1.5em;
	width: 2em;
	height: 1em;
	margin: 0px;
	display: block;
	top: 50%;
	right: 0em;
	font-size: 1em;
	margin-top: -.5em;
}
.dropdown.open .carat {
	margin-top: -.5em;
	border-top: 0px solid transparent;
	border-bottom: 0px solid #000;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.dropdown .selected, .dropdown li {
	padding: 1.2em .75em;
}

.dropdown.disabled .carat{
	border:none;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea{
	background: #ffffff;
	border: none;
	font-size: .9em;
	padding: 1.2em .75em;
	margin-bottom: 2em;
	width: 100%;
}

.checkbox-container input{
	display: none;
}

.checkbox-container{
	position: relative;
	display: inline-block;
}

.checkbox-container .custom-checkbox {
	width: 1.5em;
	height: 1.5em;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	z-index: 1;
	top: 0.4em;
	left: -0.8em;
	cursor: pointer;
}
.checkbox-container label{
	display: inline-block;
	font-weight: normal;
	margin-bottom: .25em;
	position: relative;
	top: 0.3em;
	padding-left: 1.6em;
}
.checkbox-container.activo .custom-checkbox{
	background: #3d393a;
}
/* HEADER */

#head{
	background:#fff;
	color: #616060;
	font-size: 13px;
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 7;
	top:0;
}
#head a{
	color: #616060;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#head a:hover{
	color: #af272f;
}
#head .logo {
	width: 3.77em;
	height: 1.79em;
	background-image: url(../images/logo.png);
	background-position: left center;
	background-size: 10.4em;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	float: right;
	clear: none;
	margin: 0.3em 0.6em;
}
#lanza-menu{
	float: left;
	font-size: 30px;
	cursor: pointer;
	color: #3d393a;
	margin: 10px;
}

#login-content{
	background: #3d393a;
	color: #ffffff;
	padding: 0.55em 0px;
	text-transform: uppercase;
	font-size: 1.05em;
	margin: 0px;
	font-weight: bold;
}

#login-content a{
	color: #fff;
}

#main-menu{
	position: absolute;
	width: 80%;
	height: 100%;
	top:0px;
	background-color: #3d393a;
	margin: 0px;
	z-index: 100;
	opacity: 0;
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

#main-menu.activo{
	position: absolute;
	width: 80%;
	opacity: 1;
	left: 0%;
	top:0px;
	height: 100%;
	-webkit-transform: translate3d(0%,0,0);
	-moz-transform: translate3d(0%,0,0);
	transform: translate3d(0%,0,0);
}
#main-menu li{
	display: block;
	text-align: left;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}



#close-menu, .close-submenu{
	content: '';
	background: #fff url(../images/arrow_left_lanza_menu.png) no-repeat center center;
	background-size: 33px;
	width: 0%;
	left: 100%;
	position: absolute;
	top:0;
	height: 100%;
	cursor: pointer;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
	height: 70px;
}

#main-menu.activo #close-menu{
	width: 25%;
}
.submenu.activo .close-submenu{
	width: 25%;
}

#opacity-layer{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	top:0px;
	z-index: 1;
	left: 0px;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
}
#opacity-layer.activo{
	opacity: 1;
	visibility: visible;
}

#main-menu li.current-menu-item{
	background-color: #000000;
}
#main-menu li:hover{
	background-color: #af272f;
}
#main-menu li a {
	padding: 20px 30px;
	display: block;
	text-transform: uppercase;
	position: relative;
	color: #fff;
	text-decoration: none;
	font-size: 21px;
	font-weight: bold;
	cursor: pointer;
}
#main-menu li .submenu {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: #af272f;
	text-align: left;
	width: 95%;
	height: 100%;
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}


#main-menu li .submenu.activo {
	-webkit-transform: translate3d(0%,0,0);
	-moz-transform: translate3d(0%,0,0);
	transform: translate3d(0%,0,0);
}
#main-menu li .submenu li{
	float: none;
}


#main-menu li .submenu li:hover {
	background-color: #f4364c;
}

/* BUSCADOR EVENTOS Y FILTRADOR DE EVENTOS */

.buscador-eventos.panel {
    margin: 0px;
    padding: 1em;
    background: #222;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.05);
    box-shadow: 0 0px 0px rgba(0,0,0,0.05);
}
.buscador-eventos.buscador-principal.panel {
    padding: 4.5em 1em 2em;
    /*background-image: url(../images/promociona.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;*/
}
.buscador-eventos .panel-body {
	padding: 0;
}
.buscador-eventos.panel a{
	color: #fff;
	text-decoration: none;
}
.buscador-eventos.panel h3 {
	margin: 0;
}
.buscador-eventos.panel h3 a {
    margin: 0;
    padding: 0.9em 0 0em;
    line-height: 1em;
    display: block;
}
.buscador-eventos.panel h3 a i {
	margin-left: 0.3em;
	font-size: 2.2em;
	line-height: 1em;
	position: relative;
	top: 0.20em;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.buscador-eventos.panel h3 a.collapsed i{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	
}
.buscador-eventos select{
	margin:20px auto;
	display: block;
}

.buscador-eventos .panel-body h2 {
    margin: 2.6em 0em 0.4em;
    position: relative;
    text-shadow: 1px 1px 1px #333;
}

.buscador-eventos input[type="submit"]{
	margin-top: 0;
	font-size: 0;
    height: 50px;
    background-image: url(../images/icon_search_white.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.buscador-eventos input[type="submit"]:hover{
    background-size: 26px;
}

video::-webkit-media-controls {
    display:none !important;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.buscador-eventos.buscador-principal input[type="text"] {
	height: 50px;
	border: 2px solid #f4364c;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

.datepicker{
	display: block;
	width: 18.24em;
	margin: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	z-index: 10;
	box-shadow: 0px 0px 0px 0px;
	border: none;
}

.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
	color: #ffffff;
	background: #f4364c;
	border-radius: 0px;
}
.button {
	padding: 0.8em 2.5em;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.4em;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	border:none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}
.button a, a.button, button:hover a,a.button:hover{
	color: #fff;
}

.new-buttons{
	margin: 10px;
	text-align: center;
}
.button.new-button{
	margin: 30px 0px 29px;
	padding: 12px 8px;
	font-size: 12px;
	max-width: 50%;
	width: 48%;
	transform: none;
}

.button.new-button + .new-button{
	margin-top: 20px;
}

.new-buttons .new-button{}

.button.new-button.fullWidthButton{
	max-width: 100%;
	width: 100%;
	padding: 20px;
	font-size: 19px;
}

.button:hover{
	text-decoration: none;
}
.pink-button{
	background:#f4364c;
	color: #fff;
}
.pink-button:hover, .pink-button:focus,.pink-button:active{
	background:#af272f;
}
.dark-button, .button.dark-button{
	background: #3d393a;
	color: #ffffff;
}

.dark-button:hover, .dark-button:focus, .dark-button:active{
	background:#af272f;
}
.gray-button{
	background: #b2b2b2;
}

.gray-button:hover, .gray-button:focus, .gray-button:active{
	background:#af272f;
}

.button-container{
	padding: 2em;
}
.button-container .button{
	margin: .7em;
	display: inline-block;
	vertical-align: top;
	min-width: 10em
}

.fullWidthButton{
	width: 100%;
}

/* BANNER EVENTOS */

.banner{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
#banner-promociona-tus-eventos {
	background-image: url(../images/promociona.jpg);
	min-height: 25.2em;
	margin-top: 1em;
}

.banner{
	padding: 1em;
}
.banner h1 {
	margin: 1em 0 0.9em;
	font-size: 2.5em;
}
.banner h2 {
	margin: 1em 0;
	font-size: 2.4em;
}
.banner p{
	font-size: 1.1em;
	margin: auto;
	color: #fff;
	margin-bottom: 3em;
}

#buscador-artista{
	background:#fff;
	overflow: hidden;
	padding: 1em;
	margin:.75em .25em .75em 0px;
}
#buscador-artista h2 {
	font-size: 2.4em;
	margin: 0.6em 0px;
}
#buscador-artista .dropdown{
	background: #f2f1f1;
	margin: 0px;
}
#buscador-artista form{
	margin: 0em 0px .75em;
}
#banner-artista-o-grupo {
	background-image: url(../images/banner_artista_grupo.jpg);
	margin: .75em 0 .75em .25em;
}


/* NEWSLETTER */

#newsletter-section{
	background-color: #f4364c;
	background-image: url(../images/banner_newsletter_tablet.png);
	background-position: center top;
	background-size: 500px;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
#newsletter-section .content {
	padding: 10.4em 2em 2em;
}


.social-section{}


.social-element{
	font-size: 3em;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;	
	text-align: center;
    background: #3D393A;
}
.social-element a{
	color:#616060;
	display: block;
	padding: .4em;
	text-decoration: none;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.social-element:hover a{
	color:#fff;
}

.instagram:hover{
	background-color:#517fa4;
}
.twitter:hover{
	background-color:#55acee;
}

.facebook:hover{
	background-color:#3b5998;
}

/* FOOTER */

#footer{
	background: #222222;
	font-size: 16px;
}
#footer .content{
	padding-bottom: 0px;
}
#footer .logo {
	width: 5.3em;
	height: 2.05em;
	background-image: url(../images/logo_footer.png);
	margin: 1em auto;
}
#footer ul{
	margin-bottom:20px;
}
#footer ul li{
	margin-bottom: 20px;
}
#footer ul li a{
	color: #807e7e;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#footer ul li a:hover{
	color:#fff;
}

#footer ul.social{}

#footer ul.social li {
	display: inline-block;
	margin-right: .85em;
	background: #616060;
	width: 2em;
	height: 2.25em;
	text-align: center;
	padding-top: .25em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: skewX(-8deg);
	-moz-transform: skewX(-8deg);
	-ms-transform: skewX(-8deg);
	transform: skewX(-8deg);
}

#footer .instagram:hover{
	background-color:#517fa4;
}
#footer .twitter:hover{
	background-color:#55acee;
}

#footer .facebook:hover{
	background-color:#3b5998;
}

#footer ul.social li a {
	color: #222222;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size: 1.3em;
}
#footer ul.social li:hover a{
	color:#fff;
}
#footer ul.social li a i{
	
	-webkit-transform: skewX(8deg);
	-moz-transform: skewX(8deg);
	-ms-transform: skewX(8deg);
	transform: skewX(8deg);
}


#footer h4{
	color: #3d393a;
}
#footer h5{
	margin-top:0px;
}
#footer ul li{
	margin-bottom: 5px;
}
#subfooter {
	border-top: 1px solid #353535;
	padding: 20px 0px;
	color: #807e7e;
	margin-top: 1.2em;
	line-height: 2em;
	font-size: 13px;
}
#subfooter a{
	color: #807e7e;
}

#subfooter a:hover{
	color: #ffffff;
}

/* HOME SLIDER */

#slider-home{
	position: relative;
}


#slider-home .slides li {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 16em;
	overflow: hidden;
	padding-top: 16em;
	position: relative;
	z-index: 1;
}
	
#slider-home .slides li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none
}

#slider-home .thumb-content{
	width: 100%;
	position: absolute;
	left: 0;
	top:0;
	height: 16em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


#slider-home .slides li .caption{
	margin: 0em;
	padding: 1.2em;
	font-size: .8em;
	min-height: 27em;
	background: #000;
}


#slider-home .slides li .caption .autor {
		margin: 0 0 .1em;
		font-size: 3em;
		line-height: 0.9em;
	}
	
	#slider-home .slides li .caption .nombre-evento{
		text-transform: uppercase;
		 margin:0;
		 font-size: 1.5em;
		 margin-bottom: .9em;
	}
	#slider-home .slides li .caption .date, #slider-home .slides li .caption .localizacion{
		margin:0 0 .3em;
		font-size: 1.4em;
	}
	#slider-home .slides li  .caption .localizacion{
		margin:0 0 1.4em;
	}



#slider-home .slides li .caption h1{
	margin: 0 0 0.3em;
	font-size: 3.5em;
}
#slider-home .slides li .caption .precio-entradas {
	font-size: 1.1em;
	padding: 2em 0px;
}


#slider-home .flex-control-nav {
	bottom: auto;
	top: 13em;
}
#slider-home .flex-control-nav li {
	margin: 0 7px;
	display: inline-block;
	zoom: 1;
}
.flex-control-paging li a {
width: 29px;
height: 29px;
display: block;
margin: 0px 10px 10px;
/* border-radius: 11px; */
background-color: #5c5c5c;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
-o-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
transform: skewX(-8deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
#slider-home .flex-control-paging li:hover a, .flex-control-paging li a.flex-active{
	background-color:#af272f;
}

/* CARRUSEL SLIDER */

.carrusel-slider{
	position: relative;
	margin-bottom: 50px;
}
.carrusel-slider ul.slides li .caption{
	background-color: #fff;
	border:10px solid;
	display: block;
	text-decoration: none;
	border-color:#dfdfdf;
	margin:5px;
}

.carrusel-slider ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.carrusel-slider ul.slides li:hover .caption{
	background-color: #f4364c;
	border-color: #af272f;
}

.carrusel-slider ul.slides li .caption .thumb-content{
	min-height: 13.3em;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.carrusel-slider ul.slides li:hover .caption .pink,
.carrusel-slider ul.slides li:hover .caption .black,
.carrusel-slider ul.slides li:hover .caption .gray{
	color:#fff;
}

.carrusel-slider ul.slides li .caption .content{
	padding: .9em;
	position: relative;
	min-height: 247px;
	padding: 1.15em;
}

.carrusel-slider ul.slides li .caption .content h2{
	font-size: 2em;
	margin-top: 0;
}

.carrusel-slider ul.slides li .caption .content .ver-mas {
	position: absolute;
	right: 0.8em;
	bottom: 0.6em;
}

.carrusel-slider .flex-direction-nav .flex-prev {
	right: auto;
	left: .5em;
	bottom: -4em;
	top: auto;
	font-size: 14px;
	background: #616060;
	color: #3d393a;
	width: 2.8em;
	height: 2.8em;
	text-align: center;
	opacity: 1;
	font-size: 1em;
	-webkit-transform: skewX(-8deg);
}
.carrusel-slider .flex-direction-nav .flex-prev:hover,
.carrusel-slider .flex-direction-nav .flex-next:hover{
	background: #af272f;
	color:#fff;
}

.carrusel-slider .flex-direction-nav .flex-next{
	right: .5em;
	bottom:-4em;
	top:auto;
	background: #616060;
	color:#3d393a;
	width: 2.8em;
	height: 2.8em;
	text-align: center;
	opacity: 1;
	font-size: 1em;
	-webkit-transform: skewX(-8deg);
}


.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter:alpha(opacity=0); cursor: default;
}

.flex-direction-nav a:before{
	font-family: "flexslider-icon";
	font-size: 27px;
	display: inline-block;
	content: '\f001';
	padding-top:2px;
	
}
.flex-direction-nav a.flex-next:before  { content: '\f002'; }


/* INTERIOR EVENTO / SINGLE EVENTO */

#lanza-lista{
	background: #dfdfdf;
	text-align: center;
	cursor: pointer;
}

#lanza-lista h3 {
	color: #000000;
	padding: 0.9em 0;
	font-size: 1em;
	display: inline-block;
	padding-right: 2.4em;
	position: relative;
	cursor: pointer;
	background: url(../images/arrow_down_black.png) no-repeat right center;
	background-size: 1.4em;
	margin: 0px;
}

.titulo {
	padding: 2.8em 0em 0.8em;
	margin: 0;
	background-color: #3d393a;
}
.titulo-separador{
	margin: 30px  0 15px;
}
 #lista-eventos ul{
	padding: 0px;
	max-height: 0px;
}
#lista-eventos.activo ul, .lista-sidebar.activo ul{
	max-height: 5000px;
}
#lista-eventos.activo #lanza-lista h3, .lista-sidebar.activo #lanza-lista h3{
	background: url(../images/arrow_up_black.png) no-repeat right center;
	background-size: 1.4em;
}
#lista-eventos ul li, .lista-sidebar ul li {
    list-style: none;
    margin: 0;
    padding: 1.1em 1em 0.7em;
    position: relative;
    cursor: pointer;
    background: #dfdfdf;
    overflow: hidden;
    font-size: .8em;
}
.lista-sidebar ul li{
	padding: 0;
}
.lista-sidebar ul li h4{
	margin: 0;
}
.lista-sidebar ul li a{
	padding: 1em;
	display: inline-block;
	width: 100%;
}

.button.button-comprar{
    position: fixed;
    z-index: 3;
    bottom: 36px;
    padding: 1em;
    width: 90%;
    max-width: 400px;
    font-size: 1em;
    border-radius: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.button.button-comprar + .button.button-comprar{
    bottom: 93px;
}

/* TEMPORIZADOR */

#temporizador{
	font-size:25px;
}
#temporizador.is-countdown{
    border: none; 
    background-color: transparent; 
}
.affix-container{
	min-height: 54px;
	position: relative;
}
.temporizador.affix {
    left: 0;
    width: 100%;
    top: 96px;
    z-index: 10;
}
.temporizador > div {
    margin: 0px 10px;
    background: #fff;
    text-align: center;
    color: #434343;
}
.temporizador h5{
	margin: 0;
	padding: 0px;
	padding-bottom: 5px;
}

.temporizador h5 span{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	//font-size:15px;
}

.item-proceso{
	padding:10px;
}
.item-proceso .proceso-title{
	 display: block;
    text-align: center;
    font-size: 13px;
    padding: 0px 5px;
    font-weight:bold;
    color:white;
    margin:0;
}

.item-proceso-border{
	position:relative;
}

.contenedor-grafico{
	max-width: 600px;
	max-height: 400px;
}

.button-units-taquilla{
	display: inline-block;
    padding: 2px 8px;
    border: 2px solid #f4364c;
    color: #f4364c;
    transition: 0.2s;
    font-weight: bold;
    font-size: 1.5em;
    margin: 5px;
    width: 45px;
    cursor:pointer;
    text-align: center;
}

.button-units-taquilla.active{
	background-color: #f4364c;
	color:white;
}

.element-logo{
	width:300px;
}

.detail{
	display:none;
}

#ipay{
	width: 100%;
    height: 600px;
}

#search-map{
    z-index: 1000;
    border: 2px solid #3d393a;
    padding: 20px;
    background-color: white;
    color: #3d393a;
    margin: 10px 0px;
}

#search-map p{
	font-style: italic;
}
#search-map #address{
	border:1px solid #3d393a;
	border-radius:0px;
}

#search-map .fa{
	color: #f4364c;
    margin: 0px 10px 0px 0px;
    font-size: 1.5em;
}

#search-map h3{
	margin-top:0;
}

.infowindow{
	color:black;
}

.infowindow h2{
	text-align:right;
}
.infowindow .fa{
	font-size:1.2em;
	margin: 0px 10px;
	color: #f4364c;
}

/* single event - sessions */

ul.session-list{}
ul.session-list > li{
    width: 800px;
    max-width: 100%;
}
ul.session-list > li > div{
    display: inline-block;
}
ul.session-list > li form{}
ul.session-list > li form > div{
    background: #fafafa;
    margin-bottom: 20px;
    position: relative;
}
ul.session-list > li form > div span.date{
    position: absolute;
    display: inline-block;
    width: 90px;
    background: #ededed;
    padding: 10px 4px;
    text-align: center;
    top: 0;
    height: 100%;
}

ul.session-list > li form > div span.date > span{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
ul.session-list > li form > div span.date .month{
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
ul.session-list > li form > div span.date .day{
    display: block;
    font-size: 48px;
    line-height: 0.9;
    font-weight: bold;
}
ul.session-list > li form > div span.date .week-day{
    font-size: 14px;
}

ul.session-list > li form > div span.date + div{
	width: 100%;
	padding: 13px 10px;
	vertical-align: top;
	padding-left: 100px;
	min-height: 130px;
}

ul.session-list > li form > div span.date + div h4{
	font-size: 20px;
	margin: 0 0 4px;
}

ul.session-list > li form > div span.date + div h4 + p{
 font-style: italic;
    color: #f4364c;
    font-size: 15px;
    margin: 0 0 20px;
}
ul.session-list > li form > div span.date + div p{
	margin: 0 0 8px;
	line-height: 1;
}

ul.session-list > li form > div span.date + div p i{
	margin-right: 5px;
	width: 15px;
	text-align: center;
}
ul.session-list > li form > div button{
    -webkit-appearance: none;
    background: #f4364c;
    color: #ffffff;
    border: none;
    display: block;
    padding: 9px 20px;
    width: 100%;
    font-style: italic;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
ul.session-list > li form > div button:hover{
	background-color: #af272f;
}


.btn-download{
	padding: 0.2em 1em !important;
}


.no-touch #lista-eventos ul li:hover, .no-touch .lista-sidebar ul li:hover{
	color: #fff;
	background-color: #f4364c;
}
.lista-sidebar ul li:hover a{
	color: #fff;
}
#lista-eventos ul li:hover h6, .lista-sidebar ul li:hover h6{
	color: #fff;
}

#lista-eventos ul li.selected, #lista-eventos ul li.selected:hover, .lista-sidebar ul li.selected, .lista-sidebar ul li.selected:hover{
	color: #fff;
	background-color: #222222;
}

#lista-eventos ul li.selected a,.lista-sidebar ul li.selected a{
	color: #fff;
}

#lista-eventos ul li.selected h6, .lista-sidebar ul li.selected h6{
	color: #fff;
}
#lista-eventos ul li .left{
	width: 16%;
	text-align: center;
	float: left;
	border-right: 1px solid #c2c2c2;
	margin-right: 2%;
}
#lista-eventos ul li h3,
#lista-eventos ul li h4{
	margin: 0px
}

#lista-eventos ul li .fecha-evento h4{
	font-size: 1.7em;
}
#lista-eventos ul li .right{
	display: block;
	padding: 0 .5em;
	width: 82%;
	float: left;
}

#lista-eventos ul li .right h6{
	font-size: .7em;
}


.lista-sidebar ul li a{
	color: #222;
	background: none;
	text-decoration: none;
}

.evento{
	background: #ffffff;
}
.evento .content{
	padding: 2.1em 1em;
	position: relative;
}


.evento .titulo-evento{
	font-size: 2.9em;
	line-height: .94em;
	margin-bottom: .15em;
}

.evento .subtitulo-evento{
	font-size: 1.8em;
	margin-bottom: 0.3em 0 1.3em;
}
.evento .fecha{
	font-size: 1.5em;
	margin: 1.3em 0;
}

.evento .lugar{
	margin-bottom: 1.8em;
	color: #777777;
	font-size: 1.5em;
}

.evento .precio-entradas{
	margin-bottom: 2.1em;
}

.evento .info-evento{
	margin: 0 0 2em;
	padding: .8em .8em 0;
	border: 2px solid #ccc;
}

.evento .info-evento li {
    list-style: none;
    padding: 0 0 0.8em;
    border-bottom: 1px solid #ccc;
    margin: 0em 0 .8em;
    font-weight: bold;
    font-size: 0.9em;
}

.evento .info-evento li:nth-last-child(1) {
	border:none;
	margin-bottom: 0;
}



.portada-evento{
	padding-bottom: 50%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.evento .contenido{
	margin-bottom: 3.5em;
}
.evento .google-maps{
	margin-bottom: .6em;
}
.mapa-google, .evento #map {
    height: 27.5em;
}
.mapa-google img,
.evento #map img { max-width:none }

.boton-comprar-form { margin-bottom:0.6em }

.evento .puntos-venta{
	margin:0 0 4em;
	display: inline-block;
	border-bottom: 1px solid;
}

.boton-comprar-form { margin-bottom: 0.6em }

.boton-comprar-form .no-tickets { padding:0.8em }

.evento .localizacion{
	margin-bottom: 6em;
}
.evento .button.comprar{
	margin: 0 0 2em;
	padding: 1em;
}

/* COMPRAR */

#main-proceso-compra .content {
    padding: 10px;
}
#paypal-payment img, #card-payment img{
	height: 4.9em;
	width: auto;
}
#main-proceso-compra table{
	margin: 0;
	max-width: none;
}
#main-proceso-compra table.resumen-compra{
	margin: 0 0 20px;
	background: #fafafa;
	border: 1px solid #dedede;
}

#main-proceso-compra .content-datos-personales p{
	margin-bottom: 3em;
}

#main-proceso-compra .content-forma-de-pago .checkbox-container{
	margin: 2.4em 0;
}

#main-proceso-compra .content-recogida-de-entradas{
	min-height: 25.5em;
}
#recoger-entradas img {
	margin: 1em 0 1.7em;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 0.45em;
    font-size: 0.9em;
}
#main-proceso-compra .tabla-comprar td{
	vertical-align: middle;
}

#main-proceso-compra .tabla-comprar td .estado{
	width: 14px;
	height: 14px;
	-webkit-border-radius: 50%;
	background: #ddd;
	display: inline-block;
}

#main-proceso-compra .tabla-comprar td.estado .content{
	border-right: 1px solid #dfdfdf;
	padding: .2em;
}

#main-proceso-compra .tabla-comprar td.precio .content{
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	padding: .4em;
	text-align: center;
}
#main-proceso-compra .tabla-comprar td .estado.disponible{
	background: #5aff00;
}

#main-proceso-compra .tabla-comprar td .estado.no-disponible{
	background: #f4364c;
}

#main-proceso-compra .tabla-comprar{
	border: 1px solid #ccc;
}
#main-proceso-compra .tabla-comprar th {
    background: #dfdfdf;
    color: #222;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #ccc;
}
#main-proceso-compra .tabla-comprar th.precio{
	text-align: center;
}
#entradas-disponibles #main-proceso-compra .tabla-comprar th.tipo-entrada{
	width: 65%;
}

#main-proceso-compra .tabla-comprar td.cantidad,
#main-proceso-compra .tabla-comprar th.cantidad{
	text-align: center;
	max-width: 80px;
}

td.cantidad .dropdown{
	margin: 1em 0px;
}


.white-content .zonalink.zona-381,
.white-content .zonalink.zona-382,
.white-content .zonalink.zona-383,
.white-content .zonalink.zona-515,
.white-content .zonalink.zona-516{
	opacity: .7;
}
.white-content .zonalink.zonalink.zona-381:hover,
.white-content .zonalink.zonalink.zona-382:hover,
.white-content .zonalink.zonalink.zona-383:hover,
.white-content .zonalink.zonalink.zona-515:hover,
.white-content .zonalink.zonalink.zona-516:hover,{
	opacity: .9;
}
.white-content .zonalink.zonalink.zona-381, .zona-381,
.white-content .zonalink.zonalink.zona-515, .zona-515{
	background-color: rgb(255, 255, 58);
}
.white-content .zonalink.zonalink.zona-382, .zona-382,
.white-content .zonalink.zonalink.zona-516, .zona-516{
	background-color: rgb(255, 217, 110);
}
.white-content .zonalink.zonalink.zona-383, .zona-383{
	background-color: rgb(169, 209, 146);
}

.white-content .zonalink.zona-381.activa,
.white-content .zonalink.zona-381.activa:hover,
.white-content .zonalink.zona-382.activa,
.white-content .zonalink.zona-382.activa:hover,
.white-content .zonalink.zona-383.activa,
.white-content .zonalink.zona-383.activa:hover,
.white-content .zonalink.zona-515.activa,
.white-content .zonalink.zona-515.activa:hover,
.white-content .zonalink.zona-516.activa,
.white-content .zonalink.zona-516.activa:hover,





/*.zonalink:hover img,
.zonalink.activa{
    //background: rgba(244, 54, 76,0.5)
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(198, 44, 141, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(198, 44, 141, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(198, 44, 141, 0.67);
}*/



.point-zone{
	position:relative;
}

.point-zone .point{
	width: 10px;
    height: 10px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    right: 40%;
    z-index:10; /*para que se ponga por encima de las imagenes*/
}


/* COLORES PREDEFINIDOS DE LAS ZONAS DE TEATROS*/

.t-colour-purple{
	background-color: #E277BA;
}

.t-colour-blue{
	background-color: #73ABCF;
}

.t-colour-orange{
	background-color: #f39205;
}

.t-colour-yellow{
	background-color: #FFCB37;
}

.t-colour-green{
	background-color: #89E532;
}
.t-colour-lightblue{
	background-color: #6bc6da
}

.t-colour-red{
	background-color: #f4364c;
}

.t-colour-darkgreen{
	background-color: #317031;
}

.zonalink .point-zone .point{
	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
}
.zonalink .point-zone:hover .point{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
}
.zonalink.purple .point-zone .point:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(216, 119, 286, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(216, 119, 286, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(216, 119, 286, 0.67);
}


.zonalink.blue .point-zone .point:hover{
	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(115, 171, 207, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(115, 171, 207, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(115, 171, 207, 0.67);
}

.zonalink.orange .point-zone .point:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255, 106, 55, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(255, 106, 55, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(255, 106, 55, 0.67);
}

.zonalink.green .point-zone .point:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(137, 229, 50, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(137, 229, 50, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(137, 229, 50, 0.67);
}

.zonalink.yellow .point-zone .point:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255, 203, 55, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(255, 203, 55, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(255, 203, 55, 0.67);
}

.zonalink.activa .point-zone .point{
	border: 2px solid #f4364c;
	width:10px;
	height:10px;
	border-radius:5px;
}

.zona-seleccionada{
   border: 2px solid #f4364c;
}

.butaca.vacia{
	/*display:none;*/
}


#main-proceso-compra .tabla-comprar input[type="text"],
#main-proceso-compra .tabla-comprar input[type="number"]{
	background: #f2f1f1;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border: none;
	width: 4em;
	text-align: center;
	padding: .5em;
	display: inline-block;
}

#main-proceso-compra .tabla-comprar input[type="text"].input-discount-code{
	min-width: 130px;
	text-align: left;
	margin: 7px 2px 7px 0px;
	padding: 11px;
	height: auto;
}

#main-proceso-compra .tabla-comprar tr.noborder>td{
	border: none;
}

#dni-requirement p{
	margin:.5em 0 2.5em;
}

.punto-venta,.punto-venta a{
	color: #000;
}
.punto-venta{
	width: 50%;
	float: left;
	margin: 1em 0;
	font-size: .9em;
}

.punto-venta .direccion{
	margin-bottom: 2em;
}

#puntos-recogida{}

#puntos-recogida img{
	margin: 2em 0 3em;
}

#main-proceso-compra  #puntos-recogida .checkbox-container {
	margin: .4em 0 1em;
}

#main-proceso-compra .resumen-info{
	padding-top: 1em;
	padding-bottom: 0;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.resumen-info h3{
	margin:.1em 0 1em;
}

/* PAÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂGINA SOBRE NOSOTROS, CONTACTO.. */


.content-pagina {
	padding: 2em 2.2em 10em;
	background-position: center 4em;
	position: relative;
	background-repeat: no-repeat;
	margin:.6em 0 0;
}



.content-pagina.content-pagina-with-logo{
	padding: 14em 2.2em 3em;
	background-position: center 4em;
}


.content-pagina.content-pagina-with-logo.content-pagina-promotores {
	padding: 11em 2.2em 5em;
	background-size:13em;
}
.content-pagina-promotores {
	margin: .6em 0 0;
}
.margin-content{
	margin: .6em 0 0;
}
.content-pagina h2{
	margin-bottom: 1em;
}
#content-pagina-comprador{
	background-image: url(../images/nosotros1.png);
	background-size: 16em;
}
#content-pagina-promotor{
	background-image: url(../images/nosotros2.png);
	background-size: 12em;
	background-position: center 3em;
}




#promotores-atencion{
	background-image: url(../images/promotores_atencion.png);
}
#promotores-eficacia{
	background-image: url(../images/promotores_seguridad.png);
}
#promotores-estadisticas{
	background-image: url(../images/promotores_estadisticas.png);
}
#promotores-tecnologia{
	background-image: url(../images/promotores_tecnologia.png);
}
#promotores-promocion-gratuita{
	background-image: url(../images/promotores_promocion_gratuita.png);
}
#promotores-fidelidad{
	background-image: url(../images/promotores_fidelidad.png);
}
#promotores-profesionalidad {
	background-image: url(../images/promotores_profesionalidad.png);
}
#promotores-facilidades{
	background-image: url(../images/promotores_facilidades.png);
}


/* LOGIN / REGISTRO */

/* FAQ */

#accordion{
	margin: 2em 0;
}

.panel-group .panel {
	border-radius: 0px;
}
.panel-default {
border: none;
}
.panel {
	margin-bottom: 20px;
	background-color: none;
	border: none;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.05);
	box-shadow: 0 0px 0px rgba(0,0,0,0.05);
}


.panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #dfdfdf;
	background: #dfdfdf;
}
.panel-default>.panel-heading, .panel-group .panel-heading , .panel-heading {
	color: #333;
	background: none;
	border:none;
	border-color: transparent;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	padding: 0
}
.panel-title a{
	display: block;
	padding: 1em 1.5em;
	text-decoration: none;
	position: relative;
	text-transform: uppercase;
	background: #222222;
	color: #ffffff;
}

.input-discount-code {
    width: 20% !important;
    margin: 0px 5px;
    background-color: white !important;
    text-align: left;
}

.btn-rect{
	border-radius:0px;
}
.panel-title a.collapsed{
	
	background: #dfdfdf;
	color: #000;
}
.panel-title a:hover{
	color: #fff;
}
.panel-title a.collapsed:hover{
	color: #fff;
	background: #f4364c;
}

.panel-title a:before{
	content: '';
	position: absolute;
	background: url(../images/arrow_down_white.png) no-repeat center center;
	background-size: 100%;
	width: 31px;
	height: 16px;
	right: 1em;
	top:50%;
	margin-top:-8px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	/*-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	transition-duration: .4s;*/
}
.panel-group .panel+.panel {
	margin-top: 0.6em;
}

.panel-title a.collapsed:before{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}


.event-list-container{
	position: relative;
	overflow:hidden;
    margin-bottom: 1em;
}
.event-list-element{
	width: 100%;
    display: block;
    vertical-align: top;
    float: left;
}

.event-list-container.fb .event-list-element{
    width: 100%;
}

.event-list-container.fb .event-list-element .caption .content main{
    height: auto;
}


.event-list-element a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.event-list-element .caption{
	background-color: #fff;
	border:10px solid;
	display: block;
	text-decoration: none;
	border-color:#dfdfdf;
	margin:10px 0px 0px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.event-list-element:hover .caption{
     border-color: #af272f;
}
.event-list-element .caption .thumb-content{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.event-list-element .caption .thumb-container {
    height: 0;
    position: relative;
    padding-bottom: 50%;
    overflow: hidden;
}
.fb .event-list-element .caption .thumb-container {
    padding-bottom: 80%;
}


.event-list-element .caption .thumb-container:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #000;
	z-index: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.event-list-element:hover .caption .thumb-container:after {
	opacity: .2;
}

.event-list-element:hover .caption .thumb-content {
	-webkit-transform: scale3d(1.05,1.05,1);
	-moz-transform: scale3d(1.05,1.05,1);
	-ms-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}


/*formularios*/
#registro{
	display:none;
}

#compra{
	display:none;
}

#pagar{
	display:none;
}

#error{
	height:600px;
	display:none;
}

#form-register{
	display:none;
}

#proceso{
	display:none;
}

#error-form{
	display:none;
}

.link-login{
	text-decoration: underline;
	cursor:pointer;
}
.content1{
	padding:1em;
}
.proceso-compra-butacas{
	display:none;
}
/*
.event-list-element:hover .caption .pink,
.event-list-element:hover .caption .black,
.event-list-element:hover .caption .gray{
	color:#fff;
}*/

.event-list-element .caption .content{
	padding:0;
	position:relative;
}

.event-list-element .caption .content main{
	padding: 1em 1em;
	height: 160px;
	overflow: hidden;
}
.event-list-element .caption .content footer{
	background: #ececec;
	padding: 1em 1em 1em;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.event-list-element .caption .content h5 {
    margin: 0.4em 0px 0.7em;
    font-size: 0.7em;
    min-height:25px;
}

.event-list-element .caption .content h5.date {
    height: 12px;
    overflow: hidden;
    padding-left: 1px;
    word-break: break-all;
}

.event-list-element .caption .content h4{
	font-weight: normal;
    font-size: 0.9em;
    margin: 0 0 1em;
}

.event-list-element .caption .content h2{
	margin: 0.1em 0px 0.6em;
    font-size: 1.4em;
    line-height: 1;
}

.event-list-element .caption .content .ver-mas {
	position: absolute;
	right: 0.8em;
	bottom: 0.6em;
}

/* PUNTOS */
.tienda-item{
	padding: 2em 1em;
}
.tienda-item .modal-header .close {
    margin-top: -2px;
    font-size: 3em;
    position: absolute;
    right: 10px;
    top: 1px;
    color: #000;
    opacity: 1;
    z-index: 10;
}
.tienda-item .modal-body {
    position: relative;
    padding: 0;
}
.tienda-item .modal-header {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    min-height: 0;
}

/* VIDEO */

.video-cover{
	position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
}
.video-cover video{
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.video-cover .visible-touch{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover; background-repeat: no-repeat;
	background-position: center center;
}

.touch .video-cover .visible-touch{
	display: block;
}
.touch .video-cover video{
	display: none;
}
	
/* SIDEBAR AFFIX */

.evento.affix{
	position: static;
}


.sidebar-butacas .evento{
	font-size: .5em;
}

.sidebar-butacas .evento img{
	display: block;
	/*margin: 0px auto;
	max-width: 200px;
	padding: 10px 0px;*/

}

.sidebar-butacas .evento .lugar{
	margin-bottom: .5em;
}

#form-event label.error{
	color:yellow;
}

.marca-color{
	padding:20px;
	margin:0px 20px;
	color:white;
}

.marca-color.principal{
	background-color:#f4364c;
}

.marca-color.secundario{
	background-color:#3d393a;
}

.marca-color.apoyo{
	background-color:white;
	border:1px solid silver;
	color:black;
}

.marca-container{
	display:inline-block;
	width:100%;
	margin:10px auto;
}

.marca-container .img-container{
	text-align:center;
	padding:50px;
}

.marca-container .img-container.grey{

	background-color:#e0e0e0;
}

.marca-container span{
	color:black;
	display:block;
}

.marca-container .text-container{
	text-align:center;
}

#no-permitido{
	padding-left:40px;
}


#season-ticket-list-events-container {
    padding: 20px;
    font-size: 2em;
    font-style: italic;
}

#season-ticket-list-events-container li{
    margin:10px 0px;
}

ul.videos{
    margin: 0 -10px;
    overflow: hidden;
    padding: 0;
}
ul.videos li{
    display: block;
    float: left;
    width: 60%;
    padding: 10px;
    list-style: none;
}
ul.videos li:nth-child(1):nth-last-child(2),
ul.videos li:nth-child(2):nth-last-child(1){
    width: 50%;
}
ul.videos li:nth-child(1):nth-last-child(3),
ul.videos li:nth-child(2):nth-last-child(2),
ul.videos li:nth-child(3):nth-last-child(1){
    width: 33.333%;
}
ul.videos li:nth-child(1):nth-last-child(4),
ul.videos li:nth-child(2):nth-last-child(3),
ul.videos li:nth-child(3):nth-last-child(2),
ul.videos li:nth-child(4):nth-last-child(1){
    width: 50%;
}


.paso-compra.completado {
    background: #747171 url(../images/icon_checked.png) no-repeat 97% center;
    background-size: 40px;
    opacity: 1;
	transition: background-color 0.2s;
	-webkit-transition: background-color  0.2s;
	-moz-transition: background-color  0.2s;
}
#forms-integrado {
    text-align: center;
    margin: 0;
    padding: 10px 0px 2px;
}
#forms-integrado li {
    display: inline-block !important;
    float: none;
    text-transform: uppercase;
    padding: 0px 10px;
    margin: 0px 20px 20px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
}

#integrado .dropdown{}
#integrado .dropdown .selected,
#integrado .dropdown li{
    padding: 14px 10px;
    font-size: 15px;
}

#integrado input{
	border:1px solid lightgray;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	font-size: 1em;
	padding: 14px 10px;
	margin-bottom: 20px;
}

#integrado .dropdown{
	font-size:1.2em;
	border: 1px solid lightgray;
	margin-bottom: 20px;
}
#integrado .dropdown .carat{
	width: 28px;
	background-size: 100%;
}

#integrado input:focus{
	border-color: #f13a50;
}

#content-integrado{
	padding:20px;
}

#img-integrado{
	display:block;
	margin:0 auto;
}


#btn-paso-1{
	display:none;
}

.paso-compra.desactivado{
	opacity:0.5;
}

.paso-compra{
	display: block;
	padding: 15px 30px 15px 12px;
	border: 1px solid lightgray;
	margin: 10px;
	background-color:#f5f5f5;
	cursor:pointer;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	background-color: #3d393a;
	color:white;
	font-size: 18px;
}

.paso-compra.activo{
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
}

#numero-tarjeta{
	/* margin-bottom:4px; */
}
#forms-integrado{
	text-align:center;
}

#forms-integrado li{
	display: inline-block !important;
    float: none;
    text-transform: uppercase;
    padding: 0px 30px;
    margin: 10px;
    transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
}

#paso-2, #paso-3{
	//display:none;
}
.proceso-compra-completo{
	padding-bottom:20px;
}
.card .status{
	display:none;
}
.card .card_icon,
.card .status_icon {
  /* For a more robust cross-browser implementation, see http://bit.ly/aqZnl3 */
  display: inline-block;
  vertical-align: bottom;
  height: 23px;
  width: 27px;
}

.card .card_icon {
  background: transparent url('../img/credit_card_sprites.png') no-repeat 30px 0;
}

/* Need to support IE6? These four rules won't work, so rewrite 'em. */
.card .card_icon.visa       { background-position:   0   0 !important; }
.card .card_icon.mastercard { background-position: -30px 0 !important; }
.card .card_icon.amex       { background-position: -60px 0 !important; }
.card .card_icon.discover   { background-position: -90px 0 !important; }

/* --- Card Status --- */
.card .status_icon {
  background: transparent url('img/status_sprites.png') no-repeat 33px 0;
}
.card .invalid              { color: #AD3333; display: block;
    text-align: right;
    background-color: white; }
.card .valid                {  }
.card .invalid .status_icon { background-position: 3px 0 !important; }
.card .valid .status_icon   { background-position: -27px 0 !important; }



/* CSS NUEVO PROCESO DE COMPRA () */

/* general */

.dropdown li.focus {
    background: #f4364c;
}
form.purchasing-form{
    padding-bottom: 40px;
}

form.purchasing-form div{
	position: relative;
}
form.purchasing-form h3{
	margin: 0 0 30px;
}
form.purchasing-form .checkbox-container{
    display: block;
    text-align: left;
    font-size: 1.1em;
    margin: 0 0 0.6em;
}

form.purchasing-form .checkbox-container label{
	font-size: .8em;
}
form.purchasing-form p.required-fields{
    font-size: 12px;
    margin: 0 0 30px;
}
form.purchasing-form input[type="submit"] {
    margin: 10px 0px 40px;
}
form.purchasing-form p.forgot-pass{}

.help-block{}
.help-block.form-error {
    font-size: 11px;
    margin: 0 0 14px;
    background: #f4364c;
    color: #fff;
    padding: 3px 7px;
    display: inline-block;
    vertical-align: top;
}

form.purchasing-form .help-block.form-error{
	position: absolute;
	bottom: -7px;
	right: 0;
	z-index: 1;
	padding: 1px 10px;
	font-size: 11px;
}

#footer h5 {
    color: #f5f5f5;
    font-size: 15px;
    font-weight: 100;
    margin: 0 0 20px;
}
.paso-compra.completado {
    background: #747171 url(../images/icon_checked.png) no-repeat 97% center;
    background-size: 29px;
    opacity: 1;
    transition: background-color 0.2s;
    -webkit-transition: background-color  0.2s;
    -moz-transition: background-color  0.2s;
}
#forms-integrado {
    text-align: center;
    margin: 0;
    padding: 10px 0px 2px;
}
#forms-integrado li {
    display: inline-block !important;
    float: none;
    text-transform: uppercase;
    padding: 0px 10px;
    margin: 0px 20px 20px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
}

.discount-code-block{}
.discount-code-block .collapse,
.discount-code-block .collapsing{
}

.message-discount-code{
	font-weight: bold;
	display: block;
	margin: 7px 0px 0px;
	background: #5bca5b;
	display: inline-block;
	color: #fff;
	padding: 3px 10px;
	display: none;
	float: right;
	font-size: 14px;
}

.message-discount-code.discount-error{
	background-color: red;
}

.discount-code-block .btn-success,
.discount-code-block .btn-success:hover,
.discount-code-block .btn-success:focus,
.discount-code-block .btn-success:active,
.discount-code-block .btn-success.active,
.discount-code-block .open .dropdown-toggle.btn-success{
	background: #3d393a;
	color: #fff;
	border-color: #3d393a;
}


/* NEW CHECKBOX CONTAINER */

.checkbox-content{
	position: relative;
	overflow: hidden;
	margin: 0px 0 10px;
	text-align: left;
}
.checkbox-content .help-block.form-error{
    margin-top: -10px;
}
.checkbox-content input[type="checkbox"],
.checkbox-content input[type="radio"]{
	opacity: 0;
	position: absolute;
	visibility: hidden;
}
.checkbox-content input[type="checkbox"] + label,
.checkbox-content input[type="radio"] + label {
    background: #ffffff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    display: inline-block;
    border: none;
    cursor: pointer;
    position: relative;
    max-width: none;
    widt;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    border: 2px solid #000;
    vertical-align: middle;
    cursor: pointer;
}
.checkbox-content input[type="checkbox"] + label:after,
.checkbox-content input[type="radio"] + label:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    margin: 0;
    background: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.checkbox-content input[type="checkbox"]:checked + label:after,
.checkbox-content input[type="radio"]:checked + label:after{
	background: #f4364c;
}
.checkbox-content input[type="checkbox"] + label + label,
.checkbox-content input[type="radio"] + label + label{
	display: inline-block;
	vertical-align: top;
	padding: 1px 5px 2px;
    margin: 0 0 1.2em;
	max-width: 90%;
	font-size: 13px;
	font-weight: 500;
}
.checkbox-content input[type="checkbox"] + label + label a,
.checkbox-content input[type="radio"] + label + label a{
	text-decoration: underline;
	font-weight: bold;
}



#errores-registro, #errores-login, #errores_paso2{
	color:red;
}

.como-funciona{}
.como-funciona .item-proceso{}
.como-funciona .item-proceso .proceso-title{
    color: #333333;
    line-height: 1.2;
    font-size: 18px;
    margin: 0 0 9px;
}
.como-funciona .item-proceso img{
    max-width: 120px;
}

.ncondiciones{
	display: block;
	padding: 14px 10px 10px;
	border: 1px solid #ccc;
	margin: 0 0 10px;
}
.ncondiciones p{
	margin: 0;
}
.ncondiciones small{
	display: block;
	margin-top: 10px;
	font-size: 11px;
	line-height: 1.2;
}
.n-checkbox-container{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
}
.n-checkbox-container input[type="checkbox"],
.n-checkbox-container input[type="radio"]{
	opacity: 0;
	position: absolute;
	visibility: hidden;
}
.n-checkbox-container input[type="checkbox"] + label,
.n-checkbox-container input[type="radio"] + label {
    background: #fff;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-bottom: 0px;
    cursor: pointer;
    position: relative;
    max-width: none;
    border: 1px solid #ccc;
    vertical-align: top;
}
.n-checkbox-container input[type="checkbox"] + label:after,
.n-checkbox-container input[type="radio"] + label:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    width: 14px;
    border-radius: 0;
    height: 14px;
    margin: 2px;
    background: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.n-checkbox-container.squared  input[type="checkbox"] + label,
.n-checkbox-container.squared  input[type="radio"] + label{
	border-radius: 0px;
	margin: 0;
	width: 20px;
	height: 20px;
}
.n-checkbox-container.squared  input[type="checkbox"] + label:after,
.n-checkbox-container.squared  input[type="radio"] + label:after{
	border-radius: 0px;
	margin: 0px;
	width: 10px;
	height: 10px;
}

.n-checkbox-container input[type="checkbox"]:checked + label:after,
.n-checkbox-container input[type="radio"]:checked + label:after{
	background: #f4364c;
}
.n-checkbox-container input[type="checkbox"] + label + label,
.n-checkbox-container input[type="radio"] + label + label{
	display: inline-block;
	vertical-align: middle;
	padding: 0px 4px;
	font-size: 1.4rem;
}
.n-checkbox-container + label{
	margin: 0 0 10px;
	font-size: 12px;
	max-width: calc(100% - 50px);
	line-height: 1.1;
}

.n-checkbox-container + label a{
	color: #f4364c;
	text-decoration: underline;
}

	
/***** YOUTUBE *****/

.embebido .player{
    position: relative;
    padding-top: 1.38889rem;
    padding-bottom: 51.3%;
    height: 0;
    margin-bottom: 0.88889rem;
    overflow: hidden;
}

.embebido .player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/****** BUTACAS ******/


.container-butacas{
    font-size: 0;
    position: relative;
}

.container-butacas h4,
.container-butacas h5{
    font-size: 15px;
}


/*.zonalink.activa{
    background: rgba(244, 54, 76,0.5)
}*/

.container-butacas{
	display: inline-block;
}

.butaca {
    width: 3px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 0 0 4px 4px;
    font-size: 1px;
    color: rgba(237, 237, 237, 0.5);
    line-height: 4px;
}

#escenario-recinto + #tabla-butacas .butaca{
	width: 6px;
	height: 8px;
	margin-right: 4px;
	margin-bottom: 4px;
	font-size: 3px;
	line-height: 8px;
}
#escenario-recinto + #tabla-butacas .butaca.butaca-pmr{
	width: 16px;
	height: 8px;
	margin-right: 4px;
	margin-bottom: 4px;
	position: relative;
	color: rgba(237,237,237,1);
}
#escenario-recinto + #tabla-butacas .butaca.butaca-pmr:after{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: 1px;
	background-color: rgba(255,255,255,0.25);
}
#recinto,#recinto .contenedor{
	background: none;
	position: relative;
	margin-top:  30px;
}
#recinto .contenedor:before {
    content: 'Filas';
    font-size: 10px;
    position: absolute;
    right: 100%;
    top: 100%;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 4px;
    padding-right: 6px;
}
#cesped-recinto {
    position: relative;
    padding: 20px 10px;
    background: #a8d192;
    color: #ededed;
    margin: 10px 0px 50px;
    border: 3px solid green;
    /* border-radius: 0 0 20px 20px; */
    border-top: none;
    font-size: 41px;
    letter-spacing: 0;
    font-weight: bold;
    min-height: 100px;
    font-size: 25px;
}
#cesped-recinto:after,
#cesped-recinto:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 100%;
	margin: 20px 10px 10px;
	border-bottom: 17px solid green;
	border-left: 17px solid transparent;
	border-right: 17px solid transparent;
}

#cesped-recinto:after{
	right: 30%;
}
#cesped-recinto:before{
	left: 30%;
}

.codigo-0 #cesped-recinto span:first-child:after,
.codigo-2 #cesped-recinto span:first-child:after{
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	left: 50%;
	top: 0;
}
.codigo-0 #cesped-recinto span:last-child:before,
.codigo-2 #cesped-recinto span:last-child:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 80px;
	border: 1px solid #ffff;
	border-top: 0px;
	width: 5%;
	height: calc(100% - 80px);
}
.codigo-0 #cesped-recinto span:last-child:after,
.codigo-2 #cesped-recinto span:last-child:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 80px;
	border: 1px solid #ffffff;
	border-top: 0px;
	width: 5%;
	height: calc(100% - 80px);
}

.codigo-1 #cesped-recinto,
.codigo-3 #cesped-recinto{
    width: 80%;
    left: 10%;
    min-height: 70px;
}
.codigo-1 #cesped-recinto span:first-child:before,
.codigo-3 #cesped-recinto span:first-child:before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	left: 0px;
	bottom: 0;
	border-radius: 0 80px 0 0;
	border-bottom: 0px;
	border-left: 0;
}
.codigo-1 #cesped-recinto span:first-child:after,
.codigo-3 #cesped-recinto span:first-child:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	right: 0px;
	bottom: 0;
	border-radius: 100% 0 0 0;
	border-bottom: 0px;
	border-right: 0px;
}
.codigo-1 #cesped-recinto span:last-child:before,
.codigo-3 #cesped-recinto span:last-child:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	border: 1px solid #fff;
	width: 65%;
	height: calc(100%);
	transform: translateX(-50%);
	border-bottom: 0;
	border-top: 0;
}
.codigo-1 #cesped-recinto span:last-child:after,
.codigo-3 #cesped-recinto span:last-child:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	border: 1px solid #fff;
	width: 43%;
	height: calc(100% - 13px);
	transform: translateX(-50%);
	border-bottom: 0;
}
#escenario-recinto {
    position: relative;
    padding: 20px 10px;
    background: #dfdfdf;
    color: #3d393a;
    border: 3px solid #dfdfdf;
    /* border-radius: 0 0 20px 20px; */
    border-top: none;
    font-size: 41px;
    letter-spacing: 0;
    font-weight: bold;
    min-height: 80px;
    font-size: 22px;
    max-width: 400px;
    margin: 10px auto;
}

.zona-pmr #escenario-recinto,
.zona-pmr #tabla-butacas{
	width: 1640px;
	max-width: none;
}

#escenario-recinto {
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: 120px;
    border: none;
    min-height: 40px;
    
}
@media (min-width: 768px){
	#escenario-recinto {
	    background-size: 150px;
	}

	.zona-pmr #escenario-recinto, .zona-pmr #tabla-butacas {
		width: 1730px;
	}
}
#butacas-content:not(.codigo-1):not(.codigo-0) #escenario-recinto{
	background-image: url(../images/flechas/escenario_arriba.svg);
}
#butacas-content.codigo-1 #escenario-recinto{
	background-image: url(../images/flechas/escenario_arriba_izquierda.svg);
}
#butacas-content.codigo-0 #escenario-recinto{
	background-image: url(../images/flechas/escenario_arriba_derecha.svg);
}
#butacas-content:not(.codigo-1):not(.codigo-0) #tabla-butacas + #escenario-recinto{
	background-image: url(../images/flechas/escenario_abajo.svg);
}
#butacas-content.codigo-1 #tabla-butacas + #escenario-recinto{
	background-image: url(../images/flechas/escenario_abajo_izquierda.svg);
}
#butacas-content.codigo-0 #tabla-butacas + #escenario-recinto{
	background-image: url(../images/flechas/escenario_abajo_derecha.svg);
}


 .butaca.libre, .zona-515 .butaca.libre{
    background: rgb(255, 255, 58);
     cursor:pointer;
}
 .butaca.libre, .zona-516 .butaca.libre{
    background: rgb(255, 217, 110);
     cursor:pointer;
}
 .butaca.libre{
    background: rgb(169, 209, 146);
    cursor:pointer;
    box-shadow: 0 1px 1px -0.6px;
}
.butaca.ocupada{
    background: #f4364c;
    box-shadow: 0 1px 1px -0.6px;
}

.butaca-seleccionada{
	background:#8CA9D9 !important;
	 cursor:pointer;
}
.asiento-ocupado{
    background: #f4364c;
}
.asiento-seleccionado{
	background:#8CA9D9;
}

.asiento-libre{
	background: rgb(169, 209, 146);
}

.asiento-pmr{
	background-color: #0000fe;
}
.asiento-oferplan{
	background:#E3FA98;
	cursor:pointer;
}

.asiento-prensa{
	background:#9E90DC;
}

.asiento-seguridad{
	background-color:purple;
	cursor:pointer;
}

.asiento-protocolo{
	background-color:orange;
	cursor:pointer;
}
.fila {
    font-size: 4px;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    color: #444;
    position: absolute;
    left: -21px;
}
#loader{
	width:60px;
}

#recinto{
	position:relative;
	margin: 10px 0px 10px 15px;
}

.btn-borrar-seleccion{
	margin-top:20px;
}
.blockUI.blockOverlay{
	opacity:0.2 !important;
}
.place-wrapper{
	position: relative;
}
.place-wrapper.small-place-wrapper{
	max-width: 130px;
    margin: 12px;
}

.small-place-wrapper .zonalink .point-zone .point{
	display: none;
}
ul.leyenda{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	width: 100%;
}
ul.leyenda.visible-xs{
	display: flex !important;
	flex-wrap: wrap;
}
ul.leyenda.visible-xs li{
	width: 50%;
	border: 1px solid #555;
	padding: 14px 7px;
	margin: 0;
	line-height: 1;
}
ul.leyenda.visible-xs li:first-child,
ul.leyenda.visible-xs li:first-child + li{
	border-bottom: none;
}

ul.leyenda.visible-xs li:first-child,
ul.leyenda.visible-xs li:first-child + li + li{
	border-right: none;
}
ul.leyenda.visible-xs li 
 > strong{
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1;
	display: inline-block;
	max-width: calc(100% - 31px);
	color: #3d393a;
}
ul.leyenda li{
	margin-bottom: 5px;
}
ul.leyenda li span{
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 18px;
	margin-right: 4px;
}
ul.leyenda i{
	margin: 10px 0px 0px 6px;
}

.leyenda.list-inline{
	font-size: 11px;
	text-align: left;
	margin: 12px 0px 5px;
}
.leyenda.list-inline li{
	margin-bottom: 3px;
}
.leyenda.list-inline span{
	width: 12px;
	height: 12px; 
}

#butacas-content{
	padding-bottom: 30px;
}

#butacas-content .table-responsive {
    border: none;
    background: none;
    padding: 15px;
}
#butacas-content .table-responsive table{}
#butacas-content small{
	font-size: 11px;
	display: block;
	margin-bottom: 10px;
}
#butacas-content .buttons small,
.buttons small{
	display: inline-block;
	margin: 3px 5px 3px 0px;
}
.caja-temp{
	background: #fff;
    padding: 0 1em;
    margin: 0px 0px;
    font-size: 1.4em;
}
.resumen-butacas {
    background: #f4364c;
    padding: 0.4em 1em 0.3em;
    margin: 0;
    font-size: 1.4em;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 120;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 40%;
    min-height: 55px;
    color: #ededed;
}
.resumen-butacas h5{
	margin: 4px 0px 5px;
	font-size: 11px;
}
.resumen-butacas.activo{
	opacity: 1;
	visibility: visible;
}
.resumen-butacas ol{
    font-size: 13px;
    padding-left: 20px;
    margin: 0;
}
.resumen-butacas ol li{
	font-size: 10px;
	/* display: inline-block; */
	margin: 0 5px 2px 0px;
	position: relative;
	line-height: 1.1;
}
.resumen-butacas ol li:last-child:after{
	display: none;
}
.resumen-butacas #precio{
    position: absolute;
    right: 0;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30%;
    padding: 0px 5px;
    margin: 0px 0px;
    font-family: 'EffraBoldItalic',sans-serif;
    font-weight: normal;
    border-left: 1px solid;
    /* padding-bottom: 2px; */
}
.resumen-butacas #precio span{
    display: block;
    font-size: 23px;
    margin: 3px 0px 0px;
}


#borrar-seleccion{
	/* -webkit-transition: all .3s ease; */
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	/* transition: all .3s ease; */
	display: none;
}
#borrar-seleccion.activo {
    display: inline-block;
}
.table-responsive{
	transform: none !important;
}
.table-responsive.shadowed-table {
  background:
    radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 10px 100%;
  margin-bottom: 15px;
}

.table-responsive.shadowed-table > .table {
  background: 
    linear-gradient(to right, white 30%, rgba(255,255,255,0)),
    linear-gradient(to left, white 30%, rgba(255,255,255,0)) 100% 0;
  background-size: 50px 100%;
  background-repeat: no-repeat;
  max-width: none;
  margin-bottom: 0;
}

h2.butacas-title {
    background: #3D393A;
    color: #fff;
    padding: 16px;
    margin: 0px 0px 10px;
    font-size: 17px;
}
#main-proceso-compra .tabla-comprar {
    margin: 0 0 0px;
    border: 1px solid #ededed;
    background: #f5f5f5;
}
#main-proceso-compra .info{
	color: #555;
	margin: 10px;
	text-align: left;
	border-top: 1px solid #ededed;
	padding: 10px 0px 0px;
}
#main-proceso-compra .info + .info + .info{
	border-bottom: 1px solid #ededed;
}
#main-proceso-compra .info small{
	font-size: 13px;
}

table.tabla-comprar .cantidad .dropdown{
	background: #DFDFDF;
}


.pay-section{
	position: relative;
	z-index: 1;
}
.pay-section:before {
	content: '';
    background: rgba(255,255,255,0.95);
    -webkit-transition: all .4s ease .4s;
    -moz-transition: all .4s ease .4s;
    -ms-transition: all .4s ease .4s;
    transition: all .4s ease .4s;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    color: #aaa;
    height: 100%;
    font-size: 23px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    cursor: not-allowed;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.pay-section.activa{
	z-index: 2;
}
.pay-section.activa:before{
	visibility: hidden;
	cursor: default;
	opacity: 0;
}
.pay-section a{
	cursor: pointer;
}
#pay-section-1{
	z-index: 3;
}
#tabla-butacas>thead>tr>th, #tabla-butacas>tbody>tr>th, #tabla-butacas>tfoot>tr>th, #tabla-butacas>thead>tr>td, #tabla-butacas>tbody>tr>td, #tabla-butacas>tfoot>tr>td{
	border: none;
	padding: 0;
}

#tabla-butacas .bg-danger {
    background-color: #f4364c;
    padding: 1em;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 20px;
}
#modal-butacas button.close {
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 0px;
    opacity: 1;
    font-size: 40px;
    padding: 0px 10px;
}
.resumen-entradas {
    font-size: 14px;
    padding: 5px;
    border: 1px solid #ccc;
    margin: 0px 0px 20px;
}
.resumen-entradas li{
	margin-bottom: 10px;
}

.input-white input[type=text]{
	background:white !important;
}

.pmr-icon{
	color:white;
	text-align:center;
}

.butaca.pmr{
	background-color: #0000fe;
}

#stores-list{
	list-style:none;
}

.modal-size-90{
	width:90% !important;
}

/* css para welcome */

#overlay-welcome{
	z-index: 1000;
    background-color: #006B3F;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    //align-items: center;
    background-size: 100% 250px;
    background-repeat: no-repeat;
    padding-top: 310px;
}

#overlay-welcome > div{
	width:320px;
	max-width:100%;
}
#overlay-welcome h4{
	color:white;
	text-transform:uppercase;
	text-align:center;
}

.estrella-levante{
	background-color: #006B3F;
    color: white;
    padding: 0px 10px;
    background-image: url(http://www.estrelladelevante.es/wp-content/themes/estrella/img/logo.png);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 8px;
    padding-top: 60px;
    background-size: 110px;
    text-align:center;
}

.estrella-levante .btn{
	background-color:#B38116;
	border:none;
}

.estrella-levante .grupo{
	margin-top:5px;
}

.btn-welcome{
	background: none;
    padding: 7px 20px;
    border: 4px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0px 0px 11px -1px #444;
    color: #fff;
    background-color: #f4364c;
    transition: .3s ease;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    display: block;
    width: 100%;
    font-size: 2rem;
    margin-bottom: 20px;
}

.btn-welcome:hover{
	background: #259867;
    border-color: #006c3d;
    box-shadow: none;
    color: #fff;
}

.buttons{
	margin: 10px;
	text-align: left;
}
.buttons button{
	-webkit-appearance: none;
	border: none;
	background: #3d393a;
	color: #ffffff;
	min-width: 30px;
	min-height: 30px;
	font-size: 13px;
	text-transform: uppercase;
}
.buttons button.zoom-in,
.buttons button.zoom-out{margin-right: 3px;}


/* BUTACAS SVG */

#condomina-svg {}

.zona,
.zona *{
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}

.zona:hover g:first-child *, .selected.zona g:first-child *{
	fill: green;
}
.zona.zona-agotada:hover g:first-child *{
	fill: red;
}

.zona.no-disponible:hover g:first-child *{
	fill: #868565;
}

g.zonalink.no-disponible rect{
	fill: red;
}

.popover {
    display: none;
    max-width: 296px;
    font-size: 11px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 12px;
    background-color: #ccc;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0px;
}
.popover-content {
    padding: 9px 14px;
}
#resultado-compra{
	text-align: center;
}
#resultado-compra p{
	display: block;
	background: #E84139;
	color: #ffffff;
	padding: 7px 10px;
	text-transform: uppercase;
	font-size: 14px;
	margin: 20px 0px 3px
}
#resultado-compra a{
	font-weight: bold;
	text-decoration: underline;
}
.leyenda-condomina .t-colour-red{
	background-color: #E84139;
}
.leyenda-condomina .t-colour-brown{
	background-color: #868565;
}
.leyenda-condomina .t-colour-blue{
	background-color: #1D71B8;
}
.leyenda-condomina .t-colour-purple{
	background-color: #835C9A;
}

.leyenda-condomina .t-colour-tomato{
	background-color: #f49471;
}

.leyenda-condomina .t-colour-yellow-light{
	background-color: #fbf36c;
}

.leyenda-condomina .t-colour-pink{
	background-color:#eb93bd;
}

.leyendas-wrapper{
	margin: 2em 1em;
}

#condomina-svg polygon,
#condomina-svg g g:first-child path,
#condomina-svg .zona-vips{
	opacity: 0.2;
	cursor: not-allowed;
	
}

#condomina-svg .zonalink:not(.agotadas):not(.no-disponible) polygon,
#condomina-svg .zonalink:not(.agotadas):not(.no-disponible) g:first-child path,
#condomina-svg .zonalink:not(.agotadas):not(.no-disponible) .zona-vips{
	opacity: 1;
	cursor: pointer;
}

/* CONDOMINA CONCIERTOS */

#condomina-conciertos{}	

#condomina-conciertos .zona,
#condomina-conciertos .zona *{
	transition: none;
}
#condomina-conciertos .zona:hover g:first-child *{}	

.tabla-butacas-wrapper{position: relative;overflow: hidden;margin: 0 0 30px;}
.no-touch .tabla-butacas-wrapper{
}
.tabla-butacas-wrapper > p{
	margin: 0;
}
#butacas-content .tabla-butacas-wrapper p small{
	text-align: left;
	position: absolute;
	font-weight: bold;
	left: 0;
	display: inline-block;
	padding: 3px 5px;
	background: #ededed;
	border: 1px solid #aaa;
	border-left: none;
	border-top: none;
	z-index: 1;
}
#tabla-butacas-content{
	padding: 0;
	overflow: hidden;
}
.tabla-butacas-wrapper .place-wrapper.small-place-wrapper{
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 14px 9px 9px;
	max-width: 80px;
	border-left: 2px solid #ededed;
	margin: 0;
	border-bottom: 2px solid #ededed;
}


.tabla-butacas-wrapper .place-wrapper.small-place-wrapper > div > img{opacity: 0.4;}

.tabla-butacas-wrapper .place-wrapper.small-place-wrapper:before{
	content: 'Zona seleccionada';
	text-align: center;
	width: 100%;
	padding: 2px;
	font-size: 6.3px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
}
.tabla-butacas-wrapper .place-wrapper.small-place-wrapper > div{
	/* margin: 13px 10px 6px; */
	position: relative;
}
.tabla-butacas-wrapper .place-wrapper.small-place-wrapper > div div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.tabla-butacas-wrapper .place-wrapper.small-place-wrapper .point-zone{
	transform: scale(2);
}
.tabla-butacas-wrapper .place-wrapper.small-place-wrapper .point-zone img{
	display: block;  
}

.butacas-error .bg-danger {
    background-color: #f4364c;
    padding: 0.5em 1em;
    color: #ffffff;
    display: inline-block;
    margin: 0em 0 1em;
}

.touch .visible-no-touch{
	display: none;
}

/*
	.sidebar-butacas .evento img{
		background: #ffffff;
		max-width: 240px;
		margin: 30px auto;
		display: block;
	}
*/


h5.loading-text{
	font-size: 16px;
	padding: 5px 10px;
}


#panzoom-regiones{
	width: 150%;
}

#panzoom-container,
.panzoom-container{
    border: 2px solid #ededed;
    max-height: 500px;
    overflow: hidden;
    min-height: 280px;
}
#panzoom-container.panzoom-container-general{
	margin: 0px 10px;
}
#panzoom-container .panzoom,
.panzoom-container .panzoom{
}

#panzoom-general{}

.aviso-email { font-style: italic }
.aviso-email .correo { text-decoration: underline }
.new-button-xs{ margin: 5px 0px 0px 5px }


/* RECINTOS */

.recinto{}


.recinto .zonalink{}
.recinto .zonalink > polygon{}

.recinto .zonalink.disponible > polygon, .recinto .zonalink.disponible > rect{}

.recinto .zonalink.disponible:hover > polygon,
.recinto .zonalink.disponible:hover > rect{
	fill: #34f334;
	stroke:#34f334;
}

.recinto .zonalink.agotadas > polygon,
.recinto .zonalink.agotadas > rect,
.recinto .zonalink.no-disponible > polygon,
.recinto .zonalink.no-disponible > rect{
	fill: red;
	stroke: red;
}

.recinto .zonalink.agotadas:hover > polygon,
.recinto .zonalink.no-disponible:hover > polygon{
	fill: red;
	stroke: red;
}


/* AUDITORIO SAN JAVIER */

#svg-auditorio-san-javier{}
#svg-auditorio-san-javier .zonalink{}
#svg-auditorio-san-javier .zonalink > path{}
#svg-auditorio-san-javier .zonalink.disponible:hover > path{
	fill: #34f334;
	stroke:#34f334;
}
#svg-auditorio-san-javier .zonalink.agotadas:hover > path,
#svg-auditorio-san-javier .zonalink.no-disponible:hover > path{
	fill: red;
	stroke:red;
}

#svg-auditorio-san-javier .zonalink.agotadas > path,
#svg-auditorio-san-javier .zonalink.no-disponible > path{
	fill: red;
	stroke:red;
}

#svg-cuartel-artilleria{}
#svg-cuartel-artilleria .zonalink.disponible:hover > *{
	fill: #34f334;
	stroke:#34f334;
}

#svg-cuartel-artilleria .zonalink.no-disponible:hover > *{
	fill: red;
	stroke:red;
}

.region-220 .butaca.vacia, .region-221 .butaca.vacia{
	display:none;
}

.region-220, .region-221{
	text-align:left;
}



/* CASTILLO DE LORCA */

#svg-castillo-lorca{}
#svg-castillo-lorca{}

/*  RESPONSIVE */

@media (min-width: 768px) {
	body{
		padding-top: 0;
	}
	
	.container{
		margin:auto;
	}

	h1{
		font-size: 2.3em;
	}
	h2{
		font-size: 2em;
	}
	h3{
		font-size: 1.6em;
	}
	h4{
		font-size: 1.15em;
	}
	h5{
		font-size: .95em;
	}
	.alignCenter.alignLeftMobile, 
	.alignCenter.alignRightMobile{
		text-align: center;
	}
	.alignRight.alignCenterMobile{
		text-align: right;
	}
		
	.alignLeft.alignCenterMobile{
		text-align: left;
	}
	
	.alignRight.alignLeftMobile{
		text-align: right;
	}
	.alignCenter.alignLeftMobile{
		text-align: center;
	}
	.alignLeft.alignLeftMobile{
		text-align: left;
	}
	
	.staticMobile, .staticMobile .col-sm-12{
		position: relative;
	}
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea{
		margin-bottom: 1.1em;
		padding: .75em;
	}
	.input-content{
		margin-bottom: .7em;
	}

	.modal-dialog.modal-lg{
		margin-top:100px;
	}
	.dropdown .selected, .dropdown li {
		padding: .75em .75em;
	}
	.dropdown{
		margin: 0 0 1.1em;
	}
	.dropdown .carat {
		right: 1em;
	}
	.button{
		font-size: 1.1em;
	}
	.button.new-button{
		max-width: 250px;
		margin: 30px 0px;
		font-size: 16px;
	}

	.help-block.form-error {
		font-size: 12px;
		margin: 0 0 14px;
		padding: 3px 17px;
	}
	.content {
		padding: 1.25em;
	}
	.content.noPaddingResponsive{
		padding: 1.25em;
	}
	
	.content.PaddingResponsive, .content.paddingResponsive,.content-padding-responsive{
		padding: 0em;
	}
	.separador{
		margin: 0 0em;
	}
	
	.button-container{
		font-size: 1em;
	}
	
	.content.content-left{
		padding: 0 1em 0 0;
	}
	.content.content-right{
		padding: 0 0 0 1em;
	}
	.content.content-noPadding{
		padding: 0;
	}
	
	.section-title {
	    font-size: 32px;
	    margin: 1.1em 0;
	}
	/* HEADER */
	
	#head{
		padding: 1em;
		position: static;
		width: auto;
		font-size: 16px;
	}
	#head .logo {
		background-size: 100%;
		width: 7.7em;
		height: 1.2em;
		float: none;
		margin: 0em;
	}
	#login-content{
		background: none;
		color: #616060;
		padding: 0.9em 0 0;
		text-transform: none;
		font-size: 0.9em;
	}
	#login-content a{
		color: #616060;
	}
	
	/*#head p{
		margin: 2.5em 0px;
	}*/
	
	
	#main-menu, #main-menu.activo{
		position: relative;
		width: auto;
		height: auto;
		opacity: 1;
		-webkit-transform: translate3d(0%,0,0);
		-moz-transform: translate3d(0%,0,0);
		transform: translate3d(0%,0,0);
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		transition-duration: 0s;
	}
	
	#main-menu li{
		display: block;
		float: left;
		text-align: center;
		position: relative;
	}
	#main-menu li a {
		padding: 1.3em 1.25em;
		display: block;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		font-size: 0.95em;
	}
	#main-menu li:nth-child(1) a:after{
		display: none;
	}
	
	#main-menu li .submenu,#main-menu li .submenu.activo{
		width: auto;
		height: auto;
		top: 100%;
		min-width: 15em;
		opacity: 0;
		background-color: #000;
		visibility: hidden;
		-webkit-transform: translate3d(0,-10px,0);
		-moz-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}
	
	#main-menu li:hover .submenu{
		
		opacity: 1;
		-webkit-transform: translate3d(0,0%,0);
		-moz-transform: translate3d(0,0%,0);
		transform: translate3d(0,0%,0);
		visibility: visible;
		background-color: #af272f
	}
	
	#main-menu li .submenu li{
		text-align: left;
	}
	#main-menu li .submenu li a {
		padding: .9em 1.25em;	
	}
	
	/* BUSCADOR EVENTOS */
	
	.buscador-eventos.buscador-principal.panel {
  	  padding: 6.5em 1em;	
  	  margin-top: 0px;
  	 }
	
	.buscador-eventos .panel-body {
		padding: 1em 2em 1em;
	}
	.buscador-eventos .panel-body h2 {
	    margin: 1.4em 0 0.3em;
	    font-size: 3em;
	    position: relative;
	}
	.buscador-eventos .button-container{
		padding: 0;
	}
	
	.panel-body .content{
		padding: 1em;
	}

	.buscador-eventos.buscador-principal input[type="text"]{
		    border: 3px solid #f4364c;
		    height: 60px;
	}
	.buscador-eventos.buscador-principal input[type="submit"] {
	    height: 60px;
	}
	
	.buscador-eventos.buscador-pincipal.panel {
	    margin: 0px;
	    padding: 7em 1em;
	   }

	/* SLIDER */
	
	.flexslider{
		margin-bottom: 3.25em;
	}
	
	#slider-home .slides li{
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		overflow: hidden;
		padding-top: 0px;
	}
	
	#slider-home .slides li a{
		min-height: 31em;
	}
	#slider-home .slides li .caption {
		padding: 2.8em 4em;
		font-size: 1em;
		background: none;
		min-height: 0em;
		max-width: 37em;	
		background: none;
	}
		
	#slider-home .slides li .caption .autor {
		margin: 0 0 .1em;
		font-size: 3em;
		line-height: 0.9em;
	}
	
	#slider-home .slides li .caption .nombre-evento{
		text-transform: uppercase;
		 margin:0;
		 font-size: 1.5em;
		 margin-bottom: 1.5em;
	}
	#slider-home .slides li .caption .date, #slider-home .slides li .caption .localizacion{
		margin:0 0 .3em;
		font-size: 1.4em;
	}
	#slider-home .slides li  .caption .localizacion{
		margin:0 0 1.4em;
	}
	#slider-home .slides li .button{
		width: auto;
		margin: 0;
		display: inline-block;
	} 
	
	#slider-home .flex-control-nav {
		top:auto;
		bottom: .9em;
	}

	/* CARRUSEL SLIDER */
	
	
	.carrusel-slider ul li a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	
	.carrusel-slider{
		position: relative;
		left:-5px;
		margin-bottom: 6.25em;
	}
	


	.carrusel-slider .flex-direction-nav .flex-prev{
		right: 76px;
		left: auto;
	}
	.carrusel-slider .flex-direction-nav .flex-next{
		right: .5em;
		bottom:-4em;
	}
	
	
	#slider-home .slides li a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none
	}
	
	
	#slider-home .slides li:hover .button{
		background: #af272f;
	}
	
	/* + HOME */
	
	
	#buscador-artista, #banner-artista-o-grupo{
		min-height: 27.5em;
	}
	
	
	.banner h1 {
		margin: 1em 0 0.9em;
		font-size: 3.5em;
	}

	/* NEWSLETTER SECTION */
	
	#newsletter-section{
		background-size: 100%;
	}
	#newsletter-section .content{
		padding: 250px 30px 30px;
	}
	
	
	#newsletter-section .subcontent {
		padding: 1em;
	}

	
	/* FOOTER */
	
	#footer{
		font-size: 14px;
	}
	.social-element{
		font-size: 4em;
	}
	
	
	#footer .logo{
		margin: 0px;
	}
	
	/* SINGLE EVENTO */
	
	

	.titulo {
		padding: 1.8em 0em 1.3em;
	}
	
	
	.sidebar{
		top: 0px;
		position: relative;
		background: #dfdfdf;
	}
	.sidebar .evento,.sidebar-butacas .evento {
	    font-size: 0.6em;
	}	
		
	#lista-eventos ul li, .lista-sidebar ul li {
		padding: 1em;
		height: 4.3em;
		overflow: visible;
		font-size: 1em;
	}

	#lista-eventos, .lista-sidebar{
		position: relative;
		z-index: 10;
	}
		
	#lista-eventos ul, .lista-sidebar ul{
		max-height: 5000px;
	}
	
	#lista-eventos ul li, .lista-sidebar ul li {
		list-style: none;
		margin: 0;
		padding: 1.2em 0.6em;
		position: relative;
		height: 5.3em;
		cursor: pointer;
		background: #dfdfdf;
	}
	
	.lista-sidebar ul li:after, #lista-eventos ul li:after{
		content: '';
		position: absolute;
		right: 0;
		top:0;
		width: 8px;
		height: 100%;
		background: #3d393a;
	}

	.lista-sidebar ul li{
		padding: 0;
	}
	
	.lista-sidebar ul li a {
		padding: 2em 0.6em;
	}

	#lista-eventos ul li.selected:before, .lista-sidebar ul li.selected:before {
		content: '';
		width: 1em;
		border-top: 2.65em solid transparent;
		border-left: 1.25em solid #222222;
		border-bottom: 2.65em solid transparent;
		position: absolute;
		right: -1.2em;
		top: 0;
	}
	
	
	.lista-sidebar ul li.selected:after, #lista-eventos ul li.selected:after{
		content: '';
		position: absolute;
		right: 0;
		top:0;
		width: 8px;
		height: 100%;
		background: #222222;
	}

	
	#lista-eventos ul li.selected, .lista-sidebar ul li.selected{
	}
	
	

	.lista-sidebar ul li{
		padding: 0;
	}
	.lista-sidebar ul li a{
		background: none;
		color: #222;
	}
	
	.lista-sidebar ul li:hover a{
		background: none;
		color: #dfdfdf;
	}
	.lista-sidebar ul li.active a,
	.lista-sidebar ul li.active:hover a{
		background: none;
	}
	
	/*.portada-evento{
		height: 24em;
	}*/
	
	
	/* COMPRAR */
	
	#main-proceso-compra .content{
		padding: 2em;
	}

	
	#main-proceso-compra .content-datos-personales{
		min-height: 52.8em;
	}

	.evento .titulo-evento {
	    font-size: 3.4em;
	}

	.evento .content .thumb-container{
		position: absolute;
		width: 20em;
		height: 100%;
		top:0;
		left: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	.sidebar .evento .content{
		padding-left: 22.1em;
	}

	#col-sidebar-eventos{
		position: absolute;
		height: 100%;
		/*overflow: scroll;*/
	}

	#main-proceso-compra{
		min-height: 680px;
	}
	
	.temporizador.affix {
	    top: 0px;
	}
	.temporizador.affix > div {
		width: 720px;
		margin: 0px auto;
	}

	.item-proceso-border:after{
		height: 170px; 
		width: 5px;
		content: '';
		background-color: #616060; 
		position: absolute;
		right: 0;
		top: 20px;
	}

	.item-proceso .proceso-title{
	    font-size: 17px;
	}

	.paso-compra{
		font-size: 22px;
	}
	
	
	/* sobre nosotros */
	
	
	.content-pagina {
		min-height: 54em;
	}
	
	.content-pagina.content-pagina-no-min-height {
		min-height: 0em;
	}
	
	.content-pagina.content-pagina-promotores{
		min-height: 33em;
	}
	
	
	.col-sm-6 #content-pagina-comprador, .col-sm-6 .content-pagina-left{
		margin-right:.3em;
	}
	.col-sm-6 #content-pagina-promotor, .col-sm-6 .content-pagina-right{
		margin-left: .3em;
	}
	
	.content-pagina.content-pagina-with-logo.content-pagina-promotores {
		padding: 12em 2.2em 5em;
		background-size: 14em;
	}
	
	
	/* pagina eventos */
	
	.event-list-element{
		width: 50%;
	}

	.event-list-container {
	    position: relative;
	    left: -5px;
	    width: 100.7%;
	    min-height: 400px;
	}
	
		
	.event-list-element .caption {
	    margin: 10px 5px 0px;
	 }
	
	/*#event-list-container{
		position: relative;
		left:-5px;
		margin-bottom: 6.25em;
		width: 101.41%;
	}*/	
	
	/* single event - sessions */

	ul.session-list{}
	ul.session-list > li{}
	ul.session-list > li > div{
	}
	ul.session-list > li form{}
	ul.session-list > li form > div{
		margin-bottom: 20px;
	}
	ul.session-list > li form > div span.date{
		padding: 10px 4px;
	}
	ul.session-list > li form > div span.date .month{
		font-size: 12px;
	}
	ul.session-list > li form > div span.date .day{
		font-size: 48px;
		line-height: 0.9;
	}
	ul.session-list > li form > div span.date .week-day{
		font-size: 14px;
	}

	ul.session-list > li form > div span.date + div{
	padding-right: 200px;
	}

	ul.session-list > li form > div span.date + div h4{
		font-size: 20px;
		margin: 0 0 4px;
	}

	ul.session-list > li form > div span.date + div h4 + p{
		font-size: 15px;
		margin: 0 0 20px;
	}
	ul.session-list > li form > div span.date + div p{
		margin: 0 0 8px;
	}

	ul.session-list > li form > div span.date + div p i{
		margin-right: 5px;
		width: 15px;
	}
	ul.session-list > li form > div button{
		padding: 19px 20px;
		width: auto;
		position: absolute;
		right: 0;
		left: inherit;
		bottom: 0;
		font-size: 18px;
		margin: 0;
	}
	ul.session-list > li form > div button:hover{}

	.point-zone .point{
		width:15px;
		height:15px;
	}

	
	
	h2.butacas-title{
	    font-size: 23px;
		margin: 0px 0px 20px;
	}
	.resumen-entradas{
		text-align: center;
	}
	.resumen-entradas li {
	    margin: 5px 5px;
	    display: inline-block;
	    position: relative;
	    padding-right: 13px;
	}
	.resumen-entradas li:after{
		content: '';
		position: absolute;
		right: -1px;
		top: 0px;
		width: 1px;
		background: #666;
		height: 100%;
	}
	.resumen-entradas li:nth-last-child(1):after{
		display: none;
	}
		
	.butaca {
	    width: 13px;
	    height: 12px;
	    margin-right: 4px;
	    margin-bottom: 6px;
	    font-size: 4px;
	    line-height: 11px;
	}

	#escenario-recinto + #tabla-butacas .butaca {
		width: 15px;
		height: 14px;
		margin-right: 6px;
		margin-bottom: 6px;
		line-height: 8px;
	}
	
	/* new svg butacas */
	
	
	.leyendas-wrapper{
		margin: 1em 0em;
	}

	
		
	.pay-section:before {
	    content: 'SELECCIONA EL NUMERO DE ENTRADAS';
	}

	ul.leyenda.visible-xs {
		display: none !important;
	}

	.leyenda.list-inline {
		text-align: right;
	}

	.fila {
	    font-size: 11px;
	}

	.region-175{
		min-width:950px;
	}
	
}

@media (min-width: 992px) {
	
	/* GENERALES */
	
	body{
		font-size: 13px;
	}
	
	.button {
		padding: 0.65em 2em;
		font-size: 1.1em;
		margin-bottom: 1.2em;
	}

	.alignLeftDesktop{
		text-align: left;
	}
	.alignRightDesktop{
		text-align: right;
	}
	.checkbox-container .custom-checkbox{
		width: 1em;
		height: 1em;
		top:.5em;
		left: 0;
	}
		
	ul.social li {
		margin-right: .85em;
		width: 2em;
		height: 2.25em;
		padding-top: .25em;
	}
	ul.social li a {
		font-size: 1.3em;
	}
	
	.col-md-6 #content-pagina-comprador, .col-md-6 .content-pagina-left{
		margin-right:.3em;
	}
	.col-md-6 #content-pagina-promotor, .col-md-6 .content-pagina-right{
		margin-left: .3em;
	}
	
	/* HEAD */
	#head .logo {
		width: 11.6em;
		height: 1.8em;
	}
	
	/* HOME SLIDER */
	
	
	
	#slider-home .flex-control-paging li a {
		width: 21px;
		height: 21px;
		margin: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
	}
	
	
	#slider-home .slides li .caption .precio-entradas {
		font-size: 1em;
		padding: 3em 0;
	}
	
	/* CARRUSEL */
	
	
	.carrusel-slider .flex-direction-nav .flex-prev{
		width: 34px;
		height: 34px;
		right: 54px;
	}
	.carrusel-slider .flex-direction-nav .flex-next{
		width: 34px;
		height: 34px;
	}	
	.flex-direction-nav a:before{
		font-size: 23px;
	}
	
	/* NEWSLETTER SECTION */
	
	
	#newsletter-section{
		background-image: url(../images/banner_newsletter.png);
		background-repeat: no-repeat;
		background-position: -150px center;
		background-size: auto 100%;
	}
	
	#newsletter-section.activo{
		background-position: 0px center;
	}
	
	#newsletter-section .content {
		padding: 4em 7.7em;
	}
	/* BUSCADOR DE EVENTOS */
	
	.buscador-eventos.panel h3 a i {
		margin-left: 25px;
		font-size: 44px;
		line-height: 30px;
		top: 7px;
	}
	
	/* FOOTER */
	
	#footer{
		padding:4.2em 0 0;
	}
	#footer .logo {
		margin-left: 1em;
	}

	
	.portada-evento{
		/*height: 40.1em;*/
	}
	
	/* EVENTO */
	
	
	#lista-eventos, .lista-sidebar{
		width: 100%;
	}
	
	.evento .puntos-venta{
		border-bottom: 1px solid transparent;
		cursor: pointer;
	}
	.evento .puntos-venta:hover{
		border-bottom: 1px solid;
	}
	#lista-eventos ul li, .lista-sidebar ul li {
		padding: .9em;
		height: 4.3em;
	}
	
	
	.lista-sidebar ul li{
		padding: 0;
	}
	
	.lista-sidebar ul li a{
		padding: 1.34em;
	}
	
	#lista-eventos ul li .right h6 {
		font-size: 0.8em;
	}
	
	#lista-eventos ul li.selected:before, .lista-sidebar ul li.selected:before{
		border-top: 2.15em solid transparent;
	    border-left: 1.25em solid #222222;
	    border-bottom: 2.15em solid transparent;
	}
	
	
	.button.button-comprar{
	    position: static;
	    -webkit-transform: none;
	    transform: none;
	    width: 100%;
	    border-radius: 0px;
	    font-size: 1.2em;
	    margin: 0 0 10px;
	    max-width: 49.8%;
	    vertical-align: top;
	}
	.evento .info-evento{
		border-bottom: 0px;
		margin: 0;
	}
	
	/* COMPRAR */
	
	
	#col-sidebar{
		position: absolute;
		height: 100%;
	}

	#main-proceso-compra .content-datos-personales{
		min-height: 51em;
	}
	#main-proceso-compra .content-forma-de-pago{
		min-height: 22em;
	}
	
	
	.sidebar .evento .content {
	    padding: 1.6em 2.5em 1em 2em;
	}
	
	
	.event-list-element{
		width: 33.333333%;
	}
	
	
	.fb .event-list-element .caption .thumb-container {
	    padding-bottom: 50%;
	}

	
	/* PAGINA PROMOTORES */
	
	
	.content-pagina.content-pagina-with-logo.content-pagina-promotores {
		padding: 17em 2.2em 5em;
		background-size:19em;
	}
	
	
	/* SIDEBAR AFFIX */
	
	.evento.affix{
		max-width: 230px;
		top: 0px;
		position: fixed;
	}
	
	.sidebar{
		height: 100%;
	}
	.sidebar:after{
		content:'';
		position: absolute;
		width: 8px;
		height: 100%;
		background: #3d393a;
		top:0;
		right: 0;
	}


	.point-zone .point{
		width:20px;
		height:20px;
	}

	.marca-container{
		width:28%;
		margin:20px;
	}

	
	.estrella-levante{
		background-position-x: 8px;
		background-position-y: 50%;
		padding-left:110px;
		padding-top:0px;
		text-align:right;
	}

	/* resumen butacas */


	.resumen-butacas {
		padding: 0.4em 1em 0.3em;
		margin: 20px 0px 0;
		font-size: 1.4em;
		position: relative;
	}
	.resumen-butacas h5{
		margin: 8px 0px;
		font-size: 14px;
	}
	.resumen-butacas.activo{
	}
	.resumen-butacas ol{
		font-size: 13px;
		margin: 0;
		padding: 0;
	}
	.resumen-butacas ol li{
		font-size: 12px;
		margin: 0 0 5px;
		display: block;
	}
	.resumen-butacas ol li:after{
		display: none;
	}

	.resumen-butacas #precio{
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		border: none;
		font-size: 15px;
		margin: 16px 0px 10px;
		transform: none;
	}

	.resumen-butacas #precio span{
		font-size: 40px;
	}
	
	
}

@media (min-width: 1200px) {

	/* GENERALES */
	
	
	body{
		font-size: 15px;
	}
	
	.container{
		width: 1200px;
	}
	
	/* CARRUSEL SLIDER */
	
	.carrusel-slider{
		width: 1210px;
	}

	.event-list-element{
		width: 25%;
	}
	
	/* SIDEBAR AFFIX */
	
	.evento.affix{
		max-width: 300px;
	}

	.marca-container{
		width:29%;
	}
	
		
	
	.button.button-comprar{
	    max-width: none;
	}
	
	.temporizador.affix {
	    width: 840px;
	}
}


.pmr-aviso-zona{
	background-color: #00537b;
	color:white;
	font-weight: bold;
	padding:10px 15px;
	text-align:center;
	text-transform: uppercase;
	font-size: 18px;
	margin: 30px 0px;
}

.pmr-aviso-zona i{
	margin-left: 10px;
	font-size: 30px;
}

.pmr-icono{
	background-color: #00537b;
	color:white;
	padding:5px 5px;
}

.pmr-aviso-acompanante{
    font-style: italic;
    border: 1px solid #f4364c;
    padding: 20px;
    font-size: 14px;
    padding-left: 55px;
    margin: 0 0 30px;
    font-weight: bold;
}
.pmr-aviso-acompanante i{
    position:absolute;
    left: 10px;
    font-size: 40px;
    color: #f4364c;
}

#formulario-newsletter .help-block.form-error{

	position: absolute;
	bottom: -7px;
	right: 0;
	z-index: 1;
	padding: 1px 10px;
	font-size: 11px;
	background-color: #9e9e00;
}


.font-size-15{
	font-size:15px;
}