/* CSS Document */

@import url(normal.css); /*estilos para normalizar diferencias entre navegadores*/
body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Verdana;
	background:url(../IMG/fondo.jpg) no-repeat center top
}
#Container {
	font-size:1.3em;  /*tamanyo general de textos 13px*/
	color:#666;
	margin:auto;
	width:995px;
}
#Cabecera {
	height:150px;
	margin-left:30px;
	padding-top: 5px;
}
.idioma {
	float: right;
	font: bold 0.9em "Trebuchet MS", Verdana, Arial;
	color: #333;
	margin-right: 15px; width:45%
}
.idioma li {
	
	padding-top: 2px;
	padding-left: 13px; display:inline; border-right:solid 1px #D7A021
}
.idioma ul li a {
	color: #333;
	text-decoration: none;
	
	padding-top: 2px;
	padding-right: 13px;
}
.idioma ul li a:hover {
	color: #D9A320;
	text-decoration: none;
}

.Foto{ background: url(../img/photo.gif) no-repeat left top !important; padding-left:20px}
.Documents{ background: url(../img/Document.gif) no-repeat left top !important;padding-left:20px}
#Menu {
	background:url(../img/menu.gif) no-repeat left top;
	padding:28px 0 15px 40px;
	font:bold 0.95em Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
#MenuEU {
	background:url(../img/menuEU.gif) no-repeat left top;
	padding:28px 0 15px 40px;
	font:bold 0.95em Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
#MenuEU li {
	display:inline;
	padding-right:40px
}
#MenuEU li a {
	color:#333
}
#MenuEU li a:hover {
	color:#D9A320
}
#Menu li {
	display:inline;
	padding-right:40px
}
#Menu li a {
	color:#333
}
#Menu li a:hover {
	color:#D9A320
}
.clear {
	clear:both
}
#Pie {
	text-align:center;
	background:#fff;
	clear:both;
	font-size:1.1em;  /*tamanyo general de textos 13px*/
	color:#666;
	margin:auto;
	width:990px;
	padding-bottom:20px
}
#Pie a {
	color: #D9A320;
	text-decoration: none;
}
#Pie a:hover {
	color: #333;
}
#Pie p {
	text-align:center
}
#Pie dl {
	clear:both;
	width:33%;
	margin:0 auto;
}
#Pie dt {
	float:left;
	margin:0;
}
#Pie dd {
	margin:0;
	float:left;
	padding:0 5px
}
/*home*/
#Contenido {
	background:#F4F4F4 url(../img/fondo-container.jpg) no-repeat left bottom;
	padding-bottom:150px;
	overflow:auto;
	height:1%;
	padding-left: 5px;
}
#HomeLeft {
	float:left;
	width:65.4%;
	background:#fff
}
#HomeLeft div {
	padding:10px
}
#HomeRight {
	float:right;
	width:34%
}
#HomeRight a {
	color: #D9A320;
	font-size: 0.9em;
	background:url(../img/flecha_derecha.gif) no-repeat right center;
	padding: 8px;
}
#HomeRight li{ float:left}
#HomeRight li a{ background:none}
#HomeRight img{ border:solid 1px #ccc}
.none {
	position:absolute;
	left:-1500px;
	top: -10%;
	overflow:hidden;
	font-size:0%;
	line-height:0%;
}
h2 {
	font: bold 1.5em "Trebuchet MS", Verdana, Arial;
	color: #000;
	margin: 5px 0;
}
.interior h2 {
	margin: 7px 0 7px 5px;
}
.Agenda {
	clear:both;
	margin:0;
	padding:0
}
.Agenda dt {
	background: #C90 url(../img/fondo-fecha.gif) no-repeat left top;
	color: #fff;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 2px;
	float: left;
	width: 40px;
	font:bold 1.5em "Trebuchet MS", Verdana, Arial;
	line-height:14px;
	padding-top: 5px;
	text-align:center;
	clear:left
}
.Agenda dt span {
	font: normal 0.6em "Trebuchet MS", Verdana, Arial !important;
	text-transform:uppercase;
	text-align:center
}
.Agenda dd {
	margin-left:60px;
	padding-top:10px;
}
.fecha {
	background:url(../img/fondo-fecha.gif) no-repeat left top;
	color: #fff;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 2px;
	float: left;
	width: 18%;
}
.numero {
	font: bold 1.5em "Trebuchet MS", Verdana, Arial;
	margin-left: 8px;
	line-height:14px;
	padding-top: 5px;
}
.dia {
	font: normal 0.9em "Trebuchet MS", Verdana, Arial;
	text-transform:uppercase;
	margin-left: 8px;
}
.conciertos {
	font: bold 0.9em "Trebuchet MS", Verdana, Arial;
	color: #000000;
	float: right;
	width: 76%;
	padding-top: 8px;
}
.conciertosAgenda {
	font: normal 1em "Trebuchet MS", Verdana, Arial;
	color: #000000;
	float: right;
	width: 76%;
	padding-top: 8px;
	color: #666;
}
.caja_conciertos {
	overflow: auto;
	height: 1%;
}
.CajaGrande {
	width: 99%;
	background:#FFFFFF;
	margin-top: 10px;
	overflow: auto;
	height: 1%;
}
.interior {
	padding: 10px;
}
.interior2 {
	padding: 10px;
	height: auto;
}
.foto_centrada {
	margin-left: 35px;
	margin-top: 5px;
}
p {
	line-height:18px;
	text-align: justify;
}
.textos {
	width: 97%;
	float: left;
}
.textos3 {
	width: 80%;
	margin: auto;
	background:url(../img/fondo_caja.gif) no-repeat right bottom;
	padding-bottom: 20px;
}
.textos4 {
	width: 80%;
	margin: auto;
}
.textos2 {
	width: 93%;
	overflow: auto;
	height: 1%;
	padding: 10px 15px;
	border: dashed 1px #CCCCCC;
}
.izquierda {
	float: left;
	width: 70%;
	margin-left: 5px;
	padding-bottom: 15px;
}
.izquierdaRepertorio {
	float: left;
	width: 49%;
	margin-left: 5px;
	padding-bottom: 15px;
}
.derechaRepertorio {
	float: right;
	width: 48%;
	margin-left: 15px;
	padding-bottom: 15px;
	padding-top: 0 !important;
 margin-top: 0 !important;

}
.derechaRepertorio dt {
	font-weight:bold;
	float:left;
	width:40%;
	padding:5px 0;
	clear:left
}
.derechaRepertorio dd {
	margin:0;
	width:59%;
	padding:5px 0; float:left; min-height:33px 
}
ol {
	list-style: decimal;
	padding: 10px 10px;
	line-height:30px
}
.repertorio {
	text-transform: uppercase;
	line-height: 80px;
	margin-left: 20px;
}
.componentes {
	line-height: 35px;
	color: #000;
}
.componentes dt {
	font-weight:bold;
	float:left;
	width:10em
}
.componentes dd {
	margin-left:10.5em
}
.repertorio a {
	color: #000;
	font-weight: bold;
	text-decoration: none
}
.repertorio a:hover {
	color: #D9A320;
}
.izquierdaSala {
	float: right;
	width: 47%;
	margin-top: 50px;
	margin-left: 20px;
	background:url(../img/fondo_caja.gif) no-repeat 60px bottom;
	padding-bottom: 400px;
}
.izquierdaSala2 {
	float: left;
	width: 50%;
	margin-top: 20px;
	margin-right: 25px;
}
.izquierdaTienda {
	margin-left: 5px;
	float: right;
	width: 50%;
	padding: 2px;
	margin-right: 45px;
}
.izquierdaSala3 {
	float: left;
	width: 47%;
	vertical-align: top;
	margin-left: 60px;
}
.reproductor {
	text-align: center;
	padding-left: 10px;
}
.reproductor object {
	border: solid 1px #D9A320
}

.izquierdaSala img {
	padding-right: 40px;
}
.derechaSala {
	/*background:url(../img/fondo_caja.gif) no-repeat 60px bottom;
	padding-bottom: 250px;*/
	float: left;
	width: 40%;
	margin-top: 15px;
	z-index:0;
	top:0;
	left:0
}
.derechaTienda {
	float: left;
	width: 35%;
	margin-top: 15px;
	z-index:0;
	top:0;
	left:0;
	padding: 0;
}
.derechaSala object {
	border: solid 1px #D9A320;
}
.canciones {
	padding-left: 30px;
	vertical-align:top;
	width: 99%;
	margin-top: 20px;
	padding-bottom: 20px;
}
.canciones a {
	color: #D9A320;
	text-decoration: none
}
.izquierdaContacto {
	float: left;
	width: 35%;
	margin-left: 30px;
	padding-bottom: 15px;
	margin-top: 10px;
}
.textos a {
	color:#D9A320;
	text-decoration: none;
}
.textos a:hover {
	color: #333;
}
.derecha {
	float: left;
	width: 20%;
	margin-left: 35px;
	padding-bottom: 15px;
}
.derechaContacto {
	float: left;
	width: 50%;
	margin-left:60px;
	padding-bottom: 15px;
	margin-top: 10px
}
.datos {
	margin: 0 55px;
}
.derechaContacto .p-label {
	padding-top:2px;
	float:left;
	width: 35%;
	font-weight: bold;
}
.derecha li.Sol {
	background: url(../img/fondo-boton2.jpg) no-repeat left top;
	padding-left: 20px;
	padding-top: 16px;
	margin-bottom: 25px;
	padding-bottom: 15px;
}
.derecha li.Fa {
	background: url(../img/fondo-boton1.jpg) no-repeat left top;
	padding-left: 20px;
	padding-top: 16px;
	margin-bottom: 25px;
	padding-bottom: 15px;
}
.Sol a, .Fa a {
	font: bold 1.1em "Trebuchet MS", Verdana, Arial;
	color: #333;
}
.Sol a:hover, .Fa a:hover {
	color: #D9A320;
}
.tituloComponentes2 {
	background:url(../img/fondo-boton2.jpg) no-repeat left top;
	padding: 16px 0 15px 25px;
	margin-bottom: 5px;
	font: bold 1.1em "Trebuchet MS", Verdana, Arial;
	color: #333;
	text-transform:uppercase;
}
.tituloComponentes2_largo {
	background:url(../img/fondo-boton2-largo.jpg) no-repeat left top;
	padding: 16px 0 15px 35px;
	margin-bottom: 5px;
	font: bold 1.1em "Trebuchet MS", Verdana, Arial;
	color: #333;
	text-transform:uppercase;
}
.tituloComponentes1 {
	background:url(../img/fondo-boton1.jpg) no-repeat left top;
	padding: 16px 0 15px 25px;
	margin-bottom: 5px;
	font: bold 1.1em "Trebuchet MS", Verdana, Arial;
	color: #333;
	text-transform:uppercase;
}
.tituloComponentes1_largo {
	background: url(../img/fondo-boton1-largo.jpg) no-repeat left top;
	padding: 16px 0 15px 35px;
	margin-bottom: 5px;
	font: bold 1.1em "Trebuchet MS", Verdana, Arial;
	color: #333;
	text-transform:uppercase;
}
.listado {
	padding-left: 20px;
	vertical-align:top
}
.listado li.Nota {
	background: url(../img/nota.jpg) no-repeat left top;
	padding: 0px 15px 15px 35px;
}
.listado li.Rayada {
	background: url(../img/rayada.jpg) no-repeat left top;
	padding: 0 15px 15px 35px;
}
.listado li.ClaveFa {
	background: url(../img/fa.jpg) no-repeat left top;
	padding: 0 15px 15px 35px;
}
.listado li.NotaDoble {
	background: url(../img/doble.jpg) no-repeat left top;
	padding: 0 15px 15px 35px;
}
.izquierdaComponentes {
	float: left;
	/*width: 65%;*/width: 75%;
	margin-left: 5px;
	padding-bottom: 15px;
}
.izquierdaComponentes li a{ background:none}
.izquierdaComponentes ul li ul{ margin-left:20px}
.izquierdaDirector {
	float: left;
	width: 55%;
	margin-left: 5px;
	padding-bottom: 15px;
}
.izquierdaAgenda {
	float: left;
	width: 45%;
	margin-left: 5px;
	padding-bottom: 490px;
	margin-top: 10px;
	background:url(../img/fondo_caja.gif) no-repeat left bottom;
}
.izquierdaComponentes h2 {
	margin: 7px 0 7px 0;
}
.izquierdaComponentes a {
	font-size: 0.9em;
	color: #D9A320;
	background: url(../img/flecha.gif) no-repeat left 4px;
	padding-left: 15px;
	font-weight:bold
}
.izquierdaRepertorio a {
	font-size: 0.9em;
	color: #D9A320;
	background: url(../img/flecha.gif) no-repeat left 4px;
	padding-left: 15px;
	font-weight:bold
}
.izquierdaComponentes a:hover {
	color: #333
}
.derechaAgenda {
	float: left;
	width: 45%;
	margin-left: 40px;
	padding-bottom: 80px;
	margin-top: 10px;
}
.textoDirector {
	float: left;
	margin-left: 8px;
	width: 62%
}
.derechaDirector {
	float: left;
	width: 25%;
	margin-left: 20px;
	padding-bottom: 15px;
	margin-top: 20px;
}
.derechaComponentes {
	float: left;width: 23%;
	/*width: 25%;
	margin-left: 40px;*/
	padding-bottom: 15px;
	margin-top: 20px;
}
.derechaJunta {
	float: left;
	width: 30%;
	margin-left: 30px;
	padding-bottom: 15px;
	margin-top: 20px;
}
/*---Repertorio ---*/
.fila-campos {
	clear:both;
	margin-bottom:5px;
	float:left;
	width:100%;
	padding-top: 0
}
.fila-campos1 {
	float:left;
	width:49%;
	margin-bottom:5px;
	clear:left;
}
.fila-campos2 {
	float:right;
	width:49%;
	margin-bottom:5px;
}
.fila-campos1-1 {
	float:left;
	width:58%;
	height:1%;
	overflow:auto;
}
.fila-campos1-2 {
	float:left;
	width:40%;
	height:1%;
	overflow:auto;
}
.p-label {
	text-align: left;
	padding-top:2px;
	float:left;
	width: 40%;
	font-weight: bold;
}
.p-label2 {
	float:left;
	padding-top:2px;
}
.sinNegrita {
	font-weight: normal;
}
.textoDireccion {
	font: normal 1em Arial, Helvetica, sans-serif;
}
.derechaRepertorio .fila-campos .p-input {
	float:left;
	width: 45%;
	margin-left: 30px
}
.p-input {
	float: left;
	width: 44%;
	text-align: left;
}
.pedidos .p-label {
	width:12em
}
.pedidos .p-input {
	width:50%
}
.videosGrandes {
	margin-left: 30px;
}
.videosComponentes {
	margin-left: 1px;
}
.foto {
	float: left;
	margin-left: 5px;
	margin-right: 18px;
	width: 25%;
	padding-right: 10px;
}
.boton {
	float: right;
	margin: 10px 0 0 90px;
	background:#D7A120 url(../img/fondo-boton.gif) repeat-x top left;
	border: solid 1px #999;
	color: #fff;
}
.pedidos {
	width: 97%;
	border: dashed 1px #CCCCCC;
	padding: 8px;
	margin: auto;
	overflow: auto;
	height: 1%;
}
.pedidos .fila-campos {
	padding-bottom: 8px;
}
.separador {
	padding: 20px 0
}
.portadas {
	width: 350px;
	float: left;
}
.portadas a {
	margin-left: 30px;
}
.portadas p {
	margin-left: 30px;
}

/*---ESTILOS PARA LOS MAILS---*/

.sinFondo {
	background:#ccc;
	font-size: 62.5%;
}
.containerMail {
	width: 965px;
	margin: auto;
	border: solid 1px #f4f4f4;
	background:#F4F4F4;
}
.cabeceraMail {
	width: 99%
}
.ContenidoMail {
	width: 70%;
	padding: 40px;
	background:#FFFFFF;
	margin: 40px auto;
	border: solid 1px #ccc;
	font: normal 1.3em "Trebuchet MS", Verdana, Arial;
	color: #666
}
#PieMail {
	text-align:center;
	background:#fff;
	clear:both;
	font-size:1.1em;  /*tamanyo general de textos 13px*/
	color:#666;
	margin:auto;
	padding-bottom:20px
}
#PieMail a {
	color: #D9A320;
	text-decoration: none;
}
#PieMail a:hover {
	color: #333;
}
/*---ERRORES ---*/

.error {
	border: solid 1px #CC0000;
	width: 45%;
	margin: auto;
	background: #F5E5E5 url(../img/error.png) no-repeat 5px center;
	padding: 10px 0 10px 25px;
	font: normal 1em "Trebuchet MS", Verdana, Arial;
	color: #000
}
.correcto {
	background: #EAF5E5 url(../img/correcto.png) no-repeat 5px center;
	padding: 10px 0 10px 25px;
	font: normal 1em "Trebuchet MS", Verdana, Arial;
	color: #000;
	border: solid 1px #003333;
	width: 45%;
	margin: auto;
}
/*---nuevos--*/
 #HomeLeft object {
	width: 613px;
	height: 207px
}
.VideoHistoria {
	margin-left: 30px;
	width: 892px;
	height: 273px
}
.VideoComponentes {
	width: 701px;
	height: 510px;
}
.izquierdaComponentes object {
	
	border: solid 1px #D6A11F!important;
}
.izquierda object {
	width: 701px;
	height: 467px;
}
.izquierdaAgenda object {
	width: 400px;
	height: 350px;
}

.reproductor object {
	width: 400px;
	height: 300px;
}
.videoSala {
	height: 470px;
	height: 313px;
}
.videoContacto {
	margin-left: 30px;
	width: 892px;
	height: 280px;
}
.portadas li{ float:left}
.lista-img img{ width:134px}
/*ADMINISTRACION*/
 .Administracion h2 {
	margin-bottom:20px
}
.Administracion li {
	background:url(../img/doble.jpg) no-repeat left top;
	padding-left:30px;
	color:#000;
	padding-bottom:10px
}
.Administracion ul li ul {
	margin-top:5px
}
.Administracion li li {
	display:inline;
	background:none
}
.Administracion li li a {
	color:#D9A320;
	font-weight:bold
}
.Administracion .CajaGrande {
	padding:10px 10px 10px 50px;
	width:90%
}
.Confirmar {
	background:url(../img/confirmar.gif) no-repeat left top;
	padding-left:20px
}
.VerListado {
	background:url(../img/listadoAsistentes.gif) no-repeat left top;
	padding-left:20px
}
.Administracion th {
	background:#B6891B url(../img/fondo-boton.gif);
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding:0 5px
}
.Administracion td {
	border-bottom:solid 1px #CCC;
	padding:0 5px
}
.Administracion .Volver {
	font-size: 0.9em;
	color: #D9A320;
	background: url(../img/flecha.gif) no-repeat left 4px;
	padding-left: 15px;
	font-weight:bold
}
.Volver a {
	color: #D9A320;
}
.Asiste {
	background:url(../img/asiste.gif) no-repeat left top;
	padding-left:20px
}
.Pendiente {
	background:url(../img/pendiente.gif) no-repeat left top;
	padding-left:20px
}
.NoAsiste {
	background:url(../img/noasiste.gif) no-repeat left top;
	padding-left:20px
}
#MenuAdministracion {
	background:url(../img/menuAdministracion.gif) no-repeat left top;
	padding:28px 0 15px 40px;
	font:bold 0.95em Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
#MenuAdministracion li {
	display:inline;
	padding-right:60px
}
#MenuAdministracion li a {
	color:#333
}
#MenuAdministracion li a:hover {
	color:#D9A320
}


.TituloMail{ font:bold 30px Arial, Helvetica, sans-serif}
.TextoGrandeMail{ font:bold 15px Arial, Helvetica, sans-serif}
.TextoMail{ font:normal 12px Arial, Helvetica, sans-serif}