/* Estilo Cuerpo Principal */

* {margin:0;padding:0;cursor:url("Imagenes/Punteros/mouseheartblanco.png"),default;} /*guitarraflamenca_32.gif;guitarraflamenca36_V1.gif*/
body {width:100%;background-color:#000;color:#fff;}
body::-webkit-scrollbar {display: none;}

   /* Estilos Página Principal */

#contenedorCabecera {width:99%;font-size:min(1.6vw,16px);font-weight:bold;display:flex;align-items:center;justify-content:space-between;opacity:0.5;height:auto;} 
#contenedorImagenLogotipo {width:30vw;height:auto;}
#imagenLogotipo {width:100%;} /*width="413" height="129"*/
#todosLosMenus {display:flex;align-items:center;justify-content:space-between;width:100%;}
#contenedorDatos {width:100%;position:relative;}
#imagenPortada {width:100%;opacity:0.5;}

#cuadroIdiomas {position:relative;margin:4px 0px;z-index:999;width:99%;display:flex;align-items:center;justify-content:flex-end;font-size:min(1.6vw,16px);color:#F69D2F;opacity:0.5;} /*display:flex;align-items:center;justify-content:space-around;*/
#cuadroIdiomas div {display:inline-block;margin:0px 0px 0px min(18px, 2.5vw);width:min(30px, 4vw);}
#cuadroIdiomas div img {width:100%;display:flex;align-items:center;justify-content:center;}
.opcionIdioma:hover {opacity:0.7}
.opcionMenu {font-size:min(1.6vw,16px);font-weight:bold;}
.opcionMenu:hover {opacity:0.5;text-decoration:underline;}
#contenedorOpcionesMenu {position:absolute;right:0%;font-size:22px;z-index:999;color:#fff;white-space:nowrap;min-width:fit-content;}
#contenedorOpcionesMenu div {padding:10px;border:1px solid black;display:block;background-color:#424242;width:auto;}
#contenedorOpcionesMenu div:hover {background-color:blue;}


#contenedorCalendarioTour {width:25vw;position:absolute;top:3vw;left:72vw;overflow:hidden;opacity:0.5;}
#contenedorCalendarioTour:hover {opacity:0.7;}
#imagenContenedorCalendario {width:100%;}

#contenedorNuevoDisco {width:25vw;position:absolute;top:31vw;left:72vw;overflow:hidden;opacity:0.5;}
#contenedorNuevoDisco:hover {opacity:0.7;}
#imagenContenedorNuevoDisco {width:100%;}

#cuadroConciertos {width:25vw;position:absolute;top:17vw;left:72vw;overflow:hidden;opacity:0.5;}
#cuadroConciertos:hover {opacity:0.7;}
#contenedorCartel {width:25vW;margin:auto;}
#imagenCartelConciertos {width:100%;}

#contenedorMenuVideo {width:25vw;height:15vw;border-radius:5px;position:absolute;top:20vw;left:73vw;overflow:hidden;opacity:0.5;}
#contenedorMenuVideo:hover {opacity:0.7;}
#textoContenedorMenuVideo {font-size:min(1.7vw,14px);position:absolute;bottom:0px;;right:0px;z-index:2;color:#fff;}
#fotoVideo {width:100%;position:absolute;top:0px;}

#contenedorNotificacionesPincheAqui {width:70%;position:absolute;left:0vw;top:44vw;font-size:16px;text-align:center;text-shadow:1px 1px 1px black, -1px -1px 1px black,1px -1px 1px black, -1px 1px 1px black;}
#textoContenedorNotificacionesPincheAqui {color:rgb(147,130,58);}
#textoContenedorNotificacionesPincheAqui:hover {text-decoration:underline;}

#contenedorAvisos {width:100%;margin-top:0px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:1em;opacity:0.5;}
.aviso {font-size:14px;color:#fff;margin:5%;}
.aviso:hover {text-decoration:underline;}
#textoAvisoLegal {width:70%;margin-top:20px;margin-left:15%;margin-bottom:20px;background-color:#202020;}
#textoPoliticaPrivacidad {width:70%;margin-top:20px;margin-left:15%;margin-bottom:20px;background-color:#202020;}


   /* Estilos Ver Video Promocional */

#contenedorVideo {width:90%;margin:auto;}
#idVideo {width:100%;border:1px solid #fff;}
  

   /* Estilos Seccion Carteles Próximos Conciertos y Tours */

#contenedorCarteles {width:90%;margin:auto;overflow:hidden;}
#contenedorCartelesAnteriores {width:90%;margin:auto;overflow:hidden;}
#contenedorCartelAmpliado {width:80%;margin:auto;margin-top:8vw;} 
#contenedorExplicaMenu {width:70%;margin:auto;text-align:center;color:#ccc;font-size:min(2.8vw,14px);line-height:170%;}
#contenedorTextoProximosConciertos {width:90%;margin:auto;text-align:center;color:#ccc;line-height:170%;}
#contenedorRecibirNotificacion {width:90%;margin:auto;overflow:auto;}
#divContenedorFormulario {width:90%;margin:auto;overflow:auto;};
#tablaRecibirNotificacion {}
#textoPincheAqui {color:blue;text-decoration:underline;word-wrap:break-word;}
.tiraCarteles {width:100%;display:flex;align-items:center;justify-content:space-around;margin-top:4vw;margin-bottom:4vw;}
.divCartel {width:15%;}
.divCartel:hover {opacity:0.5;}
.imagenCartel {width:100%;cursor:zoom-in;box-shadow:0vw 0vw 1vw white;}
.tiraCartelesAnteriores {width:100%;display:flex;align-items:center;justify-content:space-around;margin-top:4vw;margin-bottom:4vw;}
.divCartelAnterior {width:10%;}
.divCartel:hover {opacity:0.5;}
.imagenCartelAnterior {width:100%;cursor:zoom-in;box-shadow:0vw 0vw 1vw white;}

   /* Estilos Sección Fotografías */

#contenedorImagenes {width:70%;margin:auto;position:relative;}      
#fondoPantalla {width:100%;height:70vh;overflow:auto;margin:auto;} 
#fondoPantalla::-webkit-scrollbar {display:none;}
#imagenFondoPantalla {width:100%;animation-name:animacionImagenFondoPantalla;animation-duration:6s;animation-iteration-count:1;}
#botonRetrocesoFoto {font-size:3vw;width:4vw;height:4vw;position:absolute;left:0px;top:33vh;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:bold;opacity:0.20;border-radius:50%;background-color:#000;color:#fff;}
#botonRetrocesoFoto:hover {color:#000;background-color:#fff;}
#botonAvanceFoto {font-size:3vw;width:4vw;height:4vw;position:absolute;right:0px;top:33vh;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:bold;opacity:1;border-radius: 50%;background-color:#000;color:#fff;}
#botonAvanceFoto:hover {color:#000;background-color:#fff;}
#cuadroTiraFotos {width:70%;margin:auto;overflow:auto;}
#tiraFotos {height:8vw;}
.divFoto {height:8vw;float:left;display:flex;align-items:center;overflow:hidden;}
.fotoDeLaTira {width:100%;}
@keyframes animacionImagenFondoPantalla {
   0% {transform:scale(0.5,0.5);opacity:0.3;}
   100% {transform:scale(1,1);opacity:1;}
};

   /* Estilos Sección Discografía */

#cuadroTextoMenuMusica {width:70%;color:#FCAE03;margin:auto;font-family:georgia;font-size:14px;line-height:150%;} /*min(2.8vw,14px)*/
#cuadroDiscografia {width:40%;margin:auto;font-family: Georgia;font-size:14px;}
.textoMusica {text-indent:0px;text-align:center; margin:1vw 1vw;}
.textoMusicaCentrado {margin:1vw 1vw;}
.todaDiscografia {width:100%;margin:auto;}
.fotoPortadaDiscoAnverso {float:left;width:calc(90%/2);}
.fotoPortadaDiscoAnverso:hover {opacity:0.50;cursor:zoom-in;}
.fotoPortadaDiscoReverso {float:right;width:calc(90%/2);}
.fotoPortadaDiscoReverso:hover {opacity:0.50;cursor:zoom-in;}
.anoDisco {text-align:center;}
#portadaDiscoAmpliada {width:100%;}
.fotoPortadaDiscoAmpliada {width:100%;cursor:zoom-out;}

   /* Estilos Sección Componentes Grupo */

#componentesGrupo {width:90%;margin-left:5%;font-family:georgia;font-size:14px;color:#ccc;line-height:150%;} /*min(2.8vw,14px)*/
#historiaGrupo {width:60%;margin:auto;font-size:14px;} /*min(2.8vw,14px)*/
.anoHistoria {font-weight:bold;}
.fotoComponente {width:100%;/*width:10em;margin-right:0.625em;float:left;*/} 
.textoComponentesGrupo {text-align:center;font-family:georgia;font-size:14px;color:#95C8F8;} /*#6AB3F8*/
.contenedorFotoBiografiaComponente {display:flex;align-items:start;color:#ccc;width:100%;}
.estilosNombreArtista {width:60%;color:#86C1F9;text-align:center;font-size:16px;}
.contenedorFotoArtista {width:18%;max-width:20%;margin-right:2%;float:left;}
.textoEnlaceDosieres {color:#FCAE03;}
.textoEnlaceDosieres:hover {color:blue;text-decoration:underline;}


   /* Estilos Escuchar Fragmentos Musicales */

#cuadroCanciones {width:50%;margin:auto;font-family:georgia;font-size:14px;color:#ccc;}
.tituloCd {font-size:16px;text-decoration:underline;text-align:center;} /*1.2em*/
.formatoMenu {font-size:18px;text-decoration:underline;text-align:center;color:#fff;} /*1.5em*/
#cancionesPuertaDeLaIlusion, #cancionesAbriendoCamino, #cancionesMarDeEsperanza {width:100%;text-align:center;margin:auto;} 
#ulAbriendoCamino {color:rgb(182,134,193);list-style:none;}
#ulAbriendoCamino li {color:rgb(213,185,219);}
#ulPuertaDeLaIlusion {color:rgb(167,129,56);list-style:none;}
#ulPuertaDeLaIlusion li {color:rgb(201,164,96);}
#ulMarDeEsperanza {color:rgb(135,168,119);list-style:none;} /*#6FFAC3rgb(130,164,113)*/
#ulMarDeEsperanza li {color:rgb(168,191,157);} /*9BFAD4rgb(158,184,145);*/
#fragmentoMusicalSonando {width:100%;background-color:#ccc;color:#000;font-size:16px;} /*1.2em*/
.centerFinalizarFragmentoMusical {text-align:center;}
.centerFinalizarFragmentoMusical:hover {color:#000;background-color:#fff;}

   /* Estilos Enlaces YouTube */

#listaEnlacesYouTube {width:50%;margin:auto;text-align:center;font-family: Georgia;font-size:14px;color:#ccc;}
#cuadroVerVideoYouTube {width:90%;margin:auto;}
#finalizarVideoYouTube {width:50%;margin:auto;}
.lineaEnlacesYouTube {display:flex;align-items:center;justify-content:space-around;}
.opcionEnlaceYouTube {width:15vw;height:9vw;max-height:9vw;border:1px solid #ccc;overflow:hidden;box-shadow:5px 5px 5px red;} 
.divImagenEnlaceYouTube {width:100%;height:6vw;max-height:6vw;overflow:hidden;}
.opcionEnlaceYouTube:hover {opacity:0.5;}
.textoEnlaceYouTube {text-align:center;font-size:1.6vw;margin:0.5vw 0vw;}
.imagenEnlaceYouTube {width:100%;}
.centerFinalizarVideoYouTube {text-align:center;}
.centerFinalizarVideoYouTube:hover {color:#000;background-color:#fff;}
.iframeYouTube {width:100%;height:31.25em;margin:auto;}

  
   /* Estilos Próximos Eventos obteniendo datos de la base datos y mostrando en lineas */

#proximosConciertos{width:100%;margin:auto;}
#cabeceraConciertos {font-size:1.5625em;font-weight:bold;}
#cabeceraytexto {font-size:14px;overflow:auto;margin:auto;}
#cabeceraEvento {width:65em;font-weight:bold;height:1.125em;display:inline-block;}
#cabeceraEvento div {display:inline-block;text-decoration:underline;}
#textoConciertos {width:65em;overflow:auto;max-height:80px;}
.lineaTextoEvento {}
.lineaTextoEvento div {display:inline-block;}
.fechaEvento {width:5.5em;min-width:5.5em;max-width:5.5em;overflow:hidden;}
.horaEvento {width:3.5em;min-width:3.5em;max-width:3.5em;overflow:hidden;}
.salaEvento {width:11em;min-width:11em;max-width:11em;overflow:hidden;}
.direccionEvento {width:20em;min-width:20em;max-width:20em;overflow:hidden;}
.localidadEvento {width:11em;min-widht:11em;max-width:11em;overflow:hidden;}
.precioEvento {width:11em;min-width:11em;max-width:11em;overflow:hidden;}



   /* Estilos Cuadro Enlaces Relacionados */

#cuadroEnlacesRelacionados {width:90%;margin:auto;font-family:georgia;font-size:min(2.8vw,14px);color:#ccc;}
#divEnlacesRelacionados {width:100%;margin-top:6em;margin-bottom:5em;}
#textoEnlacesRelacionados {width:70%;margin:auto;text-align:center;color:#FCAE03;}
.lineaEnlacesRelacionados {width:100%;display:flex;justify-content:space-around;align-items:center;}
.opcionEnlace {width:22vw;height:18vw;max-height:18vw;border:1px solid #ccc;overflow:hidden;box-shadow: 0.6vw 0.6vw 0vw #000, 0.7vw 0.7vw 1vw #fff;} 
.divImagenEnlace {width:100%;height:15vw;max-height:15vw;overflow:hidden;}
.opcionEnlace:hover {opacity:0.5;}
/* .textoEnlaces {text-indent:0px;text-align:justify; margin:1vw 1vw;} */
.textoEnlace {text-align:center;font-size:1.6vw;margin:0.5vw 0vw;}
.imagenEnlace {width:100%;}

  /* Estilo cuadro Descargas */

#cuadroDescargas {width:100%;margin:auto;font-family:georgia;font-size:14px;color:#ccc;} /*min(2.8vw,14px)*/
#cuadroContenidoDescargas {width:100%;margin:auto;}
#textoDescargas {width:70%;margin:auto;text-align:center;color:#FCAE03;line-height:150%;}
#menuOpcionesDescargas {margin:auto;width:90%;display:flex;justify-content:space-around;}
#divOpcionSeleccionCanciones {width:25vw;display:flex;align-items:center;justify-content:center;background-color:#680603; color:#ccc;border:3px outset #fff;font-size:min(3vw,16px);padding:5px 15px;margin-top:min(5vw,60px);margin-bottom:min(5vw,60px);} /*display:flex;align-items:center;justify-content:center;width:20vw;height:5vw*/
#divOpcionValidarCodigo {width:25vw;display:flex;align-items:center;justify-content:center;background-color:#680603;color:#ccc;border:3px outset #fff;font-size:min(3vw,16px);padding:5px 15px;margin-top:min(5vw,60px);margin-bottom:min(5vw,60px);}
#divOpcionSeleccionCanciones:active {border:3px inset #fff;}
#divOpcionValidarCodigo:active {border:3px inset #fff;}
#cuadroTablaDescargar {display:none;}
#cuadroInformeDescarga {width:70%;margin:auto;}
#textoInforme {text-align:center;}
#iframePago {color:#fff;}
#cuadroTablaCanciones {width:90%;margin:auto;}
#tablaDiscos, tablaCompra {margin:auto;background-color:#171717;} /*background-color:#424242;*/
.primeraColumna {text-align:center;valign:middle;padding:10px;} /*width:15vw;*/
.segundaColumna {padding:5px;} /*width:35vw;*/
.terceraColumna {padding:5px;} /*width:20vw;*/
.columnaUnica {width:100%;margin:auto;}
.textoConMargen {margin:0.5em 0em;}
.portadaTabla {width:10vw;border-radius:50%;}
.ul {list-style:none;}
.aActivacion:visited {color:#fff;}
.aActivacion:hover {color:orange;}
.estiloTextoADescargar {font-size:min(3vw,16px);color:blue;margin:1vw;}
.estiloTextoADescargar:hover {background-color:blue;color:#000;}
.estiloTextoDescargado {font-size:min(3vw,16px);color:#828180;margin:1vw;}
.formatoMenuDescargas {font-size:1.4em;text-decoration:underline;}
.direccionEmailDescargas {color:#FAD37C;}
#primerDisco {color:#ccc;}
#segundoDisco {color:rgb(209,176,113);}
#tercerDisco {color:rgb(163,194,188);}
#contenedorDosieres {width:100%;margin:auto;overflow:auto;}


   /* Estilos Cuadro Contacta Con Nosotros */

#cuadroContactaConNosotros {width:94%;margin-left:5%;font-family:georgia;font-size:14px;overflow:hidden;} /*min(2.8vw,14px)*/
#cuadroFotoYFormularioContacto {width:100%;margin:auto;background-color:#151515;display:flex;align-items:center;justify-content:space-between;}
#cuadroFotoContacto {width:71%;overflow:hidden;position:relative;}
#textoCuadroFotoContacto {position:absolute;top:0px;right:1%;text-align:center;font-size:min(2.1vw,16px);color:rgb(254,220,150);font-weight:bold;}
#fotoContacto {width:100%;margin:auto;}
#cuadroFormulario {width:28%;color:#FCAE03;} /*background-color:#111;#F6BB4E;*/
#nombreFormulario {width:70%;}
#emailFormulario {width:70%;}
#codigoPaisFormulario {width:8%;opacity:0.50;}
#telefonoFormulario {width:62%;}
#asuntoFormulario {width:70%;}
#comentarioFormulario {width:100%;resize:none;}
#textoInformaContacta {text-align:center;text-indent:0px;}
#textoFaltanDatosFormulario {text-align:center;text-indent:0px;}
#estadoEnvioFormulario {text-align:center;font-size:1.3em;}
#resultadoDatosFormulario {width:60%;margin:auto;color:#FCAE03;}
.contactoTextoEnlaceDosieres {weight:bold;font-size:1.1em;text-decoration:underline;word-wrap: break-word;}
.contactoTextoEnlaceDosieres:hover {color:blue;}

   /* Estilos Cuadro Novedades */

#cuadroNovedades {width:17vw;position:absolute;top:3vw;left:52vw;z-index:999;}
#cuadroNovedades:hover {opacity:0.7;}
#contenedorNovedades {width:100%;}

#imagenNovedades {width:100%;max-width:100%;margin:auto;cursor:zoom-in;border:1px solid red;}



   /* Estilos Dosieres */

#divMiniaturaDosierFicha {display:flex;align-items:flex-end;justify-content:space-around;width:100%;margin:auto;}
.divMiniatura {width:fit-content;}
.divMiniatura:hover {opacity:0.5;}
.imgMiniatura {width:12vW;}
#contenedorPrincipal {width:100%;margin-bottom:50px;}
#divContenedorXYPdf {width:90%;margin:auto;border:1px solid white;}
#divContenedorPdf {width:100%;margin:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden;}
#iframePdf {position:absolute;top:0;left:0;height:100%;width:100%;display:block;}
.divContenedorDosier {width:90%;margin:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden;}
.iframeDosier {position:absolute;top:0;left:0;height:100%;width:100%;display:block;}
#divX {float:right;padding:4px;width:fit-content;font-size:18px;border:1px solid white;}
#divX:hover {opacity:0.5;}

   /*  Estilos Gestión Notificaciones*/

#contenedorNotificacionesFotoYFormulario {width:100%;margin:auto;position:relative;}
#contenedorNotificacionesFoto {width:95%;margin:auto;overflow:hidden;}
#imagenContenedorNotificacionesFoto {margin:auto;width:100.1%;}
#contenedorFormularioComentarios {position:absolute;top:0px;left:2.5%;width:95%;max-width:95%;overflow:auto;} 
#contenedorFormularioUno {width:fit-content;display:inline-block;float:right;}
#divComentarios {width:80%;margin:auto;text-shadow:1px 1px 1px black, -1px -1px 1px black,1px -1px 1px black, -1px 1px 1px black;}
#comentariosNotificaciones {color:red;font-weight:bold;font-size:18px;width:80%;margin:auto;}
#notificacionesMenus {display:flex;align-items:center;justify-content:space-between;width:95%;margin:auto;margin-bottom:10px;}
#notificacionesContenedorIndicaMenu {color:#ccc;margin-bottom:1em;font-style:oblique;font-size:min(26px,4vw);text-align:center;text-decoration:underline;}


   /* Estilos Calendario Tour */

#contenedorCalendario {width:40%;margin:auto;}
#divContenedorCalendario {width:100%;margin:auto;}
#imgDivContenedorCalendario {width:100%;margin:auto;}
#contenedorCartelesAnterioes {width:90%;margin:auto;}
#divContenedorCartelesAnteriores {width:100%;margin:auto;}


   /* Estilos Comunes */

.textoIndicaMenu {color:#ccc;margin-top:1em;margin-bottom:1em;font-style:oblique;font-size:min(26px,4vw);text-align:center;text-decoration:underline;}
.comentarios {color:red;font-weight:bold;}
.enlaceAzul {color:blue;}
.enlaceGranate {color:#987169;font-weight:bold;}

li:hover {background:#fff;color:#000;border-radius:2px;}
li {margin: 1em 0em;}
.hr50 {width:50%;margin:auto;}
.hr100 {width:100%;margin:auto;}
.limpiaFloat {clear:both;}
.textoAzul {color:blue;}
.textoResaltado {font-size:min(3vw,16px);}
a:link {font-size:min(2.1vw,16px);color:rgb(254,220,150);font-weight:bold;text-decoration:none;}
a:visited {font-size:min(2.1vw,16px);color:rgb(254,220,150);font-weight:bold;text-decoration:none;}
a:focus {font-size:min(2.1vw,16px);color:rgb(254,220,150);font-weight:bold;text-decoration:none;}
a:hover {font-size:min(2.1vw,16px);color:rgb(254,220,150);font-weight:bold;text-decoration:underline;}
a:active{font-size:min(2.1vw,16px);color:rgb(254,220,150);font-weight:bold;text-decoration:none;}