* { margin: 0px; padding: 0px; }
html, body { background: url(../img/bg.gif) repeat fixed; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCC; SCROLLBAR-FACE-COLOR:#121212; SCROLLBAR-HIGHLIGHT-COLOR: #121212; SCROLLBAR-SHADOW-COLOR: #121212; SCROLLBAR-3DLIGHT-COLOR: #555c5e; SCROLLBAR-ARROW-COLOR: #999; SCROLLBAR-TRACK-COLOR: #060606; SCROLLBAR-DARKSHADOW-COLOR: #343b3d; font-weight: bold; }
#contenedor { width: 766px; margin-right: auto; margin-left: auto; height: 100%; padding-top: 15px; padding-bottom: 15px; }
#contenido { background: url(../png/bgContenido.png) repeat-y 0px 83px; width: 706px; margin-top: -10px; padding-right: 60px; padding-bottom: 15px; padding-left: 30px; display: table; height: auto; }
#inferior { background: url(../png/inf.png) 1px top; height: 22px; width: 766px; }
p { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
h5 { color: #ff5c00; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; text-transform: lowercase; }
.imagen { position: absolute; width: auto; height: auto; z-index: 1; visibility: hidden; }
div.imagen#img img { position: relative; }
h6 { font-weight: bold; font-size: 10px; display: block; }
a { color: #666; text-decoration: none; font-weight: normal; }
p a { color: #FF9900; text-decoration: none; cursor : url("img/cuernos.cur") }
input, select { background-color: #0E1011; border: 1px dashed #333; font-family: "Trebuchet MS"; font-size: 10px; color: #CCC; font-weight: bold; padding-left: 3px; }
textarea { background-color: #0E1011; border: 1px dashed #333; font-family: "Trebuchet MS"; font-size: 10px; color: #CCC; }
/*---------------MENU SUPERIOR--------------------*/
#menu { background: url(../png/top.png) no-repeat 23px 62px; width: 766px; padding-left: 45px; margin-left: -23px; margin-right: -23px; height: 92px; }
h4 { margin-top: 20px; margin-bottom: 10px; }
.botonMenu { margin-right: 12px; position: relative; }
.botonMenuAgenda { margin-right: 12px; margin-left: -1px; position: relative; }
#noticia h6 { height: 60px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000; overflow: hidden; padding-right: 15px; }
.botonMenuRecortes { margin-right: 12px; margin-left: 2px; position: relative; }
.botonMenuEnlaces { position: relative; }
/*--------CALSES GENERALES-----------*/
.cab { margin-bottom: 5px; }
.bordeGris { border: 1px solid #3e4648; background-color: #000; }
.leerMas { color: #CC9900; background-color: #333; border: 1px solid #202729; text-transform: lowercase; display: block; font: normal 10px/9px "Trebuchet MS"; cursor: pointer; float: right; height: 15px; text-align: center; vertical-align: middle; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; margin-top: 3px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; }
.verMas { color: #CC9900; background-color: #333; border: 1px solid #000; text-transform: lowercase; display: block; margin: 5px 0px 0px; padding: 0px; font: normal 10px "Trebuchet MS"; height: 20px; cursor: pointer; float: right; }
.encabezadoTablas { padding-left:10px; padding-right:10px; width:50px }
/*-----------CABECERA---------------*/
#cabeceraContenido #cabeceraTXT { margin-left: 30px; margin-bottom: 42px; display: table; background-image: url(../img/logoTxt.png); border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-repeat: no-repeat; height: 39px; width: 359px; }
#cabeceraContenido #slogan { margin-top: -30px; background-image: url(../img/logoSlogan.gif); float: left; margin-left: 127px; }
#cabeceraContenido { height: 87px; display: block; width: 690px; background: url(../img/logoRecorte.gif) no-repeat 570px 7px; margin-right:auto; margin-left: auto; padding-top: 15px; padding-bottom: 10px; margin-top: 15px; }
#cabeceraContenido.admin { background-image: url(../img/adminImg.gif); background-repeat: no-repeat; background-position: 570px 10px; }
#cabeceraContenido #logoRecorte { display: block; background-image: url(../img/logoRecorte.gif); height: 111px; width: 103px; float: right; position: absolute; margin-left: 100px; }
#cabeceraContenido #logo { float: left; margin-top: -5px; }
#imagenCab { display: block; }
/*------1.PAGINA DE INICIO-----------*/
#ContenidoInicio { width: 480px; float: left; margin-bottom: 15px; margin-top: 12px; }
/*-----1.1.MODULO DE BIENVENIDA--------*/
	#bienvenidoContent { width: 200px; float: right; clear: right; margin-bottom: 15px; margin-right: 2px; }
#bienvenido { height: 276px; width: 190px; overflow-x: hidden; display: block; padding-right: 5px; padding-left: 5px; padding-top: 2px; }
/*-----1.2.MODULO DE NOTICIAS--------*/
	#contentNoticias { width: 480px; float: left; }
#noticias { width: 460px; padding-top: 8px; padding-right: 10px; padding-left: 10px; height: auto; position: relative; }
#noticia { height: 108px; width: auto; display: block; border: 1px dotted #333; margin-bottom: 10px; padding: 3px; position: relative; }
h2.tituloNoticia { color: #ff5c00; font-size: 24px; display: block; clear: left; }
#noticiaTxt { height: 107px; margin-bottom: 15px; border: 1px dotted #4F5051; padding-right: 3px; position: relative; }
#imgNoticia img { }
#imgNoticia { height: 100px; width: 100px; float: left; overflow: hidden; font-size: 100px; line-height: 100px; margin-top: 4px; margin-right: 10px; margin-bottom: 5px; margin-left: 5px; }
#leerMas { font-family: "Trebuchet MS"; font-size: 9px; color: #CC9900; background-color: #333; border: 1px solid #000; font-weight: normal; text-transform: lowercase; height: 15px; text-align: center; line-height: 15px; display: table; vertical-align: middle; float: right; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; }
#masNoticias { text-align: right; cursor: pointer; }
#noticia h3 { font-size: 10px; display: block; float: left; margin-top: 6px; margin-right: 3px; margin-left: 3px; color: #999; font-family: Tahoma, Arial, Verdana; font-weight: normal; }
/*-----1.3.MODULO DE REPRODUCTOR MP3--------*/
	#contentMp3 { width: 202px; float: right; margin-bottom: 15px; clear: right; }
#mp3 { height: 120px; }
/*-----1.4.MODULO DE SUSCRIPCION--------*/
		#boletin { height: 116px; padding: 5px; float: right; width: 190px; text-align: center; position: relative; clear: right; }
#enviarSuscribe { text-align: center; display: block; margin-right: auto; margin-left: auto; float: none; margin-top: 7px; }
#suscribe { margin-top: 5px; }
#contentLista { width: 202px; float: right; margin-bottom: 15px; }
/*-----1.4.MODULO DE CONTACTO--------*/
		#contacto { height: 167px; float: right; width: 190px; text-align: center; position: relative; clear: right; padding: 5px; }
#contacto ul li { margin-top: 15px; list-style: url(none) none; background: #111; padding: 2px 5px 5px; border: 1px dotted #515151; }
#contentContacto { width: 202px; float: right; margin-bottom: 15px; }
/*------2.PAGINA DE HISTORIA-----------*/
	/*-----2.1.MODULO DE HISTORIA--------*/
	#ContenidoHistoria { width: 480px; float: left; margin-bottom: 15px; }
#historiaCaja { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; width: 455px; height: 530px; position: relative; }
#fotoHistoria { height: auto; width: auto; float: right; margin: 5px 0px 5px 10px; clear: right; position: relative; }
/*-----2.1.MODULO DE COMPONENTES--------*/
	#componentesContent { width: 200px; float: right; margin-bottom: 15px; height: 300px; }
#componentes { display: block; height: 283px; padding-left: 7px; padding-top: 7px; }
/*------3.PAGINA DE IMAGENES-----------*/
#ContenidoImagenes { margin-bottom: 15px; }
#ContenidoImagenes table { background-color: #000000; }
#imagenes hr { border-top-width: 1px; border-top-style: solid; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; }

#ContenidoImagenes #imagenes { }
#imagenes #thumbnails { float: right; height: 423px; border-left-width: 1px; border-left-style: dotted; border-left-color: #3E4648; padding: 0px; overflow: auto; display: block; margin: 0px; text-align: center; visibility: visible; width: 135px; position: relative; }
#thumbnails img { padding: 2px; border: 1px solid #3E4648; margin-top: 5px; margin-left: 5px; margin-bottom: 5px; }
#imagenes img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#ContenidoImagenes #submenus { position: absolute; margin-left: 150px; margin-top: -14px; width: 350px; }
#infoImg { width: 550px; padding-top: 8px; padding-right: 10px; padding-left: 10px; height: 100px; }
#imgPrincipal { border-right-width: 1px; border-right-style: solid; border-right-color: #3E4648; }
/*-------4.AGENDA DE CONCIERTOS---------*/
#ContenidoAgenda { width: 480px; float: left; }
table { background-color: #333; margin-top: 10px; margin-bottom: 30px; }
table td { background-color: #000; padding: 5px; position: relative; }
#agendaCaja #gruposCab { background-color: #333; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; font-size: 9px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase; padding-left: 5px; border-top-width: 3px; border-bottom-width: 3px; border-top-style: none; border-bottom-style: none; border-top-color: #666; border-bottom-color: #666; }
#calendarioContent { width: 200px; float: right; margin-bottom: 15px; }
#calendario1 { margin-bottom: 8px; display: block; padding-bottom: 5px; padding-top: 2px; }
#agendaCaja { height: 357px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; overflow-x: hidden; }
#ContentOtrosDatosInteres { width: 200px; float: right; }
#OtrosDatosInteres { display: block; padding-bottom: 5px; padding-top: 2px; height: 100px; }
#OtrosDatosInteres ul li { margin: 5px; }
/*-----------------5.DESCARGAS-------------------------*/
#descargasCaja { margin-bottom: 8px; display: block; padding-bottom: 5px; padding-top: 2px; position: relative; }
#descargasContent { width: 200px; float: right; margin-bottom: 15px; }
#descargasCaja ul li a { list-style: none; background: url(../img/flechita.gif) no-repeat left center; text-decoration: none; color: #CCC; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; padding-left: 18px; }
#descargasCaja ul li a:hover { list-style: none; background: url(../img/flechitaDown.gif) no-repeat left center; color: #CC9900; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; padding-left: 18px; }
#descargasCaja ul li { list-style: none; margin-top: 10px; margin-bottom: 10px; }
#contentMyspace { width: 202px; float: right; margin-bottom: 15px; clear: right; }
#myspace { height: 126px; background-image: url(../img/myspace.jpg); background-repeat: no-repeat; background-position: right top; }
#myspace p a { color: #CCC; text-decoration: none; font-weight: bold; display: block; margin-bottom: 0px; margin-right: 5px; margin-left: 10px; padding-top: 70px; background-image: url(../img/myspaceOr.gif); background-repeat: no-repeat; background-position: 3px 10px; position: relative; }
#myspace a:hover { color: #FF5C00; text-decoration: none; background-image: url(../img/myspaceOrHover.gif); }
table tH { background-color: #111; padding: 5px; }
#componentes img { padding: 3px; border: 1px solid #333; background-color: #111; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; }
#sesionTXT { position: relative; margin-top: -25px; float: right; }
#sesionTXT a { font-size: 12px; font-weight: bold; color: #666; text-decoration: none; }
#sesionTXT a:hover { font-size: 12px; font-weight: bold; color: #ff5c00; text-decoration: none; }
#historiaCaja h6 { margin-bottom: 10px; }
h4 a { text-decoration: none; color: #666; font-size: 13px; }
h4 a:hover { text-decoration: none; color: #ff5c00; }
#ContenidoNoticiasExt { width: 480px; float: left; margin-bottom: 15px; }
#noticiaCaja { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; width: 455px; position: relative; }
#noticiaCaja p { font-size: 12px; margin-top: 5px; margin-bottom: 5px; }
a:hover { color: #FF9900; }
#superior { background: url(../png/sup.png); height: 22px; width: 766px; margin-bottom: 10px; }
#menuAdmin ul li { float: left; list-style: none; margin-right: 12px; display: block; }
#menuAdmin ul li a { list-style: none; background: #333333; border: 1px solid #666666; text-decoration: none; color: #CCCCCC; width: auto; padding: 0px 5px 2px; display: block; }
#menuAdmin ul { height: 15px; clear: left; display: block; position: relative; }
#menuAdmin ul li a:hover, #menuAdmin ul li a.activo { list-style: none; background: #666666; border: 1px solid #CCCCCC; text-decoration: none; color: #FFFFFF; width: auto; padding: 0px 5px 2px; display: block; }
h6.resultados { text-align: right; margin-top: 10px; margin-bottom: 5px; }
.opciones { float: left; width: 150px; padding-right: 15px; padding-left: 10px; border-top: 1px dashed #333333; height: 122px; border-left: 1px dashed #333333; }
.opciones input, .opciones select { margin-bottom: 5px; }
#conjuntoOpciones { height: 120px; clear: both; }
.brdNegro { border:solid 2px #000!important; }
.opciones2 { float: left; width: 325px; padding-right: 15px; padding-left: 10px; border-top: 1px dashed #333333; height: 80px; border-left: 1px dashed #333333; }
#conjuntoOpciones2 { height: 80px; clear: both; }
#masinfoAgenda { border: 1px dashed #333333; background-color: #0B0B0B; background-position: center top; background-repeat: repeat; margin-bottom: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 127px; }
#masinfoAgenda img { margin-right: 10px; border: 1px solid #333333; padding: 2px; margin-left: -122px; margin-bottom: 10px; }
#masinfoAgenda h3 { color: #FF0000; }
#masinfoAgenda p b { font-weight: bold; display: block; margin-top: 5px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }
#masinfoAgenda h6 { margin-right: 5px; padding-right: 4px; padding-left: 4px; margin-left: 5px; color: #999999; font-size: 12px; font-weight: bold; }
#masinfoAgenda h5 { display: block; margin-top: -180px; margin-bottom: 5px; margin-left: 7px; }
.bgNoticia { background-color: #000000; background-image: none; background-repeat: no-repeat; }
#conciertoTable { text-align: center; vertical-align: middle; background: #222; margin-bottom: 5px; }
#conciertoTable th { height: 10px; margin: 0px; padding: 2px 0px 3px; font: normal 10px Tahoma, Arial, Verdana, helvetica; color: #999999; background: #333333; }
#conciertoTable td { background: #111; margin: 0px; padding: 5px; }
#conciertoTable h5 { margin: 0px; padding: 0px; }
#noticiasGeneral { padding-top: 8px; padding-right: 10px; padding-left: 10px; height: auto; position: relative; width: 682px; }
.volver { color: #CC9900; background-color: #333; border: 1px solid #000; text-transform: lowercase; display: block; padding: 0px; font: normal 10px "Trebuchet MS"; height: 20px; cursor: pointer; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.fecha { font-weight: bold; color: #999; !important  font-size: 10px;
}
#infoMusical { width: 325px; display: block; background: #111; border: 1px solid #333333; position: absolute; padding-top: 5px; padding-right: 7px; padding-left: 5px; height: auto; margin-left: -353px; }
#gruposCaja { width: 325px; display: block; background: #111; border: 1px solid #333333; padding: 5px 8px 0px 5px; height: auto; margin-left: 353px; }
#enlacesCaja { overflow-x: hidden; padding: 8px 5px 5px; height: 100%; }
.link { height: 60px; border: 1px solid #333333; margin-bottom: 5px; width: 325px; }
h5.grupos { margin-top: -20px; margin-left: 353px; }
