body,td,th { font-family: "Trebuchet MS", Arial, Helvetica,  sans-serif; text-align: left; color: #e3e3e3; font-size: 12px; background: url(../img/elements/bg.gif) top left repeat; background-color:#000; }
																																							
#page { margin: auto; max-width: 970px; min-width: 970px; }

img { border:0; margin: 0; outline:0 none; }

a:active, a:focus { outline: 0; }

::-moz-selection { background:#FFF; color:#000; }
   
::selection { background:#FFF; color:#000; }

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
  }

/*HEADER*/
#header { height: 115px; background-color: #333; margin-top: 22px; }
#logo { width: 150px; height: 110px; background: url(../img/elements/logo-header.gif) top left no-repeat; }																			
#header-right { margin-left: 878px; margin-top:-110px; width: 92px; height: 110px; background: url(../img/elements/header-right.gif) top right no-repeat;*/ }
#header-mail { margin-left: 775px; margin-top:-17px; width: auto; height: 15px; padding-right: 22px; text-align: right; background: url(../img/elements/mail-icon-header.png) no-repeat  -30px; }
#network { margin-left: 805px; margin-top: -56px; width: 145px; height: 40px; background-color: transparent;}
/*TYPES*/
h1 { text-align: left; font-size: 20px; color: #00A99D; padding:15px 0px 0px 22px; text-transform: uppercase; }
h2 { text-align: left; font-size: 16px; color: #00A99D; text-transform: uppercase; }
h3 { text-align: left; font-size: 12px; color: #00A99D; text-transform: none; }
h4 { text-align: left; font-size: 12px; color: #00A99D; text-transform: uppercase; }
p { font-family: Arial, Helvetica,  sans-serif; font-size: 12px; color: #e3e3e3; line-height: 1.3em; text-align: left; padding: 0px 22px 22px 22px; }

hr { border: 0; color: #666; background-color: #666;  height: 1px; }

/*NAVIGATION*/
#navigation { height: 21px; background-color: #333; margin-top: 1px; padding-top: 7px; padding-left: 22px; }
#navigation a.two { font-size: 12px; text-align: left; }
#navspacer { height: 5px; background-color:#333; margin-top:1px; margin-bottom:1px; }
.nav-sep { font-size: 10px; text-align: center; color: #00A99D; padding-left: 3px; padding-right: 3px; padding-bottom: 5px; }
.topnav { font-size: 14px; width: 100%; letter-spacing:1px; }
.topnav ul { padding: 0px 0px 0px 0px; margin: -1px 0px 0px 0px; text-align: left; }
.topnav ul li { display: inline; }
.topnav ul li a {font-family: "Trebuchet MS", Arial, Helvetica,  sans-serif; color: #FFF; padding: 0px 0px 0px 0px; margin-right: 0px; text-decoration: none;  outline: 0 none;  font-size:14px; }
.topnav ul li a:hover, .topnav ul li a:active { color: #00A99D; }
#tnav #currentpage a { color: #00A99D; }

/*FOOTER*/
#footer { width: 970px; margin: auto; background-color: #333; }
#footer-top { width: 970px; height: 20px; margin-top: 1px; background-color: #333; }
#footer-bottom { width: 970px; height: 60px; background-color:#333; margin-top: 1px; margin-bottom: 22px; }
#footer-left { width: 60px; height: 60px; background: url(../img/elements/footer-left.gif) top left no-repeat; }

/*BANNERS*/
#footer-banner1 { width: 900px; height: 170px; margin-left: 32px; margin-top: 0px; background-color: #333; }
#footer-banner2 { width: 170px; height: 170px; margin-left: 215px; margin-top: -170px; background-color: #333; }
#footer-banner3 { width: 170px; height: 170px; margin-left: 398px; margin-top: -170px; background-color: #333; }
#footer-banner4 { width: 170px; height: 170px; margin-left: 581px; margin-top: -170px; background-color: #333; }
#footer-banner5 { width: 170px; height: 170px; margin-left: 764px; margin-top: -170px; background-color: #333; }

/*ABOUT*/
#default { height: 100%; background-color:#333; padding: 22px; }
#default-box-1 { height: 100px; width: 264px; background-color:#181818; margin: 0; padding: 22px; }
#default-box-2 { height: 100px; width: 264px; background-color:#181818; margin-left: 309px; padding: 22px; position: relative; }
#default-box-3 { height: 400px; width: 264px; background-color:#181818; margin: -544px 0 0 618px; padding: 22px; }
#default-box-1 h4 , #default-box-2 h4 , #default-box-3 h4 { font-size: 2em; line-height: 1em; letter-spacing: 1px; margin: 0px 0 0 0px; color: #00A99D; text-transform: uppercase; }
#default-box-1 p , #default-box-2 p , #default-box-3 p { padding: 10px 0 0 0 ; margin: 0; }		


/*ABOUT*/
#about { height: 100%; background-color:#333; padding: 22px; }
#about-box-1 { height: 500px; width: 264px; background-color:#181818; margin: 0; padding: 22px; }
#about-box-2 { height: 500px; width: 264px; background-color:#181818; margin: -544px 0 0 309px; padding: 22px; }
#about-box-3 { height: 500px; width: 264px; background-color:#181818; margin: -544px 0 0 618px; padding: 22px; }
#about-box-1 h4 , #about-box-2 h4 , #about-box-3 h4 { font-size: 2em; line-height: 1em; letter-spacing: 1px; margin: 100px 0 0 0px; color: #00A99D; text-transform: uppercase; }
#about-box-1 p , #about-box-2 p , #about-box-3 p { padding: 10px 0 0 0 ; margin: 0; }																																		

/*NOTICIAS*/
#noticias { height: 100%; background-color:#333; padding-top: 30px; }
.noticias-img { width: 180px; height:70px; margin-top:34px; background-color:#e1e1e1; position: absolute; }
#news { margin:0; padding:0; width:970px; font-size:0.94em; list-style:none; }
#news li { padding:1px 0 1px 0; margin:0px 0 0 0; display:block; }
#news li p { background:url(../img/elements/news-bg.png) top right no-repeat; padding:10px 300px 15px 200px; margin:0; }
#news h4 {  font-size:2em; line-height:1em; letter-spacing: 1px; background: #131313; margin: 0px 0 0 0px; padding:5px 0px 5px 200px; color: #00A99D; text-transform: uppercase; }
#news h4.date { font-size:1em; line-height:1em; background-color: #131313; margin: -20px 0 0 0px; padding:2px 0px 1px 22px; color: #00A99D; }
#news li:hover { background-position:-150px 100%; }																																			
#news li:hover p { background-color:#330033; }
#news li:hover h4 { background-position:-150px 0; }

/*ARTIST DROP DOWN*/
#artist-drop-down-box { height: 30px; background-color:#333; margin-top:-11px; }
#artist-quick-nav { width: 200px; }

/*ARTIST*/
#artistas { height: 100%; background-color:#000; }
#artist-page { height: 100%; background-color:#000; }
#artist-page-img { margin-top:-255px; margin-left: 488px; background-color:#e1e1e1; position: absolute; }
.artist-img { width: 380px; height:70px; margin-top:20px; background-color:#e1e1e1; position: absolute; }
#artist-info-box { height: 255px; width: 484px; background-color:#333; margin-top:-12px; }
#artists-list { margin:0; padding:0; width:970px; font-size:0.94em; list-style:none; }
#artists-list li { background:url(../img/elements/artist-bg.png) top right no-repeat; background-position: 740px 0px; background-color: #333; padding:1px 0 1px 0; margin:1px 0 0 0; display:block; }
#artists-list li p { padding:5px 200px 5px 400px; margin:0; height:60px; }
#artists-list h4 { font-size:2em; line-height:1em; letter-spacing: 1px; margin: 15px 0 0 0px; padding:5px 0px 5px 400px; color: #00A99D; text-transform: uppercase; }
#artists-list h4.date { font-size:1em; line-height:1em; font-weight:bold; background-color: #131313; margin: -18px 0 0 0px; padding:1px 0px 1px 22px; color: #00A99D; }
#artists-list li:hover { background-color: #330033; }																																												
#artists-list li p a{ font-size: 10px; background-color: #181818; margin-left: 230px; padding:3px; }																						
#artists-list li p a:after{ content: url(../img/elements/link-icon.png);  padding: 2px 3px 3px 6px; }

#downloads { height: 16px; width: 289px; background-color:#181818; padding-top: 2px; margin-top:-18px; margin-left:681px; }
#downloads a:before{ content: url(../img/elements/dl-icon.png) ; padding: 2px 5px 3px 4px; }
#downloads a { text-align: left; font-size: 10px;  padding-left: 10px; text-transform: uppercase; outline: 0 none; }

#links-box { height: 16px; width: 680px; background-color:#181818; margin-top:2px; padding-top: 5px; }
#links-box a{font-size: 10px; text-transform: uppercase; }
#links-box a:before{ content: url(../img/elements/link-icon.png);  padding: 2px 5px 3px 4px; }
.linkz { text-align: left; padding-left: 22px; padding-top: 2px; text-transform: none; outline: 0 none; }

/*EVENTOS*/
#eventos { height: 100%; background-color:#333; padding-top: 30px; }
#events-list { margin:0; padding:0; width:970px; list-style:none; }
#events-list li { padding:1px 0 1px 0; margin:0px 0 0 0; display:block; }
#events-list li img { margin-top:30px; float: left; padding-bottom: 10px;}
#events-list li p { width: 380px; padding:10px 5px 15px 30px; margin:0px 0 0 450px;}
#events-list h4 { font-size:2em; line-height:1em; letter-spacing: 1px; background: #131313; margin: 0 0 0 0; padding:5px 0px 5px 480px; color: #00A99D; }
#events-list h4.date { font-size:1em; line-height:1em; font-weight:bold; background-color: #131313; margin: 10px 0 0 0px; padding:2px 22px 1px 22px; color: #00A99D; position: absolute; }
#events-list li:hover  { background-color: #131313; }

/*EVENTOS BOXED*/
#eventos22 { height: 100%; background-color:#999; padding-top: 10px; padding-bottom: 30px; }
.event-box { width: 235px; height: 100%; background-color:#333; padding: 10px 0 0 0; margin-left: 10px; }
#eventos22 img {width: 215px; height: 100px; margin-left: 10px; margin-top:0px; float: left; padding-bottom: 0px; background-color: red;}
#eventos22 h4.date { font-size:1em; line-height:1em; font-weight:bold; background-color: transparent; margin: 105px 0 0 0px; padding: 2px 22px 1px 10px; color: #00A99D;}
#eventos22 h4 { font-size:1.2em; line-height:1.3em; letter-spacing: 1px; background: black; margin: 0 0 0 0; padding:5px 0px 5px 10px; color: #00A99D; }
#eventos22 p { padding:0px 10px 15px 10px; margin: 5px 0 0 0px; background: transparent;}
#eventos22 p a { text-align: left; font-size: 24px;  padding: 2px; text-transform: none; outline: 0 none;}











/*EVENTOS 2*/
#eventos2 { height: 100%; background-color:#333; padding-top: 30px; }
#events2-list { margin:0; padding:0; width:970px; list-style:none; }
#events2-list li {background:url(../img/elements/eventos-bg.png) top left repeat-x; background-position: 0px 0px; padding:1px 0 1px 0; margin:0px 0 0 0; display:block; }
#events2-list li img {margin-left: 10px; margin-top:33px; float: left; padding-bottom: 3px;}
#events2-list li p { padding:0px 5px 15px 30px; margin:0px 0 0 160px;}
#events2-list h4 { font-size:1.5em; line-height:1em; letter-spacing: 1px; background: #131313; margin: 0; padding:5px 0px 5px 190px; color: #00A99D; }
#events2-list h4.date { font-size:1.2em; line-height:1em; font-weight:bold; background-color: transparent; margin: 5px 0 0 0px; padding: 2px 22px 1px 10px; color: #00A99D; position: absolute; }
#events2-list li:hover  { background-color: #330033; }
#events2-list li p a { text-align: left; font-size: 24px;  padding: 2px; text-transform: none; outline: 0 none;}

/*EVENT*/
#event { height: 100%; background-color:#333; padding: 10px 0px 10px 20px; }
#events-index { margin-left: 20px; }
#event-list { margin:0; padding:0; width:970px; list-style:none; }
#event-list li { padding:1px 0 1px 0; margin:0px 0 0 0; display:block; }
#event-list li img { margin-top:30px; float: left; padding-bottom: 10px;}
#event-list li p { width: 450px; padding:10px 5px 15px 30px; margin:0px 0 0 450px;}
#event-list h4 { font-size:1.8em; line-height:1em; letter-spacing: 1px; background: #131313; margin: 0 0 0 0; padding:5px 0px 5px 480px; color: #00A99D; }
#event-list h4.date { font-size:1em; line-height:1em; font-weight:bold; background-color: #131313; margin: 10px 0 0 0px; padding:2px 22px 1px 22px; color: #00A99D; position: absolute; }

																		
/*TOUR*/
#tour { height: 160px; width: 680px; background-color:#181818; margin-top:-3px; background: url(../img/elements/tour-bg.gif) top left no-repeat; }
.tour { padding-top: 22px; text-align: left; font-size: 12px; line-height: 20px; }
.tour-date { font-size: 12px; background-color: black; padding: 2px; }

/*BOOKING*/
#booking { height: 140px; width: 269px;  margin-top:-160px; margin-left:681px; padding: 10px 10px 10px 15px; background: url(../img/elements/booking-bg.gif) no-repeat; line-height: 12px; }
.booking-country {font-size: 10px; color: #999; text-align: left; }
.booking-tel { font-size: 12px; color: #FFF; line-height:1.5em; }																																																
.booking { text-align: left; padding-left: 20px;padding-top: 10px; text-transform: none; }

/*CONTACT*/
#contacto-img { margin-top: 1px; height: 100px; background: url(../img/elements/contact-img.jpg) top left no-repeat; background-color: #333; }
#contacto { height: 410px; margin-top: 1px; background: url(../img/elements/contact-bg.png) top right no-repeat; background-color: #333; }
#contacto-text { padding: 0 0 0 0; height: 210px; width: 300px; margin-left: 22px; margin-top: -215px; }
#contacto-text p { padding: 0px; margin-top: -12px; .margin-top: -18px; }
#contacto-text a { margin-top: -12px; .margin-top: -25px; }
#contacto-text h3 { color: white; }																
#contacto-text .title { text-align: left; font-size: 9px; color: #FFF; }
																																								
/*CONTACT FORM*/
#aboutForm { margin-left:350px; width:500px; }
#aboutForm fieldset { padding-left:40px; padding-top:35px; border:0; }
#aboutForm input[type="text"] { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; width:300px; height:13px; border:0; background:#181818; color:#FFF; padding: 3px; }
#aboutForm textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; width:300px; height:80px; border:0; background:#181818; color:#FFF; padding: 3px; overflow: auto; }
#aboutForm .formLayout { width: 56px; clear: left; margin-right: 3px; margin-bottom: 5px; } 
#aboutForm #sendit { margin-left:250px; width: 50px; padding: 0px; }																									
#mail_status { height: 15px; width: 300px; margin-left: 393px; margin-top: 0px;  padding: 2px 0px 2px 4px; color: gray; font-size: 11px; }
.form {border:none; }																																	
.stackForm { float: left; margin-bottom: 5px; }
#aboutForm label { height: 15px; text-align: right; font-size: 10px;  color: white; background-color: #181818; padding: 3px 7px 0px 0px; letter-spacing: 1px; }
#aboutForm .btn { padding-left:0px; background-color: #333; text-align: right; }
/*Safari hack*/
input, textarea, button { outline: none; resize:none; }

/*AUDIO*/
#audio { height: 135px; width: 300px; background-color:#181818; margin-top:8px; background: url(../img/elements/audio-bg.gif) no-repeat; }

/*VIDEO*/
#video { height: 113px; width: 300px; background-color:#181818; margin-top:2px; margin-left:0px; background: url(../img/elements/video-bg.gif) no-repeat; }
#video1 { padding: 5px; height: 240px; width: 320px; background-color:#181818; margin-top:-250px; margin-left:305px; background: url(../img/elements/video1-bg.gif) no-repeat; }
#video2 { padding:5px; height: 240px; width: 320px; background-color:#181818; margin-top:-250px; margin-left:640px; background: url(../img/elements/video1-bg.gif) no-repeat; }

/*LINKS*/
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00A99D;
	text-decoration: none;
}
a:visited {
	font-weight: normal;
	color: #00A99D;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #00DBCB;
	text-decoration: none;
}

a:active {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


a.two:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00A99D;
	text-decoration: none;
}
a.two:visited {
	font-weight: normal;	
	color: #00A99D;
	text-decoration: none;

}
a.two:hover {
	font-weight: normal;
	color: #00DBCB;
	text-decoration: none;
}
a.two:active {
	font-weight: normal;
	color: #00A99D;
	text-decoration: none;
}