/*************/
/*** Reset ***/
/*************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:						0;
	padding:					0;
	border:						0;
	font-size:					100%;
	/*box-sizing:					border-box;*/
	font-family: 					Quattrocento Sans;
	/*vertical-align:					baseline;*/
	cursor:						default;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:					block;
}
body {
	line-height:				1;
}
ol, ul {
	list-style:					none;
}
blockquote, q {
	quotes:						none;
}


blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content:					none;
}
table {
	border-collapse:			collapse;
	border-spacing:				0;
}
/*********************************/
.servi{
    width:90%;
    margin: auto;
    
}
.servi ul
{
    padding: 0;
    display: flex;
    /*width: 300px;*/
}
.servi li 
{
    /*width: 10%;*/
    list-style: none;
	-webkit-transition: padding-right 250ms ease-out;
    -moz-transition: padding-right 250ms ease-out;
    
}
.servi li:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
/*********************************/

/***************/
/*** Generic ***/
/***************/

.td_raya_roja{background:#e60202;}

/*table {border: dashed 1px #ff2424;}
section {border: dashed 1px #ffff00;}
div {border: dashed 1px #ffffff;}
td{border: dashed 1px #000000;}*/

main {
	display:					block;		/*** Support Internet Explorer. ***/
}
body {	
	background-color:			#FFF;
	
}
b {
	font-weight:				bold;
}
p{
	text-align: justify;
}
a, a * {
	cursor:						pointer;	/*** Required, because we use the default cursor for everything unless otherwise defined. ***/
}
img{
	cursor:						pointer;
}
.contorno {
-webkit-text-fill-color: #ffffff;
-webkit-text-stroke: 1px #8E8D8D;
}
.clear {
	clear:						both;
}
.left {
	float:						left;
}
.right {
	float:						right;
}
.center {
	margin:						0 auto;
	max-width:					1024px;
	position:					relative;	/*** Required for absolute positioning of menu elements. ***/
}
.absolute {
	position:					absolute;
	top:						0;
	left:						0;
	right:						0;
	bottom:						0;
}
.youtube {
	position:					relative;
	width:						100%;
	padding-bottom:				56.25%;			/*** 16:9 ***/
	height:						0;
}
.youtube iframe {
/*	position:					absolute;
	top:						0;
	left:						0;*/
	width:						100%;
	/*height:						100%;*/
}
main .center_text {
	margin:						0 auto;
	max-width:					750px;
	padding:					20px 20px 50px 20px;
	word-wrap:					break-word;
	
}

/****************/
/*** Articles ***/
/****************/
main .center_text .youtube {
	margin:						30px 0 8px 0;			/*** When embedded in text. ***/
}
main .center_text .related {
	margin:						30px 0 0 0;
}
main .center_text .related .thumbnail {
	position:					relative;
	display:					inline-block;
	width:						32.5%;
	margin:						0 1.25% 0 0;
	padding:					0 0 21.45% 0;
	background-position:		50% 50%;
	background-repeat:			no-repeat;
	background-size:			cover;
	overflow:					hidden;
}
main .center_text .related .thumbnail:last-child {
	margin-right:				0;
}
main .center_text .related .thumbnail a {
	text-decoration:			none;
}
main .center_text .related .thumbnail .overlay {
	background-image:			url("images/general_shade.png");
	background-repeat:			no-repeat;
	background-size:			100% 100%;
}
main .center_text .related .thumbnail h2 {
	font-size:					16px;
	line-height:				20px;
	color:						#FFF;
	font-weight:				bold;
	margin:						10px;
	transition:					color 0.1s;
}
main .center_text .related .thumbnail h3 {
	font-size:					11px;
	line-height:				11px;
	font-weight:				normal;
	color:						#FFF;
	margin:						10px;
	transition:					color 0.1s;
}

/**************/
/*** Social ***/
/**************/
.like {
	display:						none;
	position:						fixed;
	bottom:							50px;
	width:							auto;
	height:							auto;
	z-index:						999;
	border:							2px solid #FFEEEE;
	border-top-right-radius:		10px;
	border-bottom-right-radius:		10px;
	border-left:					none;
	background-color:				#EEE;
	background-image:				url("images/general_stripes.gif");
	background-repeat:				repeat;
	-webkit-box-shadow:				5px 5px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:				5px 5px 20px 0px rgba(0,0,0,0.4);
	box-shadow:						5px 5px 20px 0px rgba(0,0,0,0.4);
	transition-timing-function:		ease-out;
	transform:						translateZ(0);
	-webkit-transform:				translateZ(0);
	-moz-transform:					translateZ(0);
	-ms-transform:					translateZ(0);
	-o-transform:					translateZ(0);
}
.like .inner {
	border:							2px solid #D40000;
	border-top-right-radius:		10px;
	border-bottom-right-radius:		10px;
	border-left:					none;
}
.like .inner p {
	color:							#D40000;
	margin:							17px 30px;
	line-height:					20px;
	font-size:						14px;
}
.like .inner .button {
	margin:							17px 30px 17px 120px;
	text-align:						center;
}
.like .inner .button .fb-like {
	border:							3px solid #E8E8E8;
	border-radius:					4px;
	overflow:						hidden;
}
.like .inner .hand {
	position:						absolute;
	left:							-12px;
	bottom:							-15px;
	width:							133px;
	height:							70px;
	background-image:				url("images/general_like.png");
	background-repeat:				no-repeat;
	animation:						shake 1s cubic-bezier(.36, .07, .19, .97) both;
	transform:						translate3d(0, 0, 0);
	backface-visibility:			hidden;
	perspective:					1000px;
	animation-iteration-count:		infinite;
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}
.landing_theater main .video .container .social-landing {
	position:						absolute;
	z-index:						1;
	top:							5px;
	left:							55px;
	opacity:						0;					/*** Fade-in when loaded. ***/
	transition:						opacity 2s;
}
.landing_theater main .video .container .social-landing .fb-share-button,
.landing_theater main .video .container .social-landing .fb-like,
.landing_theater main .video .container .social-landing .g-plus,
.landing_theater main .video .container .social-landing .twitter-follow-button,
.landing_theater main .video .container .social-landing .twitter-share-button {
	display:						block;
	float:							left;
	margin:							4px 6px;
	height:							20px;
}
main .cover .meta .social-cover {
	margin-top:						25px;
	display:						inline-block;
	background-color:				rgba(0, 0, 0, 0.4);
	padding:						5px 6px;
	border-radius:					4px;
	opacity:						0;					/*** Fade-in when loaded. ***/
	transition:						opacity 2s;
}
main .cover .meta .social-cover .fb-share-button,
main .cover .meta .social-cover .fb-like,
main .cover .meta .social-cover .g-plus,
main .cover .meta .social-cover .twitter-follow-button,
main .cover .meta .social-cover .twitter-share-button {
	display:						block;
	float:							left;
	margin:							4px 6px;
	height:							20px;
}
main .center_text .social-youtube {
	position:						relative;
	z-index:						7;					/*** Like popups above comments. ***/
	margin-top:						8px;
	margin-bottom:					20px;
	opacity:						0;					/*** Fade-in when loaded. ***/
	transition:						opacity 2s;
}
main .center_text .social-youtube .fb-like,
main .center_text .social-youtube .fb-share-button,
main .center_text .social-youtube .g-plus,
main .center_text .social-youtube .twitter-follow-button,
main .center_text .social-youtube .twitter-share-button {
	display:						block;
	height:							20px;
	margin-bottom:					8px;
}
main .center_text .social-youtube .fb-like,
main .center_text .social-youtube .fb-share-button,
main .center_text .social-youtube .g-plus,
main .center_text .social-youtube .twitter-follow-button,
main .center_text .social-youtube .twitter-share-button {
	float:							left;
	margin-left:					0;
	margin-right:					8px;
}
main .center_text .fb-comments {
	display:						block !important;
	margin:							20px 0 -10px 0;
	width:							100%;
}

/*******************************/
/*** Rotating Tickets Button ***/
/*******************************/
.buy_tickets {
	position:							absolute;
	z-index:							2;			/*** Above video and border corners. ***/
	width:								100px;
	height:								100px;
}
.buy_tickets:hover .inside {
	background-position:				-100px -100px;
}
.buy_tickets:hover .outside {
	-webkit-animation-duration:			5s;
	-moz-animation-duration:			5s;
	animation-duration:					5s;
	animation-direction:				reverse;
	background-position:				0px -100px;
}
.buy_tickets .inside {
	position:							absolute;
	width:								100px;
	height:								100px;
	background-image:					url("images/venue_sprite.png");
	background-position:				-100px 0px;
}
.buy_tickets .outside {
	position:							absolute;
	width:								100px;
	height:								100px;
	background-image:					url("images/venue_sprite.png");
	background-position:				0px 0px;
	-webkit-animation-name:				rotate;
	-webkit-animation-duration:			30s;
	-webkit-animation-iteration-count:	infinite;
	-webkit-animation-timing-function:	linear;
	-moz-animation-name:				rotate;
	-moz-animation-duration:			30s;
	-moz-animation-iteration-count:		infinite;
	-moz-animation-timing-function:		linear;
	animation-name:						rotate;
	animation-duration:					30s;
	animation-iteration-count:			infinite;
	animation-timing-function:			linear;
}
@-webkit-keyframes rotate {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@keyframes rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/**************/
/*** Header ***/
/**************/
header {
	position:					fixed;
	z-index:					8;
	top:						0;
	left:						0;
	right:						0;
	height:						50px;
	transform:					translateZ(0);
	-webkit-transform:			translateZ(0);
	-moz-transform:				translateZ(0);
	-ms-transform:				translateZ(0);
	-o-transform:				translateZ(0);
}
header .shadow {
	position:					absolute;
	top:						0;
	left:						0;
	right:						0;
	bottom:						0;
	/*-webkit-box-shadow:			0px 0px 30px 0px rgba(0,0,0,0.75);*/
	/*-moz-box-shadow:			0px 0px 30px 0px rgba(0,0,0,0.75);*/
	/*box-shadow:					0px 0px 30px 0px rgba(0,0,0,0.75);*/
}
header .bar {
	position:					absolute;
	top:						0;
	left:						0;
	right:						0;
	bottom:						0;
	z-index:					100;
	/*background-color:			#FFF; diego*/
	/*ANTONIO*/
	/*aquí cambias el menu de arriba*/
	background-color:			#000;
	overflow:					hidden;
}
header .bar .logo {
	float:						left;
	font-size:					18px;
	color:						#000;
	font-weight:				bold;
	line-height:				18px;
	text-align:					center;
}
header .bar .logo img {
	width:						auto;
	height:						45px;
}
header .bar .menu_icon {
	position:					absolute;
	right:						0;
	width:						50px;
	height:						50px;
	background-image:			url("../img/iconos/menu.png");
	background-size:			40px 40px;		/*** Compatibility for retina display (50% scale). ***/
	background-repeat:			no-repeat;
	cursor:						pointer;
	transition:					background-color 0.1s;
}
header .bar .open {
	background-position:		0 0;
}
header .bar .open:hover,
header .bar .open:active {
	background-position:		-50px 0;
}
header .bar .close {
	background-position:		0 -50px;
}
header .bar .close:hover,
header .bar .close:active {
	background-position:		-50px -50px;
}
header .bar .menu_desktop {
	position:					relative;
	float:						right;
}
header .bar .menu_desktop li {
	float:						left;
}
header .bar .menu_desktop a,
header .bar .menu_desktop .highlighted {
	display:					inline-block;
	text-transform:				uppercase;
	text-decoration:			none;
	font-size:					14px;
	/*color:						#222; diego*/
	/*ANTONIO*/
	/*aquí cambias el color del menú*/
	color:						#e7e5e5;
/*	este es el fondo diego*/
	background-color:			#ff0000;
	font-weight:				bold;
	line-height:				50px;
	height:						50px;
	transition:					color 0.1s, border 0.1s;
	padding:					0 19px;
}
header .bar .menu_desktop a {
	/*background-color:			#FFF;diego*/	/*** Hide menu icon behind this layer. ***/
	background-color:			#000;
}
header .bar .menu_desktop a:hover,
header .bar .menu_desktop a:active {
	border-style:				solid;	
	border-bottom-width:		4px;
}
header .bar .menu_desktop .highlighted {
	/*color:						#FFF;diego*/
	color:						#fff;
	font-size:					18px;
	padding:					0 22px;
}
header  .menu_popup {
	display:					none;
	position:					fixed;
	top:						50px;
	left:						0;
	right:						0;
	z-index:					100;
	background-color:			rgba(255,255,255,0.85);
}
header .menu_popup a,
header .menu_popup .highlighteds {
	display:					block;
	text-transform:				uppercase;
	text-decoration:			none;
	font-size:					16px;
	color:						#222;
	font-weight:				bold;
	line-height:				40px;
	height:						40px;
	transition:					color 0.1s, border 0.1s;
	padding:					0 18px;
	
}
header .menu_popup .highlighted {
	color:						#FFF;
}
main {
	margin-top:					50px;
}
.menu_overlay {
	display:					none;
	position:					fixed;
	top:						0;
	left:						0;
	right:						0;
	bottom:						0;
	background-color:			rgba(0,0,0,0.5);
	z-index:					5;
}


/*************************/
/*** Landing (Theater) ***/
/*************************/
.landing_theater {
	background-color:			#000;
	background-image:			url("images/venue_background.jpg");
	background-size:			cover;
	background-position:		50% 50%;
}
.landing_theater main .header {
	position:					relative;
	z-index:					1;
	background-color:			#300;
	padding-bottom:				15px;		/*** Accounting for the 15px bottom border. ***/
	overflow:					hidden;
	background-image:			url("images/theater_border.png");
	background-position:		left bottom;
	background-repeat:			repeat-x;
	/*-webkit-box-shadow:			0px 0px 30px 0px rgba(0,0,0,0.75);*/
	/*-moz-box-shadow:			0px 0px 30px 0px rgba(0,0,0,0.75);*/
	/*box-shadow:					0px 0px 30px 0px rgba(0,0,0,0.75);*/
}
.landing_theater main .header .show {
	display:					block;
	float:						left;
	width:						auto;
	height:						145px;
	padding-left:				12px;
	max-width:					100%;
}
.landing_theater main .header .description {
	padding:					38px 55px 0 55px;
	overflow:					auto;
	position:					relative;
}
.landing_theater main .header .description::before {
	content:					"";
	display:					inline-block;
	width:						13px;
	height:						11px;
	margin-right:				3px;
	background-image:			url("images/venue_sprite.png");
	background-position:		0px -201px;
	position:					absolute;
	top:						41px;
	left:						32px;
}
.landing_theater main .header .description::after {
	content:					"";
	display:					inline-block;
	width:						13px;
	height:						11px;
	margin-left:				3px;
	background-image:			url("images/venue_sprite.png");
	background-position:		-14px -201px;
	position:					absolute;
	bottom:						3px;
	right:						38px;
}
.landing_theater main .header .description p {
	position:					relative;
	color:						#FFF;
	font-style:					italic;
	font-family:				'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-weight:				normal;
	text-align:					center;
	display:					block;				 /*** Fallback for non-webkit. ***/
	display:					-webkit-box;
	height:						75px;		/***$font-size*$line-height*$lines-to-show; /*** Fallback for non-webkit. ***/
	margin:						0 auto;
	font-size:					11px;
	line-height:				18px;
	-webkit-line-clamp:			4;
	-webkit-box-orient:			vertical;
	overflow:					hidden;
	text-overflow:				ellipsis;
}
.landing_theater main .header .times {
	float:						right;
	text-align:					center;
	padding:					30px 12px 0 0;
}
.landing_theater main .header .times p {
	color:						#FFF;
	font-family:				'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size:					13px;
	margin:						0;
	line-height:				18px;
}
.landing_theater main .header .times a {
	text-decoration:			none;
	font-weight:				bold;
	font-size:					13px;
}
.landing_theater main .header .times a:hover {
	text-decoration:			underline;
	
}
.landing_theater main .header .times .small {
	font-size:					9px;
	font-weight:				bold;
}
.landing_theater main .header .times .arrow_right {
	display:					inline-block;
	position:					relative;
	top:						-1px;
	left:						-8px;
	width:						8px;
	height:						7px;
	background-image:			url("images/venue_sprite.png");
	background-position:		-28px -205px;
}
.landing_theater main .header .times .arrow_left {
	display:					inline-block;
	position:					relative;
	top:						-1px;
	left:						8px;
	width:						8px;
	height:						7px;
	background-image:			url("images/venue_sprite.png");
	background-position:		-37px -205px;
}
.landing_theater main .video {
	width:						100%;
	height:						auto;
	padding:					55px;
	margin:						40px auto;
	max-width:					850px;
}
.landing_theater main .video .container {
	position:					relative;
	background-color:			#000;
	/*-webkit-box-shadow:			0px 0px 150px 40px rgba(0,0,0,0.8);*/
	/*-moz-box-shadow:			0px 0px 150px 40px rgba(0,0,0,0.8);*/
	/*box-shadow:					0px 0px 150px 40px rgba(0,0,0,0.8);*/
}
.landing_theater main .video .container .corner_TL {
	position:					absolute;
	z-index:					2;		/*** Above video. ***/
	width:						120px;
	height:						120px;
	top:						-42px;
	left:						-45px;
	background-image:			url("images/theater_frame_corners.png");
	background-position:		-1px -1px;
}
.landing_theater main .video .container .corner_TR {
	position:					absolute;
	z-index:					2;		/*** Above video. ***/
	width:						120px;
	height:						120px;
	top:						-42px;
	right:						-45px;
	background-image:			url("images/theater_frame_corners.png");
	background-position:		-122px -1px;
}
.landing_theater main .video .container .corner_BL {
	position:					absolute;
	z-index:					2;		/*** Above video. ***/
	width:						120px;
	height:						120px;
	bottom:						-42px;
	left:						-45px;
	background-image:			url("images/theater_frame_corners.png");
	background-position:		-1px -122px;
}
.landing_theater main .video .container .corner_BR {
	position:					absolute;
	z-index:					2;		/*** Above video. ***/
	width:						120px;
	height:						120px;
	bottom:						-42px;
	right:						-45px;
	background-image:			url("images/theater_frame_corners.png");
	background-position:		-122px -122px;
}
.landing_theater main .video .container .frame_L {
	position:					absolute;
	width:						37px;
	top:						78px;
	left:						-36px;
	bottom:						78px;
	background-image:			url("images/theater_frame_vertical.png");
	background-position:		left;
	background-repeat:			repeat-y;
}
.landing_theater main .video .container .frame_R {
	position:					absolute;
	width:						37px;
	top:						78px;
	right:						-36px;
	bottom:						78px;
	background-image:			url("images/theater_frame_vertical.png");
	background-position:		right;
	background-repeat:			repeat-y;
}
.landing_theater main .video .container .frame_T {
	position:					absolute;
	height:						34px;
	top:						-33px;
	left:						75px;
	right:						75px;
	background-image:			url("images/theater_frame_horizontal.png");
	background-position:		top;
	background-repeat:			repeat-x;
}
.landing_theater main .video .container .frame_B {
	position:					absolute;
	height:						34px;
	left:						75px;
	right:						75px;
	bottom:						-33px;
	background-image:			url("images/theater_frame_horizontal.png");
	background-position:		bottom;
	background-repeat:			repeat-x;
}
.landing_theater main .video .container .chain_L {
	position:					absolute;
	width:						22px;
	height:						170px;
	top:						-203px;
	left:						60px;
	background-image:			url("images/theater_frame_corners.png");
	background-position:		right top;
}
.landing_theater main .video .container .chain_R {
	position:					absolute;
	width:						22px;
	height:						170px;
	top:						-203px;
	right:						60px;
	background-image:			url("images/theater_frame_corners.png");
	background-position:		right top;
}
.landing_theater main .video .container .buy_tickets {
	top:						-48px;
	left:						-51px;
	opacity:					0;
	transition:					opacity 1s;
}

/************************/
/*** Landing (Events) ***/
/************************/
.landing_events {
	background-color:			#EEE;
}
.landing_events main {
	transform:					translateZ(0);
	-webkit-transform:			translateZ(0);
	-moz-transform:				translateZ(0);
	-ms-transform:				translateZ(0);
	-o-transform:				translateZ(0);
}
.landing_events main .no_events {
	color:						#FFF;
	font-style:					italic;
	text-align:					center;
	padding:					80px 20px;
	line-height:				24px;
	background-color:			#000;
}
.landing_events main .browse {
	background-color:			#000;
}
.landing_events main .browse .thumbnail_countdown {
	display:					none;			/*** Show on desktop displays. ***/
	position:					relative;
	float:						left;
	width:						100%;
	padding-bottom:				40%;
	background-position:			50% 50%;
	background-repeat:			no-repeat;
	background-size:			cover;
	overflow:					hidden;
}
.landing_events main .browse .thumbnail_countdown .overlay {
	background-image:			url("images/general_shade_radial.png");
	background-repeat:			no-repeat;
	background-size:			100% 100%;
	opacity:					0.7;
}
.landing_events main .browse .thumbnail_countdown .container {
	position:					absolute;
	top:						50%;
	width:						100%;
	padding:					0 30px;
	transform:					translateY(-50%);
	-webkit-transform:			translateY(-50%);
	-moz-transform:				translateY(-50%);
	-ms-transform:				translateY(-50%);
	-o-transform:				translateY(-50%);
	text-align:					center;
}
.landing_events main .browse .thumbnail_countdown .container h2 {
	position:					relative;
	font-size:					50px;
	color:						#FFF;
	font-weight:				bold;
	text-transform:				uppercase;
	padding:					0 10%;
	transition:					color 0.1s;
}
.landing_events main .browse .thumbnail_countdown .playing {
	display:					none;
	margin:						30px auto 0 auto;
	color:						#FFF;
	font-weight:				bold;
	font-size:					30px;
	text-transform:				uppercase;
}
.landing_events main .browse .thumbnail_countdown .countdown {
	margin:						30px auto 0 auto;
}
.landing_events main .browse .thumbnail_countdown .countdown .block {
	display:					inline-block;
	width:						70px;
	text-align:					center;
}
.landing_events main .browse .thumbnail_countdown .countdown .block .number {
	font-size:					30px;
	color:						#FFF;
	font-weight:				bold;
	text-transform:				uppercase;
	margin:						0;
}
.landing_events main .browse .thumbnail_countdown .countdown .block .label {
	font-size:					13px;
	color:						#FFF;
	font-weight:				bold;
	margin:						0;
}
.landing_events main .browse .thumbnail {
	position:					relative;
	display:					inline-block;
	float:						left;
	width:						50%;
	padding-bottom:				50%;
	background-position:		50% 50%;
	background-repeat:			no-repeat;
	background-size:			cover;
	overflow:					hidden;
}
.landing_events main .browse .thumbnail .overlay {
	background-color:			rgba(0,0,0,0.35);
}
.landing_events main .browse .thumbnail a {
	text-decoration:			none;
}
.landing_events main .browse .thumbnail h2 {
	position:					relative;
	font-size:					16px;
	line-height:				20px;
	color:						#FFF;
	font-weight:				bold;
	padding:					10px;
	transition:					color 0.1s;
}
.landing_events main .browse .thumbnail h3 {
	position:					absolute;
	left:						0;
	right:						0;
	bottom:						0;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					14px;
	color:						#FFF;
	font-weight:				normal;
	padding:					10px;
}
.landing_events main .browse .thumbnail h3 b {
	/*diego*/
	/*display:					none;*/
}

/***************/
/*** Tickets ***/
/***************/
main .tickets_cover {
	width:						100%;
	height:						200px;
	background-color:			#EEE;
	background-image:			url("images/general_stripes.gif");
	background-repeat:			repeat;
	overflow:					hidden;
}
main .tickets_cover h2 {
	font-size:					30px;		/*** Increase size on desktop displays. ***/
	color:						#222;
	font-weight:				bold;
	text-transform:				uppercase;
	text-align:					center;
	line-height:				200px;		/*** 100 pixels minus the borders. ***/
}
main .tickets {
	margin:						0 auto;
	max-width:					750px;
	padding:					0 8px 50px 8px;		/*** Expand left/right padding on desktop displays. ***/
	text-align:					center;
}
main .tickets .event {
	position:					relative;
	display:					block;
	width:						100%;
	height:						50px;
	margin-top:					8px;
	background-color:			#CCC;
	border-bottom:				2px solid #AAA;
	border-top-left-radius:		5px;
	border-bottom-left-radius:	5px;
}
main .tickets .event a {
	text-decoration:			none;		/*** Remove underlines in safari. ***/
}
main .tickets .event .submit:hover,
main .tickets .event .submit:active {
	background-color:			#13CF67;
	border-bottom-color:		#10AE57;
}
main .tickets .event .month {
	position:					absolute;
	top:						0;
	left:						0;
	width:						50px;
	height:						50px;
	background-color:			#000;
	overflow:					hidden;
	padding:					3px 0;
	border-top-left-radius:		5px;
	border-bottom-left-radius:	5px;
}
main .tickets .event .month .date {
	font-size:					24px;
	line-height:				26px;		/*** Equals 50px when combined with line height of month and padding. ***/
	color:						#FFF;
	font-weight:				bold;
	text-transform:				uppercase;
	text-align:					center;
	margin:						0;
	transition:					color 0.1s;
}
main .tickets .event .month .label {
	font-size:					15px;
	line-height:				18px;		/*** Equals 50px when combined with line height of day and padding. ***/
	color:						#FFF;
	font-weight:				bold;
	text-transform:				uppercase;
	text-align:					center;
	margin:						0;
	transition:					color 0.1s;
}
main .tickets .event .day {
	position:					absolute;
	top:						0;
	left:						50px;
	width:						50px;
	height:						50px;
	background-color:			#222;
	overflow:					hidden;
	padding:					5px 0;
}
main .tickets .event .day .label {
	font-size:					15px;
	line-height:				24px;		/*** Equals 50px when combined with line height of month and padding. ***/
	color:						#FFF;
	font-weight:				bold;
	text-transform:				uppercase;
	text-align:					center;
	margin:						0;
	transition:					color 0.1s;
}
main .tickets .event .day .time {
	font-size:					12px;
	line-height:				16px;		/*** Equals 50px when combined with line height of day and padding. ***/
	color:						#FFF;
	font-weight:				bold;
	text-transform:				uppercase;
	text-align:					center;
	margin:						0;
	transition:					color 0.1s;
}
main .tickets .event .title {
	position:					absolute;
	top:						0;
	left:						100px;
	right:						50px;
	height:						48px;
	overflow:					hidden;
}
main .tickets .event .title_select {
	right:						105px;		/*** Select (55px) + Submit (50px). ***/
}
main .tickets .event .title_button {
	right:						100px;		/*** Button (50px) + Submit (50px). ***/
}
main .tickets .event .title p {
	position:					absolute;
	top:						50%;
	transform:					translateY(-50%);
	-webkit-transform:			translateY(-50%);
	-moz-transform:				translateY(-50%);
	-ms-transform:				translateY(-50%);
	-o-transform:				translateY(-50%);
	margin:						0;
	padding:					0 5px 0 10px;
	font-size:					12px;		/*** Increase size on desktop displays. ***/
	line-height:				16px;
	color:						#222;
	font-weight:				bold;
	text-align:					left;
	max-height:					100%;
}
main .tickets .event .info {
	position:					absolute;
	top:						7px;
	right:						57px;
	width:						36px;
	height:						36px;
	border-radius:				18px;
	background-color:			#222;
	font-size:					11px;
	text-align:					center;
	line-height:				36px;
	color:						#FFF;
	transition:					background-color 0.1s;
}
main .tickets .event .container {
	position:					absolute;
	top:						0;
	right:						50px;
	width:						55px;
	height:						50px;
	overflow:					hidden;
	background-color:			#DDD;
	border-bottom:				2px solid #AAA;
	border-right:				2px solid #CCC;
	transition:					background-color 0.1s;
}
main .tickets .event .container:hover {
	border-bottom-color:		#BBB;
	border-right-color:			#DDD;
	background-color:			#E9E9E9;
}
main .tickets .event .container:hover .select {
	color:						#000;
}
main .tickets .event .container .select {
	float:						right;
	height:						48px;
	font-size:					12px;
	line-height:				44px;		/*** Equals 50px when combined with line height of day and padding. ***/
	color:						#444;
	background-color:			transparent;
	cursor:						pointer;
	outline:					0;
	border-width:				0;
}
main .tickets .event .submit {
	position:					absolute;
	top:						-2px;
	right:						0;
	width:						50px;
	height:						52px;
	font-size:					14px;		/*** Increase size on desktop displays. ***/
	color:						#FFF;
	font-weight:				bold;
	text-align:					center;
	text-transform:				uppercase;
	text-decoration:			none;
	background-color:			#15E572;
	outline:					0;
	cursor:						pointer;
	border:						none;
	border-bottom:				4px solid #12C160;
	transition:					background-color 0.1s, border 0.1s;
}
main .tickets .month_divider {
	display:					inline-block;
	padding:					0 15px;
	margin:						45px 0 15px 0;
	line-height:				30px;
	font-size:					16px;
	color:						#FFF;
	background-color:			#111;
	border-radius:				5px;
	font-weight:				bold;
	text-transform:				uppercase;
}
main .calender {
	display:					none;		/*** Show when greater than 720px width. ***/
	width:						100%;
	border-bottom:				3px solid #111;
	-webkit-touch-callout:		none;
    -webkit-user-select:		none;
    -khtml-user-select:			none;
    -moz-user-select:			none;
    -ms-user-select:			none;
    user-select:				none;
}
main .calender .navigation {
	position:					relative;
	background-color:			#111;
	overflow:					hidden;
}
main .calender .navigation .previous,
main .calender .navigation .current,
main .calender .navigation .next {
	line-height:				50px;
	font-family:				Montserrat, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	padding:					0 20px;
}
main .calender .navigation .previous,
main .calender .navigation .next {
	position:					absolute;
	top:						0;
	font-size:					16px;
	color:						#15E572;
	cursor:						pointer;
}
main .calender .navigation .previous:hover,
main .calender .navigation .next:hover {
	color:						#111;
	background-color:			#15E572;
}
main .calender .navigation .previous:hover .arrow,
main .calender .navigation .next:hover .arrow {
	animation:					arrowshake 150ms 2 linear;
	-o-animation:				arrowshake 150ms 2 linear;
	-moz-animation:				arrowshake 150ms 2 linear;
	-webkit-animation:			arrowshake 150ms 2 linear;
}
main .calender .navigation .previous .arrow,
main .calender .navigation .next .arrow {
	display:					inline-block;
	position:					relative;
	top:						2px;
	width:						14px;
	height:						14px;
	background-image:			url("images/venue_calender_month.png");
}
main .calender .navigation .previous {
	left:						0;
}
main .calender .navigation .previous:hover .arrow {
	background-position:		bottom left;
}
main .calender .navigation .previous .arrow {
	background-position:		top left;
	margin-right:				18px;
}
main .calender .navigation .current {
	font-size:					26px;
	text-align:					center;
	color:						#FFF;
}
main .calender .navigation .next {
	right:						0;
}
main .calender .navigation .next:hover .arrow {
	background-position:		bottom right;
}
main .calender .navigation .next .arrow {
	background-position:		top right;
	margin-left:				18px;
}
main .calender table {
	width:						100%;
	border-collapse:			collapse;
	table-layout:				fixed;
}
main .calender table tr th {
	background-color:			#DDD;
	border-bottom:				3px solid #111;
	height:						30px;
	text-align:					center;
	line-height:				30px;
	font-family:				Montserrat, Arial, Helvetica, sans-serif;
	font-size:					12px;
	text-transform:				uppercase;
	color:						#111;
	font-weight:				bold;
	overflow:					hidden;
}
main .calender table tr td {
	position:					relative;
	vertical-align:				top;
	text-align:					left;
	height:						60px;
	padding-bottom:				3px;
	overflow:					hidden;
	background-color:			#EEE;
}
main .calender table tr:nth-child(odd) td:nth-child(odd) {
	background-color:			#DDD;
}
main .calender table tr:nth-child(odd) td:nth-child(even) {
	background-color:			#CCC;
}
main .calender table tr:nth-child(even) td:nth-child(even) {
	background-color:			#DDD;
}
main .calender table tr:nth-child(even) td:nth-child(odd) {
	background-color:			#CCC;
}
main .calender table tr .hidden {
	visibility:					hidden;
}
main .calender table tr .past {
	background-color:			#EEE !important;
}
main .calender table tr .past .number, .calender table tr .past .event {
	color:						#BBB !important;
}
main .calender table tr td .number {
	padding:					4px 8px 0 8px;
	text-align:					right;
	color:						#888;
	font-size:					14px;
	font-weight:				bold;
	font-family:				Montserrat, Arial, Helvetica, sans-serif;
}
main .calender table tr td .event {
	text-align:					left;
	color:						#666;
	padding:					2px 5px 4px 5px;
	font-size:					13px;
	line-height:				15px;
	font-family:				Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:				bold;
}
main .calender table tr td .event span {
	font-size:					13px;
	line-height:				15px;
	font-family:				Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:				bold;
}
main .calender table tr td .event a {
	color:						#0D9148;
	text-decoration:			none;
	font-size:					13px;
	font-family:				Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:				bold;
}
main .calender table tr td .event a:hover {
	text-decoration:			underline;
}

/************/
/*** Page ***/
/************/
main .cover {
	position:					relative;
	width:						100%;
	padding-bottom:				40%;
	height:						300px;
	background-position:		50% 50%;
	background-repeat:			no-repeat;
	background-size:			cover;
	background-color:			#000;
}
main .cover .overlay {
	background-image:			url("images/general_shade_radial.png");
	background-repeat:			no-repeat;
	background-size:			100% 100%;
	opacity:					0.5;
}
main .cover .meta {
	position:					absolute;
	top:						50%;
	width:						100%;
	padding:					0 30px;
	text-align:					center;
	transform:					translateY(-50%);
	-webkit-transform:			translateY(-50%);
	-moz-transform:				translateY(-50%);
	-ms-transform:				translateY(-50%);
	-o-transform:				translateY(-50%);
}
main .cover .meta h2 {
	font-size:					30px;
	color:						#FFF;
	font-weight:				bold;
	text-transform:				uppercase;
	text-align:					center;
}
main .cover .meta h3 {
	margin-top:					20px;
	font-size:					14px;
	color:						#FFF;
	text-align:					center;
	font-weight:				normal;
	font-family:				Arial, Helvetica, sans-serif;
}
main .cover .buy_tickets {
	display:					none;
	bottom:						20px;
	right:						20px;
}
main p {
	color:						#333;
	font-size:					14px;
	line-height:					24px;
	margin:						3px 0 -5px 0;
}
main .center_text ul {
	list-style-type:			disc;
	margin:						25px 0 -5px 0;
}
main .center_text li {
	color:						#333;
	font-size:					14px;
	line-height:				24px;
	margin-left:				40px;
	padding-left:				10px;
}
main .center_text a {
	color:						#1E89FF;
	text-decoration:			none;
}
main .center_text a:hover,
main .center_text a:active {
	text-decoration:			underline;
}
main .center_text .quote_comment {
	font-style:					italic;
	font-size:					16px;
	text-align:					center;
}
main .center_text .quote_stars {
	font-size:					45px;
	line-height:				45px;
	text-align:					center;
	margin:						10px 0 0 0;
}
main .center_text .quote_source {
	font-weight:				bold;
	font-size:					14px;
	text-align:					center;
	margin:						10px 0 0 0;
}
main h4 {
	color:						#333;
	font-size:					18px;
	font-weight:				bold;
	line-height:				24px;
	/*margin:						27px 0 -3px 0;*/
}
main .list {
	margin-top:					20px;
}
main .list li {
	display:					list-item;
	list-style-type:			disc;
	padding-left:				10px;
	color:						#333;
	font-size:					14px;
	line-height:				24px;
	margin:						5px 0 0 35px;
}
main .divider {
	border-bottom:				4px solid #EEE;
	margin:						30px 0;
}
main .map {
	width:						100%;
	padding-bottom:				40%;
	height:						300px;
	background-color:			#000;
}
main .map iframe {
	position:					absolute;
	top:						0;
	left:						0;
	width:						100% !important;
	height:						100% !important;
}
main .seating {
	display:					block;
	margin:						0 auto;
	max-width:					100%;
	height:						auto;
}
main .buy {
	display:					inline-block;
	width:						100%;
	height:						50px;
	line-height:				50px;
	display:					block;
	font-size:					20px;
	color:						#FFF !important;
	font-weight:				bold;
	text-transform:				uppercase;
	text-align:					center;
	padding:					0 20px;
	margin:						30px auto 0 auto;
	text-decoration:			none;
	border-bottom:				3px solid rgba(0, 0, 0, 0.2);
}
main .buy:hover,
main .buy:active {
	background-color:			#1DD75F;
	text-decoration:			none !important;
}
main .buy:hover .arrow,
main .buy:active .arrow {
	animation:					arrowshake 150ms 2 linear;
	-o-animation:				arrowshake 150ms 2 linear;
	-moz-animation:				arrowshake 150ms 2 linear;
	-webkit-animation:			arrowshake 150ms 2 linear;
}
main .buy .arrow {
	position:					relative;
	top:						1px;
	display:					inline-block;
	margin-left:				7px;
	width:						18px;
	height:						18px;
	background-image:			url("images/general_arrow.png");
}
@keyframes arrowshake {
	0%		{ transform: translate(2px, 0); }
	50%		{ transform: translate(-2px, 0); }
	100% 	{ transform: translate(0, 0); }
}
@-o-keyframes arrowshake {
	0%		{ -o-transform: translate(2px, 0); }
	50%		{ -o-transform: translate(-2px, 0); }
	100%	{ -o-transform: translate(0, 0); }
}
@-ms-keyframes arrowshake {
	0%		{ -ms-transform: translate(2px, 0); }
	50%		{ -ms-transform: translate(-2px, 0); }
	100%	{ -ms-transform: translate(0, 0); }
}
@-moz-keyframes arrowshake {
	0%		{ -moz-transform: translate(2px, 0); }
	50%		{ -moz-transform: translate(-2px, 0); }
	100%	{ -moz-transform: translate(0, 0); }
}
@-webkit-keyframes arrowshake {
	0%		{ -webkit-transform: translate(2px, 0); }
	50%		{ -webkit-transform: translate(-2px, 0); }
	100%	{ -webkit-transform: translate(0, 0); }
}



/**************/
/*** Footer ***/
/**************/
footer {
	position:					relative;	/*** Position above thumbnail shadows on landing page. ***/
	z-index:					40;
	/*background-color:			#EEE;diego*/
	/*ANTONIO*/
	/*aqui cambias el color del footer*/
	background-color:			#2d2c2c;
	overflow:					hidden;
}
footer .center_text {
	margin:						0 auto;
	max-width:					750px;
	padding:					0 20px 25px 20px;
	word-wrap:					break-word;
}
footer .center_text p,
footer .center_text b {
	/*color:						#444;diego*/
	color:						#f4f4f4;
	font-size:					12px;
	line-height:				20px;
	margin:						20px 0 -5px 0;
	font-family:				Arial, Helvetica, sans-serif;
}
footer .center_text .divider {
	/*border-bottom:				4px solid #BBB; diego*/
	border-bottom:				4px solid #000000;
	margin:						25px 0;
}
footer .center_text a {
	display:					block;
	/*color:						#444;diego*/
	color:						#fcfcfc;
	font-weight:				bold;
	text-decoration:			none;
	font-size:					11px;
	font-family:				Arial, Helvetica, sans-serif;
	transition:					color 0.1s;
}
footer .center_text .note {
	position:					relative;
	top:						3px;
	margin-right:				4px;
	display:					inline-block;
	width:						16px;
	height:						16px;
	background-image:			url("images/general_note.png");
}

/******************/
/*** Responsive ***/
/******************/
@media only screen and (min-width: 720px) {
	.landing_events main .browse .thumbnail {
		padding-bottom:				33%;
	}
	.landing_events main .browse .thumbnail .overlay {
		background-image:			url("images/general_shade.png");
		background-repeat:			no-repeat;
		background-size:			100% 100%;
		background-color:			transparent;
	}
	.landing_events main .browse .thumbnail h2 {
		padding:					30px 30px 6px 30px;
		font-size:					28px;
		line-height:				32px;
	}
	.landing_events main .browse .thumbnail h3 {
		position:					relative;	/*** Position under title. ***/
		font-size:					16px;
		padding:					0 30px;
	}
	.landing_events main .browse .thumbnail h3 b {
		display:					inline;		/*** Show day of week. ***/
	}
	.landing_events main .browse .thumbnail_countdown {
		display:					inline-block;		/*** Show large countdowm. ***/
	}
	.landing_events main .browse .first,
	.landing_events main .browse .last {
		display:					none;		/*** Show large countdown. ***/
	}
	main .cover .meta {
		padding:					0 50px;
	}
	main .cover .meta h2 {
		font-size:					56px;
	}
	main .cover .meta h3 {
		font-size:					18px;
	}
	main .cover .buy_tickets {
		display:					block;		/*** Show spinning tickets button. ***/
	}
	main .buy {
		width:						250px;		/*** Prevent button from expanding to width of content area. ***/
	}
	main .tickets_cover h2 {
		font-size:					50px;
	}
	main .tickets {
		padding:					0 20px 45px 20px;
	}
	main .tickets .event .title {
		right:						70px;
	}
	main .tickets .event .title_select {
		right:						125px;		/*** Select (55px) + Submit (70px). ***/
	}
	main .tickets .event .title_button {
		right:						120px;		/*** Button (50px) + Submit (70px). ***/
	}
	main .tickets .event .title p {
		font-size:					16px;
		line-height:				18px;
		padding:					0 20px;
	}
	main .tickets .event .info {
		right:						77px;
	}
	main .tickets .event .container {
		right:						70px;
	}
	main .tickets .event .submit {
		width:						70px;
		font-size:					18px;
	}
	main .tickets .event .unavailable {
		width:						70px;
		font-size:					10px;
	}
	main .calender {								/*** Show the calender. ***/
		display:					block;
	}
}
@media only screen and (min-width: 1024px) {
	/*** Load background image on large screens. ***/
	.landing_events main {
		/*background-color:			#0D0D0D;*/
		background-color:			#ffffff;
		background-image:			url("images/venue_background.jpg");
		background-repeat:			repeat;
	}
	.landing_events main .no_events {
		background-color:			transparent;
	}
	.landing_events main .browse {
		/*-webkit-box-shadow:			0px 0px 60px 10px rgba(0,0,0,0.6);		/*** Shadow behind thumbnails. ***/*/
		/*-moz-box-shadow:			0px 0px 60px 10px rgba(0,0,0,0.6);*/
		/*box-shadow:					0px 0px 60px 10px rgba(0,0,0,0.6);*/
	}
}
@media only screen and (max-width: 850px) {
	/*** Hide performance time information when display width is less than 850px. ***/
	.landing_theater main .header .times {
		display:					none;
	}
	.landing_theater main .header .description {
		padding:					38px 38px 0 38px;
	}
	.landing_theater main .header .description::before {
		left:						18px;
	}
	.landing_theater main .header .description::after {
		right:						20px;
	}
}
@media only screen and (max-width: 650px) {
	/*** Hide description information and center the image when display width is less than 650px. ***/
	.landing_theater main .header .description {
		display:					none;
	}
	.landing_theater main .header .show {
		float:						none;
		margin:						0 auto;
		padding:					0 12px;
		height:						72px;
	}
	/*** Hide social buttons on landing page. ***/
	.landing_theater main .video .container .social-landing {
		display:					none;
	}
}
@media only screen and (min-width: 400px) {
	/*** Float social buttons under YouTube video. ***/
	main .center_text .social-youtube .g-plus,
	main .center_text .social-youtube .twitter-follow-button,
	main .center_text .social-youtube .twitter-share-button {		
		margin-left:				8px;
		margin-right:				0;
		float:						right;
	}
}
@media only screen and (max-width: 500px) {
	main .center_text .related .thumbnail {
		width