@charset "utf-8";

/* General Specs */

body {
	background-color: #000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.hide {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
} 

/* Structure */

#container {
	width: 1024px;
	height: 738px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: #000 url(../img/bg_container.jpg) no-repeat top left;
	overflow: hidden;
}

	#logo, #menu, #content, #footer {  } 
	#logo {
		width: 619px;
		height: 72px;
		background: transparent url(../img/logo.gif) no-repeat top left;
		margin: 0 auto;
		display: block;
	}
	
	#menu {
		width: 660px;
		height: 29px;
		background: #F80;
		margin: 35px auto 0 auto;
		padding: 7px 0px 5px 100px;
	}
	
		#menu ul {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 22px;
		}
		
			#menu ul li { display: inline; float: left; margin: 0 32px 0 0; _margin: 0 27px 0 0; width:200px; height:50px;}
			#menu ul li.last { margin: 0; }
			
				#menu ul li a { color: #FFF; text-decoration: none; outline: 0; }
				#menu ul li a.inactivo { color: #F90; }
				#menu ul li a:hover { color: #F80; text-decoration: none; background-color:#FFFFFF; border: thick solid #FFFFFF; }
				#menu ul li a.inactivo:hover { color: #FA0; }
				
	#content {
		width: 896px;
		height: 431px;
		margin: 10px auto 0 auto;
		display: block;
	}
	
	.home {
		background: transparent url(../img/bg_content_home.gif) no-repeat top left;
	}
	
		.home #col_izda {
			position: relative;
		}
	
			.home #col_izda .fotos {
				width: 658px;
				height: 395px;
				position: absolute;
				top: 10px;
				left: 20px;
			}
	
	.conciertos {
		background: transparent url(../img/bg_content_conciertos.jpg) no-repeat top left;
	}
	.comollegar {
		background: transparent url(../img/bg_content_comollegar.jpg) no-repeat top left;
	}
	.sala {
		background: transparent url(../img/bg_content_sala.jpg) no-repeat top left;
	}
	
		#content #col_izda { width: 727px; height: 431px; float: left; }
		.conciertos #col_izda { position: relative; }
		.comollegar #col_izda { position: relative; }
		.sala #col_izda { position: relative; }
		#content #col_dcha { width: 169px; height: 431px; float: left; }
		
			/* Seccion Conciertos */
		
			.conciertos #col_izda .innercontent { width: 634px; height: 325px; padding: 14px 12px; background: transparent url(../img/bg_innercontent_conciertos.jpg) no-repeat top left; position: absolute; top: 39px; left: 37px; overflow: hidden; }
			
				.conciertos #col_izda .innercontent .listado, .conciertos #col_izda .innercontent .imagen, .conciertos #col_izda .innercontent .info { float: left; height: 325px; }
			
				.conciertos #col_izda .innercontent .listado { width: 203px; margin: 0 12px 0 0; font-family: Arial, Helvetica, sans-serif;  font-size: 11px; position: relative; }
				
					.conciertos #col_izda .innercontent .listado #list_container {  width: 203px; }
					
					/* Easyscroll_1 */
							
						#btnUp, #btnDown, #btnReset { color: #FFF; }
						#btnUp { width: 12px; height: 27px; background: transparent url(../img/ico_guitar_up.gif) no-repeat top left; display: block; }
						#btnDown { width: 12px; height: 27px; background: transparent url(../img/ico_guitar_down.gif) no-repeat top left; display: block; margin: 200px 0 0 0; }
						#btnReset { display: none; }
						
						.listado ul#easyscrollnav { width: 15px; position: absolute; top: 40px; right: 0; padding-right: 3px;  }
						.listado div#easyscroll { width: 190px; float: left; margin: 20px 0 0 0; }
						
					/* Fin Easyscroll_1 */
				
						.conciertos #col_izda .innercontent .listado #list_container ul#meses { margin: 12px; padding: 0; }
						
						.conciertos #col_izda .innercontent .listado #list_container ul a { color: #FFF; text-decoration: none; }
						.conciertos #col_izda .innercontent .listado #list_container ul a:hover { color: #F60; text-decoration: underline; }
						
							.conciertos #col_izda .innercontent .listado #list_container ul#meses li.mes { font-weight: bold; }
							
								.conciertos #col_izda .innercontent .listado #list_container ul#meses li.mes a { outline: none; }
							
								.conciertos #col_izda .innercontent .listado #list_container ul li ul.list_conciertos { margin: 0; padding: 0 0 0 10px; }
								
									.conciertos #col_izda .innercontent .listado #list_container ul li ul#.list_conciertos li {  }
									
										.conciertos #col_izda .innercontent .listado #list_container ul li ul.list_conciertos li a { font-weight: normal; outline: none; }
					
					.conciertos #col_izda .innercontent .imagen { width: 238px; margin: 0 12px 0 0; }
					.conciertos #col_izda .innercontent .info { width: 165px; }
					
					/* Easyscroll_2 */
					
						#btnUp2, #btnDown2, #btnReset2 { color: #FFF; }
						#btnUp2 { width: 16px; height: 15px; background: transparent url(../img/ico_arrow_up.gif) no-repeat top left; display: block; }
						#btnDown2 { width: 16px; height: 15px; background: transparent url(../img/ico_arrow_down.gif) no-repeat top left; display: block; margin: 240px 0 0 0; }
						#btnReset2 { display: none; }
						
						.info ul#easyscrollnav2 { width: 20px; position: absolute; top: 40px; right: 0; padding-right: 4px;  }
						.info div#easyscroll2 { width: 145px; float: left; margin: 20px 0 0 0; }
					
					/* Fin Easyscroll_2 */
					
						.conciertos #col_izda .innercontent .info h3 { font-family: Arial, Helvetica, sans-serif;  font-size: 13px; color: #F60; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
						.conciertos #col_izda .innercontent .info p { font-family: Arial, Helvetica, sans-serif;  font-size: 11px; color: #000; margin: 0 0 5px 0; padding: 0; }
		
			#content #col_dcha .vbanner { width: 158px; height: 389px; margin: 20px 0 0 5px; background-image: url(../img/bgLogin.jpg); background-repeat:no-repeat; background-position:-5px 2px;}
			
		/* Sección Como llegar */
		
		.comollegar #col_izda .innercontent { width: 658px; height: 353px; padding: 0 0; background: none; position: absolute; top: 39px; left: 37px; overflow: hidden; }
		
			.comollegar #col_izda .innercontent .info, .comollegar #col_izda .innercontent .mapa { float: left; }
			.comollegar #col_izda .innercontent .info { width: 197px; height: 353px; background: transparent url(../img/bg_info.jpg) no-repeat top left; margin: 0 10px 0 0; padding: 0 10px; }
			
				.comollegar #col_izda .innercontent .info p, .comollegar #col_izda .innercontent .info ul { font-family: Arial, Helvetica, sans-serif;  font-size: 11px; color: #000; }
				.comollegar #col_izda .innercontent .info p { margin: 15px 0 30px 0; }
				.comollegar #col_izda .innercontent .info p.listcontainer { margin: 0; padding: 0; }
				.comollegar #col_izda .innercontent .info ul { margin: 0; padding: 0; }
					.comollegar #col_izda .innercontent .info ul li { list-style-type: none; padding: 0 0 0 20px; background: transparent url(../img/ico_bus.gif) no-repeat top left; margin: 6px 0 0 0; }
			
			.comollegar #col_izda .innercontent .mapa { width: 431px; height: 353px; background: transparent url(../img/bg_mapa.jpg) no-repeat top left }
			.comollegar #col_izda .innercontent .mapa img { border: 1px solid #FE6F0F; margin: 14px; }
			
			
		/* Sección Sala */
		
		.sala #col_izda .innercontent { width: 658px; height: 353px; padding: 0 0; background: none; position: absolute; top: 39px; left: 37px; overflow: hidden; }
		
			.sala #col_izda .innercontent .menusala, .sala #col_izda .innercontent .contentsala { float: left; }
			.sala #col_izda .innercontent .menusala { width: 190px; height: 323px; background: transparent url(../img/bg_sala_menu.jpg) no-repeat top left; margin: 0 24px 0 0; padding: 30px 0 0 25px; }
			.sala #col_izda .innercontent .contentsala { width: 389px; height: 323px; background: transparent url(../img/bg_sala_content.jpg) no-repeat top left; padding: 15px; }
			
			.sala #col_izda .innercontent .menusala ul { margin: 0; padding: 0; }
					.sala #col_izda .innercontent .menusala ul li { list-style-type: none; padding: 0 0 0 0; background: none no-repeat top left; margin: 6px 0 0 0; }
						.sala #col_izda .innercontent .menusala ul li a { color: #FFF; text-decoration: none; outline: 0; }
						.sala #col_izda .innercontent .menusala ul li a.active { font-weight: bold; color: #FE6F0F; }
						.sala #col_izda .innercontent .menusala ul li a:hover { color: #FE6F0F; text-decoration: underline; }
					
			.sala #col_izda .innercontent .contentsala ul {}
				.sala #col_izda .innercontent .contentsala ul.audiolist li, .sala #col_izda .innercontent .contentsala ul.blacklinelist li, .sala #col_izda .innercontent .contentsala ul.luceslist li { list-style-type: none; padding: 0 0 0 15px; background: transparent url(../img/ico_orangecross.gif) no-repeat 0 3px; margin: 3px 0 0 0; }
					
			.sala p, .sala ul { font-family: Arial, Helvetica, sans-serif;  font-size: 11px; color: #FFF; }
			
			
					/* Easyscroll_3 */
					
						#btnUp3, #btnDown3, #btnReset3 { color: #FFF; }
						#btnUp3 { width: 13px; height: 11px; background: transparent url(../img/ico_orangearrow_up.gif) no-repeat top left; display: block; !important }
						#btnDown3 { width: 13px; height: 11px; background: transparent url(../img/ico_orangearrow_down.gif) no-repeat top left; display: block; margin: 295px 0 0 0; !important }
						#btnReset3 { display: none; }
						
						.contentsala ul#easyscrollnav3 { width: 20px; position: absolute; top: 20px; right: 0; padding-right: 4px; }
						.contentsala ul#easyscrollnav3 li { }
						.contentsala div#easyscroll3 { width: 369px; float: left; margin: 0 0 0 0; }
					
					/* Fin Easyscroll_3 */
			
				
	
	#footer {
		width: 896px;
		height: 111px;
		margin: 10px auto 0 auto;
		overflow: hidden;
		position:relative;
		top:-140px;
	}
	
		#footer .hbanner {
			width: 258px;
			height: 111px;
			float: left;
		}
		
		#footer p.address {
			width: 380px;
			height: 111px;
			float: left;
			background: transparent url(../img/address.gif) no-repeat top left;
			margin: 0 0 0 0;
			padding: 0;
		}
		
/* Misc */

.orange { color: #FE6F0F; }
span.bold { font-weight: bold; }