body {
	background-color:#000;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	
}

html, body { height: 100%; }

p {

font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
}	

a { 
color: #e52420

}

#wrap { 
min-height: 540px;
}

* { margin: 0; padding: 0; }

 /*Opera Fix*/ body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px;/* Efecto Negativo para OPERA*/ }





/* ////////////////////////////////// SECCIONES PRINCIPALES ////////////////////////////////// */

#main {
width: 948px;
margin-right: auto;
margin-left: auto;
top: 0px;
}

#logo {
	position:relative;
	top:45px;
	width: 948px;
	height:134px;
	margin-right: auto;
margin-left: auto;
}

#imagen {
	float: left;
	width:365px;

}

#content {
	float: right;
	margin-right: 59px;
	width: 545px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
	color: #fff;
	line-height: 24px;

}


#content-left {
float: left;
position: absolute;

margin-left: -42px;
width: 382px;
height: 504px;
font-family: Verdana, Geneva, sans-serif;
text-align: justify;
color: #fff;
	

}


#content-info {
width: 523px;
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
text-align: justify;
color: #fff;
margin-top: 28px;
line-height: 20px;
height: 438px;
}




#content-info .scroll-pane .item-page {
padding-left: 10px;
padding-right: 10px;

}

#header {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-position: top;
	}


#lateral {
	position:absolute;
	left:948px;
	top:134px;
	width:76px;
	height:585px;
}

#footer {
clear: both;
position: relative;
width: 1024px;

margin-right: auto;
margin-left: auto;
margin-top: -50px;
height: 50px; 

color: #FFFFFF; 
}




/* ////////////////////////////////// MENÚS ////////////////////////////////// */



#menu-horizon {

	font-size: 12px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	text-align: center;
	position: relative;
	top: 20px;
	background-color: #000;
	height: 26px;
	padding-top: 5px;
	margin-bottom: 15px;
}

#menu-horizon ul{
    display: inline;
    position: relative;
	margin-left: -30px;
    }
	  
	
#menu-horizon ul li{
display: inline;
position: relative;
text-align: center;
padding-left: 28px;
}


#menu-horizon ul li ul {
   left: 54px;
position: absolute;
top: -100px;
z-index: 9999;
padding: 0 6px 0 0;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
    
}

#menu-horizon ul li ul li
{
background-color:#000;
display: block;
padding-bottom: 4px;
padding-left: 6px;
padding-top: 4px;
text-align: left;
width: 250px;
}

#menu-horizon ul li ul li ul{
    background-color: ;
    left: 147px;
    position: absolute;
    top: 0px;
    z-index: 9999;
    padding: 0 6px 0 0;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    
}

#menu-horizon ul li ul li ul li
{

    display: block;
    padding: 8px  5px 5px 2px;
    text-align: left;
    width: 100%;
}

#menu-horizon ul li ul li:last-child
{
  border: none;
}

#menu-horizon a {
  color: #fff;
    text-decoration:none;

 }
 
 

 /*
 
#menu-horizon {  text-align: center;
font-size: 0.7em;
width: 820px;
margin: 200px auto;
}
#menu-horizon ul { list-style-type: none;}
#menu-horizon ul li.nivel1 { float: left;
width: 162px;
margin-right: 2px;
}
#menu-horizon ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #399;
border: solid 1px #fff;
padding: 8px;
position: relative;
}
#menu-horizon ul li:hover {position: relative;
}
#menu-horizon ul li a:hover, #menu-horizon ul li:hover a.nivel1 {background-color: #6CC;
color: #000;
position: relative;
}
#menu-horizon ul li a.nivel1 {display: block!important;display: none;
}
#menu-horizon ul li ul {display: none;
}
#menu-horizon ul li a:hover ul, #menu-horizon ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menu-horizon ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-bottom-color: #000;
}
#menu-horizon ul li ul li a:hover {border-bottom-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
ul#uno {top: -58px!important; top: -89px;}
ul#dos {top: -145px!important; top: -176px;}
ul#tres {top: -87px!important; top: -118px;}
ul#cuatro {top: -116px!important; top: -147px;}
ul#cinco {top: -87px!important; top: -118px;}

-------------------------------------------------------------------------------------------------------------- */
 
.item-101.current a {
  text-decoration:none!important;
  color: #e52420!important;
 }
 
 .item-102.current a {
  text-decoration:none!important;
  color: #e52420!important;
 }
 
 .item-103.current a {
  text-decoration:none!important;
  color: #e52420!important;
 }
 
 .item-104.current a {
  text-decoration:none!important;
  color: #e52420!important;
 }
 
 .item-105.current a {
  text-decoration:none!important;
  color: #e52420!important;
 }
 
 .item-106.current a {
  text-decoration:none!important;
  color: #e52420!important;
 }
 
 .item-107.current a {
  text-decoration:none!important;
  color: #e52420!important;
 }
 
 .item-108.current a {
  text-decoration:none!important;
  color: #e52420!important;
 }
 
 
 
#menu-horizon a:hover {
  
  text-decoration:none;
  color: #e52420;

 }
 
 
 
 #menu-horizon-info {
	
	font-size: 12px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	text-align: justify;
	margin-left: 8px;
	

}

#menu-horizon-info ul{
    display: inline;
    position: relative;
	
    }
	  
	
#menu-horizon-info ul li{
display: inline;
position: relative;
text-align: center;
padding-right: 22px;
}
 
#menu-horizon-info a {
  
  text-decoration:none;
  color: #fff;

 }
 
#menu-horizon-info a:active {
  
  text-decoration:none;
  color: #e52420;

 }
 
#menu-horizon-info a:hover {
  
  text-decoration:none;
  color: #e52420;

 }
 
 
 #menu-horizon  ul  li.item-103  ul {
left: 54px;
position: absolute;
top: -279px;
z-index: 9999;
padding: 0 6px 0 0;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: #000;
} 


#menu-horizon  ul  li.item-102  ul {
left: 54px;
position: absolute;
top: -51px;
z-index: 9999;
padding: 0 6px 0 0;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}

#menu-horizon  ul  li.item-106  ul {
left: 54px;
position: absolute;
top: -78px;
z-index: 9999;
padding: 0 6px 0 0;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}

#menu-horizon  ul  li.item-188 {
border-bottom: 2px solid;
border-color: #fff;
margin-bottom: 10px;
color: #D03031;
}

#menu-horizon  ul  li.item-189   {
border-bottom: 2px solid;
border-color: #fff;
margin-bottom: 10px;
margin-top: 20px;
color: #D03031;
}

/* VERSIÓN EN INGLES */

 #menu-horizon  ul  li.item-207  ul {
left: 54px;
position: absolute;
top: -279px;
z-index: 9999;
padding: 0 6px 0 0;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: #000;
} 


#menu-horizon  ul  li.item-206  ul {
left: 54px;
position: absolute;
top: -75px;
z-index: 9999;
padding: 0 6px 0 0;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}

#menu-horizon  ul  li.item-106  ul {
left: 54px;
position: absolute;
top: -78px;
z-index: 9999;
padding: 0 6px 0 0;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}

#menu-horizon  ul  li.item-216 {
border-bottom: 2px solid;
border-color: #fff;
margin-bottom: 10px;
color: #D03031;
}

#menu-horizon  ul  li.item-222  {
border-bottom: 2px solid;
border-color: #fff;
margin-bottom: 10px;
margin-top: 20px;
color: #D03031;
}


 /* ////////////////////////////////// CONTENIDO ////////////////////////////////// */
.teatro-title {
 font-size: 12px;
   text-transform: uppercase;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
	color: #fff;
	margin-bottom: 20px;

 }
 
 .teatro-title a {
 font-size: 12px;
   text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
	color: #fff;
 }
 
 .article-info {
 
 display: none; 
 }
  
  ul .actions {
 
 display: none; 
 }
 
.pagenav {
visibility: hidden;
 }
 
 
 
  /* ////////////////////////////////// CONTENIDO ////////////////////////////////// */
 
.home {
height: 520px;
top: 146px;
position: relative;
}

.windows8 {
position: relative;
margin-left: auto;
margin-right: auto;
width: 90px;
height:90px;
}

.windows8 .wBall {
position: absolute;
width: 86px;
height: 86px;
opacity: 0;
-moz-transform: rotate(225deg);
-moz-animation: orbit 7.15s infinite;
-webkit-transform: rotate(225deg);
-webkit-animation: orbit 7.15s infinite;
-ms-transform: rotate(225deg);
-ms-animation: orbit 7.15s infinite;
-o-transform: rotate(225deg);
-o-animation: orbit 7.15s infinite;
transform: rotate(225deg);
animation: orbit 7.15s infinite;
}

.windows8 .wBall .wInnerBall{
position: absolute;
width: 11px;
height: 11px;
background: #e52420;
left:0px;
top:0px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
-ms-border-radius: 11px;
-o-border-radius: 11px;
border-radius: 11px;
}

.windows8 #wBall_1 {
-moz-animation-delay: 1.56s;
-webkit-animation-delay: 1.56s;
-ms-animation-delay: 1.56s;
-o-animation-delay: 1.56s;
animation-delay: 1.56s;
}

.windows8 #wBall_2 {
-moz-animation-delay: 0.31s;
-webkit-animation-delay: 0.31s;
-ms-animation-delay: 0.31s;
-o-animation-delay: 0.31s;
animation-delay: 0.31s;
}

.windows8 #wBall_3 {
-moz-animation-delay: 0.62s;
-webkit-animation-delay: 0.62s;
-ms-animation-delay: 0.62s;
-o-animation-delay: 0.62s;
animation-delay: 0.62s;
}

.windows8 #wBall_4 {
-moz-animation-delay: 0.94s;
-webkit-animation-delay: 0.94s;
-ms-animation-delay: 0.94s;
-o-animation-delay: 0.94s;
animation-delay: 0.94s;
}

.windows8 #wBall_5 {
-moz-animation-delay: 1.25s;
-webkit-animation-delay: 1.25s;
-ms-animation-delay: 1.25s;
-o-animation-delay: 1.25s;
animation-delay: 1.25s;
}

@-moz-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-moz-transform: rotate(180deg);
-moz-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-moz-transform: rotate(300deg);
-moz-animation-timing-function: linear;
-moz-origin:0%;
}

30% {
opacity: 1;
-moz-transform:rotate(410deg);
-moz-animation-timing-function: ease-in-out;
-moz-origin:7%;
}

39% {
opacity: 1;
-moz-transform: rotate(645deg);
-moz-animation-timing-function: linear;
-moz-origin:30%;
}

70% {
opacity: 1;
-moz-transform: rotate(770deg);
-moz-animation-timing-function: ease-out;
-moz-origin:39%;
}

75% {
opacity: 1;
-moz-transform: rotate(900deg);
-moz-animation-timing-function: ease-out;
-moz-origin:70%;
}

76% {
opacity: 0;
-moz-transform:rotate(900deg);
}

100% {
opacity: 0;
-moz-transform: rotate(900deg);
}

}

@-webkit-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-webkit-transform: rotate(180deg);
-webkit-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-webkit-transform: rotate(300deg);
-webkit-animation-timing-function: linear;
-webkit-origin:0%;
}

30% {
opacity: 1;
-webkit-transform:rotate(410deg);
-webkit-animation-timing-function: ease-in-out;
-webkit-origin:7%;
}

39% {
opacity: 1;
-webkit-transform: rotate(645deg);
-webkit-animation-timing-function: linear;
-webkit-origin:30%;
}

70% {
opacity: 1;
-webkit-transform: rotate(770deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:39%;
}

75% {
opacity: 1;
-webkit-transform: rotate(900deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:70%;
}

76% {
opacity: 0;
-webkit-transform:rotate(900deg);
}

100% {
opacity: 0;
-webkit-transform: rotate(900deg);
}

}

@-ms-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-ms-transform: rotate(180deg);
-ms-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-ms-transform: rotate(300deg);
-ms-animation-timing-function: linear;
-ms-origin:0%;
}

30% {
opacity: 1;
-ms-transform:rotate(410deg);
-ms-animation-timing-function: ease-in-out;
-ms-origin:7%;
}

39% {
opacity: 1;
-ms-transform: rotate(645deg);
-ms-animation-timing-function: linear;
-ms-origin:30%;
}

70% {
opacity: 1;
-ms-transform: rotate(770deg);
-ms-animation-timing-function: ease-out;
-ms-origin:39%;
}

75% {
opacity: 1;
-ms-transform: rotate(900deg);
-ms-animation-timing-function: ease-out;
-ms-origin:70%;
}

76% {
opacity: 0;
-ms-transform:rotate(900deg);
}

100% {
opacity: 0;
-ms-transform: rotate(900deg);
}

}

@-o-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-o-transform: rotate(180deg);
-o-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-o-transform: rotate(300deg);
-o-animation-timing-function: linear;
-o-origin:0%;
}

30% {
opacity: 1;
-o-transform:rotate(410deg);
-o-animation-timing-function: ease-in-out;
-o-origin:7%;
}

39% {
opacity: 1;
-o-transform: rotate(645deg);
-o-animation-timing-function: linear;
-o-origin:30%;
}

70% {
opacity: 1;
-o-transform: rotate(770deg);
-o-animation-timing-function: ease-out;
-o-origin:39%;
}

75% {
opacity: 1;
-o-transform: rotate(900deg);
-o-animation-timing-function: ease-out;
-o-origin:70%;
}

76% {
opacity: 0;
-o-transform:rotate(900deg);
}

100% {
opacity: 0;
-o-transform: rotate(900deg);
}

}

@keyframes orbit {
0% {
opacity: 1;
z-index:99;
transform: rotate(180deg);
animation-timing-function: ease-out;
}

7% {
opacity: 1;
transform: rotate(300deg);
animation-timing-function: linear;
origin:0%;
}

30% {
opacity: 1;
transform:rotate(410deg);
animation-timing-function: ease-in-out;
origin:7%;
}

39% {
opacity: 1;
transform: rotate(645deg);
animation-timing-function: linear;
origin:30%;
}

70% {
opacity: 1;
transform: rotate(770deg);
animation-timing-function: ease-out;
origin:39%;
}

75% {
opacity: 1;
transform: rotate(900deg);
animation-timing-function: ease-out;
origin:70%;
}

76% {
opacity: 0;
transform:rotate(900deg);
}

100% {
opacity: 0;
transform: rotate(900deg);
}


#lightbox-content {
position: relative;
width: 0;
height: 0;
padding: 0;
border: 0px solid #000!important;
outline: none;
overflow: hidden;
z-index: 1102;
}

#lightbox-outer {
position: relative;
width: 100%;
height: 100%;
background: #000;
box-shadow: 0px 0px 15px #555;
}


#content-info h3 { 

padding-left: 10px!important;

}

.event_main_location_description {

display: none!important; 
}

.jspTrack {
background: #000!important;
}

.jspDrag {
display: none!important;
}

video::-webkit-media-controls {
  display:none !important;
}

.mejs-container .mejs-controls {
display: none !important;
}