body, div, li, a, td, p {
	/*font-family: "Sarala";*/
	/*font-family: "Amiko";*/
	font-family: "Catamaran",sans-serif;
	color:black;
	margin:0;
	padding:0;
}

a, a:active,a:link, a:hover{
	text-decoration: none;
}

a:hover{
	color: darkgray;
}

body{
	/*background-color: black;*/
}

h1{
	text-transform: uppercase;
}
#program h1{
	font-size: 12px;
}

.link1{
	color:rgb(189, 66, 170);
}

#cont1{
	margin: auto;
}

#Cont{
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	right: 0;
}

.ticket_info {
	top: 45% !important;
	left: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	margin: auto;
	max-width: 80%;
	width: 311px;
}

#cov1a, #cov1b, #cov2,#cov3a,#cov3b,#cov3c,#cov4,#cov5,#cov6 {
	 	margin-top: 0px !important;
	 	top: 10% !important;
	 	left: 0;
	 	bottom: 0;
	 	right: 0;
	 	position: fixed;
	 	margin: auto;
	 	width: 100%;
	 	height: auto;
	 	background-size: contain;
	 	background-repeat: no-repeat;
	 	/*transition: 1s;*/
	 	background-position: center;
	 	opacity: 0;
	 	moz-opacity:0;
}

#index #cov1a{
	    background-image: url("../img/hex1a_s.gif");
	    max-width: 100%;
	    width:560px;
	    -webkit-animation: fadeL 2s ease 0s 1 forwards;
	    -o-animation: fadeL 2s ease 0s 1 forwards;
	    animation: fadeL 2s ease 0s 1 forwards;
	    z-index: 10;
}

#tickets #Cont{
	background-image: url(../img/letratone_opac.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	max-width: 80%;
	width: 560px;
	margin:auto;
	opacity: 0.3;
}


#index #cov1b{
	    background-image: url("../img/hex1b_s.gif");
	    max-width: 100%;
	    width:560px;
	    -webkit-animation: fadeL 2s ease 0s 1 forwards;
	    -o-animation: fadeL 2s ease 0s 1 forwards;
	    animation: fadeL 2s ease 0s 1 forwards;
	    z-index: -20;
}

#index #cov2{
	    background-image: url("../img/hex2_s.gif");
	    max-width: 100%;
	    width:560px;
	    -webkit-animation: fadeR 2s ease 0s 1 forwards;
	    -o-animation: fadeR 2s ease 0s 1 forwards;
	    animation: fadeR 2s ease 0s 1 forwards;
	    z-index: 5;
	    margin-top: 23px;
}

/* body:not(#index) #cov5{
	background-image: url("../img/Inst.png");
	opacity: 0.2;
	moz-opacity:0.2;
	z-index: -10;
} */

@keyframes fadeR{
	0% {opacity: 0;  right:-500px;}
	100%{opacity: 1; right:0;}
	/* 100%{opacity: 0.6;} */
}

@keyframes fadeL{
	0% {opacity: 0;left: -500px;}
	100%{opacity: 1;left: 0;}
	/* 100%{opacity: 0.6} */
}

#index #cov3a{
		background-image:url("../img/Dash.png"); */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		/* margin-top: 125px; */
		/*opacity: 0;*/
		max-width: 100%;
		width: 740px;
		-webkit-animation: fadeRotate 1s ease 2s 1 forwards;
		-o-animation: fadeRotate 1s ease 2s 1 forwards;
		animation: fadeRotate 1s ease 2s 1 forwards;
		z-index: 30;
}
#index #cov3b{
		background-image:url("../img/Letra.png"); */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		/* margin-top: 125px; */
		/*opacity: 0;*/
		max-width: 100%;
		width: 740px;
		-webkit-animation: fadeIn 2s ease 3s 1 forwards;
		-o-animation: fadeIn 2s ease 3s 1 forwards;
		animation: fadeIn 2s ease 3s 1 forwards;
		z-index: 30;
}
#index #cov3c{
		background-image:url("../img/Tone.png"); */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		/* margin-top: 125px; */
		/*opacity: 0;*/
		max-width: 100%;
		width: 740px;
		-webkit-animation: fadeIn 2s ease 4s 1 forwards;
		-o-animation: fadeIn 2s ease 4s 1 forwards;
		animation: fadeIn 2s ease 4s 1 forwards;
		z-index: 30;
}

#index #cov4{
	background-image: url("../img/letraText.gif");
	margin-top: 50px;
	opacity: 0;
	max-width: 100%;
	width: 740px;
	height:auto;
	-webkit-animation: slideIn 2s ease 4s forwards;
	-o-animation: slideIn 2s ease 4s forwards;
	animation: slideIn 2s ease 4s forwards;
	z-index: 20;
}

@keyframes slideIn{
	from{opacity:0;right:-500px; top:0px}
	to{opacity:1;right:0px; top: 0px}
}

body:not(#index) #cov2{
	opacity: 0.2;
	position: fixed;
	z-index: -10;
}

@keyframes fadeRotate{
	from{transform: rotate(-180deg); opacity: 0;}
	to{transform: rotate(0deg);opacity: 1;}
}

@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}

#cov2{
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    color: #146766;
    z-index: 0;
}
#cov1a img, #cov1b img{
	width: auto;
	height: auto;
}

#cov5, #cov6{
	/* margin-top: -110px; */
	/* left: 19px; */
	opacity: 0;
	max-width: 100%;
	width: 740px;
	height:auto;
	-webkit-animation: fadeIn 2s ease 4s forwards;
	-o-animation: fadeIn 2s ease 4s forwards;
	animation: fadeIn 2s ease 4s forwards;
	z-index: 22;
}
#cov5{
	background-image: url("../img/dateaddress.gif");
}
/* #cov6{
	background-image: url("../img/date.gif"); */
}

/*#cov2{
	margin-top: -886px;
	background-position: 0px -50%;
}
*/
.cov_sec{
	background-size: 100% 100% !important;
	opacity: 1.0 !important;
}

#menu1{
	width: 600px;
	max-width:90%;
	top:0px;
	left:0px;
	right:0px;
	margin: auto;
	position:fixed;
	z-index: 2000;
	background-color: white;
	padding:15px;
	/*border-bottom: 1px solid #1f9b9a;*/
}
 #menu2{
 	width:100%;
	bottom:0px;
	left:0px;
	right:0px;
	margin: auto;
	position:absolute;
	z-index: 3000;
	padding:5px;
 }

 #menu1 * ,#menu2 *, marquee {
 	font-family: "Amiko";
 }
#cp{
	z-index: 3001;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.menubtn{
	list-style: none;
	cursor:pointer;
	/* color:#1f9b9a; */
	background-color:;
	padding:3px 5px;
	z-index: 1000;
	border-radius: 2px;
	font-size: 13px;
	border:none;
	margin-right:5px;
	text-transform: uppercase;
}
#menu1 .menubtn{
	float: left;
}

#menu2 .menubtn{
	text-align: center;
}

#mapcont{
	position:fixed;
	top: 0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:2000;
	background-color: rgba(255, 255, 255, 1);
}

#mcont{
	width: 500px;
	max-width: 100%;
	margin:auto;
}

#map{
	width: 500px;
	height: 500px;
	margin:80px auto;
}

#close1{
	font-size: 30px;
	cursor:pointer;
	position: absolute;
	right: 25px;
	top: 6px;
	float:right;
}


/*#mcont{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left:0px;
}*/
#address {
    text-align: center;
    margin-top: 20px;
    font-size: 11px;
}

#spacer{
	margin-bottom: 40px;
}

footer{
	font-size: 11px;
	position: fixed;
	width: 100%;
	bottom:0px;
	left: 0;
	right: 0;
	z-index:3000;
}
footer p{
	padding: 10px;
	float: right;
	text-transform: uppercase;
    font-size: 8px;
}
footer li{
	z-index: 3000;
}

.hidden{
	display:none;
}

#spons{
	clear: both;
	width: 100%;
	float: right;
	margin-right: 5px;
}
#partners {
    width: 360px;
    max-width: 70%;
    margin: 150px auto;
}


.partners0{
	width:100px;
	height: auto;
}

.partners1{
	width:120px;
	height: auto;
}

/*.partners2{
	width:250px;
	height:auto;
}*/

.partners3{
	width:275px;
	height:auto;
}
.partners4{
	width:150px;
	height: auto;
}
.partners5{
	width:130px;
	height: auto;
}

.partners0, .partners1,.partners2,.partners3,.partners4,.partners5{
	clear:both;
	margin-bottom: 15px;
	margin-right: 25px;
}
#partners img:nth-child(2){
	clear:both;
}
#hmbtn{
	position: fixed;
	top:10px;
	left: 10px;
	font-size: 19px;
	background-image:url("../img/HexLogo.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width:100px;
	height:110px;
	cursor:pointer;
	z-index: 3000;
}


#info, #about, main{
	width:600px;
	max-width: 80%;
	margin:150px auto;
	color: black;
}

#about img{
	width:350px;
	max-width: 90%;
	margin-right: 15px;
}

.day img{
	width:200px;
	height: auto;
	max-width: 90%;
	/*margin: auto;*/
	float: left;
	margin: 7px 15px 0px 0px;
}


#artists p img:nth-child(2){
	float: right !important;
	margin: 0 0 15px 15px;
}

#tickets {
	margin-top:240px !important;
}

#artists small{
	font-size: 18px;
}

.vert{
	height: 200px !important;
	width: auto !important;
}

#tickets h4 {
	width: 140px;
    margin: auto;
    font-size: 18px;
    text-transform: uppercase;
    margin: 10px auto;
}

.artists {
    position: absolute;
    width: 600px;
    max-width: 80%;
    margin: auto;
    display:none;
    z-index: -10;
}

.lang {
    font-size: 30px;
    float: right;
    cursor:pointer;
}
.lang:nth-child(2)  {
    margin-right: 15px;
}


.inactive{
	display: none;
}
.active{
	display: block;
}

.opac{
	opacity: 0.2;
	cursor:auto;
}


/*---------> MEDIA QUERIES */

@media(max-width: 920px){
	#menu1{width:415px;}
}

@media(max-width: 670px){
	body:not(#index) #menu1 {
		margin-right: 0px;
		right:0px;
		max-width: 70%;
		width: 151px;
	}
	#menu1{
		max-width: 95%;
	}
	#menu1 li{
		margin-right: 2px;
	}
	#address {
	    /* text-align: right; */
	    margin-top: 40px;
	    font-size: 11px;
	    margin-right: 45px;
	}
	h1{
	    text-transform: uppercase;
	    font-size: 23px;
	    font-weight: 900;
		}
}
@media(max-width: 900px){
	marquee{
		opacity: 0.5;
		transition:1s;
	}
}

@media(min-width: 500px){
	#close1{
		right: 10% !important;
	}
}

.program {
	/* width:740px; */
	max-width:80%;
	margin:auto;
}

#program td{
	width: 188px;
	max-width: 11%;
	padding: 10px;
	vertical-align: baseline;
	word-break: break-all;
}

.date td{
	font-weight: bold;
	font-size: 19px;
}
/* #program{
	width: 360px;
} */

#musicians a, #artists a{
	color:darkgray;
}

#musicians img, #artists img {
	height:auto;
	float: left;
	margin: 5px 10px 0px 0px;
	clear: left;
}

#musicians .landscape, #artists .landscape {
	width: 330px;
  max-width: 55%;
}

#musicians .portrait, #artists .portrait {
	width:220px;
	max-width: 45%;
}

#musicians p{
	/* padding: 10px; */
}

.floatR{
	float: right !important;
}

h5{
	text-transform: uppercase;
	font-size: 11px;
}

.redlink{
	color: salmon;
}